@mui/x-data-grid-generator 8.0.0-alpha.8 → 8.0.0-beta.0

package/renderer/renderCountry.js

@@ -1,11 +1,28 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderCountry = renderCountry;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+const useStaticFlag = typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM;
+const laosFlag = `
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
+  <path fill="#ce1126" d="M0 0h900v600H0z" />
+  <path fill="#002868" d="M0 150h900v300H0z" />
+  <circle r="120" cy="300" cx="450" fill="#fff" />
+</svg>
+`;
+const staticFlagURI = `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(laosFlag)}`;
 const Country = /*#__PURE__*/React.memo(function Country(props) {
   const {
     value
   } = props;
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: {
       width: '100%',
       display: 'flex',
@@ -16,13 +33,13 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
         width: '20px'
       }
     },
-    children: [/*#__PURE__*/_jsx("img", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       loading: "lazy",
       width: "20",
-      src: `https://flagcdn.com/w20/${value.code.toLowerCase()}.png`,
-      srcSet: `https://flagcdn.com/w40/${value.code.toLowerCase()}.png 2x`,
+      src: useStaticFlag ? staticFlagURI : `https://flagcdn.com/w20/${value.code.toLowerCase()}.png`,
+      srcSet: useStaticFlag ? undefined : `https://flagcdn.com/w40/${value.code.toLowerCase()}.png 2x`,
       alt: ""
-    }), /*#__PURE__*/_jsx(Box, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       component: "span",
       sx: {
         overflow: 'hidden',
@@ -32,7 +49,7 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
     })]
   });
 });
