@mui/x-data-grid 9.9.0 → 9.10.0

package/constants/cssVariables.d.ts

@@ -1,81 +1,81 @@
 declare const keys: {
-  readonly spacingUnit: "--DataGrid-t-spacing-unit";
+  readonly spacingUnit: '--DataGrid-t-spacing-unit';
   readonly colors: {
     readonly border: {
-      readonly base: "--DataGrid-t-color-border-base";
+      readonly base: '--DataGrid-t-color-border-base';
     };
     readonly foreground: {
-      readonly base: "--DataGrid-t-color-foreground-base";
-      readonly muted: "--DataGrid-t-color-foreground-muted";
-      readonly accent: "--DataGrid-t-color-foreground-accent";
-      readonly disabled: "--DataGrid-t-color-foreground-disabled";
-      readonly error: "--DataGrid-t-color-foreground-error";
+      readonly base: '--DataGrid-t-color-foreground-base';
+      readonly muted: '--DataGrid-t-color-foreground-muted';
+      readonly accent: '--DataGrid-t-color-foreground-accent';
+      readonly disabled: '--DataGrid-t-color-foreground-disabled';
+      readonly error: '--DataGrid-t-color-foreground-error';
     };
     readonly background: {
-      readonly base: "--DataGrid-t-color-background-base";
-      readonly overlay: "--DataGrid-t-color-background-overlay";
-      readonly backdrop: "--DataGrid-t-color-background-backdrop";
+      readonly base: '--DataGrid-t-color-background-base';
+      readonly overlay: '--DataGrid-t-color-background-overlay';
+      readonly backdrop: '--DataGrid-t-color-background-backdrop';
     };
     readonly interactive: {
-      readonly hover: "--DataGrid-t-color-interactive-hover";
-      readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-      readonly focus: "--DataGrid-t-color-interactive-focus";
-      readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-      readonly disabled: "--DataGrid-t-color-interactive-disabled";
-      readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-      readonly selected: "--DataGrid-t-color-interactive-selected";
-      readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
+      readonly hover: '--DataGrid-t-color-interactive-hover';
+      readonly hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity';
+      readonly focus: '--DataGrid-t-color-interactive-focus';
+      readonly focusOpacity: '--DataGrid-t-color-interactive-focus-opacity';
+      readonly disabled: '--DataGrid-t-color-interactive-disabled';
+      readonly disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity';
+      readonly selected: '--DataGrid-t-color-interactive-selected';
+      readonly selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity';
     };
   };
   readonly header: {
     readonly background: {
-      readonly base: "--DataGrid-t-header-background-base";
+      readonly base: '--DataGrid-t-header-background-base';
     };
   };
   readonly cell: {
     readonly background: {
-      readonly pinned: "--DataGrid-t-cell-background-pinned";
+      readonly pinned: '--DataGrid-t-cell-background-pinned';
     };
   };
   readonly radius: {
-    readonly base: "--DataGrid-t-radius-base";
+    readonly base: '--DataGrid-t-radius-base';
   };
   readonly typography: {
     readonly font: {
-      readonly body: "--DataGrid-t-typography-font-body";
-      readonly small: "--DataGrid-t-typography-font-small";
-      readonly large: "--DataGrid-t-typography-font-large";
+      readonly body: '--DataGrid-t-typography-font-body';
+      readonly small: '--DataGrid-t-typography-font-small';
+      readonly large: '--DataGrid-t-typography-font-large';
     };
     readonly fontFamily: {
-      readonly base: "--DataGrid-t-typography-font-family-base";
+      readonly base: '--DataGrid-t-typography-font-family-base';
     };
     readonly fontWeight: {
-      readonly light: "--DataGrid-t-typography-font-weight-light";
-      readonly regular: "--DataGrid-t-typography-font-weight-regular";
-      readonly medium: "--DataGrid-t-typography-font-weight-medium";
-      readonly bold: "--DataGrid-t-typography-font-weight-bold";
+      readonly light: '--DataGrid-t-typography-font-weight-light';
+      readonly regular: '--DataGrid-t-typography-font-weight-regular';
+      readonly medium: '--DataGrid-t-typography-font-weight-medium';
+      readonly bold: '--DataGrid-t-typography-font-weight-bold';
     };
   };
   readonly transitions: {
     readonly easing: {
-      readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-      readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-      readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
+      readonly easeIn: '--DataGrid-t-transition-easing-ease-in';
+      readonly easeOut: '--DataGrid-t-transition-easing-ease-out';
+      readonly easeInOut: '--DataGrid-t-transition-easing-ease-in-out';
     };
     readonly duration: {
-      readonly short: "--DataGrid-t-transition-duration-short";
-      readonly base: "--DataGrid-t-transition-duration-base";
-      readonly long: "--DataGrid-t-transition-duration-long";
+      readonly short: '--DataGrid-t-transition-duration-short';
+      readonly base: '--DataGrid-t-transition-duration-base';
+      readonly long: '--DataGrid-t-transition-duration-long';
     };
   };
   readonly shadows: {
-    readonly base: "--DataGrid-t-shadow-base";
-    readonly overlay: "--DataGrid-t-shadow-overlay";
+    readonly base: '--DataGrid-t-shadow-base';
+    readonly overlay: '--DataGrid-t-shadow-overlay';
   };
   readonly zIndex: {
-    readonly panel: "--DataGrid-t-z-index-panel";
-    readonly menu: "--DataGrid-t-z-index-menu";
-    readonly modal: "--DataGrid-t-z-index-modal";
+    readonly panel: '--DataGrid-t-z-index-panel';
+    readonly menu: '--DataGrid-t-z-index-menu';
+    readonly modal: '--DataGrid-t-z-index-modal';
   };
 };
 export type GridCSSVariablesInterface = { [E in CreateObjectEntries<typeof keys> as E['value']]: string | number };
