@mui/x-data-grid 5.17.12 → 5.17.14

package/CHANGELOG.md

@@ -3,6 +3,60 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.14
+
+_Dec 1, 2022_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Ukrainian (uk-UA) locale (#7035) @rettoua
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.14` / `@mui/x-data-grid-pro@v5.17.14` / `@mui/x-data-grid-premium@v5.17.14`
+
+#### Changes
+
+- [DataGrid] Fix row selection when clicking blank cell (#7056) @yami03
+- [DataGridPremium] Update cache before hydrating columns (#7043) @m4theushw
+- [l10n] Improve Ukrainian (uk-UA) locale (#7035) @rettoua
+
+## 5.17.13
+
+_Nov 24, 2022_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Fix support of the pickers to Shadow DOM (#6971) @flaviendelangle
+- 💅 Improve DataGrid theme augmentation (#6980) @iigrik
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.13` / `@mui/x-data-grid-pro@v5.17.13` / `@mui/x-data-grid-premium@v5.17.13`
+
+#### Changes
+
+- [DataGrid] Fix `ErrorOverlay` not receiving defined input props (#6885) @banoth-ravinder
+- [DataGrid] Improve typing for `styleOverrides` (#6980) @iigrik
+- [DataGridPro] Fix lazy-loaded rows not working with `updateRows` API method (#6875) @cherniavskii
+- [l10n] Fix translation of `filterOperatorBefore` in Arabic (ar-SD) locale (#6917) @HassanGhazy
+
+### `@mui/x-date-pickers@v5.0.9` / `@mui/x-date-pickers-pro@v5.0.9`
+
+#### Changes
+
+- [pickers] Fix usage with Shadow DOM (#6971) @flaviendelangle
+
+### Docs
+
+- [docs] Add new "Expired package version" error type (#6937) @oliviertassinari
+- [docs] Enforce values for installation options in Date / Time pickers Getting Started page (#6896) @01zulfi
+- [docs] Fix live edit @oliviertassinari
+- [docs] Upgrade to Next 13 (#6911) @cherniavskii
+
+### Core
+
+- [core] Upgrade monorepo (#6906) @cherniavskii
+- [core] Upgrade node to v14.21 (#6939) @piwysocki
+
 ## 5.17.12
 
 _Nov 17, 2022_

package/components/ErrorBoundary.d.ts

@@ -7,7 +7,6 @@ export interface ErrorBoundaryProps {
     render: ({ error }: any) => React.ReactNode;
     api: React.MutableRefObject<GridApiCommunity>;
     hasError: boolean;
-    componentProps?: any[];
     children?: React.ReactNode;
 }
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, any> {

package/components/ErrorBoundary.js

@@ -28,7 +28,7 @@ export class ErrorBoundary extends React.Component {
 
     if (this.props.hasError || (_this$state = this.state) != null && _this$state.hasError) {
       // You can render any custom fallback UI
-      return this.props.render(this.props.componentProps || this.state);
+      return this.props.render(this.state);
     }
 
     return this.props.children;

package/components/ErrorOverlay.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GridOverlayProps } from './containers/GridOverlay';
 export interface ErrorOverlayProps extends GridOverlayProps {
-    message?: string;
+    error?: Error;
     hasError: boolean;
     errorInfo: any;
 }

package/components/ErrorOverlay.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["message", "hasError", "errorInfo"];
+const _excluded = ["error", "hasError", "errorInfo"];
 import * as React from 'react';
 import { useGridApiContext } from '../hooks/utils/useGridApiContext';
 import { GridOverlay } from './containers/GridOverlay';
@@ -10,7 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // TODO v6: rename to GridErrorOverlay
 export const ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(props, ref) {
   const {
-    message
+    error
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -24,6 +24,6 @@ export const ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(
       minHeight: 2 * rowHeight
     }
   }, other, {
-    children: message || defaultLabel
+    children: (error == null ? void 0 : error.message) || defaultLabel
   }));
 });

package/components/base/GridErrorHandler.js

@@ -15,17 +15,16 @@ function GridErrorHandler(props) {
   const apiRef = useGridApiContext();
   const logger = useGridLogger(apiRef, 'GridErrorHandler');
   const rootProps = useGridRootProps();
-  const error = apiRef.current.state.error;
+  const errorState = apiRef.current.state.error;
   return /*#__PURE__*/_jsx(ErrorBoundary, {
-    hasError: error != null,
-    componentProps: error,
+    hasError: errorState != null,
     api: apiRef,
     logger: logger,
     render: errorProps => {
       var _rootProps$components;
 
       return /*#__PURE__*/_jsx(GridMainContainer, {
-        children: /*#__PURE__*/_jsx(rootProps.components.ErrorOverlay, _extends({}, errorProps, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
+        children: /*#__PURE__*/_jsx(rootProps.components.ErrorOverlay, _extends({}, errorProps, errorState, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
       });
     },
     children: children

package/hooks/core/useGridErrorHandler.js

@@ -9,7 +9,13 @@ export function useGridErrorHandler(apiRef, props) {
     }));
   }, [apiRef]);
   React.useEffect(() => {
-    handleError(props.error);
+    if (props.error) {
+      handleError({
+        error: props.error
+      });
+    } else {
+      handleError(null);
+    }
   }, [handleError, props.error]);
   useGridApiEventHandler(apiRef, 'componentError', handleError);
 }

package/hooks/features/rows/useGridRows.js

@@ -296,6 +296,9 @@ export const useGridRows = (apiRef, props) => {
       updatedIdToIdLookup[row.id] = row.id;
       updatedTree[row.id] = rowTreeNodeConfig;
     });
+    apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
+    apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
+    apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.setState(state => _extends({}, state, {
       rows: _extends({}, state.rows, {
         idRowsLookup: updatedIdRowsLookup,

package/hooks/features/selection/useGridSelection.js

@@ -13,6 +13,7 @@ import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
 import { getVisibleRows, useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPanelToggleField';
+import { gridClasses } from '../../../constants/gridClasses';
 
 const getSelectionModelPropValue = (selectionModelProp, prevSelectionModel) => {
   if (selectionModelProp == null) {
@@ -248,30 +249,36 @@ export const useGridSelection = (apiRef, props) => {
       apiRef.current.selectRow(id, !isSelected, false);
     }
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
-  const handleCellClick = React.useCallback((params, event) => {
+  const handleRowClick = React.useCallback((params, event) => {
+    var _closest;
+
     if (disableSelectionOnClick) {
       return;
     }
 
-    if (params.field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
+    const field = (_closest = event.target.closest(`.${gridClasses.cell}`)) == null ? void 0 : _closest.getAttribute('data-field');
+
+    if (field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
       // click on checkbox should not trigger row selection
       return;
     }
 
-    if (params.field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
+    if (field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
       // click to open the detail panel should not select the row
       return;
     }
 
-    if (params.field) {
-      const column = apiRef.current.getColumn(params.field);
+    if (field) {
+      const column = apiRef.current.getColumn(field);
 
       if (column.type === GRID_ACTIONS_COLUMN_TYPE) {
         return;
       }
     }
 
-    if (params.rowNode.isPinned) {
+    const rowNode = apiRef.current.getRowNode(params.id);
+
+    if (rowNode.isPinned) {
       return;
     }
 
@@ -371,7 +378,7 @@ export const useGridSelection = (apiRef, props) => {
     }
   }, [apiRef, handleSingleRowSelection, selectRows, visibleRows.rows, canHaveMultipleSelection]);
   useGridApiEventHandler(apiRef, 'sortedRowsSet', removeOutdatedSelection);
-  useGridApiEventHandler(apiRef, 'cellClick', handleCellClick);
+  useGridApiEventHandler(apiRef, 'rowClick', handleRowClick);
   useGridApiEventHandler(apiRef, 'rowSelectionCheckboxChange', handleRowSelectionCheckboxChange);
   useGridApiEventHandler(apiRef, 'headerSelectionCheckboxChange', handleHeaderSelectionCheckboxChange);
   useGridApiEventHandler(apiRef, 'cellMouseDown', preventSelectionOnShift);

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.12
+/** @license MUI v5.17.14
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/components/ErrorBoundary.js

@@ -44,7 +44,7 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
 
       if (this.props.hasError || (_this$state = this.state) != null && _this$state.hasError) {
         // You can render any custom fallback UI
-        return this.props.render(this.props.componentProps || this.state);
+        return this.props.render(this.state);
       }
 
       return this.props.children;

package/legacy/components/ErrorOverlay.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["message", "hasError", "errorInfo"];
+var _excluded = ["error", "hasError", "errorInfo"];
 import * as React from 'react';
 import { useGridApiContext } from '../hooks/utils/useGridApiContext';
 import { GridOverlay } from './containers/GridOverlay';
@@ -9,7 +9,7 @@ import { gridDensityRowHeightSelector } from '../hooks/features/density/densityS
 import { jsx as _jsx } from "react/jsx-runtime";
 // TODO v6: rename to GridErrorOverlay
 export var ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(props, ref) {
-  var message = props.message,
+  var error = props.error,
       hasError = props.hasError,
       errorInfo = props.errorInfo,
       other = _objectWithoutProperties(props, _excluded);
@@ -24,6 +24,6 @@ export var ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(pr
       minHeight: 2 * rowHeight
     }
   }, other, {
-    children: message || defaultLabel
+    children: (error == null ? void 0 : error.message) || defaultLabel
   }));
 });

package/legacy/components/base/GridErrorHandler.js

@@ -13,17 +13,16 @@ function GridErrorHandler(props) {
   var apiRef = useGridApiContext();
   var logger = useGridLogger(apiRef, 'GridErrorHandler');
   var rootProps = useGridRootProps();
-  var error = apiRef.current.state.error;
+  var errorState = apiRef.current.state.error;
   return /*#__PURE__*/_jsx(ErrorBoundary, {
-    hasError: error != null,
-    componentProps: error,
+    hasError: errorState != null,
     api: apiRef,
     logger: logger,
     render: function render(errorProps) {
       var _rootProps$components;
 
       return /*#__PURE__*/_jsx(GridMainContainer, {
-        children: /*#__PURE__*/_jsx(rootProps.components.ErrorOverlay, _extends({}, errorProps, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
+        children: /*#__PURE__*/_jsx(rootProps.components.ErrorOverlay, _extends({}, errorProps, errorState, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
       });
     },
     children: children

package/legacy/hooks/core/useGridErrorHandler.js

@@ -11,7 +11,13 @@ export function useGridErrorHandler(apiRef, props) {
     });
   }, [apiRef]);
   React.useEffect(function () {
-    handleError(props.error);
+    if (props.error) {
+      handleError({
+        error: props.error
+      });
+    } else {
+      handleError(null);
+    }
   }, [handleError, props.error]);
   useGridApiEventHandler(apiRef, 'componentError', handleError);
 }

package/legacy/hooks/features/rows/useGridRows.js

@@ -325,6 +325,9 @@ export var useGridRows = function useGridRows(apiRef, props) {
       updatedIdToIdLookup[row.id] = row.id;
       updatedTree[row.id] = rowTreeNodeConfig;
     });
+    apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
+    apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
+    apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.setState(function (state) {
       return _extends({}, state, {
         rows: _extends({}, state.rows, {

package/legacy/hooks/features/selection/useGridSelection.js

@@ -14,6 +14,7 @@ import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
 import { getVisibleRows, useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPanelToggleField';
+import { gridClasses } from '../../../constants/gridClasses';
 
 var getSelectionModelPropValue = function getSelectionModelPropValue(selectionModelProp, prevSelectionModel) {
   if (selectionModelProp == null) {
@@ -273,30 +274,36 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
       apiRef.current.selectRow(id, !isSelected, false);
     }
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
-  var handleCellClick = React.useCallback(function (params, event) {
+  var handleRowClick = React.useCallback(function (params, event) {
+    var _closest;
+
     if (disableSelectionOnClick) {
       return;
     }
 
-    if (params.field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
+    var field = (_closest = event.target.closest(".".concat(gridClasses.cell))) == null ? void 0 : _closest.getAttribute('data-field');
+
+    if (field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
       // click on checkbox should not trigger row selection
       return;
     }
 
-    if (params.field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
+    if (field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
       // click to open the detail panel should not select the row
       return;
     }
 
-    if (params.field) {
-      var column = apiRef.current.getColumn(params.field);
+    if (field) {
+      var column = apiRef.current.getColumn(field);
 
       if (column.type === GRID_ACTIONS_COLUMN_TYPE) {
         return;
       }
     }
 
-    if (params.rowNode.isPinned) {
+    var rowNode = apiRef.current.getRowNode(params.id);
+
+    if (rowNode.isPinned) {
       return;
     }
 
@@ -398,7 +405,7 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
     }
   }, [apiRef, handleSingleRowSelection, selectRows, visibleRows.rows, canHaveMultipleSelection]);
   useGridApiEventHandler(apiRef, 'sortedRowsSet', removeOutdatedSelection);
-  useGridApiEventHandler(apiRef, 'cellClick', handleCellClick);
+  useGridApiEventHandler(apiRef, 'rowClick', handleRowClick);
   useGridApiEventHandler(apiRef, 'rowSelectionCheckboxChange', handleRowSelectionCheckboxChange);
   useGridApiEventHandler(apiRef, 'headerSelectionCheckboxChange', handleHeaderSelectionCheckboxChange);
   useGridApiEventHandler(apiRef, 'cellMouseDown', preventSelectionOnShift);

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.12
+/** @license MUI v5.17.14
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/locales/arSD.js

@@ -58,7 +58,7 @@ var arSDGrid = {
   filterOperatorNot: 'ليس',
   filterOperatorAfter: 'بعد',
   filterOperatorOnOrAfter: 'عند أو بعد',
-  filterOperatorBefore: 'بعد',
+  filterOperatorBefore: 'قبل',
   filterOperatorOnOrBefore: 'عند أو قبل',
   filterOperatorIsEmpty: 'خالي',
   filterOperatorIsNotEmpty: 'غير خالي',

package/legacy/locales/ukUA.js

@@ -41,15 +41,15 @@ var ukUAGrid = {
     });
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Пошук…',
+  toolbarQuickFilterLabel: 'Пошук',
+  toolbarQuickFilterDeleteIconLabel: 'Очистити',
   // Export selector toolbar button text
   toolbarExport: 'Експорт',
   toolbarExportLabel: 'Експорт',
   toolbarExportCSV: 'Завантажити у форматі CSV',
   toolbarExportPrint: 'Друк',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Завантажити у форматі Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Знайти стовпець',
   columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
@@ -59,7 +59,7 @@ var ukUAGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
   filterPanelDeleteIconLabel: 'Видалити',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Логічна функція',
   filterPanelOperators: 'Оператори',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'І',
@@ -80,7 +80,7 @@ var ukUAGrid = {
   filterOperatorOnOrBefore: 'менше або дорівнює',
   filterOperatorIsEmpty: 'порожній',
   filterOperatorIsNotEmpty: 'не порожній',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'будь-що із',
   // Filter values text
   filterValueAny: 'будь-який',
   filterValueTrue: 'так',
@@ -119,10 +119,10 @@ var ukUAGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Вибір прапорця',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Вибрати всі рядки',
+  checkboxSelectionUnselectAllRows: 'Скасувати вибір всіх рядків',
+  checkboxSelectionSelectRow: 'Вибрати рядок',
+  checkboxSelectionUnselectRow: 'Скасувати вибір рядка',
   // Boolean cell text
   booleanCellTrueLabel: 'так',
   booleanCellFalseLabel: 'ні',
@@ -135,19 +135,23 @@ var ukUAGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Група',
   treeDataExpand: 'показати дочірні елементи',
-  treeDataCollapse: 'приховати дочірні елементи' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'приховати дочірні елементи',
+  // Grouping columns
+  groupingColumnHeaderName: 'Група',
+  groupColumn: function groupColumn(name) {
+    return "\u0413\u0440\u0443\u043F\u0443\u0432\u0430\u0442\u0438 \u0437\u0430 ".concat(name);
+  },
+  unGroupColumn: function unGroupColumn(name) {
+    return "\u0412\u0456\u0434\u043C\u0456\u043D\u0438\u0442\u0438 \u0433\u0440\u0443\u043F\u0443\u0432\u0430\u043D\u043D\u044F \u0437\u0430 ".concat(name);
+  },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Перемикач панелі деталей',
+  expandDetailPanel: 'Показати',
+  collapseDetailPanel: 'Приховати',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Порядок рядків',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
+  aggregationMenuItemHeader: 'Агрегація' // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
   // aggregationFunctionLabelMin: 'min',
   // aggregationFunctionLabelMax: 'max',

package/locales/arSD.js

@@ -56,7 +56,7 @@ const arSDGrid = {
   filterOperatorNot: 'ليس',
   filterOperatorAfter: 'بعد',
   filterOperatorOnOrAfter: 'عند أو بعد',
-  filterOperatorBefore: 'بعد',
+  filterOperatorBefore: 'قبل',
   filterOperatorOnOrBefore: 'عند أو قبل',
   filterOperatorIsEmpty: 'خالي',
   filterOperatorIsNotEmpty: 'غير خالي',

package/locales/ukUA.js

@@ -39,15 +39,15 @@ const ukUAGrid = {
     many: 'активних фільтрів'
   }),
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Пошук…',
+  toolbarQuickFilterLabel: 'Пошук',
+  toolbarQuickFilterDeleteIconLabel: 'Очистити',
   // Export selector toolbar button text
   toolbarExport: 'Експорт',
   toolbarExportLabel: 'Експорт',
   toolbarExportCSV: 'Завантажити у форматі CSV',
   toolbarExportPrint: 'Друк',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Завантажити у форматі Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Знайти стовпець',
   columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
@@ -57,7 +57,7 @@ const ukUAGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
   filterPanelDeleteIconLabel: 'Видалити',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Логічна функція',
   filterPanelOperators: 'Оператори',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'І',
@@ -78,7 +78,7 @@ const ukUAGrid = {
   filterOperatorOnOrBefore: 'менше або дорівнює',
   filterOperatorIsEmpty: 'порожній',
   filterOperatorIsNotEmpty: 'не порожній',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'будь-що із',
   // Filter values text
   filterValueAny: 'будь-який',
   filterValueTrue: 'так',
@@ -111,10 +111,10 @@ const ukUAGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} з ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Вибір прапорця',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Вибрати всі рядки',
+  checkboxSelectionUnselectAllRows: 'Скасувати вибір всіх рядків',
+  checkboxSelectionSelectRow: 'Вибрати рядок',
+  checkboxSelectionUnselectRow: 'Скасувати вибір рядка',
   // Boolean cell text
   booleanCellTrueLabel: 'так',
   booleanCellFalseLabel: 'ні',
@@ -127,19 +127,19 @@ const ukUAGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Група',
   treeDataExpand: 'показати дочірні елементи',
-  treeDataCollapse: 'приховати дочірні елементи' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'приховати дочірні елементи',
+  // Grouping columns
+  groupingColumnHeaderName: 'Група',
+  groupColumn: name => `Групувати за ${name}`,
+  unGroupColumn: name => `Відмінити групування за ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Перемикач панелі деталей',
+  expandDetailPanel: 'Показати',
+  collapseDetailPanel: 'Приховати',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Порядок рядків',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
+  aggregationMenuItemHeader: 'Агрегація' // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
   // aggregationFunctionLabelMin: 'min',
   // aggregationFunctionLabelMax: 'max',

package/modern/components/ErrorBoundary.js

@@ -26,7 +26,7 @@ export class ErrorBoundary extends React.Component {
   render() {
     if (this.props.hasError || this.state?.hasError) {
       // You can render any custom fallback UI
-      return this.props.render(this.props.componentProps || this.state);
+      return this.props.render(this.state);
     }
 
     return this.props.children;

package/modern/components/ErrorOverlay.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["message", "hasError", "errorInfo"];
+const _excluded = ["error", "hasError", "errorInfo"];
 import * as React from 'react';
 import { useGridApiContext } from '../hooks/utils/useGridApiContext';
 import { GridOverlay } from './containers/GridOverlay';
@@ -10,7 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // TODO v6: rename to GridErrorOverlay
 export const ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(props, ref) {
   const {
-    message
+    error
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -24,6 +24,6 @@ export const ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(
       minHeight: 2 * rowHeight
     }
   }, other, {
-    children: message || defaultLabel
+    children: error?.message || defaultLabel
   }));
 });

package/modern/components/base/GridErrorHandler.js

@@ -15,14 +15,13 @@ function GridErrorHandler(props) {
   const apiRef = useGridApiContext();
   const logger = useGridLogger(apiRef, 'GridErrorHandler');
   const rootProps = useGridRootProps();
-  const error = apiRef.current.state.error;
+  const errorState = apiRef.current.state.error;
   return /*#__PURE__*/_jsx(ErrorBoundary, {
-    hasError: error != null,
-    componentProps: error,
+    hasError: errorState != null,
     api: apiRef,
     logger: logger,
     render: errorProps => /*#__PURE__*/_jsx(GridMainContainer, {
-      children: /*#__PURE__*/_jsx(rootProps.components.ErrorOverlay, _extends({}, errorProps, rootProps.componentsProps?.errorOverlay))
+      children: /*#__PURE__*/_jsx(rootProps.components.ErrorOverlay, _extends({}, errorProps, errorState, rootProps.componentsProps?.errorOverlay))
     }),
     children: children
   });

package/modern/hooks/core/useGridErrorHandler.js

@@ -9,7 +9,13 @@ export function useGridErrorHandler(apiRef, props) {
     }));
   }, [apiRef]);
   React.useEffect(() => {
-    handleError(props.error);
+    if (props.error) {
+      handleError({
+        error: props.error
+      });
+    } else {
+      handleError(null);
+    }
   }, [handleError, props.error]);
   useGridApiEventHandler(apiRef, 'componentError', handleError);
 }

package/modern/hooks/features/rows/useGridRows.js

@@ -288,6 +288,9 @@ export const useGridRows = (apiRef, props) => {
       updatedIdToIdLookup[row.id] = row.id;
       updatedTree[row.id] = rowTreeNodeConfig;
     });
+    apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
+    apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
+    apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.setState(state => _extends({}, state, {
       rows: _extends({}, state.rows, {
         idRowsLookup: updatedIdRowsLookup,

package/modern/hooks/features/selection/useGridSelection.js

@@ -13,6 +13,7 @@ import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
 import { getVisibleRows, useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPanelToggleField';
+import { gridClasses } from '../../../constants/gridClasses';
 
 const getSelectionModelPropValue = (selectionModelProp, prevSelectionModel) => {
   if (selectionModelProp == null) {
@@ -242,30 +243,34 @@ export const useGridSelection = (apiRef, props) => {
       apiRef.current.selectRow(id, !isSelected, false);
     }
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
-  const handleCellClick = React.useCallback((params, event) => {
+  const handleRowClick = React.useCallback((params, event) => {
     if (disableSelectionOnClick) {
       return;
     }
 
-    if (params.field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
+    const field = event.target.closest(`.${gridClasses.cell}`)?.getAttribute('data-field');
+
+    if (field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
       // click on checkbox should not trigger row selection
       return;
     }
 
-    if (params.field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
+    if (field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
       // click to open the detail panel should not select the row
       return;
     }
 
-    if (params.field) {
-      const column = apiRef.current.getColumn(params.field);
+    if (field) {
+      const column = apiRef.current.getColumn(field);
 
       if (column.type === GRID_ACTIONS_COLUMN_TYPE) {
         return;
       }
     }
 
-    if (params.rowNode.isPinned) {
+    const rowNode = apiRef.current.getRowNode(params.id);
+
+    if (rowNode.isPinned) {
       return;
     }
 
@@ -363,7 +368,7 @@ export const useGridSelection = (apiRef, props) => {
     }
   }, [apiRef, handleSingleRowSelection, selectRows, visibleRows.rows, canHaveMultipleSelection]);
   useGridApiEventHandler(apiRef, 'sortedRowsSet', removeOutdatedSelection);
-  useGridApiEventHandler(apiRef, 'cellClick', handleCellClick);
+  useGridApiEventHandler(apiRef, 'rowClick', handleRowClick);
   useGridApiEventHandler(apiRef, 'rowSelectionCheckboxChange', handleRowSelectionCheckboxChange);
   useGridApiEventHandler(apiRef, 'headerSelectionCheckboxChange', handleHeaderSelectionCheckboxChange);
   useGridApiEventHandler(apiRef, 'cellMouseDown', preventSelectionOnShift);

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.12
+/** @license MUI v5.17.14
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/locales/arSD.js

@@ -56,7 +56,7 @@ const arSDGrid = {
   filterOperatorNot: 'ليس',
   filterOperatorAfter: 'بعد',
   filterOperatorOnOrAfter: 'عند أو بعد',
-  filterOperatorBefore: 'بعد',
+  filterOperatorBefore: 'قبل',
   filterOperatorOnOrBefore: 'عند أو قبل',
   filterOperatorIsEmpty: 'خالي',
   filterOperatorIsNotEmpty: 'غير خالي',

package/modern/locales/ukUA.js

@@ -39,15 +39,15 @@ const ukUAGrid = {
     many: 'активних фільтрів'
   }),
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Пошук…',
+  toolbarQuickFilterLabel: 'Пошук',
+  toolbarQuickFilterDeleteIconLabel: 'Очистити',
   // Export selector toolbar button text
   toolbarExport: 'Експорт',
   toolbarExportLabel: 'Експорт',
   toolbarExportCSV: 'Завантажити у форматі CSV',
   toolbarExportPrint: 'Друк',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Завантажити у форматі Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Знайти стовпець',
   columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
@@ -57,7 +57,7 @@ const ukUAGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
   filterPanelDeleteIconLabel: 'Видалити',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Логічна функція',
   filterPanelOperators: 'Оператори',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'І',
@@ -78,7 +78,7 @@ const ukUAGrid = {
   filterOperatorOnOrBefore: 'менше або дорівнює',
   filterOperatorIsEmpty: 'порожній',
   filterOperatorIsNotEmpty: 'не порожній',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'будь-що із',
   // Filter values text
   filterValueAny: 'будь-який',
   filterValueTrue: 'так',
@@ -111,10 +111,10 @@ const ukUAGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} з ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Вибір прапорця',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Вибрати всі рядки',
+  checkboxSelectionUnselectAllRows: 'Скасувати вибір всіх рядків',
+  checkboxSelectionSelectRow: 'Вибрати рядок',
+  checkboxSelectionUnselectRow: 'Скасувати вибір рядка',
   // Boolean cell text
   booleanCellTrueLabel: 'так',
   booleanCellFalseLabel: 'ні',
@@ -127,19 +127,19 @@ const ukUAGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Група',
   treeDataExpand: 'показати дочірні елементи',
-  treeDataCollapse: 'приховати дочірні елементи' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'приховати дочірні елементи',
+  // Grouping columns
+  groupingColumnHeaderName: 'Група',
+  groupColumn: name => `Групувати за ${name}`,
+  unGroupColumn: name => `Відмінити групування за ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Перемикач панелі деталей',
+  expandDetailPanel: 'Показати',
+  collapseDetailPanel: 'Приховати',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Порядок рядків',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
+  aggregationMenuItemHeader: 'Агрегація' // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
   // aggregationFunctionLabelMin: 'min',
   // aggregationFunctionLabelMax: 'max',

package/node/components/ErrorBoundary.js

@@ -40,7 +40,7 @@ class ErrorBoundary extends React.Component {
 
     if (this.props.hasError || (_this$state = this.state) != null && _this$state.hasError) {
       // You can render any custom fallback UI
-      return this.props.render(this.props.componentProps || this.state);
+      return this.props.render(this.state);
     }
 
     return this.props.children;

package/node/components/ErrorOverlay.js

@@ -23,7 +23,7 @@ var _densitySelector = require("../hooks/features/density/densitySelector");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["message", "hasError", "errorInfo"];
+const _excluded = ["error", "hasError", "errorInfo"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -32,7 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // TODO v6: rename to GridErrorOverlay
 const ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(props, ref) {
   const {
-    message
+    error
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
@@ -45,7 +45,7 @@ const ErrorOverlay = /*#__PURE__*/React.forwardRef(function ErrorOverlay(props,
       minHeight: 2 * rowHeight
     }
   }, other, {
-    children: message || defaultLabel
+    children: (error == null ? void 0 : error.message) || defaultLabel
   }));
 });
 exports.ErrorOverlay = ErrorOverlay;

package/node/components/base/GridErrorHandler.js

@@ -36,17 +36,16 @@ function GridErrorHandler(props) {
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'GridErrorHandler');
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const error = apiRef.current.state.error;
+  const errorState = apiRef.current.state.error;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary.ErrorBoundary, {
-    hasError: error != null,
-    componentProps: error,
+    hasError: errorState != null,
     api: apiRef,
     logger: logger,
     render: errorProps => {
       var _rootProps$components;
 
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridMainContainer.GridMainContainer, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.ErrorOverlay, (0, _extends2.default)({}, errorProps, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.ErrorOverlay, (0, _extends2.default)({}, errorProps, errorState, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
       });
     },
     children: children

package/node/hooks/core/useGridErrorHandler.js

@@ -25,7 +25,13 @@ function useGridErrorHandler(apiRef, props) {
     }));
   }, [apiRef]);
   React.useEffect(() => {
-    handleError(props.error);
+    if (props.error) {
+      handleError({
+        error: props.error
+      });
+    } else {
+      handleError(null);
+    }
   }, [handleError, props.error]);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'componentError', handleError);
 }

package/node/hooks/features/rows/useGridRows.js

@@ -318,6 +318,9 @@ const useGridRows = (apiRef, props) => {
       updatedIdToIdLookup[row.id] = row.id;
       updatedTree[row.id] = rowTreeNodeConfig;
     });
+    apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
+    apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
+    apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       rows: (0, _extends2.default)({}, state.rows, {
         idRowsLookup: updatedIdRowsLookup,

package/node/hooks/features/selection/useGridSelection.js

@@ -37,6 +37,8 @@ var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 
 var _gridDetailPanelToggleField = require("../../../constants/gridDetailPanelToggleField");
 
+var _gridClasses = require("../../../constants/gridClasses");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -276,30 +278,36 @@ const useGridSelection = (apiRef, props) => {
       apiRef.current.selectRow(id, !isSelected, false);
     }
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
-  const handleCellClick = React.useCallback((params, event) => {
+  const handleRowClick = React.useCallback((params, event) => {
+    var _closest;
+
     if (disableSelectionOnClick) {
       return;
     }
 
-    if (params.field === _colDef.GRID_CHECKBOX_SELECTION_COL_DEF.field) {
+    const field = (_closest = event.target.closest(`.${_gridClasses.gridClasses.cell}`)) == null ? void 0 : _closest.getAttribute('data-field');
+
+    if (field === _colDef.GRID_CHECKBOX_SELECTION_COL_DEF.field) {
       // click on checkbox should not trigger row selection
       return;
     }
 
-    if (params.field === _gridDetailPanelToggleField.GRID_DETAIL_PANEL_TOGGLE_FIELD) {
+    if (field === _gridDetailPanelToggleField.GRID_DETAIL_PANEL_TOGGLE_FIELD) {
       // click to open the detail panel should not select the row
       return;
     }
 
-    if (params.field) {
-      const column = apiRef.current.getColumn(params.field);
+    if (field) {
+      const column = apiRef.current.getColumn(field);
 
       if (column.type === _colDef.GRID_ACTIONS_COLUMN_TYPE) {
         return;
       }
     }
 
-    if (params.rowNode.isPinned) {
+    const rowNode = apiRef.current.getRowNode(params.id);
+
+    if (rowNode.isPinned) {
       return;
     }
 
@@ -399,7 +407,7 @@ const useGridSelection = (apiRef, props) => {
     }
   }, [apiRef, handleSingleRowSelection, selectRows, visibleRows.rows, canHaveMultipleSelection]);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'sortedRowsSet', removeOutdatedSelection);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'cellClick', handleCellClick);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'rowClick', handleRowClick);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'rowSelectionCheckboxChange', handleRowSelectionCheckboxChange);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'headerSelectionCheckboxChange', handleHeaderSelectionCheckboxChange);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'cellMouseDown', preventSelectionOnShift);

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.12
+/** @license MUI v5.17.14
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locales/arSD.js

@@ -65,7 +65,7 @@ const arSDGrid = {
   filterOperatorNot: 'ليس',
   filterOperatorAfter: 'بعد',
   filterOperatorOnOrAfter: 'عند أو بعد',
-  filterOperatorBefore: 'بعد',
+  filterOperatorBefore: 'قبل',
   filterOperatorOnOrBefore: 'عند أو قبل',
   filterOperatorIsEmpty: 'خالي',
   filterOperatorIsNotEmpty: 'غير خالي',

package/node/locales/ukUA.js

@@ -47,15 +47,15 @@ const ukUAGrid = {
     many: 'активних фільтрів'
   }),
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Пошук…',
+  toolbarQuickFilterLabel: 'Пошук',
+  toolbarQuickFilterDeleteIconLabel: 'Очистити',
   // Export selector toolbar button text
   toolbarExport: 'Експорт',
   toolbarExportLabel: 'Експорт',
   toolbarExportCSV: 'Завантажити у форматі CSV',
   toolbarExportPrint: 'Друк',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Завантажити у форматі Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Знайти стовпець',
   columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
@@ -65,7 +65,7 @@ const ukUAGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
   filterPanelDeleteIconLabel: 'Видалити',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Логічна функція',
   filterPanelOperators: 'Оператори',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'І',
@@ -86,7 +86,7 @@ const ukUAGrid = {
   filterOperatorOnOrBefore: 'менше або дорівнює',
   filterOperatorIsEmpty: 'порожній',
   filterOperatorIsNotEmpty: 'не порожній',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'будь-що із',
   // Filter values text
   filterValueAny: 'будь-який',
   filterValueTrue: 'так',
@@ -119,10 +119,10 @@ const ukUAGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} з ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Вибір прапорця',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Вибрати всі рядки',
+  checkboxSelectionUnselectAllRows: 'Скасувати вибір всіх рядків',
+  checkboxSelectionSelectRow: 'Вибрати рядок',
+  checkboxSelectionUnselectRow: 'Скасувати вибір рядка',
   // Boolean cell text
   booleanCellTrueLabel: 'так',
   booleanCellFalseLabel: 'ні',
@@ -135,19 +135,19 @@ const ukUAGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Група',
   treeDataExpand: 'показати дочірні елементи',
-  treeDataCollapse: 'приховати дочірні елементи' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'приховати дочірні елементи',
+  // Grouping columns
+  groupingColumnHeaderName: 'Група',
+  groupColumn: name => `Групувати за ${name}`,
+  unGroupColumn: name => `Відмінити групування за ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Перемикач панелі деталей',
+  expandDetailPanel: 'Показати',
+  collapseDetailPanel: 'Приховати',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Порядок рядків',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
+  aggregationMenuItemHeader: 'Агрегація' // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
   // aggregationFunctionLabelMin: 'min',
   // aggregationFunctionLabelMax: 'max',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.17.12",
+  "version": "5.17.14",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/themeAugmentation/props.d.ts

@@ -1,9 +1,9 @@
-import { ComponentsOverrides, ComponentsProps, Theme } from '@mui/material/styles';
+import { ComponentsOverrides, ComponentsProps } from '@mui/material/styles';
 import { DataGridProps } from '../models/props/DataGridProps';
 export interface DataGridComponentsPropsList {
     MuiDataGrid: DataGridProps;
 }
-export interface DataGridComponents {
+export interface DataGridComponents<Theme = unknown> {
     MuiDataGrid?: {
         defaultProps?: ComponentsProps['MuiDataGrid'];
         styleOverrides?: ComponentsOverrides<Theme>['MuiDataGrid'];
@@ -12,8 +12,6 @@ export interface DataGridComponents {
 declare module '@mui/material/styles' {
     interface ComponentsPropsList extends DataGridComponentsPropsList {
     }
-}
-declare module '@mui/material/styles/components' {
-    interface Components extends DataGridComponents {
+    interface Components<Theme = unknown> extends DataGridComponents<Theme> {
     }
 }