@mui/x-data-grid 5.5.1 → 5.7.0

package/constants/gridClasses.d.ts

@@ -0,0 +1,378 @@
+export interface GridClasses {
+    /**
+     * Styles applied to the root element if `autoHeight={true}`.
+     */
+    autoHeight: string;
+    /**
+     * Styles applied to the icon of the boolean cell.
+     */
+    booleanCell: string;
+    /**
+     * Styles applied to the cell element if the cell is editable.
+     */
+    'cell--editable': string;
+    /**
+     * Styles applied to the cell element if the cell is in edit mode.
+     */
+    'cell--editing': string;
+    /**
+     * Styles applied to the cell element if `align="center"`.
+     */
+    'cell--textCenter': string;
+    /**
+     * Styles applied to the cell element if `align="left"`.
+     */
+    'cell--textLeft': string;
+    /**
+     * Styles applied to the cell element if `align="right"`.
+     */
+    'cell--textRight': string;
+    /**
+     * Styles applied to the cell element if the cell has a custom renderer.
+     */
+    'cell--withRenderer': string;
+    /**
+     * Styles applied to the cell element.
+     */
+    cell: string;
+    /**
+     * Styles applied to the element that wraps the cell content.
+     */
+    cellContent: string;
+    /**
+     * Styles applied to the cell checkbox element.
+     */
+    cellCheckbox: string;
+    /**
+     * Styles applied to the selection checkbox element.
+     */
+    checkboxInput: string;
+    /**
+     * Styles applied to the column header if `headerAlign="center"`.
+     */
+    'columnHeader--alignCenter': string;
+    /**
+     * Styles applied to the column header if `headerAlign="left"`.
+     */
+    'columnHeader--alignLeft': string;
+    /**
+     * Styles applied to the column header if `headerAlign="right"`.
+     */
+    'columnHeader--alignRight': string;
+    /**
+     * Styles applied to the floating column header element when it is dragged.
+     */
+    'columnHeader--dragging': string;
+    /**
+     * Styles applied to the column header if it is being dragged.
+     */
+    'columnHeader--moving': string;
+    /**
+     * Styles applied to the column header if the type of the column is `number`.
+     */
+    'columnHeader--numeric': string;
+    /**
+     * Styles applied to the column header if the column is sortable.
+     */
+    'columnHeader--sortable': string;
+    /**
+     * Styles applied to the column header if the column is sorted.
+     */
+    'columnHeader--sorted': string;
+    /**
+     * Styles applied to the column header if the column has a filter applied to it.
+     */
+    'columnHeader--filtered': string;
+    /**
+     * Styles applied to the column header element.
+     */
+    columnHeader: string;
+    /**
+     * Styles applied to the header checkbox cell element.
+     */
+    columnHeaderCheckbox: string;
+    /**
+     * Styles applied to the column header's draggable container element.
+     */
+    columnHeaderDraggableContainer: string;
+    /**
+     * Styles applied to the column headers wrapper if a column is being dragged.
+     */
+    columnHeaderDropZone: string;
+    /**
+     * Styles applied to the column header's title element;
+     */
+    columnHeaderTitle: string;
+    /**
+     * Styles applied to the column header's title container element.
+     */
+    columnHeaderTitleContainer: string;
+    /**
+     * Styles applied to the column header's title excepted buttons.
+     */
+    columnHeaderTitleContainerContent: string;
+    /**
+     * Styles applied to the column headers.
+     */
+    columnHeaders: string;
+    /**
+     * Styles applied to the column headers's inner element.
+     */
+    columnHeadersInner: string;
+    /**
+     * Styles applied to the column headers's inner element if there is a horizontal scrollbar.
+     */
+    'columnHeadersInner--scrollable': string;
+    /**
+     * Styles applied to the column header separator if the column is resizable.
+     */
+    'columnSeparator--resizable': string;
+    /**
+     * Styles applied to the column header separator if the column is being resized.
+     */
+    'columnSeparator--resizing': string;
+    /**
+     * Styles applied to the column header separator if the side is "left".
+     */
+    'columnSeparator--sideLeft': string;
+    /**
+     * Styles applied to the column header separator if the side is "right".
+     */
+    'columnSeparator--sideRight': string;
+    /**
+     * Styles applied to the column header separator element.
+     */
+    columnSeparator: string;
+    /**
+     * Styles applied to the columns panel element.
+     */
+    columnsPanel: string;
+    /**
+     * Styles applied to the columns panel row element.
+     */
+    columnsPanelRow: string;
+    /**
+     * Styles applied to the detail panel element.
+     */
+    detailPanel: string;
+    /**
+     * Styles applied to the detail panels wrapper element.
+     */
+    detailPanels: string;
+    /**
+     * Styles applied to the detail panel toggle cell element.
+     */
+    detailPanelToggleCell: string;
+    /**
+     * Styles applied to the detail panel toggle cell element if expanded.
+     */
+    'detailPanelToggleCell--expanded': string;
+    /**
+     * Styles applied to the panel element.
+     */
+    panel: string;
+    /**
+     * Styles applied to the panel header element.
+     */
+    panelHeader: string;
+    /**
+     * Styles applied to the panel wrapper element.
+     */
+    panelWrapper: string;
+    /**
+     * Styles applied to the panel content element.
+     */
+    panelContent: string;
+    /**
+     * Styles applied to the panel footer element.
+     */
+    panelFooter: string;
+    /**
+     * Styles applied to the paper element.
+     */
+    paper: string;
+    /**
+     * Styles applied to root of the boolean edit component.
+     */
+    editBooleanCell: string;
+    /**
+     * Styles applied to the root of the filter form component.
+     */
+    filterForm: string;
+    /**
+     * Styles applied to the delete icon of the filter form component.
+     */
+    filterFormDeleteIcon: string;
+    /**
+     * Styles applied to the link operator inout of the filter form component.
+     */
+    filterFormLinkOperatorInput: string;
+    /**
+     * Styles applied to the column input of the filter form component.
+     */
+    filterFormColumnInput: string;
+    /**
+     * Styles applied to the operator input of the filter form component.
+     */
+    filterFormOperatorInput: string;
+    /**
+     * Styles applied to the value input of the filter form component.
+     */
+    filterFormValueInput: string;
+    /**
+     * Styles applied to the root of the input component.
+     */
+    editInputCell: string;
+    /**
+     * Styles applied to the filter icon element.
+     */
+    filterIcon: string;
+    /**
+     * Styles applied to the footer container element.
+     */
+    footerContainer: string;
+    /**
+     * Styles applied to the column header icon's container.
+     */
+    iconButtonContainer: string;
+    /**
+     * Styles applied to the column header separator icon element.
+     */
+    iconSeparator: string;
+    /**
+     * Styles applied to the main container element.
+     */
+    main: string;
+    /**
+     * Styles applied to the menu element.
+     */
+    menu: string;
+    /**
+     * Styles applied to the menu icon element.
+     */
+    menuIcon: string;
+    /**
+     * Styles applied to the menu icon button element.
+     */
+    menuIconButton: string;
+    /**
+     * Styles applied to the menu icon element if the menu is open.
+     */
+    menuOpen: string;
+    /**
+     * Styles applied to the menu list element.
+     */
+    menuList: string;
+    /**
+     * Styles applied to the overlay element.
+     */
+    overlay: string;
+    /**
+     * Styles applied to the virtualization container.
+     */
+    virtualScroller: string;
+    /**
+     * Styles applied to the virtualization content.
+     */
+    virtualScrollerContent: string;
+    /**
+     * Styles applied to the virtualization content when its height is bigger than the virtualization container.
+     */
+    'virtualScrollerContent--overflowed': string;
+    /**
+     * Styles applied to the virtualization render zone.
+     */
+    virtualScrollerRenderZone: string;
+    /**
+     * Styles applied to the pinned columns.
+     */
+    pinnedColumns: string;
+    /**
+     * Styles applied to the left pinned columns.
+     */
+    'pinnedColumns--left': string;
+    /**
+     * Styles applied to the right pinned columns.
+     */
+    'pinnedColumns--right': string;
+    /**
+     * Styles applied to the pinned column headers.
+     */
+    pinnedColumnHeaders: string;
+    /**
+     * Styles applied to the left pinned column headers.
+     */
+    'pinnedColumnHeaders--left': string;
+    /**
+     * Styles applied to the right pinned column headers.
+     */
+    'pinnedColumnHeaders--right': string;
+    /**
+     * Styles applied to the root element.
+     */
+    root: string;
+    /**
+     * Styles applied to the row element if the row is editable.
+     */
+    'row--editable': string;
+    /**
+     * Styles applied to the row element if the row is in edit mode.
+     */
+    'row--editing': string;
+    /**
+     * Styles applied to the last visible row element on every page of the grid.
+     */
+    'row--lastVisible': string;
+    /**
+     * Styles applied to the row element.
+     */
+    row: string;
+    /**
+     * Styles applied to the footer row count element to show the total number of rows.
+     * Only works when pagination is disabled.
+     */
+    rowCount: string;
+    /**
+     * Styles applied to both scroll area elements.
+     */
+    scrollArea: string;
+    /**
+     * Styles applied to the left scroll area element.
+     */
+    'scrollArea--left': string;
+    /**
+     * Styles applied to the right scroll area element.
+     */
+    'scrollArea--right': string;
+    /**
+     * Styles applied to the footer selected row count element.
+     */
+    selectedRowCount: string;
+    /**
+     * Styles applied to the sort icon element.
+     */
+    sortIcon: string;
+    /**
+     * Styles applied to the toolbar container element.
+     */
+    toolbarContainer: string;
+    /**
+     * Styles applied to the toolbar filter list element.
+     */
+    toolbarFilterList: string;
+    /**
+     * Styles applied to both the cell and the column header if `showColumnRightBorder={true}`.
+     */
+    withBorder: string;
+    /**
+     * Styles applied to the root of the grouping column of the tree data.
+     */
+    treeDataGroupingCell: string;
+    /**
+     * Styles applied to the toggle of the grouping column of the tree data.
+     */
+    treeDataGroupingCellToggle: string;
+}
+export declare type GridClassKey = keyof GridClasses;
+export declare function getDataGridUtilityClass(slot: string): string;
+export declare const gridClasses: Record<"overlay" | "cell" | "row" | "menu" | "main" | "root" | "paper" | "autoHeight" | "booleanCell" | "cell--editable" | "cell--editing" | "cell--textCenter" | "cell--textLeft" | "cell--textRight" | "cell--withRenderer" | "cellContent" | "cellCheckbox" | "checkboxInput" | "columnHeader--alignCenter" | "columnHeader--alignLeft" | "columnHeader--alignRight" | "columnHeader--dragging" | "columnHeader--moving" | "columnHeader--numeric" | "columnHeader--sortable" | "columnHeader--sorted" | "columnHeader--filtered" | "columnHeader" | "columnHeaderCheckbox" | "columnHeaderDraggableContainer" | "columnHeaderDropZone" | "columnHeaderTitle" | "columnHeaderTitleContainer" | "columnHeaderTitleContainerContent" | "columnHeaders" | "columnHeadersInner" | "columnHeadersInner--scrollable" | "columnSeparator--resizable" | "columnSeparator--resizing" | "columnSeparator--sideLeft" | "columnSeparator--sideRight" | "columnSeparator" | "columnsPanel" | "columnsPanelRow" | "detailPanel" | "detailPanels" | "detailPanelToggleCell" | "detailPanelToggleCell--expanded" | "panel" | "panelHeader" | "panelWrapper" | "panelContent" | "panelFooter" | "editBooleanCell" | "filterForm" | "filterFormDeleteIcon" | "filterFormLinkOperatorInput" | "filterFormColumnInput" | "filterFormOperatorInput" | "filterFormValueInput" | "editInputCell" | "filterIcon" | "footerContainer" | "iconButtonContainer" | "iconSeparator" | "menuIcon" | "menuIconButton" | "menuOpen" | "menuList" | "virtualScroller" | "virtualScrollerContent" | "virtualScrollerContent--overflowed" | "virtualScrollerRenderZone" | "pinnedColumns" | "pinnedColumns--left" | "pinnedColumns--right" | "pinnedColumnHeaders" | "pinnedColumnHeaders--left" | "pinnedColumnHeaders--right" | "row--editable" | "row--editing" | "row--lastVisible" | "rowCount" | "scrollArea" | "scrollArea--left" | "scrollArea--right" | "selectedRowCount" | "sortIcon" | "toolbarContainer" | "toolbarFilterList" | "withBorder" | "treeDataGroupingCell" | "treeDataGroupingCellToggle" | "actionsCell" | "groupingCriteriaCell" | "groupingCriteriaCellToggle", string>;

