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

package/hooks/features/events/useGridEvents.js

@@ -1,24 +1,30 @@
-import { useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridEvents = useGridEvents;
+var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 /**
  * @requires useGridFocus (event) - can be after, async only
  * @requires useGridColumns (event) - can be after, async only
  */
-export function useGridEvents(apiRef, props) {
-  useGridApiOptionHandler(apiRef, 'columnHeaderClick', props.onColumnHeaderClick);
-  useGridApiOptionHandler(apiRef, 'columnHeaderContextMenu', props.onColumnHeaderContextMenu);
-  useGridApiOptionHandler(apiRef, 'columnHeaderDoubleClick', props.onColumnHeaderDoubleClick);
-  useGridApiOptionHandler(apiRef, 'columnHeaderOver', props.onColumnHeaderOver);
-  useGridApiOptionHandler(apiRef, 'columnHeaderOut', props.onColumnHeaderOut);
-  useGridApiOptionHandler(apiRef, 'columnHeaderEnter', props.onColumnHeaderEnter);
-  useGridApiOptionHandler(apiRef, 'columnHeaderLeave', props.onColumnHeaderLeave);
-  useGridApiOptionHandler(apiRef, 'cellClick', props.onCellClick);
-  useGridApiOptionHandler(apiRef, 'cellDoubleClick', props.onCellDoubleClick);
-  useGridApiOptionHandler(apiRef, 'cellKeyDown', props.onCellKeyDown);
-  useGridApiOptionHandler(apiRef, 'preferencePanelClose', props.onPreferencePanelClose);
-  useGridApiOptionHandler(apiRef, 'preferencePanelOpen', props.onPreferencePanelOpen);
-  useGridApiOptionHandler(apiRef, 'menuOpen', props.onMenuOpen);
-  useGridApiOptionHandler(apiRef, 'menuClose', props.onMenuClose);
-  useGridApiOptionHandler(apiRef, 'rowDoubleClick', props.onRowDoubleClick);
-  useGridApiOptionHandler(apiRef, 'rowClick', props.onRowClick);
-  useGridApiOptionHandler(apiRef, 'stateChange', props.onStateChange);
+function useGridEvents(apiRef, props) {
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderClick', props.onColumnHeaderClick);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderContextMenu', props.onColumnHeaderContextMenu);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderDoubleClick', props.onColumnHeaderDoubleClick);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderOver', props.onColumnHeaderOver);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderOut', props.onColumnHeaderOut);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderEnter', props.onColumnHeaderEnter);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'columnHeaderLeave', props.onColumnHeaderLeave);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'cellClick', props.onCellClick);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'cellDoubleClick', props.onCellDoubleClick);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'cellKeyDown', props.onCellKeyDown);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'preferencePanelClose', props.onPreferencePanelClose);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'preferencePanelOpen', props.onPreferencePanelOpen);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'menuOpen', props.onMenuOpen);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'menuClose', props.onMenuClose);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'rowDoubleClick', props.onRowDoubleClick);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'rowClick', props.onRowClick);
+  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'stateChange', props.onStateChange);
 }

package/hooks/features/export/serializers/csvSerializer.d.ts

@@ -4,16 +4,16 @@ import type { GridCellParams } from '../../../../models/params/gridCellParams';
 import type { GridStateColDef } from '../../../../models/colDef/gridColDef';
 import type { GridApiCommunity } from '../../../../models/api/gridApiCommunity';
 export declare const serializeCellValue: (cellParams: GridCellParams, options: {
-    csvOptions: CSVOptions;
-    ignoreValueFormatter: boolean;
+  csvOptions: CSVOptions;
+  ignoreValueFormatter: boolean;
 }) => string;
 type CSVOptions = Required<Pick<GridCsvExportOptions, 'delimiter' | 'shouldAppendQuotes' | 'escapeFormulas'>>;
 interface BuildCSVOptions {
-    columns: GridStateColDef[];
-    rowIds: GridRowId[];
-    csvOptions: Required<Pick<GridCsvExportOptions, 'delimiter' | 'includeColumnGroupsHeaders' | 'includeHeaders' | 'shouldAppendQuotes' | 'escapeFormulas'>>;
-    ignoreValueFormatter: boolean;
-    apiRef: RefObject<GridApiCommunity>;
+  columns: GridStateColDef[];
+  rowIds: GridRowId[];
+  csvOptions: Required<Pick<GridCsvExportOptions, 'delimiter' | 'includeColumnGroupsHeaders' | 'includeHeaders' | 'shouldAppendQuotes' | 'escapeFormulas'>>;
+  ignoreValueFormatter: boolean;
+  apiRef: RefObject<GridApiCommunity>;
 }
 export declare function buildCSV(options: BuildCSVOptions): string;
