@mui/x-data-grid 7.29.1 → 7.29.3

package/CHANGELOG.md

@@ -3,6 +3,98 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.3
+
+_May 8, 2025_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Team members who have contributed to this release:
+@arminmeh, @LukasTy, and @MBilalShafi.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.3`
+
+- [DataGrid] Ignore `preProcessEditCellProps` for non-editable columns when starting a row update (#17734) @arminmeh
+- [DataGrid] Avoid applying row selection propagation on filtered rows (#17742) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@7.29.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.29.3`.
+
+#### `@mui/x-data-grid-premium@7.29.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.29.3`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.3`
+
+- [DateTimePicker] Fix focus behavior on desktop variant (#17730) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.29.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.29.3`.
+
+## 7.29.2
+
+_May 1, 2025_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Armenian (hy-AM) locale on the Data Grid
+- 🌍 Improve Italian (it-IT) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@ArturAghakaryan, @federico-ntr.
+
+Following are all team members who have contributed to this release:
+@arminmeh, @JCQuintas, @KenanYusuf, @MBilalShafi, @oliviertassinari.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.2`
+
+- [DataGrid] Fix column title truncation on touch devices (#17497) @KenanYusuf
+- [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17530) @KenanYusuf
+- [l10n] Add Armenian (hy-AM) locale (#17422) @ArturAghakaryan
+- [l10n] Fix l10n export (#17526) @arminmeh
+
+#### `@mui/x-data-grid-pro@7.29.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.29.2`.
+
+#### `@mui/x-data-grid-premium@7.29.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.29.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.2`
+
+- [l10n] Improve Italian (it-IT) locale (#17604) @federico-ntr
+
+#### `@mui/x-date-pickers-pro@7.29.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.29.2`.
+
+### Docs
+
+- [docs] Fix MUI X v7 install instructions (#17537) @oliviertassinari
+- [docs] Improve data grid export docs (#17553) @MBilalShafi
+
+### Core
+
+- [core] Fix root package 7.29.1 (#17523) @JCQuintas
+
 ## 7.29.1
 
 _Apr 23, 2025_

package/DataGrid/useDataGridProps.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
+import { getThemeProps } from '@mui/system';
 import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/index.js";
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 import { computeSlots, useProps } from "../internals/utils/index.js";
@@ -19,12 +20,12 @@ const DATA_GRID_FORCED_PROPS = {
 };
 const defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridProps = inProps => {
-  const themedProps = useProps(
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
+  const theme = useTheme();
+  const themedProps = useProps(React.useMemo(() => getThemeProps({
     props: inProps,
+    theme,
     name: 'MuiDataGrid'
-  }));
+  }), [theme, inProps]));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,

package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts

@@ -6,6 +6,7 @@ export interface GridColumnHeaderSortIconProps {
     index: number | undefined;
     sortingOrder: readonly GridSortDirection[];
     disabled?: boolean;
+    className?: string;
 }
 declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): React.JSX.Element | null;
 declare namespace GridColumnHeaderSortIconRaw {

package/components/columnHeaders/GridColumnHeaderSortIcon.js

@@ -1,9 +1,10 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["direction", "index", "sortingOrder", "disabled"];
+const _excluded = ["direction", "index", "sortingOrder", "disabled", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
+import clsx from 'clsx';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -14,6 +15,7 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
+    root: ['sortButton'],
     icon: ['sortIcon']
   };
   return composeClasses(slots, getDataGridUtilityClass, classes);
@@ -39,7 +41,8 @@ function GridColumnHeaderSortIconRaw(props) {
       direction,
       index,
       sortingOrder,
-      disabled
+      disabled,
+      className
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const apiRef = useGridApiContext();
@@ -57,7 +60,8 @@ function GridColumnHeaderSortIconRaw(props) {
     "aria-label": apiRef.current.getLocaleText('columnHeaderSortIconLabel'),
     title: apiRef.current.getLocaleText('columnHeaderSortIconLabel'),
     size: "small",
-    disabled: disabled
+    disabled: disabled,
+    className: clsx(classes.root, className)
   }, rootProps.slotProps?.baseIconButton, other, {
     children: iconElement
   }));
@@ -76,6 +80,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.propTypes =
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  className: PropTypes.string,
   direction: PropTypes.oneOf(['asc', 'desc']),
   disabled: PropTypes.bool,
   field: PropTypes.string.isRequired,

package/components/containers/GridRootStyles.js

@@ -12,16 +12,6 @@ function getBorderColor(theme) {
   }
   return darken(alpha(theme.palette.divider, 1), 0.68);
 }
-const columnHeaderStyles = {
-  [`& .${c.iconButtonContainer}`]: {
-    visibility: 'visible',
-    width: 'auto'
-  },
-  [`& .${c.menuIcon}`]: {
-    width: 'auto',
-    visibility: 'visible'
-  }
-};
 const columnSeparatorTargetSize = 10;
 const columnSeparatorOffset = -5;
 const focusOutlineWidth = 1;
@@ -439,7 +429,7 @@ export const GridRootStyles = styled('div', {
       visibility: 'visible',
       width: 'auto'
     },
-    [`& .${c.columnHeader}:not(.${c['columnHeader--sorted']}) .${c.sortIcon}`]: {
+    [`& .${c.columnHeader}:not(.${c['columnHeader--sorted']}) .${c.sortButton}`]: {
       opacity: 0,
       transition: t.transitions.create(['opacity'], {
         duration: t.transitions.duration.shorter
@@ -507,13 +497,25 @@ export const GridRootStyles = styled('div', {
       width: 'var(--DataGrid-rowWidth)'
     },
     '@media (hover: hover)': {
-      [`& .${c.columnHeader}:hover`]: columnHeaderStyles,
-      [`& .${c.columnHeader}:not(.${c['columnHeader--sorted']}):hover .${c.sortIcon}`]: {
+      [`& .${c.columnHeader}:hover`]: {
+        [`& .${c.menuIcon}`]: {
+          width: 'auto',
+          visibility: 'visible'
+        },
+        [`& .${c.iconButtonContainer}`]: {
+          visibility: 'visible',
+          width: 'auto'
+        }
+      },
+      [`& .${c.columnHeader}:not(.${c['columnHeader--sorted']}):hover .${c.sortButton}`]: {
         opacity: 0.5
       }
     },
     '@media (hover: none)': {
-      [`& .${c.columnHeader}`]: columnHeaderStyles,
+      [`& .${c.columnHeader} .${c.menuIcon}`]: {
+        width: 'auto',
+        visibility: 'visible'
+      },
       [`& .${c.columnHeader}:focus,
         & .${c['columnHeader--siblingFocused']}`]: {
         [`.${c['columnSeparator--resizable']}`]: {

package/constants/gridClasses.d.ts

@@ -574,6 +574,10 @@ export interface GridClasses {
      * Styles applied to the footer selected row count element.
      */
     selectedRowCount: string;
+    /**
+     * Styles applied to the sort button element.
+     */
+    sortButton: string;
     /**
      * Styles applied to the sort icon element.
      */

package/constants/gridClasses.js

@@ -2,4 +2,4 @@ import { unstable_generateUtilityClasses as generateUtilityClasses, unstable_gen
 export function getDataGridUtilityClass(slot) {
   return generateUtilityClass('MuiDataGrid', slot);
 }
-export const gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'autoHeight', 'autosizing', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--flex', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--pinnedLeft', 'cell--pinnedRight', 'cell--selectionMode', 'cell', 'cellCheckbox', 'cellEmpty', 'cellSkeleton', 'cellOffsetLeft', 'checkboxInput', 'columnHeader', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader--pinnedLeft', 'columnHeader--pinnedRight', 'columnHeader--last', 'columnHeader--lastUnpinned', 'columnHeader--siblingFocused', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeaders', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsManagement', 'columnsManagementRow', 'columnsManagementHeader', 'columnsManagementSearchInput', 'columnsManagementFooter', 'container--top', 'container--bottom', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filler', 'filler--borderBottom', 'filler--pinnedLeft', 'filler--pinnedRight', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'main--hasPinnedRight', 'main--hasSkeletonLoadingOverlay', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'root--noToolbar', 'row', 'row--editable', 'row--editing', 'row--firstVisible', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'row--borderBottom', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'rowSkeleton', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'scrollbar', 'scrollbar--vertical', 'scrollbar--horizontal', 'scrollbarFiller', 'scrollbarFiller--header', 'scrollbarFiller--borderTop', 'scrollbarFiller--borderBottom', 'scrollbarFiller--pinnedRight', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScroller--hasScrollX', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'withVerticalBorder', 'withBorderColor', 'cell--withRightBorder', 'cell--withLeftBorder', 'columnHeader--withRightBorder', 'columnHeader--withLeftBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'treeDataGroupingCellLoadingContainer', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'groupingCriteriaCellLoadingContainer', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pinnedRowsRenderZone']);
+export const gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'autoHeight', 'autosizing', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--flex', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--pinnedLeft', 'cell--pinnedRight', 'cell--selectionMode', 'cell', 'cellCheckbox', 'cellEmpty', 'cellSkeleton', 'cellOffsetLeft', 'checkboxInput', 'columnHeader', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader--pinnedLeft', 'columnHeader--pinnedRight', 'columnHeader--last', 'columnHeader--lastUnpinned', 'columnHeader--siblingFocused', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeaders', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsManagement', 'columnsManagementRow', 'columnsManagementHeader', 'columnsManagementSearchInput', 'columnsManagementFooter', 'container--top', 'container--bottom', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filler', 'filler--borderBottom', 'filler--pinnedLeft', 'filler--pinnedRight', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'main--hasPinnedRight', 'main--hasSkeletonLoadingOverlay', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'root--noToolbar', 'row', 'row--editable', 'row--editing', 'row--firstVisible', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'row--borderBottom', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'rowSkeleton', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'scrollbar', 'scrollbar--vertical', 'scrollbar--horizontal', 'scrollbarFiller', 'scrollbarFiller--header', 'scrollbarFiller--borderTop', 'scrollbarFiller--borderBottom', 'scrollbarFiller--pinnedRight', 'selectedRowCount', 'sortButton', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScroller--hasScrollX', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'withVerticalBorder', 'withBorderColor', 'cell--withRightBorder', 'cell--withLeftBorder', 'columnHeader--withRightBorder', 'columnHeader--withLeftBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'treeDataGroupingCellLoadingContainer', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'groupingCriteriaCellLoadingContainer', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pinnedRowsRenderZone']);

package/hooks/features/editing/useGridRowEditing.js

@@ -11,7 +11,7 @@ import { GridEditModes, GridRowModes } from "../../../models/gridEditRowModel.js
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { gridEditRowsStateSelector, gridRowIsEditingSelector } from "./gridEditingSelectors.js";
 import { isPrintableKey, isPasteShortcut } from "../../../utils/keyboardUtils.js";
-import { gridColumnFieldsSelector, gridVisibleColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
+import { gridColumnDefinitionsSelector, gridVisibleColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
 import { gridRowsLookupSelector } from "../rows/gridRowsSelector.js";
 import { deepClone } from "../../../utils/utils.js";
 import { GridRowEditStopReasons, GridRowEditStartReasons } from "../../../models/params/gridRowParams.js";
@@ -313,8 +313,9 @@ export const useGridRowEditing = (apiRef, props) => {
       initialValue
     } = params;
     const row = apiRef.current.getRow(id);
-    const columnFields = gridColumnFieldsSelector(apiRef);
-    const newProps = columnFields.reduce((acc, field) => {
+    const columns = gridColumnDefinitionsSelector(apiRef);
+    const newProps = columns.reduce((acc, col) => {
+      const field = col.field;
       const cellParams = apiRef.current.getCellParams(id, field);
       if (!cellParams.isEditable) {
         return acc;
@@ -331,7 +332,7 @@ export const useGridRowEditing = (apiRef, props) => {
       acc[field] = {
         value: newValue,
         error: false,
-        isProcessingProps: !!column.preProcessEditCellProps && deleteValue
+        isProcessingProps: column.editable && !!column.preProcessEditCellProps && deleteValue
       };
       return acc;
     }, {});
@@ -340,8 +341,8 @@ export const useGridRowEditing = (apiRef, props) => {
     if (fieldToFocus) {
       apiRef.current.setCellFocus(id, fieldToFocus);
     }
-    columnFields.filter(field => !!apiRef.current.getColumn(field).preProcessEditCellProps && deleteValue).forEach(field => {
-      const column = apiRef.current.getColumn(field);
+    columns.filter(column => column.editable && !!column.preProcessEditCellProps && deleteValue).forEach(column => {
+      const field = column.field;
       const value = apiRef.current.getCellValue(id, field);
       const newValue = deleteValue ? getDefaultCellValue(column) : initialValue ?? value;
       Promise.resolve(column.preProcessEditCellProps({

package/hooks/features/rowSelection/utils.js

@@ -97,7 +97,7 @@ const getFilteredRowNodeSiblings = (tree, filteredRows, id) => {
 export const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendants, autoSelectParents, addRow, selectedIds = new Set(gridRowSelectionStateSelector(apiRef.current.state))) => {
   const filteredRows = gridFilteredRowsLookupSelector(apiRef);
   const selectedDescendants = new Set([]);
-  if (!autoSelectDescendants && !autoSelectParents) {
+  if (!autoSelectDescendants && !autoSelectParents || filteredRows[selectedRow] === false) {
     return;
   }
   if (autoSelectDescendants) {

package/index.js

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

package/locales/hyAM.d.ts

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

package/locales/hyAM.js

@@ -0,0 +1,178 @@
+import { hyAM as hyAMCore } from '@mui/material/locale';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+const hyAMGrid = {
+  // Root
+  noRowsLabel: 'Տվյալներ չկան',
+  noResultsOverlayLabel: 'Արդյունքներ չեն գտնվել։',
+  // Density selector toolbar button text
+  toolbarDensity: 'Խտություն',
+  toolbarDensityLabel: 'Խտություն',
+  toolbarDensityCompact: 'Կոմպակտ',
+  toolbarDensityStandard: 'Ստանդարտ',
+  toolbarDensityComfortable: 'Հարմարավետ',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Սյունակներ',
+  toolbarColumnsLabel: 'Ընտրել սյունակներ',
+  // Filters toolbar button text
+  toolbarFilters: 'Զտիչներ',
+  toolbarFiltersLabel: 'Ցուցադրել զտիչները',
+  toolbarFiltersTooltipHide: 'Թաքցնել զտիչները',
+  toolbarFiltersTooltipShow: 'Ցուցադրել զտիչները',
+  toolbarFiltersTooltipActive: count => {
+    let pluralForm = 'ակտիվ զտիչ';
+    if (count === 1) {
+      pluralForm = 'ակտիվ զտիչ';
+    } else {
+      pluralForm = 'ակտիվ զտիչներ';
+    }
+    return `${count} ${pluralForm}`;
+  },
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Որոնել…',
+  toolbarQuickFilterLabel: 'Որոնել',
+  toolbarQuickFilterDeleteIconLabel: 'Մաքրել',
+  // Export selector toolbar button text
+  toolbarExport: 'Արտահանում',
+  toolbarExportLabel: 'Արտահանում',
+  toolbarExportCSV: 'Ներբեռնել CSV-ով',
+  toolbarExportPrint: 'Տպել',
+  toolbarExportExcel: 'Ներբեռնել Excel-ով',
+  // Columns management text
+  columnsManagementSearchTitle: 'Որոնել',
+  columnsManagementNoColumns: 'Սյունակներ չկան',
+  columnsManagementShowHideAllText: 'Ցուցադրել/Թաքցնել բոլորը',
+  columnsManagementReset: 'Վերակայել',
+  columnsManagementDeleteIconLabel: 'Հեռացնել',
+  // Filter panel text
+  filterPanelAddFilter: 'Ավելացնել զտիչ',
+  filterPanelRemoveAll: 'Հեռացնել բոլորը',
+  filterPanelDeleteIconLabel: 'Հեռացնել',
+  filterPanelLogicOperator: 'Տրամաբանական օպերատոր',
+  filterPanelOperator: 'Օպերատոր',
+  filterPanelOperatorAnd: 'Եվ',
+  filterPanelOperatorOr: 'Կամ',
+  filterPanelColumns: 'Սյունակներ',
+  filterPanelInputLabel: 'Արժեք',
+  filterPanelInputPlaceholder: 'Զտիչի արժեք',
+  // Filter operators text
+  filterOperatorContains: 'պարունակում է',
+  filterOperatorDoesNotContain: 'չի պարունակում',
+  filterOperatorEquals: 'հավասար է',
+  filterOperatorDoesNotEqual: 'հավասար չէ',
+  filterOperatorStartsWith: 'սկսվում է',
+  filterOperatorEndsWith: 'վերջանում է',
+  filterOperatorIs: 'է',
+  filterOperatorNot: 'չէ',
+  filterOperatorAfter: 'հետո է',
+  filterOperatorOnOrAfter: 'այդ օրը կամ հետո է',
+  filterOperatorBefore: 'մինչ է',
+  filterOperatorOnOrBefore: 'այդ օրը կամ առաջ է',
+  filterOperatorIsEmpty: 'դատարկ է',
+  filterOperatorIsNotEmpty: 'դատարկ չէ',
+  filterOperatorIsAnyOf: 'որևէ մեկը',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'Պարունակում է',
+  headerFilterOperatorDoesNotContain: 'Չի պարունակում',
+  headerFilterOperatorEquals: 'Հավասար է',
+  headerFilterOperatorDoesNotEqual: 'Հավասար չէ',
+  headerFilterOperatorStartsWith: 'Սկսվում է',
+  headerFilterOperatorEndsWith: 'Վերջանում է',
+  headerFilterOperatorIs: 'Է',
+  headerFilterOperatorNot: 'Չէ',
+  headerFilterOperatorAfter: 'Հետո է',
+  headerFilterOperatorOnOrAfter: 'Այդ օրը կամ հետո է',
+  headerFilterOperatorBefore: 'Մինչ է',
+  headerFilterOperatorOnOrBefore: 'Այդ օրը կամ առաջ է',
+  headerFilterOperatorIsEmpty: 'Դատարկ է',
+  headerFilterOperatorIsNotEmpty: 'Դատարկ չէ',
+  headerFilterOperatorIsAnyOf: 'Որևէ մեկը',
+  'headerFilterOperator=': 'Հավասար է',
+  'headerFilterOperator!=': 'Հավասար չէ',
+  'headerFilterOperator>': 'Ավելի մեծ է',
+  'headerFilterOperator>=': 'Ավելի մեծ կամ հավասար է',
+  'headerFilterOperator<': 'Ավելի փոքր է',
+  'headerFilterOperator<=': 'Ավելի փոքր կամ հավասար է',
+  // Filter values text
+  filterValueAny: 'ցանկացած',
+  filterValueTrue: 'այո',
+  filterValueFalse: 'ոչ',
+  // Column menu text
+  columnMenuLabel: 'Մենյու',
+  columnMenuAriaLabel: columnName => `${columnName} սյունակի մենյու`,
+  columnMenuShowColumns: 'Ցուցադրել սյունակները',
+  columnMenuManageColumns: 'Կառավարել սյունակները',
+  columnMenuFilter: 'Զտիչ',
+  columnMenuHideColumn: 'Թաքցնել',
+  columnMenuUnsort: 'Մաքրել դասավորումը',
+  columnMenuSortAsc: 'Աճման կարգով դասավորել',
+  columnMenuSortDesc: 'Նվազման կարգով դասավորել',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => {
+    let pluralForm = 'ակտիվ զտիչներ';
+    if (count === 1) {
+      pluralForm = 'ակտիվ զտիչ';
+    }
+    return `${count} ${pluralForm}`;
+  },
+  columnHeaderFiltersLabel: 'Ցուցադրել զտիչները',
+  columnHeaderSortIconLabel: 'Դասավորել',
+  // Rows selected footer text
+  footerRowSelected: count => {
+    let pluralForm = 'ընտրված տող';
+    if (count === 1) {
+      pluralForm = 'ընտրված տող';
+    } else {
+      pluralForm = 'ընտրված տողեր';
+    }
+    return `${count} ${pluralForm}`;
+  },
+  // Total row amount footer text
+  footerTotalRows: 'Ընդամենը տողեր:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => {
+    return `${visibleCount.toLocaleString()} / ${totalCount.toLocaleString()}`;
+  },
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Տողի ընտրություն',
+  checkboxSelectionSelectAllRows: 'Ընտրել բոլոր տողերը',
+  checkboxSelectionUnselectAllRows: 'Չընտրել բոլոր տողերը',
+  checkboxSelectionSelectRow: 'Ընտրել տողը',
+  checkboxSelectionUnselectRow: 'Չընտրել տողը',
+  // Boolean cell text
+  booleanCellTrueLabel: 'այո',
+  booleanCellFalseLabel: 'ոչ',
+  // Actions cell more text
+  actionsCellMore: 'ավելին',
+  // Column pinning text
+  pinToLeft: 'Կցել ձախ',
+  pinToRight: 'Կցել աջ',
+  unpin: 'Անջատել',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Խումբ',
+  treeDataExpand: 'Բացել ենթատողերը',
+  treeDataCollapse: 'Փակել ենթատողերը',
+  // Grouping columns
+  groupingColumnHeaderName: 'Խմբավորում',
+  groupColumn: name => `Խմբավորել ըստ ${name}`,
+  unGroupColumn: name => `Չխմբավորել ըստ ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Փոխարկել մանրամասն տեսքը',
+  expandDetailPanel: 'Բացել',
+  collapseDetailPanel: 'Փակել',
+  // Row reordering text
+  rowReorderingHeaderName: 'Տողերի վերադասավորում',
+  // Aggregation
+  aggregationMenuItemHeader: 'Ագրեգացում',
+  aggregationFunctionLabelSum: 'գումար',
+  aggregationFunctionLabelAvg: 'միջին',
+  aggregationFunctionLabelMin: 'մինիմում',
+  aggregationFunctionLabelMax: 'մաքսիմում',
+  aggregationFunctionLabelSize: 'քանակ'
+};
+export const hyAM = getGridLocalization(hyAMGrid, hyAMCore);

