@mui/x-data-grid 8.16.0 → 8.17.0

package/esm/components/toolbar/GridToolbar.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "csvOptions", "printOptions", "excelOptions", "showQuickFilter", "quickFilterProps"];
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { GridToolbarContainer } from "../containers/GridToolbarContainer.js";

package/esm/components/toolbar/GridToolbarExport.d.ts

@@ -27,11 +27,11 @@ export interface GridToolbarExportProps {
   };
   [x: `data-${string}`]: string;
 }
-declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): React.JSX.Element;
+declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridCsvExportMenuItem {
   var propTypes: any;
 }
-declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): React.JSX.Element;
+declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPrintExportMenuItem {
   var propTypes: any;
 }

package/esm/components/toolbar/GridToolbarQuickFilter.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TextFieldProps } from "../../models/gridBaseSlots.js";
 import { GridFilterModel } from "../../models/gridFilterModel.js";
 export type GridToolbarQuickFilterProps = {
@@ -31,7 +30,7 @@ export type GridToolbarQuickFilterProps = {
 /**
  * @deprecated Use the {@link https://mui.com/x/react-data-grid/components/quick-filter/ Quick Filter} component instead. This component will be removed in a future major release.
  */
-declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): React.JSX.Element;
+declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridToolbarQuickFilter {
   var propTypes: any;
 }

package/esm/components/toolbar/GridToolbarQuickFilter.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "className", "slotProps"],
   _excluded2 = ["ref", "slotProps"];
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';

package/esm/components/toolbarV8/GridToolbar.d.ts

@@ -5,12 +5,12 @@ interface GridToolbarInternalProps {
   additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;
 }
 export type GridToolbarProps = GridSlotProps['toolbar'] & GridToolbarInternalProps;
-declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): React.JSX.Element;
+declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): import("react/jsx-runtime").JSX.Element;
 declare namespace GridToolbarDivider {
   var propTypes: any;
 }
-declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-declare function GridToolbar(props: GridToolbarProps): React.JSX.Element;
+declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridToolbar {
   var propTypes: any;
 }

package/esm/components/virtualization/GridBottomContainer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;
+export declare function GridBottomContainer(props: GridBottomContainerProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/virtualization/GridTopContainer.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function GridTopContainer(props: React.PropsWithChildren): React.JSX.Element;
+export declare function GridTopContainer(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/esm/components/virtualization/GridVirtualScroller.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 export interface GridVirtualScrollerProps {
   children?: React.ReactNode;
 }
-declare function GridVirtualScroller(props: GridVirtualScrollerProps): React.JSX.Element;
+declare function GridVirtualScroller(props: GridVirtualScrollerProps): import("react/jsx-runtime").JSX.Element;
 export { GridVirtualScroller };

package/esm/components/virtualization/GridVirtualScrollerFiller.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 type Props = {
   /** The number of rows */
   rowsLength: number;
 };
 declare function GridVirtualScrollerFiller({
   rowsLength
-}: Props): React.JSX.Element | null;
+}: Props): import("react/jsx-runtime").JSX.Element | null;
 declare const Memoized: typeof GridVirtualScrollerFiller;
 export { Memoized as GridVirtualScrollerFiller };

package/esm/context/GridContextProvider.d.ts

@@ -13,5 +13,5 @@ export declare function GridContextProvider({
   configuration,
   props,
   children
-}: GridContextProviderProps): React.JSX.Element;
+}: GridContextProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -48,8 +48,8 @@ export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) =>
   };
   visibleColumns: GridStateColDef[];
   columnPositions: number[];
-  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => React.JSX.Element;
-  getColumnHeadersRow: () => React.JSX.Element;
+  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => import("react/jsx-runtime").JSX.Element;
+  getColumnHeadersRow: () => import("react/jsx-runtime").JSX.Element;
   getColumnsToRender: (params?: GetHeadersParams) => {
     renderedColumns: GridStateColDef[];
     firstColumnToRender: number;

package/esm/hooks/features/pagination/useGridPaginationModel.js

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import debounce from '@mui/utils/debounce';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import { gridFilterModelSelector, gridFilterActiveItemsSelector } from "../filter/gridFilterSelector.js";
 import { gridDensityFactorSelector } from "../density/index.js";
@@ -174,6 +175,7 @@ export const useGridPaginationModel = (apiRef, props) => {
       });
     }
   }, [apiRef]);