package/constants/gridClasses.js

@@ -0,0 +1,5 @@
+import { generateUtilityClasses, generateUtilityClass } from '@mui/material';
+export function getDataGridUtilityClass(slot) {
+  return generateUtilityClass('MuiDataGrid', slot);
+}
+export const gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'autoHeight', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell', 'cellContent', 'cellCheckbox', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLinkOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'root', 'row--editable', 'row--editing', 'row', 'row--lastVisible', 'rowCount', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle']);

package/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from './envConstants';
+export * from './localeTextConstants';
+export * from './defaultGridSlotsComponents';
+export * from './gridClasses';

package/constants/index.js

@@ -0,0 +1,4 @@
+export * from './envConstants';
+export * from './localeTextConstants';
+export * from './defaultGridSlotsComponents';
+export * from './gridClasses';

package/constants/localeTextConstants.d.ts

@@ -0,0 +1,2 @@
+import { GridLocaleText } from '../models/api/gridLocaleTextApi';
+export declare const GRID_DEFAULT_LOCALE_TEXT: GridLocaleText;

package/constants/localeTextConstants.js

@@ -0,0 +1,107 @@
+export const GRID_DEFAULT_LOCALE_TEXT = {
+  // Root
+  noRowsLabel: 'No rows',
+  noResultsOverlayLabel: 'No results found.',
+  errorOverlayDefaultLabel: 'An error occurred.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Density',
+  toolbarDensityLabel: 'Density',
+  toolbarDensityCompact: 'Compact',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Comfortable',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Columns',
+  toolbarColumnsLabel: 'Select columns',
+  // Filters toolbar button text
+  toolbarFilters: 'Filters',
+  toolbarFiltersLabel: 'Show filters',
+  toolbarFiltersTooltipHide: 'Hide filters',
+  toolbarFiltersTooltipShow: 'Show filters',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} active filters` : `${count} active filter`,
+  // Export selector toolbar button text
+  toolbarExport: 'Export',
+  toolbarExportLabel: 'Export',
+  toolbarExportCSV: 'Download as CSV',
+  toolbarExportPrint: 'Print',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Find column',
+  columnsPanelTextFieldPlaceholder: 'Column title',
+  columnsPanelDragIconLabel: 'Reorder column',
+  columnsPanelShowAllButton: 'Show all',
+  columnsPanelHideAllButton: 'Hide all',
+  // Filter panel text
+  filterPanelAddFilter: 'Add filter',
+  filterPanelDeleteIconLabel: 'Delete',
+  filterPanelLinkOperator: 'Logic operator',
+  filterPanelOperators: 'Operator',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'And',
+  filterPanelOperatorOr: 'Or',
+  filterPanelColumns: 'Columns',
+  filterPanelInputLabel: 'Value',
+  filterPanelInputPlaceholder: 'Filter value',
+  // Filter operators text
+  filterOperatorContains: 'contains',
+  filterOperatorEquals: 'equals',
+  filterOperatorStartsWith: 'starts with',
+  filterOperatorEndsWith: 'ends with',
+  filterOperatorIs: 'is',
+  filterOperatorNot: 'is not',
+  filterOperatorAfter: 'is after',
+  filterOperatorOnOrAfter: 'is on or after',
+  filterOperatorBefore: 'is before',
+  filterOperatorOnOrBefore: 'is on or before',
+  filterOperatorIsEmpty: 'is empty',
+  filterOperatorIsNotEmpty: 'is not empty',
+  filterOperatorIsAnyOf: 'is any of',
+  // Filter values text
+  filterValueAny: 'any',
+  filterValueTrue: 'true',
+  filterValueFalse: 'false',
+  // Column menu text
+  columnMenuLabel: 'Menu',
+  columnMenuShowColumns: 'Show columns',
+  columnMenuFilter: 'Filter',
+  columnMenuHideColumn: 'Hide',
+  columnMenuUnsort: 'Unsort',
+  columnMenuSortAsc: 'Sort by ASC',
+  columnMenuSortDesc: 'Sort by DESC',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} active filters` : `${count} active filter`,
+  columnHeaderFiltersLabel: 'Show filters',
+  columnHeaderSortIconLabel: 'Sort',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rows selected` : `${count.toLocaleString()} row selected`,
+  // Total row amount footer text
+  footerTotalRows: 'Total Rows:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} of ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Checkbox selection',
+  checkboxSelectionSelectAllRows: 'Select all rows',
+  checkboxSelectionUnselectAllRows: 'Unselect all rows',
+  checkboxSelectionSelectRow: 'Select row',
+  checkboxSelectionUnselectRow: 'Unselect row',
+  // Boolean cell text
+  booleanCellTrueLabel: 'yes',
+  booleanCellFalseLabel: 'no',
+  // Actions cell more text
+  actionsCellMore: 'more',
+  // Column pinning text
+  pinToLeft: 'Pin to left',
+  pinToRight: 'Pin to right',
+  unpin: 'Unpin',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Group',
+  treeDataExpand: 'see children',
+  treeDataCollapse: 'hide children',
+  // Grouping columns
+  groupingColumnHeaderName: 'Group',
+  groupColumn: name => `Group by ${name}`,
+  unGroupColumn: name => `Stop grouping by ${name}`,
+  // Master/detail
+  expandDetailPanel: 'Expand',
+  collapseDetailPanel: 'Collapse',
+  // Used core components translation keys
+  MuiTablePagination: {}
+};

package/constants/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/constants/index.js",
+  "types": "./index.d.ts"
+}

package/context/GridContextProvider.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { GridApiCommunity } from '../models/api/gridApiCommunity';
+declare type GridContextProviderProps = {
+    apiRef: React.MutableRefObject<GridApiCommunity>;
+    props: {};
+    children: React.ReactNode;
+};
+export declare const GridContextProvider: ({ apiRef, props, children }: GridContextProviderProps) => JSX.Element;
+export {};

package/context/GridContextProvider.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { GridApiContext } from '../components/GridApiContext';
+import { GridRootPropsContext } from './GridRootPropsContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GridContextProvider = ({
+  apiRef,
+  props,
+  children
+}) => {
+  return /*#__PURE__*/_jsx(GridRootPropsContext.Provider, {
+    value: props,
+    children: /*#__PURE__*/_jsx(GridApiContext.Provider, {
+      value: apiRef,
+      children: children
+    })
+  });
+};

package/context/GridRootPropsContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const GridRootPropsContext: React.Context<unknown>;
+export { GridRootPropsContext };

package/context/GridRootPropsContext.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+const GridRootPropsContext = /*#__PURE__*/React.createContext(undefined);
+
+if (process.env.NODE_ENV !== 'production') {
+  GridRootPropsContext.displayName = 'GridRootPropsContext';
+}
+
+export { GridRootPropsContext };

package/context/index.d.ts

@@ -0,0 +1 @@
+export * from './GridContextProvider';

package/context/index.js

@@ -0,0 +1 @@
+export * from './GridContextProvider';

package/context/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/context/index.js",
+  "types": "./index.d.ts"
+}

package/hooks/core/index.d.ts

@@ -0,0 +1 @@
+export type { GridPreProcessingGroupLookup } from './preProcessing';

package/hooks/core/index.js

@@ -0,0 +1 @@
+export {};

package/hooks/core/preProcessing/gridPreProcessingApi.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { GridCellIndexCoordinates, GridScrollParams } from '../../../models';
+import { GridInitialStateCommunity } from '../../../models/gridStateCommunity';
+import { GridColDef } from '../../../models/colDef/gridColDef';
+import { GridRestoreStatePreProcessingContext, GridRestoreStatePreProcessingValue } from '../../features/statePersistence/gridStatePersistenceInterface';
+import { GridHydrateColumnsValue } from '../../features/columns/gridColumnsInterfaces';
+import { GridRowEntry } from '../../../models/gridRows';
+import { GridPreferencePanelsValue } from '../../features/preferencesPanel';
+export declare type GridPreProcessingGroup = keyof GridPreProcessingGroupLookup;
+export interface GridPreProcessingGroupLookup {
+    hydrateColumns: {
+        value: GridHydrateColumnsValue;
+    };
+    scrollToIndexes: {
+        value: Partial<GridScrollParams>;
+        context: Partial<GridCellIndexCoordinates>;
+    };
+    columnMenu: {
+        value: React.ReactNode[];
+        context: GridColDef;
+    };
+    exportState: {
+        value: GridInitialStateCommunity;
+    };
+    restoreState: {
+        value: GridRestoreStatePreProcessingValue;
+        context: GridRestoreStatePreProcessingContext<GridInitialStateCommunity>;
+    };
+    rowHeight: {
+        value: Record<string, number>;
+        context: GridRowEntry;
+    };
+    preferencePanel: {
+        value: React.ReactNode;
+        context: GridPreferencePanelsValue;
+    };
+}
+export declare type GridPreProcessor<P extends GridPreProcessingGroup> = (value: GridPreProcessingGroupLookup[P]['value'], context: GridPreProcessingGroupLookup[P] extends {
+    context: any;
+} ? GridPreProcessingGroupLookup[P]['context'] : undefined) => GridPreProcessingGroupLookup[P]['value'];
+declare type GridPreProcessorsApplierArg<P extends GridPreProcessingGroup, T extends {
+    value: any;
+}> = T extends {
+    context: any;
+} ? [P, T['value'], T['context']] : [P, T['value']];
+declare type GridPreProcessorsApplier = <P extends GridPreProcessingGroup>(...params: GridPreProcessorsApplierArg<P, GridPreProcessingGroupLookup[P]>) => GridPreProcessingGroupLookup[P]['value'];
+export interface GridPreProcessingApi {
+    /**
+     * Register a pre-processor and emit an event to notify the agents to re-apply the pre-processors.
+     * @param {GridPreProcessingGroup} group The name of the group to bind this pre-processor to.
+     * @param {number} id An unique and static identifier of the pre-processor.
+     * @param {GridPreProcessor} callback The pre-processor to register.
+     * @returns {() => void} A function to unregister the pre-processor.
+     * @ignore - do not document.
+     */
+    unstable_registerPreProcessor: <G extends GridPreProcessingGroup>(group: GridPreProcessingGroup, id: string, callback: GridPreProcessor<G>) => () => void;
+    /**
+     * Apply on the value the pre-processors registered on the given group.
+     * @param {GridPreProcessingGroup} group The name of the processing group.
+     * @param {any} value The value to pass to the first pre-processor.
+     * @param {any} params Additional params to pass to the pre-processors.
+     * @returns {any} The value after passing through all pre-processors.
+     * @ignore - do not document.
+     */
+    unstable_applyPreProcessors: GridPreProcessorsApplier;
+}
+export {};

package/hooks/core/preProcessing/gridPreProcessingApi.js

@@ -0,0 +1 @@
+export {};

package/hooks/core/preProcessing/index.d.ts

@@ -0,0 +1,3 @@
+export * from './gridPreProcessingApi';
+export * from './useGridPreProcessing';
+export * from './useGridRegisterPreProcessor';

package/hooks/core/preProcessing/index.js

@@ -0,0 +1,3 @@
+export * from './gridPreProcessingApi';
+export * from './useGridPreProcessing';
+export * from './useGridRegisterPreProcessor';

package/hooks/core/preProcessing/useGridPreProcessing.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
+/**
+ * TODO: Rename `useGridPipProcessing`
+ */
+export declare const useGridPreProcessing: (apiRef: React.MutableRefObject<GridApiCommunity>) => void;