@mui/x-data-grid 8.0.0-alpha.11 → 8.0.0-alpha.13

package/hooks/features/columns/gridColumnsSelector.js

@@ -1,61 +1,74 @@
-import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
-import { EMPTY_PINNED_COLUMN_FIELDS } from "./gridColumnsInterfaces.js";
-import { gridIsRtlSelector } from "../../core/gridCoreSelector.js";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisibleColumnFieldsSelector = exports.gridVisibleColumnDefinitionsSelector = exports.gridPinnedColumnsSelector = exports.gridInitialColumnVisibilityModelSelector = exports.gridHasColSpanSelector = exports.gridFilterableColumnLookupSelector = exports.gridFilterableColumnDefinitionsSelector = exports.gridColumnsStateSelector = exports.gridColumnVisibilityModelSelector = exports.gridColumnPositionsSelector = exports.gridColumnLookupSelector = exports.gridColumnFieldsSelector = exports.gridColumnDefinitionsSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
+var _gridColumnsInterfaces = require("./gridColumnsInterfaces");
+var _gridCoreSelector = require("../../core/gridCoreSelector");
 /**
  * Get the columns state
  * @category Columns
  */
-export const gridColumnsStateSelector = state => state.columns;
+const gridColumnsStateSelector = exports.gridColumnsStateSelector = (0, _createSelector.createRootSelector)(state => state.columns);
 
 /**
  * Get an array of column fields in the order rendered on screen.
  * @category Columns
  */
-export const gridColumnFieldsSelector = createSelector(gridColumnsStateSelector, columnsState => columnsState.orderedFields);
+const gridColumnFieldsSelector = exports.gridColumnFieldsSelector = (0, _createSelector.createSelector)(gridColumnsStateSelector, columnsState => columnsState.orderedFields);
 
 /**
  * Get the columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Columns
  */
-export const gridColumnLookupSelector = createSelector(gridColumnsStateSelector, columnsState => columnsState.lookup);
+const gridColumnLookupSelector = exports.gridColumnLookupSelector = (0, _createSelector.createSelector)(gridColumnsStateSelector, columnsState => columnsState.lookup);
 
 /**
  * Get an array of column definitions in the order rendered on screen..
  * @category Columns
  */
-export const gridColumnDefinitionsSelector = createSelectorMemoized(gridColumnFieldsSelector, gridColumnLookupSelector, (allFields, lookup) => allFields.map(field => lookup[field]));
+const gridColumnDefinitionsSelector = exports.gridColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnFieldsSelector, gridColumnLookupSelector, (allFields, lookup) => allFields.map(field => lookup[field]));
 
 /**
  * Get the column visibility model, containing the visibility status of each column.
  * If a column is not registered in the model, it is visible.
  * @category Visible Columns
  */
-export const gridColumnVisibilityModelSelector = createSelector(gridColumnsStateSelector, columnsState => columnsState.columnVisibilityModel);
+const gridColumnVisibilityModelSelector = exports.gridColumnVisibilityModelSelector = (0, _createSelector.createSelector)(gridColumnsStateSelector, columnsState => columnsState.columnVisibilityModel);
+
+/**
+ * Get the "initial" column visibility model, containing the visibility status of each column.
+ * It is updated when the `columns` prop is updated or when `updateColumns` API method is called.
+ * If a column is not registered in the model, it is visible.
+ * @category Visible Columns
+ */
+const gridInitialColumnVisibilityModelSelector = exports.gridInitialColumnVisibilityModelSelector = (0, _createSelector.createSelector)(gridColumnsStateSelector, columnsState => columnsState.initialColumnVisibilityModel);
 
 /**
  * Get the visible columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Visible Columns
  */
-export const gridVisibleColumnDefinitionsSelector = createSelectorMemoized(gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, (columns, columnVisibilityModel) => columns.filter(column => columnVisibilityModel[column.field] !== false));
+const gridVisibleColumnDefinitionsSelector = exports.gridVisibleColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, (columns, columnVisibilityModel) => columns.filter(column => columnVisibilityModel[column.field] !== false));
 
 /**
  * Get the field of each visible column.
  * @category Visible Columns
  */
