@mui/x-data-grid 8.0.0-alpha.9 → 8.0.0-beta.0

package/hooks/core/useGridLocaleText.js

@@ -1,5 +1,12 @@
-import * as React from 'react';
-export const useGridLocaleText = (apiRef, props) => {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridLocaleText = void 0;
+var React = _interopRequireWildcard(require("react"));
+const useGridLocaleText = (apiRef, props) => {
   const getLocaleText = React.useCallback(key => {
     if (props.localeText[key] == null) {
       throw new Error(`Missing translation for key ${key}.`);
@@ -9,4 +16,5 @@ export const useGridLocaleText = (apiRef, props) => {
   apiRef.current.register('public', {
     getLocaleText
   });
-};
+};
+exports.useGridLocaleText = useGridLocaleText;

package/hooks/core/useGridLoggerFactory.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
-import { DataGridProcessedProps } from '../../models/props/DataGridProps';
-export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "logger" | "logLevel">) => void;
+import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "logger" | "logLevel">) => void;

package/hooks/core/useGridLoggerFactory.js

@@ -1,7 +1,14 @@
-import * as React from 'react';
-import { localStorageAvailable } from "../../utils/utils.js";
-import { useGridApiMethod } from "../utils/index.js";
-const forceDebug = localStorageAvailable() && window.localStorage.getItem('DEBUG') != null;
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridLoggerFactory = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils/utils");
+var _utils2 = require("../utils");
+const forceDebug = (0, _utils.localStorageAvailable)() && window.localStorage.getItem('DEBUG') != null;
 const noop = () => {};
 const noopLogger = {
   debug: noop,
@@ -28,7 +35,7 @@ function getAppender(name, logLevel, appender = console) {
   }, {});
   return logger;
 }
-export const useGridLoggerFactory = (apiRef, props) => {
+const useGridLoggerFactory = (apiRef, props) => {
   const getLogger = React.useCallback(name => {
     if (forceDebug) {
       return getAppender(name, 'debug', props.logger);
@@ -38,7 +45,8 @@ export const useGridLoggerFactory = (apiRef, props) => {
     }
     return getAppender(name, props.logLevel.toString(), props.logger);
   }, [props.logLevel, props.logger]);
-  useGridApiMethod(apiRef, {
+  (0, _utils2.useGridApiMethod)(apiRef, {
     getLogger
   }, 'private');
-};
+};
+exports.useGridLoggerFactory = useGridLoggerFactory;

package/hooks/core/useGridProps.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProps } from '../../models/props/DataGridProps';
+import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
+import type { GridStateInitializer } from '../utils/useGridInitializeState';
+type Props = Pick<DataGridProps, 'getRowId'>;
+export declare const propsStateInitializer: GridStateInitializer<Props>;
+export declare const useGridProps: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>, props: Props) => void;
+export {};

package/hooks/core/useGridProps.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridProps = exports.propsStateInitializer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+const propsStateInitializer = (state, props) => {
+  return (0, _extends2.default)({}, state, {
+    props: {
+      getRowId: props.getRowId
+    }
+  });
+};
+exports.propsStateInitializer = propsStateInitializer;
+const useGridProps = (apiRef, props) => {
+  React.useEffect(() => {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      props: {
+        getRowId: props.getRowId
+      }
+    }));
+  }, [apiRef, props.getRowId]);
+};
+exports.useGridProps = useGridProps;

package/hooks/core/useGridRefs.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
-export declare const useGridRefs: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;
+export declare const useGridRefs: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;

package/hooks/core/useGridRefs.js

@@ -1,5 +1,12 @@
-import * as React from 'react';
-export const useGridRefs = apiRef => {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridRefs = void 0;
+var React = _interopRequireWildcard(require("react"));
+const useGridRefs = apiRef => {
   const rootElementRef = React.useRef(null);
   const mainElementRef = React.useRef(null);
   const virtualScrollerRef = React.useRef(null);
@@ -16,4 +23,5 @@ export const useGridRefs = apiRef => {
     virtualScrollbarHorizontalRef,
     columnHeadersContainerRef
   });
-};
+};
+exports.useGridRefs = useGridRefs;

package/hooks/core/useGridStateInitialization.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
-export declare const useGridStateInitialization: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;
+export declare const useGridStateInitialization: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;

