@mui/x-data-grid 8.14.1 → 8.16.0

package/esm/hooks/features/dataSource/useGridDataSourceBase.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["skipCache"];
+const _excluded = ["skipCache", "keepChildrenExpanded"];
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';
 import debounce from '@mui/utils/debounce';
@@ -33,8 +33,8 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     apiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, DataSourceRowsUpdateStrategy.Default, props.dataSource ? () => true : () => false);
   }, [apiRef, props.dataSource]);
   const [currentStrategy, setCurrentStrategy] = React.useState(apiRef.current.getActiveStrategy(GridStrategyGroup.DataSource));
-  const defaultRowsUpdateStrategyActive = React.useMemo(() => {
-    return currentStrategy === DataSourceRowsUpdateStrategy.Default;
+  const standardRowsUpdateStrategyActive = React.useMemo(() => {
+    return currentStrategy === DataSourceRowsUpdateStrategy.Default || currentStrategy === DataSourceRowsUpdateStrategy.GroupedData;
   }, [currentStrategy]);
   const paginationModel = useGridSelector(apiRef, gridPaginationModelSelector);
   const lastRequestId = React.useRef(0);
@@ -60,7 +60,8 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     options.clearDataSourceState?.();
     const _ref = params || {},
       {
-        skipCache
+        skipCache,
+        keepChildrenExpanded
       } = _ref,
       getRowsParams = _objectWithoutPropertiesLoose(_ref, _excluded);
     const fetchParams = _extends({}, gridGetRowsParamsSelector(apiRef), apiRef.current.unstable_applyPipeProcessors('getRowsParams', {}), getRowsParams);
@@ -69,13 +70,17 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     if (!skipCache && responses.every(response => response !== undefined)) {
       apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
         response: CacheChunkManager.mergeResponses(responses),
-        fetchParams
+        fetchParams,
+        options: {
+          skipCache,
+          keepChildrenExpanded
+        }
       });
       return;
     }
 
     // Manage loading state only for the default strategy
-    if (defaultRowsUpdateStrategyActive || apiRef.current.getRowsCount() === 0) {
+    if (standardRowsUpdateStrategyActive || apiRef.current.getRowsCount() === 0) {
       apiRef.current.setLoading(true);
     }
     const requestId = lastRequestId.current + 1;
@@ -87,14 +92,22 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
       if (lastRequestId.current === requestId) {
         apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
           response: getRowsResponse,
-          fetchParams
+          fetchParams,
+          options: {
+            skipCache,
+            keepChildrenExpanded
+          }
         });
       }
     } catch (originalError) {
       if (lastRequestId.current === requestId) {
         apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
           error: originalError,
-          fetchParams
+          fetchParams,
+          options: {
+            skipCache,
+            keepChildrenExpanded
+          }
         });
         if (typeof onDataSourceErrorProp === 'function') {
           onDataSourceErrorProp(new GridGetRowsError({
@@ -107,11 +120,11 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
         }
       }
     } finally {
-      if (defaultRowsUpdateStrategyActive && lastRequestId.current === requestId) {
+      if (standardRowsUpdateStrategyActive && lastRequestId.current === requestId) {
         apiRef.current.setLoading(false);
       }
     }
-  }, [cacheChunkManager, cache, apiRef, defaultRowsUpdateStrategyActive, props.dataSource?.getRows, onDataSourceErrorProp, options, props.signature]);
+  }, [cacheChunkManager, cache, apiRef, standardRowsUpdateStrategyActive, props.dataSource?.getRows, onDataSourceErrorProp, options, props.signature]);
   const handleStrategyActivityChange = React.useCallback(() => {
     setCurrentStrategy(apiRef.current.getActiveStrategy(GridStrategyGroup.DataSource));
   }, [apiRef]);
