@mui/x-data-grid-generator 8.26.1 → 8.27.0

package/esm/renderer/renderEditBoolean.js

@@ -0,0 +1,56 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import { useGridApiContext, useGridRootProps } from '@mui/x-data-grid-premium';
+import { useRowEditHandlers } from "../hooks/useRowEditHandlers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function EditBoolean(props) {
+  const {
+    id,
+    value,
+    field,
+    hasFocus
+  } = props;
+  const apiRef = useGridApiContext();
+  const rootProps = useGridRootProps();
+  const inputRef = React.useRef(null);
+  const {
+    handleTabKeyDown
+  } = useRowEditHandlers({
+    id,
+    field
+  });
+  const handleChange = React.useCallback(async event => {
+    await apiRef.current.setEditCellValue({
+      id,
+      field,
+      value: event.target.checked
+    }, event);
+  }, [apiRef, field, id]);
+  useEnhancedEffect(() => {
+    if (hasFocus) {
+      inputRef.current?.focus();
+    }
+  }, [hasFocus]);
+  return /*#__PURE__*/_jsx("div", {
+    onKeyDownCapture: handleTabKeyDown,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
+      height: '100%'
+    },
+    children: /*#__PURE__*/_jsx(rootProps.slots.baseCheckbox, _extends({
+      inputRef: inputRef,
+      checked: Boolean(value),
+      onChange: handleChange,
+      size: "small"
+    }, rootProps.slotProps?.baseCheckbox))
+  });
+}
+export function renderEditBoolean(params) {
+  return /*#__PURE__*/_jsx(EditBoolean, _extends({}, params));
+}

package/esm/renderer/renderEditCountry.d.ts

@@ -1,3 +1,3 @@
-import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-import { CountryIsoOption } from "../services/static-data.js";
+import type { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import { type CountryIsoOption } from "../services/static-data.js";
 export declare function renderEditCountry(params: GridRenderEditCellParams<CountryIsoOption>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderEditCountry.js

@@ -1,11 +1,13 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
 import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
 import InputBase from '@mui/material/InputBase';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { COUNTRY_ISO_OPTIONS } from "../services/static-data.js";
+import { useEditDropdownState } from "../hooks/useEditDropdownState.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const StyledAutocomplete = styled(Autocomplete)(({
@@ -25,55 +27,73 @@ function EditCountry(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const apiRef = useGridApiContext();
-  const handleChange = React.useCallback(async (event, newValue) => {
-    await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: newValue
-    }, event);
-    apiRef.current.stopCellEditMode({
-      id,
-      field
-    });
-  }, [apiRef, field, id]);
-  return /*#__PURE__*/_jsx(StyledAutocomplete, {
-    value: value,
-    onChange: handleChange,
-    options: COUNTRY_ISO_OPTIONS,
-    getOptionLabel: option => option.label,
-    autoHighlight: true,
-    fullWidth: true,
-    open: true,
-    disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/_createElement(Box, _extends({
-      component: "li",
-      sx: {
-        '& > img': {
-          mr: 1.5,
-          flexShrink: 0
-        }
-      }
-    }, optionProps, {
-      key: option.code
-    }), /*#__PURE__*/_jsx("img", {
-      loading: "lazy",
-      width: "20",
-      src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
-      srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
-      alt: ""
-    }), option.label),
-    renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
-      autoFocus: true,
-      fullWidth: true,
-      id: params.id,
-      inputProps: _extends({}, params.inputProps, {
-        autoComplete: 'new-password' // disable autocomplete and autofill
-      })
-    }, params.InputProps))
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleAutocompleteInputKeyDown,
+    handleAutocompleteWrapperKeyDown,
+    createAutocompleteChangeHandler
+  } = useEditDropdownState({
+    id,
+    field,
+    hasFocus
   });