+  const debouncedNavigateToStart = React.useMemo(() => debounce(navigateToStart, 0), [navigateToStart]);
 
   /**
    * Resets the page only if the active items or quick filter has changed from the last time.
@@ -190,12 +192,12 @@ export const useGridPaginationModel = (apiRef, props) => {
       return;
     }
     previousFilterModel.current = currentActiveFilters;
-    navigateToStart();
-  }, [apiRef, navigateToStart]);
+    debouncedNavigateToStart();
+  }, [apiRef, debouncedNavigateToStart]);
   useGridEvent(apiRef, 'viewportInnerSizeChange', handleUpdateAutoPageSize);
   useGridEvent(apiRef, 'paginationModelChange', handlePaginationModelChange);
   useGridEvent(apiRef, 'rowCountChange', handleRowCountChange);
-  useGridEvent(apiRef, 'sortModelChange', navigateToStart);
+  useGridEvent(apiRef, 'sortModelChange', debouncedNavigateToStart);
   useGridEvent(apiRef, 'filterModelChange', handleFilterModelChange);
 
   /**

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.16.0
+ * @mui/x-data-grid v8.17.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/demo/TailwindDemoContainer.d.ts

@@ -7,5 +7,5 @@ interface TailwindDemoContainerProps {
  * WARNING: This is an internal component used in documentation to inject the Tailwind script.
  * Please do not use it in your application.
  */
-export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/esm/locales/arSD.js

