@mui/x-data-grid 6.18.1 → 7.0.0-alpha.0

package/material/index.js

@@ -15,55 +15,55 @@ import { GridColumnUnsortedIcon } from './icons/GridColumnUnsortedIcon';
 import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSaveAltIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon } from './icons';
 import MUISelectOption from './components/MUISelectOption';
 const iconSlots = {
-  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,
-  RowReorderIcon: GridDragIcon,
-  QuickFilterIcon: GridSearchIcon,
-  QuickFilterClearIcon: GridCloseIcon,
-  ColumnMenuHideIcon: GridVisibilityOffIcon,
-  ColumnMenuSortAscendingIcon: GridArrowUpwardIcon,
-  ColumnMenuSortDescendingIcon: GridArrowDownwardIcon,
-  ColumnMenuFilterIcon: GridFilterAltIcon,
-  ColumnMenuManageColumnsIcon: GridViewColumnIcon,
-  ColumnMenuClearIcon: GridClearIcon,
-  LoadIcon: GridLoadIcon,
-  FilterPanelAddIcon: GridAddIcon,
-  FilterPanelRemoveAllIcon: GridDeleteForeverIcon,
-  ColumnReorderIcon: GridDragIcon
+  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,
+  rowReorderIcon: GridDragIcon,
+  quickFilterIcon: GridSearchIcon,
+  quickFilterClearIcon: GridCloseIcon,
+  columnMenuHideIcon: GridVisibilityOffIcon,
+  columnMenuSortAscendingIcon: GridArrowUpwardIcon,
+  columnMenuSortDescendingIcon: GridArrowDownwardIcon,
+  columnMenuFilterIcon: GridFilterAltIcon,
+  columnMenuManageColumnsIcon: GridViewColumnIcon,
+  columnMenuClearIcon: GridClearIcon,
+  loadIcon: GridLoadIcon,
+  filterPanelAddIcon: GridAddIcon,
+  filterPanelRemoveAllIcon: GridDeleteForeverIcon,
+  columnReorderIcon: GridDragIcon
 };
 const materialSlots = _extends({}, iconSlots, {
-  BaseCheckbox: MUICheckbox,
-  BaseTextField: MUITextField,
-  BaseFormControl: MUIFormControl,
-  BaseSelect: MUISelect,
-  BaseSwitch: MUISwitch,
-  BaseButton: MUIButton,
-  BaseIconButton: MUIIconButton,
-  BaseInputAdornment: MUIInputAdornment,
-  BaseTooltip: MUITooltip,
-  BasePopper: MUIPopper,
-  BaseInputLabel: MUIInputLabel,
-  BaseSelectOption: MUISelectOption,
-  BaseChip: MUIChip
+  baseCheckbox: MUICheckbox,
+  baseTextField: MUITextField,
+  baseFormControl: MUIFormControl,
+  baseSelect: MUISelect,
+  baseSwitch: MUISwitch,
+  baseButton: MUIButton,
+  baseIconButton: MUIIconButton,
+  baseInputAdornment: MUIInputAdornment,
+  baseTooltip: MUITooltip,
+  basePopper: MUIPopper,
+  baseInputLabel: MUIInputLabel,
+  baseSelectOption: MUISelectOption,
+  baseChip: MUIChip
 });
 export default materialSlots;

package/models/colDef/gridColDef.d.ts

@@ -24,9 +24,8 @@ export type ValueOptions = string | number | {
  * Value that can be used as a key for grouping rows
  */
 export type GridKeyValue = string | number | boolean;
-export type GridApplyQuickFilterV7<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: V, row: R, column: GridColDef, apiRef: React.MutableRefObject<GridApiCommunity>) => boolean;
-export type GetApplyQuickFilterFnLegacy<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: any, colDef: GridStateColDef, apiRef: React.MutableRefObject<GridApiCommunity>) => null | ((params: GridCellParams<R, V, F>) => boolean);
-export type GetApplyQuickFilterFnV7<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: any, colDef: GridStateColDef, apiRef: React.MutableRefObject<GridApiCommunity>) => null | GridApplyQuickFilterV7<R, V>;
+export type GridApplyQuickFilter<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: V, row: R, column: GridColDef, apiRef: React.MutableRefObject<GridApiCommunity>) => boolean;
+export type GetApplyQuickFilterFn<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: any, colDef: GridStateColDef<R, V>, apiRef: React.MutableRefObject<GridApiCommunity>) => null | GridApplyQuickFilter<R, V>;
 /**
  * Column Definition base interface.
  */