@@ -93,83 +93,83 @@ type CreateObjectEntries<TValue, TValueInitial = TValue> = TValue extends object
 } : never : never : never }[keyof TValue] : EmptyEntry<TValue>;
 type OmitItself<TValue, TValueInitial> = TValue extends TValueInitial ? EmptyEntry<TValue> : CreateObjectEntries<TValue, TValueInitial>;
 export declare const vars: {
-  spacingUnit: "--DataGrid-t-spacing-unit";
+  spacingUnit: '--DataGrid-t-spacing-unit';
   colors: {
     readonly border: {
-      readonly base: "--DataGrid-t-color-border-base";
+      readonly base: '--DataGrid-t-color-border-base';
     };
     readonly foreground: {
-      readonly base: "--DataGrid-t-color-foreground-base";
-      readonly muted: "--DataGrid-t-color-foreground-muted";
-      readonly accent: "--DataGrid-t-color-foreground-accent";
-      readonly disabled: "--DataGrid-t-color-foreground-disabled";
-      readonly error: "--DataGrid-t-color-foreground-error";
+      readonly base: '--DataGrid-t-color-foreground-base';
+      readonly muted: '--DataGrid-t-color-foreground-muted';
+      readonly accent: '--DataGrid-t-color-foreground-accent';
+      readonly disabled: '--DataGrid-t-color-foreground-disabled';
+      readonly error: '--DataGrid-t-color-foreground-error';
     };
     readonly background: {
-      readonly base: "--DataGrid-t-color-background-base";
-      readonly overlay: "--DataGrid-t-color-background-overlay";
-      readonly backdrop: "--DataGrid-t-color-background-backdrop";
+      readonly base: '--DataGrid-t-color-background-base';
+      readonly overlay: '--DataGrid-t-color-background-overlay';
+      readonly backdrop: '--DataGrid-t-color-background-backdrop';
     };
     readonly interactive: {
-      readonly hover: "--DataGrid-t-color-interactive-hover";
-      readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-      readonly focus: "--DataGrid-t-color-interactive-focus";
-      readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-      readonly disabled: "--DataGrid-t-color-interactive-disabled";
-      readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-      readonly selected: "--DataGrid-t-color-interactive-selected";
-      readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
+      readonly hover: '--DataGrid-t-color-interactive-hover';
+      readonly hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity';
+      readonly focus: '--DataGrid-t-color-interactive-focus';
+      readonly focusOpacity: '--DataGrid-t-color-interactive-focus-opacity';
+      readonly disabled: '--DataGrid-t-color-interactive-disabled';
+      readonly disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity';
+      readonly selected: '--DataGrid-t-color-interactive-selected';
+      readonly selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity';
     };
   };
   header: {
     readonly background: {
-      readonly base: "--DataGrid-t-header-background-base";
+      readonly base: '--DataGrid-t-header-background-base';
     };
   };
   cell: {
     readonly background: {
-      readonly pinned: "--DataGrid-t-cell-background-pinned";
+      readonly pinned: '--DataGrid-t-cell-background-pinned';
     };
   };
   radius: {
-    readonly base: "--DataGrid-t-radius-base";
+    readonly base: '--DataGrid-t-radius-base';
   };
   typography: {
     readonly font: {
-      readonly body: "--DataGrid-t-typography-font-body";
-      readonly small: "--DataGrid-t-typography-font-small";
-      readonly large: "--DataGrid-t-typography-font-large";
+      readonly body: '--DataGrid-t-typography-font-body';
+      readonly small: '--DataGrid-t-typography-font-small';
+      readonly large: '--DataGrid-t-typography-font-large';
     };
     readonly fontFamily: {
-      readonly base: "--DataGrid-t-typography-font-family-base";
+      readonly base: '--DataGrid-t-typography-font-family-base';
     };
     readonly fontWeight: {
-      readonly light: "--DataGrid-t-typography-font-weight-light";
-      readonly regular: "--DataGrid-t-typography-font-weight-regular";
-      readonly medium: "--DataGrid-t-typography-font-weight-medium";
-      readonly bold: "--DataGrid-t-typography-font-weight-bold";
+      readonly light: '--DataGrid-t-typography-font-weight-light';
+      readonly regular: '--DataGrid-t-typography-font-weight-regular';
+      readonly medium: '--DataGrid-t-typography-font-weight-medium';
+      readonly bold: '--DataGrid-t-typography-font-weight-bold';
     };
   };
   transitions: {
     readonly easing: {
-      readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-      readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-      readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
+      readonly easeIn: '--DataGrid-t-transition-easing-ease-in';
+      readonly easeOut: '--DataGrid-t-transition-easing-ease-out';
+      readonly easeInOut: '--DataGrid-t-transition-easing-ease-in-out';
     };
     readonly duration: {
-      readonly short: "--DataGrid-t-transition-duration-short";
-      readonly base: "--DataGrid-t-transition-duration-base";
-      readonly long: "--DataGrid-t-transition-duration-long";
+      readonly short: '--DataGrid-t-transition-duration-short';
+      readonly base: '--DataGrid-t-transition-duration-base';
+      readonly long: '--DataGrid-t-transition-duration-long';
     };
   };
   shadows: {
-    readonly base: "--DataGrid-t-shadow-base";
-    readonly overlay: "--DataGrid-t-shadow-overlay";
+    readonly base: '--DataGrid-t-shadow-base';
+    readonly overlay: '--DataGrid-t-shadow-overlay';
   };
   zIndex: {
-    readonly panel: "--DataGrid-t-z-index-panel";
-    readonly menu: "--DataGrid-t-z-index-menu";
-    readonly modal: "--DataGrid-t-z-index-modal";
+    readonly panel: '--DataGrid-t-z-index-panel';
+    readonly menu: '--DataGrid-t-z-index-menu';
+    readonly modal: '--DataGrid-t-z-index-modal';
   };
   breakpoints: {
     values: {
@@ -184,83 +184,83 @@ export declare const vars: {
   spacing: typeof spacing;
   transition: typeof transition;
   keys: {
-    readonly spacingUnit: "--DataGrid-t-spacing-unit";
+    readonly spacingUnit: '--DataGrid-t-spacing-unit';
     readonly colors: {
       readonly border: {
-        readonly base: "--DataGrid-t-color-border-base";
+        readonly base: '--DataGrid-t-color-border-base';
       };
       readonly foreground: {
-        readonly base: "--DataGrid-t-color-foreground-base";
-        readonly muted: "--DataGrid-t-color-foreground-muted";
-        readonly accent: "--DataGrid-t-color-foreground-accent";
-        readonly disabled: "--DataGrid-t-color-foreground-disabled";
-        readonly error: "--DataGrid-t-color-foreground-error";
+        readonly base: '--DataGrid-t-color-foreground-base';
+        readonly muted: '--DataGrid-t-color-foreground-muted';
+        readonly accent: '--DataGrid-t-color-foreground-accent';
+        readonly disabled: '--DataGrid-t-color-foreground-disabled';
+        readonly error: '--DataGrid-t-color-foreground-error';
       };
       readonly background: {
-        readonly base: "--DataGrid-t-color-background-base";
-        readonly overlay: "--DataGrid-t-color-background-overlay";
-        readonly backdrop: "--DataGrid-t-color-background-backdrop";
+        readonly base: '--DataGrid-t-color-background-base';
+        readonly overlay: '--DataGrid-t-color-background-overlay';
+        readonly backdrop: '--DataGrid-t-color-background-backdrop';
       };
       readonly interactive: {
-        readonly hover: "--DataGrid-t-color-interactive-hover";
-        readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-        readonly focus: "--DataGrid-t-color-interactive-focus";
-        readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-        readonly disabled: "--DataGrid-t-color-interactive-disabled";
-        readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-        readonly selected: "--DataGrid-t-color-interactive-selected";
-        readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
+        readonly hover: '--DataGrid-t-color-interactive-hover';
+        readonly hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity';
+        readonly focus: '--DataGrid-t-color-interactive-focus';
+        readonly focusOpacity: '--DataGrid-t-color-interactive-focus-opacity';
+        readonly disabled: '--DataGrid-t-color-interactive-disabled';
+        readonly disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity';
+        readonly selected: '--DataGrid-t-color-interactive-selected';
+        readonly selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity';
       };
     };
     readonly header: {
       readonly background: {
-        readonly base: "--DataGrid-t-header-background-base";
+        readonly base: '--DataGrid-t-header-background-base';
       };
     };
     readonly cell: {
       readonly background: {
-        readonly pinned: "--DataGrid-t-cell-background-pinned";
+        readonly pinned: '--DataGrid-t-cell-background-pinned';
       };
     };
     readonly radius: {
-      readonly base: "--DataGrid-t-radius-base";
+      readonly base: '--DataGrid-t-radius-base';
     };
     readonly typography: {
       readonly font: {
-        readonly body: "--DataGrid-t-typography-font-body";
-        readonly small: "--DataGrid-t-typography-font-small";
-        readonly large: "--DataGrid-t-typography-font-large";
+        readonly body: '--DataGrid-t-typography-font-body';
+        readonly small: '--DataGrid-t-typography-font-small';
+        readonly large: '--DataGrid-t-typography-font-large';
       };
       readonly fontFamily: {
-        readonly base: "--DataGrid-t-typography-font-family-base";
+        readonly base: '--DataGrid-t-typography-font-family-base';
       };
       readonly fontWeight: {
-        readonly light: "--DataGrid-t-typography-font-weight-light";
-        readonly regular: "--DataGrid-t-typography-font-weight-regular";
-        readonly medium: "--DataGrid-t-typography-font-weight-medium";
-        readonly bold: "--DataGrid-t-typography-font-weight-bold";
+        readonly light: '--DataGrid-t-typography-font-weight-light';
+        readonly regular: '--DataGrid-t-typography-font-weight-regular';
+        readonly medium: '--DataGrid-t-typography-font-weight-medium';
+        readonly bold: '--DataGrid-t-typography-font-weight-bold';
       };
     };
     readonly transitions: {
       readonly easing: {
-        readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-        readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-        readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
+        readonly easeIn: '--DataGrid-t-transition-easing-ease-in';
+        readonly easeOut: '--DataGrid-t-transition-easing-ease-out';
+        readonly easeInOut: '--DataGrid-t-transition-easing-ease-in-out';
       };
       readonly duration: {
-        readonly short: "--DataGrid-t-transition-duration-short";
-        readonly base: "--DataGrid-t-transition-duration-base";
-        readonly long: "--DataGrid-t-transition-duration-long";
+        readonly short: '--DataGrid-t-transition-duration-short';
+        readonly base: '--DataGrid-t-transition-duration-base';
+        readonly long: '--DataGrid-t-transition-duration-long';
       };
     };
     readonly shadows: {
-      readonly base: "--DataGrid-t-shadow-base";
-      readonly overlay: "--DataGrid-t-shadow-overlay";
+      readonly base: '--DataGrid-t-shadow-base';
+      readonly overlay: '--DataGrid-t-shadow-overlay';
     };
     readonly zIndex: {
-      readonly panel: "--DataGrid-t-z-index-panel";
-      readonly menu: "--DataGrid-t-z-index-menu";
-      readonly modal: "--DataGrid-t-z-index-modal";
+      readonly panel: '--DataGrid-t-z-index-panel';
+      readonly menu: '--DataGrid-t-z-index-menu';
+      readonly modal: '--DataGrid-t-z-index-modal';
     };
   };
 };

package/hooks/core/useGridLocaleText.d.mts

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.mjs";
 import type { DataGridProcessedProps } from "../../models/props/DataGridProps.mjs";
-export declare const useGridLocaleText: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "localeText">) => void;
+export declare const useGridLocaleText: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, 'localeText'>) => void;

package/hooks/core/useGridLocaleText.d.ts

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
-export declare const useGridLocaleText: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "localeText">) => void;
+export declare const useGridLocaleText: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, 'localeText'>) => void;

