@mui/x-data-grid 5.12.2 → 5.12.3

package/legacy/components/panel/GridColumnsPanel.js

@@ -91,7 +91,9 @@ export function GridColumnsPanel(props) {
         return apiRef.current.setColumnVisibilityModel({});
       }
 
-      return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.map(function (col) {
+      return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.filter(function (col) {
+        return col.hideable !== false;
+      }).map(function (col) {
         return [col.field, false];
       })));
     } // TODO v6: Remove

package/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -29,9 +29,17 @@ function GridFilterInputMultipleSingleSelect(props) {
   var id = useId();
   var resolvedColumn = item.columnField ? apiRef.current.getColumn(item.columnField) : null;
   var resolvedValueOptions = React.useMemo(function () {
-    return typeof (resolvedColumn == null ? void 0 : resolvedColumn.valueOptions) === 'function' ? resolvedColumn.valueOptions({
-      field: resolvedColumn.field
-    }) : resolvedColumn == null ? void 0 : resolvedColumn.valueOptions;
+    if (!(resolvedColumn != null && resolvedColumn.valueOptions)) {
+      return [];
+    }
+
+    if (typeof resolvedColumn.valueOptions === 'function') {
+      return resolvedColumn.valueOptions({
+        field: resolvedColumn.field
+      });
+    }
+
+    return resolvedColumn.valueOptions;
   }, [resolvedColumn]);
   var resolvedFormattedValueOptions = React.useMemo(function () {
     return resolvedValueOptions == null ? void 0 : resolvedValueOptions.map(getValueFromOption);
@@ -94,8 +102,7 @@ function GridFilterInputMultipleSingleSelect(props) {
   return /*#__PURE__*/_jsx(Autocomplete, _extends({
     multiple: true,
     limitTags: 1,
-    options: resolvedValueOptions // TODO: avoid `any`?
-    ,
+    options: resolvedValueOptions,
     isOptionEqualToValue: isOptionEqualToValue,
     filterOptions: filter,
     id: id,

package/legacy/hooks/features/filter/gridFilterUtils.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridLinkOperator } from '../../../models';
 import { buildWarning } from '../../../utils/warning';
-import { gridColumnFieldsSelector } from '../columns';
+import { gridColumnFieldsSelector, gridColumnLookupSelector } from '../columns';
 
 /**
  * Adds default values to the optional fields of a filter items.
@@ -18,8 +18,9 @@ export var cleanFilterItem = function cleanFilterItem(item, apiRef) {
   }
 
   if (cleanItem.operatorValue == null) {
-    // we select a default operator
-    var column = apiRef.current.getColumn(cleanItem.columnField);
+    // Selects a default operator
+    // We don't use `apiRef.current.getColumn` because it is not ready during state initialization
+    var column = gridColumnLookupSelector(apiRef)[cleanItem.columnField];
     cleanItem.operatorValue = column && column.filterOperators[0].value;
   }
 
@@ -212,15 +213,17 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
   });
   return function (rowId, shouldApplyFilter) {
     var usedCellParams = {};
+    var columnsFieldsToFilter = [];
     Object.keys(appliersPerColumnField).forEach(function (columnField) {
       if (!shouldApplyFilter || shouldApplyFilter(columnField)) {
         usedCellParams[columnField] = apiRef.current.getCellParams(rowId, columnField);
+        columnsFieldsToFilter.push(columnField);
       }
     }); // Return `false` as soon as we have a quick filter value that does not match any column
 
     if (quickFilterLogicOperator === GridLinkOperator.And) {
       return sanitizedQuickFilterValues.every(function (value, index) {
-        return Object.keys(appliersPerColumnField).some(function (field) {
+        return columnsFieldsToFilter.some(function (field) {
           var _appliersPerColumnFie, _appliersPerColumnFie2;
 
           if (appliersPerColumnField[field][index] == null) {
@@ -234,7 +237,7 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
 
 
     return sanitizedQuickFilterValues.some(function (value, index) {
-      return Object.keys(appliersPerColumnField).some(function (field) {
+      return columnsFieldsToFilter.some(function (field) {
         var _appliersPerColumnFie3, _appliersPerColumnFie4;
 
         if (appliersPerColumnField[field][index] == null) {

package/legacy/hooks/features/rows/useGridRows.js

@@ -348,10 +348,25 @@ export var useGridRows = function useGridRows(apiRef, props) {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
-    } // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
+    }
 
+    var areNewRowsAlreadyInState = apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows;
+    var isNewLoadingAlreadyInState = apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading; // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
+
+    if (areNewRowsAlreadyInState) {
+      // If the loading prop has changed, we need to update its value in the state because it won't be done by `throttledRowsChange`
+      if (!isNewLoadingAlreadyInState) {
+        apiRef.current.setState(function (state) {
+          return _extends({}, state, {
+            rows: _extends({}, state.rows, {
+              loading: props.loading
+            })
+          });
+        });
+        apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates = props.loading;
+        apiRef.current.forceUpdate();
+      }
 
-    if (apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows && apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading) {
       return;
     }
 

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.12.2
+/** @license MUI v5.12.3
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/locales/index.js

@@ -20,6 +20,7 @@ export * from './plPL';
 export * from './ptBR';
 export * from './ruRU';
 export * from './skSK';
+export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
 export * from './viVN';

package/legacy/locales/svSE.js

@@ -0,0 +1,128 @@
+import { svSE as svSECore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+var svSEGrid = {
+  // Root
+  noRowsLabel: 'Inga rader',
+  noResultsOverlayLabel: 'Inga resultat funna.',
+  errorOverlayDefaultLabel: 'Ett fel uppstod.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Densitet',
+  toolbarDensityLabel: 'Densitet',
+  toolbarDensityCompact: 'Kompakt',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Bekväm',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Kolumner',
+  toolbarColumnsLabel: 'Välj kolumner',
+  // Filters toolbar button text
+  toolbarFilters: 'Filter',
+  toolbarFiltersLabel: 'Visa filter',
+  toolbarFiltersTooltipHide: 'Dölj filter',
+  toolbarFiltersTooltipShow: 'Visa filter',
+  toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
+    return count !== 1 ? "".concat(count, " aktiva filter") : "".concat(count, " aktivt filter");
+  },
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Sök...',
+  toolbarQuickFilterLabel: 'Sök',
+  toolbarQuickFilterDeleteIconLabel: 'Rensa',
+  // Export selector toolbar button text
+  toolbarExport: 'Exportera',
+  toolbarExportLabel: 'Exportera',
+  toolbarExportCSV: 'Ladda ner som CSV',
+  toolbarExportPrint: 'Skriv ut',
+  toolbarExportExcel: 'Ladda ner som Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Hitta kolumn',
+  columnsPanelTextFieldPlaceholder: 'Kolumntitel',
+  columnsPanelDragIconLabel: 'Ordna om kolumnen',
+  columnsPanelShowAllButton: 'Visa alla',
+  columnsPanelHideAllButton: 'Dölj alla',
+  // Filter panel text
+  filterPanelAddFilter: 'Lägg till filter',
+  filterPanelDeleteIconLabel: 'Ta bort',
+  filterPanelLinkOperator: 'Logisk operatör',
+  filterPanelOperators: 'Operatör',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'Och',
+  filterPanelOperatorOr: 'Eller',
+  filterPanelColumns: 'Kolumner',
+  filterPanelInputLabel: 'Värde',
+  filterPanelInputPlaceholder: 'Filtervärde',
+  // Filter operators text
+  filterOperatorContains: 'innehåller',
+  filterOperatorEquals: 'är lika med',
+  filterOperatorStartsWith: 'börjar med',
+  filterOperatorEndsWith: 'slutar med',
+  filterOperatorIs: 'är',
+  filterOperatorNot: 'är inte',
+  filterOperatorAfter: 'är efter',
+  filterOperatorOnOrAfter: 'är på eller efter',
+  filterOperatorBefore: 'är innan',
+  filterOperatorOnOrBefore: 'är på eller innan',
+  filterOperatorIsEmpty: 'är tom',
+  filterOperatorIsNotEmpty: 'är inte tom',
+  filterOperatorIsAnyOf: 'är någon av',
+  // Filter values text
+  filterValueAny: 'något',
+  filterValueTrue: 'sant',
+  filterValueFalse: 'falskt',
+  // Column menu text
+  columnMenuLabel: 'Meny',
+  columnMenuShowColumns: 'Visa kolumner',
+  columnMenuFilter: 'Filtrera',
+  columnMenuHideColumn: 'Dölj',
+  columnMenuUnsort: 'Osortera',
+  columnMenuSortAsc: 'Sortera stigande',
+  columnMenuSortDesc: 'Sortera fallande',
+  // Column header text
+  columnHeaderFiltersTooltipActive: function columnHeaderFiltersTooltipActive(count) {
+    return count !== 1 ? "".concat(count, " aktiva filter") : "".concat(count, " aktivt filter");
+  },
+  columnHeaderFiltersLabel: 'Visa filter',
+  columnHeaderSortIconLabel: 'Sortera',
+  // Rows selected footer text
+  footerRowSelected: function footerRowSelected(count) {
+    return count !== 1 ? "".concat(count.toLocaleString(), " rader markerade") : "".concat(count.toLocaleString(), " rad markerad");
+  },
+  // Total row amount footer text
+  footerTotalRows: 'Totalt antal rader:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
+    return "".concat(visibleCount.toLocaleString(), " av ").concat(totalCount.toLocaleString());
+  },
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Markering med kryssruta',
+  checkboxSelectionSelectAllRows: 'Markera alla rader',
+  checkboxSelectionUnselectAllRows: 'Avmarkera alla rader',
+  checkboxSelectionSelectRow: 'Markera rad',
+  checkboxSelectionUnselectRow: 'Avmarkera rad',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ja',
+  booleanCellFalseLabel: 'nej',
+  // Actions cell more text
+  actionsCellMore: 'mer',
+  // Column pinning text
+  pinToLeft: 'Fäst till vänster',
+  pinToRight: 'Fäst till höger',
+  unpin: 'Ta bort fäste',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Grupp',
+  treeDataExpand: 'visa underordnade',
+  treeDataCollapse: 'dölj underordnade',
+  // Grouping columns
+  groupingColumnHeaderName: 'Grupp',
+  groupColumn: function groupColumn(name) {
+    return "Gruppera efter ".concat(name);
+  },
+  unGroupColumn: function unGroupColumn(name) {
+    return "Sluta gruppera efter ".concat(name);
+  },
+  // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
+  expandDetailPanel: 'Expandera',
+  collapseDetailPanel: 'Kollapsa',
+  // Row reordering text
+  rowReorderingHeaderName: 'Ordna om rader'
+};
+export var svSE = getGridLocalization(svSEGrid, svSECore);

package/locales/index.d.ts

@@ -19,6 +19,7 @@ export * from './plPL';
 export * from './ptBR';
 export * from './ruRU';
 export * from './skSK';
+export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
 export * from './viVN';

package/locales/index.js

@@ -20,6 +20,7 @@ export * from './plPL';
 export * from './ptBR';
 export * from './ruRU';
 export * from './skSK';
+export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
 export * from './viVN';

package/locales/svSE.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from '../utils/getGridLocalization';
+export declare const svSE: Localization;

package/locales/svSE.js

@@ -0,0 +1,116 @@
+import { svSE as svSECore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const svSEGrid = {
+  // Root
+  noRowsLabel: 'Inga rader',
+  noResultsOverlayLabel: 'Inga resultat funna.',
+  errorOverlayDefaultLabel: 'Ett fel uppstod.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Densitet',
+  toolbarDensityLabel: 'Densitet',
+  toolbarDensityCompact: 'Kompakt',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Bekväm',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Kolumner',
+  toolbarColumnsLabel: 'Välj kolumner',
+  // Filters toolbar button text
+  toolbarFilters: 'Filter',
+  toolbarFiltersLabel: 'Visa filter',
+  toolbarFiltersTooltipHide: 'Dölj filter',
+  toolbarFiltersTooltipShow: 'Visa filter',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiva filter` : `${count} aktivt filter`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Sök...',
+  toolbarQuickFilterLabel: 'Sök',
+  toolbarQuickFilterDeleteIconLabel: 'Rensa',
+  // Export selector toolbar button text
+  toolbarExport: 'Exportera',
+  toolbarExportLabel: 'Exportera',
+  toolbarExportCSV: 'Ladda ner som CSV',
+  toolbarExportPrint: 'Skriv ut',
+  toolbarExportExcel: 'Ladda ner som Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Hitta kolumn',
+  columnsPanelTextFieldPlaceholder: 'Kolumntitel',
+  columnsPanelDragIconLabel: 'Ordna om kolumnen',
+  columnsPanelShowAllButton: 'Visa alla',
+  columnsPanelHideAllButton: 'Dölj alla',
+  // Filter panel text
+  filterPanelAddFilter: 'Lägg till filter',
+  filterPanelDeleteIconLabel: 'Ta bort',
+  filterPanelLinkOperator: 'Logisk operatör',
+  filterPanelOperators: 'Operatör',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'Och',
+  filterPanelOperatorOr: 'Eller',
+  filterPanelColumns: 'Kolumner',
+  filterPanelInputLabel: 'Värde',
+  filterPanelInputPlaceholder: 'Filtervärde',
+  // Filter operators text
+  filterOperatorContains: 'innehåller',
+  filterOperatorEquals: 'är lika med',
+  filterOperatorStartsWith: 'börjar med',
+  filterOperatorEndsWith: 'slutar med',
+  filterOperatorIs: 'är',
+  filterOperatorNot: 'är inte',
+  filterOperatorAfter: 'är efter',
+  filterOperatorOnOrAfter: 'är på eller efter',
+  filterOperatorBefore: 'är innan',
+  filterOperatorOnOrBefore: 'är på eller innan',
+  filterOperatorIsEmpty: 'är tom',
+  filterOperatorIsNotEmpty: 'är inte tom',
+  filterOperatorIsAnyOf: 'är någon av',
+  // Filter values text
+  filterValueAny: 'något',
+  filterValueTrue: 'sant',
+  filterValueFalse: 'falskt',
+  // Column menu text
+  columnMenuLabel: 'Meny',
+  columnMenuShowColumns: 'Visa kolumner',
+  columnMenuFilter: 'Filtrera',
+  columnMenuHideColumn: 'Dölj',
+  columnMenuUnsort: 'Osortera',
+  columnMenuSortAsc: 'Sortera stigande',
+  columnMenuSortDesc: 'Sortera fallande',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktiva filter` : `${count} aktivt filter`,
+  columnHeaderFiltersLabel: 'Visa filter',
+  columnHeaderSortIconLabel: 'Sortera',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rader markerade` : `${count.toLocaleString()} rad markerad`,
+  // Total row amount footer text
+  footerTotalRows: 'Totalt antal rader:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} av ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Markering med kryssruta',
+  checkboxSelectionSelectAllRows: 'Markera alla rader',
+  checkboxSelectionUnselectAllRows: 'Avmarkera alla rader',
+  checkboxSelectionSelectRow: 'Markera rad',
+  checkboxSelectionUnselectRow: 'Avmarkera rad',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ja',
+  booleanCellFalseLabel: 'nej',
+  // Actions cell more text
+  actionsCellMore: 'mer',
+  // Column pinning text
+  pinToLeft: 'Fäst till vänster',
+  pinToRight: 'Fäst till höger',
+  unpin: 'Ta bort fäste',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Grupp',
+  treeDataExpand: 'visa underordnade',
+  treeDataCollapse: 'dölj underordnade',
+  // Grouping columns
+  groupingColumnHeaderName: 'Grupp',
+  groupColumn: name => `Gruppera efter ${name}`,
+  unGroupColumn: name => `Sluta gruppera efter ${name}`,
+  // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
+  expandDetailPanel: 'Expandera',
+  collapseDetailPanel: 'Kollapsa',
+  // Row reordering text
+  rowReorderingHeaderName: 'Ordna om rader'
+};
+export const svSE = getGridLocalization(svSEGrid, svSECore);

package/modern/components/cell/GridBooleanCell.js

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const useUtilityClasses = ownerState => {
@@ -19,11 +20,11 @@ const useUtilityClasses = ownerState => {
 
 export const GridBooleanCell = /*#__PURE__*/React.memo(props => {
   const {
-    value,
-    api
+    value
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
+  const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
   const ownerState = {
     classes: rootProps.classes
@@ -33,7 +34,7 @@ export const GridBooleanCell = /*#__PURE__*/React.memo(props => {
   return /*#__PURE__*/_jsx(Icon, _extends({
     fontSize: "small",
     className: classes.root,
-    titleAccess: api.getLocaleText(value ? 'booleanCellTrueLabel' : 'booleanCellFalseLabel'),
+    titleAccess: apiRef.current.getLocaleText(value ? 'booleanCellTrueLabel' : 'booleanCellFalseLabel'),
     "data-value": Boolean(value)
   }, other));
 });

package/modern/components/cell/GridEditBooleanCell.js

@@ -8,6 +8,7 @@ import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { unstable_useId as useId, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const useUtilityClasses = ownerState => {
@@ -24,7 +25,6 @@ function GridEditBooleanCell(props) {
   const {
     id: idProp,
     value,
-    api,
     field,
     className,
     hasFocus,
@@ -32,6 +32,7 @@ function GridEditBooleanCell(props) {
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
+  const apiRef = useGridApiContext();
   const inputRef = React.useRef(null);
   const id = useId();
   const [valueState, setValueState] = React.useState(value);
@@ -48,12 +49,12 @@ function GridEditBooleanCell(props) {
     }
 
     setValueState(newValue);
-    await api.setEditCellValue({
+    await apiRef.current.setEditCellValue({
       id: idProp,
       field,
       value: newValue
     }, event);
-  }, [api, field, idProp, onValueChange]);
+  }, [apiRef, field, idProp, onValueChange]);
   React.useEffect(() => {
     setValueState(value);
   }, [value]);

package/modern/components/cell/GridEditDateCell.js

@@ -8,6 +8,7 @@ import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/u
 import InputBase from '@mui/material/InputBase';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const useUtilityClasses = ownerState => {
@@ -24,7 +25,6 @@ function GridEditDateCell(props) {
   const {
     id,
     value: valueProp,
-    api,
     field,
     colDef,
     hasFocus,
@@ -34,6 +34,7 @@ function GridEditDateCell(props) {
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
   const isDateTime = colDef.type === 'dateTime';
+  const apiRef = useGridApiContext();
   const inputRef = React.useRef();
   const valueTransformed = React.useMemo(() => {
     let parsedDate;
@@ -93,12 +94,12 @@ function GridEditDateCell(props) {
       parsed: newParsedDate,
       formatted: newFormattedDate
     });
-    api.setEditCellValue({
+    apiRef.current.setEditCellValue({
       id,
       field,
       value: newParsedDate
     }, event);
-  }, [api, field, id, onValueChange]);
+  }, [apiRef, field, id, onValueChange]);
   React.useEffect(() => {
     setValueState(state => {
       if (valueTransformed.parsed !== state.parsed && valueTransformed.parsed?.getTime() !== state.parsed?.getTime()) {

package/modern/components/cell/GridEditInputCell.js

@@ -11,6 +11,7 @@ import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { GridLoadIcon } from '../icons/index';
 import { SUBMIT_FILTER_STROKE_TIME } from '../panel/filterPanel/GridFilterInputValue';
+import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const useUtilityClasses = ownerState => {
@@ -43,7 +44,6 @@ function GridEditInputCell(props) {
   const {
     id,
     value,
-    api,
     field,
     colDef,
     hasFocus,
@@ -53,6 +53,7 @@ function GridEditInputCell(props) {
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
+  const apiRef = useGridApiContext();
   const inputRef = React.useRef();
   const [valueState, setValueState] = React.useState(value);
   const ownerState = {
@@ -67,13 +68,13 @@ function GridEditInputCell(props) {
     }
 
     setValueState(newValue);
-    api.setEditCellValue({
+    apiRef.current.setEditCellValue({
       id,
       field,
       value: newValue,
       debounceMs
     }, event);
-  }, [api, debounceMs, field, id, onValueChange]);
+  }, [apiRef, debounceMs, field, id, onValueChange]);
   React.useEffect(() => {
     setValueState(value);
   }, [value]);

package/modern/components/cell/GridEditSingleSelectCell.js

@@ -9,6 +9,7 @@ import { isEscapeKey } from '../../utils/keyboardUtils';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { GridEditModes } from '../../models/gridEditRowModel';
 import { getValueFromValueOptions } from '../panel/filterPanel/filterPanelUtils';
+import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const renderSingleSelectOptions = (option, OptionComponent) => {
@@ -36,6 +37,7 @@ function GridEditSingleSelectCell(props) {
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
+  const apiRef = useGridApiContext();
   const ref = React.useRef();
   const inputRef = React.useRef();
   const rootProps = useGridRootProps();
@@ -82,7 +84,7 @@ function GridEditSingleSelectCell(props) {
       await onValueChange(event, formattedTargetValue);
     }
 
-    const isValid = await api.setEditCellValue({
+    const isValid = await apiRef.current.setEditCellValue({
       id,
       field,
       value: formattedTargetValue
@@ -97,18 +99,18 @@ function GridEditSingleSelectCell(props) {
       return;
     }
 
-    const canCommit = await Promise.resolve(api.commitCellChange({
+    const canCommit = await Promise.resolve(apiRef.current.commitCellChange({
       id,
       field
     }, event));
 
     if (canCommit) {
-      api.setCellMode(id, field, 'view');
+      apiRef.current.setCellMode(id, field, 'view');
 
       if (event.key) {
         // TODO v6: remove once we stop ignoring events fired from portals
-        const params = api.getCellParams(id, field);
-        api.publishEvent('cellNavigationKeyDown', params, event);
+        const params = apiRef.current.getCellParams(id, field);
+        apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
       }
     }
   };
@@ -121,13 +123,13 @@ function GridEditSingleSelectCell(props) {
 
     if (reason === 'backdropClick' || isEscapeKey(event.key)) {
       if (rootProps.experimentalFeatures?.newEditingApi) {
-        api.stopCellEditMode({
+        apiRef.current.stopCellEditMode({
           id,
           field,
           ignoreModifications: true
         });
       } else {
-        api.setCellMode(id, field, 'view');
+        apiRef.current.setCellMode(id, field, 'view');
       }
     }
   };

package/modern/components/panel/GridColumnsPanel.js

@@ -79,7 +79,7 @@ export function GridColumnsPanel(props) {
         return apiRef.current.setColumnVisibilityModel({});
       }
 
-      return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.map(col => [col.field, false])));
+      return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.filter(col => col.hideable !== false).map(col => [col.field, false])));
     } // TODO v6: Remove
 
 

package/modern/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -26,9 +26,17 @@ function GridFilterInputMultipleSingleSelect(props) {
   const id = useId();
   const resolvedColumn = item.columnField ? apiRef.current.getColumn(item.columnField) : null;
   const resolvedValueOptions = React.useMemo(() => {
-    return typeof resolvedColumn?.valueOptions === 'function' ? resolvedColumn.valueOptions({
-      field: resolvedColumn.field
-    }) : resolvedColumn?.valueOptions;
+    if (!resolvedColumn?.valueOptions) {
+      return [];
+    }
+
+    if (typeof resolvedColumn.valueOptions === 'function') {
+      return resolvedColumn.valueOptions({
+        field: resolvedColumn.field
+      });
+    }
+
+    return resolvedColumn.valueOptions;
   }, [resolvedColumn]);
   const resolvedFormattedValueOptions = React.useMemo(() => {
     return resolvedValueOptions?.map(getValueFromOption);
@@ -85,8 +93,7 @@ function GridFilterInputMultipleSingleSelect(props) {
   return /*#__PURE__*/_jsx(Autocomplete, _extends({
     multiple: true,
     limitTags: 1,
-    options: resolvedValueOptions // TODO: avoid `any`?
-    ,
+    options: resolvedValueOptions,
     isOptionEqualToValue: isOptionEqualToValue,
     filterOptions: filter,
     id: id,