@@ -208,18 +207,9 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      * @param {any} value The value with which we want to filter the column.
      * @param {GridStateColDef} colDef The column from which we want to filter the rows.
      * @param {React.MutableRefObject<GridApiCommunity>} apiRef Deprecated: The API of the grid.
-     * @returns {null | ((params: GridCellParams) => boolean)} The function to call to check if a row pass this filter value or not.
+     * @returns {null | GridApplyQuickFilter} The function to call to check if a row pass this filter value or not.
      */
-    getApplyQuickFilterFn?: GetApplyQuickFilterFnLegacy<R, V, F>;
-    /**
-     * The callback that generates a filtering function for a given quick filter value.
-     * This function can return `null` to skip filtering for this value and column.
-     * @param {any} value The value with which we want to filter the column.
-     * @param {GridStateColDef} colDef The column from which we want to filter the rows.
-     * @param {React.MutableRefObject<GridApiCommunity>} apiRef Deprecated: The API of the grid.
-     * @returns {null | GridApplyQuickFilterV7} The function to call to check if a row pass this filter value or not.
-     */
-    getApplyQuickFilterFnV7?: GetApplyQuickFilterFnV7<R, V>;
+    getApplyQuickFilterFn?: GetApplyQuickFilterFn<R, V>;
     /**
      * If `true`, this column cannot be reordered.
      * @default false

package/models/colDef/index.d.ts

@@ -1,3 +1,3 @@
-export type { GridAlignment, ValueOptions, GridKeyValue, GridColDef, GridColTypeDef, GridColumnsMeta, GridSingleSelectColDef, GridActionsColDef, } from './gridColDef';
+export type { GridAlignment, ValueOptions, GridKeyValue, GridColDef, GridColTypeDef, GridColumnsMeta, GridSingleSelectColDef, GridActionsColDef, GetApplyQuickFilterFn, } from './gridColDef';
 export * from './gridColType';
 export * from './gridColumnTypesRecord';

package/models/gridFilterOperator.d.ts

@@ -1,13 +1,10 @@
 import * as React from 'react';
 import { GridFilterItem } from './gridFilterItem';
-import { GridCellParams } from './params/gridCellParams';
 import type { GridColDef } from './colDef/gridColDef';
 import type { GridValidRowModel } from './gridRows';
 import type { GridApiCommunity } from './api/gridApiCommunity';
-type ApplyFilterFnLegacy<R extends GridValidRowModel = any, V = any, F = V> = (params: GridCellParams<R, V, F>) => boolean;
-type ApplyFilterFnV7<R extends GridValidRowModel = any, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => boolean;
-export type GetApplyFilterFnV7<R extends GridValidRowModel = any, V = any, F = V> = (filterItem: GridFilterItem, column: GridColDef<R, V, F>) => null | ApplyFilterFnV7<R, V, F>;
-export type GetApplyFilterFnLegacy<R extends GridValidRowModel = any, V = any, F = V> = (filterItem: GridFilterItem, column: GridColDef<R, V, F>) => null | ApplyFilterFnLegacy<R, V, F>;
+type ApplyFilterFn<R extends GridValidRowModel = any, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => boolean;
+export type GetApplyFilterFn<R extends GridValidRowModel = any, V = any, F = V> = (filterItem: GridFilterItem, column: GridColDef<R, V, F>) => null | ApplyFilterFn<R, V, F>;
 /**
  * Filter operator definition interface.
  * @demos
@@ -32,18 +29,9 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
      * This function can return `null` to skip filtering for this item and column.
      * @param {GridFilterItem} filterItem The filter item with which we want to filter the column.
      * @param {GridColDef} column The column from which we want to filter the rows.
-     * @returns {null | ApplyFilterFnLegacy} The function to call to check if a row pass this filter item or not.
+     * @returns {null | ApplyFilterFn} The function to call to check if a row pass this filter item or not.
      */