package/hooks/core/useGridStateInitialization.js

@@ -1,16 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridApiMethod } from "../utils/index.js";
-import { isFunction } from "../../utils/utils.js";
-export const useGridStateInitialization = apiRef => {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridStateInitialization = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+var _utils2 = require("../../utils/utils");
+const useGridStateInitialization = apiRef => {
   const controlStateMapRef = React.useRef({});
-  const [, rawForceUpdate] = React.useState();
   const registerControlState = React.useCallback(controlStateItem => {
     controlStateMapRef.current[controlStateItem.stateId] = controlStateItem;
   }, []);
   const setState = React.useCallback((state, reason) => {
     let newState;
-    if (isFunction(state)) {
+    if ((0, _utils2.isFunction)(state)) {
       newState = state(apiRef.current.state);
     } else {
       newState = state;
@@ -18,14 +25,19 @@ export const useGridStateInitialization = apiRef => {
     if (apiRef.current.state === newState) {
       return false;
     }
+    const apiRefWithNewState = {
+      current: {
+        state: newState
+      }
+    };
     let ignoreSetState = false;
 
     // Apply the control state constraints
     const updatedControlStateIds = [];
     Object.keys(controlStateMapRef.current).forEach(stateId => {
       const controlState = controlStateMapRef.current[stateId];
-      const oldSubState = controlState.stateSelector(apiRef.current.state, undefined, apiRef.current.instanceId);
-      const newSubState = controlState.stateSelector(newState, undefined, apiRef.current.instanceId);
+      const oldSubState = controlState.stateSelector(apiRef);
+      const newSubState = controlState.stateSelector(apiRefWithNewState);
       if (newSubState === oldSubState) {
         return;
       }
@@ -57,7 +69,7 @@ export const useGridStateInitialization = apiRef => {
         hasPropChanged
       } = updatedControlStateIds[0];
       const controlState = controlStateMapRef.current[stateId];
-      const model = controlState.stateSelector(newState, undefined, apiRef.current.instanceId);
+      const model = controlState.stateSelector(apiRefWithNewState);
       if (controlState.propOnChange && hasPropChanged) {
         controlState.propOnChange(model, {
           reason,
@@ -74,20 +86,19 @@ export const useGridStateInitialization = apiRef => {
   }, [apiRef]);
   const updateControlState = React.useCallback((key, state, reason) => {
     return apiRef.current.setState(previousState => {
-      return _extends({}, previousState, {
+      return (0, _extends2.default)({}, previousState, {
         [key]: state(previousState[key])
       });
     }, reason);
   }, [apiRef]);
-  const forceUpdate = React.useCallback(() => rawForceUpdate(() => apiRef.current.state), [apiRef]);
   const publicStateApi = {
-    setState,
-    forceUpdate
+    setState
   };
   const privateStateApi = {
     updateControlState,
     registerControlState
   };
-  useGridApiMethod(apiRef, publicStateApi, 'public');
-  useGridApiMethod(apiRef, privateStateApi, 'private');
-};
+  (0, _utils.useGridApiMethod)(apiRef, publicStateApi, 'public');
+  (0, _utils.useGridApiMethod)(apiRef, privateStateApi, 'private');
+};
+exports.useGridStateInitialization = useGridStateInitialization;

package/hooks/features/clipboard/useGridClipboard.d.ts

@@ -1,8 +1,8 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
 /**
  * @requires useGridCsvExport (method)
  * @requires useGridSelection (method)
  */
-export declare const useGridClipboard: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "ignoreValueFormatterDuringExport" | "onClipboardCopy" | "clipboardCopyCellDelimiter">) => void;
+export declare const useGridClipboard: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "ignoreValueFormatterDuringExport" | "onClipboardCopy" | "clipboardCopyCellDelimiter">) => void;

package/hooks/features/clipboard/useGridClipboard.js

@@ -1,8 +1,16 @@
-import * as React from 'react';
-import { useGridApiOptionHandler, useGridNativeEventListener } from "../../utils/index.js";
-import { gridFocusCellSelector } from "../focus/gridFocusStateSelector.js";
-import { serializeCellValue } from "../export/serializers/csvSerializer.js";
-import { isCopyShortcut } from "../../../utils/keyboardUtils.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridClipboard = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _gridFocusStateSelector = require("../focus/gridFocusStateSelector");
+var _csvSerializer = require("../export/serializers/csvSerializer");
+var _keyboardUtils = require("../../../utils/keyboardUtils");
+var _rowSelection = require("../rowSelection");
 function writeToClipboardPolyfill(data) {
   const span = document.createElement('span');
   span.style.whiteSpace = 'pre';
@@ -49,12 +57,12 @@ function hasNativeSelection(element) {
  * @requires useGridCsvExport (method)
  * @requires useGridSelection (method)
  */
-export const useGridClipboard = (apiRef, props) => {
+const useGridClipboard = (apiRef, props) => {
   const ignoreValueFormatterProp = props.ignoreValueFormatterDuringExport;
   const ignoreValueFormatter = (typeof ignoreValueFormatterProp === 'object' ? ignoreValueFormatterProp?.clipboardExport : ignoreValueFormatterProp) || false;
   const clipboardCopyCellDelimiter = props.clipboardCopyCellDelimiter;
   const handleCopy = React.useCallback(event => {
-    if (!isCopyShortcut(event)) {
+    if (!(0, _keyboardUtils.isCopyShortcut)(event)) {
       return;
     }
 
@@ -63,8 +71,8 @@ export const useGridClipboard = (apiRef, props) => {
       return;
     }
     let textToCopy = '';
-    const selectedRows = apiRef.current.getSelectedRows();
-    if (selectedRows.size > 0) {
+    const selectedRowsCount = (0, _rowSelection.gridRowSelectionCountSelector)(apiRef);
+    if (selectedRowsCount > 0) {
       textToCopy = apiRef.current.getDataAsCsv({
         includeHeaders: false,
         delimiter: clipboardCopyCellDelimiter,
@@ -72,10 +80,10 @@ export const useGridClipboard = (apiRef, props) => {
         escapeFormulas: false
       });
     } else {
-      const focusedCell = gridFocusCellSelector(apiRef);
+      const focusedCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
       if (focusedCell) {
         const cellParams = apiRef.current.getCellParams(focusedCell.id, focusedCell.field);
-        textToCopy = serializeCellValue(cellParams, {
+        textToCopy = (0, _csvSerializer.serializeCellValue)(cellParams, {
           csvOptions: {
             delimiter: clipboardCopyCellDelimiter,
             shouldAppendQuotes: false,
@@ -91,6 +99,7 @@ export const useGridClipboard = (apiRef, props) => {
       apiRef.current.publishEvent('clipboardCopy', textToCopy);
     }
   }, [apiRef, ignoreValueFormatter, clipboardCopyCellDelimiter]);
-  useGridNativeEventListener(apiRef, apiRef.current.rootElementRef, 'keydown', handleCopy);
-  useGridApiOptionHandler(apiRef, 'clipboardCopy', props.onClipboardCopy);
-};
+  (0, _utils.useGridNativeEventListener)(apiRef, () => apiRef.current.rootElementRef.current, 'keydown', handleCopy);
+  (0, _utils.useGridApiOptionHandler)(apiRef, 'clipboardCopy', props.onClipboardCopy);
+};
+exports.useGridClipboard = useGridClipboard;

package/hooks/features/columnGrouping/gridColumnGroupsInterfaces.d.ts

@@ -1,16 +1,16 @@
-import { GridColumnGroup } from '../../../models/gridColumnGrouping';
+import { GridColumnGroup } from "../../../models/gridColumnGrouping.js";
 export type GridColumnGroupLookup = {
-    [groupId: string]: Omit<GridColumnGroup, 'children'>;
+  [groupId: string]: Omit<GridColumnGroup, 'children'>;
 };
 export type GridGroupingStructure = {
-    groupId: null | string;
-    columnFields: string[];
+  groupId: null | string;
+  columnFields: string[];
 };
 export interface GridColumnsGroupingState {
-    lookup: GridColumnGroupLookup;
-    headerStructure: GridGroupingStructure[][];
-    unwrappedGroupingModel: {
-        [columnField: string]: GridColumnGroup['groupId'][];
-    };
-    maxDepth: number;
-}
+  lookup: GridColumnGroupLookup;
+  headerStructure: GridGroupingStructure[][];
+  unwrappedGroupingModel: {
+    [columnField: string]: GridColumnGroup['groupId'][];
+  };
+  maxDepth: number;
+}

package/hooks/features/columnGrouping/gridColumnGroupsInterfaces.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts

@@ -1,12 +1,12 @@
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 /**
  * @category ColumnGrouping
  * @ignore - do not document.
  */
-export declare const gridColumnGroupingSelector: (state: GridStateCommunity) => import("./gridColumnGroupsInterfaces").GridColumnsGroupingState;
+export declare const gridColumnGroupingSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState>;
 export declare const gridColumnGroupsUnwrappedModelSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, {
-    [columnField: string]: string[];
+  [columnField: string]: string[];
 }>;
 export declare const gridColumnGroupsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridColumnGroupLookup>;
 export declare const gridColumnGroupsHeaderStructureSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridGroupingStructure[][]>;
-export declare const gridColumnGroupsHeaderMaxDepthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, number>;
+export declare const gridColumnGroupsHeaderMaxDepthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, number>;

package/hooks/features/columnGrouping/gridColumnGroupsSelector.js

@@ -1,10 +1,16 @@
-import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridColumnGroupsUnwrappedModelSelector = exports.gridColumnGroupsLookupSelector = exports.gridColumnGroupsHeaderStructureSelector = exports.gridColumnGroupsHeaderMaxDepthSelector = exports.gridColumnGroupingSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
 /**
  * @category ColumnGrouping
  * @ignore - do not document.
  */
-export const gridColumnGroupingSelector = state => state.columnGrouping;
-export const gridColumnGroupsUnwrappedModelSelector = createSelectorMemoized(gridColumnGroupingSelector, columnGrouping => columnGrouping?.unwrappedGroupingModel ?? {});
-export const gridColumnGroupsLookupSelector = createSelectorMemoized(gridColumnGroupingSelector, columnGrouping => columnGrouping?.lookup ?? {});
-export const gridColumnGroupsHeaderStructureSelector = createSelectorMemoized(gridColumnGroupingSelector, columnGrouping => columnGrouping?.headerStructure ?? []);
-export const gridColumnGroupsHeaderMaxDepthSelector = createSelector(gridColumnGroupingSelector, columnGrouping => columnGrouping?.maxDepth ?? 0);
+const gridColumnGroupingSelector = exports.gridColumnGroupingSelector = (0, _createSelector.createRootSelector)(state => state.columnGrouping);
+const gridColumnGroupsUnwrappedModelSelector = exports.gridColumnGroupsUnwrappedModelSelector = (0, _createSelector.createSelectorMemoized)(gridColumnGroupingSelector, columnGrouping => columnGrouping?.unwrappedGroupingModel ?? {});
+const gridColumnGroupsLookupSelector = exports.gridColumnGroupsLookupSelector = (0, _createSelector.createSelectorMemoized)(gridColumnGroupingSelector, columnGrouping => columnGrouping?.lookup ?? {});
+const gridColumnGroupsHeaderStructureSelector = exports.gridColumnGroupsHeaderStructureSelector = (0, _createSelector.createSelectorMemoized)(gridColumnGroupingSelector, columnGrouping => columnGrouping?.headerStructure ?? []);
+const gridColumnGroupsHeaderMaxDepthSelector = exports.gridColumnGroupsHeaderMaxDepthSelector = (0, _createSelector.createSelector)(gridColumnGroupingSelector, columnGrouping => columnGrouping?.maxDepth ?? 0);

package/hooks/features/columnGrouping/gridColumnGroupsUtils.d.ts

@@ -1,8 +1,8 @@
-import { GridColumnGroupingModel, GridColumnGroup } from '../../../models/gridColumnGrouping';
-import { GridColDef } from '../../../models/colDef';
-import { GridGroupingStructure } from './gridColumnGroupsInterfaces';
+import { GridColumnGroupingModel, GridColumnGroup } from "../../../models/gridColumnGrouping.js";
+import { GridColDef } from "../../../models/colDef/index.js";
+import { GridGroupingStructure } from "./gridColumnGroupsInterfaces.js";
 type UnwrappedGroupingModel = {
-    [key: GridColDef['field']]: GridColumnGroup['groupId'][];
+  [key: GridColDef['field']]: GridColumnGroup['groupId'][];
 };
 /**
  * This is a function that provide for each column the array of its parents.
@@ -12,7 +12,7 @@ type UnwrappedGroupingModel = {
  */
 export declare const unwrapGroupingColumnModel: (columnGroupingModel?: GridColumnGroupingModel) => UnwrappedGroupingModel;
 export declare const getColumnGroupsHeaderStructure: (orderedColumns: string[], unwrappedGroupingModel: UnwrappedGroupingModel, pinnedFields: {
-    right?: string[];
-    left?: string[];
+  right?: string[];
+  left?: string[];
 }) => GridGroupingStructure[][];
-export {};
+export {};

package/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -1,8 +1,14 @@
-import { isLeaf } from "../../../models/gridColumnGrouping.js";
-import { isDeepEqual } from "../../../utils/utils.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unwrapGroupingColumnModel = exports.getColumnGroupsHeaderStructure = void 0;
+var _gridColumnGrouping = require("../../../models/gridColumnGrouping");
+var _utils = require("../../../utils/utils");
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
 const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
-  if (isLeaf(columnGroupNode)) {
+  if ((0, _gridColumnGrouping.isLeaf)(columnGroupNode)) {
     if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
       throw new Error([`MUI X: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
     }
@@ -24,7 +30,7 @@ const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedG
  * @param columnGroupingModel The model such as provided in DataGrid props
  * @returns An object `{[field]: groupIds}` where `groupIds` is the parents of the column `field`
  */
-export const unwrapGroupingColumnModel = columnGroupingModel => {
+const unwrapGroupingColumnModel = columnGroupingModel => {
   if (!columnGroupingModel) {
     return {};
   }
@@ -34,11 +40,12 @@ export const unwrapGroupingColumnModel = columnGroupingModel => {
   });
   return unwrappedSubTree;
 };
-export const getColumnGroupsHeaderStructure = (orderedColumns, unwrappedGroupingModel, pinnedFields) => {
+exports.unwrapGroupingColumnModel = unwrapGroupingColumnModel;
+const getColumnGroupsHeaderStructure = (orderedColumns, unwrappedGroupingModel, pinnedFields) => {
   const getParents = field => unwrappedGroupingModel[field] ?? [];
   const groupingHeaderStructure = [];
   const maxDepth = Math.max(...orderedColumns.map(field => getParents(field).length));
-  const haveSameParents = (field1, field2, depth) => isDeepEqual(getParents(field1).slice(0, depth + 1), getParents(field2).slice(0, depth + 1));
+  const haveSameParents = (field1, field2, depth) => (0, _utils.isDeepEqual)(getParents(field1).slice(0, depth + 1), getParents(field2).slice(0, depth + 1));
   const haveDifferentContainers = (field1, field2) => {
     if (pinnedFields?.left && pinnedFields.left.includes(field1) && !pinnedFields.left.includes(field2)) {
       return true;
@@ -79,4 +86,5 @@ export const getColumnGroupsHeaderStructure = (orderedColumns, unwrappedGrouping
     groupingHeaderStructure.push(depthStructure);
   }
   return groupingHeaderStructure;
-};
+};
+exports.getColumnGroupsHeaderStructure = getColumnGroupsHeaderStructure;

package/hooks/features/columnGrouping/index.d.ts

@@ -1,2 +1,2 @@
-export * from './gridColumnGroupsSelector';
-export type { GridColumnsGroupingState } from './gridColumnGroupsInterfaces';
+export * from "./gridColumnGroupsSelector.js";
+export type { GridColumnsGroupingState } from './gridColumnGroupsInterfaces';

package/hooks/features/columnGrouping/index.js

@@ -1,2 +1,16 @@
-export * from "./gridColumnGroupsSelector.js";
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _gridColumnGroupsSelector = require("./gridColumnGroupsSelector");
+Object.keys(_gridColumnGroupsSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridColumnGroupsSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridColumnGroupsSelector[key];
+    }
+  });
+});

package/hooks/features/columnGrouping/useGridColumnGrouping.d.ts

@@ -1,10 +1,10 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import { GridStateInitializer } from '../../utils/useGridInitializeState';
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const columnGroupsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'columnGroupingModel' | 'experimentalFeatures'>>;
 /**
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)
  */
-export declare const useGridColumnGrouping: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "columnGroupingModel">) => void;
+export declare const useGridColumnGrouping: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "columnGroupingModel">) => void;