@telicent-oss/ds 4.4.0 → 4.4.1

package/dist/ds.umd.cjs

@@ -26448,31 +26448,35 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     onRowClick,
     sx,
     ...rest
-  }) => /* @__PURE__ */ jsx(material.ThemeProvider, { theme: (outerTheme) => styles$3.createTheme(outerTheme, buildDataGridTheme(outerTheme)), children: /* @__PURE__ */ jsx(MUIBox__default.default, { sx: {
-    width: "100%"
-  }, children: /* @__PURE__ */ jsx(xDataGrid.DataGrid, { autoHeight: true, disableColumnResize: true, disableRowSelectionOnClick: true, disableColumnMenu: true, pagination: true, pageSizeOptions: [10, 25, 50], initialState: {
-    pagination: {
-      paginationModel: {
-        pageSize: 10,
-        page: 0
-      }
-    },
-    sorting: initialSort ? {
-      sortModel: initialSort
-    } : void 0
-  }, onRowClick, ...rest, sx: [(theme) => ({
-    "& .MuiDataGrid-overlay": {
-      inset: 0
-    },
-    ...onRowClick ? {
-      "& .MuiDataGrid-row": {
-        cursor: "pointer",
-        "&:hover": {
-          backgroundColor: theme.palette.action.hover
+  }) => {
+    const outerTheme = styles$3.useTheme();
+    const scopedTheme = React$1.useMemo(() => styles$3.createTheme(outerTheme, buildDataGridTheme(outerTheme)), [outerTheme]);
+    return /* @__PURE__ */ jsx(material.ThemeProvider, { theme: scopedTheme, children: /* @__PURE__ */ jsx(MUIBox__default.default, { sx: {
+      width: "100%"
+    }, children: /* @__PURE__ */ jsx(xDataGrid.DataGrid, { autoHeight: true, disableColumnResize: true, disableRowSelectionOnClick: true, disableColumnMenu: true, pagination: true, pageSizeOptions: [10, 25, 50], initialState: {
+      pagination: {
+        paginationModel: {
+          pageSize: 10,
+          page: 0
         }
-      }
-    } : {}
-  }), ...Array.isArray(sx) ? sx : sx ? [sx] : []] }) }) });
+      },
+      sorting: initialSort ? {
+        sortModel: initialSort
+      } : void 0
+    }, onRowClick, ...rest, sx: [(theme) => ({
+      "& .MuiDataGrid-overlay": {
+        inset: 0
+      },
+      ...onRowClick ? {
+        "& .MuiDataGrid-row": {
+          cursor: "pointer",
+          "&:hover": {
+            backgroundColor: theme.palette.action.hover
+          }
+        }
+      } : {}
+    }), ...Array.isArray(sx) ? sx : sx ? [sx] : []] }) }) });
+  };
   const LinearProgress = ({
     // isActive,
     // transition = 500,