@mui/x-data-grid 8.0.0-alpha.11 → 8.0.0-alpha.13

package/models/events/gridEventLookup.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/events/gridEventPublisher.d.ts

@@ -1,29 +1,29 @@
-import { MuiBaseEvent } from '../muiEvent';
-import { GridEventLookup, GridEvents } from './gridEventLookup';
+import type { MuiBaseEvent } from '../muiEvent';
+import type { GridEventLookup, GridEvents } from './gridEventLookup';
 type PublisherArgsNoEvent<E extends GridEvents, T extends {
-    params: any;
+  params: any;
 }> = [E, T['params']];
 type PublisherArgsRequiredEvent<E extends GridEvents, T extends {
-    params: any;
-    event: MuiBaseEvent;
+  params: any;
+  event: MuiBaseEvent;
 }> = [E, T['params'], T['event']];
 type PublisherArgsOptionalEvent<E extends GridEvents, T extends {
-    params: any;
-    event: MuiBaseEvent;
+  params: any;
+  event: MuiBaseEvent;
 }> = PublisherArgsRequiredEvent<E, T> | PublisherArgsNoEvent<E, T>;
 type PublisherArgsEvent<E extends GridEvents, T extends {
-    params: any;
-    event: MuiBaseEvent;
+  params: any;
+  event: MuiBaseEvent;
 }> = {} extends T['event'] ? PublisherArgsOptionalEvent<E, T> : PublisherArgsRequiredEvent<E, T>;
 type PublisherArgsParams<E extends GridEvents, T extends {
-    params: any;
+  params: any;
 }> = [E, T['params']];
 type PublisherArgsNoParams<E extends GridEvents> = [E];
 type GridEventPublisherArg<E extends GridEvents, T> = T extends {
-    params: any;
-    event: MuiBaseEvent;
+  params: any;
+  event: MuiBaseEvent;
 } ? PublisherArgsEvent<E, T> : T extends {
-    params: any;
+  params: any;
 } ? PublisherArgsParams<E, T> : PublisherArgsNoParams<E>;
 export type GridEventPublisher = <E extends GridEvents>(...params: GridEventPublisherArg<E, GridEventLookup[E]>) => void;
-export {};
+export {};

package/models/events/gridEventPublisher.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/events/index.d.ts

@@ -1,3 +1,3 @@
-export * from './gridEventListener';
-export * from './gridEventPublisher';
-export * from './gridEventLookup';
+export * from "./gridEventListener.js";
+export * from "./gridEventPublisher.js";
+export * from "./gridEventLookup.js";

package/models/events/index.js

@@ -1,3 +1,38 @@
-export * from "./gridEventListener.js";
-export * from "./gridEventPublisher.js";
-export * from "./gridEventLookup.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _gridEventListener = require("./gridEventListener");
+Object.keys(_gridEventListener).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridEventListener[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridEventListener[key];
+    }
+  });
+});
+var _gridEventPublisher = require("./gridEventPublisher");
+Object.keys(_gridEventPublisher).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridEventPublisher[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridEventPublisher[key];
+    }
+  });
+});
+var _gridEventLookup = require("./gridEventLookup");
+Object.keys(_gridEventLookup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridEventLookup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridEventLookup[key];
+    }
+  });
+});

package/models/gridApiCaches.d.ts

@@ -1,6 +1,6 @@
-import { GridRowsInternalCache } from '../hooks/features/rows/gridRowsInterfaces';
-import { GridRowsMetaInternalCache } from '../hooks/features/rows/gridRowsMetaInterfaces';
+import { GridRowsInternalCache } from "../hooks/features/rows/gridRowsInterfaces.js";
+import { GridRowsMetaInternalCache } from "../hooks/features/rows/gridRowsMetaInterfaces.js";
 export interface GridApiCaches {
-    rows: GridRowsInternalCache;
-    rowsMeta: GridRowsMetaInternalCache;
-}
+  rows: GridRowsInternalCache;
+  rowsMeta: GridRowsMetaInternalCache;
+}

package/models/gridApiCaches.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/gridBaseSlots.d.ts

@@ -1,95 +1,255 @@
 type Ref<T = HTMLElement> = React.RefCallback<T | null> | React.RefObject<T | null> | null;
