@mui/x-data-grid 5.4.0 → 5.6.0

package/components/virtualization/GridVirtualScroller.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
+import * as React from 'react';
+import clsx from 'clsx';
+import { styled } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
+import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { getDataGridUtilityClass } from '../../constants/gridClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['virtualScroller']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+
+const VirtualScrollerRoot = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'VirtualScroller',
+  overridesResolver: (props, styles) => styles.virtualScroller
+})({
+  overflow: 'auto',
+  '@media print': {
+    overflow: 'hidden'
+  }
+});
+const GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualScroller(props, ref) {
+  const {
+    className
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const rootProps = useGridRootProps();
+  const ownerState = {
+    classes: rootProps.classes
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(VirtualScrollerRoot, _extends({
+    ref: ref,
+    className: clsx(classes.root, className)
+  }, other));
+});
+export { GridVirtualScroller };

package/components/virtualization/GridVirtualScrollerContent.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const GridVirtualScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { GridVirtualScrollerContent };

package/components/virtualization/GridVirtualScrollerContent.js

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "style"];
+import * as React from 'react';
+import clsx from 'clsx';
+import { styled } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
+import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { getDataGridUtilityClass } from '../../constants/gridClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    overflowedContent
+  } = ownerState;
+  const slots = {
+    root: ['virtualScrollerContent', overflowedContent && 'virtualScrollerContent--overflowed']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+
+const VirtualScrollerContentRoot = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'VirtualScrollerContent',
+  overridesResolver: (props, styles) => styles.virtualScrollerContent
+})({
+  position: 'relative'
+});
+const GridVirtualScrollerContent = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerContent(props, ref) {
+  const {
+    className,
+    style
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const rootProps = useGridRootProps();
+  const ownerState = {
+    classes: rootProps.classes,
+    overflowedContent: !rootProps.autoHeight && (style == null ? void 0 : style.minHeight) === 'auto'
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(VirtualScrollerContentRoot, _extends({
+    ref: ref,
+    className: clsx(classes.root, className),
+    style: style
+  }, other));
+});
+export { GridVirtualScrollerContent };

package/components/virtualization/GridVirtualScrollerRenderZone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const GridVirtualScrollerRenderZone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { GridVirtualScrollerRenderZone };

package/components/virtualization/GridVirtualScrollerRenderZone.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
+import * as React from 'react';
+import clsx from 'clsx';
+import { styled } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
+import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { getDataGridUtilityClass } from '../../constants/gridClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['virtualScrollerRenderZone']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+
+const VirtualScrollerRenderZoneRoot = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'VirtualScrollerRenderZone',
+  overridesResolver: (props, styles) => styles.virtualScrollerRenderZone
+})({
+  position: 'absolute'
+});
+const GridVirtualScrollerRenderZone = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerRenderZone(props, ref) {
+  const {
+    className
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const rootProps = useGridRootProps();
+  const ownerState = {
+    classes: rootProps.classes
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(VirtualScrollerRenderZoneRoot, _extends({
+    ref: ref,
+    className: clsx(classes.root, className)
+  }, other));
+});
+export { GridVirtualScrollerRenderZone };

package/constants/defaultGridSlotsComponents.d.ts

@@ -0,0 +1,5 @@
+import { GridSlotsComponent } from '../models';
+/**
+ * TODO: Differentiate community and pro value and interface
+ */
+export declare const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent;

package/constants/defaultGridSlotsComponents.js

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import MUICheckbox from '@mui/material/Checkbox';
+import MUITextField from '@mui/material/TextField';
+import MUIFormControl from '@mui/material/FormControl';
+import MUISelect from '@mui/material/Select';
+import MUISwitch from '@mui/material/Switch';
+import MUIButton from '@mui/material/Button';
+import MUITooltip from '@mui/material/Tooltip';
+import MUIPopper from '@mui/material/Popper';
+import { GridArrowDownwardIcon, GridArrowUpwardIcon, GridCell, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridColumnMenu, GridColumnsPanel, GridFilterAltIcon, GridFilterListIcon, GridFilterPanel, GridFooter, GridHeader, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridSaveAltIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridMoreVertIcon, GridExpandMoreIcon, GridKeyboardArrowRight, GridAddIcon, GridRemoveIcon } from '../components';
+import { GridColumnUnsortedIcon } from '../components/columnHeaders/GridColumnUnsortedIcon';
+import { ErrorOverlay } from '../components/ErrorOverlay';
+import { GridNoResultsOverlay } from '../components/GridNoResultsOverlay';
+const DEFAULT_GRID_ICON_SLOTS_COMPONENTS = {
+  BooleanCellTrueIcon: GridCheckIcon,
+  BooleanCellFalseIcon: GridCloseIcon,
+  ColumnMenuIcon: GridTripleDotsVerticalIcon,
+  OpenFilterButtonIcon: GridFilterListIcon,
+  FilterPanelDeleteIcon: GridCloseIcon,
+  ColumnFilteredIcon: GridFilterAltIcon,
+  ColumnSelectorIcon: GridColumnIcon,
+  ColumnUnsortedIcon: GridColumnUnsortedIcon,
+  ColumnSortedAscendingIcon: GridArrowUpwardIcon,
+  ColumnSortedDescendingIcon: GridArrowDownwardIcon,
+  ColumnResizeIcon: GridSeparatorIcon,
+  DensityCompactIcon: GridViewHeadlineIcon,
+  DensityStandardIcon: GridTableRowsIcon,
+  DensityComfortableIcon: GridViewStreamIcon,
+  ExportIcon: GridSaveAltIcon,
+  MoreActionsIcon: GridMoreVertIcon,
+  TreeDataCollapseIcon: GridExpandMoreIcon,
+  TreeDataExpandIcon: GridKeyboardArrowRight,
+  GroupingCriteriaCollapseIcon: GridExpandMoreIcon,
+  GroupingCriteriaExpandIcon: GridKeyboardArrowRight,
+  DetailPanelExpandIcon: GridAddIcon,
+  DetailPanelCollapseIcon: GridRemoveIcon
+};
+/**
+ * TODO: Differentiate community and pro value and interface
+ */
+
+export const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, DEFAULT_GRID_ICON_SLOTS_COMPONENTS, {
+  BaseCheckbox: MUICheckbox,
+  BaseTextField: MUITextField,
+  BaseFormControl: MUIFormControl,
+  BaseSelect: MUISelect,
+  BaseSwitch: MUISwitch,
+  BaseButton: MUIButton,
+  BaseTooltip: MUITooltip,
+  BasePopper: MUIPopper,
+  Cell: GridCell,
+  ColumnMenu: GridColumnMenu,
+  ErrorOverlay,
+  Footer: GridFooter,
+  Header: GridHeader,
+  Toolbar: null,
+  PreferencesPanel: GridPreferencesPanel,
+  LoadingOverlay: GridLoadingOverlay,
+  NoResultsOverlay: GridNoResultsOverlay,
+  NoRowsOverlay: GridNoRowsOverlay,
+  Pagination: GridPagination,
+  FilterPanel: GridFilterPanel,
+  ColumnsPanel: GridColumnsPanel,
+  Panel: GridPanel,
+  Row: GridRow
+});

