@mui/x-data-grid-premium 6.0.3 → 6.1.0

package/CHANGELOG.md

@@ -3,6 +3,125 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.1.0
+
+_Apr 7, 2023_
+
+We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Catalan (ca-ES), Kazakh (kz-KZ) and improve Spanish (es-ES), Dutch (nl-NL), Hebrew (he-IL), Hungarian (hu-HU), Japanese (ja-JP), Portuguese (pt-BR), and Russian (ru-RU) locales
+- ✨ Allow to control visibility of columns shown in the columns panel (#8401) @MBilalShafi
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.1.0` / `@mui/x-data-grid-pro@v6.1.0` / `@mui/x-data-grid-premium@v6.1.0`
+
+#### Changes
+
+- [DataGrid] Allow to control visibility of columns shown in the `ColumnsPanel` component (#8401) @MBilalShafi
+- [DataGrid] Fix filters with empty array value not being removed from the filter model (#8501) @cherniavskii
+- [DataGrid] Fix memory leaks in development (#8301) @cherniavskii
+- [DataGrid] Sync `date` column value when entering edit mode by pressing a digit (#8364) @m4theushw
+- [DataGrid] Wrap column menu button with a tooltip (#7890) @cherniavskii
+- [l10n] Improve Dutch (nl-NL) locale (#8491) @thedutchruben
+- [l10n] Improve Hungarian (hu-HU) locale (#8486) @PetakCC
+- [l10n] Improve Japanese (ja-JP) locale (#8462) @megos
+- [l10n] Improve Portuguese (pt-BR) locale (#8480) @pwnedev
+- [l10n] Improve Russian (ru-RU) locale (#8510) @alexrapro
+
+### `@mui/x-date-pickers@v6.1.0` / `@mui/x-date-pickers-pro@v6.1.0`
+
+#### Changes
+
+- [fields] Fix RTL navigation (#8490) @alexfauquette
+- [fields] Fix usage of `slotProps.textField.InputProps` (#8428) @flaviendelangle
+- [pickers] Fix `componentsProps.dialog` propagation (#8509) @LukasTy
+- [pickers] Move `hasError` from `fieldValueManager` to `valueManager` (#8453) @flaviendelangle
+- [pickers] Move the adapters interfaces to the X repository (#8412) @flaviendelangle
+- [pickers] Update peer dependency versions (#8531) @LukasTy
+- [pickers] Fix `isValid` regression (#8543) @LukasTy
+- [l10n] Add Catalan (Spain) (ca-ES) and improve Spanish (es-ES) locales (#8498) @makenshikuro
+- [l10n] Add Kazakh (kz-KZ) locale (#8451) @zhunus
+- [l10n] Improve Dutch (nl-NL) locale (#8491) @thedutchruben
+- [l10n] Improve Hebrew (he-IL) locale (#8464) @soris1989
+- [l10n] Improve Japanese (ja-JP) locale (#8462) @megos
+- [l10n] Improve Portuguese (pt-BR) locale (#8480) @pwnedev
+
+### Docs
+
+- [docs] Fix 301 redirect (#8524) @alexfauquette
+- [docs] Fix 404 links (#8454) @alexfauquette
+- [docs] Fix broken API reference link (#8460) @oliviertassinari
+
+### Core
+
+- [core] Avoid 301 links (#8383) @oliviertassinari
+- [core] Fix the l10n helper by using danger instead of actions (#8512) @alexfauquette
+- [core] Help contributors for l10n PRs (#8503) @alexfauquette
+- [core] Remove legacy token (#8457) @oliviertassinari
+- [charts] Add a styling system (#8445) @alexfauquette
+
+## 6.0.4
+
+_Mar 30, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Danish (da-DK), and improve Norwegian (nb-NO), Spanish (es-ES), and Swedish (sv-SE) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.0.4` / `@mui/x-data-grid-pro@v6.0.4` / `@mui/x-data-grid-premium@v6.0.4`
+
+#### Changes
+
+- [DataGrid] Fix column header tooltip not showing when the title is truncated (#8433) @rohitnatesh
+- [DataGrid] Fix filter model buttons' display condition (#8415) @MBilalShafi
+- [DataGrid] Fix infinite rerender in a flex parent (#8436) @cherniavskii
+- [DataGrid] Prevent reopening column menu when clicking in the button while it is open (#8286) @tanuj-22
+- [DataGrid] Rename `components` by `slots` in column menu API (#7999) @MBilalShafi
+- [DataGrid] Remove hardcoded CSS classes' usages (#8444) @MBilalShafi
+- [DataGridPremium] Fix aggregation initial state causing issue with quick filter (#8441) @MBilalShafi
+- [l10n] Improve Danish (da-DK) locale (#8368) @BossElijah
+- [l10n] Improve Danish (da-DK) locale (#8378) @BossElijah
+- [l10n] Improve Norwegian (nb-NO) locale (#8367) @BossElijah
+- [l10n] Improve Norwegian (nb-NO) locale (#8409) @BossElijah
+- [l10n] Improve Spanish (es-ES) locale (#8420) @martjanz
+- [l10n] Improve Swedish (sv-SE) locale (#8381) @BossElijah
+
+### `@mui/x-date-pickers@v6.0.4` / `@mui/x-date-pickers-pro@v6.0.4`
+
+#### Changes
+
+- [fields] Add missing tokens to `AdapterDateFnsJalali` (#8402) @flaviendelangle
+- [fields] Clean the active date manager (#8370) @flaviendelangle
+- [fields] Cleanup `useFieldState`  (#8292) @flaviendelangle
+- [fields] Only add RTL characters when needed (#8325) @flaviendelangle
+- [pickers] Add support for single input fields in range pickers  (#7927) @flaviendelangle
+- [pickers] Allows non token characters in format (#8256) @alexfauquette
+- [pickers] Avoid root imports and move public models to the models folder (#8337) @flaviendelangle
+- [pickers] Update `view` when `views` or `openTo` changes (#8361) @LukasTy
+- [l10n] Improve Norwegian (nb-NO) locale (#8382) @BossElijah
+- [l10n] Add Danish (da-DK) locale (#8379) @BossElijah
+- [l10n] Improve Swedish (sv-SE) locale (#8381) @BossElijah
+
+### `@mui/x-codemod@v6.0.4`
+
+#### Changes
+
+- [codemod] Fix `remove-stabilized-experimentalFeatures` codemod (#8289) @alexfauquette
+
+### Docs
+
+- [docs] Fix `GridCellParams` signature in migration guide (#8427) @cherniavskii
+- [docs] Fix "Custom field" demos responsive styles (#8408) @LukasTy
+- [docs] Remove `label` from demos where it reduces clarity (#8416) @LukasTy
+- [docs] Update slots' references in Data Grid migration guide (#8159) @MBilalShafi
+
+### Core
+
+- [charts] Work on typing (#8421) @flaviendelangle
+
 ## 6.0.3
 
 _Mar 23, 2023_

package/components/GridPremiumColumnMenu.d.ts

@@ -2,15 +2,15 @@ import * as React from 'react';
 import { GridColumnMenuProps, GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): JSX.Element | null;
-export declare const GRID_COLUMN_MENU_COMPONENTS_PREMIUM: {
-    ColumnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
-    ColumnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
-    ColumnMenuPinningItem: typeof import("@mui/x-data-grid-pro/components/GridColumnMenuPinningItem").GridColumnMenuPinningItem;
-    ColumnMenuSortItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuSortItem").GridColumnMenuSortItem;
-    ColumnMenuFilterItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem").GridColumnMenuFilterItem;
-    ColumnMenuColumnsItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem").GridColumnMenuColumnsItem;
+export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
+    columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
+    columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
+    columnMenuPinningItem: typeof import("@mui/x-data-grid-pro/components/GridColumnMenuPinningItem").GridColumnMenuPinningItem;
+    columnMenuSortItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuSortItem").GridColumnMenuSortItem;
+    columnMenuFilterItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem").GridColumnMenuFilterItem;
+    columnMenuColumnsItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem").GridColumnMenuColumnsItem;
 };
-export declare const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM: {
+export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
     columnMenuAggregationItem: {
         displayOrder: number;
     };

package/components/GridPremiumColumnMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from '@mui/x-data-grid-pro';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 import { isGroupingColumn } from '../hooks/features/rowGrouping';
 import { GridColumnMenuRowGroupItem } from './GridColumnMenuRowGroupItem';
@@ -19,11 +19,11 @@ export function GridColumnMenuGroupingItem(props) {
   }
   return null;
 }
-export const GRID_COLUMN_MENU_COMPONENTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuAggregationItem: GridColumnMenuAggregationItem,
-  ColumnMenuGroupingItem: GridColumnMenuGroupingItem
+export const GRID_COLUMN_MENU_SLOTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuAggregationItem: GridColumnMenuAggregationItem,
+  columnMenuGroupingItem: GridColumnMenuGroupingItem
 });
-export const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
     displayOrder: 23
   },
@@ -35,8 +35,8 @@ const GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremium
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PREMIUM,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
 });
 process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {

package/components/reexports.d.ts

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS, } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS, } from './GridPremiumColumnMenu';

package/components/reexports.js

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from './GridPremiumColumnMenu';

package/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -68,7 +68,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
     if (availableAggregationFunctions.length === 0) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuAggregationItem'];
+    return [...columnMenuItems, 'columnMenuAggregationItem'];
   }, [props.aggregationFunctions, props.disableAggregation]);
   const stateExportPreProcessing = React.useCallback(prevState => {
     if (props.disableAggregation) {

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -132,7 +132,7 @@ export const wrapColumnWithAggregationValue = ({
   aggregationRule
 }) => {
   const getCellAggregationResult = (id, field) => {
-    var _rowNode$parent, _gridAggregationLooku;
+    var _rowNode$parent, _gridAggregationLooku, _gridAggregationLooku2;
     let cellAggregationPosition = null;
     const rowNode = apiRef.current.getRowNode(id);
     if (rowNode.type === 'group') {
@@ -146,7 +146,7 @@ export const wrapColumnWithAggregationValue = ({
 
     // TODO: Add custom root id
     const groupId = cellAggregationPosition === 'inline' ? id : (_rowNode$parent = rowNode.parent) != null ? _rowNode$parent : '';
-    const aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)[groupId]) == null ? void 0 : _gridAggregationLooku[field];
+    const aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)) == null ? void 0 : (_gridAggregationLooku2 = _gridAggregationLooku[groupId]) == null ? void 0 : _gridAggregationLooku2[field];
     if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
       return null;
     }

package/hooks/features/rowGrouping/gridRowGroupingUtils.d.ts

@@ -38,9 +38,9 @@ export declare const getCellGroupingCriteria: ({ row, id, colDef, groupingRule,
 export declare const getGroupingRules: ({ sanitizedRowGroupingModel, columnsLookup, }: {
     sanitizedRowGroupingModel: GridRowGroupingModel;
     columnsLookup: GridColumnRawLookup;
-}) => GridGroupingRules<import("@mui/x-data-grid-pro").GridValidRowModel>;
+}) => GridGroupingRules;
 /**
  * Compares two sets of grouping rules to determine if they are equal or not.
  */
-export declare const areGroupingRulesEqual: (newValue: GridGroupingRules<import("@mui/x-data-grid-pro").GridValidRowModel>, previousValue: GridGroupingRules<import("@mui/x-data-grid-pro").GridValidRowModel>) => boolean;
+export declare const areGroupingRulesEqual: (newValue: GridGroupingRules, previousValue: GridGroupingRules) => boolean;
 export {};

package/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -84,7 +84,7 @@ export const useGridRowGrouping = (apiRef, props) => {
       return columnMenuItems;
     }
     if (isGroupingColumn(colDef.field) || colDef.groupable) {
-      return [...columnMenuItems, 'ColumnMenuGroupingItem'];
+      return [...columnMenuItems, 'columnMenuGroupingItem'];
     }
     return columnMenuItems;
   }, [props.disableRowGrouping]);

package/index.d.ts

@@ -20,4 +20,4 @@ export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export type { DataGridPremiumProps, GridExperimentalPremiumFeatures, } from './models/dataGridPremiumProps';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
 export type { GridApi, GridInitialState, GridState } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS, } from './components/reexports';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS, } from './components/reexports';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.0.3
+ * @mui/x-data-grid-premium v6.1.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -25,4 +25,4 @@ export * from './models';
 export * from './components';
 export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexports';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexports';

package/legacy/components/GridPremiumColumnMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from '@mui/x-data-grid-pro';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 import { isGroupingColumn } from '../hooks/features/rowGrouping';
 import { GridColumnMenuRowGroupItem } from './GridColumnMenuRowGroupItem';
@@ -17,11 +17,11 @@ export function GridColumnMenuGroupingItem(props) {
   }
   return null;
 }
-export var GRID_COLUMN_MENU_COMPONENTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuAggregationItem: GridColumnMenuAggregationItem,
-  ColumnMenuGroupingItem: GridColumnMenuGroupingItem
+export var GRID_COLUMN_MENU_SLOTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuAggregationItem: GridColumnMenuAggregationItem,
+  columnMenuGroupingItem: GridColumnMenuGroupingItem
 });
-export var GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export var GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
     displayOrder: 23
   },
@@ -33,8 +33,8 @@ var GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremiumCo
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PREMIUM,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
 });
 process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {

package/legacy/components/reexports.js

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from './GridPremiumColumnMenu';

package/legacy/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -69,7 +69,7 @@ export var useGridAggregationPreProcessors = function useGridAggregationPreProce
     if (availableAggregationFunctions.length === 0) {
       return columnMenuItems;
     }
-    return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuAggregationItem']);
+    return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuAggregationItem']);
   }, [props.aggregationFunctions, props.disableAggregation]);
   var stateExportPreProcessing = React.useCallback(function (prevState) {
     if (props.disableAggregation) {

package/legacy/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -129,7 +129,7 @@ export var wrapColumnWithAggregationValue = function wrapColumnWithAggregationVa
     apiRef = _ref6.apiRef,
     aggregationRule = _ref6.aggregationRule;
   var getCellAggregationResult = function getCellAggregationResult(id, field) {
-    var _rowNode$parent, _gridAggregationLooku;
+    var _rowNode$parent, _gridAggregationLooku, _gridAggregationLooku2;
     var cellAggregationPosition = null;
     var rowNode = apiRef.current.getRowNode(id);
     if (rowNode.type === 'group') {
@@ -143,7 +143,7 @@ export var wrapColumnWithAggregationValue = function wrapColumnWithAggregationVa
 
     // TODO: Add custom root id
     var groupId = cellAggregationPosition === 'inline' ? id : (_rowNode$parent = rowNode.parent) != null ? _rowNode$parent : '';
-    var aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)[groupId]) == null ? void 0 : _gridAggregationLooku[field];
+    var aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)) == null ? void 0 : (_gridAggregationLooku2 = _gridAggregationLooku[groupId]) == null ? void 0 : _gridAggregationLooku2[field];
     if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
       return null;
     }