Added DataTable as lib component

package.json

@@ -7,7 +7,18 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "prepare": "pnpm run build"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/dataviz.es.js",
+      "require": "./dist/dataviz.umd.js"
+    }
   },
   "dependencies": {
     "@radix-ui/react-collapsible": "^1.0.3",
@@ -40,5 +51,9 @@
     "tailwindcss": "^3.4.4",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   }
 }

src/components/index.ts

@@ -0,0 +1,3 @@
+import DataTable from "./organisms/DataTable";
+
+export default DataTable;

tsconfig.json

@@ -22,8 +22,9 @@
     "baseUrl": ".",
     "paths": {
       "@/*": [
-        "./src/*"
-      ]
+        "./src/*",
+      ],
+      "dataviz": [ "./src/components/index.ts" ]
     }
   },
   "include": ["src"],

tsconfig.node.json

@@ -7,5 +7,5 @@
     "allowSyntheticDefaultImports": true,
     "strict": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.ts", "package.json"]
 }

vite.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import path from "path"
+import * as packageJson from './package.json'
 
 export default defineConfig({
   plugins: [react()],
@@ -9,4 +10,15 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
+  build: {
+    lib: {
+      entry: path.resolve('src', 'components/index.ts'),
+      name: 'dataviz',
+      formats: ['es', 'umd'],
+      fileName: (format) => `dataviz.${format}.js`,
+    },
+    rollupOptions: {
+      external: [...Object.keys(packageJson.peerDependencies)],
+    },
+  },
 });