@mui/x-data-grid-premium 6.0.0-alpha.1 → 6.0.0-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,82 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v6.0.0-alpha.2
+
+_Oct 7, 2022_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Further progress on stabilizing new date field components
+- 🎁 Improve support for theme augmentation in the DataGrid (#6269) @cherniavskii
+- 🌍 Add Japanese (ja-JP) locale to pickers (#6365) @sho918
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v6.0.0-alpha.2` / `@mui/x-data-grid-pro@v6.0.0-alpha.2` / `@mui/x-data-grid-premium@v6.0.0-alpha.2`
+
+#### Breaking changes
+
+- 🎁 The aggregation is no longer experimental.
+
+  You can now use the aggregation without the `experimentalFeatures.aggregation` flag enabled.
+
+  ```diff
+  <DataGridPremium
+  -  experimentalFeatures={{ aggregation: true }}
+  />
+  ```
+
+  The aggregation of the columns through the column menu is now enabled by default on `DataGridPremium`. You can set `disableAggregation={true}` to disable it.
+
+#### Changes
+
+- [DataGrid] Add filter item ID to `.MuiDataGrid-filterForm` (#6313) @m4theushw
+- [DataGrid] Add missing `valueOptions` (#6401) @DanailH
+- [DataGrid] Don't start edit mode when pressing Shift + Space (#6228) @m4theushw
+- [DataGrid] Fix error when using column grouping with all columns hidden (#6405) @alexfauquette
+- [DataGrid] Pass generics to the components in the theme augmentation (#6269) @cherniavskii
+- [DataGridPremium] Remove the aggregation from the experimental features (#6372) @flaviendelangle
+
+### `@mui/x-date-pickers@v6.0.0-alpha.2` / `@mui/x-date-pickers-pro@v6.0.0-alpha.2`
+
+#### Breaking changes
+
+- The `renderDay` prop has been replaced by a `Day` component slot.
+  You can find more information about this pattern in the [MUI Base documentation](https://mui.com/base/getting-started/usage/#shared-props).
+
+  ```diff
+  // Same for any other date, date time or date range picker.
+  <DatePicker
+  -  renderDay={(_, dayProps) => <CustomDay {...dayProps} />}
+  +  components={{ Day: CustomDay }}
+  />
+  ```
+
+#### Changes
+
+- [DateRangePicker] Fix the shape of the first selected day when the start date has an hour set (#6403) @flaviendelangle
+- [l10n] Add Japanese (ja-JP) locale to pickers (#6365) @sho918
+- [DateRangePicker] Force focus to stay on inputs (#6324) @alexfauquette
+- [pickers] Improve edition on field components (#6339) @flaviendelangle
+- [pickers] Improve field selection behaviors (#6317) @flaviendelangle
+- [pickers] Replace the `renderDay` prop with a `Day` component slot (#6293) @flaviendelangle
+
+### Docs
+
+- [docs] Apply style guide to Data Grid Aggregation page (#5781) @samuelsycamore
+- [docs] Fix code examples of editing cells (#6004) @TiagoPortfolio
+- [docs] Fix customized day rendering demo style (#6342) (#6399) @Ambrish-git
+- [docs] Implement Style Guide on "Advanced" Data Grid doc pages (#6331) @samuelsycamore
+- [docs] Use components instead of demos for `SelectorsDocs` (#6103) @flaviendelangle
+- [license] Add new license status 'Out of scope' (#5260) @flaviendelangle
+
+### Core
+
+- [core] Speedup of yarn install in the CI (#6395) @oliviertassinari
+- [test] Remove redundant test clean-ups (#6377) @oliviertassinari
+- [test] Replace `React.render` with `React.createRoot` in e2e tests (#6393) @m4theushw
+
 ## 6.0.0-alpha.1
 
 _Sep 29, 2022_

package/DataGridPremium/DataGridPremium.js

@@ -305,7 +305,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: PropTypes.shape({
-    aggregation: PropTypes.bool,
     columnGrouping: PropTypes.bool,
     lazyLoading: PropTypes.bool,
     newEditingApi: PropTypes.bool,

package/DataGridPremium/useDataGridPremiumProps.js

@@ -34,14 +34,9 @@ export const useDataGridPremiumProps = inProps => {
     });
     return mergedComponents;
   }, [themedProps.components]);
-  return React.useMemo(() => {
-    var _themedProps$experime;
-
-    return _extends({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
-      disableAggregation: themedProps.disableAggregation || !((_themedProps$experime = themedProps.experimentalFeatures) != null && _themedProps$experime.aggregation),
-      localeText,
-      components,
-      signature: 'DataGridPremium'
-    });
-  }, [themedProps, localeText, components]);
+  return React.useMemo(() => _extends({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
+    localeText,
+    components,
+    signature: 'DataGridPremium'
+  }), [themedProps, localeText, components]);
 };

package/hooks/features/rowGrouping/createGroupingColDef.js

@@ -59,6 +59,7 @@ const getLeafProperties = leafColDef => {
     headerName: (_leafColDef$headerNam = leafColDef.headerName) != null ? _leafColDef$headerNam : leafColDef.field,
     sortable: leafColDef.sortable,
     filterable: leafColDef.filterable,
+    valueOptions: leafColDef.valueOptions,
     filterOperators: (_leafColDef$filterOpe = leafColDef.filterOperators) == null ? void 0 : _leafColDef$filterOpe.map(operator => _extends({}, operator, {
       getApplyFilterFn: (filterItem, column) => {
         const originalFn = operator.getApplyFilterFn(filterItem, column);
@@ -89,6 +90,7 @@ const getGroupingCriteriaProperties = (groupedByColDef, applyHeaderName) => {
   const properties = {
     sortable: groupedByColDef.sortable,
     filterable: groupedByColDef.filterable,
+    valueOptions: groupedByColDef.valueOptions,
     sortComparator: (v1, v2, cellParams1, cellParams2) => {
       // We only want to sort the groups of the current grouping criteria
       if (cellParams1.rowNode.type === 'group' && cellParams1.rowNode.groupingField === groupedByColDef.field && cellParams2.rowNode.type === 'group' && cellParams2.rowNode.groupingField === groupedByColDef.field) {

package/index.js

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

package/legacy/DataGridPremium/DataGridPremium.js

@@ -305,7 +305,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: PropTypes.shape({
-    aggregation: PropTypes.bool,
     columnGrouping: PropTypes.bool,
     lazyLoading: PropTypes.bool,
     newEditingApi: PropTypes.bool,

package/legacy/DataGridPremium/useDataGridPremiumProps.js

@@ -44,10 +44,7 @@ export var useDataGridPremiumProps = function useDataGridPremiumProps(inProps) {
     return mergedComponents;
   }, [themedProps.components]);
   return React.useMemo(function () {
-    var _themedProps$experime;
-
     return _extends({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
-      disableAggregation: themedProps.disableAggregation || !((_themedProps$experime = themedProps.experimentalFeatures) != null && _themedProps$experime.aggregation),
       localeText: localeText,
       components: components,
       signature: 'DataGridPremium'

package/legacy/hooks/features/rowGrouping/createGroupingColDef.js

@@ -60,6 +60,7 @@ var getLeafProperties = function getLeafProperties(leafColDef) {
     headerName: (_leafColDef$headerNam = leafColDef.headerName) != null ? _leafColDef$headerNam : leafColDef.field,
     sortable: leafColDef.sortable,
     filterable: leafColDef.filterable,
+    valueOptions: leafColDef.valueOptions,
     filterOperators: (_leafColDef$filterOpe = leafColDef.filterOperators) == null ? void 0 : _leafColDef$filterOpe.map(function (operator) {
       return _extends({}, operator, {
         getApplyFilterFn: function getApplyFilterFn(filterItem, column) {
@@ -92,6 +93,7 @@ var getGroupingCriteriaProperties = function getGroupingCriteriaProperties(group
   var properties = {
     sortable: groupedByColDef.sortable,
     filterable: groupedByColDef.filterable,
+    valueOptions: groupedByColDef.valueOptions,
     sortComparator: function sortComparator(v1, v2, cellParams1, cellParams2) {
       // We only want to sort the groups of the current grouping criteria
       if (cellParams1.rowNode.type === 'group' && cellParams1.rowNode.groupingField === groupedByColDef.field && cellParams2.rowNode.type === 'group' && cellParams2.rowNode.groupingField === groupedByColDef.field) {

package/legacy/index.js

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

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY2NDQyMDQwMDAwMA==";
+  var releaseInfo = "MTY2NTA5MDAwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/models/dataGridPremiumProps.d.ts

@@ -6,10 +6,6 @@ import type { GridAggregationModel, GridAggregationFunction, GridAggregationPosi
 import { GridInitialStatePremium } from './gridStatePremium';
 import { GridApiPremium } from './gridApiPremium';
 export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {
-    /**
-     * Enables the aggregation feature.
-     */
-    aggregation: boolean;
 }
 /**
  * The props users can give to the `DataGridProProps` component.

package/modern/DataGridPremium/DataGridPremium.js

@@ -305,7 +305,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: PropTypes.shape({
-    aggregation: PropTypes.bool,
     columnGrouping: PropTypes.bool,
     lazyLoading: PropTypes.bool,
     newEditingApi: PropTypes.bool,

package/modern/DataGridPremium/useDataGridPremiumProps.js

@@ -35,7 +35,6 @@ export const useDataGridPremiumProps = inProps => {
     return mergedComponents;
   }, [themedProps.components]);
   return React.useMemo(() => _extends({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
-    disableAggregation: themedProps.disableAggregation || !themedProps.experimentalFeatures?.aggregation,
     localeText,
     components,
     signature: 'DataGridPremium'

package/modern/hooks/features/rowGrouping/createGroupingColDef.js

@@ -54,6 +54,7 @@ const getLeafProperties = leafColDef => ({
   headerName: leafColDef.headerName ?? leafColDef.field,
   sortable: leafColDef.sortable,
   filterable: leafColDef.filterable,
+  valueOptions: leafColDef.valueOptions,
   filterOperators: leafColDef.filterOperators?.map(operator => _extends({}, operator, {
     getApplyFilterFn: (filterItem, column) => {
       const originalFn = operator.getApplyFilterFn(filterItem, column);
@@ -81,6 +82,7 @@ const getGroupingCriteriaProperties = (groupedByColDef, applyHeaderName) => {
   const properties = {
     sortable: groupedByColDef.sortable,
     filterable: groupedByColDef.filterable,
+    valueOptions: groupedByColDef.valueOptions,
     sortComparator: (v1, v2, cellParams1, cellParams2) => {
       // We only want to sort the groups of the current grouping criteria
       if (cellParams1.rowNode.type === 'group' && cellParams1.rowNode.groupingField === groupedByColDef.field && cellParams2.rowNode.type === 'group' && cellParams2.rowNode.groupingField === groupedByColDef.field) {

package/modern/index.js

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

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY2NDQyMDQwMDAwMA==";
+  const releaseInfo = "MTY2NTA5MDAwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/node/DataGridPremium/DataGridPremium.js

@@ -328,7 +328,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: _propTypes.default.shape({
-    aggregation: _propTypes.default.bool,
     columnGrouping: _propTypes.default.bool,
     lazyLoading: _propTypes.default.bool,
     newEditingApi: _propTypes.default.bool,

package/node/DataGridPremium/useDataGridPremiumProps.js

@@ -53,16 +53,11 @@ const useDataGridPremiumProps = inProps => {
     });
     return mergedComponents;
   }, [themedProps.components]);
-  return React.useMemo(() => {
-    var _themedProps$experime;
-
-    return (0, _extends2.default)({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
-      disableAggregation: themedProps.disableAggregation || !((_themedProps$experime = themedProps.experimentalFeatures) != null && _themedProps$experime.aggregation),
-      localeText,
-      components,
-      signature: 'DataGridPremium'
-    });
-  }, [themedProps, localeText, components]);
+  return React.useMemo(() => (0, _extends2.default)({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps, {
+    localeText,
+    components,
+    signature: 'DataGridPremium'
+  }), [themedProps, localeText, components]);
 };
 
 exports.useDataGridPremiumProps = useDataGridPremiumProps;

package/node/hooks/features/rowGrouping/createGroupingColDef.js

@@ -81,6 +81,7 @@ const getLeafProperties = leafColDef => {
     headerName: (_leafColDef$headerNam = leafColDef.headerName) != null ? _leafColDef$headerNam : leafColDef.field,
     sortable: leafColDef.sortable,
     filterable: leafColDef.filterable,
+    valueOptions: leafColDef.valueOptions,
     filterOperators: (_leafColDef$filterOpe = leafColDef.filterOperators) == null ? void 0 : _leafColDef$filterOpe.map(operator => (0, _extends2.default)({}, operator, {
       getApplyFilterFn: (filterItem, column) => {
         const originalFn = operator.getApplyFilterFn(filterItem, column);
@@ -111,6 +112,7 @@ const getGroupingCriteriaProperties = (groupedByColDef, applyHeaderName) => {
   const properties = {
     sortable: groupedByColDef.sortable,
     filterable: groupedByColDef.filterable,
+    valueOptions: groupedByColDef.valueOptions,
     sortComparator: (v1, v2, cellParams1, cellParams2) => {
       // We only want to sort the groups of the current grouping criteria
       if (cellParams1.rowNode.type === 'group' && cellParams1.rowNode.groupingField === groupedByColDef.field && cellParams2.rowNode.type === 'group' && cellParams2.rowNode.groupingField === groupedByColDef.field) {

package/node/index.js

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

package/node/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY2NDQyMDQwMDAwMA==";
+  const releaseInfo = "MTY2NTA5MDAwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "6.0.0-alpha.1",
+  "version": "6.0.0-alpha.2",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,9 +33,9 @@
   "dependencies": {
     "@babel/runtime": "^7.19.0",
     "@mui/utils": "^5.10.6",
-    "@mui/x-data-grid": "6.0.0-alpha.1",
-    "@mui/x-data-grid-pro": "6.0.0-alpha.1",
-    "@mui/x-license-pro": "6.0.0-alpha.0",
+    "@mui/x-data-grid": "6.0.0-alpha.2",
+    "@mui/x-data-grid-pro": "6.0.0-alpha.2",
+    "@mui/x-license-pro": "6.0.0-alpha.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "exceljs": "^4.3.0",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY2NDQyMDQwMDAwMA==";
+  const releaseInfo = "MTY2NTA5MDAwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).