@mui/x-data-grid 8.8.0 → 8.9.2

package/locales/plPL.js

@@ -9,8 +9,8 @@ const plPLGrid = {
   // Root
   noRowsLabel: 'Brak danych',
   noResultsOverlayLabel: 'Nie znaleziono wyników.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Brak kolumn',
+  noColumnsOverlayManageColumns: 'Zarządzaj kolumnami',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
@@ -42,8 +42,7 @@ const plPLGrid = {
   // toolbarPivot: 'Pivot',
 
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Asystent AI',
   // Columns management text
   columnsManagementSearchTitle: 'Szukaj',
   columnsManagementNoColumns: 'Brak kolumn',
@@ -161,18 +160,18 @@ const plPLGrid = {
   collapseDetailPanel: 'Zwiń',
   // Pagination
   paginationRowsPerPage: 'Wierszy na stronę:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} z ${count !== -1 ? count : `więcej niż ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `około ${estimated}` : `więcej niż ${to}`;
+    return `${from}–${to} z ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Przejdź do pierwszej strony';
@@ -225,19 +224,18 @@ const plPLGrid = {
   // pivotQuarterColumnHeaderName: '(Quarter)',
 
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'Asystent AI',
+  aiAssistantPanelClose: 'Zamknij asystenta AI',
+  aiAssistantPanelNewConversation: 'Nowa konwersacja',
+  aiAssistantPanelConversationHistory: 'Historia konwersacji',
+  aiAssistantPanelEmptyConversation: 'Brak historii poleceń',
+  aiAssistantSuggestions: 'Sugestie',
   // Prompt field
   promptFieldLabel: 'Wprowadź polecenie',
   promptFieldPlaceholder: 'Wpisz polecenie…',
   promptFieldPlaceholderWithRecording: 'Wpisz lub nagraj polecenie…',
   promptFieldPlaceholderListening: 'Nasłuchiwanie polecenia…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'Rozpoznawanie głosu nie jest obsługiwane przez Twoją przeglądarkę.',
   promptFieldSend: 'Wyślij',
   promptFieldRecord: 'Nagrywaj',
   promptFieldStopRecording: 'Zatrzymaj nagrywanie'

package/models/api/gridApiCommon.d.ts

@@ -1,3 +1,4 @@
+import type { Virtualizer } from '@mui/x-virtualizer';
 import type { GridColumnApi } from "./gridColumnApi.js";
 import type { GridColumnMenuApi } from "./gridColumnMenuApi.js";
 import type { GridCoreApi, GridCorePrivateApi } from "./gridCoreApi.js";
@@ -31,5 +32,7 @@ import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridColumnResizeApi } from "../../hooks/features/columnResize/index.js";
 import type { GridPivotingPrivateApiCommunity } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
 export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {}
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
+  virtualizer: Virtualizer;
+}
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {}

package/models/api/gridColumnSpanning.d.ts

@@ -19,16 +19,10 @@ export interface GridColumnSpanningPrivateApi {
   resetColSpan: () => void;
   /**
    * Calculate column spanning for each cell in the row
-   * @param {Object} options The options to apply on the calculation.
-   * @param {GridRowId} options.rowId The row id
-   * @param {number} options.minFirstColumn First visible column index
-   * @param {number} options.maxLastColumn Last visible column index
-   * @param {GridStateColDef[]} options.columns List of columns to calculate colSpan for
+   * @param {GridRowId} rowId The row id
+   * @param {number} minFirstColumn First visible column index
+   * @param {number} maxLastColumn Last visible column index
+   * @param {GridStateColDef[]} columns List of columns to calculate colSpan for
    */
-  calculateColSpan: (options: {
-    rowId: GridRowId;
-    minFirstColumn: number;
-    maxLastColumn: number;
-    columns: GridStateColDef[];
-  }) => void;
+  calculateColSpan: (rowId: GridRowId, minFirstColumn: number, maxLastColumn: number, columns: GridStateColDef[]) => void;
 }

package/models/api/gridRowApi.d.ts

@@ -19,6 +19,11 @@ export interface GridRowGroupChildrenGetterParams {
    * @default false
    */
   applySorting?: boolean;
+  /**
+   * If `true`, the method will only return the direct leaf children of the group
+   * @default false
+   */
+  directChildrenOnly?: boolean;
 }
 /**
  * The Row API interface that is available in the grid `apiRef`.

package/models/events/gridEventLookup.d.ts

@@ -77,11 +77,12 @@ export interface GridRowEventLookup {
   };
   /**
    * Fired when the dragging of a row ends.
+   * It's mapped to the `dragend` DOM event.
    * @ignore - do not document.
    */
   rowDragEnd: {
     params: GridRowParams;
-    event: React.DragEvent<HTMLElement>;
+    event: DragEvent;
   };
 }
 export interface GridColumnHeaderEventLookup {

package/models/gridApiCaches.d.ts

@@ -1,6 +1,12 @@
-import { GridRowsInternalCache } from "../hooks/features/rows/gridRowsInterfaces.js";
-import { GridRowsMetaInternalCache } from "../hooks/features/rows/gridRowsMetaInterfaces.js";
+import type { GridRowsInternalCache } from "../hooks/features/rows/gridRowsInterfaces.js";
+import type { GridRowsMetaInternalCache } from "../hooks/features/rows/gridRowsMetaInterfaces.js";
+import type { GridColumnGroupingInternalCache } from "../hooks/features/columnGrouping/gridColumnGroupsInterfaces.js";
+import type { GridColDef } from "./colDef/index.js";
 export interface GridApiCaches {
+  columns: {
+    lastColumnsProp: readonly GridColDef[];
+  };
+  columnGrouping: GridColumnGroupingInternalCache;
   rows: GridRowsInternalCache;
   rowsMeta: GridRowsMetaInternalCache;
 }

package/models/gridStateCommunity.d.ts

@@ -1,5 +1,5 @@
 import type { GridColumnMenuState, GridColumnsInitialState, GridColumnsState, GridColumnsGroupingState, GridColumnPinningState, GridDensityState, GridDimensionsState, GridFilterInitialState, GridFilterState, GridFocusState, GridPaginationInitialState, GridPaginationState, GridPreferencePanelInitialState, GridPreferencePanelState, GridRowsState, GridSortingInitialState, GridSortingState, GridTabIndexState, GridVirtualizationState } from "../hooks/index.js";
-import type { DataGridProps } from "./props/DataGridProps.js";
+import type { DataGridProcessedProps } from "./props/DataGridProps.js";
 import type { GridRowsMetaState } from "../hooks/features/rows/gridRowsMetaState.js";
 import type { GridEditingState } from "./gridEditRowModel.js";
 import { GridHeaderFilteringState } from "./gridHeaderFilteringModel.js";
@@ -12,7 +12,7 @@ import type { GridListViewState } from "../hooks/features/listView/useGridListVi
  * Some props are passed on the state to enable grid selectors to select
  * and react to them.
  */
-type GridStateProps = Pick<DataGridProps, 'getRowId'>;
+type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView'>;
 /**
  * The state of Data Grid.
  */

package/models/props/DataGridProps.d.ts

@@ -196,6 +196,11 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
    * @default 150
    */
   filterDebounceMs: number;
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering in the columns menu.
+   * @default 150
+   */
+  columnFilterDebounceMs: number;
   /**
    * Sets the height in pixel of the column headers in the Data Grid.
    * @default 56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.8.0",
+  "version": "8.9.2",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -17,8 +17,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "publishConfig": {
-    "access": "public",
-    "directory": "build"
+    "access": "public"
   },
   "keywords": [
     "react",
@@ -39,12 +38,13 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.6",
+    "@babel/runtime": "^7.28.2",
     "@mui/utils": "^7.2.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.8.0"
+    "@mui/x-internals": "8.9.2",
+    "@mui/x-virtualizer": "0.1.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/roundToDecimalPlaces.d.ts

@@ -1 +1 @@
-export declare function roundToDecimalPlaces(value: number, decimals: number): number;
+export { roundToDecimalPlaces } from '@mui/x-internals/math';

package/utils/roundToDecimalPlaces.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.roundToDecimalPlaces = roundToDecimalPlaces;
-function roundToDecimalPlaces(value, decimals) {
-  return Math.round(value * 10 ** decimals) / 10 ** decimals;
-}
+Object.defineProperty(exports, "roundToDecimalPlaces", {
+  enumerable: true,
+  get: function () {
+    return _math.roundToDecimalPlaces;
+  }
+});
+var _math = require("@mui/x-internals/math");

package/esm/hooks/features/rows/gridRowSpanningSelectors.d.ts

@@ -1,10 +0,0 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridRowSpanningHiddenCellsSelector: (args_0: import("react").RefObject<{
-  state: GridStateCommunity;
-} | null>) => Record<import("@mui/x-data-grid").GridRowId, Record<string, boolean>>;
-export declare const gridRowSpanningSpannedCellsSelector: (args_0: import("react").RefObject<{
-  state: GridStateCommunity;
-} | null>) => Record<import("@mui/x-data-grid").GridRowId, Record<string, number>>;
-export declare const gridRowSpanningHiddenCellsOriginMapSelector: (args_0: import("react").RefObject<{
-  state: GridStateCommunity;
-} | null>) => Record<number, Record<string, number>>;

package/esm/hooks/features/rows/gridRowSpanningSelectors.js

@@ -1,5 +0,0 @@
-import { createSelector, createRootSelector } from "../../../utils/createSelector.js";
-const gridRowSpanningStateSelector = createRootSelector(state => state.rowSpanning);
-export const gridRowSpanningHiddenCellsSelector = createSelector(gridRowSpanningStateSelector, rowSpanning => rowSpanning.hiddenCells);
-export const gridRowSpanningSpannedCellsSelector = createSelector(gridRowSpanningStateSelector, rowSpanning => rowSpanning.spannedCells);
-export const gridRowSpanningHiddenCellsOriginMapSelector = createSelector(gridRowSpanningStateSelector, rowSpanning => rowSpanning.hiddenCellOriginMap);

package/esm/hooks/features/virtualization/useGridVirtualScroller.d.ts

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import { GridPinnedRowsPosition } from "../rows/gridRowsInterfaces.js";
-import { type GridRenderContext, type GridColumnsRenderContext, type GridRowEntry, type GridRowId } from "../../../models/index.js";
-export type VirtualScroller = ReturnType<typeof useGridVirtualScroller>;
-export declare const EMPTY_DETAIL_PANELS: Readonly<Map<GridRowId, React.ReactNode>>;
-export declare const useGridVirtualScroller: () => {
-  renderContext: GridRenderContext;
-  setPanels: React.Dispatch<React.SetStateAction<Readonly<Map<GridRowId, React.ReactNode>>>>;
-  getRows: (params?: {
-    rows?: GridRowEntry[];
-    position?: GridPinnedRowsPosition;
-    renderContext?: GridRenderContext;
-  }) => React.ReactNode[];
-  getContainerProps: () => {
-    ref: (node: HTMLDivElement | null) => (() => void) | undefined;
-  };
-  getScrollerProps: () => {
-    ref: React.RefObject<HTMLDivElement | null>;
-    onScroll: () => void;
-    onWheel: (event: React.WheelEvent) => void;
-    onTouchMove: (event: React.TouchEvent) => void;
-    style: React.CSSProperties;
-    role: string;
-    tabIndex: number | undefined;
-  };
-  getContentProps: () => {
-    style: React.CSSProperties;
-    role: string;
-    ref: (node: HTMLDivElement | null) => void;
-  };
-  getRenderZoneProps: () => {
-    role: string;
-  };
-  getScrollbarVerticalProps: () => {
-    ref: React.RefObject<HTMLDivElement | null>;
-    scrollPosition: React.RefObject<{
-      top: number;
-      left: number;
-    }>;
-  };
-  getScrollbarHorizontalProps: () => {
-    ref: React.RefObject<HTMLDivElement | null>;
-    scrollPosition: React.RefObject<{
-      top: number;
-      left: number;
-    }>;
-  };
-  getScrollAreaProps: () => {
-    scrollPosition: React.RefObject<{
-      top: number;
-      left: number;
-    }>;
-  };
-};
-export declare function areRenderContextsEqual(context1: GridRenderContext, context2: GridRenderContext): boolean;
-export declare function computeOffsetLeft(columnPositions: number[], renderContext: GridColumnsRenderContext, pinnedLeftLength: number): number;