@@ -160,18 +160,18 @@ const arSDGrid = {
   collapseDetailPanel: 'طوي',
   // Pagination
   paginationRowsPerPage: 'عدد الصفوف في الصفحة:',
-  // 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 `\u200E${to}-${from}\u200E من ${count !== -1 ? count : `أكثر من ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `حوالي ${estimated}` : `أكثر من ${to}`;
+    return `\u200E${to}-${from}\u200E من ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'انتقل إلى الصفحة الأولى';

package/esm/locales/caES.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from "../utils/getGridLocalization.js";
+export declare const caES: Localization;

package/esm/locales/caES.js

@@ -0,0 +1,291 @@
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+const caESGrid = {
+  // Root
+  noRowsLabel: 'Sense files',
+  noResultsOverlayLabel: "No s'han trobat resultats",
+  noColumnsOverlayLabel: 'Cap columna',
+  noColumnsOverlayManageColumns: 'Gestiona les columnes',
+  emptyPivotOverlayLabel: 'Afegiu camps a files, columnes i valors per crear una taula dinàmica',
+  // Density selector toolbar button text
+  toolbarDensity: 'Densitat',
+  toolbarDensityLabel: 'Densitat',
+  toolbarDensityCompact: 'Compacta',
+  toolbarDensityStandard: 'Estàndard',
+  toolbarDensityComfortable: 'Còmoda',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Columnes',
+  toolbarColumnsLabel: 'Selecciona columnes',
+  // Filters toolbar button text
+  toolbarFilters: 'Filtres',
+  toolbarFiltersLabel: 'Mostra filtres',
+  toolbarFiltersTooltipHide: 'Amaga filtres',
+  toolbarFiltersTooltipShow: 'Mostra filtres',
+  toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtres actius` : `${count} filtre actiu`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Cerca…',
+  toolbarQuickFilterLabel: 'Cerca',
+  toolbarQuickFilterDeleteIconLabel: 'Neteja',
+  // Export selector toolbar button text
+  toolbarExport: 'Exporta',
+  toolbarExportLabel: 'Exporta',
+  toolbarExportCSV: 'Baixa com a CSV',
+  toolbarExportPrint: 'Imprimeix',
+  toolbarExportExcel: 'Baixa com a Excel',
+  // Toolbar pivot button
+  toolbarPivot: 'Taula dinàmica',
+  // Toolbar charts button
+  toolbarCharts: 'Gràfics',
+  // Toolbar AI Assistant button
+  toolbarAssistant: "Assistent d'IA",
+  // Columns management text
+  columnsManagementSearchTitle: 'Cerca',
+  columnsManagementNoColumns: 'Sense columnes',
+  columnsManagementShowHideAllText: 'Mostra/Amaga-ho tot',
+  columnsManagementReset: 'Restableix',
+  columnsManagementDeleteIconLabel: 'Neteja',
+  // Filter panel text
+  filterPanelAddFilter: 'Afegeix filtre',
+  filterPanelRemoveAll: "Elimina'ls tots",
+  filterPanelDeleteIconLabel: 'Esborra',
+  filterPanelLogicOperator: 'Operador lògic',
+  filterPanelOperator: 'Operadors',
+  filterPanelOperatorAnd: 'I',
+  filterPanelOperatorOr: 'O',
+  filterPanelColumns: 'Columnes',
+  filterPanelInputLabel: 'Valor',
+  filterPanelInputPlaceholder: 'Valor del filtre',
+  // Filter operators text
+  filterOperatorContains: 'conté',
+  filterOperatorDoesNotContain: 'no conté',
+  filterOperatorEquals: 'és igual a',
+  filterOperatorDoesNotEqual: 'no és igual a',
+  filterOperatorStartsWith: 'comença per',
+  filterOperatorEndsWith: 'acaba en',
+  filterOperatorIs: 'és',
+  filterOperatorNot: 'no és',
+  filterOperatorAfter: 'és posterior',
+  filterOperatorOnOrAfter: 'és igual o posterior',
+  filterOperatorBefore: 'és anterior',
+  filterOperatorOnOrBefore: 'és igual o anterior',
+  filterOperatorIsEmpty: 'està buit',
+  filterOperatorIsNotEmpty: 'no està buit',
+  filterOperatorIsAnyOf: 'és qualsevol de',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'Conté',
+  headerFilterOperatorDoesNotContain: 'No conté',
+  headerFilterOperatorEquals: 'És igual a',
+  headerFilterOperatorDoesNotEqual: 'No és igual a',
+  headerFilterOperatorStartsWith: 'Comença per',
+  headerFilterOperatorEndsWith: 'Acaba en',
+  headerFilterOperatorIs: 'És',
+  headerFilterOperatorNot: 'No és',
+  headerFilterOperatorAfter: 'És posterior a',
+  headerFilterOperatorOnOrAfter: 'És igual o posterior a',
+  headerFilterOperatorBefore: 'És anterior a',
+  headerFilterOperatorOnOrBefore: 'És igual o anterior a',
+  headerFilterOperatorIsEmpty: 'Està buit',
+  headerFilterOperatorIsNotEmpty: 'No està buit',
+  headerFilterOperatorIsAnyOf: 'És qualsevol de',
+  'headerFilterOperator=': 'És igual a',
+  'headerFilterOperator!=': 'No és igual a',
+  'headerFilterOperator>': 'És més gran que',
+  'headerFilterOperator>=': 'És més gran o igual que',
+  'headerFilterOperator<': 'És més petit que',
+  'headerFilterOperator<=': 'És més petit o igual que',
+  headerFilterClear: 'Neteja filtres',
+  // Filter values text
+  filterValueAny: 'qualsevol',
+  filterValueTrue: 'veritable',
+  filterValueFalse: 'fals',
+  // Column menu text
+  columnMenuLabel: 'Menú',
+  columnMenuAriaLabel: columnName => `Menú de la columna ${columnName}`,
+  columnMenuShowColumns: 'Mostra columnes',
+  columnMenuManageColumns: 'Gestiona columnes',
+  columnMenuFilter: 'Filtre',
+  columnMenuHideColumn: 'Amaga',
+  columnMenuUnsort: 'Desordena',
+  columnMenuSortAsc: 'Ordena ASC',
+  columnMenuSortDesc: 'Ordena DESC',
+  columnMenuManagePivot: 'Gestiona la taula dinàmica',
+  columnMenuManageCharts: 'Gestiona els gràfics',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count > 1 ? `${count} filtres actius` : `${count} filtre actiu`,
+  columnHeaderFiltersLabel: 'Mostra filtres',
+  columnHeaderSortIconLabel: 'Ordena',
+  // Rows selected footer text
+  footerRowSelected: count => count > 1 ? `${count.toLocaleString()} files seleccionades` : `${count.toLocaleString()} fila seleccionada`,
+  // Total row amount footer text
+  footerTotalRows: 'Files totals:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Casella de selecció',
+  checkboxSelectionSelectAllRows: 'Selecciona totes les files',
+  checkboxSelectionUnselectAllRows: 'Desselecciona totes les files',
+  checkboxSelectionSelectRow: 'Selecciona fila',
+  checkboxSelectionUnselectRow: 'Desselecciona fila',
+  // Boolean cell text
+  booleanCellTrueLabel: 'sí',
+  booleanCellFalseLabel: 'no',
+  // Actions cell more text
+  actionsCellMore: 'més',
+  // Column pinning text
+  pinToLeft: "Fixa a l'esquerra",
+  pinToRight: 'Fixa a la dreta',
+  unpin: 'Desfixa',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Grup',
+  treeDataExpand: 'mostra fills',
+  treeDataCollapse: 'amaga fills',
+  // Grouping columns
+  groupingColumnHeaderName: 'Grup',
+  groupColumn: name => `Agrupa per ${name}`,
+  unGroupColumn: name => `No agrupis per ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Alterna detall',
+  expandDetailPanel: 'Expandeix',
+  collapseDetailPanel: 'Contrau',
+  // Pagination
+  paginationRowsPerPage: 'Files per pàgina:',
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} de ${count !== -1 ? count : `més de ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `al voltant de ${estimated}` : `més de ${to}`;
+    return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
+  },
+  paginationItemAriaLabel: type => {
+    if (type === 'first') {
+      return 'Vés a la primera pàgina';
+    }
+    if (type === 'last') {
+      return "Vés a l'última pàgina";
+    }
+    if (type === 'next') {
+      return 'Vés a la pàgina següent';
+    }
+    // if (type === 'previous') {
+    return 'Vés a la pàgina anterior';
+  },
+  // Row reordering text
+  rowReorderingHeaderName: 'Reordena files',
+  // Aggregation
+  aggregationMenuItemHeader: 'Agregació',
+  aggregationFunctionLabelNone: 'cap',
+  aggregationFunctionLabelSum: 'suma',
+  aggregationFunctionLabelAvg: 'mitjana',
+  aggregationFunctionLabelMin: 'mínim',
+  aggregationFunctionLabelMax: 'màxim',
+  aggregationFunctionLabelSize: 'recompte',
+  // Pivot panel
+  pivotToggleLabel: 'Taula dinàmica',
+  pivotRows: 'Files',
+  pivotColumns: 'Columnes',
+  pivotValues: 'Valors',
+  pivotCloseButton: 'Tanca la configuració de taula dinàmica',
+  pivotSearchButton: 'Camps de cerca',
+  pivotSearchControlPlaceholder: 'Camps de cerca',
+  pivotSearchControlLabel: 'Camps de cerca',
+  pivotSearchControlClear: 'Neteja la cerca',
+  pivotNoFields: 'Cap camp',
+  pivotMenuMoveUp: 'Mou amunt',
+  pivotMenuMoveDown: 'Mou avall',
+  pivotMenuMoveToTop: 'Mou al principi',
+  pivotMenuMoveToBottom: 'Mou al final',
+  pivotMenuRows: 'Files',
+  pivotMenuColumns: 'Columnes',
+  pivotMenuValues: 'Valors',
+  pivotMenuOptions: 'Opcions del camp',
+  pivotMenuAddToRows: 'Afegeix a files',
+  pivotMenuAddToColumns: 'Afegeix a columnes',
+  pivotMenuAddToValues: 'Afegeix a valors',
+  pivotMenuRemove: 'Elimina',
+  pivotDragToRows: 'Arrossega aquí per crear files',
+  pivotDragToColumns: 'Arrossega aquí per crear columnes',
+  pivotDragToValues: 'Arrossega aquí per crear valors',
+  pivotYearColumnHeaderName: '(Any)',
+  pivotQuarterColumnHeaderName: '(Trimestre)',
+  // Charts configuration panel
+  chartsNoCharts: 'No hi ha cap gràfic disponible',
+  chartsChartNotSelected: 'Selecciona un tipus de gràfic per configurar les seves opcions',
+  chartsTabChart: 'Gràfic',
+  chartsTabFields: 'Camps',
+  chartsTabCustomize: 'Personalitza',
+  chartsCloseButton: 'Tanca la configuració de gràfics',
+  chartsSyncButtonLabel: 'Sincronitza gràfic',
+  chartsSearchPlaceholder: 'Camps de cerca',
+  chartsSearchLabel: 'Camps de cerca',
+  chartsSearchClear: 'Neteja la cerca',
+  chartsNoFields: 'Cap camp',
+  chartsFieldBlocked: 'Aquest camp no es pot afegir a cap secció',
+  chartsCategories: 'Categories',
+  chartsSeries: 'Sèries',
+  chartsMenuAddToDimensions: dimensionLabel => `Afegeix a ${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `Afegeix a ${valuesLabel}`,
+  chartsMenuMoveUp: 'Mou amunt',
+  chartsMenuMoveDown: 'Mou avall',
+  chartsMenuMoveToTop: 'Mou al principi',
+  chartsMenuMoveToBottom: 'Mou al final',
+  chartsMenuOptions: 'Opcions del camp',
+  chartsMenuRemove: 'Elimina',
+  chartsDragToDimensions: dimensionLabel => `Arrossega aquí per utilitzar la columna com a ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Arrossega aquí per utilitzar la columna com a ${valuesLabel}`,
+  // AI Assistant panel
+  aiAssistantPanelTitle: "Assistent d'IA",
+  aiAssistantPanelClose: "Tanca l'assistent d'IA",
+  aiAssistantPanelNewConversation: 'Nova conversa',
+  aiAssistantPanelConversationHistory: 'Historial de converses',
+  aiAssistantPanelEmptyConversation: "L'historial de converses és buit",
+  aiAssistantSuggestions: 'Suggeriments',
+  // Prompt field
+  promptFieldLabel: 'Petició',
+  promptFieldPlaceholder: 'Escriu una petició…',
+  promptFieldPlaceholderWithRecording: 'Escriu o enregistra una petició…',
+  promptFieldPlaceholderListening: 'Esperant una petició…',
+  promptFieldSpeechRecognitionNotSupported: 'El reconeixement de veu no és compatible amb aquest navegador',
+  promptFieldSend: 'Envia',
+  promptFieldRecord: 'Enregistra',
+  promptFieldStopRecording: "Atura l'enregistrament",
+  // Prompt
+  promptRerun: 'Torna a executar',
+  promptProcessing: 'Processant…',
+  promptAppliedChanges: "S'han aplicat els canvis",
+  // Prompt changes
+  promptChangeGroupDescription: column => `Agrupa per ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Agrega ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} és un de: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtra per ${column} quan sigui un de: ${value}`;
+    }
+    return `Filtra per ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Ordena per ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Taula dinàmica',
+  promptChangePivotEnableDescription: 'Activa la taula dinàmica',
+  promptChangePivotColumnsLabel: count => `Columnes (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Files (${count})`,
+  promptChangePivotValuesLabel: count => `Valors (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensions (${dimensionsCount}), Valors (${valuesCount})`
+};
+export const caES = getGridLocalization(caESGrid);

