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

package/renderer/renderEditCountry.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -9,12 +10,12 @@ exports.renderEditCountry = renderEditCountry;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
 var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
 var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _styles = require("@mui/material/styles");
 var _staticData = require("../services/static-data");
+var _useEditDropdownState = require("../hooks/useEditDropdownState");
 var _jsxRuntime = require("react/jsx-runtime");
 const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
   theme
@@ -33,55 +34,73 @@ function EditCountry(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const apiRef = (0, _xDataGridPremium.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__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
-    value: value,
-    onChange: handleChange,
-    options: _staticData.COUNTRY_ISO_OPTIONS,
-    getOptionLabel: option => option.label,
-    autoHighlight: true,
-    fullWidth: true,
-    open: true,
-    disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/(0, _react.createElement)(_Box.default, (0, _extends2.default)({
-      component: "li",
-      sx: {
-        '& > img': {
-          mr: 1.5,
-          flexShrink: 0
-        }
-      }
-    }, optionProps, {
-      key: option.code
-    }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
-      autoFocus: true,
-      fullWidth: true,
-      id: params.id,
-      inputProps: (0, _extends2.default)({}, params.inputProps, {
-        autoComplete: 'new-password' // disable autocomplete and autofill
-      })
-    }, params.InputProps))
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleAutocompleteInputKeyDown,
+    handleAutocompleteWrapperKeyDown,
+    createAutocompleteChangeHandler
+  } = (0, _useEditDropdownState.useEditDropdownState)({
+    id,
+    field,
+    hasFocus
   });
+  const handleChange = createAutocompleteChangeHandler();
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    (0, _jsxRuntime.jsx)("div", {
+      onKeyDown: handleAutocompleteWrapperKeyDown,
+      style: {
+        height: '100%',
+        width: '100%'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
+        value: value,
+        onChange: handleChange,
+        options: _staticData.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__*/(0, _react.createElement)(_Box.default, (0, _extends2.default)({
+          component: "li",
+          sx: {
+            '& > img': {
+              mr: 1.5,
+              flexShrink: 0
+            }
+          }
+        }, optionProps, {
+          key: option.code
+        }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
+          autoFocus: shouldAutoOpen,
+          fullWidth: true,
+          id: params.id,
+          inputRef: inputRef,
+          onKeyDown: handleAutocompleteInputKeyDown,
+          inputProps: (0, _extends2.default)({}, params.inputProps, {
+            autoComplete: 'new-password' // disable autocomplete and autofill
+          })
+        }, params.InputProps))
+      })
+    })
+  );
 }
 function renderEditCountry(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCountry, (0, _extends2.default)({}, params));

package/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/renderer/renderEditCurrency.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -8,12 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.renderEditCurrency = renderEditCurrency;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
 var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
 var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _styles = require("@mui/material/styles");
 var _staticData = require("../services/static-data");
+var _useEditDropdownState = require("../hooks/useEditDropdownState");
 var _jsxRuntime = require("react/jsx-runtime");
 const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
   theme
@@ -32,54 +33,72 @@ function EditCurrency(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const apiRef = (0, _xDataGridPremium.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__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
-    value: value,
-    onChange: handleChange,
-    options: _staticData.CURRENCY_OPTIONS,
-    autoHighlight: true,
-    fullWidth: true,
-    open: true,
-    disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, (0, _extends2.default)({
-      component: "li",
-      sx: {
-        '& > img': {
-          mr: 1.5,
-          flexShrink: 0
-        }
-      }
-    }, optionProps, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
-      autoFocus: true,
-      fullWidth: true,
-      id: params.id,
-      inputProps: (0, _extends2.default)({}, params.inputProps, {
-        autoComplete: 'new-password' // disable autocomplete and autofill
-      })
-    }, params.InputProps))
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleAutocompleteInputKeyDown,
+    handleAutocompleteWrapperKeyDown,
+    createAutocompleteChangeHandler
+  } = (0, _useEditDropdownState.useEditDropdownState)({
+    id,
+    field,
+    hasFocus
   });
+  const handleChange = createAutocompleteChangeHandler(val => val.toUpperCase());
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    (0, _jsxRuntime.jsx)("div", {
+      onKeyDown: handleAutocompleteWrapperKeyDown,
+      style: {
+        height: '100%',
+        width: '100%'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
+        value: value,
+        onChange: handleChange,
+        options: _staticData.CURRENCY_OPTIONS,
+        autoHighlight: true,
+        fullWidth: true,
+        open: open,
+        onOpen: () => setOpen(true),
+        onClose: () => setOpen(false),
+        disableClearable: true,
+        renderOption: (optionProps, option) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, (0, _extends2.default)({
+          component: "li",
+          sx: {
+            '& > img': {
+              mr: 1.5,
+              flexShrink: 0
+            }
+          }
+        }, optionProps, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
+          autoFocus: shouldAutoOpen,
+          fullWidth: true,
+          id: params.id,
+          inputRef: inputRef,
+          onKeyDown: handleAutocompleteInputKeyDown,
+          inputProps: (0, _extends2.default)({}, params.inputProps, {
+            autoComplete: 'new-password' // disable autocomplete and autofill
+          })
+        }, params.InputProps))
+      })
+    })
+  );
 }
 function renderEditCurrency(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCurrency, (0, _extends2.default)({}, params));

