@mui/x-data-grid 8.15.0 → 8.17.0

package/locales/esES.js

@@ -9,10 +9,9 @@ const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
   noResultsOverlayLabel: 'Resultados no encontrados',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  noColumnsOverlayLabel: 'Ninguna columna',
+  noColumnsOverlayManageColumns: 'Gestionar columnas',
+  emptyPivotOverlayLabel: 'Añada campos a filas, columnas y valores para crear una tabla dinámica',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
   toolbarDensityLabel: 'Densidad',
@@ -39,14 +38,11 @@ const esESGrid = {
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Descargar como Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Tabla dinámica',
   // Toolbar charts button
-  // toolbarCharts: 'Charts',
-
+  toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Asistente de IA',
   // Columns management text
   columnsManagementSearchTitle: 'Buscar',
   columnsManagementNoColumns: 'Sin columnas',
@@ -108,15 +104,14 @@ const esESGrid = {
   'headerFilterOperator>=': 'Es mayor o igual que',
   'headerFilterOperator<': 'Es menor que',
   'headerFilterOperator<=': 'Es menor o igual que',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Limpiar filtros',
   // Filter values text
   filterValueAny: 'cualquiera',
   filterValueTrue: 'verdadero',
   filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menú de la columna ${columnName}`,
   columnMenuShowColumns: 'Mostrar columnas',
   columnMenuManageColumns: 'Administrar columnas',
   columnMenuFilter: 'Filtro',
@@ -124,9 +119,8 @@ const esESGrid = {
   columnMenuUnsort: 'Desordenar',
   columnMenuSortAsc: 'Ordenar ASC',
   columnMenuSortDesc: 'Ordenar DESC',
-  // columnMenuManagePivot: 'Manage pivot',
-  // columnMenuManageCharts: 'Manage charts',
-
+  columnMenuManagePivot: 'Gestionar tabla dinámica',
+  columnMenuManageCharts: 'Gestionar gráficos',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   columnHeaderFiltersLabel: 'Mostrar filtros',
@@ -166,18 +160,18 @@ const esESGrid = {
   collapseDetailPanel: 'Contraer',
   // Pagination
   paginationRowsPerPage: 'Filas por página:',
-  // 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} de ${count !== -1 ? count : `más de ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `alrededor de ${estimated}` : `más de ${to}`;
+    return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Ir a la primera página';
@@ -195,114 +189,109 @@ const esESGrid = {
   rowReorderingHeaderName: 'Reordenar filas',
   // Aggregation
   aggregationMenuItemHeader: 'Agregación',
-  // aggregationFunctionLabelNone: 'none',
+  aggregationFunctionLabelNone: 'ninguna',
   aggregationFunctionLabelSum: 'suma',
   aggregationFunctionLabelAvg: 'promedio',
   aggregationFunctionLabelMin: 'mínimo',
   aggregationFunctionLabelMax: 'máximo',
   aggregationFunctionLabelSize: 'tamaño',
   // Pivot panel
-  // pivotToggleLabel: 'Pivot',
-  // pivotRows: 'Rows',
-  // pivotColumns: 'Columns',
-  // pivotValues: 'Values',
-  // pivotCloseButton: 'Close pivot settings',
-  // pivotSearchButton: 'Search fields',
-  // pivotSearchControlPlaceholder: 'Search fields',
-  // pivotSearchControlLabel: 'Search fields',
-  // pivotSearchControlClear: 'Clear search',
-  // pivotNoFields: 'No fields',
-  // pivotMenuMoveUp: 'Move up',
-  // pivotMenuMoveDown: 'Move down',
-  // pivotMenuMoveToTop: 'Move to top',
-  // pivotMenuMoveToBottom: 'Move to bottom',
-  // pivotMenuRows: 'Rows',
-  // pivotMenuColumns: 'Columns',
-  // pivotMenuValues: 'Values',
-  // pivotMenuOptions: 'Field options',
-  // pivotMenuAddToRows: 'Add to Rows',
-  // pivotMenuAddToColumns: 'Add to Columns',
-  // pivotMenuAddToValues: 'Add to Values',
-  // pivotMenuRemove: 'Remove',
-  // pivotDragToRows: 'Drag here to create rows',
-  // pivotDragToColumns: 'Drag here to create columns',
-  // pivotDragToValues: 'Drag here to create values',
-  // pivotYearColumnHeaderName: '(Year)',
-  // pivotQuarterColumnHeaderName: '(Quarter)',
-
+  pivotToggleLabel: 'Tabla dinámica',
+  pivotRows: 'Filas',
+  pivotColumns: 'Columnas',
+  pivotValues: 'Valores',
+  pivotCloseButton: 'Cerrar la configuración de tabla dinámica',
+  pivotSearchButton: 'Campos de búsqueda',
+  pivotSearchControlPlaceholder: 'Campos de búsqueda',
+  pivotSearchControlLabel: 'Campos de búsqueda',
+  pivotSearchControlClear: 'Limpiar la búsqueda',
+  pivotNoFields: 'Ningún campo',
+  pivotMenuMoveUp: 'Mover arriba',
+  pivotMenuMoveDown: 'Mover abajo',
+  pivotMenuMoveToTop: 'Mover al inicio',
+  pivotMenuMoveToBottom: 'Mover al final',
+  pivotMenuRows: 'Filas',
+  pivotMenuColumns: 'Columnas',
+  pivotMenuValues: 'Valores',
+  pivotMenuOptions: 'Opciones de campo',
+  pivotMenuAddToRows: 'Añadir a filas',
+  pivotMenuAddToColumns: 'Añadir a columnas',
+  pivotMenuAddToValues: 'Añadir a valores',
+  pivotMenuRemove: 'Eliminar',
+  pivotDragToRows: 'Arrastrar aquí para crear filas',
+  pivotDragToColumns: 'Arrastrar aquí para crear columnas',
+  pivotDragToValues: 'Arrastrar aquí para crear valores',
+  pivotYearColumnHeaderName: '(Año)',
+  pivotQuarterColumnHeaderName: '(Trimestre)',
   // Charts configuration panel
-  // chartsNoCharts: 'There are no charts available',
-  // chartsChartNotSelected: 'Select a chart type to configure its options',
-  // chartsTabChart: 'Chart',
-  // chartsTabFields: 'Fields',
-  // chartsTabCustomize: 'Customize',
-  // chartsCloseButton: 'Close charts configuration',
-  // chartsSyncButtonLabel: 'Sync chart',
-  // chartsSearchPlaceholder: 'Search fields',
-  // chartsSearchLabel: 'Search fields',
-  // chartsSearchClear: 'Clear search',
-  // chartsNoFields: 'No fields',
-  // chartsFieldBlocked: 'This field cannot be added to any section',
-  // chartsCategories: 'Categories',
-  // chartsSeries: 'Series',
-  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
-  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
-  // chartsMenuMoveUp: 'Move up',
-  // chartsMenuMoveDown: 'Move down',
-  // chartsMenuMoveToTop: 'Move to top',
-  // chartsMenuMoveToBottom: 'Move to bottom',
-  // chartsMenuOptions: 'Field options',
-  // chartsMenuRemove: 'Remove',
-  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
-  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
-
+  chartsNoCharts: 'No hay ningún gráfico disponible',
+  chartsChartNotSelected: 'Seleccionar un tipo de gráfico para configurar sus opciones',
+  chartsTabChart: 'Gráfico',
+  chartsTabFields: 'Campos',
+  chartsTabCustomize: 'Personalizar',
+  chartsCloseButton: 'Cerrar la configuración de gráficos',
+  chartsSyncButtonLabel: 'Sincronizar gráfico',
+  chartsSearchPlaceholder: 'Campos de búsqueda',
+  chartsSearchLabel: 'Campos de búsqueda',
+  chartsSearchClear: 'Limpiar búsqueda',
+  chartsNoFields: 'Ningún campo',
+  chartsFieldBlocked: 'Este campo no se puede añadir a ninguna sección',
+  chartsCategories: 'Categorías',
+  chartsSeries: 'Series',
+  chartsMenuAddToDimensions: dimensionLabel => `Añadir a ${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `Añadir a ${valuesLabel}`,
+  chartsMenuMoveUp: 'Mover arriba',
+  chartsMenuMoveDown: 'Mover abajo',
+  chartsMenuMoveToTop: 'Mover al inicio',
+  chartsMenuMoveToBottom: 'Mover al final',
+  chartsMenuOptions: 'Opciones de campo',
+  chartsMenuRemove: 'Eliminar',
+  chartsDragToDimensions: dimensionLabel => `Arrastrar aquí para utilizar la columna como ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Arrastrar aquí para utilizar la columna como  ${valuesLabel}`,
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'Asistente de IA',
+  aiAssistantPanelClose: 'Cerrar el asistente de IA',
+  aiAssistantPanelNewConversation: 'Nueva conversación',
+  aiAssistantPanelConversationHistory: 'Historial de conversaciones',
+  aiAssistantPanelEmptyConversation: 'El historial de conversaciones está vacío',
+  aiAssistantSuggestions: 'Sugerencias',
   // Prompt field
   promptFieldLabel: 'Prompt',
   promptFieldPlaceholder: 'Escribe un prompt…',
   promptFieldPlaceholderWithRecording: 'Escriba o grabe un prompt…',
   promptFieldPlaceholderListening: 'Esperando por un prompt…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'El reconocimiento de voz no está soportado en este navegador',
   promptFieldSend: 'Enviar',
   promptFieldRecord: 'Grabar',
-  promptFieldStopRecording: 'Parar de grabar'
-
+  promptFieldStopRecording: 'Parar de grabar',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Ejecutar de nuevo',
+  promptProcessing: 'Procesando…',
+  promptAppliedChanges: 'Se han aplicado los cambios',
   // Prompt changes
-  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
-  // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
-  // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `${column} is any of: ${value}`;
-  //   }
-  //   return `${column} ${operator} ${value}`;
-  // },
-  // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `Filter where ${column} is any of: ${value}`;
-  //   }
-  //   return `Filter where ${column} ${operator} ${value}`;
-  // },
-  // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
-  // promptChangePivotEnableLabel: 'Pivot',
-  // promptChangePivotEnableDescription: 'Enable pivot',
-  // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
-  // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
-  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
-  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
-  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
+  promptChangeGroupDescription: column => `Agrupar por ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Agregar ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} es uno de: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtrar por ${column} cuando sea uno de: ${value}`;
+    }
+    return `Filtrar por ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Ordenar por ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Tabla dinámica',
+  promptChangePivotEnableDescription: 'Activar tabla dinámica',
+  promptChangePivotColumnsLabel: count => `Columnas (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Filas (${count})`,
+  promptChangePivotValuesLabel: count => `Valores (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensiones (${dimensionsCount}), Valores (${valuesCount})`
 };
 const esES = exports.esES = (0, _getGridLocalization.getGridLocalization)(esESGrid);

package/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/locales/index.js

@@ -58,6 +58,17 @@ Object.keys(_csCZ).forEach(function (key) {
     }
   });
 });