-    getApplyFilterFn: GetApplyFilterFnLegacy<R, V, F>;
-    /**
-     * The callback that generates a filtering function for a given filter item and column.
-     * This function can return `null` to skip filtering for this item and column.
-     * This function uses the more performant v7 API.
-     * @param {GridFilterItem} filterItem The filter item with which we want to filter the column.
-     * @param {GridColDef} column The column from which we want to filter the rows.
-     * @returns {null | ApplyFilterFnV7} The function to call to check if a row pass this filter item or not.
-     */
-    getApplyFilterFnV7?: GetApplyFilterFnV7<R, V, F>;
+    getApplyFilterFn: GetApplyFilterFn<R, V, F>;
     /**
      * The input component to render in the filter panel for this filter operator.
      */

package/models/gridIconSlotsComponent.d.ts

@@ -1,182 +1,181 @@
 import * as React from 'react';
 /**
  * Set of icons used in the grid component UI.
- * TODO: Differentiate community and pro interface
  */
 export interface GridIconSlotsComponent {
     /**
      * Icon displayed on the boolean cell to represent the true value.
      * @default GridCheckIcon
      */
-    BooleanCellTrueIcon: React.JSXElementConstructor<any>;
+    booleanCellTrueIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the boolean cell to represent the false value.
      * @default GridCloseIcon
      */
-    BooleanCellFalseIcon: React.JSXElementConstructor<any>;
+    booleanCellFalseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the side of the column header title to display the filter input component.
      * @default GridTripleDotsVerticalIcon
      */
-    ColumnMenuIcon: React.JSXElementConstructor<any>;
+    columnMenuIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the open filter button present in the toolbar by default.
      * @default GridFilterListIcon
      */
-    OpenFilterButtonIcon: React.JSXElementConstructor<any>;
+    openFilterButtonIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the column header menu to show that a filter has been applied to the column.
      * @default GridFilterAltIcon
      */
-    ColumnFilteredIcon: React.JSXElementConstructor<any>;
+    columnFilteredIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the column menu selector tab.
      * @default GridColumnIcon
      */
-    ColumnSelectorIcon: React.JSXElementConstructor<any>;
+    columnSelectorIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the side of the column header title when unsorted.
      * @default GridColumnUnsortedIcon
      */
-    ColumnUnsortedIcon: React.JSXElementConstructor<any> | null;
+    columnUnsortedIcon: React.JSXElementConstructor<any> | null;
     /**
      * Icon displayed on the side of the column header title when sorted in ascending order.
      * @default GridArrowUpwardIcon
      */
-    ColumnSortedAscendingIcon: React.JSXElementConstructor<any> | null;
+    columnSortedAscendingIcon: React.JSXElementConstructor<any> | null;
     /**
      * Icon displayed on the side of the column header title when sorted in descending order.
      * @default GridArrowDownwardIcon
      */
-    ColumnSortedDescendingIcon: React.JSXElementConstructor<any> | null;
+    columnSortedDescendingIcon: React.JSXElementConstructor<any> | null;
     /**
      * Icon displayed in between two column headers that allows to resize the column header.
      * @default GridSeparatorIcon
      */
-    ColumnResizeIcon: React.JSXElementConstructor<any>;
+    columnResizeIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the compact density option in the toolbar.
      * @default GridViewHeadlineIcon
      */
-    DensityCompactIcon: React.JSXElementConstructor<any>;
+    densityCompactIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the standard density option in the toolbar.
      * @default GridTableRowsIcon
      */
-    DensityStandardIcon: React.JSXElementConstructor<any>;
+    densityStandardIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the "comfortable" density option in the toolbar.
      * @default GridViewStreamIcon
      */
-    DensityComfortableIcon: React.JSXElementConstructor<any>;
+    densityComfortableIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the open export button present in the toolbar by default.
      * @default GridSaveAltIcon
      */
-    ExportIcon: React.JSXElementConstructor<any>;
+    exportIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the `actions` column type to open the menu.
      * @default GridMoreVertIcon
      */
-    MoreActionsIcon: React.JSXElementConstructor<any>;
+    moreActionsIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the tree data toggling column when the children are collapsed
      * @default GridKeyboardArrowRight
      */
-    TreeDataExpandIcon: React.JSXElementConstructor<any>;
+    treeDataExpandIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the tree data toggling column when the children are expanded
      * @default GridExpandMoreIcon
      */
-    TreeDataCollapseIcon: React.JSXElementConstructor<any>;
+    treeDataCollapseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the grouping column when the children are collapsed
      * @default GridKeyboardArrowRight
      */
-    GroupingCriteriaExpandIcon: React.JSXElementConstructor<any>;
+    groupingCriteriaExpandIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the grouping column when the children are expanded
      * @default GridExpandMoreIcon
      */
-    GroupingCriteriaCollapseIcon: React.JSXElementConstructor<any>;
+    groupingCriteriaCollapseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the detail panel toggle column when collapsed.
      * @default GridAddIcon
      */
-    DetailPanelExpandIcon: React.JSXElementConstructor<any>;
+    detailPanelExpandIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the detail panel toggle column when expanded.
      * @default GridRemoveIcon
      */
-    DetailPanelCollapseIcon: React.JSXElementConstructor<any>;
+    detailPanelCollapseIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed for deleting the filter from filter panel.
      * @default GridAddIcon
      */
-    FilterPanelAddIcon: React.JSXElementConstructor<any>;
+    filterPanelAddIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed for deleting the filter from filter panel.
      * @default GridDeleteIcon
      */
-    FilterPanelDeleteIcon: React.JSXElementConstructor<any>;
+    filterPanelDeleteIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed for deleting all the active filters from filter panel.
      * @default GridDeleteForeverIcon
      */
-    FilterPanelRemoveAllIcon: React.JSXElementConstructor<any>;
+    filterPanelRemoveAllIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the `reorder` column type to reorder a row.
      * @default GridDragIcon
      */
-    RowReorderIcon: React.JSXElementConstructor<any>;
+    rowReorderIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the quick filter input.
      * @default GridSearchIcon
      */
-    QuickFilterIcon: React.JSXElementConstructor<any>;
+    quickFilterIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the quick filter reset input.
      * @default GridCloseIcon
      */
-    QuickFilterClearIcon: React.JSXElementConstructor<any>;
+    quickFilterClearIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for hiding column
      * @default GridVisibilityOffIcon
      */
-    ColumnMenuHideIcon: React.JSXElementConstructor<any>;
+    columnMenuHideIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for ascending sort
      * @default GridArrowUpwardIcon
      */
-    ColumnMenuSortAscendingIcon: React.JSXElementConstructor<any>;
+    columnMenuSortAscendingIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for descending sort
      * @default GridArrowDownwardIcon
      */
-    ColumnMenuSortDescendingIcon: React.JSXElementConstructor<any>;
+    columnMenuSortDescendingIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for filter
      * @default GridFilterAltIcon
      */
-    ColumnMenuFilterIcon: React.JSXElementConstructor<any>;
+    columnMenuFilterIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for showing all columns
      * @default GridViewColumnIcon
      */
-    ColumnMenuManageColumnsIcon: React.JSXElementConstructor<any>;
+    columnMenuManageColumnsIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for clearing values
      * @default GridClearIcon
      */
-    ColumnMenuClearIcon: React.JSXElementConstructor<any>;
+    columnMenuClearIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the input while processing.
      * @default GridLoadIcon
      */
-    LoadIcon: React.JSXElementConstructor<any>;
+    loadIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed on the column reorder button.
      * @default GridDragIcon
      */
-    ColumnReorderIcon: React.JSXElementConstructor<any>;
+    columnReorderIcon: React.JSXElementConstructor<any>;
 }

