Add esm build fixes #2008

package.json

@@ -3,6 +3,7 @@
  "version": "4.3.0",
  "description": "Datatables for React using Material-UI",
  "main": "dist/index.js",
+ "module": "dist/esm/index.js",
  "files": [
  "dist"
  ],
@@ -18,7 +19,7 @@
  "coverage:html": "cross-env NODE_ENV=test nyc check-coverage --lines 55 --reporter=html --reporter=text mocha --require @babel/register test/*.js && nyc report --reporter=html",
  "prettier": "find src/ docs/ test/ -type f -name \"*.js\" ! -path \"*/.next/*\" | xargs prettier --write",
  "lint": "eslint src",
- "build": "cross-env NODE_ENV=production npm run prettier && rollup -c",
+ "build": "cross-env NODE_ENV=production npm run prettier && rollup -c && rollup -c rollup.esm.config.js",
  "prepare": "npm run build"
  },
  "repository": {
@@ -122,8 +123,7 @@
  "react-dnd": "^11.1.3",
  "react-dnd-html5-backend": "^11.1.3",
  "react-sortable-tree-patch-react-17": "^2.9.0",
- "react-to-print": "^2.8.0",
- "tss-react": "^3.6.0"
+ "react-to-print": "^2.8.0"
  },
  "side-effects": false,
  "nyc": {

rollup.esm.config.js

@@ -0,0 +1,41 @@
+import babel from '@rollup/plugin-babel';
+import commonjs from '@rollup/plugin-commonjs';
+import replace from '@rollup/plugin-replace';
+import uglify from '@lopatnov/rollup-plugin-uglify';
+
+export default {
+ input: 'src/index.js',
+ plugins: [
+ replace({
+ 'process.env.NODE_ENV': JSON.stringify('production'),
+ }),
+ commonjs({
+ include: ['node_modules/**'],
+ }),
+ babel({
+ babelHelpers: 'runtime',
+ babelrc: true,
+ }),
+ uglify({
+ compress: {
+ conditionals: true,
+ unused: true,
+ comparisons: true,
+ sequences: true,
+ dead_code: true,
+ evaluate: true,
+ if_return: true,
+ join_vars: true,
+ },
+ output: {
+ comments: false,
+ },
+ }),
+ ],
+ output: {
+ file: 'dist/esm/index.js',
+ format: 'esm',
+ exports: 'named',
+ sourcemap: true,
+ },
+};