-export const gridVisibleColumnFieldsSelector = createSelectorMemoized(gridVisibleColumnDefinitionsSelector, visibleColumns => visibleColumns.map(column => column.field));
+const gridVisibleColumnFieldsSelector = exports.gridVisibleColumnFieldsSelector = (0, _createSelector.createSelectorMemoized)(gridVisibleColumnDefinitionsSelector, visibleColumns => visibleColumns.map(column => column.field));
 
 /**
  * Get the visible pinned columns model.
  * @category Visible Columns
  */
-export const gridPinnedColumnsSelector = state => state.pinnedColumns;
+const gridPinnedColumnsSelector = exports.gridPinnedColumnsSelector = (0, _createSelector.createRootSelector)(state => state.pinnedColumns);
 
 /**
  * Get the visible pinned columns.
  * @category Visible Columns
  */
-export const gridVisiblePinnedColumnDefinitionsSelector = createSelectorMemoized(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, gridIsRtlSelector, (columnsState, model, visibleColumnFields, isRtl) => {
+const gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisiblePinnedColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, _gridCoreSelector.gridIsRtlSelector, (columnsState, model, visibleColumnFields, isRtl) => {
   const visiblePinnedFields = filterVisibleColumns(model, visibleColumnFields, isRtl);
   const visiblePinnedColumns = {
     left: visiblePinnedFields.left.map(field => columnsState.lookup[field]),
@@ -65,10 +78,10 @@ export const gridVisiblePinnedColumnDefinitionsSelector = createSelectorMemoized
 });
 function filterVisibleColumns(pinnedColumns, columns, invert) {
   if (!Array.isArray(pinnedColumns.left) && !Array.isArray(pinnedColumns.right)) {
-    return EMPTY_PINNED_COLUMN_FIELDS;
+    return _gridColumnsInterfaces.EMPTY_PINNED_COLUMN_FIELDS;
   }
   if (pinnedColumns.left?.length === 0 && pinnedColumns.right?.length === 0) {
-    return EMPTY_PINNED_COLUMN_FIELDS;
+    return _gridColumnsInterfaces.EMPTY_PINNED_COLUMN_FIELDS;
   }
   const filter = (newPinnedColumns, remainingColumns) => {
     if (!Array.isArray(newPinnedColumns)) {
@@ -97,7 +110,7 @@ function filterVisibleColumns(pinnedColumns, columns, invert) {
  * Get the left position in pixel of each visible columns relative to the left of the first column.
  * @category Visible Columns
  */
-export const gridColumnPositionsSelector = createSelectorMemoized(gridVisibleColumnDefinitionsSelector, visibleColumns => {
+const gridColumnPositionsSelector = exports.gridColumnPositionsSelector = (0, _createSelector.createSelectorMemoized)(gridVisibleColumnDefinitionsSelector, visibleColumns => {
   const positions = [];
   let currentPosition = 0;
   for (let i = 0; i < visibleColumns.length; i += 1) {
@@ -111,13 +124,13 @@ export const gridColumnPositionsSelector = createSelectorMemoized(gridVisibleCol
  * Get the filterable columns as an array.
  * @category Columns
  */
-export const gridFilterableColumnDefinitionsSelector = createSelectorMemoized(gridColumnDefinitionsSelector, columns => columns.filter(col => col.filterable));
+const gridFilterableColumnDefinitionsSelector = exports.gridFilterableColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnDefinitionsSelector, columns => columns.filter(col => col.filterable));
 
 /**
  * Get the filterable columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Columns
  */
-export const gridFilterableColumnLookupSelector = createSelectorMemoized(gridColumnDefinitionsSelector, columns => columns.reduce((acc, col) => {
+const gridFilterableColumnLookupSelector = exports.gridFilterableColumnLookupSelector = (0, _createSelector.createSelectorMemoized)(gridColumnDefinitionsSelector, columns => columns.reduce((acc, col) => {
   if (col.filterable) {
     acc[col.field] = col;
   }
@@ -129,4 +142,4 @@ export const gridFilterableColumnLookupSelector = createSelectorMemoized(gridCol
  * @category Columns
  * @ignore - Do not document
  */
-export const gridHasColSpanSelector = createSelectorMemoized(gridColumnDefinitionsSelector, columns => columns.some(column => column.colSpan !== undefined));
+const gridHasColSpanSelector = exports.gridHasColSpanSelector = (0, _createSelector.createSelectorMemoized)(gridColumnDefinitionsSelector, columns => columns.some(column => column.colSpan !== undefined));

package/hooks/features/columns/gridColumnsUtils.d.ts

@@ -1,10 +1,10 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridColumnsState, GridColumnsRawState, GridColumnVisibilityModel, GridColumnsInitialState } from './gridColumnsInterfaces';
-import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
-import { GridColDef } from '../../../models/colDef/gridColDef';
-import { GridApiCommon } from '../../../models/api/gridApiCommon';
-import { GridRowEntry } from '../../../models/gridRows';
+import { GridColumnsState, GridColumnsRawState, GridColumnVisibilityModel, GridColumnsInitialState } from "./gridColumnsInterfaces.js";
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { GridColDef } from "../../../models/colDef/gridColDef.js";
+import { GridApiCommon } from "../../../models/api/gridApiCommon.js";
+import { GridRowEntry } from "../../../models/gridRows.js";
 import type { GridDimensions } from '../dimensions/gridDimensionsApi';
 export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ["maxWidth", "minWidth", "width", "flex"];
 export type GridColumnDimensionProperties = (typeof COLUMNS_DIMENSION_PROPERTIES)[number];
@@ -13,19 +13,23 @@ export type GridColumnDimensionProperties = (typeof COLUMNS_DIMENSION_PROPERTIES
  * Based on CSS Flexbox specification:
  * https://drafts.csswg.org/css-flexbox-1/#resolve-flexible-lengths
  */
-export declare function computeFlexColumnsWidth({ initialFreeSpace, totalFlexUnits, flexColumns, }: {
-    initialFreeSpace: number;
-    totalFlexUnits: number;
-    flexColumns: {
-        field: GridColDef['field'];
-        flex?: number | null;
-        minWidth?: number;
-        maxWidth?: number;
-    }[];
+export declare function computeFlexColumnsWidth({
+  initialFreeSpace,
+  totalFlexUnits,
+  flexColumns
+}: {
+  initialFreeSpace: number;
+  totalFlexUnits: number;
+  flexColumns: {
+    field: GridColDef['field'];
+    flex?: number | null;
+    minWidth?: number;
+    maxWidth?: number;
+  }[];
 }): Record<string, {
-    flex: number;
-    computedWidth: number;
-    frozen: boolean;
+  flex: number;
+  computedWidth: number;
+  frozen: boolean;
 }>;
 /**
  * Compute the `computedWidth` (ie: the width the column should have during rendering) based on the `width` / `flex` / `minWidth` / `maxWidth` properties of `GridColDef`.
@@ -39,18 +43,32 @@ export declare const hydrateColumnsWidth: (rawState: GridColumnsRawState, dimens
  * The columns not registered in `orderedFields` will be placed after the imported columns.
  */
 export declare const applyInitialState: (columnsState: GridColumnsRawState, initialState: GridColumnsInitialState | undefined) => GridColumnsRawState;
-export declare const createColumnsState: ({ apiRef, columnsToUpsert, initialState, columnVisibilityModel, keepOnlyColumnsToUpsert, }: {
-    columnsToUpsert: readonly GridColDef[];
-    initialState: GridColumnsInitialState | undefined;
-    columnVisibilityModel?: GridColumnVisibilityModel;
-    keepOnlyColumnsToUpsert: boolean;
-    apiRef: RefObject<GridApiCommunity>;
+export declare const createColumnsState: ({
+  apiRef,
+  columnsToUpsert,
+  initialState,
+  columnVisibilityModel,
+  keepOnlyColumnsToUpsert,
+  updateInitialVisibilityModel
+}: {
+  columnsToUpsert: readonly GridColDef[];
+  initialState: GridColumnsInitialState | undefined;
+  columnVisibilityModel?: GridColumnVisibilityModel;
+  keepOnlyColumnsToUpsert: boolean;
+  updateInitialVisibilityModel?: boolean;
+  apiRef: RefObject<GridApiCommunity>;
 }) => GridColumnsState;
-export declare function getFirstNonSpannedColumnToRender({ firstColumnToRender, apiRef, firstRowToRender, lastRowToRender, visibleRows, }: {
-    firstColumnToRender: number;
-    apiRef: RefObject<GridApiCommon>;
-    firstRowToRender: number;
-    lastRowToRender: number;
-    visibleRows: GridRowEntry[];
+export declare function getFirstNonSpannedColumnToRender({
+  firstColumnToRender,
+  apiRef,
+  firstRowToRender,
+  lastRowToRender,
+  visibleRows
+}: {
+  firstColumnToRender: number;
+  apiRef: RefObject<GridApiCommon>;
+  firstRowToRender: number;
+  lastRowToRender: number;
+  visibleRows: GridRowEntry[];
 }): number;
-export declare function getTotalHeaderHeight(apiRef: RefObject<GridApiCommunity>, props: Pick<DataGridProcessedProps, 'columnHeaderHeight' | 'headerFilterHeight' | 'unstable_listView' | 'columnGroupHeaderHeight'>): number;
+export declare function getTotalHeaderHeight(apiRef: RefObject<GridApiCommunity>, props: Pick<DataGridProcessedProps, 'columnHeaderHeight' | 'headerFilterHeight' | 'unstable_listView' | 'columnGroupHeaderHeight'>): number;

package/hooks/features/columns/gridColumnsUtils.js

@@ -1,20 +1,32 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import resolveProps from '@mui/utils/resolveProps';
-import { DEFAULT_GRID_COL_TYPE_KEY, GRID_STRING_COL_DEF, getGridDefaultColumnTypes } from "../../../colDef/index.js";
-import { gridColumnsStateSelector, gridColumnVisibilityModelSelector } from "./gridColumnsSelector.js";
-import { clamp } from "../../../utils/utils.js";
-import { gridDensityFactorSelector } from "../density/densitySelector.js";
-import { gridHeaderFilteringEnabledSelector } from "../headerFiltering/gridHeaderFilteringSelectors.js";
-import { gridColumnGroupsHeaderMaxDepthSelector } from "../columnGrouping/gridColumnGroupsSelector.js";
-export const COLUMNS_DIMENSION_PROPERTIES = ['maxWidth', 'minWidth', 'width', 'flex'];
-const COLUMN_TYPES = getGridDefaultColumnTypes();
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyInitialState = exports.COLUMNS_DIMENSION_PROPERTIES = void 0;
+exports.computeFlexColumnsWidth = computeFlexColumnsWidth;
+exports.createColumnsState = void 0;
+exports.getFirstNonSpannedColumnToRender = getFirstNonSpannedColumnToRender;
+exports.getTotalHeaderHeight = getTotalHeaderHeight;
+exports.hydrateColumnsWidth = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
+var _colDef = require("../../../colDef");
+var _gridColumnsSelector = require("./gridColumnsSelector");
+var _utils = require("../../../utils/utils");
+var _densitySelector = require("../density/densitySelector");
+var _gridHeaderFilteringSelectors = require("../headerFiltering/gridHeaderFilteringSelectors");
+var _gridColumnGroupsSelector = require("../columnGrouping/gridColumnGroupsSelector");
+const COLUMNS_DIMENSION_PROPERTIES = exports.COLUMNS_DIMENSION_PROPERTIES = ['maxWidth', 'minWidth', 'width', 'flex'];
+const COLUMN_TYPES = (0, _colDef.getGridDefaultColumnTypes)();
 
 /**
  * Computes width for flex columns.
  * Based on CSS Flexbox specification:
  * https://drafts.csswg.org/css-flexbox-1/#resolve-flexible-lengths
  */
-export function computeFlexColumnsWidth({
+function computeFlexColumnsWidth({
   initialFreeSpace,
   totalFlexUnits,
   flexColumns
@@ -111,7 +123,7 @@ export function computeFlexColumnsWidth({
  * TODO: Unit test this function in depth and only keep basic cases for the whole grid testing.
  * TODO: Improve the `GridColDef` typing to reflect the fact that `minWidth` / `maxWidth` and `width` can't be null after the merge with the `type` default values.
  */
-export const hydrateColumnsWidth = (rawState, dimensions) => {
+const hydrateColumnsWidth = (rawState, dimensions) => {
   const columnsLookup = {};
   let totalFlexUnits = 0;
   let widthAllocatedBeforeFlex = 0;
@@ -128,12 +140,12 @@ export const hydrateColumnsWidth = (rawState, dimensions) => {
         totalFlexUnits += column.flex;
         isFlex = true;
       } else {
-        computedWidth = clamp(column.width || GRID_STRING_COL_DEF.width, column.minWidth || GRID_STRING_COL_DEF.minWidth, column.maxWidth || GRID_STRING_COL_DEF.maxWidth);
+        computedWidth = (0, _utils.clamp)(column.width || _colDef.GRID_STRING_COL_DEF.width, column.minWidth || _colDef.GRID_STRING_COL_DEF.minWidth, column.maxWidth || _colDef.GRID_STRING_COL_DEF.maxWidth);
       }
       widthAllocatedBeforeFlex += computedWidth;
     }
     if (column.computedWidth !== computedWidth) {
-      column = _extends({}, column, {
+      column = (0, _extends2.default)({}, column, {
         computedWidth
       });
     }
@@ -156,7 +168,7 @@ export const hydrateColumnsWidth = (rawState, dimensions) => {
       columnsLookup[field].computedWidth = computedColumnWidths[field].computedWidth;
     });
   }
-  return _extends({}, rawState, {
+  return (0, _extends2.default)({}, rawState, {
     lookup: columnsLookup
   });
 };
@@ -165,7 +177,8 @@ export const hydrateColumnsWidth = (rawState, dimensions) => {
  * Apply the order and the dimensions of the initial state.
  * The columns not registered in `orderedFields` will be placed after the imported columns.
  */
-export const applyInitialState = (columnsState, initialState) => {
+exports.hydrateColumnsWidth = hydrateColumnsWidth;
+const applyInitialState = (columnsState, initialState) => {
   if (!initialState) {
     return columnsState;
   }
@@ -189,10 +202,10 @@ export const applyInitialState = (columnsState, initialState) => {
     }
   }
   const newOrderedFields = cleanOrderedFields.length === 0 ? columnsState.orderedFields : [...cleanOrderedFields, ...columnsState.orderedFields.filter(field => !orderedFieldsLookup[field])];
-  const newColumnLookup = _extends({}, columnsState.lookup);
+  const newColumnLookup = (0, _extends2.default)({}, columnsState.lookup);
   for (let i = 0; i < columnsWithUpdatedDimensions.length; i += 1) {
     const field = columnsWithUpdatedDimensions[i];
-    const newColDef = _extends({}, newColumnLookup[field], {
+    const newColDef = (0, _extends2.default)({}, newColumnLookup[field], {
       hasBeenResized: true
     });
     Object.entries(dimensions[field]).forEach(([key, value]) => {
@@ -200,25 +213,27 @@ export const applyInitialState = (columnsState, initialState) => {
     });
     newColumnLookup[field] = newColDef;
   }
-  const newColumnsState = _extends({}, columnsState, {
+  const newColumnsState = (0, _extends2.default)({}, columnsState, {
     orderedFields: newOrderedFields,
     lookup: newColumnLookup
   });
   return newColumnsState;
 };
+exports.applyInitialState = applyInitialState;
 function getDefaultColTypeDef(type) {
-  let colDef = COLUMN_TYPES[DEFAULT_GRID_COL_TYPE_KEY];
+  let colDef = COLUMN_TYPES[_colDef.DEFAULT_GRID_COL_TYPE_KEY];
   if (type && COLUMN_TYPES[type]) {
     colDef = COLUMN_TYPES[type];
   }
   return colDef;
 }
-export const createColumnsState = ({
+const createColumnsState = ({
   apiRef,
   columnsToUpsert,
   initialState,
-  columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef),
-  keepOnlyColumnsToUpsert = false
+  columnVisibilityModel = (0, _gridColumnsSelector.gridColumnVisibilityModelSelector)(apiRef),
+  keepOnlyColumnsToUpsert = false,
+  updateInitialVisibilityModel = false
 }) => {
   const isInsideStateInitializer = !apiRef.current.state.columns;
   let columnsState;
@@ -226,20 +241,22 @@ export const createColumnsState = ({
     columnsState = {
       orderedFields: [],
       lookup: {},
-      columnVisibilityModel
+      columnVisibilityModel,
+      initialColumnVisibilityModel: columnVisibilityModel
     };
   } else {
-    const currentState = gridColumnsStateSelector(apiRef.current.state);
+    const currentState = (0, _gridColumnsSelector.gridColumnsStateSelector)(apiRef);
     columnsState = {
       orderedFields: keepOnlyColumnsToUpsert ? [] : [...currentState.orderedFields],
-      lookup: _extends({}, currentState.lookup),
+      lookup: (0, _extends2.default)({}, currentState.lookup),
       // Will be cleaned later if keepOnlyColumnsToUpsert=true
-      columnVisibilityModel
+      columnVisibilityModel,
+      initialColumnVisibilityModel: updateInitialVisibilityModel ? columnVisibilityModel : currentState.initialColumnVisibilityModel
     };
   }
   let columnsToKeep = {};
   if (keepOnlyColumnsToUpsert && !isInsideStateInitializer) {
-    columnsToKeep = Object.keys(columnsState.lookup).reduce((acc, key) => _extends({}, acc, {
+    columnsToKeep = Object.keys(columnsState.lookup).reduce((acc, key) => (0, _extends2.default)({}, acc, {
       [key]: false
     }), {});
   }
@@ -252,7 +269,7 @@ export const createColumnsState = ({
     columnsToKeep[field] = true;
     let existingState = columnsState.lookup[field];
     if (existingState == null) {
-      existingState = _extends({}, getDefaultColTypeDef(newColumn.type), {
+      existingState = (0, _extends2.default)({}, getDefaultColTypeDef(newColumn.type), {
         field,
         hasBeenResized: false
       });
@@ -263,7 +280,7 @@ export const createColumnsState = ({
 
     // If the column type has changed - merge the existing state with the default column type definition
     if (existingState && existingState.type !== newColumn.type) {
-      existingState = _extends({}, getDefaultColTypeDef(newColumn.type), {
+      existingState = (0, _extends2.default)({}, getDefaultColTypeDef(newColumn.type), {
         field
       });
     }
@@ -276,7 +293,7 @@ export const createColumnsState = ({
         }
       }
     });
-    columnsState.lookup[field] = resolveProps(existingState, _extends({}, newColumn, {
+    columnsState.lookup[field] = (0, _resolveProps.default)(existingState, (0, _extends2.default)({}, newColumn, {
       hasBeenResized
     }));
   });
@@ -291,7 +308,8 @@ export const createColumnsState = ({
   const columnsStateWithPortableColumns = applyInitialState(columnsStateWithPreProcessing, initialState);
   return hydrateColumnsWidth(columnsStateWithPortableColumns, apiRef.current.getRootDimensions?.() ?? undefined);
 };
-export function getFirstNonSpannedColumnToRender({
+exports.createColumnsState = createColumnsState;
+function getFirstNonSpannedColumnToRender({
   firstColumnToRender,
   apiRef,
   firstRowToRender,
@@ -311,13 +329,13 @@ export function getFirstNonSpannedColumnToRender({
   }
   return firstNonSpannedColumnToRender;
 }
-export function getTotalHeaderHeight(apiRef, props) {
+function getTotalHeaderHeight(apiRef, props) {
   if (props.unstable_listView) {
     return 0;
   }
-  const densityFactor = gridDensityFactorSelector(apiRef);
-  const maxDepth = gridColumnGroupsHeaderMaxDepthSelector(apiRef);
-  const isHeaderFilteringEnabled = gridHeaderFilteringEnabledSelector(apiRef);
+  const densityFactor = (0, _densitySelector.gridDensityFactorSelector)(apiRef);
+  const maxDepth = (0, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector)(apiRef);
+  const isHeaderFilteringEnabled = (0, _gridHeaderFilteringSelectors.gridHeaderFilteringEnabledSelector)(apiRef);
   const columnHeadersHeight = Math.floor(props.columnHeaderHeight * densityFactor);
   const columnGroupHeadersHeight = Math.floor((props.columnGroupHeaderHeight ?? props.columnHeaderHeight) * densityFactor);
   const filterHeadersHeight = isHeaderFilteringEnabled ? Math.floor((props.headerFilterHeight ?? props.columnHeaderHeight) * densityFactor) : 0;

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

@@ -1,2 +1,2 @@
-export * from './gridColumnsSelector';
-export * from './gridColumnsInterfaces';
+export { gridColumnsStateSelector, gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector, gridHasColSpanSelector } from "./gridColumnsSelector.js";
+export * from "./gridColumnsInterfaces.js";

package/hooks/features/columns/index.js

@@ -1,2 +1,111 @@
-export * from "./gridColumnsSelector.js";
-export * from "./gridColumnsInterfaces.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  gridColumnsStateSelector: true,
+  gridColumnFieldsSelector: true,
+  gridColumnLookupSelector: true,
+  gridColumnVisibilityModelSelector: true,
+  gridColumnDefinitionsSelector: true,
+  gridVisibleColumnDefinitionsSelector: true,
+  gridVisibleColumnFieldsSelector: true,
+  gridPinnedColumnsSelector: true,
+  gridVisiblePinnedColumnDefinitionsSelector: true,
+  gridColumnPositionsSelector: true,
+  gridFilterableColumnDefinitionsSelector: true,
+  gridFilterableColumnLookupSelector: true,
+  gridHasColSpanSelector: true
+};
+Object.defineProperty(exports, "gridColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnDefinitionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnFieldsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnFieldsSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnPositionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnPositionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnVisibilityModelSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnVisibilityModelSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnsStateSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnsStateSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterableColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridFilterableColumnDefinitionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterableColumnLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridFilterableColumnLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridHasColSpanSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridHasColSpanSelector;
+  }
+});
+Object.defineProperty(exports, "gridPinnedColumnsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridPinnedColumnsSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisibleColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridVisibleColumnDefinitionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisibleColumnFieldsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridVisibleColumnFieldsSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisiblePinnedColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridVisiblePinnedColumnDefinitionsSelector;
+  }
+});
+var _gridColumnsSelector = require("./gridColumnsSelector");
+var _gridColumnsInterfaces = require("./gridColumnsInterfaces");
+Object.keys(_gridColumnsInterfaces).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gridColumnsInterfaces[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridColumnsInterfaces[key];
+    }
+  });
+});

package/hooks/features/columns/useGridColumnSpanning.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 /**
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)
  */
-export declare const useGridColumnSpanning: (apiRef: RefObject<GridPrivateApiCommunity>) => void;
+export declare const useGridColumnSpanning: (apiRef: RefObject<GridPrivateApiCommunity>) => void;

package/hooks/features/columns/useGridColumnSpanning.js

@@ -1,11 +1,18 @@
-import * as React from 'react';
-import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
-import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridColumnSpanning = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useGridApiMethod = require("../../utils/useGridApiMethod");
+var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 /**
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)
  */
-export const useGridColumnSpanning = apiRef => {
+const useGridColumnSpanning = apiRef => {
   const lookup = React.useRef({});
   const getCellColSpanInfo = (rowId, columnIndex) => {
     return lookup.current[rowId]?.[columnIndex];
@@ -43,10 +50,11 @@ export const useGridColumnSpanning = apiRef => {
     resetColSpan,
     calculateColSpan
   };
-  useGridApiMethod(apiRef, columnSpanningPublicApi, 'public');
-  useGridApiMethod(apiRef, columnSpanningPrivateApi, 'private');
-  useGridApiEventHandler(apiRef, 'columnOrderChange', resetColSpan);
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, columnSpanningPublicApi, 'public');
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, columnSpanningPrivateApi, 'private');
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnOrderChange', resetColSpan);
 };
+exports.useGridColumnSpanning = useGridColumnSpanning;
 function calculateCellColSpan(params) {
   const {
     apiRef,

package/hooks/features/columns/useGridColumns.d.ts

@@ -1,11 +1,11 @@
 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 columnsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'columnVisibilityModel' | 'initialState' | 'columns'>>;
 /**
  * @requires useGridParamsApi (method)
  * @requires useGridDimensions (method, event) - can be after
  * TODO: Impossible priority - useGridParamsApi also needs to be after useGridColumns
  */
-export declare function useGridColumns(apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'initialState' | 'columns' | 'columnVisibilityModel' | 'onColumnVisibilityModelChange' | 'slots' | 'slotProps' | 'disableColumnSelector' | 'signature'>): void;
+export declare function useGridColumns(apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'initialState' | 'columns' | 'columnVisibilityModel' | 'onColumnVisibilityModelChange' | 'slots' | 'slotProps' | 'disableColumnSelector' | 'signature'>): void;