@mui/x-data-grid 6.0.3 → 6.1.0

package/modern/hooks/features/columnMenu/{useGridColumnMenuComponents.js → useGridColumnMenuSlots.js}

@@ -4,44 +4,39 @@ const _excluded = ["displayOrder"];
 import * as React from 'react';
 import Divider from '@mui/material/Divider';
 import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-const camelize = pascalCase => {
-  const camelCase = pascalCase.split('');
-  camelCase[0] = camelCase[0].toLowerCase();
-  return camelCase.join('');
-};
-const useGridColumnMenuComponents = props => {
+const useGridColumnMenuSlots = props => {
   const apiRef = useGridPrivateApiContext();
   const {
-    defaultComponents,
-    defaultComponentsProps,
-    components = {},
-    componentsProps = {},
+    defaultSlots,
+    defaultSlotProps,
+    slots = {},
+    slotProps = {},
     hideMenu,
     colDef,
     addDividers = true
   } = props;
-  const processedComponents = React.useMemo(() => _extends({}, defaultComponents, components), [defaultComponents, components]);
-  const processedComponentsProps = React.useMemo(() => {
-    if (!componentsProps || Object.keys(componentsProps).length === 0) {
-      return defaultComponentsProps;
+  const processedComponents = React.useMemo(() => _extends({}, defaultSlots, slots), [defaultSlots, slots]);
+  const processedSlotProps = React.useMemo(() => {
+    if (!slotProps || Object.keys(slotProps).length === 0) {
+      return defaultSlotProps;
     }
-    const mergedProps = _extends({}, componentsProps);
-    Object.entries(defaultComponentsProps).forEach(([key, currentComponentProps]) => {
-      mergedProps[key] = _extends({}, currentComponentProps, componentsProps[key] || {});
+    const mergedProps = _extends({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
+      mergedProps[key] = _extends({}, currentSlotProps, slotProps[key] || {});
     });
     return mergedProps;
-  }, [defaultComponentsProps, componentsProps]);
+  }, [defaultSlotProps, slotProps]);
   const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
   const userItems = React.useMemo(() => {
-    const defaultComponentKeys = Object.keys(defaultComponents);
-    return Object.keys(components).filter(key => !defaultComponentKeys.includes(key));
-  }, [components, defaultComponents]);
+    const defaultComponentKeys = Object.keys(defaultSlots);
+    return Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
+  }, [slots, defaultSlots]);
   return React.useMemo(() => {
     const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
     const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
     const sorted = cleansedItems.sort((a, b) => {
-      const leftItemProps = processedComponentsProps[camelize(a)];
-      const rightItemProps = processedComponentsProps[camelize(b)];
+      const leftItemProps = processedSlotProps[a];
+      const rightItemProps = processedSlotProps[b];
       const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
       const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
       return leftDisplayOrder - rightDisplayOrder;
@@ -51,13 +46,13 @@ const useGridColumnMenuComponents = props => {
         colDef,
         onClick: hideMenu
       };
-      const processedComponentProps = processedComponentsProps[camelize(key)];
+      const processedComponentProps = processedSlotProps[key];
       if (processedComponentProps) {
         const customProps = _objectWithoutPropertiesLoose(processedComponentProps, _excluded);
         itemProps = _extends({}, itemProps, customProps);
       }
       return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [Divider, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedComponentsProps, userItems]);
+  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems]);
 };
-export { useGridColumnMenuComponents };
+export { useGridColumnMenuSlots };

package/modern/hooks/features/columns/useGridColumns.js

@@ -226,7 +226,7 @@ export function useGridColumns(apiRef, props) {
     if (props.disableColumnSelector) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuColumnsItem'];
+    return [...columnMenuItems, 'columnMenuColumnsItem'];
   }, [props.disableColumnSelector]);
   useGridRegisterPipeProcessor(apiRef, 'columnMenu', addColumnMenuItems);
   useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);

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

@@ -242,13 +242,17 @@ export const useGridCellEditing = (apiRef, props) => {
       initialValue
     } = params;
     let newValue = apiRef.current.getCellValue(id, field);
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    let unstable_updateValueOnRender = false;
     if (deleteValue || initialValue) {
       newValue = deleteValue ? '' : initialValue;
+      unstable_updateValueOnRender = true;
     }
     const newProps = {
       value: newValue,
       error: false,
-      isProcessingProps: false
+      isProcessingProps: false,
+      unstable_updateValueOnRender
     };
     updateOrDeleteFieldState(id, field, newProps);
     apiRef.current.setCellFocus(id, field);

package/modern/hooks/features/editing/useGridEditing.js

@@ -110,9 +110,7 @@ export const useGridEditing = (apiRef, props) => {
   }, [apiRef, props.editMode]);
   const getEditCellMeta = React.useCallback((id, field) => {
     const editingState = gridEditRowsStateSelector(apiRef.current.state);
-    return {
-      changeReason: editingState[id][field].changeReason
-    };
+    return editingState[id][field];
   }, [apiRef]);
   const editingSharedApi = {
     isCellEditable,

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

@@ -310,13 +310,17 @@ export const useGridRowEditing = (apiRef, props) => {
         return acc;
       }
       let newValue = apiRef.current.getCellValue(id, field);
+      // eslint-disable-next-line @typescript-eslint/naming-convention
+      let unstable_updateValueOnRender = false;
       if (fieldToFocus === field && (deleteValue || initialValue)) {
         newValue = deleteValue ? '' : initialValue;
+        unstable_updateValueOnRender = true;
       }
       acc[field] = {
         value: newValue,
         error: false,
-        isProcessingProps: false
+        isProcessingProps: false,
+        unstable_updateValueOnRender
       };
       return acc;
     }, {});

