@mui/x-data-grid-generator 6.0.0-alpha.1 → 6.0.0-alpha.11

package/legacy/renderer/renderEditRating.js

@@ -1,40 +1,50 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function EditRating(props) {
   var id = props.id,
-      value = props.value,
-      field = props.field;
+    value = props.value,
+    field = props.field;
   var apiRef = useGridApiContext();
-
-  var handleChange = function handleChange(event) {
-    apiRef.current.setEditCellValue({
-      id: id,
-      field: 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: id,
-        field: field
-      });
-      apiRef.current.setCellMode(id, field, 'view');
-    }
-  };
-
+  var handleChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiRef.current.setEditCellValue({
+                id: id,
+                field: field,
+                value: Number(event.target.value)
+              }, event);
+            case 2:
+              apiRef.current.stopCellEditMode({
+                id: id,
+                field: field
+              });
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function handleChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var handleRef = function handleRef(element) {
     if (element) {
       element.querySelector("input[value=\"".concat(value, "\"]")).focus();
     }
   };
-
   return /*#__PURE__*/_jsxs(Box, {
     sx: {
       display: 'flex',
@@ -55,7 +65,6 @@ function EditRating(props) {
     }), Number(value)]
   });
 }
-
 export function renderEditRating(params) {
   return /*#__PURE__*/_jsx(EditRating, _extends({}, params));
 }

package/legacy/renderer/renderEditStatus.js

@@ -14,14 +14,12 @@ import DoneIcon from '@mui/icons-material/Done';
 import { STATUS_OPTIONS } from '../services/static-data';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function EditStatus(props) {
   var id = props.id,
-      value = props.value,
-      field = props.field;
+    value = props.value,
+    field = props.field;
   var rootProps = useGridRootProps();
   var apiRef = useGridApiContext();
-
   var handleChange = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       var isValid;
@@ -35,10 +33,8 @@ function EditStatus(props) {
                 field: field,
                 value: event.target.value
               });
-
             case 2:
               isValid = _context.sent;
-
               if (isValid && rootProps.editMode === GridEditModes.Cell) {
                 apiRef.current.stopCellEditMode({
                   id: id,
@@ -46,7 +42,6 @@ function EditStatus(props) {
                   cellToFocusAfter: 'below'
                 });
               }
-
             case 4:
             case "end":
               return _context.stop();
@@ -54,12 +49,10 @@ function EditStatus(props) {
         }
       }, _callee);
     }));
-
     return function handleChange(_x) {
       return _ref.apply(this, arguments);
     };
   }();