package/locales/index.d.ts

@@ -13,6 +13,7 @@ export * from './fiFI';
 export * from './frFR';
 export * from './heIL';
 export * from './huHU';
+export * from './hyAM';
 export * from './itIT';
 export * from './jaJP';
 export * from './koKR';

package/locales/index.js

@@ -14,6 +14,7 @@ export * from "./fiFI.js";
 export * from "./frFR.js";
 export * from "./heIL.js";
 export * from "./huHU.js";
+export * from "./hyAM.js";
 export * from "./itIT.js";
 export * from "./jaJP.js";
 export * from "./koKR.js";

package/modern/DataGrid/useDataGridProps.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
+import { getThemeProps } from '@mui/system';
 import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/index.js";
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 import { computeSlots, useProps } from "../internals/utils/index.js";
@@ -19,12 +20,12 @@ const DATA_GRID_FORCED_PROPS = {
 };
 const defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridProps = inProps => {
-  const themedProps = useProps(
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
+  const theme = useTheme();
+  const themedProps = useProps(React.useMemo(() => getThemeProps({
     props: inProps,
+    theme,
     name: 'MuiDataGrid'
-  }));
+  }), [theme, inProps]));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,

package/modern/components/columnHeaders/GridColumnHeaderSortIcon.js

@@ -1,9 +1,10 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["direction", "index", "sortingOrder", "disabled"];
+const _excluded = ["direction", "index", "sortingOrder", "disabled", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
+import clsx from 'clsx';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -14,6 +15,7 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
+    root: ['sortButton'],
     icon: ['sortIcon']
   };
   return composeClasses(slots, getDataGridUtilityClass, classes);
@@ -39,7 +41,8 @@ function GridColumnHeaderSortIconRaw(props) {
       direction,
       index,
       sortingOrder,
-      disabled
+      disabled,
+      className
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const apiRef = useGridApiContext();
@@ -57,7 +60,8 @@ function GridColumnHeaderSortIconRaw(props) {
     "aria-label": apiRef.current.getLocaleText('columnHeaderSortIconLabel'),
     title: apiRef.current.getLocaleText('columnHeaderSortIconLabel'),
     size: "small",
-    disabled: disabled
+    disabled: disabled,
+    className: clsx(classes.root, className)
   }, rootProps.slotProps?.baseIconButton, other, {
     children: iconElement
   }));
@@ -76,6 +80,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.propTypes =
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  className: PropTypes.string,
   direction: PropTypes.oneOf(['asc', 'desc']),
   disabled: PropTypes.bool,
   field: PropTypes.string.isRequired,