@mui/x-data-grid-generator 6.0.0-alpha.0 → 6.0.0-alpha.10

package/node/renderer/renderEditIncoterm.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function EditIncoterm(props) {
   const {
     id,
@@ -36,32 +23,25 @@ function EditIncoterm(props) {
     field
   } = props;
   const apiRef = (0, _xDataGridPremium.useGridApiContext)();
-
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: event.target.value
     }, event);
-    apiRef.current.commitCellChange({
+    apiRef.current.stopCellEditMode({
       id,
       field
     });
-    apiRef.current.setCellMode(id, field, 'view');
-
-    if (event.key) {
-      // TODO v6: remove once we stop ignoring events fired from portals
-      const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
-    }
   };
-
   const handleClose = (event, reason) => {
     if (reason === 'backdropClick') {
-      apiRef.current.setCellMode(id, field, 'view');
+      apiRef.current.stopCellEditMode({
+        id,
+        field
+      });
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
     value: value,
     onChange: handleChange,
@@ -99,7 +79,6 @@ function EditIncoterm(props) {
     })
   });
 }
-
 function renderEditIncoterm(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditIncoterm, (0, _extends2.default)({}, params));
 }

package/node/renderer/renderEditProgress.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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/material/utils");
-
+var _utils = require("@mui/utils");
 var _styles = require("@mui/material/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const StyledSlider = (0, _styles.styled)(_Slider.default)(({
   theme
 }) => ({
@@ -66,8 +53,7 @@ const StyledSlider = (0, _styles.styled)(_Slider.default)(({
     backgroundColor: (0, _styles.alpha)('#000000', 0.2)
   }
 }));
-
-const ValueLabelComponent = props => {
+function ValueLabelComponent(props) {
   const {
     children,
     open,
@@ -80,8 +66,7 @@ const ValueLabelComponent = props => {
     title: value,
     children: children
   });
-};
-
+}
 function EditProgress(props) {
   const {
     id,
@@ -97,23 +82,19 @@ function EditProgress(props) {
       value: newValue
     });
   }, [apiRef, field, id]);
-  const debouncedUpdateCellEditProps = React.useMemo(() => (0, _utils.debounce)(updateCellEditProps, 60), [updateCellEditProps]);
-
+  const debouncedUpdateCellEditProps = React.useMemo(() => (0, _utils.unstable_debounce)(updateCellEditProps, 60), [updateCellEditProps]);
   const handleChange = (event, newValue) => {
     setValueState(newValue);
     debouncedUpdateCellEditProps(newValue);
   };
-
   React.useEffect(() => {
     setValueState(Number(value));
   }, [value]);
