@mui/x-data-grid 6.0.1 → 6.0.3

package/modern/models/params/gridEditCellParams.js

@@ -1,26 +1,26 @@
 /**
  * Params passed to `apiRef.current.setEditCellValue`.
  */
-var GridCellEditStartReasons;
-/**
- * Params passed to the `cellEditStart` event.
- */
-(function (GridCellEditStartReasons) {
+var GridCellEditStartReasons = /*#__PURE__*/function (GridCellEditStartReasons) {
   GridCellEditStartReasons["enterKeyDown"] = "enterKeyDown";
   GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
-})(GridCellEditStartReasons || (GridCellEditStartReasons = {}));
-var GridCellEditStopReasons;
+  return GridCellEditStartReasons;
+}(GridCellEditStartReasons || {});
 /**
- * Params passed to the `cellEditStop event.
+ * Params passed to the `cellEditStart` event.
  */
-(function (GridCellEditStopReasons) {
+var GridCellEditStopReasons = /*#__PURE__*/function (GridCellEditStopReasons) {
   GridCellEditStopReasons["cellFocusOut"] = "cellFocusOut";
   GridCellEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
   GridCellEditStopReasons["enterKeyDown"] = "enterKeyDown";
   GridCellEditStopReasons["tabKeyDown"] = "tabKeyDown";
   GridCellEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
-})(GridCellEditStopReasons || (GridCellEditStopReasons = {}));
+  return GridCellEditStopReasons;
+}(GridCellEditStopReasons || {});
+/**
+ * Params passed to the `cellEditStop event.
+ */
 // https://github.com/mui/mui-x/pull/3738#discussion_r798504277
 export { GridCellEditStartReasons, GridCellEditStopReasons };

package/modern/models/params/gridRowParams.js

@@ -14,23 +14,23 @@
 /**
  * The getRowHeight return value.
  */
-var GridRowEditStartReasons;
-/**
- * Params passed to the `rowEditStart` event.
- */
-(function (GridRowEditStartReasons) {
+var GridRowEditStartReasons = /*#__PURE__*/function (GridRowEditStartReasons) {
   GridRowEditStartReasons["enterKeyDown"] = "enterKeyDown";
   GridRowEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridRowEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridRowEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
-})(GridRowEditStartReasons || (GridRowEditStartReasons = {}));
-var GridRowEditStopReasons;
-(function (GridRowEditStopReasons) {
+  return GridRowEditStartReasons;
+}(GridRowEditStartReasons || {});
+/**
+ * Params passed to the `rowEditStart` event.
+ */
+var GridRowEditStopReasons = /*#__PURE__*/function (GridRowEditStopReasons) {
   GridRowEditStopReasons["rowFocusOut"] = "rowFocusOut";
   GridRowEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
   GridRowEditStopReasons["enterKeyDown"] = "enterKeyDown";
   GridRowEditStopReasons["tabKeyDown"] = "tabKeyDown";
   GridRowEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
-})(GridRowEditStopReasons || (GridRowEditStopReasons = {}));
+  return GridRowEditStopReasons;
+}(GridRowEditStopReasons || {});
 // https://github.com/mui/mui-x/pull/3738#discussion_r798504277
 export { GridRowEditStartReasons, GridRowEditStopReasons };

package/node/components/columnHeaders/GridColumnHeaderSeparator.js

@@ -16,12 +16,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["resizable", "resizing", "height", "side"];
 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; }
-var GridColumnHeaderSeparatorSides;
-exports.GridColumnHeaderSeparatorSides = GridColumnHeaderSeparatorSides;
-(function (GridColumnHeaderSeparatorSides) {
+var GridColumnHeaderSeparatorSides = /*#__PURE__*/function (GridColumnHeaderSeparatorSides) {
   GridColumnHeaderSeparatorSides["Left"] = "left";
   GridColumnHeaderSeparatorSides["Right"] = "right";
-})(GridColumnHeaderSeparatorSides || (exports.GridColumnHeaderSeparatorSides = GridColumnHeaderSeparatorSides = {}));
+  return GridColumnHeaderSeparatorSides;
+}(GridColumnHeaderSeparatorSides || {});
+exports.GridColumnHeaderSeparatorSides = GridColumnHeaderSeparatorSides;
 const useUtilityClasses = ownerState => {
   const {
     resizable,

package/node/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -254,7 +254,12 @@ const useGridColumnHeaders = props => {
           columnFields: groupStructure.columnFields.filter(field => columnVisibility[field] !== false)
         });
       }).filter(groupStructure => groupStructure.columnFields.length > 0);