package/modern/hooks/features/filter/gridFilterState.js

@@ -4,4 +4,9 @@ export const getDefaultGridFilterModel = () => ({
   logicOperator: GridLogicOperator.And,
   quickFilterValues: [],
   quickFilterLogicOperator: GridLogicOperator.And
-});
+});
+
+/**
+ * @param {GridRowId} rowId The id of the row we want to filter.
+ * @param {(filterItem: GridFilterItem) => boolean} shouldApplyItem An optional callback to allow the filtering engine to only apply some items.
+ */

package/modern/hooks/features/filter/useGridFilter.js

@@ -57,7 +57,7 @@ export const useGridFilter = (apiRef, props) => {
     if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuFilterItem'];
+    return [...columnMenuItems, 'columnMenuFilterItem'];
   }, [props.disableColumnFilter]);
 
   /**
@@ -111,6 +111,11 @@ export const useGridFilter = (apiRef, props) => {
       const filterModel = gridFilterModelSelector(apiRef);
       const filterItemsWithValue = filterModel.items.filter(item => {
         if (item.value !== undefined) {
+          // Some filters like `isAnyOf` support array as `item.value`.
+          // If array is empty, we want to remove it from the filter model.
+          if (Array.isArray(item.value) && item.value.length === 0) {
+            return false;
+          }
           return true;
         }
         const column = apiRef.current.getColumn(item.field);

package/modern/hooks/features/sorting/useGridSorting.js

@@ -70,7 +70,7 @@ export const useGridSorting = (apiRef, props) => {
     }
     const sortingOrder = colDef.sortingOrder || props.sortingOrder;
     if (sortingOrder.some(item => !!item)) {
-      return [...columnMenuItems, 'ColumnMenuSortItem'];
+      return [...columnMenuItems, 'columnMenuSortItem'];
     }
     return columnMenuItems;
   }, [props.sortingOrder]);

package/modern/hooks/features/virtualization/useGridVirtualScroller.js

@@ -425,7 +425,7 @@ export const useGridVirtualScroller = props => {
     prevRootRowStyle.current = rootRowStyle;
     return rows;
   };
-  const needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth > containerDimensions.width;
+  const needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth >= containerDimensions.width;
   const contentSize = React.useMemo(() => {
     // In cases where the columns exceed the available width,
     // the horizontal scrollbar should be shown even when there're no rows.

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.3
+ * @mui/x-data-grid v6.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -22,10 +22,18 @@ export { GridColumnHeaders } from './components/GridColumnHeaders';
 /**
  * Reexportable components.
  */
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexportable';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexportable';
 
 /**
  * The full grid API.
  * @demos
  *   - [API object](/x/react-data-grid/api-object/)
+ */
+
+/**
+ * The state of `DataGrid`.
+ */
+
+/**
+ * The initial state of `DataGrid`.
  */

package/modern/locales/coreLocales.js

@@ -3,7 +3,6 @@
 // This allows not to bump the minimal version of `@mui/material` in peerDependencies which results
 // in broader compatibility between the packages.
 // See https://github.com/mui/mui-x/pull/7646#issuecomment-1404605556 for additional context.
