@mui/x-data-grid 8.0.0-beta.3 → 8.0.0

package/models/gridIconSlotsComponent.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IconProps } from "./gridBaseSlots.js";
 /**
  * Set of icons used in the grid component UI.
  */
@@ -7,185 +8,180 @@ export interface GridIconSlotsComponent {
    * Icon displayed on the boolean cell to represent the true value.
    * @default GridCheckIcon
    */
-  booleanCellTrueIcon: React.JSXElementConstructor<any>;
+  booleanCellTrueIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the boolean cell to represent the false value.
    * @default GridCloseIcon
    */
-  booleanCellFalseIcon: React.JSXElementConstructor<any>;
+  booleanCellFalseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * 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<IconProps>;
   /**
    * Icon displayed on the open filter button present in the toolbar by default.
    * @default GridFilterListIcon
    */
-  openFilterButtonIcon: React.JSXElementConstructor<any>;
+  openFilterButtonIcon: React.JSXElementConstructor<IconProps>;
   /**
    * 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<IconProps>;
   /**
    * Icon displayed on the column menu selector tab.
    * @default GridColumnIcon
    */
-  columnSelectorIcon: React.JSXElementConstructor<any>;
-  /**
-   * Icon displayed on the side of the column header title when unsorted.
-   * @default GridColumnUnsortedIcon
-   */
-  columnUnsortedIcon: React.JSXElementConstructor<any> | null;
+  columnSelectorIcon: React.JSXElementConstructor<IconProps>;
   /**
    * 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<IconProps> | 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<IconProps> | null;
   /**
    * Icon displayed in between two column headers that allows to resize the column header.
    * @default GridSeparatorIcon
    */
-  columnResizeIcon: React.JSXElementConstructor<any>;
+  columnResizeIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the compact density option in the toolbar.
    * @default GridViewHeadlineIcon
    */
-  densityCompactIcon: React.JSXElementConstructor<any>;
+  densityCompactIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the standard density option in the toolbar.
    * @default GridTableRowsIcon
    */
-  densityStandardIcon: React.JSXElementConstructor<any>;
+  densityStandardIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the "comfortable" density option in the toolbar.
    * @default GridViewStreamIcon
    */
-  densityComfortableIcon: React.JSXElementConstructor<any>;
+  densityComfortableIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the open export button present in the toolbar by default.
    * @default GridDownloadIcon
    */
-  exportIcon: React.JSXElementConstructor<any>;
+  exportIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the `actions` column type to open the menu.
    * @default GridMoreVertIcon
    */
-  moreActionsIcon: React.JSXElementConstructor<any>;
+  moreActionsIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the tree data toggling column when the children are collapsed
    * @default GridKeyboardArrowRight
    */
-  treeDataExpandIcon: React.JSXElementConstructor<any>;
+  treeDataExpandIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the tree data toggling column when the children are expanded
    * @default GridExpandMoreIcon
    */
-  treeDataCollapseIcon: React.JSXElementConstructor<any>;
+  treeDataCollapseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the grouping column when the children are collapsed
    * @default GridKeyboardArrowRight
    */
-  groupingCriteriaExpandIcon: React.JSXElementConstructor<any>;
+  groupingCriteriaExpandIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the grouping column when the children are expanded
    * @default GridExpandMoreIcon
    */
-  groupingCriteriaCollapseIcon: React.JSXElementConstructor<any>;
+  groupingCriteriaCollapseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the detail panel toggle column when collapsed.
    * @default GridAddIcon
    */
-  detailPanelExpandIcon: React.JSXElementConstructor<any>;
+  detailPanelExpandIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the detail panel toggle column when expanded.
    * @default GridRemoveIcon
    */
-  detailPanelCollapseIcon: React.JSXElementConstructor<any>;
+  detailPanelCollapseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed for deleting the filter from filter panel.
    * @default GridAddIcon
    */
-  filterPanelAddIcon: React.JSXElementConstructor<any>;
+  filterPanelAddIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed for deleting the filter from filter panel.
    * @default GridDeleteIcon
    */
-  filterPanelDeleteIcon: React.JSXElementConstructor<any>;
+  filterPanelDeleteIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed for deleting all the active filters from filter panel.
    * @default GridDeleteForeverIcon
    */
-  filterPanelRemoveAllIcon: React.JSXElementConstructor<any>;
+  filterPanelRemoveAllIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the `reorder` column type to reorder a row.
    * @default GridDragIcon
    */
-  rowReorderIcon: React.JSXElementConstructor<any>;
+  rowReorderIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the quick filter input.
    * @default GridSearchIcon
    */
-  quickFilterIcon: React.JSXElementConstructor<any>;
+  quickFilterIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the quick filter reset input.
    * @default GridCloseIcon
    */
-  quickFilterClearIcon: React.JSXElementConstructor<any>;
+  quickFilterClearIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for hiding column
    * @default GridVisibilityOffIcon
    */
-  columnMenuHideIcon: React.JSXElementConstructor<any>;
+  columnMenuHideIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for ascending sort
    * @default GridArrowUpwardIcon
    */
-  columnMenuSortAscendingIcon: React.JSXElementConstructor<any>;
+  columnMenuSortAscendingIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for descending sort
    * @default GridArrowDownwardIcon
    */
-  columnMenuSortDescendingIcon: React.JSXElementConstructor<any>;
+  columnMenuSortDescendingIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for unsort
    * @default null
    */
-  columnMenuUnsortIcon: React.JSXElementConstructor<any> | null;
+  columnMenuUnsortIcon: React.JSXElementConstructor<IconProps> | null;
   /**
    * Icon displayed in column menu for filter
    * @default GridFilterAltIcon
    */
-  columnMenuFilterIcon: React.JSXElementConstructor<any>;
+  columnMenuFilterIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for showing all columns
    * @default GridViewColumnIcon
    */
-  columnMenuManageColumnsIcon: React.JSXElementConstructor<any>;
+  columnMenuManageColumnsIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for clearing values
    * @default GridClearIcon
    */
-  columnMenuClearIcon: React.JSXElementConstructor<any>;
+  columnMenuClearIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the input while processing.
    * @default GridLoadIcon
    */
-  loadIcon: React.JSXElementConstructor<any>;
+  loadIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the column reorder button.
    * @default GridDragIcon
    */
-  columnReorderIcon: React.JSXElementConstructor<any>;
+  columnReorderIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed to indicate that a menu item is selected.
    * @default GridCheckIcon
    */
-  menuItemCheckIcon: React.JSXElementConstructor<any>;
+  menuItemCheckIcon: React.JSXElementConstructor<IconProps>;
 }

