change to rollup (#37)

Author: neotob

.eslintignore

@@ -0,0 +1,2 @@
+.eslintrc.cjs
+rollup.config.mjs

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- Changed from `microbundle` to `rollup` for building the package
+- Updated all the dependencies to the latest possible version
+
 ### Fixed
 
 - Display predefined filter in filter row

package.json

@@ -9,35 +9,54 @@
   },
   "license": "MIT",
   "author": "Neolution",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.modern.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "main": "dist/index.js",
+  "umd:main": "dist/index.umd.js",
+  "jsdelivr": "dist/index.umd.js",
+  "unpkg": "dist/index.umd.js",
   "module": "dist/index.modern.js",
   "source": "src/index.ts",
+  "jsnext:main": "dist/index.modern.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "shx rm -rf dist && microbundle --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react --globals react/jsx-runtime=jsx --no-compress --tsconfig ./tsconfig.microbundle.json",
-    "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook",
+    "build": "rollup -c",
+    "build-storybook": "build-storybook",
     "lint": "eslint \"**/*.{ts,tsx}\" --cache --max-warnings 0",
     "prepack": "yarn build",
     "prepare-pr": "yarn prettier . --write && yarn lint && yarn build && yarn test\"",
     "prettier-check": "prettier --check .",
     "prettier-write": "prettier --write .",
-    "start": "microbundle watch --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react --globals react/jsx-runtime=jsx --no-compress --tsconfig ./tsconfig.microbundle.json",
+    "start": "rollup -c -w",
     "start-all": "concurrently \"yarn start\" \"yarn start-yalc\"",
     "start-yalc": "yarn nodemon --watch dist -x \"yarn yalc push\"",
     "storybook": "start-storybook -p 6006",
     "test": "cross-env DEBUG_PRINT_LIMIT=100 jest",
     "tsc": "tsc"
   },
-  "dependencies": {},
+  "dependencies": {
+    "rollup-plugin-import-css": "^3.2.1"
+  },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
+    "@babel/core": "^7.21.8",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
     "@fortawesome/react-fontawesome": "^0.1.18",
     "@neolution-ch/react-pattern-ui": "^2.0.1",
     "@release-it/keep-a-changelog": "^3.1.0",
+    "@rollup/plugin-commonjs": "^24.1.0",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-terser": "^0.4.1",
     "@storybook/addon-actions": "^6.4.22",
     "@storybook/addon-essentials": "^6.4.22",
     "@storybook/addon-interactions": "^6.4.22",
@@ -49,33 +68,35 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^14.0.4",
     "@types/jest": "^27.4.1",
-    "@types/node": "^17.0.23",
-    "@types/react": "^17.0.43",
-    "@types/react-dom": "^17.0.14",
+    "@types/node": "^18.16.3",
+    "@types/react": "^18.2.5",
+    "@types/react-dom": "^18.2.3",
     "@types/reactstrap": "^8.7.2",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^5.18.0",
-    "babel-loader": "^8.2.4",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
     "bootstrap": "^4.0.0",
-    "concurrently": "^7.6.0",
+    "concurrently": "^8.0.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.12.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^2.7.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-storybook": "^0.5.8",
-    "gh-pages": "^3.2.3",
+    "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-import-resolver-typescript": "^3.5.5",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-storybook": "^0.6.12",
+    "gh-pages": "^5.0.0",
     "jest": "^27.5.1",
-    "microbundle": "^0.14.2",
-    "nodemon": "^2.0.20",
-    "prettier": "^2.6.2",
+    "nodemon": "^2.0.22",
+    "prettier": "^2.8.8",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "reactstrap": "^8.9.0",
-    "release-it": "^15.7.0",
+    "reactstrap": "^8.10.1",
+    "release-it": "^15.10.3",
+    "rollup": "^3.21.4",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.34.1",
     "shx": "^0.3.4",
     "ts-jest": "^27.1.4",
-    "typescript": "^4.6.3",
+    "typescript": "^5.0.4",
+    "webpack": "^5.82.0",
     "yalc": "^1.0.0-pre.53"
   },
   "peerDependencies": {

rollup.config.mjs

@@ -0,0 +1,74 @@
+import commonjs from "@rollup/plugin-commonjs";
+import nodeResolve from "@rollup/plugin-node-resolve";
+import external from "rollup-plugin-peer-deps-external";
+import terser from "@rollup/plugin-terser";
+import typescript from "rollup-plugin-typescript2";
+import css from "rollup-plugin-import-css";
+
+const input = "src/index.ts";
+
+const plugins = [
+  css({
+    output: "dist/index.css",
+  }),
+  external({
+    includeDependencies: true,
+  }),
+  typescript({
+    clean: true,
+    exclude: ["**/__tests__", "**/*.test.ts", "**/stories/**/*"],
+  }),
+  commonjs({
+    include: /\/node_modules\//,
+  }),
+  nodeResolve(),
+  terser({
+    output: { comments: false },
+    compress: {
+      drop_console: true,
+    },
+  }),
+];
+
+export default [
+  {
+    input,
+    output: {
+      file: "dist/index.js",
+      format: "cjs",
+      name: "ReactDataTable",
+      sourcemap: true,
+      globals: { react: "React" },
+      exports: "named",
+      sourcemap: true,
+      interop: "auto",
+    },
+    plugins,
+  },
+  {
+    input,
+    output: {
+      file: "dist/index.modern.js",
+      format: "esm",
+      name: "ReactDataTable",
+      sourcemap: true,
+      globals: { react: "React" },
+      exports: "named",
+      sourcemap: true,
+    },
+    plugins,
+  },
+  {
+    input,
+    output: {
+      file: "dist/index.umd.js",
+      format: "umd",
+      name: "ReactDataTable",
+      sourcemap: true,
+      globals: { react: "React" },
+      exports: "named",
+      sourcemap: true,
+    },
+    plugins,
+  },
+];

tsconfig.json

@@ -13,7 +13,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "allowSyntheticDefaultImports": true,