package/models/gridSlotsComponent.d.ts

@@ -1,72 +1,71 @@
 import * as React from 'react';
-import type { UncapitalizeObjectKeys } from '../internals/utils';
 import type { GridIconSlotsComponent } from './gridIconSlotsComponent';
 export interface GridBaseSlots {
     /**
      * The custom Checkbox component used in the grid for both header and cells.
      * @default Checkbox
      */
-    BaseCheckbox: React.JSXElementConstructor<any>;
+    baseCheckbox: React.JSXElementConstructor<any>;
     /**
      * The custom Chip component used in the grid.
      * @default Chip
      */
-    BaseChip: React.JSXElementConstructor<any>;
+    baseChip: React.JSXElementConstructor<any>;
     /**
      * The custom InputAdornment component used in the grid.
      * @default InputAdornment
      */
-    BaseInputAdornment: React.JSXElementConstructor<any>;
+    baseInputAdornment: React.JSXElementConstructor<any>;
     /**
      * The custom TextField component used in the grid.
      * @default TextField
      */
-    BaseTextField: React.JSXElementConstructor<any>;
+    baseTextField: React.JSXElementConstructor<any>;
     /**
      * The custom FormControl component used in the grid.
      * @default FormControl
      */
-    BaseFormControl: React.JSXElementConstructor<any>;
+    baseFormControl: React.JSXElementConstructor<any>;
     /**
      * The custom Select component used in the grid.
      * @default Select
      */
-    BaseSelect: React.JSXElementConstructor<any>;
+    baseSelect: React.JSXElementConstructor<any>;
     /**
      * The custom Switch component used in the grid.
      * @default Switch
      */
-    BaseSwitch: React.JSXElementConstructor<any>;
+    baseSwitch: React.JSXElementConstructor<any>;
     /**
      * The custom Button component used in the grid.
      * @default Button
      */
-    BaseButton: React.JSXElementConstructor<any>;
+    baseButton: React.JSXElementConstructor<any>;
     /**
      * The custom IconButton component used in the grid.
      * @default IconButton
      */
-    BaseIconButton: React.JSXElementConstructor<any>;
+    baseIconButton: React.JSXElementConstructor<any>;
     /**
      * The custom Tooltip component used in the grid.
      * @default Tooltip
      */
-    BaseTooltip: React.JSXElementConstructor<any>;
+    baseTooltip: React.JSXElementConstructor<any>;
     /**
      * The custom Popper component used in the grid.
      * @default Popper
      */
-    BasePopper: React.JSXElementConstructor<any>;
+    basePopper: React.JSXElementConstructor<any>;
     /**
      * The custom InputLabel component used in the grid.
      * @default InputLabel
      */
-    BaseInputLabel: React.JSXElementConstructor<any>;
+    baseInputLabel: React.JSXElementConstructor<any>;
     /**
      * The custom SelectOption component used in the grid.
      * @default MenuItem
      */
-    BaseSelectOption: React.JSXElementConstructor<any>;
+    baseSelectOption: React.JSXElementConstructor<any>;
 }
 /**
  * Grid components React prop interface containing all the overridable components.
@@ -76,92 +75,90 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
      * The custom Chip component used in the grid.
      * @default Chip
      */