package/hooks/core/useGridLoggerFactory.d.mts

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.mjs";
 import type { DataGridProcessedProps } from "../../models/props/DataGridProps.mjs";
-export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "logger" | "logLevel">) => void;
+export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, 'logger' | 'logLevel'>) => void;

package/hooks/core/useGridLoggerFactory.d.ts

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
-export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "logger" | "logLevel">) => void;
+export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, 'logger' | 'logLevel'>) => void;

package/hooks/features/clipboard/useGridClipboard.d.mts

@@ -5,4 +5,4 @@ import type { DataGridProcessedProps } from "../../../models/props/DataGridProps
  * @requires useGridCsvExport (method)
  * @requires useGridSelection (method)
  */
-export declare const useGridClipboard: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "ignoreValueFormatterDuringExport" | "onClipboardCopy" | "clipboardCopyCellDelimiter">) => void;
+export declare const useGridClipboard: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'ignoreValueFormatterDuringExport' | 'onClipboardCopy' | 'clipboardCopyCellDelimiter'>) => void;

package/hooks/features/clipboard/useGridClipboard.d.ts

@@ -5,4 +5,4 @@ import type { DataGridProcessedProps } from "../../../models/props/DataGridProps
  * @requires useGridCsvExport (method)
  * @requires useGridSelection (method)
  */