+var _caES = require("./caES");
+Object.keys(_caES).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _caES[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _caES[key];
+    }
+  });
+});
 var _daDK = require("./daDK");
 Object.keys(_daDK).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/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/material/icons/index.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridVisibilityOffIcon = exports.GridViewStreamIcon = exports.GridViewHeadlineIcon = exports.GridViewColumnIcon = exports.GridTripleDotsVerticalIcon = exports.GridTableRowsIcon = exports.GridSeparatorIcon = exports.GridSearchIcon = exports.GridRemoveIcon = exports.GridMoreVertIcon = exports.GridMenuIcon = exports.GridLoadIcon = exports.GridKeyboardArrowRight = exports.GridFilterListIcon = exports.GridFilterAltIcon = exports.GridExpandMoreIcon = exports.GridDragIcon = exports.GridDownloadIcon = exports.GridDeleteIcon = exports.GridDeleteForeverIcon = exports.GridColumnIcon = exports.GridCloseIcon = exports.GridClearIcon = exports.GridCheckIcon = exports.GridCheckCircleIcon = exports.GridArrowUpwardIcon = exports.GridArrowDownwardIcon = exports.GridAddIcon = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = require("./createSvgIcon");
 var _jsxRuntime = require("react/jsx-runtime");
 const GridArrowUpwardIcon = exports.GridArrowUpwardIcon = (0, _createSvgIcon.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {

package/models/configuration/gridCellEditableConfiguration.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../props/DataGridProps.js";
+import { GridEditingApi } from "../api/gridEditingApi.js";
+/**
+ * Get the cell editable condition function
+ * @param {Object} params The cell parameters
+ * @param {Object} params.rowNode The row node
+ * @param {Object} params.colDef The column definition
+ * @param {any} params.value The cell value
+ * @returns {boolean} Whether the cell is editable
+ */
+export type CellEditableConditionFn = (params: Parameters<GridEditingApi['isCellEditable']>[0]) => boolean;
+/**
+ * Cell editable configuration interface for internal hooks
+ */
+export interface GridCellEditableInternalHook<Api = GridPrivateApiCommunity, Props = DataGridProcessedProps> {
+  useIsCellEditable: (apiRef: RefObject<Api>, props: Props) => CellEditableConditionFn;
+}

package/models/configuration/gridCellEditableConfiguration.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.15.0",
+  "version": "8.17.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.14.0",
-    "@mui/x-virtualizer": "0.2.5"
+    "@mui/x-internals": "8.17.0",
+    "@mui/x-virtualizer": "0.2.7"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/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;