-    BaseChip: React.JSXElementConstructor<any>;
+    baseChip: React.JSXElementConstructor<any>;
     /**
      * Component rendered for each cell.
      * @default GridCell
      */
-    Cell: React.JSXElementConstructor<any>;
+    cell: React.JSXElementConstructor<any>;
     /**
      * Component rendered for each skeleton cell.
      * @default GridSkeletonCell
      */
-    SkeletonCell: React.JSXElementConstructor<any>;
+    skeletonCell: React.JSXElementConstructor<any>;
     /**
      * Filter icon component rendered in each column header.
      * @default GridColumnHeaderFilterIconButton
      */
-    ColumnHeaderFilterIconButton: React.JSXElementConstructor<any>;
+    columnHeaderFilterIconButton: React.JSXElementConstructor<any>;
     /**
      * Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.
      * @default GridColumnMenu
      */
-    ColumnMenu: React.JSXElementConstructor<any>;
+    columnMenu: React.JSXElementConstructor<any>;
     /**
      * Component responsible for rendering the column headers.
      * @default DataGridColumnHeaders
      */
-    ColumnHeaders: React.JSXElementConstructor<any>;
+    columnHeaders: React.JSXElementConstructor<any>;
     /**
      * Footer component rendered at the bottom of the grid viewport.
      * @default GridFooter
      */
