@mui/x-data-grid 9.4.0 → 9.5.0

package/models/gridBaseSlots.d.ts

@@ -54,10 +54,45 @@ export type AutocompleteProps<Value = string, Multiple extends boolean = false,
    * @param {string} value The new value of the input.
    */
   onInputChange?: (event: React.SyntheticEvent, value: string) => void;
+  /** Control the popup open state. */
+  open?: boolean;
+  /**
+   * Callback fired when the popup requests to be opened.
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen?: (event: React.SyntheticEvent) => void;
+  /**
+   * Callback fired when the popup requests to be closed.
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {string} reason The reason for closing.
+   */
+  onClose?: (event: React.SyntheticEvent, reason: string) => void;
+  /** If true, the popup won't close when a value is selected. */
+  disableCloseOnSelect?: boolean;
+  /** If true, the popup opens when the input is focused. */
+  openOnFocus?: boolean;
+  /**
+   * Render the option, use `getOptionLabel` by default.
+   * @param {React.HTMLAttributes<HTMLLIElement> & { key: any }} props The props to apply on the li element.
+   * @param {Value} option The option to render.
+   * @param {object} state The state of each option.
+   * @param {string} state.inputValue The input value.
+   * @param {number} state.index The index of the option in the list.
+   * @param {boolean} state.selected Whether the option is selected.
+   * @returns {React.ReactNode} react node to render
+   */
+  renderOption?: (props: React.HTMLAttributes<HTMLLIElement> & {
+    key: any;
+  }, option: Value, state: {
+    inputValue: string;
+    index: number;
+    selected: boolean;
+  }) => React.ReactNode;
   label?: React.ReactNode;
   placeholder?: string;
   slotProps?: {
     textField: TextFieldProps;
+    chip?: ChipProps | ((value: Value, index: number) => ChipProps);
   };
 };
 export type BadgeProps = CommonProps & {
@@ -182,6 +217,15 @@ export type PopperProps = CommonProps & {
   /** @default 'bottom' */
   placement?: Placement;
 };
+export type ModalProps = CommonProps & {
+  open: boolean;
+  children: React.ReactElement<unknown>;
+  onClose?: (event: object, reason: 'backdropClick' | 'escapeKeyDown') => void;
+  keepMounted?: boolean;
+  disableAutoFocus?: boolean;
+  disableEnforceFocus?: boolean;
+  disableRestoreFocus?: boolean;
+};
 export type CircularProgressProps = CommonProps & {
   /**
    * Pixels or CSS value.
@@ -225,9 +269,11 @@ export type SelectProps = CommonProps & {
   open?: boolean;
   error?: boolean;
   disabled?: boolean;
+  multiple?: boolean;
   onChange?: React.ChangeEventHandler;
   onOpen?: (event: React.SyntheticEvent) => void;
   onClose?: (event: React.KeyboardEvent, reason: 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown') => void;
+  renderValue?: (value: any) => React.ReactNode;
   label?: React.ReactNode;
   labelId?: string;
   native?: boolean;

package/models/gridSlotsComponent.d.mts

@@ -48,6 +48,11 @@ export interface GridBaseSlots {
    * @default MenuItem
    */
   baseMenuItem: React.JSXElementConstructor<GridSlotProps['baseMenuItem']>;
+  /**
+   * The custom Modal component used in the grid.
+   * @default Modal
+   */
+  baseModal: React.JSXElementConstructor<GridSlotProps['baseModal']>;
   /**
    * The custom TextField component used in the grid.
    * @default TextField

package/models/gridSlotsComponent.d.ts

@@ -48,6 +48,11 @@ export interface GridBaseSlots {
    * @default MenuItem
    */
   baseMenuItem: React.JSXElementConstructor<GridSlotProps['baseMenuItem']>;
+  /**
+   * The custom Modal component used in the grid.
+   * @default Modal
+   */
+  baseModal: React.JSXElementConstructor<GridSlotProps['baseModal']>;
   /**
    * The custom TextField component used in the grid.
    * @default TextField

package/models/gridSlotsComponentsProps.d.mts

@@ -19,7 +19,7 @@ import type { GridRowCountProps } from "../components/GridRowCount.mjs";
 import type { GridColumnHeaderSortIconProps } from "../components/columnHeaders/GridColumnHeaderSortIcon.mjs";
 import type { GridBottomContainerProps } from "../components/virtualization/GridBottomContainer.mjs";
 import type { GridRowId } from "./gridRows.mjs";
-import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, ChipProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TextareaProps, TooltipProps, TextFieldProps, IconProps, TabsProps, ToggleButtonProps } from "./gridBaseSlots.mjs";
+import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, ChipProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, ModalProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TextareaProps, TooltipProps, TextFieldProps, IconProps, TabsProps, ToggleButtonProps } from "./gridBaseSlots.mjs";
 type RootProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 type MainProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 export interface BaseAutocompletePropsOverrides {}
@@ -31,6 +31,7 @@ export interface BaseDividerPropsOverrides {}
 export interface BaseLinearProgressPropsOverrides {}
 export interface BaseMenuListPropsOverrides {}
 export interface BaseMenuItemPropsOverrides {}
+export interface BaseModalPropsOverrides {}
 export interface BaseTabsPropsOverrides {}
 export interface BaseTextFieldPropsOverrides {}
 export interface BaseSelectPropsOverrides {}
@@ -79,6 +80,7 @@ interface BaseSlotProps {
   baseLinearProgress: LinearProgressProps & BaseLinearProgressPropsOverrides;
   baseMenuList: MenuListProps & BaseMenuListPropsOverrides;
   baseMenuItem: MenuItemProps & BaseMenuItemPropsOverrides;
+  baseModal: ModalProps & BaseModalPropsOverrides;
   baseTabs: TabsProps & BaseTabsPropsOverrides;
   baseTextField: TextFieldProps & BaseTextFieldPropsOverrides;
   baseSwitch: SwitchProps & BaseSwitchPropsOverrides;

package/models/gridSlotsComponentsProps.d.ts

@@ -19,7 +19,7 @@ import type { GridRowCountProps } from "../components/GridRowCount.js";
 import type { GridColumnHeaderSortIconProps } from "../components/columnHeaders/GridColumnHeaderSortIcon.js";
 import type { GridBottomContainerProps } from "../components/virtualization/GridBottomContainer.js";
 import type { GridRowId } from "./gridRows.js";
-import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, ChipProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TextareaProps, TooltipProps, TextFieldProps, IconProps, TabsProps, ToggleButtonProps } from "./gridBaseSlots.js";
+import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, ChipProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, ModalProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TextareaProps, TooltipProps, TextFieldProps, IconProps, TabsProps, ToggleButtonProps } from "./gridBaseSlots.js";
 type RootProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 type MainProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 export interface BaseAutocompletePropsOverrides {}
@@ -31,6 +31,7 @@ export interface BaseDividerPropsOverrides {}
 export interface BaseLinearProgressPropsOverrides {}
 export interface BaseMenuListPropsOverrides {}
 export interface BaseMenuItemPropsOverrides {}
+export interface BaseModalPropsOverrides {}
 export interface BaseTabsPropsOverrides {}
 export interface BaseTextFieldPropsOverrides {}
 export interface BaseSelectPropsOverrides {}
@@ -79,6 +80,7 @@ interface BaseSlotProps {
   baseLinearProgress: LinearProgressProps & BaseLinearProgressPropsOverrides;
   baseMenuList: MenuListProps & BaseMenuListPropsOverrides;
   baseMenuItem: MenuItemProps & BaseMenuItemPropsOverrides;
+  baseModal: ModalProps & BaseModalPropsOverrides;
   baseTabs: TabsProps & BaseTabsPropsOverrides;
   baseTextField: TextFieldProps & BaseTextFieldPropsOverrides;
   baseSwitch: SwitchProps & BaseSwitchPropsOverrides;

package/models/gridStateCommunity.d.mts

@@ -13,7 +13,7 @@ import type { GridRowReorderState } from "../hooks/features/rowReorder/gridRowRe
  * Some props are passed on the state to enable grid selectors to select
  * and react to them.
  */
-export type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView' | 'isCellEditable' | 'isRowSelectable' | 'dataSource'>;
+export type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView' | 'isCellEditable' | 'isRowSelectable' | 'dataSource' | 'signature'>;
 /**
  * The state of Data Grid.
  */

package/models/gridStateCommunity.d.ts

@@ -13,7 +13,7 @@ import type { GridRowReorderState } from "../hooks/features/rowReorder/gridRowRe
  * Some props are passed on the state to enable grid selectors to select
  * and react to them.
  */
-export type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView' | 'isCellEditable' | 'isRowSelectable' | 'dataSource'>;
+export type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView' | 'isCellEditable' | 'isRowSelectable' | 'dataSource' | 'signature'>;
 /**
  * The state of Data Grid.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "9.4.0",
+  "version": "9.5.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-virtualizer": "9.0.0-alpha.8",
-    "@mui/x-internals": "^9.1.0"
+    "@mui/x-internals": "^9.1.0",
+    "@mui/x-virtualizer": "9.0.0-alpha.8"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",