package/models/gridSlotsComponent.d.ts

@@ -18,6 +18,11 @@ export interface GridBaseSlots {
    * @default Checkbox
    */
   baseCheckbox: React.JSXElementConstructor<GridSlotProps['baseCheckbox']>;
+  /**
+   * The custom Chip component used in the grid.
+   * @default Chip
+   */
+  baseChip: React.JSXElementConstructor<GridSlotProps['baseChip']>;
   /**
    * The custom CircularProgress component used in the grid.
    * @default CircularProgress

package/models/gridSlotsComponentsProps.d.ts

@@ -18,12 +18,13 @@ import type { GridLoadingOverlayProps } from '../components/GridLoadingOverlay';
 import type { GridRowCountProps } from '../components/GridRowCount';
 import type { GridColumnHeaderSortIconProps } from '../components/columnHeaders/GridColumnHeaderSortIcon';
 import type { GridBottomContainerProps } from '../components/virtualization/GridBottomContainer';
-import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TooltipProps, TextFieldProps } from './gridBaseSlots';
+import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, ChipProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TooltipProps, TextFieldProps, IconProps } from './gridBaseSlots';
 type RootProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 type MainProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 export interface BaseAutocompletePropsOverrides {}
 export interface BaseBadgePropsOverrides {}
 export interface BaseCheckboxPropsOverrides {}
+export interface BaseChipPropsOverrides {}
 export interface BaseCircularProgressPropsOverrides {}
 export interface BaseDividerPropsOverrides {}
 export interface BaseLinearProgressPropsOverrides {}
@@ -41,7 +42,7 @@ export interface BaseInputPropsOverrides {}
 export interface BaseInputLabelPropsOverrides {}
 export interface BaseSelectOptionPropsOverrides {}
 export interface BaseSkeletonPropsOverrides {}
-export interface BaseChipPropsOverrides {}
+export interface BaseIconPropsOverrides {}
 export interface CellPropsOverrides {}
 export interface ToolbarPropsOverrides {}
 export interface ColumnHeaderFilterIconButtonPropsOverrides {}
@@ -67,6 +68,7 @@ interface BaseSlotProps {
   baseAutocomplete: AutocompleteProps<string, true, false, true> & BaseAutocompletePropsOverrides;
   baseBadge: BadgeProps & BaseBadgePropsOverrides;
   baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides;
+  baseChip: ChipProps & BaseChipPropsOverrides;
   baseCircularProgress: CircularProgressProps & BaseCircularProgressPropsOverrides;
   baseDivider: DividerProps & BaseDividerPropsOverrides;
   baseLinearProgress: LinearProgressProps & BaseLinearProgressPropsOverrides;
@@ -84,6 +86,7 @@ interface BaseSlotProps {
   baseSelectOption: SelectOptionProps & BaseSelectOptionPropsOverrides;
   baseSkeleton: SkeletonProps & BaseSkeletonPropsOverrides;
 }
+export type GridBaseIconProps = IconProps & BaseIconPropsOverrides;
 interface ElementSlotProps {
   bottomContainer: GridBottomContainerProps & BottomContainerPropsOverrides;
   cell: GridCellProps & CellPropsOverrides;

package/models/index.d.ts

@@ -21,11 +21,11 @@ export type { GridSlotsComponent } from './gridSlotsComponent';
 export * from "./gridSlotsComponentsProps.js";
 export * from "./gridDensity.js";
 export * from "./logger.js";
-export * from "./muiEvent.js";
+export type { MuiBaseEvent, MuiEvent } from '@mui/x-internals/types';
 export * from "./events/index.js";
 export type { GridSortCellParams, GridSortDirection, GridComparatorFn, GridSortModel } from './gridSortModel';
 export * from "./gridColumnGrouping.js";
-export type { GridDataSourceCache } from './gridDataSource';
+export type { GridDataSourceCache, GridUpdateRowParams } from './gridDataSource';
 export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions } from './gridExport';
 export * from "./gridFilterOperator.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';

package/models/index.js

@@ -253,18 +253,6 @@ Object.keys(_logger).forEach(function (key) {
     }
   });
 });
-var _muiEvent = require("./muiEvent");
-Object.keys(_muiEvent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _muiEvent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _muiEvent[key];
-    }
-  });
-});
 var _events = require("./events");
 Object.keys(_events).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/models/params/gridColumnResizeParams.d.ts

@@ -1,7 +1,6 @@
 import type { GridStateColDef } from '../colDef/gridColDef';
 /**
  * Object passed as parameter of the column resize event.
- * TODO: Move to `x-data-grid-pro` folder
  */
 export interface GridColumnResizeParams {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -9,7 +9,9 @@
     "url": "https://github.com/mui/mui-x/issues"
   },
   "homepage": "https://mui.com/x/react-data-grid/",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui-org"
@@ -38,12 +40,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.0",
-    "@mui/utils": "^7.0.0",
+    "@mui/utils": "^7.0.2",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "use-sync-external-store": "^1.4.0",
-    "@mui/x-internals": "8.0.0-beta.3"
+    "use-sync-external-store": "^1.5.0",
+    "@mui/x-internals": "8.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -76,10 +78,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -90,10 +88,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/components/panel/GridPreferencePanelContext.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface GridPreferencePanelContextValue {
-  columnsPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-  filterPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-}
-export declare const GridPreferencePanelContext: React.Context<GridPreferencePanelContextValue | undefined>;
-export declare function useGridPreferencePanelContext(): GridPreferencePanelContextValue;
-export declare function GridPreferencePanelContextProvider({
-  children
-}: {
-  children: React.ReactNode;
-}): React.JSX.Element;