+  const handleChange = createAutocompleteChangeHandler();
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    _jsx("div", {
+      onKeyDown: handleAutocompleteWrapperKeyDown,
+      style: {
+        height: '100%',
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(StyledAutocomplete, {
+        value: value,
+        onChange: handleChange,
+        options: COUNTRY_ISO_OPTIONS,
+        getOptionLabel: option => option.label,
+        autoHighlight: true,
+        fullWidth: true,
+        open: open,
+        onOpen: () => setOpen(true),
+        onClose: () => setOpen(false),
+        disableClearable: true,
+        renderOption: (optionProps, option) => /*#__PURE__*/_createElement(Box, _extends({
+          component: "li",
+          sx: {
+            '& > img': {
+              mr: 1.5,
+              flexShrink: 0
+            }
+          }
+        }, optionProps, {
+          key: option.code
+        }), /*#__PURE__*/_jsx("img", {
+          loading: "lazy",
+          width: "20",
+          src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
+          srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
+          alt: ""
+        }), option.label),
+        renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
+          autoFocus: shouldAutoOpen,
+          fullWidth: true,
+          id: params.id,
+          inputRef: inputRef,
+          onKeyDown: handleAutocompleteInputKeyDown,
+          inputProps: _extends({}, params.inputProps, {
+            autoComplete: 'new-password' // disable autocomplete and autofill
+          })
+        }, params.InputProps))
+      })
+    })
+  );
 }
 export function renderEditCountry(params) {
   return /*#__PURE__*/_jsx(EditCountry, _extends({}, params));

package/esm/renderer/renderEditCurrency.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
 export declare function renderEditCurrency(params: GridRenderEditCellParams<any, string>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderEditCurrency.js

@@ -1,11 +1,13 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
 import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
 import InputBase from '@mui/material/InputBase';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { CURRENCY_OPTIONS } from "../services/static-data.js";
+import { useEditDropdownState } from "../hooks/useEditDropdownState.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledAutocomplete = styled(Autocomplete)(({
   theme
@@ -24,54 +26,72 @@ function EditCurrency(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const apiRef = useGridApiContext();
-  const handleChange = React.useCallback(async (event, newValue) => {
-    await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: newValue.toUpperCase()
-    }, event);
-    apiRef.current.stopCellEditMode({
-      id,
-      field
-    });
-  }, [apiRef, field, id]);
-  return /*#__PURE__*/_jsx(StyledAutocomplete, {
-    value: value,
-    onChange: handleChange,
-    options: CURRENCY_OPTIONS,
-    autoHighlight: true,
-    fullWidth: true,
-    open: true,
-    disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/_jsxs(Box, _extends({
-      component: "li",
-      sx: {
-        '& > img': {
-          mr: 1.5,
-          flexShrink: 0
-        }
-      }
-    }, optionProps, {
-      children: [/*#__PURE__*/_jsx("img", {
-        loading: "lazy",
-        width: "20",
-        src: `https://flagcdn.com/w20/${option.slice(0, -1).toLowerCase()}.png`,
-        srcSet: `https://flagcdn.com/w40/${option.slice(0, -1).toLowerCase()}.png 2x`,
-        alt: ""
-      }), option]
-    })),
-    renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
-      autoFocus: true,
-      fullWidth: true,
-      id: params.id,
-      inputProps: _extends({}, params.inputProps, {
-        autoComplete: 'new-password' // disable autocomplete and autofill
-      })
-    }, params.InputProps))
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleAutocompleteInputKeyDown,
+    handleAutocompleteWrapperKeyDown,
+    createAutocompleteChangeHandler
+  } = useEditDropdownState({
+    id,
+    field,
+    hasFocus
   });