-    Footer: React.JSXElementConstructor<any>;
+    footer: React.JSXElementConstructor<any>;
     /**
      * Row count component rendered in the footer
      * @default GridRowCount
      */
-    FooterRowCount: React.JSXElementConstructor<any>;
+    footerRowCount: React.JSXElementConstructor<any>;
     /**
      * Toolbar component rendered inside the Header component.
      * @default null
      */
-    Toolbar: React.JSXElementConstructor<any> | null;
+    toolbar: React.JSXElementConstructor<any> | null;
     /**
      * PreferencesPanel component rendered inside the Header component.
      * @default GridPreferencesPanel
      */
-    PreferencesPanel: React.JSXElementConstructor<any>;
+    preferencesPanel: React.JSXElementConstructor<any>;
     /**
      * Loading overlay component rendered when the grid is in a loading state.
      * @default GridLoadingOverlay
      */
-    LoadingOverlay: React.JSXElementConstructor<any>;
+    loadingOverlay: React.JSXElementConstructor<any>;
     /**
      * No results overlay component rendered when the grid has no results after filtering.
      * @default GridNoResultsOverlay
      */
-    NoResultsOverlay: React.JSXElementConstructor<any>;
+    noResultsOverlay: React.JSXElementConstructor<any>;
     /**
      * No rows overlay component rendered when the grid has no rows.
      * @default GridNoRowsOverlay
      */
-    NoRowsOverlay: React.JSXElementConstructor<any>;
+    noRowsOverlay: React.JSXElementConstructor<any>;
     /**
      * Pagination component rendered in the grid footer by default.
      * @default Pagination
      */
-    Pagination: React.JSXElementConstructor<any> | null;
+    pagination: React.JSXElementConstructor<any> | null;
     /**
      * Filter panel component rendered when clicking the filter button.
      * @default GridFilterPanel
      */
-    FilterPanel: React.JSXElementConstructor<any>;
+    filterPanel: React.JSXElementConstructor<any>;
     /**
      * GridColumns panel component rendered when clicking the columns button.
      * @default GridColumnsPanel
      */
-    ColumnsPanel: React.JSXElementConstructor<any>;
+    columnsPanel: React.JSXElementConstructor<any>;
     /**
      * Panel component wrapping the filters and columns panels.
      * @default GridPanel
      */
-    Panel: React.JSXElementConstructor<any>;
+    panel: React.JSXElementConstructor<any>;
     /**
      * Component rendered for each row.
      * @default GridRow
      */
-    Row: React.JSXElementConstructor<any>;
-}
-export interface UncapitalizedGridSlotsComponent extends UncapitalizeObjectKeys<GridSlotsComponent> {
+    row: React.JSXElementConstructor<any>;
 }

package/models/index.d.ts

@@ -16,7 +16,7 @@ export * from './gridCell';
 export * from './gridColumnHeaderClass';
 export * from './api';
 export * from './gridIconSlotsComponent';
-export type { GridSlotsComponent, UncapitalizedGridSlotsComponent } from './gridSlotsComponent';
+export type { GridSlotsComponent } from './gridSlotsComponent';
 export * from './gridSlotsComponentsProps';
 export * from './gridDensity';
 export * from './logger';