+export interface AutocompleteFilterOptionsState<Value> {
+  inputValue: string;
+  getOptionLabel: (option: Value) => string;
+}
+type AcValueMap<FreeSolo> = FreeSolo extends true ? string : never;
+type AcValue<Value, Multiple, DisableClearable, FreeSolo> = Multiple extends true ? Array<Value | AcValueMap<FreeSolo>> : DisableClearable extends true ? NonNullable<Value | AcValueMap<FreeSolo>> : Value | null | AcValueMap<FreeSolo>;
+export type AutocompleteProps<Value = string, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> = {
+  id?: string;
+  /** Allow multiple selection. */
+  multiple?: Multiple;
+  /** Allow to add new options. */
+  freeSolo?: FreeSolo;
+  value?: AcValue<Value, Multiple, DisableClearable, FreeSolo>;
+  options: ReadonlyArray<Value>;
+  /**
+   * Used to determine the string value for a given option.
+   * It's used to fill the input (and the list box options if `renderOption` is not provided).
+   *
+   * If used in free solo mode, it must accept both the type of the options and a string.
+   *
+   * @param {Value} option The option
+   * @returns {string} The label
+   * @default (option) => option.label ?? option
+   */
+  getOptionLabel?: (option: Value | AcValueMap<FreeSolo>) => string;
+  /**
+   * Used to determine if the option represents the given value.
+   * Uses strict equality by default.
+   * ⚠️ Both arguments need to be handled, an option can only match with one value.
+   *
+   * @param {Value} option The option to test.
+   * @param {Value} value The value to test against.
+   * @returns {boolean} true if value matches
+   */
+  isOptionEqualToValue?: (option: Value, value: Value) => boolean;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {Value|Value[]} value The new value of the component.
+   */
+  onChange?: (event: React.SyntheticEvent, value: AcValue<Value, Multiple, DisableClearable, FreeSolo>) => void;
+  /**
+   * Callback fired when the input value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {string} value The new value of the input.
+   */
+  onInputChange?: (event: React.SyntheticEvent, value: string) => void;
+  label?: React.ReactNode;
+  placeholder?: string;
+  slotProps?: {
+    textField: TextFieldProps;
+  };
+};
 export type BadgeProps = {
-    badgeContent?: React.ReactNode;
-    children: React.ReactNode;
-    color?: 'primary' | 'default' | 'error';
-    invisible?: boolean;
-    overlap?: 'circular';
-    variant?: 'dot';
-    style?: React.CSSProperties;
+  badgeContent?: React.ReactNode;
+  children: React.ReactNode;
+  color?: 'primary' | 'default' | 'error';
+  invisible?: boolean;
+  overlap?: 'circular';
+  variant?: 'dot';
+  style?: React.CSSProperties;
 };
 export type ButtonProps = {
-    ref?: Ref;
-    children?: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    id?: string;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    role?: string;
-    size?: 'small' | 'medium' | 'large';
-    startIcon?: React.ReactNode;
-    style?: React.CSSProperties;
-    tabIndex?: number;
-    title?: string;
-    touchRippleRef?: any;
+  ref?: Ref;
+  children?: React.ReactNode;
+  className?: string;
+  disabled?: boolean;
+  id?: string;
+  onClick?: React.MouseEventHandler<HTMLElement>;
+  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+  role?: string;
+  size?: 'small' | 'medium' | 'large';
+  startIcon?: React.ReactNode;
+  style?: React.CSSProperties;
+  tabIndex?: number;
+  title?: string;
+  touchRippleRef?: any;
+};
+export type CheckboxProps = {
+  ref?: Ref<HTMLButtonElement>;
+  id?: string;
+  autoFocus?: boolean;
+  checked?: boolean;
+  className?: string;
+  disabled?: boolean;
+  fullWidth?: boolean;
+  indeterminate?: boolean;
+  inputRef?: React.Ref<HTMLInputElement>;
+  name?: string;
+  label?: React.ReactNode;
+  onClick?: React.MouseEventHandler;
+  onChange?: React.ChangeEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  size?: 'small' | 'medium';
+  density?: 'standard' | 'compact';
+  slotProps?: {
+    htmlInput?: React.InputHTMLAttributes<HTMLInputElement>;
+  };
+  style?: React.CSSProperties;
+  tabIndex?: number;
+  touchRippleRef?: any;
 };
 export type IconButtonProps = Omit<ButtonProps, 'startIcon'> & {
-    label?: string;
-    color?: 'default' | 'inherit' | 'primary';
-    edge?: 'start' | 'end' | false;
+  label?: string;
+  color?: 'default' | 'inherit' | 'primary';
+  edge?: 'start' | 'end' | false;
 };
 export type DividerProps = {};
