@mui/x-data-grid 8.16.0 → 8.18.0

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/hooks/features/rows/gridRowSpanningUtils.js

@@ -7,6 +7,7 @@ exports.getCellValue = void 0;
 exports.getUnprocessedRange = getUnprocessedRange;
 exports.isRowContextInitialized = isRowContextInitialized;
 exports.isRowRangeUpdated = isRowRangeUpdated;
+var _gridRowsUtils = require("./gridRowsUtils");
 function getUnprocessedRange(testRange, processedRange) {
   if (testRange.firstRowIndex >= processedRange.firstRowIndex && testRange.lastRowIndex <= processedRange.lastRowIndex) {
     return null;
@@ -42,11 +43,13 @@ const getCellValue = (row, colDef, apiRef) => {
   if (!row) {
     return null;
   }
-  let cellValue = row[colDef.field];
-  const valueGetter = colDef.rowSpanValueGetter ?? colDef.valueGetter;
-  if (valueGetter) {
-    cellValue = valueGetter(cellValue, row, colDef, apiRef);
+  const cellValue = row[colDef.field];
+  if (colDef.rowSpanValueGetter) {
+    return colDef.rowSpanValueGetter(cellValue, row, colDef, apiRef);
   }
-  return cellValue;
+
+  // This util is also called during the state initialization
+  // Use util method directly instead of calling apiRef.current.getRowValue
+  return (0, _gridRowsUtils.getRowValue)(row, colDef, apiRef);
 };
 exports.getCellValue = getCellValue;

package/hooks/features/rows/useGridParamsApi.js

@@ -49,18 +49,8 @@ function useGridParamsApi(apiRef, props, configuration) {
     value: forcedValue,
     formattedValue: forcedFormattedValue
   }) => {
-    let value = row[field];
-    if (forcedValue !== undefined) {
-      value = forcedValue;
-    } else if (colDef?.valueGetter) {
-      value = colDef.valueGetter(value, row, colDef, apiRef);
-    }
-    let formattedValue = value;
-    if (forcedFormattedValue !== undefined) {
-      formattedValue = forcedFormattedValue;
-    } else if (colDef?.valueFormatter) {
-      formattedValue = colDef.valueFormatter(value, row, colDef, apiRef);
-    }
+    const value = forcedValue !== undefined ? forcedValue : apiRef.current.getRowValue(row, colDef);
+    const formattedValue = forcedFormattedValue !== undefined ? forcedFormattedValue : apiRef.current.getRowFormattedValue(row, colDef);
     const params = {
       id,
       field,

package/hooks/utils/useGridApiRef.d.ts

@@ -1,7 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommon } from "../../models/index.js";
 import { GridApiCommunity } from "../../models/api/gridApiCommunity.js";
 /**
  * Hook that instantiate a [[GridApiRef]].
  */
-export declare const useGridApiRef: <Api extends GridApiCommon = GridApiCommunity>() => RefObject<Api | null>;
+export declare const useGridApiRef: () => RefObject<GridApiCommunity | null>;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.16.0
+ * @mui/x-data-grid v8.18.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;