Add DataGrid component (#89)

* Add x-data-grid dependency

* Add Table.tsx

* Add table.py

* Add tests

* Add table demo

* Update slider tests

* Update Table.tsx

* Update CHANGES.md

* Update test

* Minor refactor

* Move Table to right folder

* Update init

* Rename Table to DataGrid

* modify index.ts components order

* make x-data-grid optional

* Add padding to the box

* update package-lock.json

* add multiple grid row selection handler

Author: b-yogesh

chartlets.js/CHANGES.md

@@ -55,6 +55,7 @@
   - `Switch`
   - `Tabs`
   - `Slider`
+  - `DataGrid`
 
 * Supporting `tooltip` property for interactive MUI components.
 

chartlets.js/package-lock.json

@@ -59,13 +59,17 @@
     "zustand": "^5.0"
   },
   "peerDependencies": {
-    "@mui/material": ">=6",
-    "react": ">=18",
-    "react-dom": ">=18",
+    "@mui/material": "^6.2.1",
+    "@mui/x-data-grid": ">=7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-vega": ">=7",
     "vega-themes": ">=2"
   },
   "peerDependenciesMeta": {
+    "@mui/x-data-grid": {
+      "optional": true
+    },
     "react": {
       "optional": false
     },
@@ -74,6 +78,7 @@
     }
   },
   "devDependencies": {
+    "@mui/x-data-grid": "^7.23.5",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/node": "^20.11.17",