-
   const handleRef = element => {
     if (element) {
       element.querySelector('[type="range"]').focus();
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSlider, {
     ref: handleRef,
     classes: {
@@ -130,7 +111,6 @@ function EditProgress(props) {
     valueLabelFormat: newValue => `${(newValue * 100).toLocaleString()} %`
   });
 }
-
 function renderEditProgress(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditProgress, (0, _extends2.default)({}, params));
 }

package/node/renderer/renderEditRating.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function EditRating(props) {
   const {
     id,
@@ -30,30 +20,22 @@ function EditRating(props) {
     field
   } = props;
   const apiRef = (0, _xDataGridPremium.useGridApiContext)();
-
-  const handleChange = event => {
-    apiRef.current.setEditCellValue({
+  const handleChange = async event => {
+    await apiRef.current.setEditCellValue({
       id,
       field,
       value: Number(event.target.value)
-    }, event); // Check if the event is not from the keyboard
-    // https://github.com/facebook/react/issues/7407
-
-    if (event.nativeEvent.clientX !== 0 && event.nativeEvent.clientY !== 0) {
-      apiRef.current.commitCellChange({
-        id,
-        field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
+    }, event);
+    apiRef.current.stopCellEditMode({
+      id,
+      field
+    });
   };
-
   const handleRef = element => {
     if (element) {
       element.querySelector(`input[value="${value}"]`).focus();
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: {
       display: 'flex',
@@ -74,7 +56,6 @@ function EditRating(props) {
     }), Number(value)]
   });
 }
-
 function renderEditRating(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditRating, (0, _extends2.default)({}, params));
 }

package/node/renderer/renderEditStatus.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function EditStatus(props) {
   const {
     id,
@@ -45,14 +28,12 @@ function EditStatus(props) {
   } = 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
     });
-
     if (isValid && rootProps.editMode === _xDataGridPremium.GridEditModes.Cell) {
       apiRef.current.stopCellEditMode({
         id,
@@ -61,7 +42,6 @@ function EditStatus(props) {
       });
     }
   };
-
   const handleClose = (event, reason) => {
     if (reason === 'backdropClick') {
       apiRef.current.stopCellEditMode({
@@ -71,7 +51,6 @@ function EditStatus(props) {
       });
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
     value: value,
     onChange: handleChange,
@@ -91,7 +70,6 @@ function EditStatus(props) {
     open: true,
     children: _staticData.STATUS_OPTIONS.map(option => {
       let IconComponent = null;
-
       if (option === 'Rejected') {
         IconComponent = _ReportProblem.default;
       } else if (option === 'Open') {
@@ -101,13 +79,10 @@ function EditStatus(props) {
       } else if (option === 'Filled') {
         IconComponent = _Done.default;
       }
-
       let label = option;
-
       if (option === 'PartiallyFilled') {
         label = 'Partially Filled';
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
         value: option,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
@@ -127,7 +102,6 @@ function EditStatus(props) {
     })
   });
 }
-
 function renderEditStatus(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditStatus, (0, _extends2.default)({}, params));
 }

package/node/renderer/renderEmail.js

@@ -4,21 +4,13 @@ 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function renderEmail(params) {
-  var _params$value;
-
-  const email = (_params$value = params.value) != null ? _params$value : '';
+  const email = params.value ?? '';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderLink.DemoLink, {
     href: `mailto:${email}`,
     tabIndex: params.tabIndex,

package/node/renderer/renderIncoterm.js

@@ -1,35 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
   const {
     value
   } = props;
-
   if (!value) {
     return null;
   }
-
   const valueStr = value.toString();
   const tooltip = valueStr.slice(valueStr.indexOf('(') + 1, valueStr.indexOf(')'));
   const code = valueStr.slice(0, valueStr.indexOf('(')).trim();
@@ -53,7 +42,6 @@ const Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
     })]
   });
 });
-
 function renderIncoterm(params) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Incoterm, {
     value: params.value

package/node/renderer/renderLink.js

@@ -5,17 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DemoLink = void 0;
 exports.renderLink = renderLink;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Link = (0, _styles.styled)('a')({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
@@ -27,7 +21,6 @@ const DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
     event.preventDefault();
     event.stopPropagation();
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
     tabIndex: props.tabIndex,
     onClick: handleClick,
@@ -36,12 +29,10 @@ const DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
   });
 });
 exports.DemoLink = DemoLink;
-
 function renderLink(params) {
-  if (params.rowNode.isAutoGenerated || !params.value) {
+  if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DemoLink, {
     href: params.value,
     tabIndex: params.tabIndex,

package/node/renderer/renderPnl.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderPnl = renderPnl;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/material/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Value = (0, _styles.styled)('div')(({
   theme
 }) => ({
@@ -31,11 +23,9 @@ const Value = (0, _styles.styled)('div')(({
     color: theme.palette.mode === 'light' ? theme.palette.error.dark : theme.palette.error.light
   }
 }));
-
 function pnlFormatter(value) {
   return value < 0 ? `(${Math.abs(value).toLocaleString()})` : value.toLocaleString();
 }
-
 const Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
   const {
     value
@@ -45,12 +35,10 @@ const Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
     children: pnlFormatter(value)
   });
 });
-
 function renderPnl(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Pnl, {
     value: params.value
   });

package/node/renderer/renderProgress.js

@@ -1,28 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Root = (0, _styles.styled)('div')(({
   theme
 }) => ({
-  border: `1px solid ${theme.palette.divider}`,
+  border: `1px solid ${(theme.vars || theme).palette.divider}`,
   position: 'relative',
   overflow: 'hidden',
   width: '100%',
@@ -64,18 +56,16 @@ const ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
     })]
   });
 });
-
 function renderProgress(params) {
   if (params.value == null) {
     return '';
-  } // If the aggregated value does not have the same unit as the other cell
-  // Then we fall back to the default rendering based on `valueGetter` instead of rendering a progress bar.
-
+  }
 
+  // If the aggregated value does not have the same unit as the other cell
+  // Then we fall back to the default rendering based on `valueGetter` instead of rendering a progress bar.
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressBar, {
     value: params.value
   });

package/node/renderer/renderRating.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderRating = renderRating;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const RatingValue = /*#__PURE__*/React.memo(function RatingValue(props) {
   const {
     value
@@ -39,18 +31,16 @@ const RatingValue = /*#__PURE__*/React.memo(function RatingValue(props) {
     }), " ", Math.round(Number(value) * 10) / 10]
   });
 });
-
 function renderRating(params) {
   if (params.value == null) {
     return '';
-  } // If the aggregated value does not have the same unit as the other cell
-  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
-
+  }
 
+  // If the aggregated value does not have the same unit as the other cell
+  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingValue, {
     value: params.value
   });