@telicent-oss/ds 4.4.0 → 4.4.1

package/dist/ds.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { SvgIcon as SvgIcon$1, useTheme as useTheme$1, ThemeProvider, CircularProgress, Dialog as Dialog$1, Button as Button$1, ButtonBase, DialogContent, DialogActions, TextField as TextField$1, Typography as Typography$1, Box as Box$1, InputLabel, Select as Select$2, MenuItem as MenuItem$1, Divider as Divider$1, FormHelperText as FormHelperText$1, FormControl as FormControl$1, Autocomplete as Autocomplete$1, Switch as Switch$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, tooltipClasses, Tooltip as Tooltip$1, Radio as Radio$1, Toolbar as Toolbar$1, alpha as alpha$1, toggleButtonGroupClasses, Avatar, IconButton as IconButton$1, Paper as Paper$1 } from "@mui/material";
 import { DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle } from "@mui/material";
 import * as React$1 from "react";
-import React__default, { useState, useEffect, forwardRef, useContext, useCallback, useId as useId$1, createContext, memo, useMemo, PureComponent, createElement as createElement$1, useRef, useImperativeHandle } from "react";
+import React__default, { useState, useEffect, forwardRef, useContext, useMemo, useCallback, useId as useId$1, createContext, memo, PureComponent, createElement as createElement$1, useRef, useImperativeHandle } from "react";
 import { useTheme, useThemeProps, styled, alpha, createTheme as createTheme$1 } from "@mui/material/styles";
 import { alpha as alpha2 } from "@mui/material/styles";
 import MUISvgIcon from "@mui/material/SvgIcon";
@@ -26445,31 +26445,35 @@ const DataGrid = ({
   onRowClick,
   sx,
   ...rest
-}) => /* @__PURE__ */ jsx(ThemeProvider, { theme: (outerTheme) => createTheme$1(outerTheme, buildDataGridTheme(outerTheme)), children: /* @__PURE__ */ jsx(MUIBox, { sx: {
-  width: "100%"
-}, children: /* @__PURE__ */ jsx(DataGrid$1, { 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 = useTheme();
+  const scopedTheme = useMemo(() => createTheme$1(outerTheme, buildDataGridTheme(outerTheme)), [outerTheme]);
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: scopedTheme, children: /* @__PURE__ */ jsx(MUIBox, { sx: {
+    width: "100%"
+  }, children: /* @__PURE__ */ jsx(DataGrid$1, { 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,