update deps + rollup and webpack config

Author: dev-javascript

package-lock.json

@@ -26,7 +26,6 @@
     "build:dist": "rollup -c",
     "build:lib:cjs": "cross-env BABEL_OUTPUT=cjs babel src/ --out-dir lib/cjs/ --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
     "build:lib:esm": "babel src/ --out-dir lib/esm/ --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
-    "build:lib:esm-pf": "cross-env INCLUDE_POLYFILLS=true babel src/ --out-dir lib/esm-including-polyfills/ --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
     "build:scss:dev": "sass themes/scss:themes style/scss:style --no-source-map",
     "build:scss:pro": "sass themes/minified-scss:themes style/minified-scss:style --style compressed --no-source-map",
     "clean:lib": "rimraf lib",
@@ -41,38 +40,42 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.13.14",
-    "@babel/core": "^7.11.4",
-    "@babel/eslint-parser": "^7.14.4",
-    "@babel/plugin-transform-react-jsx": "^7.10.4",
-    "@babel/plugin-transform-react-jsx-self": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.13.10",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/preset-react": "^7.10.4",
-    "@rollup/plugin-commonjs": "^18.0.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "babel-loader": "^8.1.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/eslint-parser": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/runtime-corejs3": "^7.24.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "babel-loader": "^9.1.3",
     "cross-env": "^7.0.3",
-    "css-loader": "^4.3.0",
-    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
-    "gh-pages": "^3.2.3",
-    "jest": "^26.6.3",
-    "jest-extended": "^0.11.5",
+    "element-resize-detector": "^1.2.4",
+    "eslint": "^8.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "gh-pages": "^6.1.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-extended": "^4.0.2",
+    "lint-staged": "^15.2.7",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.3.0",
+    "prettier": "3.3.2",
+    "rollup": "^4.18.0",
+    "webpack": "^5.92.1",
+    "webpack-cli": "^5.1.4",
+    "@babel/plugin-transform-react-jsx": "^7.24.7",
+    "@babel/plugin-transform-react-jsx-self": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "css-loader": "^7.1.2",
+    "eslint-plugin-react": "^7.34.3",
     "react": "16.9.0",
     "react-dom": "16.9.0",
     "react-test-renderer": "16.9.0",
-    "rollup": "^2.41.0",
-    "rollup-plugin-terser": "7.0.2",
-    "sass": "^1.35.2",
-    "style-loader": "^1.2.1",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12"
+    "sass": "^1.77.6",
+    "style-loader": "^4.0.0"
   },
   "files": [
     "plugins",
@@ -127,6 +130,7 @@
   "sideEffects": false,
   "dependencies": {
     "@popperjs/core": "^2.11.8",
+    "@rollup/plugin-terser": "^0.4.4",
     "element-resize-detector": "^1.2.4",
     "prop-types": "^15.7.2",
     "tabs-more-button": "^1.0.1"

package.json

@@ -1,7 +1,11 @@
-import {terser} from 'rollup-plugin-terser';
-import commonjs from '@rollup/plugin-commonjs';
-import nodeResolve from '@rollup/plugin-node-resolve';
-const Config = ({en, inputPath = '', outputFile = 'rc-dyn-tabs-core', outputName = 'useDynTabs', pf = false}) => {
+// import {terser} from 'rollup-plugin-terser';
+// import commonjs from '@rollup/plugin-commonjs';
+// import nodeResolve from '@rollup/plugin-node-resolve';
+const terser = require('@rollup/plugin-terser');
+const commonjs = require('@rollup/plugin-commonjs');
+const nodeResolve = require('@rollup/plugin-node-resolve');
+const pkg = require('./package.json');
+const Config = ({en, inputPath = '', outputFile = 'react-dyn-tabs', outputName = 'useDynTabs', pf = false}) => {
     var pfName = pf ? '.including-polyfills' : '';
     return {
       input: `lib/${pf ? 'esm-including-polyfills' : 'esm'}/${inputPath}index.js`,
@@ -15,6 +19,16 @@ const Config = ({en, inputPath = '', outputFile = 'rc-dyn-tabs-core', outputName
           react: 'React',
         },
         sourcemap: true,
+        banner:
+          '' +
+          `/**
+ * ${pkg.name} - ${pkg.description}
+ *
+ * @version v${pkg.version}
+ * @homepage ${pkg.homepage}
+ * @author ${pkg.author.name} ${pkg.author.email}
+ * @license ${pkg.license}
+ */`,
       },
       plugins: (function () {
         const _plugins = [nodeResolve({preferBuiltins: false}), commonjs()];
@@ -28,13 +42,8 @@ const Config = ({en, inputPath = '', outputFile = 'rc-dyn-tabs-core', outputName
       },
     };
   },
-  ConfigFactory = (op) => [
-    Config({en: 'dev', ...op}),
-    Config({en: 'prod', ...op}),
-    Config({en: 'dev', pf: true, ...op}),
-    Config({en: 'prod', pf: true, ...op}),
-  ];
-export default ConfigFactory().concat(
+  ConfigFactory = (op) => [Config({en: 'dev', ...op}), Config({en: 'prod', ...op})];
+module.exports = ConfigFactory().concat(
   ConfigFactory({
     outputFile: 'more-button-plugin',
     outputName: 'MoreButtonPlugin',

rollup.config.js

@@ -123,7 +123,7 @@
   z-index: 2;
   overflow-y: auto;
   height: auto;
-  box-shadow: white 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
+  box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
 }
 
 .rc-dyn-tabs-tablist-view.rc-dyn-tabs-vertical {