package/esm/components/panel/GridPreferencePanelContext.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface GridPreferencePanelContextValue {
-  columnsPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-  filterPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-}
-export declare const GridPreferencePanelContext: React.Context<GridPreferencePanelContextValue | undefined>;
-export declare function useGridPreferencePanelContext(): GridPreferencePanelContextValue;
-export declare function GridPreferencePanelContextProvider({
-  children
-}: {
-  children: React.ReactNode;
-}): React.JSX.Element;

package/esm/components/panel/GridPreferencePanelContext.js

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const GridPreferencePanelContext = /*#__PURE__*/React.createContext(undefined);
-export function useGridPreferencePanelContext() {
-  const context = React.useContext(GridPreferencePanelContext);
-  if (context === undefined) {
-    throw new Error('MUI X: Missing context.');
-  }
-  return context;
-}
-export function GridPreferencePanelContextProvider({
-  children
-}) {
-  const columnsPanelTriggerRef = React.useRef(null);
-  const filterPanelTriggerRef = React.useRef(null);
-  const value = React.useMemo(() => ({
-    columnsPanelTriggerRef,
-    filterPanelTriggerRef
-  }), []);
-  return /*#__PURE__*/_jsx(GridPreferencePanelContext.Provider, {
-    value: value,
-    children: children
-  });
-}

