v 2.3.0

package.json

@@ -1,10 +1,10 @@
 {
   "name": "beautiful-react-table",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "My first react typescript package",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
-  "types": "./dist/esm/index.d.ts",
+  "types": "./dist/types.d.ts",
   "sideEffects": [
     "./src/scss/styles.scss"
   ],
@@ -15,7 +15,8 @@
     "README.md"
   ],
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "clean": "rm -rf dist",
+    "build": "npm run clean && rollup -c --bundleConfigAsCjs",
     "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
     "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"",
     "prepublishOnly": "npm run prettier && npm run lint"
@@ -54,6 +55,7 @@
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@mui/material": "^5.12.2",
+    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-typescript": "^11.1.1",
@@ -72,19 +74,22 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "postcss": "^8.4.23",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "rollup": "^2.79.1",
-    "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss-modules": "^2.1.1",
     "rollup-plugin-sass": "^1.12.19",
     "rollup-plugin-scss": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.34.1",
     "sass": "^1.62.1",
-    "typescript": "^4.9.5"
+    "typescript": "^4.9.5",
+    "undefined": "^0.1.0"
   },
   "eslintConfig": {
     "extends": [
@@ -94,6 +99,7 @@
   },
   "dependencies": {
     "beautiful-react-table": "^1.1.0",
+    "rollup-plugin-dts": "^5.3.0",
     "sass-loader": "^13.2.2",
     "ts-loader": "^9.4.2",
     "tslib": "^2.5.0",

rollup.config.js

@@ -2,8 +2,8 @@ import resolve from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
 import typescript from "@rollup/plugin-typescript";
 import { terser } from "rollup-plugin-terser";
-import dts from "rollup-plugin-dts";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import dts from "rollup-plugin-dts";
 import scss from 'rollup-plugin-scss'
 const packageJson = require("./package.json");
 

src/beautiful-react-table.d.ts

@@ -0,0 +1 @@
+declare module 'beautiful-react-table';

src/global.d.ts

@@ -21,4 +21,4 @@ declare module '*.scss' {
 declare module '*.json' {
   const content: any
   export default content
-}
+}

src/table/index.tsx

@@ -5,7 +5,7 @@ import Header from './Header'
 import Rows from './Rows'
 import useTable from './useTable'
 import Footer from './Footer'
-import './style.scss'
+import './index.scss'
 import '../index.scss'
 import '../assets/style/index.scss'
 

tsconfig.json

@@ -17,6 +17,7 @@
   "exclude": [
     "dist",
     "node_modules",
+    "node_modules/beautiful-react-table",
     "src/**/*.test.tsx",
     "src/**/*.stories.tsx"
   ]