-export function renderCountry(params) {
+function renderCountry(params) {
   if (params.value == null) {
     return '';
   }
@@ -42,7 +59,7 @@ export function renderCountry(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Country, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Country, {
     value: params.value
   });
 }

package/renderer/renderEditCountry.d.ts

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

package/renderer/renderEditCountry.js

@@ -1,18 +1,26 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-const StyledAutocomplete = styled(Autocomplete)(({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _jsxRuntime = require("react/jsx-runtime");
+const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
   theme
 }) => ({
   height: '100%',
-  [`& .${autocompleteClasses.inputRoot}`]: _extends({}, theme.typography.body2, {
+  [`& .${_Autocomplete.autocompleteClasses.inputRoot}`]: (0, _extends2.default)({}, theme.typography.body2, {
     padding: '1px 0',
     height: '100%',
     '& input': {
@@ -27,7 +35,7 @@ function EditCountry(props) {
     value,
     field
   } = props;
-  const apiRef = useGridApiContext();
+  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
   const handleChange = React.useCallback(async (event, newValue) => {
     await apiRef.current.setEditCellValue({
       id,
@@ -39,16 +47,16 @@ function EditCountry(props) {
       field
     });
   }, [apiRef, field, id]);
-  return /*#__PURE__*/_jsx(StyledAutocomplete, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
     value: value,
     onChange: handleChange,
-    options: COUNTRY_ISO_OPTIONS,
+    options: _staticData.COUNTRY_ISO_OPTIONS,
     getOptionLabel: option => option.label,
     autoHighlight: true,
     fullWidth: true,
     open: true,
     disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/_createElement(Box, _extends({
+    renderOption: (optionProps, option) => /*#__PURE__*/(0, _react.createElement)(_Box.default, (0, _extends2.default)({
       component: "li",
       sx: {
         '& > img': {
@@ -58,23 +66,23 @@ function EditCountry(props) {
       }
     }, optionProps, {
       key: option.code
-    }), /*#__PURE__*/_jsx("img", {
+    }), /*#__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__*/_jsx(InputBase, _extends({
+    renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
       autoFocus: true,
       fullWidth: true,
       id: params.id,
-      inputProps: _extends({}, params.inputProps, {
+      inputProps: (0, _extends2.default)({}, params.inputProps, {
         autoComplete: 'new-password' // disable autocomplete and autofill
       })
     }, params.InputProps))
   });
 }
-export function renderEditCountry(params) {
-  return /*#__PURE__*/_jsx(EditCountry, _extends({}, params));
+function renderEditCountry(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCountry, (0, _extends2.default)({}, params));
 }

package/renderer/renderEditCurrency.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditCurrency(params: GridRenderEditCellParams<any, string>): React.JSX.Element;
+export declare function renderEditCurrency(params: GridRenderEditCellParams<any, string>): React.JSX.Element;

package/renderer/renderEditCurrency.js

@@ -1,17 +1,25 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledAutocomplete = styled(Autocomplete)(({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _jsxRuntime = require("react/jsx-runtime");
+const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
   theme
 }) => ({
   height: '100%',
-  [`& .${autocompleteClasses.inputRoot}`]: _extends({}, theme.typography.body2, {
+  [`& .${_Autocomplete.autocompleteClasses.inputRoot}`]: (0, _extends2.default)({}, theme.typography.body2, {
     padding: '1px 0',
     height: '100%',
     '& input': {
@@ -26,7 +34,7 @@ function EditCurrency(props) {
     value,
     field
   } = props;
-  const apiRef = useGridApiContext();
+  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
   const handleChange = React.useCallback(async (event, newValue) => {
     await apiRef.current.setEditCellValue({
       id,
@@ -38,15 +46,15 @@ function EditCurrency(props) {
       field
     });
   }, [apiRef, field, id]);
-  return /*#__PURE__*/_jsx(StyledAutocomplete, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
     value: value,
     onChange: handleChange,
-    options: CURRENCY_OPTIONS,
+    options: _staticData.CURRENCY_OPTIONS,
     autoHighlight: true,
     fullWidth: true,
     open: true,
     disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/_jsxs(Box, _extends({
+    renderOption: (optionProps, option) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, (0, _extends2.default)({
       component: "li",
       sx: {
         '& > img': {
@@ -55,7 +63,7 @@ function EditCurrency(props) {
         }
       }
     }, optionProps, {
-      children: [/*#__PURE__*/_jsx("img", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         loading: "lazy",
         width: "20",
         src: `https://flagcdn.com/w20/${option.slice(0, -1).toLowerCase()}.png`,
@@ -63,16 +71,16 @@ function EditCurrency(props) {
         alt: ""
       }), option]
     })),
-    renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
+    renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
       autoFocus: true,
       fullWidth: true,
       id: params.id,
-      inputProps: _extends({}, params.inputProps, {
+      inputProps: (0, _extends2.default)({}, params.inputProps, {
         autoComplete: 'new-password' // disable autocomplete and autofill
       })
     }, params.InputProps))
   });
 }
-export function renderEditCurrency(params) {
-  return /*#__PURE__*/_jsx(EditCurrency, _extends({}, params));
+function renderEditCurrency(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCurrency, (0, _extends2.default)({}, params));
 }

package/renderer/renderEditIncoterm.d.ts

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

package/renderer/renderEditIncoterm.js

@@ -1,19 +1,27 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+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 React = _interopRequireWildcard(require("react"));
+var _xDataGridPremium = require("@mui/x-data-grid-premium");
+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 _jsxRuntime = require("react/jsx-runtime");
 function EditIncoterm(props) {
   const {
     id,
     value,
     field
   } = props;
-  const apiRef = useGridApiContext();
+  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
   const handleChange = async event => {
     await apiRef.current.setEditCellValue({
       id,
@@ -33,7 +41,7 @@ function EditIncoterm(props) {
       });
     }
   };
-  return /*#__PURE__*/_jsx(Select, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
     value: value,
     onChange: handleChange,
     MenuProps: {
@@ -50,17 +58,17 @@ function EditIncoterm(props) {
     autoFocus: true,
     fullWidth: true,
     open: true,
-    children: INCOTERM_OPTIONS.map(option => {
+    children: _staticData.INCOTERM_OPTIONS.map(option => {
       const tooltip = option.slice(option.indexOf('(') + 1, option.indexOf(')'));
       const code = option.slice(0, option.indexOf('(')).trim();
-      return /*#__PURE__*/_jsxs(MenuItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
         value: option,
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
           sx: {
             minWidth: 36
           },
           children: code
-        }), /*#__PURE__*/_jsx(ListItemText, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
           primary: tooltip,
           sx: {
             overflow: 'hidden'
@@ -70,6 +78,6 @@ function EditIncoterm(props) {
     })
   });
 }
-export function renderEditIncoterm(params) {
-  return /*#__PURE__*/_jsx(EditIncoterm, _extends({}, params));
+function renderEditIncoterm(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditIncoterm, (0, _extends2.default)({}, params));
 }

package/renderer/renderEditProgress.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditProgress(params: GridRenderEditCellParams<any, number>): React.JSX.Element;
+export declare function renderEditProgress(params: GridRenderEditCellParams<any, number>): React.JSX.Element;

package/renderer/renderEditProgress.js

@@ -1,13 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
-import Slider, { sliderClasses } from '@mui/material/Slider';
-import Tooltip from '@mui/material/Tooltip';
-import { unstable_debounce as debounce } from '@mui/utils';
-import { alpha, styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledSlider = styled(Slider)(({
+"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.renderEditProgress = renderEditProgress;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _xDataGridPremium = require("@mui/x-data-grid-premium");
+var _Slider = _interopRequireWildcard(require("@mui/material/Slider"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _utils = require("@mui/utils");
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const StyledSlider = (0, _styles.styled)(_Slider.default)(({
   theme
 }) => ({
   display: 'flex',
@@ -17,11 +26,11 @@ const StyledSlider = styled(Slider)(({
   justifyContent: 'center',
   padding: 0,
   borderRadius: 0,
-  [`& .${sliderClasses.rail}`]: {
+  [`& .${_Slider.sliderClasses.rail}`]: {
     height: '100%',
     backgroundColor: 'transparent'
   },
-  [`& .${sliderClasses.track}`]: {
+  [`& .${_Slider.sliderClasses.track}`]: {
     height: '100%',
     transition: theme.transitions.create('background-color', {
       duration: theme.transitions.duration.shorter
@@ -36,12 +45,12 @@ const StyledSlider = styled(Slider)(({
       backgroundColor: '#088208a3'
     }
   },
-  [`& .${sliderClasses.thumb}`]: {
+  [`& .${_Slider.sliderClasses.thumb}`]: {
     height: '100%',
     width: 5,
     borderRadius: 0,
     marginTop: 0,
-    backgroundColor: alpha('#000000', 0.2)
+    backgroundColor: (0, _styles.alpha)('#000000', 0.2)
   }
 }));
 function ValueLabelComponent(props) {
@@ -50,7 +59,7 @@ function ValueLabelComponent(props) {
     open,
     value
   } = props;
-  return /*#__PURE__*/_jsx(Tooltip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
     open: open,
     enterTouchDelay: 0,
     placement: "top",
@@ -65,7 +74,7 @@ function EditProgress(props) {
     field
   } = props;
   const [valueState, setValueState] = React.useState(Number(value));
-  const apiRef = useGridApiContext();
+  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
   const updateCellEditProps = React.useCallback(newValue => {
     apiRef.current.setEditCellValue({
       id,
@@ -73,7 +82,7 @@ function EditProgress(props) {
       value: newValue
     });
   }, [apiRef, field, id]);
-  const debouncedUpdateCellEditProps = React.useMemo(() => debounce(updateCellEditProps, 60), [updateCellEditProps]);
+  const debouncedUpdateCellEditProps = React.useMemo(() => (0, _utils.unstable_debounce)(updateCellEditProps, 60), [updateCellEditProps]);
   const handleChange = (event, newValue) => {
     setValueState(newValue);
     debouncedUpdateCellEditProps(newValue);
@@ -86,10 +95,10 @@ function EditProgress(props) {
       element.querySelector('[type="range"]').focus();
     }
   };
-  return /*#__PURE__*/_jsx(StyledSlider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSlider, {
     ref: handleRef,
     classes: {
-      track: clsx(valueState < 0.3 && "low", valueState >= 0.3 && valueState <= 0.7 && "medium", valueState > 0.7 && "high")
+      track: (0, _clsx.default)(valueState < 0.3 && "low", valueState >= 0.3 && valueState <= 0.7 && "medium", valueState > 0.7 && "high")
     },
     value: valueState,
     max: 1,
@@ -102,6 +111,6 @@ function EditProgress(props) {
     valueLabelFormat: newValue => `${(newValue * 100).toLocaleString()} %`
   });
 }
-export function renderEditProgress(params) {
-  return /*#__PURE__*/_jsx(EditProgress, _extends({}, params));
+function renderEditProgress(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditProgress, (0, _extends2.default)({}, params));
 }

package/renderer/renderEditRating.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditRating(params: GridRenderEditCellParams<any, number>): React.JSX.Element;
+export declare function renderEditRating(params: GridRenderEditCellParams<any, number>): React.JSX.Element;

package/renderer/renderEditRating.js

@@ -1,16 +1,24 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Rating from '@mui/material/Rating';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderEditRating = renderEditRating;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
+var _xDataGridPremium = require("@mui/x-data-grid-premium");
+var _jsxRuntime = require("react/jsx-runtime");
 function EditRating(props) {
   const {
     id,
     value,
     field
   } = props;
-  const apiRef = useGridApiContext();
+  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
   const changedThroughKeyboard = React.useRef(false);
   const handleChange = async event => {
     await apiRef.current.setEditCellValue({
@@ -42,7 +50,7 @@ function EditRating(props) {
       changedThroughKeyboard.current = false;
     }
   };
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: {
       display: 'flex',
       alignItems: 'center',
@@ -50,7 +58,7 @@ function EditRating(props) {
       color: 'text.secondary',
       mr: 1
     },
-    children: [/*#__PURE__*/_jsx(Rating, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
       ref: handleRef,
       name: "rating",
       value: Number(value),
@@ -63,6 +71,6 @@ function EditRating(props) {
     }), Number(value)]
   });
 }
-export function renderEditRating(params) {
-  return /*#__PURE__*/_jsx(EditRating, _extends({}, params));
+function renderEditRating(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditRating, (0, _extends2.default)({}, params));
 }

package/renderer/renderEditStatus.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEditStatus(params: GridRenderEditCellParams<any, string>): React.JSX.Element;
+export declare function renderEditStatus(params: GridRenderEditCellParams<any, string>): React.JSX.Element;