remove exported moreButtonPlugin module from src/index

and update package.json, rollup and webpack

Author: dev-javascript

README.md

@@ -17,7 +17,7 @@ React Dynamic Tabs with full API
 - **ARIA accessible**
 - **Customizable Tab component**
 - **Multiple themes**
-- **The core is about 21kb**
+- **The core is about 23kb**
 
 ## Table of Contents
 
@@ -1182,7 +1182,8 @@ Make Tabs responsive using `more button`
 import React from 'react';
 import 'react-dyn-tabs/style/react-dyn-tabs.css';
 import 'react-dyn-tabs/themes/react-dyn-tabs-card.css';
-import useDynTabs, {MoreButtonPlugin} from 'react-dyn-tabs';
+import useDynTabs from 'react-dyn-tabs';
+import MoreButtonPlugin from 'react-dyn-tabs/plugins/moreButtonPlugin';
 
 export default () => {
   const [TabList, PanelList, ready] = useDynTabs(initialOptions, [MoreButtonPlugin]);

package.json

@@ -76,6 +76,7 @@
     "webpack-cli": "^3.3.12"
   },
   "files": [
+    "plugins",
     "dist",
     "flow-typed",
     "lib",
@@ -89,6 +90,9 @@
   "keywords": [
     "react",
     "dynamic",
+    "responsive",
+    "responsive-tabs",
+    "more-button",
     "tab",
     "tabs",
     "react-dynamic-tabs",

plugins/moreButtonPlugin/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "../../lib/cjs/plugins/moreButtonPlugin/index.js",
+    "module": "../../lib/esm/plugins/moreButtonPlugin/index.js",
+    "sideEffects": false
+}

rollup.config.js

@@ -36,8 +36,8 @@ const Config = ({en, inputPath = '', outputFile = 'rc-dyn-tabs-core', outputName
   ];
 export default ConfigFactory().concat(
   ConfigFactory({
-    outputFile: 'rc-dyn-tabs-responsive-plugin',
-    outputName: 'ReactDynTabs_ResponsivePlugin',
-    inputPath: 'modules/responsive/',
+    outputFile: 'more-button-plugin',
+    outputName: 'MoreButtonPlugin',
+    inputPath: 'plugins/moreButtonPlugin/',
   }),
 );

src/index.js

@@ -1,4 +1,2 @@
 import useDynamicTabs from './useDynamicTabs/index.js';
-import moreButtonPlugin from './plugins/moreButtonPlugin/index.js';
 export default useDynamicTabs;
-export const MoreButtonPlugin = moreButtonPlugin;

src/plugins/moreButtonPlugin/index.js

@@ -22,7 +22,10 @@ ShowMoreButton.propTypes /* remove-proptypes */ = {
   children: PropTypes.element,
 };
 export default function ResponsiveFactory(ctx, contexts, TabsComponent) {
-  const {setting: tablistOverflowClass, internalOptions} = ctx.optionsManager;
+  const {
+    setting: {tablistOverflowClass},
+    internalOptions,
+  } = ctx.optionsManager;
   internalOptions.TablistOverflow = TablistOverflow.bind(undefined, {tablistOverflowClass});
   internalOptions.ShowMoreButton = ShowMoreButton.bind(undefined, {ctx, contexts, TabsComponent});
 }

webpack.config.js

@@ -1,14 +1,16 @@
 const path = require('path');
 const pkg = require('./package.json');
-const libraryName = pkg.name;
 module.exports = (env) => {
   const isProduction = env === 'production';
   return {
-    entry: {'rc-dyn-tabs-core': './src/index.js', 'rc-dyn-tabs-responsive-plugin': './src/modules/responsive/index.js'},
+    entry: {
+      'rc-dyn-tabs-core': './src/index.js',
+      'more-button-plugin': './src/plugins/moreButtonPlugin/index.js',
+    },
     output: {
       filename: `[name].umd${isProduction ? '.min' : ''}.js`,
       path: path.resolve(__dirname, 'build'),
-      library: libraryName,
+      library: pkg.name,
       libraryTarget: 'umd',
       publicPath: '/build/',
       umdNamedDefine: true,