@@ -186,7 +199,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
   React.useEffect(() => {
     // Return early if the proper strategy isn't set yet
     // Context: https://github.com/mui/mui-x/issues/19650
-    if (currentStrategy !== DataSourceRowsUpdateStrategy.Default && currentStrategy !== DataSourceRowsUpdateStrategy.LazyLoading) {
+    if (currentStrategy !== DataSourceRowsUpdateStrategy.Default && currentStrategy !== DataSourceRowsUpdateStrategy.LazyLoading && currentStrategy !== DataSourceRowsUpdateStrategy.GroupedData) {
       return undefined;
     }
     if (props.dataSource) {
@@ -213,9 +226,9 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     cache,
     events: {
       strategyAvailabilityChange: handleStrategyActivityChange,
-      sortModelChange: runIf(defaultRowsUpdateStrategyActive, () => debouncedFetchRows()),
-      filterModelChange: runIf(defaultRowsUpdateStrategyActive, () => debouncedFetchRows()),
-      paginationModelChange: runIf(defaultRowsUpdateStrategyActive, () => debouncedFetchRows())
+      sortModelChange: runIf(standardRowsUpdateStrategyActive, () => debouncedFetchRows()),
+      filterModelChange: runIf(standardRowsUpdateStrategyActive, () => debouncedFetchRows()),
+      paginationModelChange: runIf(standardRowsUpdateStrategyActive, () => debouncedFetchRows())
     }
   };
 };

package/esm/hooks/features/dataSource/utils.d.ts

@@ -1,7 +1,8 @@
 import type { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
 export declare enum DataSourceRowsUpdateStrategy {
-  Default = "set-new-rows",
+  Default = "set-flat-rows",
   LazyLoading = "replace-row-range",
+  GroupedData = "set-grouped-rows",
 }
 /**
  * Provides better cache hit rate by:

package/esm/hooks/features/dataSource/utils.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 export let DataSourceRowsUpdateStrategy = /*#__PURE__*/function (DataSourceRowsUpdateStrategy) {
-  DataSourceRowsUpdateStrategy["Default"] = "set-new-rows";
+  DataSourceRowsUpdateStrategy["Default"] = "set-flat-rows";
   DataSourceRowsUpdateStrategy["LazyLoading"] = "replace-row-range";
+  DataSourceRowsUpdateStrategy["GroupedData"] = "set-grouped-rows";
   return DataSourceRowsUpdateStrategy;
 }({});
 

package/esm/hooks/features/editing/useGridCellEditable.d.ts

@@ -0,0 +1,5 @@
+import { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export declare const useIsCellEditable: () => CellEditableConditionFn;

package/esm/hooks/features/editing/useGridCellEditable.js

@@ -0,0 +1,9 @@
+'use client';
+
+import * as React from 'react';
+import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
+
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export const useIsCellEditable = () => React.useCallback(params => !isAutogeneratedRowNode(params.rowNode), []);

package/esm/hooks/features/editing/useGridEditing.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;

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

@@ -7,19 +7,19 @@ import { useGridCellEditing } from "./useGridCellEditing.js";
 import { GridCellModes, GridEditModes } from "../../../models/gridEditRowModel.js";
 import { useGridRowEditing } from "./useGridRowEditing.js";
 import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
-import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
 export const editingStateInitializer = state => _extends({}, state, {
   editRows: {}
 });
-export const useGridEditing = (apiRef, props) => {
+export const useGridEditing = (apiRef, props, configuration) => {
   useGridCellEditing(apiRef, props);
   useGridRowEditing(apiRef, props);
   const debounceMap = React.useRef({});
   const {
     isCellEditable: isCellEditableProp
   } = props;
+  const isCellEditableFn = configuration.hooks.useIsCellEditable(apiRef, props);
   const isCellEditable = React.useCallback(params => {
-    if (isAutogeneratedRowNode(params.rowNode)) {
+    if (!isCellEditableFn(params)) {
       return false;
     }
     if (!params.colDef.editable) {
@@ -32,7 +32,7 @@ export const useGridEditing = (apiRef, props) => {
       return isCellEditableProp(params);
     }
     return true;
-  }, [isCellEditableProp]);
+  }, [isCellEditableProp, isCellEditableFn]);
   const maybeDebounce = (id, field, debounceMs, callback) => {
     if (!debounceMs) {
       callback();

package/esm/hooks/features/focus/useGridFocus.js

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import debounce from '@mui/utils/debounce';
 import useEventCallback from '@mui/utils/useEventCallback';
 import ownerDocument from '@mui/utils/ownerDocument';
 import { gridClasses } from "../../../constants/gridClasses.js";
@@ -318,7 +319,7 @@ export const useGridFocus = (apiRef, props) => {
       apiRef.current.setCellFocus(params.id, params.field);
     }
   }, [apiRef]);
-  const handleRowSet = React.useCallback(() => {
+  const handleRowsSet = React.useCallback(() => {
     const cell = gridFocusCellSelector(apiRef);
 
     // If the focused cell is in a row which does not exist anymore,
@@ -349,6 +350,7 @@ export const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
+  const debouncedHandleRowsSet = React.useMemo(() => debounce(handleRowsSet, 0), [handleRowsSet]);
   const handlePaginationModelChange = useEventCallback(() => {
     const currentFocusedCell = gridFocusCellSelector(apiRef);
     if (!currentFocusedCell) {
@@ -403,6 +405,6 @@ export const useGridFocus = (apiRef, props) => {
   useGridEvent(apiRef, 'cellModeChange', handleCellModeChange);
   useGridEvent(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
   useGridEvent(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
-  useGridEvent(apiRef, 'rowsSet', handleRowSet);
+  useGridEvent(apiRef, 'rowsSet', debouncedHandleRowsSet);
   useGridEvent(apiRef, 'paginationModelChange', handlePaginationModelChange);
 };

package/esm/hooks/features/rowSelection/useGridRowSelection.js

@@ -506,7 +506,9 @@ export const useGridRowSelection = (apiRef, props) => {
     }
     if (String.fromCharCode(event.keyCode) === 'A' && (event.ctrlKey || event.metaKey)) {
       event.preventDefault();
-      toggleAllRows(true);
+      if (canHaveMultipleSelection) {
+        toggleAllRows(true);
+      }
     }
   }, [apiRef, canHaveMultipleSelection, handleSingleRowSelection, toggleAllRows]);
   const syncControlledState = useEventCallback(() => {

package/esm/index.js

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

package/esm/internals/index.d.ts

@@ -56,6 +56,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridPinnedRowsState } from "../hooks/features/rows/gridRowsInterfaces.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
@@ -87,7 +88,7 @@ export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.js";
 export type * as BaseSlots from "../models/gridBaseSlots.js";
 export type * from "../models/props/DataGridProps.js";
-export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions } from "../hooks/features/dataSource/models.js";
+export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions, GridDataSourceFetchRowsParams } from "../hooks/features/dataSource/models.js";
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
@@ -117,6 +118,7 @@ export type { Localization } from "../utils/getGridLocalization.js";
 export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
 export type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+export type { CellEditableConditionFn } from "../models/configuration/gridCellEditableConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/esm/internals/index.js

@@ -45,6 +45,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
 export { useGridRowsMeta, rowsMetaStateInitializer } from "../hooks/features/rows/useGridRowsMeta.js";

package/esm/locales/arSD.js

@@ -298,5 +298,6 @@ const arSDGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const arSD = getGridLocalization(arSDGrid);

package/esm/locales/beBY.js

@@ -322,5 +322,6 @@ const beBYGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const beBY = getGridLocalization(beBYGrid);

package/esm/locales/bgBG.js

@@ -299,5 +299,6 @@ const bgBGGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const bgBG = getGridLocalization(bgBGGrid);

package/esm/locales/bnBD.js

@@ -297,5 +297,6 @@ const bnBDGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const bnBD = getGridLocalization(bnBDGrid);

package/esm/locales/csCZ.js

@@ -325,5 +325,6 @@ const csCZGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const csCZ = getGridLocalization(csCZGrid);

package/esm/locales/daDK.js

@@ -299,5 +299,6 @@ const daDKGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const daDK = getGridLocalization(daDKGrid);

package/esm/locales/deDE.js

@@ -289,5 +289,6 @@ const deDEGrid = {
   promptChangePivotRowsLabel: count => `Zeilen (${count})`,
   promptChangePivotValuesLabel: count => `Werte (${count})`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const deDE = getGridLocalization(deDEGrid);

package/esm/locales/elGR.js

@@ -300,5 +300,6 @@ const elGRGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const elGR = getGridLocalization(elGRGrid);