package/esm/material/icons/GridColumnUnsortedIcon.d.ts

@@ -1,8 +0,0 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-import * as React from 'react';
-import { GridSortDirection } from "../../models/gridSortModel.js";
-interface GridColumnUnsortedIconProps extends SvgIconProps {
-  sortingOrder: GridSortDirection[];
-}
-export declare const GridColumnUnsortedIcon: React.NamedExoticComponent<GridColumnUnsortedIconProps>;
-export {};

package/esm/models/muiEvent.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export type MuiBaseEvent = React.SyntheticEvent<HTMLElement> | DocumentEventMap[keyof DocumentEventMap] | {};
-export type MuiEvent<E extends MuiBaseEvent = MuiBaseEvent> = E & {
-  defaultMuiPrevented?: boolean;
-};

package/material/icons/GridColumnUnsortedIcon.d.ts

@@ -1,8 +0,0 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-import * as React from 'react';
-import { GridSortDirection } from "../../models/gridSortModel.js";
-interface GridColumnUnsortedIconProps extends SvgIconProps {
-  sortingOrder: GridSortDirection[];
-}
-export declare const GridColumnUnsortedIcon: React.NamedExoticComponent<GridColumnUnsortedIconProps>;
-export {};

package/models/muiEvent.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export type MuiBaseEvent = React.SyntheticEvent<HTMLElement> | DocumentEventMap[keyof DocumentEventMap] | {};
-export type MuiEvent<E extends MuiBaseEvent = MuiBaseEvent> = E & {
-  defaultMuiPrevented?: boolean;
-};

package/modern/DataGrid/DataGrid.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { DataGridProps } from "../models/props/DataGridProps.js";
-import { GridValidRowModel } from "../models/gridRows.js";
-export type { GridSlotsComponent as GridSlots } from '../models';
-interface DataGridComponent {
-  <R extends GridValidRowModel = any>(props: DataGridProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
-  propTypes?: any;
-}
-/**
- * Features:
- * - [DataGrid](https://mui.com/x/react-data-grid/features/)
- *
- * API:
- * - [DataGrid API](https://mui.com/x/api/data-grid/data-grid/)
- */
-export declare const DataGrid: DataGridComponent;