@mui/x-data-grid-generator 8.0.0-alpha.10 → 8.0.0-alpha.12

package/renderer/renderEditProgress.js

@@ -1,15 +1,22 @@
+"use strict";
 'use client';
 
-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)(({
+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',
@@ -19,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
@@ -38,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) {
@@ -52,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",
@@ -67,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,
@@ -75,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);
@@ -88,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,
@@ -104,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;

package/renderer/renderEditStatus.js

@@ -1,31 +1,39 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridApiContext, useGridRootProps, GridEditModes } 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 ReportProblemIcon from '@mui/icons-material/ReportProblem';
-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 { 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.renderEditStatus = renderEditStatus;
+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 _ReportProblem = _interopRequireDefault(require("@mui/icons-material/ReportProblem"));
+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 _jsxRuntime = require("react/jsx-runtime");
 function EditStatus(props) {
   const {
     id,
     value,
     field
   } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
+  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
     });
-    if (isValid && rootProps.editMode === GridEditModes.Cell) {
+    if (isValid && rootProps.editMode === _xDataGridPremium.GridEditModes.Cell) {
       apiRef.current.stopCellEditMode({
         id,
         field,
@@ -42,7 +50,7 @@ function EditStatus(props) {
       });
     }
   };
-  return /*#__PURE__*/_jsx(Select, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
     value: value,
     onChange: handleChange,
     MenuProps: {
@@ -59,31 +67,31 @@ function EditStatus(props) {
     autoFocus: true,
     fullWidth: true,
     open: true,
-    children: STATUS_OPTIONS.map(option => {
+    children: _staticData.STATUS_OPTIONS.map(option => {
       let IconComponent = null;
       if (option === 'Rejected') {
-        IconComponent = ReportProblemIcon;
+        IconComponent = _ReportProblem.default;
       } else if (option === 'Open') {
-        IconComponent = InfoIcon;
+        IconComponent = _Info.default;
       } else if (option === 'PartiallyFilled') {
-        IconComponent = AutorenewIcon;
+        IconComponent = _Autorenew.default;
       } else if (option === 'Filled') {
-        IconComponent = DoneIcon;
+        IconComponent = _Done.default;
       }
       let label = option;
       if (option === 'PartiallyFilled') {
         label = 'Partially Filled';
       }
-      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: /*#__PURE__*/_jsx(IconComponent, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
             fontSize: "small"
           })
-        }), /*#__PURE__*/_jsx(ListItemText, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
           primary: label,
           sx: {
             overflow: 'hidden'
@@ -93,6 +101,6 @@ function EditStatus(props) {
     })
   });
 }
-export function renderEditStatus(params) {
-  return /*#__PURE__*/_jsx(EditStatus, _extends({}, params));
+function renderEditStatus(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditStatus, (0, _extends2.default)({}, params));
 }

package/renderer/renderEmail.d.ts

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

package/renderer/renderEmail.js

@@ -1,9 +1,16 @@
-import * as React from 'react';
-import { DemoLink } from "./renderLink.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function renderEmail(params) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderEmail = renderEmail;
+var React = _interopRequireWildcard(require("react"));
+var _renderLink = require("./renderLink");
+var _jsxRuntime = require("react/jsx-runtime");
+function renderEmail(params) {
   const email = params.value ?? '';
-  return /*#__PURE__*/_jsx(DemoLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderLink.DemoLink, {
     href: `mailto:${email}`,
     tabIndex: params.tabIndex,
     children: email

package/renderer/renderIncoterm.d.ts

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

package/renderer/renderIncoterm.js

@@ -1,8 +1,16 @@
-import * as React from 'react';
-import Tooltip from '@mui/material/Tooltip';
-import Box from '@mui/material/Box';
-import InfoIcon from '@mui/icons-material/Info';
-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.renderIncoterm = renderIncoterm;
+var React = _interopRequireWildcard(require("react"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
+var _jsxRuntime = require("react/jsx-runtime");
 const Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
   const {
     value
@@ -13,17 +21,17 @@ const Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
   const valueStr = value.toString();
   const tooltip = valueStr.slice(valueStr.indexOf('(') + 1, valueStr.indexOf(')'));
   const code = valueStr.slice(0, valueStr.indexOf('(')).trim();
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: {
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'space-between'
     },
-    children: [/*#__PURE__*/_jsx("span", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: code
-    }), /*#__PURE__*/_jsx(Tooltip, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
       title: tooltip,
-      children: /*#__PURE__*/_jsx(InfoIcon, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Info.default, {
         sx: {
           color: '#2196f3',
           alignSelf: 'center',
@@ -33,8 +41,8 @@ const Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
     })]
   });
 });
-export function renderIncoterm(params) {
-  return /*#__PURE__*/_jsx(Incoterm, {
+function renderIncoterm(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Incoterm, {
     value: params.value
   });
 }

package/renderer/renderLink.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
 interface DemoLinkProps {
-    href: string;
-    children: string;
-    tabIndex: number;
+  href: string;
+  children: string;
+  tabIndex: number;
 }
 export declare const DemoLink: React.NamedExoticComponent<DemoLinkProps>;
 export declare function renderLink(params: GridRenderCellParams<any, string, any>): "" | React.JSX.Element;
-export {};
+export {};

package/renderer/renderLink.js

@@ -1,29 +1,37 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const Link = styled('a')({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DemoLink = void 0;
+exports.renderLink = renderLink;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const Link = (0, _styles.styled)('a')({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
   overflow: 'hidden',
   color: 'inherit'
 });
-export const DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
+const DemoLink = exports.DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
   const handleClick = event => {
     event.preventDefault();
     event.stopPropagation();
   };
-  return /*#__PURE__*/_jsx(Link, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
     tabIndex: props.tabIndex,
     onClick: handleClick,
     href: props.href,
     children: props.children
   });
 });
-export function renderLink(params) {
+function renderLink(params) {
   if (params.value == null) {
     return '';
   }
-  return /*#__PURE__*/_jsx(DemoLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DemoLink, {
     href: params.value,
     tabIndex: params.tabIndex,
     children: params.value

package/renderer/renderPnl.d.ts

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

package/renderer/renderPnl.js

@@ -1,19 +1,27 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const Value = styled('div')(({
+"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.renderPnl = renderPnl;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const Value = (0, _styles.styled)('div')(({
   theme
 }) => ({
   width: '100%',
   fontVariantNumeric: 'tabular-nums',
-  '&.positive': _extends({
+  '&.positive': (0, _extends2.default)({
     color: theme.palette.success.light
   }, theme.applyStyles('light', {
     color: theme.palette.success.dark
   })),
-  '&.negative': _extends({
+  '&.negative': (0, _extends2.default)({
     color: theme.palette.error.light
   }, theme.applyStyles('light', {
     color: theme.palette.error.dark
@@ -26,16 +34,16 @@ const Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
   const {
     value
   } = props;
-  return /*#__PURE__*/_jsx(Value, {
-    className: clsx(value > 0 && "positive", value < 0 && "negative"),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Value, {
+    className: (0, _clsx.default)(value > 0 && "positive", value < 0 && "negative"),
     children: pnlFormatter(value)
   });
 });
-export function renderPnl(params) {
+function renderPnl(params) {
   if (params.value == null) {
     return '';
   }
-  return /*#__PURE__*/_jsx(Pnl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Pnl, {
     value: params.value
   });
 }

package/renderer/renderProgress.d.ts

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

package/renderer/renderProgress.js

@@ -1,13 +1,21 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Center = styled('div')({
+"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.renderProgress = renderProgress;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const Center = (0, _styles.styled)('div')({
   height: '100%',
   display: 'flex',
   alignItems: 'center'
 });
-const Element = styled('div')(({
+const Element = (0, _styles.styled)('div')(({
   theme
 }) => ({
   border: `1px solid ${(theme.vars || theme).palette.divider}`,
@@ -17,14 +25,14 @@ const Element = styled('div')(({
   height: 26,
   borderRadius: 2
 }));
-const Value = styled('div')({
+const Value = (0, _styles.styled)('div')({
   position: 'absolute',
   lineHeight: '24px',
   width: '100%',
   display: 'flex',
   justifyContent: 'center'
 });
-const Bar = styled('div')({
+const Bar = (0, _styles.styled)('div')({
   height: '100%',
   '&.low': {
     backgroundColor: '#f44336'
@@ -41,18 +49,18 @@ const ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
     value
   } = props;
   const valueInPercent = value * 100;
-  return /*#__PURE__*/_jsxs(Element, {
-    children: [/*#__PURE__*/_jsx(Value, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Element, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Value, {
       children: `${valueInPercent.toLocaleString()} %`
-    }), /*#__PURE__*/_jsx(Bar, {
-      className: clsx(valueInPercent < 30 && "low", valueInPercent >= 30 && valueInPercent <= 70 && "medium", valueInPercent > 70 && "high"),
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
+      className: (0, _clsx.default)(valueInPercent < 30 && "low", valueInPercent >= 30 && valueInPercent <= 70 && "medium", valueInPercent > 70 && "high"),
       style: {
         maxWidth: `${valueInPercent}%`
       }
     })]
   });
 });
-export function renderProgress(params) {
+function renderProgress(params) {
   if (params.value == null) {
     return '';
   }
@@ -62,8 +70,8 @@ export function renderProgress(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Center, {
-    children: /*#__PURE__*/_jsx(ProgressBar, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Center, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressBar, {
       value: params.value
     })
   });

package/renderer/renderRating.d.ts

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