@nethru/ui 1.0.69 → 1.0.71

package/dist/DataGrid.js

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { DataGrid as MuiDataGrid, GRID_CHECKBOX_SELECTION_COL_DEF, GridCell, GridToolbarQuickFilter, koKR } from "@mui/x-data-grid";
+import { DataGridPro as MuiDataGridPro, GRID_CHECKBOX_SELECTION_COL_DEF, GridCell, GridToolbarQuickFilter, koKR } from "@mui/x-data-grid-pro";
 import { Box, Stack } from "@mui/material";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,7 +12,7 @@ const styles = {
     borderBottom: 'none'
   },
   '.MuiDataGrid-columnSeparator': {
-    visibility: 'hidden !important'
+    // visibility: 'hidden !important'
   },
   '.MuiDataGrid-columnHeaders': {
     //borderBottom: 'none !important'
@@ -95,7 +95,7 @@ export default function DataGrid({
       children: children
     });
   };
-  return /*#__PURE__*/_jsx(MuiDataGrid, {
+  return /*#__PURE__*/_jsx(MuiDataGridPro, {
     columns: columns,
     rows: rows,
     autoHeight: true,

package/dist/Editor.js

@@ -21,6 +21,7 @@ export default function Editor({
   autoScrollToBottom = false,
   restrictWidth = true,
   onUpdate,
+  onScroll,
   style,
   ...props
 }) {
@@ -75,6 +76,21 @@ export default function Editor({
       extension: extension
     };
   }, []);
+  const extensionList = useMemo(() => {
+    const result = [jsonFormat ? json() : javascript({
+      jsx: true
+    }), EditorView.lineWrapping, highlight.extension];
+    if (onScroll) {
+      result.push(EditorView.domEventHandlers({
+        scroll(event, view) {
+          if (!event.target?.className.includes('cm-scroller')) return;
+          onScroll(event, view.scrollDOM);
+        }
+      }));
+    }
+    result.push(...extensions);
+    return result;
+  }, [jsonFormat, highlight.extension, extensions, onScroll]);
   const handleUpdate = viewUpdate => {
     setFocused(viewUpdate.view.hasFocus);
     if (onUpdate) onUpdate(viewUpdate);
@@ -112,9 +128,7 @@ export default function Editor({
     children: [/*#__PURE__*/_jsx(CodeMirror, {
       value: content,
       editable: !readOnly,
-      extensions: [jsonFormat ? json() : javascript({
-        jsx: true
-      }), EditorView.lineWrapping, highlight.extension, ...extensions],
+      extensions: extensionList,
       basicSetup: {
         ...basicSetup,
         highlightActiveLineGutter: false,

package/dist/PropertyTable.js

@@ -1,8 +1,8 @@
 import { forwardRef, useMemo, useState } from "react";
 import { Box, Typography } from "@mui/material";
 import MenuItem from "@mui/material/MenuItem";
-import { DataGrid, useGridApiContext } from "@mui/x-data-grid";
 import Select from "./Select";
+import { DataGridPro, useGridApiContext } from "@mui/x-data-grid-pro";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const PropertyTable = /*#__PURE__*/forwardRef(({
@@ -25,7 +25,7 @@ const PropertyTable = /*#__PURE__*/forwardRef(({
         backgroundColor: '#f8f9fa'
       },
       '.MuiDataGrid-columnSeparator': {
-        visibility: 'hidden !important'
+        // visibility: 'hidden !important'
       },
       '&.MuiDataGrid-root .MuiDataGrid-columnHeader:focus': {
         outline: 'none !important'
@@ -87,7 +87,7 @@ const PropertyTable = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/_jsxs(Box, {
     ref: ref,
     sx: outerSx,
-    children: [/*#__PURE__*/_jsx(DataGrid, {
+    children: [/*#__PURE__*/_jsx(DataGridPro, {
       columns: arrangedColumns,
       rows: rows,
       columnHeaderHeight: 35,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "1.0.69",
+  "version": "1.0.71",
   "main": "dist/index.js",
   "files": [
     "/dist"
@@ -13,8 +13,9 @@
     "@fontsource/roboto": "^5.0.8",
     "@mui/icons-material": "^5.14.18",
     "@mui/material": "^5.14.18",
-    "@mui/x-data-grid": "^6.18.2",
-    "@mui/x-date-pickers": "^6.18.2",
+    "@mui/x-data-grid-pro": "^6.19.10",
+    "@mui/x-date-pickers-pro": "^7.2.0",
+    "@mui/x-license": "^7.2.0",
     "@mui/x-tree-view": "^6.17.0",
     "@nethru/ui": "^1.0.19",
     "@testing-library/jest-dom": "^5.17.0",