-
   var handleClose = function handleClose(event, reason) {
     if (reason === 'backdropClick') {
       apiRef.current.stopCellEditMode({
@@ -69,7 +62,6 @@ function EditStatus(props) {
       });
     }
   };
-
   return /*#__PURE__*/_jsx(Select, {
     value: value,
     onChange: handleChange,
@@ -89,7 +81,6 @@ function EditStatus(props) {
     open: true,
     children: STATUS_OPTIONS.map(function (option) {
       var IconComponent = null;
-
       if (option === 'Rejected') {
         IconComponent = ReportProblemIcon;
       } else if (option === 'Open') {
@@ -99,13 +90,10 @@ function EditStatus(props) {
       } else if (option === 'Filled') {
         IconComponent = DoneIcon;
       }
-
       var label = option;
-
       if (option === 'PartiallyFilled') {
         label = 'Partially Filled';
       }
-
       return /*#__PURE__*/_jsxs(MenuItem, {
         value: option,
         children: [/*#__PURE__*/_jsx(ListItemIcon, {
@@ -125,7 +113,6 @@ function EditStatus(props) {
     })
   });
 }
-
 export function renderEditStatus(params) {
   return /*#__PURE__*/_jsx(EditStatus, _extends({}, params));
 }

package/legacy/renderer/renderEmail.js

@@ -3,7 +3,6 @@ import { DemoLink } from './renderLink';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function renderEmail(params) {
   var _params$value;
-
   var email = (_params$value = params.value) != null ? _params$value : '';
   return /*#__PURE__*/_jsx(DemoLink, {
     href: "mailto:".concat(email),

package/legacy/renderer/renderIncoterm.js

@@ -6,11 +6,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
   var value = props.value;
-
   if (!value) {
     return null;
   }
-
   var valueStr = value.toString();
   var tooltip = valueStr.slice(valueStr.indexOf('(') + 1, valueStr.indexOf(')'));
   var code = valueStr.slice(0, valueStr.indexOf('(')).trim();

package/legacy/renderer/renderLink.js

@@ -12,7 +12,6 @@ export var DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
     event.preventDefault();
     event.stopPropagation();
   };
-
   return /*#__PURE__*/_jsx(Link, {
     tabIndex: props.tabIndex,
     onClick: handleClick,
@@ -24,7 +23,6 @@ export function renderLink(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/_jsx(DemoLink, {
     href: params.value,
     tabIndex: params.tabIndex,

package/legacy/renderer/renderPnl.js

@@ -15,11 +15,9 @@ var Value = styled('div')(function (_ref) {
     }
   };
 });
-
 function pnlFormatter(value) {
   return value < 0 ? "(".concat(Math.abs(value).toLocaleString(), ")") : value.toLocaleString();
 }
-
 var Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
   var value = props.value;
   return /*#__PURE__*/_jsx(Value, {
@@ -31,7 +29,6 @@ export function renderPnl(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/_jsx(Pnl, {
     value: params.value
   });

package/legacy/renderer/renderProgress.js

@@ -6,7 +6,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var Root = styled('div')(function (_ref) {
   var theme = _ref.theme;
   return {
-    border: "1px solid ".concat(theme.palette.divider),
+    border: "1px solid ".concat((theme.vars || theme).palette.divider),
     position: 'relative',
     overflow: 'hidden',
     width: '100%',
@@ -50,14 +50,13 @@ var ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
 export 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__*/_jsx(ProgressBar, {
     value: params.value
   });

package/legacy/renderer/renderRating.js

@@ -24,14 +24,13 @@ var RatingValue = /*#__PURE__*/React.memo(function RatingValue(props) {
 export 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__*/_jsx(RatingValue, {
     value: params.value
   });

package/legacy/renderer/renderStatus.js

@@ -14,27 +14,26 @@ var StyledChip = styled(Chip)(function (_ref) {
       color: 'inherit'
     },
     '&.Open': {
-      color: theme.palette.info.dark,
-      border: "1px solid ".concat(theme.palette.info.main)
+      color: (theme.vars || theme).palette.info.dark,
+      border: "1px solid ".concat((theme.vars || theme).palette.info.main)
     },
     '&.Filled': {
-      color: theme.palette.success.dark,
-      border: "1px solid ".concat(theme.palette.success.main)
+      color: (theme.vars || theme).palette.success.dark,
+      border: "1px solid ".concat((theme.vars || theme).palette.success.main)
     },
     '&.PartiallyFilled': {
-      color: theme.palette.warning.dark,
-      border: "1px solid ".concat(theme.palette.warning.main)
+      color: (theme.vars || theme).palette.warning.dark,
+      border: "1px solid ".concat((theme.vars || theme).palette.warning.main)
     },
     '&.Rejected': {
-      color: theme.palette.error.dark,
-      border: "1px solid ".concat(theme.palette.error.main)
+      color: (theme.vars || theme).palette.error.dark,
+      border: "1px solid ".concat((theme.vars || theme).palette.error.main)
     }
   };
 });
 var Status = /*#__PURE__*/React.memo(function (props) {
   var status = props.status;
   var icon = null;
-
   if (status === 'Rejected') {
     icon = /*#__PURE__*/_jsx(ReportProblemIcon, {
       className: "icon"
@@ -52,13 +51,10 @@ var Status = /*#__PURE__*/React.memo(function (props) {
       className: "icon"
     });
   }
-
   var label = status;
-
   if (status === 'PartiallyFilled') {
     label = 'Partially Filled';
   }
-
   return /*#__PURE__*/_jsx(StyledChip, {
     className: status,
     icon: icon,
@@ -71,7 +67,6 @@ export function renderStatus(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/_jsx(Status, {
     status: params.value
   });

package/legacy/renderer/renderTotalPrice.js

@@ -14,10 +14,10 @@ var Value = styled('div')(function (_ref) {
     alignItems: 'center',
     justifyContent: 'flex-end',
     '&.good': {
-      backgroundColor: alpha(theme.palette.success.main, 0.3)
+      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.success.mainChannel, " /  0.3)") : alpha(theme.palette.success.main, 0.3)
     },
     '&.bad': {
-      backgroundColor: alpha(theme.palette.error.main, 0.3)
+      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.error.mainChannel, " /  0.3)") : alpha(theme.palette.error.main, 0.3)
     }
   };
 });
@@ -35,14 +35,13 @@ var TotalPrice = /*#__PURE__*/React.memo(function TotalPrice(props) {
 export function renderTotalPrice(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__*/_jsx(TotalPrice, {
     value: params.value
   });

package/legacy/services/asyncWorker.js

@@ -1,29 +1,26 @@
 export default function asyncWorker(_ref) {
   var work = _ref.work,
-      tasks = _ref.tasks,
-      done = _ref.done;
-
+    tasks = _ref.tasks,
+    done = _ref.done;
   var myNonEssentialWork = function myNonEssentialWork(deadline) {
     // If there is a surplus time in the frame, or timeout
     while ((deadline.timeRemaining() > 0 || deadline.didTimeout) && tasks.current > 0) {
       work();
     }
-
     if (tasks.current > 0) {
       requestIdleCallback(myNonEssentialWork);
     } else {
       done();
     }
-  }; // Don't use requestIdleCallback if the time is mock, better to run synchronously in such case.
-
+  };
 
+  // Don't use requestIdleCallback if the time is mock, better to run synchronously in such case.
   if (typeof requestIdleCallback === 'function' && !requestIdleCallback.clock) {
     requestIdleCallback(myNonEssentialWork);
   } else {
     while (tasks.current > 0) {
       work();
     }
-
     done();
   }
 }

package/legacy/services/basic-data-service.js

@@ -2,21 +2,18 @@ export var currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'B
 export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
   var data = [];
   var pricesColLength = colLength - 2;
-
   for (var i = 0; i < rowLength; i += 1) {
     var idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
     var model = {
       id: i,
       currencyPair: currencyPairs[idx]
     };
-
     for (var j = 1; j <= pricesColLength; j += 1) {
       model["price".concat(j, "M")] = Number("".concat(i.toString()).concat(j)); // randomPrice(0.7, 2);
     }
 
     data.push(model);
   }
-
   var columns = [{
     field: 'id',
     headerName: 'id',
@@ -25,7 +22,6 @@ export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
     field: 'currencyPair',
     headerName: 'Currency Pair'
   }];
-
   for (var _j = 1; _j <= pricesColLength; _j += 1) {
     // const y = Math.floor(j / 12);
     columns.push({
@@ -36,7 +32,6 @@ export var getBasicGridData = function getBasicGridData(rowLength, colLength) {
   }
 
   columns.length = colLength; // we cut the array in case < 2;
-
   return {
     columns: columns,
     rows: data

package/legacy/services/random-generator.js

@@ -2,7 +2,6 @@ import globalChance from 'chance';
 import { COLORS, COMMODITY_OPTIONS, CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from './static-data';
 var chanceId = globalChance();
 var chance;
-
 if (typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM) {
   chance = globalChance(function () {
     return 0.5;
@@ -10,82 +9,69 @@ if (typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM) {
 } else {
   chance = chanceId;
 }
-
 /**
  * Wrap a data generator that returns a string and add a prefix if the value generated has already been given
  */
 var uniquenessHandler = function uniquenessHandler(generator) {
   return function (data, context) {
     var _context$values$rawVa;
-
     var rawValue = generator(data, context);
-
     if (!context.values) {
       return rawValue;
     }
-
     var valueCount = ((_context$values$rawVa = context.values[rawValue]) != null ? _context$values$rawVa : 0) + 1;
     context.values[rawValue] = valueCount + 1;
-
     if (valueCount > 1) {
       return "".concat(rawValue, " ").concat(valueCount);
     }
-
     return rawValue;
   };
 };
-
 function dateFuture(years, refDate) {
   var date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   var range = {
     min: 1000,
     max: (years || 1) * 365 * 24 * 3600 * 1000
-  }; // some time from now to N years later, in milliseconds
+  };
 
+  // some time from now to N years later, in milliseconds
   var past = date.getTime() + chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 function dateRecent(days, refDate) {
   var date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   var range = {
     min: 1000,
     max: (days || 1) * 24 * 3600 * 1000
-  }; // some time from now to N days ago, in milliseconds
+  };
 
+  // some time from now to N days ago, in milliseconds
   var past = date.getTime() - chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 function datePast(years, refDate) {
   var date = new Date();
-
   if (typeof refDate !== 'undefined') {
     date = new Date(Date.parse(refDate));
   }
-
   var range = {
     min: 1000,
     max: (years || 1) * 365 * 24 * 3600 * 1000
-  }; // some time from now to N years ago, in milliseconds
+  };
 
+  // some time from now to N years ago, in milliseconds
   var past = date.getTime() - chance.integer(range);
   date.setTime(past);
   return date;
 }
-
 export var random = function random(min, max) {
   return chance.floating({
     min: min,

package/legacy/services/real-data-service.js

@@ -6,35 +6,26 @@ export function getRealGridData(rowLength, columns) {
     };
     var rows = [];
     var indexedValues = {};
-
     function work() {
       var row = {};
-
       for (var j = 0; j < columns.length; j += 1) {
         var column = columns[j];
-
         if (column.generateData) {
           var context = {};
-
           if (column.dataGeneratorUniquenessEnabled) {
             var fieldValues = indexedValues[column.field];
-
             if (!fieldValues) {
               fieldValues = {};
               indexedValues[column.field] = fieldValues;
             }
-
             context.values = fieldValues;
           }
-
           row[column.field] = column.generateData(row, context);
         }
       }
-
       rows.push(row);
       tasks.current -= 1;
     }
-
     var columnVisibilityModel = {};
     columns.forEach(function (col) {
       if (col.hide) {

package/legacy/services/tree-data-generator.js

@@ -3,81 +3,65 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { randomArrayItem } from './random-generator';
 export var addTreeDataOptionsToDemoData = function addTreeDataOptionsToDemoData(data) {
   var _groupingCol$headerNa;
-
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _options$averageChild = options.averageChildren,
-      averageChildren = _options$averageChild === void 0 ? 2 : _options$averageChild,
-      _options$maxDepth = options.maxDepth,
-      maxDepth = _options$maxDepth === void 0 ? 1 : _options$maxDepth,
-      groupingField = options.groupingField;
+    averageChildren = _options$averageChild === void 0 ? 2 : _options$averageChild,
+    _options$maxDepth = options.maxDepth,
+    maxDepth = _options$maxDepth === void 0 ? 1 : _options$maxDepth,
+    groupingField = options.groupingField;
   var hasTreeData = maxDepth > 1 && groupingField != null;
-
   if (!hasTreeData) {
     return data;
   }
-
   if (data.rows.length > 1000) {
     throw new Error('MUI: useDemoData tree data mode only works up to 1000 rows.');
   }
-
   var rowsByTreeDepth = {};
   var rowsCount = data.rows.length;
   var groupingCol = data.columns.find(function (col) {
     return col.field === options.groupingField;
   });
-
   if (!groupingCol) {
     throw new Error('MUI: The tree data grouping field does not exist');
   }
-
   data.initialState.columns.columnVisibilityModel[groupingField] = false;
-
   for (var i = 0; i < rowsCount; i += 1) {
     var row = data.rows[i];
     var currentChunk = Math.floor(i * (Math.pow(averageChildren, maxDepth) - 1) / rowsCount) + 1;
     var currentDepth = Math.floor(Math.log(currentChunk) / Math.log(averageChildren));
-
     if (!rowsByTreeDepth[currentDepth]) {
       rowsByTreeDepth[currentDepth] = {
         rows: {},
         rowIndexes: []
       };
     }
-
     rowsByTreeDepth[currentDepth].rows[i] = {
       value: row,
       parentIndex: null
     };
     rowsByTreeDepth[currentDepth].rowIndexes.push(i);
   }
-
   Object.entries(rowsByTreeDepth).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        depthStr = _ref2[0],
-        rows = _ref2[1].rows;
-
+      depthStr = _ref2[0],
+      rows = _ref2[1].rows;
     var depth = Number(depthStr);
     Object.values(rows).forEach(function (row) {
       var path = [];
       var previousRow = null;
-
       for (var k = depth; k >= 0; k -= 1) {
         var rowTemp = void 0;
-
         if (k === depth) {
           if (depth > 0) {
             row.parentIndex = Number(randomArrayItem(rowsByTreeDepth[depth - 1].rowIndexes));
           }
-
           rowTemp = row;
         } else {
           rowTemp = rowsByTreeDepth[k].rows[previousRow.parentIndex];
         }
-
         path.unshift(rowTemp.value[groupingField]);
         previousRow = rowTemp;
       }
-
       row.value.path = path;
     });
   });

package/modern/columns/commodities.columns.js

@@ -171,7 +171,6 @@ export const getCommodityColumns = (editable = false) => [{
     if (typeof value === 'string') {
       return COUNTRY_ISO_OPTIONS_SORTED.find(country => country.value === value);
     }
-
     return value;
   },
   valueFormatter: ({

package/modern/columns/employees.columns.js

@@ -130,7 +130,6 @@ export const getEmployeeColumns = () => [{
     if (!value || typeof value !== 'number') {
       return value;
     }
-
     return `${value.toLocaleString()}$`;
   }
 }];