package/esm/locales/index.d.ts

@@ -3,6 +3,7 @@ export * from "./beBY.js";
 export * from "./bgBG.js";
 export * from "./bnBD.js";
 export * from "./csCZ.js";
+export * from "./caES.js";
 export * from "./daDK.js";
 export * from "./deDE.js";
 export * from "./elGR.js";

package/esm/locales/index.js

@@ -4,6 +4,7 @@ export * from "./beBY.js";
 export * from "./bgBG.js";
 export * from "./bnBD.js";
 export * from "./csCZ.js";
+export * from "./caES.js";
 export * from "./daDK.js";
 export * from "./deDE.js";
 export * from "./elGR.js";

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export declare const GridArrowUpwardIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridArrowDownwardIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridKeyboardArrowRight: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/esm/material/icons/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { createSvgIcon } from "./createSvgIcon.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GridArrowUpwardIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {

package/esm/utils/css/context.d.ts

@@ -2,13 +2,13 @@ import * as React from 'react';
 export declare function useCSSVariablesClass(): string;
 export declare function useCSSVariablesContext(): {
   className: string;
-  tag: React.JSX.Element;
+  tag: import("react/jsx-runtime").JSX.Element;
 };
 export declare function GridPortalWrapper({
   children
 }: {
   children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function GridCSSVariablesContext(props: {
   children: any;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -48,8 +48,8 @@ export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) =>
   };
   visibleColumns: GridStateColDef[];
   columnPositions: number[];
-  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => React.JSX.Element;
-  getColumnHeadersRow: () => React.JSX.Element;
+  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => import("react/jsx-runtime").JSX.Element;
+  getColumnHeadersRow: () => import("react/jsx-runtime").JSX.Element;
   getColumnsToRender: (params?: GetHeadersParams) => {
     renderedColumns: GridStateColDef[];
     firstColumnToRender: number;

package/hooks/features/pagination/useGridPaginationModel.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridPaginationModel = exports.getDerivedPaginationModel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
 var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
 var _gridFilterSelector = require("../filter/gridFilterSelector");
 var _density = require("../density");
@@ -182,6 +183,7 @@ const useGridPaginationModel = (apiRef, props) => {
       });
     }
   }, [apiRef]);