+  const handleChange = createAutocompleteChangeHandler(val => val.toUpperCase());
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    _jsx("div", {
+      onKeyDown: handleAutocompleteWrapperKeyDown,
+      style: {
+        height: '100%',
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(StyledAutocomplete, {
+        value: value,
+        onChange: handleChange,
+        options: CURRENCY_OPTIONS,
+        autoHighlight: true,
+        fullWidth: true,
+        open: open,
+        onOpen: () => setOpen(true),
+        onClose: () => setOpen(false),
+        disableClearable: true,
+        renderOption: (optionProps, option) => /*#__PURE__*/_jsxs(Box, _extends({
+          component: "li",
+          sx: {
+            '& > img': {
+              mr: 1.5,
+              flexShrink: 0
+            }
+          }
+        }, optionProps, {
+          children: [/*#__PURE__*/_jsx("img", {
+            loading: "lazy",
+            width: "20",
+            src: `https://flagcdn.com/w20/${option.slice(0, -1).toLowerCase()}.png`,
+            srcSet: `https://flagcdn.com/w40/${option.slice(0, -1).toLowerCase()}.png 2x`,
+            alt: ""
+          }), option]
+        })),
+        renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
+          autoFocus: shouldAutoOpen,
+          fullWidth: true,
+          id: params.id,
+          inputRef: inputRef,
+          onKeyDown: handleAutocompleteInputKeyDown,
+          inputProps: _extends({}, params.inputProps, {
+            autoComplete: 'new-password' // disable autocomplete and autofill
+          })
+        }, params.InputProps))
+      })
+    })
+  );
 }
 export function renderEditCurrency(params) {
   return /*#__PURE__*/_jsx(EditCurrency, _extends({}, params));

package/esm/renderer/renderEditIncoterm.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
 export declare function renderEditIncoterm(params: GridRenderEditCellParams<any, string | null>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderEditIncoterm.js

@@ -1,44 +1,47 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridCellEditStopReasons, useGridApiContext } from '@mui/x-data-grid-premium';
+import * as React from 'react';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { INCOTERM_OPTIONS } from "../services/static-data.js";
+import { useEditDropdownState } from "../hooks/useEditDropdownState.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function EditIncoterm(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const apiRef = useGridApiContext();
-  const handleChange = async event => {
-    const isValid = await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: event.target.value
-    }, event);
-    if (isValid) {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', _extends({}, params, {
-        reason: GridCellEditStopReasons.enterKeyDown
-      }));
-    }
-  };
-  const handleClose = (event, reason) => {
-    if (reason === 'backdropClick') {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', _extends({}, params, {
-        reason: GridCellEditStopReasons.cellFocusOut
-      }));
-    }
-  };
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleSelectKeyDown,
+    handleSelectMenuClose,
+    handleSelectMenuListKeyDown,
+    createSelectChangeHandler
+  } = useEditDropdownState({
+    id,
+    field,
+    hasFocus
+  });
+  const handleChange = createSelectChangeHandler(event => event.target.value);
   return /*#__PURE__*/_jsx(Select, {
     value: value,
     onChange: handleChange,
+    onKeyDown: handleSelectKeyDown,
+    onOpen: () => setOpen(true),
+    inputRef: inputRef,
     MenuProps: {
-      onClose: handleClose
+      onClose: handleSelectMenuClose,
+      MenuListProps: {
+        onKeyDown: handleSelectMenuListKeyDown
+      }
     },
     sx: {
       height: '100%',
@@ -48,9 +51,9 @@ function EditIncoterm(props) {
         pl: 1
       }
     },
-    autoFocus: true,
+    autoFocus: shouldAutoOpen,
     fullWidth: true,
-    open: true,
+    open: open,
     children: INCOTERM_OPTIONS.map(option => {
       const tooltip = option.slice(option.indexOf('(') + 1, option.indexOf(')'));
       const code = option.slice(0, option.indexOf('(')).trim();

package/esm/renderer/renderEditProgress.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import { type GridRenderEditCellParams } from '@mui/x-data-grid-premium';
 export declare function renderEditProgress(params: GridRenderEditCellParams<any, number>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderEditProgress.js

@@ -64,7 +64,8 @@ function EditProgress(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
   const [valueState, setValueState] = React.useState(Number(value));
   const apiRef = useGridApiContext();
@@ -84,7 +85,7 @@ function EditProgress(props) {
     setValueState(Number(value));
   }, [value]);
   const handleRef = element => {
-    if (element) {
+    if (element && hasFocus) {
       element.querySelector('[type="range"]').focus();
     }
   };

package/esm/renderer/renderEditRating.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import { type GridRenderEditCellParams } from '@mui/x-data-grid-premium';
 export declare function renderEditRating(params: GridRenderEditCellParams<any, number>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderEditRating.js

@@ -10,7 +10,8 @@ function EditRating(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
   const apiRef = useGridApiContext();
   const changedThroughKeyboard = React.useRef(false);
@@ -29,7 +30,7 @@ function EditRating(props) {
     changedThroughKeyboard.current = false;
   };
   const handleRef = element => {
-    if (element) {
+    if (element && hasFocus) {
       if (value) {
         element.querySelector(`input[value="${Math.round(value)}"]`).focus();
       } else {

package/esm/renderer/renderEditStatus.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
 export declare function renderEditStatus(params: GridRenderEditCellParams<any, string>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderEditStatus.js

@@ -1,5 +1,7 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useGridApiContext, useGridRootProps, GridEditModes, GridCellEditStopReasons } from '@mui/x-data-grid-premium';
+import * as React from 'react';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
@@ -9,41 +11,41 @@ import InfoIcon from '@mui/icons-material/Info';
 import AutorenewIcon from '@mui/icons-material/Autorenew';
 import DoneIcon from '@mui/icons-material/Done';
 import { STATUS_OPTIONS } from "../services/static-data.js";
+import { useEditDropdownState } from "../hooks/useEditDropdownState.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function EditStatus(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const handleChange = async event => {
-    const isValid = await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: event.target.value
-    }, event);
-    if (isValid && rootProps.editMode === GridEditModes.Cell) {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', _extends({}, params, {
-        reason: GridCellEditStopReasons.enterKeyDown
-      }));
-    }
-  };
-  const handleClose = (event, reason) => {
-    if (reason === 'backdropClick') {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', _extends({}, params, {
-        reason: GridCellEditStopReasons.cellFocusOut
-      }));
-    }
-  };
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleSelectKeyDown,
+    handleSelectMenuClose,
+    handleSelectMenuListKeyDown,
+    createSelectChangeHandler
+  } = useEditDropdownState({
+    id,
+    field,
+    hasFocus
+  });
+  const handleChange = createSelectChangeHandler(event => event.target.value);
   return /*#__PURE__*/_jsx(Select, {
     value: value,
     onChange: handleChange,
+    onKeyDown: handleSelectKeyDown,
+    onOpen: () => setOpen(true),
+    inputRef: inputRef,
     MenuProps: {
-      onClose: handleClose
+      onClose: handleSelectMenuClose,
+      MenuListProps: {
+        onKeyDown: handleSelectMenuListKeyDown
+      }
     },
     sx: {
       height: '100%',
@@ -53,9 +55,9 @@ function EditStatus(props) {
         pl: 1
       }
     },
-    autoFocus: true,
+    autoFocus: shouldAutoOpen,
     fullWidth: true,
-    open: true,
+    open: open,
     children: STATUS_OPTIONS.map(option => {
       let IconComponent = null;
       if (option === 'Rejected') {

package/esm/renderer/renderEmail.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderEmail(params: GridRenderCellParams<any, string, any>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderIncoterm.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderIncoterm(params: GridRenderCellParams<any, string | null, any>): import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderLink.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 interface DemoLinkProps {
   href: string;
   children: string;

package/esm/renderer/renderPnl.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderPnl(params: GridRenderCellParams<any, number, any>): "" | import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderProgress.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderProgress(params: GridRenderCellParams<any, number, any>): string | import("react/jsx-runtime").JSX.Element | null;

package/esm/renderer/renderRating.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderRating(params: GridRenderCellParams<any, number, any>): "" | import("react/jsx-runtime").JSX.Element | null;

package/esm/renderer/renderStatus.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderStatus(params: GridRenderCellParams<any, string>): "" | import("react/jsx-runtime").JSX.Element;

package/esm/renderer/renderTotalPrice.d.ts

@@ -1,2 +1,2 @@
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import type { GridRenderCellParams } from '@mui/x-data-grid-premium';
 export declare function renderTotalPrice(params: GridRenderCellParams<any, number>): "" | import("react/jsx-runtime").JSX.Element | null;

package/esm/services/basic-data-service.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef, GridRowId } from '@mui/x-data-grid';
+import type { GridColDef, GridRowId } from '@mui/x-data-grid';
 export declare const currencyPairs: string[];
 interface GridBasicRowModel {
   id: GridRowId;

package/esm/services/gridColDefGenerator.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef } from '@mui/x-data-grid-pro';
+import type { GridColDef } from '@mui/x-data-grid-pro';
 export interface GridDataGeneratorContext {
   /**
    * Values already attributed to this column.

package/esm/services/prompt-resolver.d.ts

@@ -1,2 +1,2 @@
-import { PromptResponse } from '@mui/x-data-grid-premium';
+import type { PromptResponse } from '@mui/x-data-grid-premium';
 export declare const mockPromptResolver: (query: string, _: string) => Promise<PromptResponse>;

package/esm/services/random-generator.d.ts

@@ -1,4 +1,4 @@
-import { GridDataGeneratorContext } from "./gridColDefGenerator.js";
+import type { GridDataGeneratorContext } from "./gridColDefGenerator.js";
 type ColumnDataGenerator<Value> = (data: any, context: GridDataGeneratorContext) => Value;
 export declare const random: (min: number, max: number) => number;
 export declare const randomInt: (min: number, max: number) => number;

package/esm/services/real-data-service.d.ts

@@ -1,5 +1,5 @@
-import { GridRowModel, GridInitialState } from '@mui/x-data-grid-premium';
-import { GridColDefGenerator } from "./gridColDefGenerator.js";
+import type { GridRowModel, GridInitialState } from '@mui/x-data-grid-premium';
+import type { GridColDefGenerator } from "./gridColDefGenerator.js";
 export interface GridDemoData {
   rows: GridRowModel[];
   columns: GridColDefGenerator[];

package/esm/services/tree-data-generator.d.ts

@@ -1,5 +1,5 @@
-import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
-import { GridDemoData } from "./real-data-service.js";
+import type { DataGridPremiumProps } from '@mui/x-data-grid-premium';
+import type { GridDemoData } from "./real-data-service.js";
 export interface AddPathToDemoDataOptions {
   /**
    * The field used to generate the path