@mui/x-data-grid 9.4.0 → 9.5.0

package/hooks/utils/useGridSelector.js

@@ -1,6 +1,7 @@
 "use strict";
 'use client';
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,9 +9,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.objectShallowCompare = void 0;
 exports.useGridSelector = useGridSelector;
 var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 var _warning = require("@mui/x-internals/warning");
-var _shim = require("use-sync-external-store/shim");
 var _useLazyRef = require("./useLazyRef");
 const defaultCompare = Object.is;
 const objectShallowCompare = exports.objectShallowCompare = _fastObjectShallowCompare.fastObjectShallowCompare;
@@ -33,12 +34,12 @@ const createRefs = () => ({
   state: null,
   equals: null,
   selector: null,
-  args: undefined
+  args: undefined,
+  storeState: null
 });
 const EMPTY = [];
-const emptyGetSnapshot = () => null;
 function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
-  if (!apiRef.current.state) {
+  if (process.env.NODE_ENV !== 'production' && !apiRef.current.state) {
     (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
   }
   const refs = (0, _useLazyRef.useLazyRef)(createRefs);
@@ -47,6 +48,9 @@ function useGridSelector(apiRef, selector, args = undefined, equals = defaultCom
   // We don't use an initialization function to avoid allocations
   didInit ? null : selector(apiRef, args));
   refs.current.state = state;
+  if (!didInit) {
+    refs.current.storeState = apiRef.current.store.state;
+  }
   refs.current.equals = equals;
   refs.current.selector = selector;
   const prevArgs = refs.current.args;
@@ -57,35 +61,34 @@ function useGridSelector(apiRef, selector, args = undefined, equals = defaultCom
       refs.current.state = newState;
       setState(newState);
     }
+    refs.current.storeState = apiRef.current.store.state;
   }
-  const subscribe = React.useCallback(() => {
-    if (refs.current.subscription) {
-      return null;
-    }
-    refs.current.subscription = apiRef.current.store.subscribe(() => {
+  const updateState = React.useCallback(() => {
+    const storeState = apiRef.current.store.state;
+    if (refs.current.storeState !== storeState) {
       const newState = refs.current.selector(apiRef, refs.current.args);
+      refs.current.storeState = storeState;
       if (!refs.current.equals(refs.current.state, newState)) {
         refs.current.state = newState;
         setState(newState);
       }
-    });
-    return null;
+    }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   EMPTY);
-  const unsubscribe = React.useCallback(() => {
-    // Fixes issue in React Strict Mode, where getSnapshot is not called
-    if (!refs.current.subscription) {
-      subscribe();
-    }
-    return () => {
-      if (refs.current.subscription) {
-        refs.current.subscription();
-        refs.current.subscription = undefined;
-      }
-    };
+
+  // Why subscribe in an effect instead of during render: a component can render without
+  // ever mounting (e.g. when it suspends during hydration). If it subscribed during render,
+  // it could receive a store update and call `setState` before being mounted (#17077).
+  // Effects only run for mounted components, so subscribing here is safe.
+  //
+  // Using a layout effect because the store may already have changed
+  // between render and mount (e.g. from a child's ref callback or layout effect).
+  // `updateState()` picks up such changes, so the corrected value is shown right away instead of in a second frame.
+  (0, _useEnhancedEffect.default)(() => {
+    updateState();
+    return apiRef.current.store.subscribe(updateState);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, EMPTY);
-  (0, _shim.useSyncExternalStore)(unsubscribe, subscribe, emptyGetSnapshot);
   return state;
 }

package/hooks/utils/useGridSelector.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import * as React from 'react';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 import { warnOnce } from '@mui/x-internals/warning';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import { useLazyRef } from "./useLazyRef.mjs";
 const defaultCompare = Object.is;
 export const objectShallowCompare = fastObjectShallowCompare;
@@ -26,12 +26,12 @@ const createRefs = () => ({
   state: null,
   equals: null,
   selector: null,
-  args: undefined
+  args: undefined,
+  storeState: null
 });
 const EMPTY = [];
-const emptyGetSnapshot = () => null;
 export function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
-  if (!apiRef.current.state) {
+  if (process.env.NODE_ENV !== 'production' && !apiRef.current.state) {
     warnOnce(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
   }
   const refs = useLazyRef(createRefs);
@@ -40,6 +40,9 @@ export function useGridSelector(apiRef, selector, args = undefined, equals = def
   // We don't use an initialization function to avoid allocations
   didInit ? null : selector(apiRef, args));
   refs.current.state = state;
+  if (!didInit) {
+    refs.current.storeState = apiRef.current.store.state;
+  }
   refs.current.equals = equals;
   refs.current.selector = selector;
   const prevArgs = refs.current.args;
@@ -50,35 +53,34 @@ export function useGridSelector(apiRef, selector, args = undefined, equals = def
       refs.current.state = newState;
       setState(newState);
     }
+    refs.current.storeState = apiRef.current.store.state;
   }
-  const subscribe = React.useCallback(() => {
-    if (refs.current.subscription) {
-      return null;
-    }
-    refs.current.subscription = apiRef.current.store.subscribe(() => {
+  const updateState = React.useCallback(() => {
+    const storeState = apiRef.current.store.state;
+    if (refs.current.storeState !== storeState) {
       const newState = refs.current.selector(apiRef, refs.current.args);
+      refs.current.storeState = storeState;
       if (!refs.current.equals(refs.current.state, newState)) {
         refs.current.state = newState;
         setState(newState);
       }
-    });
-    return null;
+    }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   EMPTY);
-  const unsubscribe = React.useCallback(() => {
-    // Fixes issue in React Strict Mode, where getSnapshot is not called
-    if (!refs.current.subscription) {
-      subscribe();
-    }
-    return () => {
-      if (refs.current.subscription) {
-        refs.current.subscription();
-        refs.current.subscription = undefined;
-      }
-    };
+
+  // Why subscribe in an effect instead of during render: a component can render without
+  // ever mounting (e.g. when it suspends during hydration). If it subscribed during render,
+  // it could receive a store update and call `setState` before being mounted (#17077).
+  // Effects only run for mounted components, so subscribing here is safe.
+  //
+  // Using a layout effect because the store may already have changed
+  // between render and mount (e.g. from a child's ref callback or layout effect).
+  // `updateState()` picks up such changes, so the corrected value is shown right away instead of in a second frame.
+  useEnhancedEffect(() => {
+    updateState();
+    return apiRef.current.store.subscribe(updateState);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, EMPTY);
-  useSyncExternalStore(unsubscribe, subscribe, emptyGetSnapshot);
   return state;
 }

package/index.js

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

package/index.mjs

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

package/internals/index.d.mts

@@ -1,4 +1,7 @@
 export type { GridBaseColDef, GridStateColDef, GridSingleSelectColDef } from "../models/colDef/gridColDef.mjs";
+export { GRID_STRING_COL_DEF } from "../colDef/gridStringColDef.mjs";
+export { registerGridColumnTypes } from "../colDef/gridColumnTypesRegistry.mjs";
+export { gridRowIdSelector } from "../hooks/core/gridPropsSelectors.mjs";
 export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.mjs";
 export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.mjs";
 export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.mjs";
@@ -16,7 +19,7 @@ export { vars } from "../constants/cssVariables.mjs";
 export { useGridVirtualizer } from "../hooks/core/useGridVirtualizer.mjs";
 export { propsStateInitializer } from "../hooks/core/useGridProps.mjs";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.mjs";
-export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.mjs";
+export { getValueOptions, getValueFromValueOptions, isMultiSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.mjs";
 export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.mjs";
 export type { GridPipeProcessor } from "../hooks/core/pipeProcessing/index.mjs";
 export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.mjs";
@@ -42,8 +45,8 @@ export { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.mjs"
 export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.mjs";
 export { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.mjs";
 export { defaultGridFilterLookup } from "../hooks/features/filter/gridFilterState.mjs";
-export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.mjs";
-export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector } from "../hooks/features/filter/gridFilterSelector.mjs";
+export { passFilterLogic, removeDiacritics } from "../hooks/features/filter/gridFilterUtils.mjs";
+export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector, gridFilterModelSelector } from "../hooks/features/filter/gridFilterSelector.mjs";
 export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.mjs";
 export type { GridAggregatedFilterItemApplier, GridAggregatedFilterItemApplierResult } from "../hooks/features/filter/gridFilterState.mjs";
 export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.mjs";
@@ -90,6 +93,7 @@ export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.mj
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.mjs";
 export { usePinnedScrollOffset } from "../hooks/utils/usePinnedScrollOffset.mjs";
 export type * as BaseSlots from "../models/gridBaseSlots.mjs";
+export type { TextFieldProps, AutocompleteProps, SelectProps } from "../models/gridBaseSlots.mjs";
 export type * from "../models/props/DataGridProps.mjs";
 export type { GridAggregationPosition, GridAggregationCellMeta } from "../models/gridAggregation.mjs";
 export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions, GridDataSourceFetchRowsParams } from "../hooks/features/dataSource/models.mjs";
@@ -126,4 +130,5 @@ export type { CellEditableConditionFn } from "../models/configuration/gridCellEd
 export * from "../hooks/features/pivoting/index.mjs";
 export { createSvgIcon } from "../material/icons/createSvgIcon.mjs";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.mjs";
-export type { RowReorderDropPosition, RowReorderDragDirection } from "../models/api/gridRowApi.mjs";
+export type { RowReorderDropPosition, RowReorderDragDirection } from "../models/api/gridRowApi.mjs";
+export { useSyncExternalStore } from 'use-sync-external-store/shim';

package/internals/index.d.ts

@@ -1,4 +1,7 @@
 export type { GridBaseColDef, GridStateColDef, GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
+export { GRID_STRING_COL_DEF } from "../colDef/gridStringColDef.js";
+export { registerGridColumnTypes } from "../colDef/gridColumnTypesRegistry.js";
+export { gridRowIdSelector } from "../hooks/core/gridPropsSelectors.js";
 export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.js";
 export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.js";
 export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.js";
@@ -16,7 +19,7 @@ export { vars } from "../constants/cssVariables.js";
 export { useGridVirtualizer } from "../hooks/core/useGridVirtualizer.js";
 export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
-export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
+export { getValueOptions, getValueFromValueOptions, isMultiSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
 export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
 export type { GridPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
 export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
@@ -42,8 +45,8 @@ export { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
 export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
 export { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
 export { defaultGridFilterLookup } from "../hooks/features/filter/gridFilterState.js";
-export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.js";
-export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector } from "../hooks/features/filter/gridFilterSelector.js";
+export { passFilterLogic, removeDiacritics } from "../hooks/features/filter/gridFilterUtils.js";
+export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector, gridFilterModelSelector } from "../hooks/features/filter/gridFilterSelector.js";
 export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
 export type { GridAggregatedFilterItemApplier, GridAggregatedFilterItemApplierResult } from "../hooks/features/filter/gridFilterState.js";
 export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.js";
@@ -90,6 +93,7 @@ export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.js";
 export { usePinnedScrollOffset } from "../hooks/utils/usePinnedScrollOffset.js";
 export type * as BaseSlots from "../models/gridBaseSlots.js";
+export type { TextFieldProps, AutocompleteProps, SelectProps } from "../models/gridBaseSlots.js";
 export type * from "../models/props/DataGridProps.js";
 export type { GridAggregationPosition, GridAggregationCellMeta } from "../models/gridAggregation.js";
 export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions, GridDataSourceFetchRowsParams } from "../hooks/features/dataSource/models.js";
@@ -126,4 +130,5 @@ export type { CellEditableConditionFn } from "../models/configuration/gridCellEd
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";
-export type { RowReorderDropPosition, RowReorderDragDirection } from "../models/api/gridRowApi.js";
+export type { RowReorderDropPosition, RowReorderDragDirection } from "../models/api/gridRowApi.js";
+export { useSyncExternalStore } from 'use-sync-external-store/shim';

package/internals/index.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  GRID_STRING_COL_DEF: true,
+  registerGridColumnTypes: true,
+  gridRowIdSelector: true,
   GridVirtualScroller: true,
   GridVirtualScrollerContent: true,
   GridVirtualScrollerRenderZone: true,
@@ -19,6 +22,8 @@ var _exportNames = {
   propsStateInitializer: true,
   getGridFilter: true,
   getValueOptions: true,
+  getValueFromValueOptions: true,
+  isMultiSelectColDef: true,
   isSingleSelectColDef: true,
   useGridRegisterPipeProcessor: true,
   GridStrategyGroup: true,
@@ -45,9 +50,11 @@ var _exportNames = {
   filterStateInitializer: true,
   defaultGridFilterLookup: true,
   passFilterLogic: true,
+  removeDiacritics: true,
   gridFilteredChildrenCountLookupSelector: true,
   gridExpandedSortedRowTreeLevelPositionLookupSelector: true,
   gridFilteredSortedDepthRowEntriesSelector: true,
+  gridFilterModelSelector: true,
   useGridFocus: true,
   focusStateInitializer: true,
   useGridKeyboardNavigation: true,
@@ -132,7 +139,8 @@ var _exportNames = {
   serializeCellValue: true,
   GridSkeletonLoadingOverlayInner: true,
   createSvgIcon: true,
-  useGridPanelContext: true
+  useGridPanelContext: true,
+  useSyncExternalStore: true
 };
 Object.defineProperty(exports, "CacheChunkManager", {
   enumerable: true,
@@ -164,6 +172,12 @@ Object.defineProperty(exports, "GRID_ID_AUTOGENERATED", {
     return _gridRowsUtils.GRID_ID_AUTOGENERATED;
   }
 });
+Object.defineProperty(exports, "GRID_STRING_COL_DEF", {
+  enumerable: true,
+  get: function () {
+    return _gridStringColDef.GRID_STRING_COL_DEF;
+  }
+});
 Object.defineProperty(exports, "GridBaseColumnHeaders", {
   enumerable: true,
   get: function () {
@@ -392,6 +406,12 @@ Object.defineProperty(exports, "getTreeNodeDescendants", {
     return _gridRowsUtils.getTreeNodeDescendants;
   }
 });
+Object.defineProperty(exports, "getValueFromValueOptions", {
+  enumerable: true,
+  get: function () {
+    return _filterPanelUtils.getValueFromValueOptions;
+  }
+});
 Object.defineProperty(exports, "getValueOptions", {
   enumerable: true,
   get: function () {
@@ -422,6 +442,12 @@ Object.defineProperty(exports, "gridExpandedSortedRowTreeLevelPositionLookupSele
     return _gridFilterSelector.gridExpandedSortedRowTreeLevelPositionLookupSelector;
   }
 });
+Object.defineProperty(exports, "gridFilterModelSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilterModelSelector;
+  }
+});
 Object.defineProperty(exports, "gridFilteredChildrenCountLookupSelector", {
   enumerable: true,
   get: function () {
@@ -482,6 +508,12 @@ Object.defineProperty(exports, "gridRowGroupsToFetchSelector", {
     return _gridRowsSelector.gridRowGroupsToFetchSelector;
   }
 });
+Object.defineProperty(exports, "gridRowIdSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridPropsSelectors.gridRowIdSelector;
+  }
+});
 Object.defineProperty(exports, "gridRowSelector", {
   enumerable: true,
   get: function () {
@@ -524,6 +556,12 @@ Object.defineProperty(exports, "isFillRightShortcut", {
     return _keyboardUtils.isFillRightShortcut;
   }
 });
+Object.defineProperty(exports, "isMultiSelectColDef", {
+  enumerable: true,
+  get: function () {
+    return _filterPanelUtils.isMultiSelectColDef;
+  }
+});
 Object.defineProperty(exports, "isNavigationKey", {
   enumerable: true,
   get: function () {
@@ -584,6 +622,18 @@ Object.defineProperty(exports, "propsStateInitializer", {
     return _useGridProps.propsStateInitializer;
   }
 });
+Object.defineProperty(exports, "registerGridColumnTypes", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnTypesRegistry.registerGridColumnTypes;
+  }
+});
+Object.defineProperty(exports, "removeDiacritics", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterUtils.removeDiacritics;
+  }
+});
 Object.defineProperty(exports, "rowSelectionStateInitializer", {
   enumerable: true,
   get: function () {
@@ -896,6 +946,12 @@ Object.defineProperty(exports, "usePinnedScrollOffset", {
     return _usePinnedScrollOffset.usePinnedScrollOffset;
   }
 });
+Object.defineProperty(exports, "useSyncExternalStore", {
+  enumerable: true,
+  get: function () {
+    return _shim.useSyncExternalStore;
+  }
+});
 Object.defineProperty(exports, "useTimeout", {
   enumerable: true,
   get: function () {
@@ -908,6 +964,9 @@ Object.defineProperty(exports, "vars", {
     return _cssVariables.vars;
   }
 });
+var _gridStringColDef = require("../colDef/gridStringColDef");
+var _gridColumnTypesRegistry = require("../colDef/gridColumnTypesRegistry");
+var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
 var _GridVirtualScroller = require("../components/virtualization/GridVirtualScroller");
 var _GridVirtualScrollerContent = require("../components/virtualization/GridVirtualScrollerContent");
 var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridVirtualScrollerRenderZone");
@@ -1179,4 +1238,5 @@ Object.keys(_pivoting).forEach(function (key) {
   });
 });
 var _createSvgIcon = require("../material/icons/createSvgIcon");
-var _GridPanelContext = require("../components/panel/GridPanelContext");
+var _GridPanelContext = require("../components/panel/GridPanelContext");
+var _shim = require("use-sync-external-store/shim");

package/internals/index.mjs

@@ -1,3 +1,6 @@
+export { GRID_STRING_COL_DEF } from "../colDef/gridStringColDef.mjs";
+export { registerGridColumnTypes } from "../colDef/gridColumnTypesRegistry.mjs";
+export { gridRowIdSelector } from "../hooks/core/gridPropsSelectors.mjs";
 export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.mjs";
 export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.mjs";
 export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.mjs";
@@ -12,7 +15,7 @@ export { vars } from "../constants/cssVariables.mjs";
 export { useGridVirtualizer } from "../hooks/core/useGridVirtualizer.mjs";
 export { propsStateInitializer } from "../hooks/core/useGridProps.mjs";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.mjs";
-export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.mjs";
+export { getValueOptions, getValueFromValueOptions, isMultiSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.mjs";
 export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.mjs";
 export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.mjs";
 export { useGridInitialization } from "../hooks/core/useGridInitialization.mjs";
@@ -31,8 +34,8 @@ export { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.mjs"
 export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.mjs";
 export { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.mjs";
 export { defaultGridFilterLookup } from "../hooks/features/filter/gridFilterState.mjs";
-export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.mjs";
-export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector } from "../hooks/features/filter/gridFilterSelector.mjs";
+export { passFilterLogic, removeDiacritics } from "../hooks/features/filter/gridFilterUtils.mjs";
+export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector, gridFilterModelSelector } from "../hooks/features/filter/gridFilterSelector.mjs";
 export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.mjs";
 export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.mjs";
 export { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.mjs";
@@ -97,4 +100,5 @@ export * from "./demo/index.mjs";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.mjs";
 export * from "../hooks/features/pivoting/index.mjs";
 export { createSvgIcon } from "../material/icons/createSvgIcon.mjs";
-export { useGridPanelContext } from "../components/panel/GridPanelContext.mjs";
+export { useGridPanelContext } from "../components/panel/GridPanelContext.mjs";
+export { useSyncExternalStore } from 'use-sync-external-store/shim';

package/internals/utils/propValidation.js

@@ -10,6 +10,9 @@ var _utils = require("../../utils/utils");
 var _signature = require("../../constants/signature");
 const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === _signature.GridSignature.DataGrid && props.paginationMode === 'client' && (0, _utils.isNumber)(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
 function validateProps(props, validators) {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
   validators.forEach(validator => {
     const message = validator(props);
     if (message) {

package/internals/utils/propValidation.mjs

@@ -3,6 +3,9 @@ import { isNumber } from "../../utils/utils.mjs";
 import { GridSignature } from "../../constants/signature.mjs";
 export const propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === GridSignature.DataGrid && props.paginationMode === 'client' && isNumber(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
 export function validateProps(props, validators) {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
   validators.forEach(validator => {
     const message = validator(props);
     if (message) {

package/material/augmentation.d.mts

@@ -7,6 +7,7 @@ import type { DividerProps } from '@mui/material/Divider';
 import type { LinearProgressProps } from '@mui/material/LinearProgress';
 import type { MenuListProps } from '@mui/material/MenuList';
 import type { MenuItemProps } from '@mui/material/MenuItem';
+import type { ModalProps } from '@mui/material/Modal';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { SwitchProps } from '@mui/material/Switch';
 import type { ButtonProps } from '@mui/material/Button';
@@ -51,6 +52,9 @@ declare module '@mui/x-data-grid' {
   interface BaseMenuItemPropsOverrides {
     material?: Partial<MenuItemProps>;
   }
+  interface BaseModalPropsOverrides {
+    material?: Partial<ModalProps>;
+  }
   interface BaseTextFieldPropsOverrides {
     material?: Partial<TextFieldProps>;
   }

package/material/augmentation.d.ts

@@ -7,6 +7,7 @@ import type { DividerProps } from '@mui/material/Divider';
 import type { LinearProgressProps } from '@mui/material/LinearProgress';
 import type { MenuListProps } from '@mui/material/MenuList';
 import type { MenuItemProps } from '@mui/material/MenuItem';
+import type { ModalProps } from '@mui/material/Modal';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { SwitchProps } from '@mui/material/Switch';
 import type { ButtonProps } from '@mui/material/Button';
@@ -51,6 +52,9 @@ declare module '@mui/x-data-grid' {
   interface BaseMenuItemPropsOverrides {
     material?: Partial<MenuItemProps>;
   }
+  interface BaseModalPropsOverrides {
+    material?: Partial<ModalProps>;
+  }
   interface BaseTextFieldPropsOverrides {
     material?: Partial<TextFieldProps>;
   }