adding moreButtonPlugin_buttonTooltip option

Author: dev-javascript

src/plugins/moreButtonPlugin/button/api.js

@@ -22,6 +22,7 @@ export default function Api(components) {
           onClick,
           ref,
           className: this._api.getSetting('titleClass') + ' ' + this._api.getSetting('showMoreButtonClass'),
+          title: this._api.getOption('moreButtonPlugin_buttonTooltip'),
         };
         if (this._api.getOption('accessibility')) {
           result.tabIndex = 0;

src/plugins/moreButtonPlugin/icon.js

@@ -1,19 +1,19 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 export default function MoreButtonPlugin_iconComponent(props) {
-    const style = {};
-    if (props.instance.getOption('direction') === 'rtl') {
-        style.transform = 'rotate(180deg)';
-    }
-    return (
-        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" title="More tabs" style={style}>
-            <path
-                fill="gray"
-                d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"
-            />
-        </svg>
-    );
+  const style = {};
+  if (props.instance.getOption('direction') === 'rtl') {
+    style.transform = 'rotate(180deg)';
+  }
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" style={style}>
+      <path
+        fill="gray"
+        d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"
+      />
+    </svg>
+  );
 }
 MoreButtonPlugin_iconComponent.propTypes /* remove-proptypes */ = {
-    instance: PropTypes.object,
-};
+  instance: PropTypes.object,
+};

src/plugins/moreButtonPlugin/index.js

@@ -15,7 +15,7 @@ ShowMoreButton.propTypes /* remove-proptypes */ = {
   children: PropTypes.element,
 };
 function setTablistOverflow(ctx, components) {
-  components.MoreButtonPlugin = ShowMoreButton.bind(undefined, { ctx, components });
+  components.MoreButtonPlugin = ShowMoreButton.bind(undefined, {ctx, components});
   if (!components.OriginalTablistOverflow) {
     components.OriginalTablistOverflow = components.TablistOverflow;
     components.TablistOverflow = function (props) {
@@ -31,18 +31,22 @@ function setTablistOverflow(ctx, components) {
 function setTablistView(ctx, components) {
   components.TablistView = components.TablistViewFactory.bind(undefined, (ins) => ({
     tablistViewPropsManager: () => {
-      let { className } = components.tablistViewPropsManager(ins);
+      let {className} = components.tablistViewPropsManager(ins);
       className += ' rc-dyn-tabs-responsive';
-      return { className };
+      return {className};
     },
   }));
 }
 function setDefaultOptions(ctx) {
-  ctx.optionsManager.options = Object.assign({
-    moreButtonPlugin_buttonComponent,
-    moreButtonPlugin_iconComponent
-  }, ctx.optionsManager.options);
-};
+  ctx.optionsManager.options = Object.assign(
+    {
+      moreButtonPlugin_buttonComponent,
+      moreButtonPlugin_iconComponent,
+      moreButtonPlugin_buttonTooltip: 'show more',
+    },
+    ctx.optionsManager.options,
+  );
+}
 export default function ResponsiveFactory(ctx, components) {
   setDefaultOptions(ctx);
   setTablistView(ctx, components);