@mui/x-data-grid-premium 6.0.0-alpha.6 → 6.0.0-alpha.8

package/CHANGELOG.md

@@ -3,6 +3,118 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.0-alpha.8
+
+_Nov 17, 2022_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Support aggregating data from multiple row fields (#6656) @cherniavskii
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v6.0.0-alpha.8` / `@mui/x-data-grid-pro@v6.0.0-alpha.8` / `@mui/x-data-grid-premium@v6.0.0-alpha.8`
+
+#### Changes
+
+- [DataGrid] Fix `ErrorOverlay` not receiving defined input props (#6819) @banoth-ravinder
+- [DataGrid] Fix conflict with the latest version of `@types/react` (#6797) @vizv
+- [DataGrid] Make more `apiRef` methods private (#6700) @cherniavskii
+- [DataGrid] Provide a clear error message when upgrading (#6685) @oliviertassinari
+- [DataGridPremium] Allow to customize the indent of group expansion toggle (#6837) @MBilalShafi
+- [DataGridPremium] Support aggregating data from multiple row fields (#6656) @cherniavskii
+- [DataGridPro] Fix detail panel not working with `getRowSpacing` prop (#6707) @cherniavskii
+- [DataGridPro] Opt-out for column jump back on re-order (#6733) @gavbrennan
+- [l10n] Improve Finnish (fi-FI) locale (#6859) @RainoPikkarainen
+
+### `@mui/x-date-pickers@v6.0.0-alpha.8` / `@mui/x-date-pickers-pro@v6.0.0-alpha.8`
+
+#### Breaking changes
+
+- The `ClockPicker` view component has been renamed to `TimeClock` to better fit its usage:
+
+  ```diff
+  -<ClockPicker {...props} />
+  +<TimeClock {...props} />
+  ```
+
+  Component name in the theme has changed as well:
+
+  ```diff
+  -MuiClockPicker: {
+  +MuiTimeClock: {
+  ```
+
+#### Changes
+
+- [pickers] Fix typing and prop drilling on `DateRangeCalendar` and multi input range fields (#6852) @flaviendelangle
+- [pickers] Pass the `ampm` prop from the new pickers to their field (#6868) @flaviendelangle
+- [pickers] Rename `CalendarPickerView`, `ClockPickerView` and `CalendarOrClockPickerView` (#6855) @flaviendelangle
+- [pickers] Rename `ClockPicker` into `TimeClock` (#6851) @flaviendelangle
+
+### Docs
+
+- [docs] Add `dayjs` to the dependencies (#6862) @m4theushw
+- [docs] Clarify how the Row Pinning works with other features of the DataGrid (#6853) @cherniavskii
+- [docs] Fix typo in Export page (#6848) @m4theushw
+- [docs] Group picker pages (#6369) @flaviendelangle
+- [docs] Remove default prop and improve format (#6781) @oliviertassinari
+- [docs] Sync prism-okaidia.css with source (#6820) @oliviertassinari
+
+### Core
+
+- [core] Convert scripts to ESM (#6789) @LukasTy
+- [core] Feedback on branch protection @oliviertassinari
+- [core] Fix `test-types` out of memory error (#6850) @LukasTy
+- [core] Import from `@mui/utils` instead of `@mui/material/utils` (#6816) @cherniavskii
+- [core] Show the whole version to make blame easier @oliviertassinari
+- [core] Small changes on new pickers internals (#6840) @flaviendelangle
+- [core] Remove prettier scripts (#6815) @Janpot
+- [license] Polish error messages (#6881) @oliviertassinari
+- [test] Verify `onError` call on the pickers (#6771) @alexfauquette
+
+## 6.0.0-alpha.7
+
+_Nov 10, 2022_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚙️ Removed everything marked as `@deprecated`
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v6.0.0-alpha.7` / `@mui/x-data-grid-pro@v6.0.0-alpha.7` / `@mui/x-data-grid-premium@v6.0.0-alpha.7`
+
+#### Changes
+
+- [DataGrid] Fix cell focus causing scroll jump when virtualization enabled (#6785) @yaredtsy
+- [DataGrid] Remove items marked as `@deprecated` (#6505) @DanailH
+
+### `@mui/x-date-pickers@v6.0.0-alpha.7` / `@mui/x-date-pickers-pro@v6.0.0-alpha.7`
+
+#### Changes
+
+- [fields] Rename section names to match the picker view nomenclature (#6779) @flaviendelangle
+- [pickers] Fix pickers toolbar styling (#6793) @LukasTy
+- [pickers] Improve validation JSDoc descriptions (#6777) @flaviendelangle
+- [pickers] New `MobileDateTimePicker`, `DesktopDateTimePicker`, `DateTimePicker` and `StaticDateTimePicker` based on `DateTimeField` (#6767) @flaviendelangle
+- [pickers] New `MobileTimePicker`, `DesktopTimePicker`, `TimePicker` and `StaticTimePicker` based on `TimeField` (#6728) @flaviendelangle
+- [pickers] Support the `onError` prop and add context on the `onChange` prop (#6731) @flaviendelangle
+
+### Docs
+
+- [docs] Add missing Pro header suffix (#6775) @oliviertassinari
+- [docs] Upgrade to Next.js 13 (#6790) @cherniavskii
+
+### Core
+
+- [core] Add OSSF Scorecard action (#6760) @oliviertassinari
+- [core] Fix Pinned-Dependencies @oliviertassinari
+- [core] Fix Scorecard fail Action @oliviertassinari
+- [core] Pin GitHub Action dependencies (#6739) @renovate[bot]
+- [core] Remove default access to GitHub action scopes @oliviertassinari
+- [test] Fix test case name: Pro-> Premium @oliviertassinari
+
 ## 6.0.0-alpha.6
 
 _Nov 4, 2022_
@@ -907,6 +1019,62 @@ You can find more information about the new api, including how to set those tran
 - [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
 - [website] Improve security header @oliviertassinari
 
+## 5.17.12
+
+_Nov 17, 2022_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Finnish (fi-FI) locale (#6859) @RainoPikkarainen
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.12` / `@mui/x-data-grid-pro@v5.17.12` / `@mui/x-data-grid-premium@v5.17.12`
+
+#### Changes
+
+- [DataGrid] Fix conflict with the latest version of `@types/react` (#6883) @vizv
+- [DataGridPremium] Support aggregating data from multiple row fields (#6844) @cherniavskii
+- [DataGridPro] Fix detail panel not working with `getRowSpacing` prop (#6858) @cherniavskii
+- [l10n] Improve Finnish (fi-FI) locale (#6859) @RainoPikkarainen
+
+### Docs
+
+- [docs] Clarify DataGrid Row Pinning docs (#6891) @cherniavskii
+
+### Core
+
+- [core] Upgrade monorepo (#6864) @m4theushw
+- [license] Polish error messages (#6881) @oliviertassinari
+
+## 5.17.11
+
+_Nov 10, 2022_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.11` / `@mui/x-data-grid-pro@v5.17.11` / `@mui/x-data-grid-premium@v5.17.11`
+
+#### Changes
+
+- [DataGrid] Fix for cell focus preventing scroll when virtualization enabled (#6622) @yaredtsy
+- [DataGridPro] Opt-out for column jump back on re-order (#6697) @gavbrennan
+
+### `@mui/x-date-pickers@v5.0.8` / `@mui/x-date-pickers-pro@v5.0.8`
+
+#### Changes
+
+- [pickers] Fix pickers toolbar styling (#6793) @LukasTy
+
+### Docs
+
+- [docs] Fix link to localization page (#6766) @alexfauquette
+
+### Core
+
+- [license] Add new license status 'Out of scope' (#6774) @oliviertassinari
+
 ## 5.17.10
 
 _Nov 4, 2022_

package/DataGridPremium/DataGrid.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export declare function DataGrid(): null;
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export declare function DataGridPro(): null;

package/DataGridPremium/DataGrid.js

@@ -0,0 +1,21 @@
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export function DataGrid() {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+
+  throw new Error(["You try to import `DataGrid` from @mui/x-data-grid-premium but this module doesn't exist.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`."].join('\n'));
+}
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+
+export function DataGridPro() {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+
+  throw new Error(["You try to import `DataGridPro` from @mui/x-data-grid-premium but this module doesn't exist.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`."].join('\n'));
+}

package/DataGridPremium/DataGridPremium.js

@@ -55,8 +55,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
 
   /**
    * Rows used to generate the aggregated value.
-   * If `filtered`, the aggregated values will be generated using only the rows currently passing the filtering process.
-   * If `all`, the aggregated values will be generated using all the rows.
+   * If `filtered`, the aggregated values are generated using only the rows currently passing the filtering process.
+   * If `all`, the aggregated values are generated using all the rows.
    * @default "filtered"
    */
   aggregationRowsScope: PropTypes.oneOf(['all', 'filtered']),
@@ -295,8 +295,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   error: PropTypes.any,
 
   /**
-   * Features under development.
-   * 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.
+   * Unstable features, breaking changes might be introduced.
+   * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: PropTypes.shape({
     columnGrouping: PropTypes.bool,
@@ -336,7 +336,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Determines the position of an aggregated value.
    * @param {GridGroupNode} groupNode The current group.
-   * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group will not be aggregated).
+   * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
    * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
    */
   getAggregationPosition: PropTypes.func,
@@ -452,7 +452,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
 
   /**
    * The initial state of the DataGridPremium.
-   * The data in it will be set in the state on initialization but will not be controlled.
+   * The data in it is set in the state on initialization but isn't controlled.
    * If one of the data in `initialState` is also being controlled, then the control state wins.
    */
   initialState: PropTypes.object,
@@ -479,6 +479,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   isRowSelectable: PropTypes.func,
 
+  /**
+   * If `true`, moving the mouse pointer outside the grid before releasing the mouse button
+   * in a column re-order action will not cause the column to jump back to its original position.
+   * @default false
+   */
+  keepColumnPositionIfDraggedOutside: PropTypes.bool,
+
   /**
    * If `true`, the selection model will retain selected rows that do not exist.
    * Useful when using server side pagination and row selections need to be retained
@@ -919,8 +926,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   rowCount: PropTypes.number,
 
   /**
-   * If `single`, all column we are grouping by will be represented in the same grouping the same column.
-   * If `multiple`, each column we are grouping by will be represented in its own column.
+   * If `single`, all the columns that are grouped are represented in the same grid column.
+   * If `multiple`, each column that is grouped is represented in its own grid column.
    * @default 'single'
    */
   rowGroupingColumnMode: PropTypes.oneOf(['multiple', 'single']),

package/DataGridPremium/index.d.ts

@@ -1,2 +1,3 @@
+export * from './DataGrid';
 export * from './DataGridPremium';
 export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from './useDataGridPremiumProps';

package/DataGridPremium/index.js

@@ -1,2 +1,3 @@
+export * from './DataGrid';
 export * from './DataGridPremium';
 export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from './useDataGridPremiumProps';

package/components/GridAggregationColumnMenuItem.js

@@ -6,7 +6,7 @@ import { useGridSelector } from '@mui/x-data-grid-pro';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';
 import InputLabel from '@mui/material/InputLabel';
-import { unstable_useId as useId } from '@mui/material/utils';
+import { unstable_useId as useId } from '@mui/utils';
 import Select from '@mui/material/Select';
 import { useGridApiContext } from '../hooks/utils/useGridApiContext';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';

package/components/GridFooterCell.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["formattedValue", "colDef", "cellMode", "row", "api", "getValue", "id", "value", "rowNode", "field", "focusElementRef", "hasFocus", "tabIndex", "isEditable"];
+const _excluded = ["formattedValue", "colDef", "cellMode", "row", "api", "id", "value", "rowNode", "field", "focusElementRef", "hasFocus", "tabIndex", "isEditable"];
 import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid';
 import { styled } from '@mui/material/styles';

package/hooks/features/aggregation/createAggregationLookup.js

@@ -32,7 +32,14 @@ const getAggregationCellValue = ({
       return;
     }
 
-    values.push(apiRef.current.getCellValue(rowId, field));
+    if (typeof aggregationFunction.getCellValue === 'function') {
+      const row = apiRef.current.getRow(rowId);
+      values.push(aggregationFunction.getCellValue({
+        row
+      }));
+    } else {
+      values.push(apiRef.current.getCellValue(rowId, field));
+    }
   });
   return aggregationFunction.apply({
     values

package/hooks/features/aggregation/gridAggregationInterfaces.d.ts

@@ -1,4 +1,4 @@
-import { GridValueFormatterParams, GridRowId } from '@mui/x-data-grid-pro';
+import { GridValueFormatterParams, GridRowId, GridRowModel } from '@mui/x-data-grid-pro';
 export interface GridAggregationState {
     model: GridAggregationModel;
     lookup: GridAggregationLookup;
@@ -17,6 +17,12 @@ export interface GridAggregationApi {
      */
     setAggregationModel: (model: GridAggregationModel) => void;
 }
+export interface GridAggregationGetCellValueParams {
+    /**
+     * The row model of the row that the current cell belongs to.
+     */
+    row: GridRowModel;
+}
 /**
  * Grid aggregation function definition interface.
  */
@@ -53,6 +59,14 @@ export interface GridAggregationFunction<V = any, AV = V, FAV = AV> {
      * @default `true`
      */
     hasCellUnit?: boolean;
+    /**
+     * Function that allows to transform the value of the cell passed to the aggregation function applier.
+     * Useful for aggregating data from multiple row fields.
+     * @demo https://mui.com/x/react-data-grid/aggregation/#aggregating-data-from-multiple-row-fields
+     * @param {GridAggregationGetCellValueParams} params The params of the current cell
+     * @returns {V} The value of the cell that will be passed to the aggregation `apply` function
+     */
+    getCellValue?: (params: GridAggregationGetCellValueParams) => V;
 }
 interface GridAggregationParams<V = any> {
     values: (V | undefined)[];

package/hooks/features/aggregation/gridAggregationUtils.d.ts

@@ -4,7 +4,7 @@ import { GridColumnRawLookup, GridHydrateRowsValue } from '@mui/x-data-grid-pro/
 import { GridAggregationFunction, GridAggregationModel, GridAggregationRule, GridAggregationRules } from './gridAggregationInterfaces';
 import { GridStatePremium } from '../../../models/gridStatePremium';
 import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridApiPremium } from '../../../models/gridApiPremium';
+import { GridApiPremium, GridPrivateApiPremium } from '../../../models/gridApiPremium';
 export declare const GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = "auto-generated-group-footer-root";
 export declare const getAggregationFooterRowIdFromGroupId: (groupId: GridRowId | null) => string;
 export declare const canColumnHaveAggregationFunction: ({ column, aggregationFunctionName, aggregationFunction, }: {
@@ -29,7 +29,7 @@ interface AddFooterRowsParams {
      * If `true`, there are some aggregation rules to apply
      */
     hasAggregationRule: boolean;
-    apiRef: React.MutableRefObject<GridApiPremium>;
+    apiRef: React.MutableRefObject<GridPrivateApiPremium>;
 }
 /**
  * Add a footer for each group that has at least one column with an aggregated value.

package/hooks/features/aggregation/useGridAggregation.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
 import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridApiPremium, GridPrivateApiPremium } from '../../../models/gridApiPremium';
-export declare const aggregationStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'aggregationModel' | 'initialState'>, GridApiPremium>;
+import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
+export declare const aggregationStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'aggregationModel' | 'initialState'>, GridPrivateApiPremium>;
 export declare const useGridAggregation: (apiRef: React.MutableRefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, 'onAggregationModelChange' | 'initialState' | 'aggregationModel' | 'getAggregationPosition' | 'aggregationFunctions' | 'aggregationRowsScope' | 'disableAggregation' | 'rowGroupingColumnMode'>) => void;

package/hooks/features/aggregation/useGridAggregation.js

@@ -7,7 +7,7 @@ import { createAggregationLookup } from './createAggregationLookup';
 export const aggregationStateInitializer = (state, props, apiRef) => {
   var _ref, _props$aggregationMod, _props$initialState, _props$initialState$a;
 
-  apiRef.current.unstable_caches.aggregation = {
+  apiRef.current.caches.aggregation = {
     rulesOnLastColumnHydration: {},
     rulesOnLastRowHydration: {}
   };
@@ -62,7 +62,7 @@ export const useGridAggregation = (apiRef, props) => {
     const {
       rulesOnLastRowHydration,
       rulesOnLastColumnHydration
-    } = apiRef.current.unstable_caches.aggregation;
+    } = apiRef.current.caches.aggregation;
     const aggregationRules = props.disableAggregation ? {} : getAggregationRules({
       columnsLookup: gridColumnLookupSelector(apiRef),
       aggregationModel: gridAggregationModelSelector(apiRef),
@@ -70,13 +70,13 @@ export const useGridAggregation = (apiRef, props) => {
     }); // Re-apply the row hydration to add / remove the aggregation footers
 
     if (!areAggregationRulesEqual(rulesOnLastRowHydration, aggregationRules)) {
-      apiRef.current.unstable_requestPipeProcessorsApplication('hydrateRows');
+      apiRef.current.requestPipeProcessorsApplication('hydrateRows');
       applyAggregation();
     } // Re-apply the column hydration to wrap / unwrap the aggregated columns
 
 
     if (!areAggregationRulesEqual(rulesOnLastColumnHydration, aggregationRules)) {
-      apiRef.current.unstable_requestPipeProcessorsApplication('hydrateColumns');
+      apiRef.current.requestPipeProcessorsApplication('hydrateColumns');
     }
   }, [apiRef, applyAggregation, props.aggregationFunctions, props.disableAggregation]);
   useGridApiEventHandler(apiRef, 'aggregationModelChange', checkAggregationRulesDiff);

package/hooks/features/aggregation/useGridAggregationPreProcessors.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { GridApiPremium } from '../../../models/gridApiPremium';
+import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
 import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-export declare const useGridAggregationPreProcessors: (apiRef: React.MutableRefObject<GridApiPremium>, props: Pick<DataGridPremiumProcessedProps, 'aggregationFunctions' | 'disableAggregation' | 'getAggregationPosition'>) => void;
+export declare const useGridAggregationPreProcessors: (apiRef: React.MutableRefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, 'aggregationFunctions' | 'disableAggregation' | 'getAggregationPosition'>) => void;

package/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -19,7 +19,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
   const updateAggregatedColumns = React.useCallback(columnsState => {
     const {
       rulesOnLastColumnHydration
-    } = apiRef.current.unstable_caches.aggregation;
+    } = apiRef.current.caches.aggregation;
     const aggregationRules = props.disableAggregation ? {} : getAggregationRules({
       columnsLookup: columnsState.lookup,
       aggregationModel: gridAggregationModelSelector(apiRef),
@@ -46,7 +46,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
 
       columnsState.lookup[field] = column;
     });
-    apiRef.current.unstable_caches.aggregation.rulesOnLastColumnHydration = aggregationRules;
+    apiRef.current.caches.aggregation.rulesOnLastColumnHydration = aggregationRules;
     return columnsState;
   }, [apiRef, props.aggregationFunctions, props.disableAggregation]);
   const addGroupFooterRows = React.useCallback(value => {
@@ -58,11 +58,11 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
     const hasAggregationRule = Object.keys(aggregationRules).length > 0; // If we did not have any aggregation footer before, and we still don't have any,
     // Then we can skip this step
 
-    if (Object.keys(apiRef.current.unstable_caches.aggregation.rulesOnLastRowHydration).length === 0 && !hasAggregationRule) {
+    if (Object.keys(apiRef.current.caches.aggregation.rulesOnLastRowHydration).length === 0 && !hasAggregationRule) {
       return value;
     }
 
-    apiRef.current.unstable_caches.aggregation.rulesOnLastRowHydration = aggregationRules;
+    apiRef.current.caches.aggregation.rulesOnLastRowHydration = aggregationRules;
     return addFooterRows({
       apiRef,
       groupingParams: value,

package/hooks/features/export/serializer/excelSerializer.d.ts

@@ -1,6 +1,7 @@
 import type * as Excel from 'exceljs';
-import { GridStateColDef, GridRowId, GridApi } from '@mui/x-data-grid-pro';
+import { GridStateColDef, GridRowId } from '@mui/x-data-grid-pro';
 import { GridExceljsProcessInput, ColumnsStylesInterface } from '../gridExcelExportInterface';
+import { GridPrivateApiPremium } from '../../../../models/gridApiPremium';
 interface BuildExcelOptions {
     columns: GridStateColDef[];
     rowIds: GridRowId[];
@@ -11,5 +12,5 @@ interface BuildExcelOptions {
     exceljsPostProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
     columnsStyles?: ColumnsStylesInterface;
 }
-export declare function buildExcel(options: BuildExcelOptions, api: GridApi): Promise<Excel.Workbook>;
+export declare function buildExcel(options: BuildExcelOptions, api: GridPrivateApiPremium): Promise<Excel.Workbook>;
 export {};

package/hooks/features/export/serializer/excelSerializer.js

@@ -43,7 +43,7 @@ const serializeRow = (id, columns, api, defaultValueOptionsFormulae) => {
   const firstCellParams = api.getCellParams(id, columns[0].field);
   const outlineLevel = firstCellParams.rowNode.depth; // `colSpan` is only calculated for rendered rows, so we need to calculate it during export for every row
 
-  api.unstable_calculateColSpan({
+  api.calculateColSpan({
     rowId: id,
     minFirstColumn: 0,
     maxLastColumn: columns.length,

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

@@ -4,7 +4,7 @@ import { GridAggregatedFilterItemApplier, GridColumnRawLookup, GridApiCommunity
 import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
 import { GridGroupingRule, GridGroupingRules, GridRowGroupingModel } from './gridRowGroupingInterfaces';
 import { GridStatePremium } from '../../../models/gridStatePremium';
-import { GridApiPremium } from '../../../models/gridApiPremium';
+import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
 export declare const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = "__row_group_by_columns_group__";
 export declare const ROW_GROUPING_STRATEGY = "grouping-columns";
 export declare const getRowGroupingFieldFromGroupingCriteria: (groupingCriteria: string | null) => string;
@@ -25,7 +25,7 @@ interface FilterRowTreeFromTreeDataParams {
 export declare const filterRowTreeFromGroupingColumns: (params: FilterRowTreeFromTreeDataParams) => Omit<GridFilterState, 'filterModel'>;
 export declare const getColDefOverrides: (groupingColDefProp: DataGridPremiumProcessedProps['groupingColDef'], fields: string[]) => import("@mui/x-data-grid-pro").GridGroupingColDefOverride<any> | null | undefined;
 export declare const mergeStateWithRowGroupingModel: (rowGroupingModel: GridRowGroupingModel) => (state: GridStatePremium) => GridStatePremium;
-export declare const setStrategyAvailability: (apiRef: React.MutableRefObject<GridApiPremium>, disableRowGrouping: boolean) => void;
+export declare const setStrategyAvailability: (privateApiRef: React.MutableRefObject<GridPrivateApiPremium>, disableRowGrouping: boolean) => void;
 export declare const getCellGroupingCriteria: ({ row, id, colDef, groupingRule, }: {
     row: GridRowModel;
     id: GridRowId;

package/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -135,19 +135,19 @@ export const mergeStateWithRowGroupingModel = rowGroupingModel => state => _exte
     model: rowGroupingModel
   })
 });
-export const setStrategyAvailability = (apiRef, disableRowGrouping) => {
+export const setStrategyAvailability = (privateApiRef, disableRowGrouping) => {
   let isAvailable;
 
   if (disableRowGrouping) {
     isAvailable = () => false;
   } else {
     isAvailable = () => {
-      const rowGroupingSanitizedModel = gridRowGroupingSanitizedModelSelector(apiRef);
+      const rowGroupingSanitizedModel = gridRowGroupingSanitizedModelSelector(privateApiRef);
       return rowGroupingSanitizedModel.length > 0;
     };
   }
 
-  apiRef.current.unstable_setStrategyAvailability('rowTree', ROW_GROUPING_STRATEGY, isAvailable);
+  privateApiRef.current.setStrategyAvailability('rowTree', ROW_GROUPING_STRATEGY, isAvailable);
 };
 export const getCellGroupingCriteria = ({
   row,

package/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -18,7 +18,7 @@ function Divider() {
 export const rowGroupingStateInitializer = (state, props, apiRef) => {
   var _ref, _props$rowGroupingMod, _props$initialState, _props$initialState$r;
 
-  apiRef.current.unstable_caches.rowGrouping = {
+  apiRef.current.caches.rowGrouping = {
     rulesOnLastRowTreeCreation: []
   };
   return _extends({}, state, {
@@ -184,19 +184,19 @@ export const useGridRowGrouping = (apiRef, props) => {
   }, [apiRef, props.rowGroupingColumnMode]);
   const checkGroupingColumnsModelDiff = React.useCallback(() => {
     const sanitizedRowGroupingModel = gridRowGroupingSanitizedModelSelector(apiRef);
-    const rulesOnLastRowTreeCreation = apiRef.current.unstable_caches.rowGrouping.rulesOnLastRowTreeCreation;
+    const rulesOnLastRowTreeCreation = apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation;
     const groupingRules = getGroupingRules({
       sanitizedRowGroupingModel,
       columnsLookup: gridColumnLookupSelector(apiRef)
     });
 
     if (!areGroupingRulesEqual(rulesOnLastRowTreeCreation, groupingRules)) {
-      apiRef.current.unstable_caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
-      apiRef.current.unstable_requestPipeProcessorsApplication('hydrateColumns');
+      apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
+      apiRef.current.requestPipeProcessorsApplication('hydrateColumns');
       setStrategyAvailability(apiRef, props.disableRowGrouping); // Refresh the row tree creation strategy processing
       // TODO: Add a clean way to re-run a strategy processing without publishing a private event
 
-      if (apiRef.current.unstable_getActiveStrategy('rowTree') === ROW_GROUPING_STRATEGY) {
+      if (apiRef.current.getActiveStrategy('rowTree') === ROW_GROUPING_STRATEGY) {
         apiRef.current.publishEvent('activeStrategyProcessorChange', 'rowTreeCreation');
       }
     }

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridApiPremium } from '../../../models/gridApiPremium';
-export declare const useGridRowGroupingPreProcessors: (apiRef: React.MutableRefObject<GridApiPremium>, props: Pick<DataGridPremiumProcessedProps, 'disableRowGrouping' | 'groupingColDef' | 'rowGroupingColumnMode' | 'defaultGroupingExpansionDepth' | 'isGroupExpandedByDefault'>) => void;
+import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
+export declare const useGridRowGroupingPreProcessors: (apiRef: React.MutableRefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, 'disableRowGrouping' | 'groupingColDef' | 'rowGroupingColumnMode' | 'defaultGroupingExpansionDepth' | 'isGroupExpandedByDefault'>) => void;

package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -80,7 +80,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
       sanitizedRowGroupingModel,
       columnsLookup
     });
-    apiRef.current.unstable_caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
+    apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
 
     const getRowTreeBuilderNode = rowId => {
       const row = params.dataRowIdToModelLookup[rowId];

package/index.d.ts

@@ -18,4 +18,4 @@ export * from './models';
 export * from './components';
 export type { DataGridPremiumProps, GridExperimentalPremiumFeatures, } from './models/dataGridPremiumProps';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
-export type { GridApiRef, GridApi, GridInitialState, GridState } from './typeOverloads/reexports';
+export type { GridApi, GridInitialState, GridState } from './typeOverloads/reexports';

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v6.0.0-alpha.6
+/** @license MUI v6.0.0-alpha.8
  *
  * 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/DataGrid.js

@@ -0,0 +1,21 @@
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export function DataGrid() {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+
+  throw new Error(["You try to import `DataGrid` from @mui/x-data-grid-premium but this module doesn't exist.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`."].join('\n'));
+}
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+
+export function DataGridPro() {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+
+  throw new Error(["You try to import `DataGridPro` from @mui/x-data-grid-premium but this module doesn't exist.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`."].join('\n'));
+}