package/constants/envConstants.d.ts

@@ -0,0 +1 @@
+export declare const GRID_EXPERIMENTAL_ENABLED: boolean;

package/constants/envConstants.js

@@ -0,0 +1,27 @@
+import { localStorageAvailable } from '../utils/utils'; // A guide to feature toggling.
+//
+// The feature toggle is:
+// - independent from the NODE_ENV
+// - isn't pruning code in production, as the objective is to eventually ship the code.
+// - doesn't allow to cherry-pick which feature to enable
+//
+// By default, the experimental features are only enabled in:
+// - the local environment
+// - the pull request previews
+//
+// Reviewers can force the value with the local storage and the GRID_EXPERIMENTAL_ENABLED key:
+// - 'true' => force it to be enabled
+// - 'false' => force it to be disabled
+//
+// Developers (users) are discouraged to enable the experimental feature by setting the GRID_EXPERIMENTAL_ENABLED env.
+// Instead, prefer exposing experimental APIs, for instance, a prop or a new `unstable_` module.
+
+let experimentalEnabled = false;
+
+if (typeof process !== 'undefined' && process.env.GRID_EXPERIMENTAL_ENABLED !== undefined && localStorageAvailable() && window.localStorage.getItem('GRID_EXPERIMENTAL_ENABLED')) {
+  experimentalEnabled = window.localStorage.getItem('GRID_EXPERIMENTAL_ENABLED') === 'true';
+} else if (typeof process !== 'undefined') {
+  experimentalEnabled = process.env.GRID_EXPERIMENTAL_ENABLED === 'true';
+}
+
+export const GRID_EXPERIMENTAL_ENABLED = experimentalEnabled;

package/constants/gridClasses.d.ts

@@ -0,0 +1,374 @@
+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 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" | "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', '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;