+export type MenuListProps = {
+  ref?: Ref<HTMLUListElement>;
+  id?: string;
+  className?: string;
+  children?: React.ReactNode;
+  autoFocus?: boolean;
+  autoFocusItem?: boolean;
+  onKeyDown?: React.KeyboardEventHandler;
+};
 export type MenuItemProps = {
-    autoFocus?: boolean;
-    children?: React.ReactNode;
-    /** For items that aren't interactive themselves (but may contain an interactive widget) */
-    inert?: boolean;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    iconStart?: React.ReactNode;
-    iconEnd?: React.ReactNode;
-    selected?: boolean;
-    value?: number | string | readonly string[];
-    style?: React.CSSProperties;
+  autoFocus?: boolean;
+  children?: React.ReactNode;
+  /** For items that aren't interactive themselves (but may contain an interactive widget) */
+  inert?: boolean;
+  disabled?: boolean;
+  onClick?: React.MouseEventHandler<HTMLElement>;
+  iconStart?: React.ReactNode;
+  iconEnd?: React.ReactNode;
+  selected?: boolean;
+  value?: number | string | readonly string[];
+  style?: React.CSSProperties;
+};
+type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
+type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+type AutoPlacement = 'auto' | 'auto-start' | 'auto-end';
+type Placement = AutoPlacement | BasePlacement | VariationPlacement;
+type ClickAwayMouseEventHandler = 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp';
+type ClickAwayTouchEventHandler = 'onTouchStart' | 'onTouchEnd';
+export type PopperProps = {
+  open: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  clickAwayTouchEvent?: false | ClickAwayTouchEventHandler;
+  clickAwayMouseEvent?: false | ClickAwayMouseEventHandler;
+  flip?: boolean;
+  focusTrap?: boolean;
+  onExited?: (node: HTMLElement | null) => void;
+  onClickAway?: (event: MouseEvent | TouchEvent) => void;
+  onDidShow?: () => void;
+  onDidHide?: () => void;
+  id?: string;
+  ref?: Ref;
+  target?: Element | null;
+  transition?: boolean;
+  /** @default 'bottom' */
+  placement?: Placement;
 };
 export type CircularProgressProps = {
-    /**
-     * Pixels or CSS value.
-     * @default 40
-     */
-    size?: number | string;
-    /** @default 'primary' */
-    color?: 'inherit' | 'primary';
+  /**
+   * Pixels or CSS value.
+   * @default 40
+   */
+  size?: number | string;
+  /** @default 'primary' */
+  color?: 'inherit' | 'primary';
 };
 export type LinearProgressProps = {};