+  const debouncedNavigateToStart = React.useMemo(() => (0, _debounce.default)(navigateToStart, 0), [navigateToStart]);
 
   /**
    * Resets the page only if the active items or quick filter has changed from the last time.
@@ -198,12 +200,12 @@ const useGridPaginationModel = (apiRef, props) => {
       return;
     }
     previousFilterModel.current = currentActiveFilters;
-    navigateToStart();
-  }, [apiRef, navigateToStart]);
+    debouncedNavigateToStart();
+  }, [apiRef, debouncedNavigateToStart]);
   (0, _utils.useGridEvent)(apiRef, 'viewportInnerSizeChange', handleUpdateAutoPageSize);
   (0, _utils.useGridEvent)(apiRef, 'paginationModelChange', handlePaginationModelChange);
   (0, _utils.useGridEvent)(apiRef, 'rowCountChange', handleRowCountChange);
-  (0, _utils.useGridEvent)(apiRef, 'sortModelChange', navigateToStart);
+  (0, _utils.useGridEvent)(apiRef, 'sortModelChange', debouncedNavigateToStart);
   (0, _utils.useGridEvent)(apiRef, 'filterModelChange', handleFilterModelChange);
 
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.16.0
+ * @mui/x-data-grid v8.17.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/demo/TailwindDemoContainer.d.ts

@@ -7,5 +7,5 @@ interface TailwindDemoContainerProps {
  * WARNING: This is an internal component used in documentation to inject the Tailwind script.
  * Please do not use it in your application.
  */
-export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/locales/arSD.js

@@ -166,18 +166,18 @@ const arSDGrid = {
   collapseDetailPanel: 'طوي',
   // Pagination
   paginationRowsPerPage: 'عدد الصفوف في الصفحة:',
-  // 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 `\u200E${to}-${from}\u200E من ${count !== -1 ? count : `أكثر من ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `حوالي ${estimated}` : `أكثر من ${to}`;
+    return `\u200E${to}-${from}\u200E من ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'انتقل إلى الصفحة الأولى';

package/locales/caES.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from "../utils/getGridLocalization.js";
+export declare const caES: Localization;