-export declare const useGridClipboard: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "ignoreValueFormatterDuringExport" | "onClipboardCopy" | "clipboardCopyCellDelimiter">) => void;
+export declare const useGridClipboard: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'ignoreValueFormatterDuringExport' | 'onClipboardCopy' | 'clipboardCopyCellDelimiter'>) => void;

package/hooks/features/columnGrouping/useGridColumnGrouping.d.mts

@@ -7,4 +7,4 @@ export declare const columnGroupsStateInitializer: GridStateInitializer<Pick<Dat
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)
  */
-export declare const useGridColumnGrouping: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "columnGroupingModel">) => void;
+export declare const useGridColumnGrouping: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'columnGroupingModel'>) => void;

package/hooks/features/columnGrouping/useGridColumnGrouping.d.ts

@@ -7,4 +7,4 @@ export declare const columnGroupsStateInitializer: GridStateInitializer<Pick<Dat
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)
  */
-export declare const useGridColumnGrouping: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "columnGroupingModel">) => void;
+export declare const useGridColumnGrouping: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'columnGroupingModel'>) => void;

package/hooks/features/columnHeaders/useGridColumnHeaders.d.mts

@@ -6,9 +6,9 @@ import type { GridSortColumnLookup } from "../sorting/index.mjs";
 import type { GridFilterActiveItemsLookup } from "../filter/index.mjs";
 import type { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.mjs";
 import type { GridColumnMenuState } from "../columnMenu/index.mjs";
-import { gridColumnPositionsSelector } from "../columns/index.mjs";
 import type { GridColumnVisibilityModel } from "../columns/index.mjs";
 import type { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.mjs";
+import { getPinnedCellOffset } from "../../../internals/utils/getPinnedCellOffset.mjs";
 import { PinnedColumnPosition } from "../../../internals/constants.mjs";
 export interface UseGridColumnHeadersProps {
   visibleColumns: GridStateColDef[];
@@ -57,7 +57,7 @@ export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) =>
     lastColumnToRender: number;
   };
   getColumnGroupHeadersRows: () => React.JSX.Element[] | null;
-  getPinnedCellOffset: (pinnedPosition: PinnedColumnPosition | undefined, computedWidth: number, columnIndex: number, columnPositions: ReturnType<typeof gridColumnPositionsSelector>, columnsTotalWidth: number, scrollbarWidth: number) => number | undefined;
+  getPinnedCellOffset: typeof getPinnedCellOffset;
   isDragging: boolean;
   getInnerProps: () => {
     role: string;

package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -6,9 +6,9 @@ import type { GridSortColumnLookup } from "../sorting/index.js";
 import type { GridFilterActiveItemsLookup } from "../filter/index.js";
 import type { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.js";
 import type { GridColumnMenuState } from "../columnMenu/index.js";
-import { gridColumnPositionsSelector } from "../columns/index.js";
 import type { GridColumnVisibilityModel } from "../columns/index.js";
 import type { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.js";
+import { getPinnedCellOffset } from "../../../internals/utils/getPinnedCellOffset.js";
 import { PinnedColumnPosition } from "../../../internals/constants.js";
 export interface UseGridColumnHeadersProps {
   visibleColumns: GridStateColDef[];
@@ -57,7 +57,7 @@ export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) =>
     lastColumnToRender: number;
   };
   getColumnGroupHeadersRows: () => React.JSX.Element[] | null;
-  getPinnedCellOffset: (pinnedPosition: PinnedColumnPosition | undefined, computedWidth: number, columnIndex: number, columnPositions: ReturnType<typeof gridColumnPositionsSelector>, columnsTotalWidth: number, scrollbarWidth: number) => number | undefined;
+  getPinnedCellOffset: typeof getPinnedCellOffset;
   isDragging: boolean;
   getInnerProps: () => {
     role: string;

package/hooks/features/columnResize/useGridColumnResize.d.mts

@@ -7,4 +7,4 @@ export declare const columnResizeStateInitializer: GridStateInitializer;
  * @requires useGridColumns (method, event)
  * TODO: improve experience for last column
  */
-export declare const useGridColumnResize: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "autosizeOptions" | "autosizeOnMount" | "disableAutosize" | "onColumnResize" | "onColumnWidthChange" | "disableVirtualization">) => void;
+export declare const useGridColumnResize: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'autosizeOptions' | 'autosizeOnMount' | 'disableAutosize' | 'onColumnResize' | 'onColumnWidthChange' | 'disableVirtualization'>) => void;

package/hooks/features/columnResize/useGridColumnResize.d.ts

@@ -7,4 +7,4 @@ export declare const columnResizeStateInitializer: GridStateInitializer;
  * @requires useGridColumns (method, event)
  * TODO: improve experience for last column
  */
-export declare const useGridColumnResize: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "autosizeOptions" | "autosizeOnMount" | "disableAutosize" | "onColumnResize" | "onColumnWidthChange" | "disableVirtualization">) => void;
+export declare const useGridColumnResize: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'autosizeOptions' | 'autosizeOnMount' | 'disableAutosize' | 'onColumnResize' | 'onColumnWidthChange' | 'disableVirtualization'>) => void;