+export type InputProps = {
+  ref?: React.Ref<HTMLElement>;
+  inputRef?: React.Ref<HTMLInputElement>;
+  className?: string;
+  fullWidth?: boolean;
+  type?: React.HTMLInputTypeAttribute;
+  value?: string;
+  onChange: React.ChangeEventHandler;
+  disabled?: boolean;
+  endAdornment?: React.ReactNode;
+  startAdornment?: React.ReactNode;
+  slotProps?: {
+    htmlInput?: React.InputHTMLAttributes<HTMLInputElement>;
+  };
+};
+export type SelectProps = {
+  ref?: Ref;
+  id?: string;
+  value?: any;
+  open?: boolean;
+  error?: boolean;
+  disabled?: boolean;
+  onChange?: React.ChangeEventHandler;
+  onFocus?: React.FocusEventHandler;
+  onBlur?: React.FocusEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  onOpen?: (event: React.SyntheticEvent) => void;
+  onClose?: (event: React.KeyboardEvent, reason: 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown') => void;
+  label?: React.ReactNode;
+  labelId?: string;
+  native?: boolean;
+  fullWidth?: boolean;
+  size?: 'small' | 'medium';
+  slotProps?: {
+    htmlInput?: {
+      ref?: Ref;
+    } & React.InputHTMLAttributes<HTMLInputElement>;
+  };
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+};
+export type SelectOptionProps = {
+  native: boolean;
+  value: any;
+  children?: React.ReactNode;
+};
 export type SkeletonProps = {
-    variant?: 'circular' | 'text';
-    width?: number | string;
-    height?: number | string;
+  variant?: 'circular' | 'text';
+  width?: number | string;
+  height?: number | string;
+};
+export type SwitchProps = {
+  checked?: boolean;
+  onChange?: React.ChangeEventHandler;
+  size?: 'small' | 'medium';
 };
 export type TextFieldProps = {
-    autoComplete?: string;
-    className?: string;
-    color?: 'primary' | 'error';
-    disabled?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    helperText?: string | null;
-    id?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    label?: React.ReactNode;
-    onChange?: React.ChangeEventHandler;
-    onKeyDown?: React.KeyboardEventHandler;
-    placeholder?: string;
-    size?: 'small' | 'medium';
-    slotProps?: {
-        input?: {
-            disabled?: boolean;
-            endAdornment?: React.ReactNode;
-            startAdornment?: React.ReactNode;
-        };
-        inputLabel?: {};
-        htmlInput?: React.InputHTMLAttributes<HTMLInputElement>;
-    };
-    style?: React.CSSProperties;
-    tabIndex?: number;
-    type?: React.HTMLInputTypeAttribute;
-    value?: string;
+  autoComplete?: string;
+  className?: string;
+  color?: 'primary' | 'error';
+  disabled?: boolean;
+  error?: boolean;
+  fullWidth?: boolean;
+  helperText?: string | null;
+  id?: string;
+  inputRef?: React.Ref<HTMLInputElement>;
+  label?: React.ReactNode;
+  onChange?: React.ChangeEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  placeholder?: string;
+  size?: 'small' | 'medium';
+  slotProps?: {
+    input?: Partial<InputProps>;
+    inputLabel?: {};
+    htmlInput?: React.InputHTMLAttributes<HTMLInputElement>;
+  };
+  style?: React.CSSProperties;
+  tabIndex?: number;
+  type?: React.HTMLInputTypeAttribute;
+  value?: string;
 };
 export type TooltipProps = {
-    children: React.ReactElement<any, any>;
-    enterDelay?: number;
-    title: React.ReactNode;
+  children: React.ReactElement<any, any>;
+  enterDelay?: number;
+  title: React.ReactNode;
 };
-export {};
+export {};

package/models/gridBaseSlots.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/gridCell.d.ts

@@ -1,5 +1,5 @@
 import type { GridColDef } from './colDef';
-import { GridRowId } from './gridRows';
+import { GridRowId } from "./gridRows.js";
 /**
  * The mode of the cell.
  */
@@ -12,19 +12,19 @@ export type GridRowMode = 'edit' | 'view';
  * The coordinates of cell represented by their row and column indexes.
  */
 export interface GridCellIndexCoordinates {
-    colIndex: number;
-    rowIndex: number;
+  colIndex: number;
+  rowIndex: number;
 }
 /**
  * The coordinates of a cell represented by their row ID and column field.
  */
 export interface GridCellCoordinates {
-    id: GridRowId;
-    field: GridColDef['field'];
+  id: GridRowId;
+  field: GridColDef['field'];
 }
 /**
  * The coordinates of column header represented by their row and column indexes.
  */
 export interface GridColumnHeaderIndexCoordinates {
-    colIndex: number;
-}
+  colIndex: number;
+}

package/models/gridCell.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/gridCellClass.d.ts

@@ -1,5 +1,5 @@
-import { GridValidRowModel } from './gridRows';
-import { GridCellParams } from './params/gridCellParams';
+import { GridValidRowModel } from "./gridRows.js";
+import { GridCellParams } from "./params/gridCellParams.js";
 /**
  * A function used to process cellClassName params.
  */