-
 export const beBYCore = {
   components: {
     MuiTablePagination: {

package/modern/locales/daDK.js

@@ -20,17 +20,15 @@ const daDKGrid = {
   toolbarFiltersTooltipShow: 'Vis filtre',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `${count} aktivt filter`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Søg…',
+  toolbarQuickFilterLabel: 'Søg',
+  toolbarQuickFilterDeleteIconLabel: 'Ryd',
   // Export selector toolbar button text
-  // toolbarExport: 'Export',
+  toolbarExport: 'Eksport',
   toolbarExportLabel: 'Eksporter',
   toolbarExportCSV: 'Download som CSV',
   toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportExcel: 'Download som Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Find kolonne',
   columnsPanelTextFieldPlaceholder: 'Kolonne titel',
@@ -39,7 +37,7 @@ const daDKGrid = {
   columnsPanelHideAllButton: 'Skjul alle',
   // Filter panel text
   filterPanelAddFilter: 'Tilføj filter',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Fjern alle',
   filterPanelDeleteIconLabel: 'Slet',
   filterPanelLogicOperator: 'Logisk operator',
   filterPanelOperator: 'Operatorer',
@@ -69,7 +67,7 @@ const daDKGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Vis Kolonner',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Administrer kolonner',
   columnMenuFilter: 'Filtre',
   columnMenuHideColumn: 'Skjul',
   columnMenuUnsort: 'Fjern sortering',
@@ -109,20 +107,17 @@ const daDKGrid = {
   groupColumn: name => `Gruppér efter ${name}`,
   unGroupColumn: name => `Fjern gruppéring efter ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Udvid/kollaps detaljepanel',
   expandDetailPanel: 'Udvid',
-  collapseDetailPanel: 'Kollaps'
-
+  collapseDetailPanel: 'Kollaps',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Omarrangering af rækker',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Aggregation',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'gns',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'størrelse'
 };
-
 export const daDK = getGridLocalization(daDKGrid, daDKCore);

package/modern/locales/esES.js

@@ -67,7 +67,7 @@ const esESGrid = {
   // Column menu text
   columnMenuLabel: 'Menú',
   columnMenuShowColumns: 'Mostrar columnas',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Administrar columnas',
   columnMenuFilter: 'Filtro',
   columnMenuHideColumn: 'Ocultar',
   columnMenuUnsort: 'Desordenar',

package/modern/locales/huHU.js

@@ -20,17 +20,15 @@ const huHUGrid = {
   toolbarFiltersTooltipShow: 'Szűrők megjelenítése',
   toolbarFiltersTooltipActive: count => `${count} aktív szűrő`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Keresés…',
+  toolbarQuickFilterLabel: 'Keresés',
+  toolbarQuickFilterDeleteIconLabel: 'Törlés',
   // Export selector toolbar button text
   toolbarExport: 'Exportálás',
   toolbarExportLabel: 'Exportálás',
   toolbarExportCSV: 'Mentés CSV fájlként',
   toolbarExportPrint: 'Nyomtatás',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportExcel: 'Mentés Excel fájlként',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Oszlop keresése',
   columnsPanelTextFieldPlaceholder: 'Oszlop neve',
@@ -39,7 +37,7 @@ const huHUGrid = {
   columnsPanelHideAllButton: 'Összes elrejtése',
   // Filter panel text
   filterPanelAddFilter: 'Szűrő hozzáadása',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Összes törlése',
   filterPanelDeleteIconLabel: 'Törlés',
   filterPanelLogicOperator: 'Logikai operátor',
   filterPanelOperator: 'Operátorok',
@@ -69,7 +67,7 @@ const huHUGrid = {
   // Column menu text
   columnMenuLabel: 'Menü',
   columnMenuShowColumns: 'Oszlopok megjelenítése',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Oszlopok kezelése',
   columnMenuFilter: 'Szűrők',
   columnMenuHideColumn: 'Elrejtés',
   columnMenuUnsort: 'Sorrend visszaállítása',
@@ -109,20 +107,17 @@ const huHUGrid = {
   groupColumn: name => `Csoportosítás ${name} szerint`,
   unGroupColumn: name => `${name} szerinti csoportosítás törlése`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Részletek panel váltása',
   expandDetailPanel: 'Kibontás',
-  collapseDetailPanel: 'Összecsukás'
-
+  collapseDetailPanel: 'Összecsukás',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Sorok újrarendezése',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Összesítés',
+  aggregationFunctionLabelSum: 'Összeg',
+  aggregationFunctionLabelAvg: 'Átlag',
+  aggregationFunctionLabelMin: 'Minimum',
+  aggregationFunctionLabelMax: 'Maximum',
+  aggregationFunctionLabelSize: 'Darabszám'
 };
-
 export const huHU = getGridLocalization(huHUGrid, huHUCore);

package/modern/locales/jaJP.js

@@ -37,7 +37,7 @@ const jaJPGrid = {
   columnsPanelHideAllButton: 'すべて非表示',
   // Filter panel text
   filterPanelAddFilter: 'フィルター追加',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'すべて削除',
   filterPanelDeleteIconLabel: '削除',
   filterPanelLogicOperator: '論理演算子',
   filterPanelOperator: '演算子',

package/modern/locales/nbNO.js

@@ -37,7 +37,7 @@ const nbNOGrid = {
   columnsPanelHideAllButton: 'Skjul alle',
   // Filter panel text
   filterPanelAddFilter: 'Legg til filter',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Fjern alle',
   filterPanelDeleteIconLabel: 'Slett',
   filterPanelLogicOperator: 'Logisk operator',
   filterPanelOperator: 'Operatører',
@@ -67,7 +67,7 @@ const nbNOGrid = {
   // Column menu text
   columnMenuLabel: 'Meny',
   columnMenuShowColumns: 'Vis kolonner',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Administrer kolonner',
   columnMenuFilter: 'Filter',
   columnMenuHideColumn: 'Skjul',
   columnMenuUnsort: 'Usorter',
@@ -107,19 +107,17 @@ const nbNOGrid = {
   groupColumn: name => `Grupper på ${name}`,
   unGroupColumn: name => `Stopp å grupper på ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Utvid/kollaps detalj panel',
   expandDetailPanel: 'Utvid',
   collapseDetailPanel: 'Kollaps',
   // Row reordering text
-  rowReorderingHeaderName: 'Rad reorganisering'
-
+  rowReorderingHeaderName: 'Rad reorganisering',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Aggregering',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'snitt',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'maks',
+  aggregationFunctionLabelSize: 'størrelse'
 };
-
 export const nbNO = getGridLocalization(nbNOGrid, nbNOCore);

package/modern/locales/nlNL.js

@@ -37,7 +37,7 @@ const nlNLGrid = {
   columnsPanelHideAllButton: 'Alles verbergen',
   // Filter panel text
   filterPanelAddFilter: 'Filter toevoegen',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Alles verwijderen',
   filterPanelDeleteIconLabel: 'Verwijderen',
   filterPanelLogicOperator: 'Logische operator',
   filterPanelOperator: 'Operatoren',
@@ -67,7 +67,7 @@ const nlNLGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Toon kolommen',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Kolommen beheren',
   columnMenuFilter: 'Filteren',
   columnMenuHideColumn: 'Verbergen',
   columnMenuUnsort: 'Annuleer sortering',
@@ -107,7 +107,7 @@ const nlNLGrid = {
   groupColumn: name => `Groepeer op ${name}`,
   unGroupColumn: name => `Stop groeperen op ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Detailmenu in- of uitklappen',
   expandDetailPanel: 'Uitklappen',
   collapseDetailPanel: 'Inklappen',
   // Row reordering text

package/modern/locales/ptBR.js

@@ -111,15 +111,13 @@ const ptBRGrid = {
   expandDetailPanel: 'Expandir',
   collapseDetailPanel: 'Esconder',
   // Row reordering text
-  rowReorderingHeaderName: 'Reorganizar linhas'
-
+  rowReorderingHeaderName: 'Reorganizar linhas',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Agrupar',
+  aggregationFunctionLabelSum: 'soma',
+  aggregationFunctionLabelAvg: 'média',
+  aggregationFunctionLabelMin: 'mín',
+  aggregationFunctionLabelMax: 'máx',
+  aggregationFunctionLabelSize: 'tamanho'
 };
-
 export const ptBR = getGridLocalization(ptBRGrid, ptBRCore);

package/modern/locales/ruRU.js

@@ -76,7 +76,7 @@ const ruRUGrid = {
   // Column menu text
   columnMenuLabel: 'Меню',
   columnMenuShowColumns: 'Показать столбцы',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Управление колонками',
   columnMenuFilter: 'Фильтр',
   columnMenuHideColumn: 'Скрыть',
   columnMenuUnsort: 'Отменить сортировку',

package/modern/locales/svSE.js

@@ -37,7 +37,7 @@ const svSEGrid = {
   columnsPanelHideAllButton: 'Dölj alla',
   // Filter panel text
   filterPanelAddFilter: 'Lägg till filter',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Ta bort alla',
   filterPanelDeleteIconLabel: 'Ta bort',
   filterPanelLogicOperator: 'Logisk operatör',
   filterPanelOperator: 'Operatör',
@@ -67,7 +67,7 @@ const svSEGrid = {
   // Column menu text
   columnMenuLabel: 'Meny',
   columnMenuShowColumns: 'Visa kolumner',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Hantera kolumner',
   columnMenuFilter: 'Filtrera',
   columnMenuHideColumn: 'Dölj',
   columnMenuUnsort: 'Osortera',

package/modern/models/gridColumnGrouping.js

@@ -4,4 +4,8 @@ export function isLeaf(node) {
 
 /**
  * A function used to process headerClassName params.
+ */
+
+/**
+ * The union type representing the [[GridColDef]] column header class type.
  */

package/modern/models/params/gridRowParams.js

@@ -32,5 +32,13 @@ var GridRowEditStopReasons = /*#__PURE__*/function (GridRowEditStopReasons) {
   GridRowEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
   return GridRowEditStopReasons;
 }(GridRowEditStopReasons || {});
+/**
+ * Object passed as parameter in the row `getRowSpacing` callback prop.
+ * @demos
+ *   - [Row spacing](/x/react-data-grid/row-height/#row-spacing)
+ */
+/**
+ * The getRowSpacing return value.
+ */
 // https://github.com/mui/mui-x/pull/3738#discussion_r798504277
 export { GridRowEditStartReasons, GridRowEditStopReasons };

package/modern/utils/createSelector.js

@@ -1,39 +1,35 @@
 import { createSelector as reselectCreateSelector } from 'reselect';
 import { buildWarning } from './warning';
 const cacheContainer = {
-  cache: null
+  cache: new WeakMap()
 };
 const missingInstanceIdWarning = buildWarning(['MUI: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g `mySelector(state, apiRef.current.instanceId)`.']);
 export const createSelector = (...args) => {
-  if (cacheContainer.cache === null) {
-    cacheContainer.cache = {};
-  }
   const selector = (...selectorArgs) => {
     const [stateOrApiRef, instanceId] = selectorArgs;
     const isApiRef = !!stateOrApiRef.current;
-    const cacheKey = isApiRef ? stateOrApiRef.current.instanceId : instanceId ?? 'default';
+    const cacheKey = isApiRef ? stateOrApiRef.current.instanceId : instanceId ?? {
+      id: 'default'
+    };
     const state = isApiRef ? stateOrApiRef.current.state : stateOrApiRef;
     if (process.env.NODE_ENV !== 'production') {
-      if (cacheKey === 'default') {
+      if (cacheKey.id === 'default') {
         missingInstanceIdWarning();
       }
     }
-    if (cacheContainer.cache === null) {
-      cacheContainer.cache = {};
-    }
     const {
       cache
     } = cacheContainer;
-    if (cache[cacheKey] && cache[cacheKey].get(args)) {
+    if (cache.get(cacheKey) && cache.get(cacheKey)?.get(args)) {
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.
-      return cache[cacheKey].get(args)(state, cacheKey);
+      return cache.get(cacheKey)?.get(args)(state, cacheKey);
     }
     const newSelector = reselectCreateSelector(...args);
-    if (!cache[cacheKey]) {
-      cache[cacheKey] = new Map();
+    if (!cache.get(cacheKey)) {
+      cache.set(cacheKey, new Map());
     }
-    cache[cacheKey].set(args, newSelector);
+    cache.get(cacheKey)?.set(args, newSelector);
     return newSelector(state, cacheKey);
   };
 
@@ -44,12 +40,6 @@ export const createSelector = (...args) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export const unstable_resetCreateSelectorCache = cacheKey => {
-  if (typeof cacheKey !== 'undefined') {
-    if (cacheContainer.cache && cacheContainer.cache[cacheKey]) {
-      delete cacheContainer.cache[cacheKey];
-    }
-  } else {
-    cacheContainer.cache = null;
-  }
+export const unstable_resetCreateSelectorCache = () => {
+  cacheContainer.cache = new WeakMap();
 };

package/node/components/GridAutoSizer.js

@@ -12,7 +12,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/utils");
 var _createDetectElementResize = _interopRequireDefault(require("../lib/createDetectElementResize"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "defaultHeight", "defaultWidth", "disableHeight", "disableWidth", "nonce", "onResize", "style"];
+const _excluded = ["children", "defaultHeight", "defaultWidth", "disableHeight", "disableWidth", "nonce", "onResize", "style"]; // TODO replace with https://caniuse.com/resizeobserver.
+// Credit to https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.js
+// for the sources.
 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 GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref) {