@mui/x-data-grid 8.15.0 → 8.17.0

package/esm/models/configuration/gridConfiguration.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { GridRowAriaAttributesInternalHook, GridRowsOverridableMethodsInternalHook } from "./gridRowConfiguration.js";
 import type { GridAggregationInternalHooks } from "./gridAggregationConfiguration.js";
+import type { GridCellEditableInternalHook } from "./gridCellEditableConfiguration.js";
 import type { GridCSSVariablesInterface } from "../../constants/cssVariables.js";
 import { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridPrivateApiCommon } from "../api/gridApiCommon.js";
@@ -9,7 +10,7 @@ import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfi
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
-export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
+export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
   useCSSVariables: () => {
     id: string;
     variables: GridCSSVariablesInterface;

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/editing/useGridCellEditable.d.ts

@@ -0,0 +1,5 @@
+import { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export declare const useIsCellEditable: () => CellEditableConditionFn;

package/hooks/features/editing/useGridCellEditable.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsCellEditable = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _gridRowsUtils = require("../rows/gridRowsUtils");
+/**
+ * Default implementation of the cell editable condition hook
+ */
+const useIsCellEditable = () => React.useCallback(params => !(0, _gridRowsUtils.isAutogeneratedRowNode)(params.rowNode), []);
+exports.useIsCellEditable = useIsCellEditable;

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

@@ -1,6 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 import { 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">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;

package/hooks/features/editing/useGridEditing.js

@@ -14,20 +14,20 @@ var _useGridCellEditing = require("./useGridCellEditing");
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
 var _useGridRowEditing = require("./useGridRowEditing");
 var _gridEditingSelectors = require("./gridEditingSelectors");
-var _gridRowsUtils = require("../rows/gridRowsUtils");
 const editingStateInitializer = state => (0, _extends2.default)({}, state, {
   editRows: {}
 });
 exports.editingStateInitializer = editingStateInitializer;
-const useGridEditing = (apiRef, props) => {
+const useGridEditing = (apiRef, props, configuration) => {
   (0, _useGridCellEditing.useGridCellEditing)(apiRef, props);
   (0, _useGridRowEditing.useGridRowEditing)(apiRef, props);
   const debounceMap = React.useRef({});
   const {
     isCellEditable: isCellEditableProp
   } = props;
+  const isCellEditableFn = configuration.hooks.useIsCellEditable(apiRef, props);
   const isCellEditable = React.useCallback(params => {
-    if ((0, _gridRowsUtils.isAutogeneratedRowNode)(params.rowNode)) {
+    if (!isCellEditableFn(params)) {
       return false;
     }
     if (!params.colDef.editable) {
@@ -40,7 +40,7 @@ const useGridEditing = (apiRef, props) => {
       return isCellEditableProp(params);
     }
     return true;
-  }, [isCellEditableProp]);
+  }, [isCellEditableProp, isCellEditableFn]);
   const maybeDebounce = (id, field, debounceMs, callback) => {
     if (!debounceMs) {
       callback();

package/hooks/features/focus/useGridFocus.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridFocus = exports.focusStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
 var _gridClasses = require("../../../constants/gridClasses");
@@ -326,7 +327,7 @@ const useGridFocus = (apiRef, props) => {
       apiRef.current.setCellFocus(params.id, params.field);
     }
   }, [apiRef]);
-  const handleRowSet = React.useCallback(() => {
+  const handleRowsSet = React.useCallback(() => {
     const cell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
 
     // If the focused cell is in a row which does not exist anymore,
@@ -357,6 +358,7 @@ const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
+  const debouncedHandleRowsSet = React.useMemo(() => (0, _debounce.default)(handleRowsSet, 0), [handleRowsSet]);
   const handlePaginationModelChange = (0, _useEventCallback.default)(() => {
     const currentFocusedCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
     if (!currentFocusedCell) {
@@ -411,7 +413,7 @@ const useGridFocus = (apiRef, props) => {
   (0, _useGridEvent.useGridEvent)(apiRef, 'cellModeChange', handleCellModeChange);
   (0, _useGridEvent.useGridEvent)(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
   (0, _useGridEvent.useGridEvent)(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
-  (0, _useGridEvent.useGridEvent)(apiRef, 'rowsSet', handleRowSet);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'rowsSet', debouncedHandleRowsSet);
   (0, _useGridEvent.useGridEvent)(apiRef, 'paginationModelChange', handlePaginationModelChange);
 };
 exports.useGridFocus = useGridFocus;

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/rowSelection/useGridRowSelection.js

@@ -514,7 +514,9 @@ const useGridRowSelection = (apiRef, props) => {
     }
     if (String.fromCharCode(event.keyCode) === 'A' && (event.ctrlKey || event.metaKey)) {
       event.preventDefault();
-      toggleAllRows(true);
+      if (canHaveMultipleSelection) {
+        toggleAllRows(true);
+      }
     }
   }, [apiRef, canHaveMultipleSelection, handleSingleRowSelection, toggleAllRows]);
   const syncControlledState = (0, _useEventCallback.default)(() => {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.15.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/internals/index.d.ts

@@ -56,6 +56,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridPinnedRowsState } from "../hooks/features/rows/gridRowsInterfaces.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
@@ -117,6 +118,7 @@ export type { Localization } from "../utils/getGridLocalization.js";
 export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
 export type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+export type { CellEditableConditionFn } from "../models/configuration/gridCellEditableConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/internals/index.js

@@ -66,6 +66,7 @@ var _exportNames = {
   useGridRowAriaAttributes: true,
   useGridRowsOverridableMethods: true,
   useGridParamsOverridableMethods: true,
+  useIsCellEditable: true,
   useGridRowsPreProcessors: true,
   getTreeNodeDescendants: true,
   buildRootGroup: true,
@@ -833,6 +834,12 @@ Object.defineProperty(exports, "useGridVisibleRows", {
     return _useGridVisibleRows.useGridVisibleRows;
   }
 });
+Object.defineProperty(exports, "useIsCellEditable", {
+  enumerable: true,
+  get: function () {
+    return _useGridCellEditable.useIsCellEditable;
+  }
+});
 Object.defineProperty(exports, "useTimeout", {
   enumerable: true,
   get: function () {
@@ -935,6 +942,7 @@ var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
 var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
 var _useGridRowsOverridableMethods = require("../hooks/features/rows/useGridRowsOverridableMethods");
 var _useGridParamsOverridableMethods = require("../hooks/features/rows/useGridParamsOverridableMethods");
+var _useGridCellEditable = require("../hooks/features/editing/useGridCellEditable");
 var _useGridRowsPreProcessors = require("../hooks/features/rows/useGridRowsPreProcessors");
 var _gridRowsUtils = require("../hooks/features/rows/gridRowsUtils");
 var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");

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;

package/locales/caES.js

@@ -0,0 +1,297 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.caES = void 0;
+var _getGridLocalization = require("../utils/getGridLocalization");
+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})`
+};
+const caES = exports.caES = (0, _getGridLocalization.getGridLocalization)(caESGrid);