-export {};
+export {};

package/hooks/features/export/serializers/csvSerializer.js

@@ -1,5 +1,12 @@
-import { warnOnce } from '@mui/x-internals/warning';
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../../../../colDef/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildCSV = buildCSV;
+exports.serializeCellValue = void 0;
+var _warning = require("@mui/x-internals/warning");
+var _colDef = require("../../../../colDef");
 function sanitizeCellValue(value, csvOptions) {
   if (value === null || value === undefined) {
     return '';
@@ -21,7 +28,7 @@ function sanitizeCellValue(value, csvOptions) {
   }
   return valueStr;
 }
-export const serializeCellValue = (cellParams, options) => {
+const serializeCellValue = (cellParams, options) => {
   const {
     csvOptions,
     ignoreValueFormatter
@@ -43,6 +50,7 @@ export const serializeCellValue = (cellParams, options) => {
   }
   return sanitizeCellValue(value, csvOptions);
 };
+exports.serializeCellValue = serializeCellValue;
 class CSVRow {
   constructor(options) {
     this.options = void 0;
@@ -79,7 +87,7 @@ const serializeRow = ({
     const cellParams = getCellParams(id, column.field);
     if (process.env.NODE_ENV !== 'production') {
       if (String(cellParams.formattedValue) === '[object Object]') {
-        warnOnce(['MUI X: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
+        (0, _warning.warnOnce)(['MUI X: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
       }
     }
     row.addValue(serializeCellValue(cellParams, {
@@ -89,7 +97,7 @@ const serializeRow = ({
   });
   return row.getRowString();
 };
-export function buildCSV(options) {
+function buildCSV(options) {
   const {
     columns,
     rowIds,
@@ -107,7 +115,7 @@ export function buildCSV(options) {
   if (!csvOptions.includeHeaders) {
     return CSVBody;
   }
-  const filteredColumns = columns.filter(column => column.field !== GRID_CHECKBOX_SELECTION_COL_DEF.field);
+  const filteredColumns = columns.filter(column => column.field !== _colDef.GRID_CHECKBOX_SELECTION_COL_DEF.field);
   const headerRows = [];
   if (csvOptions.includeColumnGroupsHeaders) {
     const columnGroupLookup = apiRef.current.getAllGroupDetails();

package/hooks/features/export/useGridCsvExport.d.ts

@@ -1,5 +1,5 @@
 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 useGridColumns (state)
@@ -8,4 +8,4 @@ import type { DataGridProcessedProps } from '../../../models/props/DataGridProps
  * @requires useGridSelection (state)
  * @requires useGridParamsApi (method)
  */
-export declare const useGridCsvExport: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "ignoreValueFormatterDuringExport">) => void;
+export declare const useGridCsvExport: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "ignoreValueFormatterDuringExport">) => void;

package/hooks/features/export/useGridCsvExport.js

@@ -1,12 +1,19 @@
-import * as React from 'react';
-import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
-import { useGridLogger } from "../../utils/useGridLogger.js";
-import { exportAs } from "../../../utils/exportAs.js";
-import { buildCSV } from "./serializers/csvSerializer.js";
-import { getColumnsToExport, defaultGetRowsToExport } from "./utils.js";
-import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
-import { GridCsvExportMenuItem } from "../../../components/toolbar/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridCsvExport = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useGridApiMethod = require("../../utils/useGridApiMethod");
+var _useGridLogger = require("../../utils/useGridLogger");
+var _exportAs = require("../../../utils/exportAs");
+var _csvSerializer = require("./serializers/csvSerializer");
+var _utils = require("./utils");
+var _pipeProcessing = require("../../core/pipeProcessing");
+var _toolbar = require("../../../components/toolbar");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -14,21 +21,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @requires useGridSelection (state)
  * @requires useGridParamsApi (method)
  */
-export const useGridCsvExport = (apiRef, props) => {
-  const logger = useGridLogger(apiRef, 'useGridCsvExport');
+const useGridCsvExport = (apiRef, props) => {
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridCsvExport');
   const ignoreValueFormatterProp = props.ignoreValueFormatterDuringExport;
   const ignoreValueFormatter = (typeof ignoreValueFormatterProp === 'object' ? ignoreValueFormatterProp?.csvExport : ignoreValueFormatterProp) || false;
   const getDataAsCsv = React.useCallback((options = {}) => {
     logger.debug(`Get data as CSV`);
-    const exportedColumns = getColumnsToExport({
+    const exportedColumns = (0, _utils.getColumnsToExport)({
       apiRef,
       options
     });
-    const getRowsToExport = options.getRowsToExport ?? defaultGetRowsToExport;
+    const getRowsToExport = options.getRowsToExport ?? _utils.defaultGetRowsToExport;
     const exportedRowIds = getRowsToExport({
       apiRef
     });
-    return buildCSV({
+    return (0, _csvSerializer.buildCSV)({
       columns: exportedColumns,
       rowIds: exportedRowIds,
       csvOptions: {
@@ -48,13 +55,13 @@ export const useGridCsvExport = (apiRef, props) => {
     const blob = new Blob([options?.utf8WithBom ? new Uint8Array([0xef, 0xbb, 0xbf]) : '', csv], {
       type: 'text/csv'
     });
-    exportAs(blob, 'csv', options?.fileName);
+    (0, _exportAs.exportAs)(blob, 'csv', options?.fileName);
   }, [logger, getDataAsCsv]);
   const csvExportApi = {
     getDataAsCsv,
     exportDataAsCsv
   };
-  useGridApiMethod(apiRef, csvExportApi, 'public');
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, csvExportApi, 'public');
 
   /**
    * PRE-PROCESSING
@@ -64,11 +71,12 @@ export const useGridCsvExport = (apiRef, props) => {
       return initialValue;
     }
     return [...initialValue, {
-      component: /*#__PURE__*/_jsx(GridCsvExportMenuItem, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbar.GridCsvExportMenuItem, {
         options: options.csvOptions
       }),
       componentName: 'csvExport'
     }];
   }, []);
-  useGridRegisterPipeProcessor(apiRef, 'exportMenu', addExportMenuButtons);
-};
+  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'exportMenu', addExportMenuButtons);
+};
+exports.useGridCsvExport = useGridCsvExport;

package/hooks/features/export/useGridPrintExport.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 { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
  * @requires useGridSorting (state)
  * @requires useGridParamsApi (method)
  */
-export declare const useGridPrintExport: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "columnHeaderHeight" | "headerFilterHeight">) => void;
+export declare const useGridPrintExport: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "columnHeaderHeight" | "headerFilterHeight">) => void;

package/hooks/features/export/useGridPrintExport.js

@@ -1,20 +1,28 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
-import { useGridLogger } from "../../utils/useGridLogger.js";
-import { gridExpandedRowCountSelector } from "../filter/gridFilterSelector.js";
-import { gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector } from "../columns/gridColumnsSelector.js";
-import { gridClasses } from "../../../constants/gridClasses.js";
-import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
-import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
-import { GRID_ID_AUTOGENERATED } from "../rows/gridRowsUtils.js";
-import { defaultGetRowsToExport, getColumnsToExport } from "./utils.js";
-import { getDerivedPaginationModel } from "../pagination/useGridPaginationModel.js";
-import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
-import { GridPrintExportMenuItem } from "../../../components/toolbar/index.js";
-import { getTotalHeaderHeight } from "../columns/gridColumnsUtils.js";
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../../../colDef/gridCheckboxSelectionColDef.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+"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.useGridPrintExport = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+var _useGridLogger = require("../../utils/useGridLogger");
+var _gridFilterSelector = require("../filter/gridFilterSelector");
+var _gridColumnsSelector = require("../columns/gridColumnsSelector");
+var _gridClasses = require("../../../constants/gridClasses");
+var _useGridApiMethod = require("../../utils/useGridApiMethod");
+var _gridRowsMetaSelector = require("../rows/gridRowsMetaSelector");
+var _gridRowsUtils = require("../rows/gridRowsUtils");
+var _utils2 = require("./utils");
+var _useGridPaginationModel = require("../pagination/useGridPaginationModel");
+var _pipeProcessing = require("../../core/pipeProcessing");
+var _toolbar = require("../../../components/toolbar");
+var _gridColumnsUtils = require("../columns/gridColumnsUtils");
+var _gridCheckboxSelectionColDef = require("../../../colDef/gridCheckboxSelectionColDef");
+var _jsxRuntime = require("react/jsx-runtime");
 function raf() {
   return new Promise(resolve => {
     requestAnimationFrame(() => {
@@ -37,35 +45,35 @@ function buildPrintWindow(title) {
  * @requires useGridSorting (state)
  * @requires useGridParamsApi (method)
  */
-export const useGridPrintExport = (apiRef, props) => {
+const useGridPrintExport = (apiRef, props) => {
   const hasRootReference = apiRef.current.rootElementRef.current !== null;
-  const logger = useGridLogger(apiRef, 'useGridPrintExport');
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridPrintExport');
   const doc = React.useRef(null);
   const previousGridState = React.useRef(null);
   const previousColumnVisibility = React.useRef({});
   const previousRows = React.useRef([]);
   const previousVirtualizationState = React.useRef(null);
   React.useEffect(() => {
-    doc.current = ownerDocument(apiRef.current.rootElementRef.current);
+    doc.current = (0, _utils.unstable_ownerDocument)(apiRef.current.rootElementRef.current);
   }, [apiRef, hasRootReference]);
 
   // Returns a promise because updateColumns triggers state update and
   // the new state needs to be in place before the grid can be sized correctly
   const updateGridColumnsForPrint = React.useCallback((fields, allColumns, includeCheckboxes) => new Promise(resolve => {
-    const exportedColumnFields = getColumnsToExport({
+    const exportedColumnFields = (0, _utils2.getColumnsToExport)({
       apiRef,
       options: {
         fields,
         allColumns
       }
     }).map(column => column.field);
-    const columns = gridColumnDefinitionsSelector(apiRef);
+    const columns = (0, _gridColumnsSelector.gridColumnDefinitionsSelector)(apiRef);
     const newColumnVisibilityModel = {};
     columns.forEach(column => {
       newColumnVisibilityModel[column.field] = exportedColumnFields.includes(column.field);
     });
     if (includeCheckboxes) {
-      newColumnVisibilityModel[GRID_CHECKBOX_SELECTION_COL_DEF.field] = true;
+      newColumnVisibilityModel[_gridCheckboxSelectionColDef.GRID_CHECKBOX_SELECTION_COL_DEF.field] = true;
     }
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
@@ -76,7 +84,7 @@ export const useGridPrintExport = (apiRef, props) => {
     });
     const newRows = rowsToExportIds.reduce((acc, id) => {
       const row = apiRef.current.getRow(id);
-      if (!row[GRID_ID_AUTOGENERATED]) {
+      if (!row[_gridRowsUtils.GRID_ID_AUTOGENERATED]) {
         acc.push(row);
       }
       return acc;
@@ -84,7 +92,7 @@ export const useGridPrintExport = (apiRef, props) => {
     apiRef.current.setRows(newRows);
   }, [apiRef]);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
-    const normalizeOptions = _extends({
+    const normalizeOptions = (0, _extends2.default)({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false,
@@ -94,37 +102,37 @@ export const useGridPrintExport = (apiRef, props) => {
     if (!printDoc) {
       return;
     }
-    const rowsMeta = gridRowsMetaSelector(apiRef.current.state);
+    const rowsMeta = (0, _gridRowsMetaSelector.gridRowsMetaSelector)(apiRef);
     const gridRootElement = apiRef.current.rootElementRef.current;
     const gridClone = gridRootElement.cloneNode(true);
 
     // Allow to overflow to not hide the border of the last row
-    const gridMain = gridClone.querySelector(`.${gridClasses.main}`);
+    const gridMain = gridClone.querySelector(`.${_gridClasses.gridClasses.main}`);
     gridMain.style.overflow = 'visible';
 
     // See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
     gridClone.style.contain = 'size';
-    let gridToolbarElementHeight = gridRootElement.querySelector(`.${gridClasses.toolbarContainer}`)?.offsetHeight || 0;
-    let gridFooterElementHeight = gridRootElement.querySelector(`.${gridClasses.footerContainer}`)?.offsetHeight || 0;
+    let gridToolbarElementHeight = gridRootElement.querySelector(`.${_gridClasses.gridClasses.toolbarContainer}`)?.offsetHeight || 0;
+    let gridFooterElementHeight = gridRootElement.querySelector(`.${_gridClasses.gridClasses.footerContainer}`)?.offsetHeight || 0;
+    const gridFooterElement = gridClone.querySelector(`.${_gridClasses.gridClasses.footerContainer}`);
     if (normalizeOptions.hideToolbar) {
-      gridClone.querySelector(`.${gridClasses.toolbarContainer}`)?.remove();
+      gridClone.querySelector(`.${_gridClasses.gridClasses.toolbarContainer}`)?.remove();
       gridToolbarElementHeight = 0;
     }
-    if (normalizeOptions.hideFooter) {
-      gridClone.querySelector(`.${gridClasses.footerContainer}`)?.remove();
+    if (normalizeOptions.hideFooter && gridFooterElement) {
+      gridFooterElement.remove();
       gridFooterElementHeight = 0;
     }
 
     // Expand container height to accommodate all rows
-    const computedTotalHeight = rowsMeta.currentPageTotalHeight + getTotalHeaderHeight(apiRef, props) + gridToolbarElementHeight + gridFooterElementHeight;
+    const computedTotalHeight = rowsMeta.currentPageTotalHeight + (0, _gridColumnsUtils.getTotalHeaderHeight)(apiRef, props) + gridToolbarElementHeight + gridFooterElementHeight;
     gridClone.style.height = `${computedTotalHeight}px`;
     // The height above does not include grid border width, so we need to exclude it
     gridClone.style.boxSizing = 'content-box';
-    if (!normalizeOptions.hideFooter) {
+    if (!normalizeOptions.hideFooter && gridFooterElement) {
       // the footer is always being placed at the bottom of the page as if all rows are exported
       // so if getRowsToExport is being used to only export a subset of rows then we need to
       // adjust the footer position to be correctly placed at the bottom of the grid
-      const gridFooterElement = gridClone.querySelector(`.${gridClasses.footerContainer}`);
       gridFooterElement.style.position = 'absolute';
       gridFooterElement.style.width = '100%';
       gridFooterElement.style.top = `${computedTotalHeight - gridFooterElementHeight}px`;
@@ -204,7 +212,7 @@ export const useGridPrintExport = (apiRef, props) => {
       // if the apiRef.current.exportState(); did not exported the column visibility, we update it
       apiRef.current.setColumnVisibilityModel(previousColumnVisibility.current);
     }
-    apiRef.current.setState(state => _extends({}, state, {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       virtualization: previousVirtualizationState.current
     }));
     apiRef.current.setRows(previousRows.current);
@@ -221,31 +229,31 @@ export const useGridPrintExport = (apiRef, props) => {
     }
     previousGridState.current = apiRef.current.exportState();
     // It appends that the visibility model is not exported, especially if columnVisibility is not controlled
-    previousColumnVisibility.current = gridColumnVisibilityModelSelector(apiRef);
-    previousRows.current = apiRef.current.getSortedRows().filter(row => !row[GRID_ID_AUTOGENERATED]);
+    previousColumnVisibility.current = (0, _gridColumnsSelector.gridColumnVisibilityModelSelector)(apiRef);
+    previousRows.current = apiRef.current.getSortedRows().filter(row => !row[_gridRowsUtils.GRID_ID_AUTOGENERATED]);
     if (props.pagination) {
-      const visibleRowCount = gridExpandedRowCountSelector(apiRef);
+      const visibleRowCount = (0, _gridFilterSelector.gridExpandedRowCountSelector)(apiRef);
       const paginationModel = {
         page: 0,
         pageSize: visibleRowCount
       };
-      apiRef.current.setState(state => _extends({}, state, {
-        pagination: _extends({}, state.pagination, {
-          paginationModel: getDerivedPaginationModel(state.pagination,
+      apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+        pagination: (0, _extends2.default)({}, state.pagination, {
+          paginationModel: (0, _useGridPaginationModel.getDerivedPaginationModel)(state.pagination,
           // Using signature `DataGridPro` to allow more than 100 rows in the print export
           'DataGridPro', paginationModel)
         })
       }));
     }
     previousVirtualizationState.current = apiRef.current.state.virtualization;
-    apiRef.current.setState(state => _extends({}, state, {
-      virtualization: _extends({}, state.virtualization, {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      virtualization: (0, _extends2.default)({}, state.virtualization, {
         enabled: false,
         enabledForColumns: false
       })
     }));
     await updateGridColumnsForPrint(options?.fields, options?.allColumns, options?.includeCheckboxes);
-    updateGridRowsForPrint(options?.getRowsToExport ?? defaultGetRowsToExport);
+    updateGridRowsForPrint(options?.getRowsToExport ?? _utils2.defaultGetRowsToExport);
     await raf(); // wait for the state changes to take action
     const printWindow = buildPrintWindow(options?.fileName);
     if (process.env.NODE_ENV === 'test') {
@@ -270,7 +278,7 @@ export const useGridPrintExport = (apiRef, props) => {
   const printExportApi = {
     exportDataAsPrint
   };
-  useGridApiMethod(apiRef, printExportApi, 'public');
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, printExportApi, 'public');
 
   /**
    * PRE-PROCESSING
@@ -280,11 +288,12 @@ export const useGridPrintExport = (apiRef, props) => {
       return initialValue;
     }
     return [...initialValue, {
-      component: /*#__PURE__*/_jsx(GridPrintExportMenuItem, {
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbar.GridPrintExportMenuItem, {
         options: options.printOptions
       }),
       componentName: 'printExport'
     }];
   }, []);
-  useGridRegisterPipeProcessor(apiRef, 'exportMenu', addExportMenuButtons);
-};
+  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'exportMenu', addExportMenuButtons);
+};
+exports.useGridPrintExport = useGridPrintExport;

package/hooks/features/export/utils.d.ts

@@ -1,15 +1,20 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
-import { GridExportOptions, GridCsvGetRowsToExportParams } from '../../../models/gridExport';
-import { GridStateColDef } from '../../../models/colDef/gridColDef';
-import { GridRowId } from '../../../models';
+import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { GridExportOptions, GridCsvGetRowsToExportParams } from "../../../models/gridExport.js";
+import { GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import { GridRowId } from "../../../models/index.js";
 interface GridGetColumnsToExportParams {
-    /**
-     * The API of the grid.
-     */
-    apiRef: RefObject<GridApiCommunity>;
-    options: GridExportOptions;
+  /**
+   * The API of the grid.
+   */
+  apiRef: RefObject<GridApiCommunity>;
+  options: GridExportOptions;
 }
-export declare const getColumnsToExport: ({ apiRef, options, }: GridGetColumnsToExportParams) => GridStateColDef[];
-export declare const defaultGetRowsToExport: ({ apiRef }: GridCsvGetRowsToExportParams) => GridRowId[];
-export {};
+export declare const getColumnsToExport: ({
+  apiRef,
+  options
+}: GridGetColumnsToExportParams) => GridStateColDef[];
+export declare const defaultGetRowsToExport: ({
+  apiRef
+}: GridCsvGetRowsToExportParams) => GridRowId[];
+export {};

package/hooks/features/export/utils.js

@@ -1,11 +1,18 @@
-import { gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector } from "../columns/index.js";
-import { gridFilteredSortedRowIdsSelector } from "../filter/index.js";
-import { gridPinnedRowsSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.js";
-export const getColumnsToExport = ({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnsToExport = exports.defaultGetRowsToExport = void 0;
+var _columns = require("../columns");
+var _filter = require("../filter");
+var _gridRowsSelector = require("../rows/gridRowsSelector");
+var _gridRowSelectionSelector = require("../rowSelection/gridRowSelectionSelector");
+const getColumnsToExport = ({
   apiRef,
   options
 }) => {
-  const columns = gridColumnDefinitionsSelector(apiRef);
+  const columns = (0, _columns.gridColumnDefinitionsSelector)(apiRef);
   if (options.fields) {
     return options.fields.reduce((currentColumns, field) => {
       const column = columns.find(col => col.field === field);
@@ -15,23 +22,26 @@ export const getColumnsToExport = ({
       return currentColumns;
     }, []);
   }
-  const validColumns = options.allColumns ? columns : gridVisibleColumnDefinitionsSelector(apiRef);
+  const validColumns = options.allColumns ? columns : (0, _columns.gridVisibleColumnDefinitionsSelector)(apiRef);
   return validColumns.filter(column => !column.disableExport);
 };
-export const defaultGetRowsToExport = ({
+exports.getColumnsToExport = getColumnsToExport;
+const defaultGetRowsToExport = ({
   apiRef
 }) => {
-  const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);
-  const rowTree = gridRowTreeSelector(apiRef);
-  const selectedRows = apiRef.current.getSelectedRows();
+  const filteredSortedRowIds = (0, _filter.gridFilteredSortedRowIdsSelector)(apiRef);
+  const rowTree = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef);
+  const selectedRowsCount = (0, _gridRowSelectionSelector.gridRowSelectionCountSelector)(apiRef);
   const bodyRows = filteredSortedRowIds.filter(id => rowTree[id].type !== 'footer');
-  const pinnedRows = gridPinnedRowsSelector(apiRef);
+  const pinnedRows = (0, _gridRowsSelector.gridPinnedRowsSelector)(apiRef);
   const topPinnedRowsIds = pinnedRows?.top?.map(row => row.id) || [];
   const bottomPinnedRowsIds = pinnedRows?.bottom?.map(row => row.id) || [];
   bodyRows.unshift(...topPinnedRowsIds);
   bodyRows.push(...bottomPinnedRowsIds);
-  if (selectedRows.size > 0) {
+  if (selectedRowsCount > 0) {
+    const selectedRows = (0, _gridRowSelectionSelector.gridRowSelectionIdsSelector)(apiRef);
     return bodyRows.filter(id => selectedRows.has(id));
   }
   return bodyRows;
-};
+};
+exports.defaultGetRowsToExport = defaultGetRowsToExport;

package/hooks/features/filter/gridFilterSelector.d.ts

@@ -1,6 +1,6 @@
-import { GridRowId } from '../../../models/gridRows';
-import { GridFilterItem } from '../../../models/gridFilterItem';
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import { GridRowId } from "../../../models/gridRows.js";
+import { GridFilterItem } from "../../../models/gridFilterItem.js";
 /**
  * Get the current filter model.
  * @category Filtering
@@ -15,12 +15,12 @@ export declare const gridQuickFilterValuesSelector: import("../../..").OutputSel
  * @category Visible rows
  * @ignore - do not document.
  */
-export declare const gridVisibleRowsLookupSelector: (state: GridStateCommunity) => import("./gridFilterState").GridVisibleRowsLookupState;
+export declare const gridVisibleRowsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridFilterState").GridVisibleRowsLookupState>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredRowsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridFilterState").GridFilterState, Record<GridRowId, boolean>>;
+export declare const gridFilteredRowsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridFilterState").GridFilterState, Record<GridRowId, false>>;
 /**
  * @category Filtering
  * @ignore - do not document.
@@ -36,7 +36,7 @@ export declare const gridFilteredDescendantCountLookupSelector: import("../../..
  * Does not contain the collapsed children.
  * @category Filtering
  */
-export declare const gridExpandedSortedRowEntriesSelector: import("../../..").OutputSelector<GridStateCommunity, any[] | undefined, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[]>;
+export declare const gridExpandedSortedRowEntriesSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[]>;
 /**
  * Get the id of the rows accessible after the filtering process.
  * Does not contain the collapsed children.
@@ -94,10 +94,10 @@ export declare const gridFilteredDescendantRowCountSelector: import("../../..").
  */
 export declare const gridFilterActiveItemsSelector: import("../../..").OutputSelector<GridStateCommunity, import("..").GridColumnLookup, GridFilterItem[]>;
 export type GridFilterActiveItemsLookup = {
-    [field: string]: GridFilterItem[];
+  [field: string]: GridFilterItem[];
 };
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilterActiveItemsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, GridFilterItem[], GridFilterActiveItemsLookup>;
+export declare const gridFilterActiveItemsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, GridFilterItem[], GridFilterActiveItemsLookup>;