package/hooks/features/columns/gridColumnsUtils.d.mts

@@ -6,7 +6,7 @@ import type { GridColDef } from "../../../models/colDef/gridColDef.mjs";
 import type { GridApiCommon } from "../../../models/api/gridApiCommon.mjs";
 import type { GridRowEntry } from "../../../models/gridRows.mjs";
 import type { GridDimensions } from "../dimensions/gridDimensionsApi.mjs";
-export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ["maxWidth", "minWidth", "width", "flex"];
+export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ['maxWidth', 'minWidth', 'width', 'flex'];
 export type GridColumnDimensionProperties = (typeof COLUMNS_DIMENSION_PROPERTIES)[number];
 /**
  * Computes width for flex columns.

package/hooks/features/columns/gridColumnsUtils.d.ts

@@ -6,7 +6,7 @@ import type { GridColDef } from "../../../models/colDef/gridColDef.js";
 import type { GridApiCommon } from "../../../models/api/gridApiCommon.js";
 import type { GridRowEntry } from "../../../models/gridRows.js";
 import type { GridDimensions } from "../dimensions/gridDimensionsApi.js";
-export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ["maxWidth", "minWidth", "width", "flex"];
+export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ['maxWidth', 'minWidth', 'width', 'flex'];
 export type GridColumnDimensionProperties = (typeof COLUMNS_DIMENSION_PROPERTIES)[number];
 /**
  * Computes width for flex columns.

package/hooks/features/dataSource/useGridDataSourceBase.d.mts

@@ -7,14 +7,14 @@ import type { DataGridProcessedProps } from "../../../models/props/DataGridProps
 import type { GridStrategyProcessor } from "../../core/strategyProcessing/index.mjs";
 import type { GridEventListener } from "../../../models/events/index.mjs";
 import type { GridRowId } from "../../../models/gridRows.mjs";
-export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "dataSourceKeepPreviousData" | "onDataSourceError" | "pageSizeOptions" | "pagination" | "signature" | "dataSourceRevalidateMs">, options?: GridDataSourceBaseOptions) => {
+export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, 'dataSource' | 'dataSourceCache' | 'dataSourceKeepPreviousData' | 'onDataSourceError' | 'pageSizeOptions' | 'pagination' | 'signature' | 'dataSourceRevalidateMs'>, options?: GridDataSourceBaseOptions) => {
   api: {
     public: GridDataSourceApi;
   };
   debouncedFetchRows: ((parentId?: GridRowId, params?: import("./models.mjs").GridDataSourceFetchRowsParams<import("@mui/x-data-grid").GridGetRowsParams>) => Promise<void>) & import("@mui/utils/debounce").Cancelable;
   strategyProcessor: {
     strategyName: DataSourceRowsUpdateStrategy;
-    group: "dataSourceRootRowsUpdate";
+    group: 'dataSourceRootRowsUpdate';
     processor: GridStrategyProcessor<"dataSourceRootRowsUpdate">;
   };
   setStrategyAvailability: () => void;

package/hooks/features/dataSource/useGridDataSourceBase.d.ts

@@ -7,14 +7,14 @@ import type { DataGridProcessedProps } from "../../../models/props/DataGridProps
 import type { GridStrategyProcessor } from "../../core/strategyProcessing/index.js";
 import type { GridEventListener } from "../../../models/events/index.js";
 import type { GridRowId } from "../../../models/gridRows.js";
-export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "dataSourceKeepPreviousData" | "onDataSourceError" | "pageSizeOptions" | "pagination" | "signature" | "dataSourceRevalidateMs">, options?: GridDataSourceBaseOptions) => {
+export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, 'dataSource' | 'dataSourceCache' | 'dataSourceKeepPreviousData' | 'onDataSourceError' | 'pageSizeOptions' | 'pagination' | 'signature' | 'dataSourceRevalidateMs'>, options?: GridDataSourceBaseOptions) => {
   api: {
     public: GridDataSourceApi;
   };
   debouncedFetchRows: ((parentId?: GridRowId, params?: import("./models.js").GridDataSourceFetchRowsParams<import("@mui/x-data-grid").GridGetRowsParams>) => Promise<void>) & import("@mui/utils/debounce").Cancelable;
   strategyProcessor: {
     strategyName: DataSourceRowsUpdateStrategy;
-    group: "dataSourceRootRowsUpdate";
+    group: 'dataSourceRootRowsUpdate';
     processor: GridStrategyProcessor<"dataSourceRootRowsUpdate">;
   };
   setStrategyAvailability: () => void;

package/hooks/features/density/useGridDensity.d.mts

@@ -3,4 +3,4 @@ import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommuni
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.mjs";
 import type { GridStateInitializer } from "../../utils/useGridInitializeState.mjs";
 export declare const densityStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'initialState' | 'density'>>;
-export declare const useGridDensity: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "density" | "onDensityChange" | "initialState">) => void;
+export declare const useGridDensity: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'density' | 'onDensityChange' | 'initialState'>) => void;

package/hooks/features/density/useGridDensity.d.ts

@@ -3,4 +3,4 @@ import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommuni
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const densityStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'initialState' | 'density'>>;
-export declare const useGridDensity: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "density" | "onDensityChange" | "initialState">) => void;
+export declare const useGridDensity: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'density' | 'onDensityChange' | 'initialState'>) => void;

package/hooks/features/editing/useGridCellEditing.d.mts

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.mjs";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.mjs";
-export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onCellEditStart" | "onCellEditStop" | "cellModesModel" | "onCellModesModelChange" | "onProcessRowUpdateError" | "signature" | "dataSource">) => void;
+export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'editMode' | 'processRowUpdate' | 'onCellEditStart' | 'onCellEditStop' | 'cellModesModel' | 'onCellModesModelChange' | 'onProcessRowUpdateError' | 'signature' | 'dataSource'>) => void;

package/hooks/features/editing/useGridCellEditing.d.ts

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onCellEditStart" | "onCellEditStop" | "cellModesModel" | "onCellModesModelChange" | "onProcessRowUpdateError" | "signature" | "dataSource">) => void;
+export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'editMode' | 'processRowUpdate' | 'onCellEditStart' | 'onCellEditStop' | 'cellModesModel' | 'onCellModesModelChange' | 'onProcessRowUpdateError' | 'signature' | 'dataSource'>) => void;

package/hooks/features/editing/useGridEditing.d.mts

@@ -4,4 +4,4 @@ import type { DataGridProcessedProps } from "../../../models/props/DataGridProps
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.mjs";
 import type { GridStateInitializer } from "../../utils/useGridInitializeState.mjs";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'isCellEditable' | 'editMode' | 'processRowUpdate' | 'dataSource' | 'onDataSourceError'>, configuration: GridConfiguration) => void;

package/hooks/features/editing/useGridEditing.d.ts

@@ -4,4 +4,4 @@ import type { DataGridProcessedProps } from "../../../models/props/DataGridProps
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'isCellEditable' | 'editMode' | 'processRowUpdate' | 'dataSource' | 'onDataSourceError'>, configuration: GridConfiguration) => void;