@@ -7,4 +7,4 @@ export type GridCellClassFn<R extends GridValidRowModel = any, V = unknown> = (p
 /**
  * The union type representing the [[GridColDef]] cell class type.
  */
-export type GridCellClassNamePropType<R extends GridValidRowModel = any, V = unknown> = string | GridCellClassFn<R, V>;
+export type GridCellClassNamePropType<R extends GridValidRowModel = any, V = unknown> = string | GridCellClassFn<R, V>;

package/models/gridCellClass.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/gridColumnGrouping.d.ts

@@ -1,7 +1,7 @@
-import { GridColDef } from './colDef';
+import { GridColDef } from "./colDef/index.js";
 import type { GridColumnGroupHeaderParams } from './params/gridColumnGroupHeaderParams';
 export interface GridLeafColumn {
-    field: GridColDef['field'];
+  field: GridColDef['field'];
 }
 export type GridColumnNode = GridColumnGroup | GridLeafColumn;
 export declare function isLeaf(node: GridColumnNode): node is GridLeafColumn;
@@ -14,28 +14,28 @@ export type GridColumnGroupHeaderClassFn = (params: GridColumnGroupHeaderParams)
  */
 export type GridColumnGroupHeaderClassNamePropType = string | GridColumnGroupHeaderClassFn;
 export interface GridColumnGroup extends Pick<GridColDef, 'headerName' | 'description' | 'headerAlign'> {
-    /**
-     * A unique string identifying the group.
-     */
-    groupId: string;
-    /**
-     * The groups and columns included in this group.
-     */
-    children: GridColumnNode[];
-    /**
-     * If `true`, allows reordering columns outside of the group.
-     * @default false
-     */
-    freeReordering?: boolean;
-    /**
-     * Allows to render a component in the column group header cell.
-     * @param {GridColumnGroupHeaderParams} params Object containing parameters for the renderer.
-     * @returns {React.ReactNode} The element to be rendered.
-     */
-    renderHeaderGroup?: (params: GridColumnGroupHeaderParams) => React.ReactNode;
-    /**
-     * Class name that will be added in the column group header cell.
-     */
-    headerClassName?: GridColumnGroupHeaderClassNamePropType;
+  /**
+   * A unique string identifying the group.
+   */
+  groupId: string;
+  /**
+   * The groups and columns included in this group.
+   */
+  children: GridColumnNode[];
+  /**
+   * If `true`, allows reordering columns outside of the group.
+   * @default false
+   */
+  freeReordering?: boolean;
+  /**
+   * Allows to render a component in the column group header cell.
+   * @param {GridColumnGroupHeaderParams} params Object containing parameters for the renderer.
+   * @returns {React.ReactNode} The element to be rendered.
+   */
+  renderHeaderGroup?: (params: GridColumnGroupHeaderParams) => React.ReactNode;
+  /**
+   * Class name that will be added in the column group header cell.
+   */
+  headerClassName?: GridColumnGroupHeaderClassNamePropType;
 }
-export type GridColumnGroupingModel = GridColumnGroup[];
+export type GridColumnGroupingModel = GridColumnGroup[];

package/models/gridColumnGrouping.js

@@ -1,4 +1,10 @@
-export function isLeaf(node) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isLeaf = isLeaf;
+function isLeaf(node) {
   return node.field !== undefined;
 }
 

package/models/gridColumnHeaderClass.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnHeaderParams } from './params/gridColumnHeaderParams';
+import { GridColumnHeaderParams } from "./params/gridColumnHeaderParams.js";
 /**
  * A function used to process headerClassName params.
  */
@@ -6,4 +6,4 @@ export type GridColumnHeaderClassFn = (params: GridColumnHeaderParams) => string
 /**
  * The union type representing the [[GridColDef]] column header class type.
  */
-export type GridColumnHeaderClassNamePropType = string | GridColumnHeaderClassFn;
+export type GridColumnHeaderClassNamePropType = string | GridColumnHeaderClassFn;

package/models/gridColumnHeaderClass.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/gridColumnSpanning.d.ts

@@ -1,12 +1,12 @@
 export type GridColumnIndex = number;
 export type GridCellColSpanInfo = {
-    spannedByColSpan: true;
-    rightVisibleCellIndex: GridColumnIndex;
-    leftVisibleCellIndex: GridColumnIndex;
+  spannedByColSpan: true;
+  rightVisibleCellIndex: GridColumnIndex;
+  leftVisibleCellIndex: GridColumnIndex;
 } | {
-    spannedByColSpan: false;
-    cellProps: {
-        colSpan: number;
-        width: number;
-    };
-};
+  spannedByColSpan: false;
+  cellProps: {
+    colSpan: number;
+    width: number;
+  };
+};

package/models/gridColumnSpanning.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});