-      const leftOverflow = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
+      const firstVisibleColumnIndex = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
+      const hiddenGroupColumns = visibleColumnGroupHeader[0].columnFields.slice(0, firstVisibleColumnIndex);
+      const leftOverflow = hiddenGroupColumns.reduce((acc, field) => {
+        const column = apiRef.current.getColumn(field);
+        return acc + (column.computedWidth ?? 0);
+      }, 0);
       let columnIndex = firstColumnToRender;
       const elements = visibleColumnGroupHeader.map(({
         groupId,

package/node/hooks/features/columns/gridColumnsUtils.js

@@ -164,13 +164,12 @@ const hydrateColumnsWidth = (rawState, viewportInnerWidth) => {
     lookup: columnsLookup
   });
 };
-exports.hydrateColumnsWidth = hydrateColumnsWidth;
-let columnTypeWarnedOnce = false;
 
 /**
  * Apply the order and the dimensions of the initial state.
  * The columns not registered in `orderedFields` will be placed after the imported columns.
  */
+exports.hydrateColumnsWidth = hydrateColumnsWidth;
 const applyInitialState = (columnsState, initialState) => {
   if (!initialState) {
     return columnsState;
@@ -254,14 +253,8 @@ const createColumnsState = ({
     let existingState = columnsState.lookup[field];
     if (existingState == null) {
       let colDef = columnTypes[_colDef.DEFAULT_GRID_COL_TYPE_KEY];
-      if (newColumn.type) {
-        if (process.env.NODE_ENV !== 'production' && !columnTypeWarnedOnce && !columnTypes[newColumn.type]) {
-          console.warn([`MUI: The column type "${newColumn.type}" you are using is not supported.`, `Column type "string" is being used instead.`].join('\n'));
-          columnTypeWarnedOnce = true;
-        }
-        if (columnTypes[newColumn.type]) {
-          colDef = columnTypes[newColumn.type];
-        }
+      if (newColumn.type && columnTypes[newColumn.type]) {
+        colDef = columnTypes[newColumn.type];
       }
       existingState = (0, _extends2.default)({}, colDef, {
         field,

package/node/hooks/features/editing/useGridCellEditing.js

@@ -99,8 +99,8 @@ const useGridCellEditing = (apiRef, props) => {
       }
     } else if (params.isEditable) {
       let reason;
-      if (event.key === ' ' && event.shiftKey) {
-        return; // Shift + Space is used to select the row
+      if (event.key === ' ') {
+        return; // Space scrolls to the last row
       }
 
       if ((0, _keyboardUtils.isPrintableKey)(event)) {

package/node/hooks/features/editing/useGridRowEditing.js

@@ -152,8 +152,8 @@ const useGridRowEditing = (apiRef, props) => {
       }
     } else if (params.isEditable) {
       let reason;
-      if (event.key === ' ' && event.shiftKey) {
-        return; // Shift + Space is used to select the row
+      if (event.key === ' ') {
+        return; // Space scrolls to the last row
       }
 
       if ((0, _keyboardUtils.isPrintableKey)(event)) {

package/node/hooks/features/preferencesPanel/gridPreferencePanelsValue.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPreferencePanelsValue = void 0;
-var GridPreferencePanelsValue;
-exports.GridPreferencePanelsValue = GridPreferencePanelsValue;
-(function (GridPreferencePanelsValue) {
+var GridPreferencePanelsValue = /*#__PURE__*/function (GridPreferencePanelsValue) {
   GridPreferencePanelsValue["filters"] = "filters";
   GridPreferencePanelsValue["columns"] = "columns";
-})(GridPreferencePanelsValue || (exports.GridPreferencePanelsValue = GridPreferencePanelsValue = {}));
+  return GridPreferencePanelsValue;
+}(GridPreferencePanelsValue || {});
+exports.GridPreferencePanelsValue = GridPreferencePanelsValue;

package/node/hooks/utils/useGridApiEventHandler.js

@@ -16,12 +16,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Signal to the underlying logic what version of the public component API
  * of the data grid is exposed.
  */
-var GridSignature;
-exports.GridSignature = GridSignature;
-(function (GridSignature) {
+var GridSignature = /*#__PURE__*/function (GridSignature) {
   GridSignature["DataGrid"] = "DataGrid";
   GridSignature["DataGridPro"] = "DataGridPro";
-})(GridSignature || (exports.GridSignature = GridSignature = {}));
+  return GridSignature;
+}(GridSignature || {});
+exports.GridSignature = GridSignature;
 // We use class to make it easier to detect in heap snapshots by name
 class ObjectToBeRetainedByReact {}
 

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.1
+ * @mui/x-data-grid v6.0.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/locales/bgBG.js

@@ -26,17 +26,15 @@ const bgBGGrid = {
   toolbarFiltersTooltipShow: 'Покажи Филтрите',
   toolbarFiltersTooltipActive: count => `${count} активни филтри`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Търси…',
+  toolbarQuickFilterLabel: 'Търсене',
+  toolbarQuickFilterDeleteIconLabel: 'Изчисти',
   // Export selector toolbar button text
   toolbarExport: 'Изтегли',
   toolbarExportLabel: 'Изтегли',
   toolbarExportCSV: 'Изтегли като CSV',
   toolbarExportPrint: 'Принтиране',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportExcel: 'Изтегли като Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Намери колона',
   columnsPanelTextFieldPlaceholder: 'Заглавие на колона',
@@ -45,9 +43,9 @@ const bgBGGrid = {
   columnsPanelHideAllButton: 'Скрий Всички',
   // Filter panel text
   filterPanelAddFilter: 'Добави Филтър',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Премахни всички',
   filterPanelDeleteIconLabel: 'Изтрий',
-  // filterPanelLogicOperator: 'Logic operator',
+  filterPanelLogicOperator: 'Логически оператор',
   filterPanelOperator: 'Оператори',
   filterPanelOperatorAnd: 'И',
   filterPanelOperatorOr: 'Или',
@@ -75,7 +73,7 @@ const bgBGGrid = {
   // Column menu text
   columnMenuLabel: 'Меню',
   columnMenuShowColumns: 'Покажи колоните',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Управление на колони',
   columnMenuFilter: 'Филтри',
   columnMenuHideColumn: 'Скрий',
   columnMenuUnsort: 'Отмени сортирането',
@@ -117,10 +115,9 @@ const bgBGGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Разгъване',
-  collapseDetailPanel: 'Свиване'
-
+  collapseDetailPanel: 'Свиване',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Подредба на редове'
 
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',

package/node/locales/faIR.js

@@ -43,7 +43,7 @@ const faIRGrid = {
   columnsPanelHideAllButton: 'مخفی همه',
   // Filter panel text
   filterPanelAddFilter: 'افزودن فیلتر',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'حذف همه',
   filterPanelDeleteIconLabel: 'حذف',
   filterPanelLogicOperator: 'عملگر منطقی',
   filterPanelOperator: 'عملگرها',
@@ -73,7 +73,7 @@ const faIRGrid = {
   // Column menu text
   columnMenuLabel: 'فهرست',
   columnMenuShowColumns: 'نمایش ستون‌ها',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'مدیریت ستون‌ها',
   columnMenuFilter: 'فیلتر',
   columnMenuHideColumn: 'مخفی',
   columnMenuUnsort: 'نامرتب‌کردن',

package/node/locales/nlNL.js

@@ -117,16 +117,14 @@ const nlNLGrid = {
   expandDetailPanel: 'Uitklappen',
   collapseDetailPanel: 'Inklappen',
   // Row reordering text
-  rowReorderingHeaderName: 'Rijen hersorteren'
-
+  rowReorderingHeaderName: 'Rijen hersorteren',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Aggregatie',
+  aggregationFunctionLabelSum: 'som',
+  aggregationFunctionLabelAvg: 'gem',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'grootte'
 };
-
 const nlNL = (0, _getGridLocalization.getGridLocalization)(nlNLGrid, _locale.nlNL);
 exports.nlNL = nlNL;

package/node/locales/ptBR.js

@@ -73,7 +73,7 @@ const ptBRGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Exibir colunas',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtrar',
   columnMenuHideColumn: 'Ocultar',
   columnMenuUnsort: 'Desfazer ordenação',

package/node/models/gridEditRowModel.js

@@ -4,21 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridRowModes = exports.GridEditModes = exports.GridCellModes = void 0;
-var GridEditModes;
-exports.GridEditModes = GridEditModes;
-(function (GridEditModes) {
+var GridEditModes = /*#__PURE__*/function (GridEditModes) {
   GridEditModes["Cell"] = "cell";
   GridEditModes["Row"] = "row";
-})(GridEditModes || (exports.GridEditModes = GridEditModes = {}));
-var GridCellModes;
-exports.GridCellModes = GridCellModes;
-(function (GridCellModes) {
+  return GridEditModes;
+}(GridEditModes || {});
+exports.GridEditModes = GridEditModes;
+var GridCellModes = /*#__PURE__*/function (GridCellModes) {
   GridCellModes["Edit"] = "edit";
   GridCellModes["View"] = "view";
-})(GridCellModes || (exports.GridCellModes = GridCellModes = {}));
-var GridRowModes;
-exports.GridRowModes = GridRowModes;
-(function (GridRowModes) {
+  return GridCellModes;
+}(GridCellModes || {});
+exports.GridCellModes = GridCellModes;
+var GridRowModes = /*#__PURE__*/function (GridRowModes) {
   GridRowModes["Edit"] = "edit";
   GridRowModes["View"] = "view";
-})(GridRowModes || (exports.GridRowModes = GridRowModes = {}));
+  return GridRowModes;
+}(GridRowModes || {});
+exports.GridRowModes = GridRowModes;

package/node/models/gridFilterItem.js

@@ -9,9 +9,9 @@ exports.GridLogicOperator = void 0;
  * @demos
  *   - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
  */
-var GridLogicOperator;
-exports.GridLogicOperator = GridLogicOperator;
-(function (GridLogicOperator) {
+var GridLogicOperator = /*#__PURE__*/function (GridLogicOperator) {
   GridLogicOperator["And"] = "and";
   GridLogicOperator["Or"] = "or";
-})(GridLogicOperator || (exports.GridLogicOperator = GridLogicOperator = {}));
+  return GridLogicOperator;
+}(GridLogicOperator || {});
+exports.GridLogicOperator = GridLogicOperator;

package/node/models/params/gridEditCellParams.js

@@ -7,26 +7,26 @@ exports.GridCellEditStopReasons = exports.GridCellEditStartReasons = void 0;
 /**
  * Params passed to `apiRef.current.setEditCellValue`.
  */
-var GridCellEditStartReasons;
-/**
- * Params passed to the `cellEditStart` event.
- */
-exports.GridCellEditStartReasons = GridCellEditStartReasons;
-(function (GridCellEditStartReasons) {
+var GridCellEditStartReasons = /*#__PURE__*/function (GridCellEditStartReasons) {
   GridCellEditStartReasons["enterKeyDown"] = "enterKeyDown";
   GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
-})(GridCellEditStartReasons || (exports.GridCellEditStartReasons = GridCellEditStartReasons = {}));
-var GridCellEditStopReasons;
+  return GridCellEditStartReasons;
+}(GridCellEditStartReasons || {});
 /**
- * Params passed to the `cellEditStop event.
+ * Params passed to the `cellEditStart` event.
  */
-exports.GridCellEditStopReasons = GridCellEditStopReasons;
-(function (GridCellEditStopReasons) {
+exports.GridCellEditStartReasons = GridCellEditStartReasons;
+var GridCellEditStopReasons = /*#__PURE__*/function (GridCellEditStopReasons) {
   GridCellEditStopReasons["cellFocusOut"] = "cellFocusOut";
   GridCellEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
   GridCellEditStopReasons["enterKeyDown"] = "enterKeyDown";
   GridCellEditStopReasons["tabKeyDown"] = "tabKeyDown";
   GridCellEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
-})(GridCellEditStopReasons || (exports.GridCellEditStopReasons = GridCellEditStopReasons = {}));
+  return GridCellEditStopReasons;
+}(GridCellEditStopReasons || {});
+/**
+ * Params passed to the `cellEditStop event.
+ */
+exports.GridCellEditStopReasons = GridCellEditStopReasons;

package/node/models/params/gridRowParams.js

@@ -20,23 +20,23 @@ exports.GridRowEditStopReasons = exports.GridRowEditStartReasons = void 0;
 /**
  * The getRowHeight return value.
  */
-var GridRowEditStartReasons;
-/**
- * Params passed to the `rowEditStart` event.
- */
-exports.GridRowEditStartReasons = GridRowEditStartReasons;
-(function (GridRowEditStartReasons) {
+var GridRowEditStartReasons = /*#__PURE__*/function (GridRowEditStartReasons) {
   GridRowEditStartReasons["enterKeyDown"] = "enterKeyDown";
   GridRowEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridRowEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridRowEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
-})(GridRowEditStartReasons || (exports.GridRowEditStartReasons = GridRowEditStartReasons = {}));
-var GridRowEditStopReasons;
-exports.GridRowEditStopReasons = GridRowEditStopReasons;
-(function (GridRowEditStopReasons) {
+  return GridRowEditStartReasons;
+}(GridRowEditStartReasons || {});
+/**
+ * Params passed to the `rowEditStart` event.
+ */
+exports.GridRowEditStartReasons = GridRowEditStartReasons;
+var GridRowEditStopReasons = /*#__PURE__*/function (GridRowEditStopReasons) {
   GridRowEditStopReasons["rowFocusOut"] = "rowFocusOut";
   GridRowEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
   GridRowEditStopReasons["enterKeyDown"] = "enterKeyDown";
   GridRowEditStopReasons["tabKeyDown"] = "tabKeyDown";
   GridRowEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
-})(GridRowEditStopReasons || (exports.GridRowEditStopReasons = GridRowEditStopReasons = {}));
+  return GridRowEditStopReasons;
+}(GridRowEditStopReasons || {});
+exports.GridRowEditStopReasons = GridRowEditStopReasons;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,8 +35,8 @@
     "directory": "packages/grid/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
-    "@mui/utils": "^5.11.7",
+    "@babel/runtime": "^7.21.0",
+    "@mui/utils": "^5.11.13",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.7"