package/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/renderer/renderEditIncoterm.js

@@ -1,51 +1,54 @@
 "use strict";
+'use client';
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderEditIncoterm = renderEditIncoterm;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
+var React = _interopRequireWildcard(require("react"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 var _staticData = require("../services/static-data");
+var _useEditDropdownState = require("../hooks/useEditDropdownState");
 var _jsxRuntime = require("react/jsx-runtime");
 function EditIncoterm(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const apiRef = (0, _xDataGridPremium.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', (0, _extends2.default)({}, params, {
-        reason: _xDataGridPremium.GridCellEditStopReasons.enterKeyDown
-      }));
-    }
-  };
-  const handleClose = (event, reason) => {
-    if (reason === 'backdropClick') {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', (0, _extends2.default)({}, params, {
-        reason: _xDataGridPremium.GridCellEditStopReasons.cellFocusOut
-      }));
-    }
-  };
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleSelectKeyDown,
+    handleSelectMenuClose,
+    handleSelectMenuListKeyDown,
+    createSelectChangeHandler
+  } = (0, _useEditDropdownState.useEditDropdownState)({
+    id,
+    field,
+    hasFocus
+  });
+  const handleChange = createSelectChangeHandler(event => event.target.value);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
     value: value,
     onChange: handleChange,
+    onKeyDown: handleSelectKeyDown,
+    onOpen: () => setOpen(true),
+    inputRef: inputRef,
     MenuProps: {
-      onClose: handleClose
+      onClose: handleSelectMenuClose,
+      MenuListProps: {
+        onKeyDown: handleSelectMenuListKeyDown
+      }
     },
     sx: {
       height: '100%',
@@ -55,9 +58,9 @@ function EditIncoterm(props) {
         pl: 1
       }
     },
-    autoFocus: true,
+    autoFocus: shouldAutoOpen,
     fullWidth: true,
-    open: true,
+    open: open,
     children: _staticData.INCOTERM_OPTIONS.map(option => {
       const tooltip = option.slice(option.indexOf('(') + 1, option.indexOf(')'));
       const code = option.slice(0, option.indexOf('(')).trim();

package/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/renderer/renderEditProgress.js

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

package/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/renderer/renderEditRating.js

@@ -17,7 +17,8 @@ function EditRating(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
   const apiRef = (0, _xDataGridPremium.useGridApiContext)();
   const changedThroughKeyboard = React.useRef(false);
@@ -36,7 +37,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/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/renderer/renderEditStatus.js

@@ -1,12 +1,14 @@
 "use strict";
+'use client';
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderEditStatus = renderEditStatus;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
+var React = _interopRequireWildcard(require("react"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
@@ -16,41 +18,41 @@ var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
 var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
 var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
 var _staticData = require("../services/static-data");
+var _useEditDropdownState = require("../hooks/useEditDropdownState");
 var _jsxRuntime = require("react/jsx-runtime");
 function EditStatus(props) {
   const {
     id,
     value,
-    field
+    field,
+    hasFocus
   } = props;
-  const rootProps = (0, _xDataGridPremium.useGridRootProps)();
-  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
-  const handleChange = async event => {
-    const isValid = await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: event.target.value
-    }, event);
-    if (isValid && rootProps.editMode === _xDataGridPremium.GridEditModes.Cell) {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', (0, _extends2.default)({}, params, {
-        reason: _xDataGridPremium.GridCellEditStopReasons.enterKeyDown
-      }));
-    }
-  };
-  const handleClose = (event, reason) => {
-    if (reason === 'backdropClick') {
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellEditStop', (0, _extends2.default)({}, params, {
-        reason: _xDataGridPremium.GridCellEditStopReasons.cellFocusOut
-      }));
-    }
-  };
+  const {
+    open,
+    setOpen,
+    inputRef,
+    shouldAutoOpen,
+    handleSelectKeyDown,
+    handleSelectMenuClose,
+    handleSelectMenuListKeyDown,
+    createSelectChangeHandler
+  } = (0, _useEditDropdownState.useEditDropdownState)({
+    id,
+    field,
+    hasFocus
+  });
+  const handleChange = createSelectChangeHandler(event => event.target.value);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
     value: value,
     onChange: handleChange,
+    onKeyDown: handleSelectKeyDown,
+    onOpen: () => setOpen(true),
+    inputRef: inputRef,
     MenuProps: {
-      onClose: handleClose
+      onClose: handleSelectMenuClose,
+      MenuListProps: {
+        onKeyDown: handleSelectMenuListKeyDown
+      }
     },
     sx: {
       height: '100%',
@@ -60,9 +62,9 @@ function EditStatus(props) {
         pl: 1
       }
     },
-    autoFocus: true,
+    autoFocus: shouldAutoOpen,
     fullWidth: true,
-    open: true,
+    open: open,
     children: _staticData.STATUS_OPTIONS.map(option => {
       let IconComponent = null;
       if (option === 'Rejected') {

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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