@mui/x-data-grid-premium 8.0.0-beta.3 → 8.1.0

package/DataGridPremium/DataGridPremium.js

@@ -17,18 +17,30 @@ var _material = require("@mui/x-data-grid/material");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useDataGridPremiumComponent = require("./useDataGridPremiumComponent");
 var _useDataGridPremiumProps = require("./useDataGridPremiumProps");
-var _releaseInfo = require("../utils/releaseInfo");
+var _sidebar = require("../components/sidebar");
+var _GridPivotPanel = require("../components/pivotPanel/GridPivotPanel");
 var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
 var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
+var _gridAggregationSelectors = require("../hooks/features/aggregation/gridAggregationSelectors");
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+var _gridPivotingSelectors = require("../hooks/features/pivoting/gridPivotingSelectors");
+var _utils = require("../hooks/features/pivoting/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const configuration = {
   hooks: {
     useCSSVariables: _material.useMaterialCSSVariables,
     useGridAriaAttributes: _useGridAriaAttributes.useGridAriaAttributes,
-    useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes
+    useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes,
+    useCellAggregationResult: (id, field) => {
+      const apiRef = (0, _useGridApiContext.useGridApiContext)();
+      return (0, _xDataGridPro.useGridSelector)(apiRef, _gridAggregationSelectors.gridCellAggregationResultSelector, {
+        id,
+        field
+      });
+    }
   }
 };
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+const releaseInfo = "MTc0NTQ0NTYwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -38,12 +50,17 @@ if (process.env.NODE_ENV !== 'production') {
   dataGridPremiumPropValidators = [..._internals.propValidatorsDataGrid, ..._internals.propValidatorsDataGridPro];
 }
 const DataGridPremiumRaw = (0, _forwardRef.forwardRef)(function DataGridPremium(inProps, ref) {
-  const props = (0, _useDataGridPremiumProps.useDataGridPremiumProps)(inProps);
-  const privateApiRef = (0, _useDataGridPremiumComponent.useDataGridPremiumComponent)(props.apiRef, props);
+  const initialProps = (0, _useDataGridPremiumProps.useDataGridPremiumProps)(inProps);
+  const privateApiRef = (0, _internals.useGridApiInitialization)(initialProps.apiRef, initialProps);
+  const props = (0, _useDataGridPremiumComponent.useDataGridPremiumComponent)(privateApiRef, initialProps);
   (0, _xLicense.useLicenseVerifier)('x-data-grid-premium', releaseInfo);
+  const pivotSettingsOpen = (0, _xDataGridPro.useGridSelector)(privateApiRef, _gridPivotingSelectors.gridPivotPanelOpenSelector);
   if (process.env.NODE_ENV !== 'production') {
     (0, _internals.validateProps)(props, dataGridPremiumPropValidators);
   }
+  const sidePanel = (0, _utils.isPivotingAvailable)(props) && pivotSettingsOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.Sidebar, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridPivotPanel.GridPivotPanel, {})
+  }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.GridContextProvider, {
     privateApiRef: privateApiRef,
     configuration: configuration,
@@ -54,6 +71,7 @@ const DataGridPremiumRaw = (0, _forwardRef.forwardRef)(function DataGridPremium(
       sx: props.sx
     }, props.slotProps?.root, {
       ref: ref,
+      sidePanel: sidePanel,
       children: watermark
     }))
   });
@@ -79,6 +97,48 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default "filtered"
    */
   aggregationRowsScope: _propTypes.default.oneOf(['all', 'filtered']),
+  /**
+   * If `true`, the AI Assistant is enabled.
+   * @default false
+   */
+  aiAssistant: _propTypes.default.bool,
+  /**
+   * The index of the active AI Assistant conversation.
+   */
+  aiAssistantActiveConversationIndex: _propTypes.default.number,
+  /**
+   * The conversations with the AI Assistant.
+   */
+  aiAssistantConversations: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    prompts: _propTypes.default.arrayOf(_propTypes.default.shape({
+      createdAt: _propTypes.default.instanceOf(Date).isRequired,
+      helperText: _propTypes.default.string,
+      response: _propTypes.default.shape({
+        aggregation: _propTypes.default.object.isRequired,
+        conversationId: _propTypes.default.string.isRequired,
+        filterOperator: _propTypes.default.oneOf(['and', 'or']),
+        filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+        grouping: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+        pivoting: _propTypes.default.object.isRequired,
+        select: _propTypes.default.number.isRequired,
+        sorting: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
+      }),
+      value: _propTypes.default.string.isRequired,
+      variant: _propTypes.default.oneOf(['error', 'processing', 'success'])
+    })).isRequired,
+    title: _propTypes.default.string
+  })),
+  /**
+   * The suggestions of the AI Assistant.
+   */
+  aiAssistantSuggestions: _propTypes.default.arrayOf(_propTypes.default.shape({
+    value: _propTypes.default.string.isRequired
+  })),
+  /**
+   * If `true`, the AI Assistant is allowed to pick up values from random cells from each column to build the prompt context.
+   */
+  allowAiAssistantDataSampling: _propTypes.default.bool,
   /**
    * The ref object that allows grid manipulation. Can be instantiated with `useGridApiRef()`.
    */
@@ -302,6 +362,11 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false (`!props.checkboxSelection` for MIT Data Grid)
    */
   disableMultipleRowSelection: _propTypes.default.bool,
+  /**
+   * If `true`, the pivoting feature is disabled.
+   * @default false
+   */
+  disablePivoting: _propTypes.default.bool,
   /**
    * If `true`, the row grouping is disabled.
    * @default false
@@ -365,7 +430,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 isn't aggregated).
-   * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
+   * @default (groupNode) => (groupNode.depth === -1 ? 'footer' : 'inline')
    */
   getAggregationPosition: _propTypes.default.func,
   /**
@@ -395,6 +460,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @returns {number | null} The estimated row height value. If `null` or `undefined` then the default row height, based on the density, is applied.
    */
   getEstimatedRowHeight: _propTypes.default.func,
+  /**
+   * Allows to generate derived columns from actual columns that will be used for pivoting.
+   * Useful e.g. for date columns to generate year, quarter, month, etc.
+   * @param {GridColDef} column The column to generate derived columns for.
+   * @param {GridLocaleTextApi['getLocaleText']} getLocaleText The function to get the locale text.
+   * @returns {GridColDef[] | undefined} The derived columns.
+   * @default {defaultGetPivotDerivedColumns} Creates year and quarter columns for date columns.
+   */
+  getPivotDerivedColumns: _propTypes.default.func,
   /**
    * Function that applies CSS classes dynamically on rows.
    * @param {GridRowClassNameParams} params With all properties from [[GridRowClassNameParams]].
@@ -583,6 +657,16 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onAggregationModelChange: _propTypes.default.func,
+  /**
+   * Callback fired when the AI Assistant active conversation index changes.
+   * @param {number} aiAssistantActiveConversationIndex The new active conversation index.
+   */
+  onAiAssistantActiveConversationIndexChange: _propTypes.default.func,
+  /**
+   * Callback fired when the AI Assistant conversations change.
+   * @param {Conversation[]} conversations The new AI Assistant conversations.
+   */
+  onAiAssistantConversationsChange: _propTypes.default.func,
   /**
    * Callback fired before the clipboard paste operation starts.
    * Use it to confirm or cancel the paste operation.
@@ -750,7 +834,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @param {GridFetchRowsParams} params With all properties from [[GridFetchRowsParams]].
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @deprecated Use the {@link https://next.mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
+   * @deprecated Use the {@link https://mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
    */
   onFetchRows: _propTypes.default.func,
   /**
@@ -790,6 +874,21 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onPinnedColumnsChange: _propTypes.default.func,
+  /**
+   * Callback fired when the pivot active state changes.
+   * @param {boolean} isPivotActive Whether the data grid is in pivot mode.
+   */
+  onPivotActiveChange: _propTypes.default.func,
+  /**
+   * Callback fired when the pivot model changes.
+   * @param {GridPivotModel} pivotModel The new pivot model.
+   */
+  onPivotModelChange: _propTypes.default.func,
+  /**
+   * Callback fired when the pivot side panel open state changes.
+   * @param {boolean} pivotPanelOpen Whether the pivot side panel is visible.
+   */
+  onPivotPanelOpenChange: _propTypes.default.func,
   /**
    * Callback fired when the preferences panel is closed.
    * @param {GridPreferencePanelParams} params With all properties from [[GridPreferencePanelParams]].
@@ -809,6 +908,14 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @param {any} error The error thrown.
    */
   onProcessRowUpdateError: _propTypes.default.func,
+  /**
+   * The function to be used to process the prompt.
+   * @param {string} prompt The prompt to be processed.
+   * @param {string} promptContext The prompt context.
+   * @param {string} conversationId The id of the conversation the prompt is part of. If not passed, prompt response will return a new conversation id that can be used to continue the newly started conversation.
+   * @returns {Promise<PromptResponse>} The prompt response.
+   */
+  onPrompt: _propTypes.default.func,
   /**
    * Callback fired when the Data Grid is resized.
    * @param {ElementSize} containerSize With all properties from [[ElementSize]].
@@ -878,7 +985,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @param {GridRowScrollEndParams} params With all properties from [[GridRowScrollEndParams]].
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @deprecated Use the {@link https://next.mui.com/x/react-data-grid/server-side-data/lazy-loading/#infinite-loading Server-side data-Infinite loading} instead.
+   * @deprecated Use the {@link https://mui.com/x/react-data-grid/server-side-data/lazy-loading/#infinite-loading Server-side data-Infinite loading} instead.
    */
   onRowsScrollEnd: _propTypes.default.func,
   /**
@@ -940,6 +1047,55 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     bottom: _propTypes.default.arrayOf(_propTypes.default.object),
     top: _propTypes.default.arrayOf(_propTypes.default.object)
   }),
+  /**
+   * If `true`, the data grid will show data in pivot mode using the `pivotModel`.
+   * @default false
+   */
+  pivotActive: _propTypes.default.bool,
+  /**
+   * The column definition overrides for the columns generated by the pivoting feature.
+   * @param {string} originalColumnField The field of the original column.
+   * @param {string[]} columnGroupPath The path of the column groups the column belongs to.
+   * @returns {Partial<GridPivotingColDefOverrides> | undefined | void} The column definition overrides.
+   * @default undefined
+   */
+  pivotingColDef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    align: _propTypes.default.oneOf(['center', 'left', 'right']),
+    cellClassName: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    description: _propTypes.default.string,
+    display: _propTypes.default.oneOf(['flex', 'text']),
+    flex: _propTypes.default.number,
+    headerAlign: _propTypes.default.oneOf(['center', 'left', 'right']),
+    headerClassName: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    headerName: _propTypes.default.string,
+    maxWidth: _propTypes.default.number,
+    minWidth: _propTypes.default.number,
+    resizable: _propTypes.default.bool,
+    sortingOrder: _propTypes.default.arrayOf(_propTypes.default.oneOf(['asc', 'desc'])),
+    width: _propTypes.default.number
+  })]),
+  /**
+   * The pivot model of the grid.
+   * Will be used to generate the pivot data.
+   * In case of `pivotActive` being `false`, the pivot model is still used to populate the pivot panel.
+   */
+  pivotModel: _propTypes.default.shape({
+    columns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+    rows: _propTypes.default.arrayOf(_propTypes.default.shape({
+      field: _propTypes.default.string.isRequired,
+      hidden: _propTypes.default.bool
+    })).isRequired,
+    values: _propTypes.default.arrayOf(_propTypes.default.shape({
+      aggFunc: _propTypes.default.string.isRequired,
+      field: _propTypes.default.string.isRequired,
+      hidden: _propTypes.default.bool
+    })).isRequired
+  }),
+  /**
+   * If `true`, the pivot side panel is visible.
+   * @default false
+   */
+  pivotPanelOpen: _propTypes.default.bool,
   /**
    * Callback called before updating a row with new values in the row and cell editing.
    * @template R
@@ -1027,7 +1183,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * Set it to 'client' if you would like enable infnite loading.
    * Set it to 'server' if you would like to enable lazy loading.
    * @default "client"
-   * @deprecated Use the {@link https://next.mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
+   * @deprecated Use the {@link https://mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
    */
   rowsLoadingMode: _propTypes.default.oneOf(['client', 'server']),
   /**

package/DataGridPremium/useDataGridPremiumComponent.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridApiPremium, GridPrivateApiPremium } from "../models/gridApiPremium.js";
+import { GridPrivateApiPremium } from "../models/gridApiPremium.js";
 import { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
-export declare const useDataGridPremiumComponent: (inputApiRef: RefObject<GridApiPremium | null> | undefined, props: DataGridPremiumProcessedProps) => import("react").RefObject<GridPrivateApiPremium>;
+export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps) => DataGridPremiumProcessedProps;

package/DataGridPremium/useDataGridPremiumComponent.js

@@ -1,10 +1,15 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDataGridPremiumComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-data-grid-pro/internals");
+var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useGridDataSourcePremium = require("../hooks/features/dataSource/useGridDataSourcePremium");
 var _useGridAggregation = require("../hooks/features/aggregation/useGridAggregation");
 var _useGridAggregationPreProcessors = require("../hooks/features/aggregation/useGridAggregationPreProcessors");
@@ -14,10 +19,20 @@ var _useGridDataSourceRowGroupingPreProcessors = require("../hooks/features/rowG
 var _useGridExcelExport = require("../hooks/features/export/useGridExcelExport");
 var _useGridCellSelection = require("../hooks/features/cellSelection/useGridCellSelection");
 var _useGridClipboardImport = require("../hooks/features/clipboard/useGridClipboardImport");
+var _useGridPivoting = require("../hooks/features/pivoting/useGridPivoting");
+var _gridPivotingSelectors = require("../hooks/features/pivoting/gridPivotingSelectors");
+var _useGridAiAssistant = require("../hooks/features/aiAssistant/useGridAiAssistant");
 // Premium-only features
 
-const useDataGridPremiumComponent = (inputApiRef, props) => {
-  const apiRef = (0, _internals.useGridInitialization)(inputApiRef, props);
+const useDataGridPremiumComponent = (apiRef, inProps) => {
+  const pivotPropsOverrides = (0, _xDataGridPro.useGridSelector)(apiRef, _gridPivotingSelectors.gridPivotPropsOverridesSelector);
+  const props = React.useMemo(() => {
+    if (pivotPropsOverrides) {
+      return (0, _extends2.default)({}, inProps, pivotPropsOverrides);
+    }
+    return inProps;
+  }, [inProps, pivotPropsOverrides]);
+  (0, _internals.useGridInitialization)(apiRef, props);
 
   /**
    * Register all pre-processors called during state initialization here.
@@ -49,6 +64,7 @@ const useDataGridPremiumComponent = (inputApiRef, props) => {
   (0, _internals.useGridInitializeState)(_internals.detailPanelStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.columnPinningStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.columnsStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_useGridPivoting.pivotingStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.rowPinningStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.rowsStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.paginationStateInitializer, apiRef, props);
@@ -68,6 +84,8 @@ const useDataGridPremiumComponent = (inputApiRef, props) => {
   (0, _internals.useGridInitializeState)(_internals.dimensionsStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.rowsMetaStateInitializer, apiRef, props);
   (0, _internals.useGridInitializeState)(_internals.listViewStateInitializer, apiRef, props);
+  (0, _internals.useGridInitializeState)(_useGridAiAssistant.aiAssistantStateInitializer, apiRef, props);
+  (0, _useGridPivoting.useGridPivoting)(apiRef, props, inProps.columns, inProps.rows);
   (0, _useGridRowGrouping.useGridRowGrouping)(apiRef, props);
   (0, _internals.useGridHeaderFiltering)(apiRef, props);
   (0, _internals.useGridTreeData)(apiRef, props);
@@ -111,6 +129,7 @@ const useDataGridPremiumComponent = (inputApiRef, props) => {
   (0, _useGridDataSourcePremium.useGridDataSourcePremium)(apiRef, props);
   (0, _internals.useGridVirtualization)(apiRef, props);
   (0, _internals.useGridListView)(apiRef, props);
-  return apiRef;
+  (0, _useGridAiAssistant.useGridAiAssistant)(apiRef, props);
+  return props;
 };
 exports.useDataGridPremiumComponent = useDataGridPremiumComponent;

package/DataGridPremium/useDataGridPremiumProps.js

@@ -13,6 +13,7 @@ var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _aggregation = require("../hooks/features/aggregation");
 var _dataGridPremiumDefaultSlotsComponents = require("../constants/dataGridPremiumDefaultSlotsComponents");
+var _utils = require("../hooks/features/pivoting/utils");
 const getDataGridPremiumForcedProps = themedProps => (0, _extends2.default)({
   signature: _xDataGridPro.GridSignature.DataGridPremium
 }, themedProps.dataSource ? {
@@ -38,7 +39,10 @@ const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PREMIUM_PROPS_D
     // See https://github.com/mui/mui-x/issues/9103
     const text = pastedText.replace(/\r?\n$/, '');
     return text.split(/\r\n|\n|\r/).map(row => row.split('\t'));
-  }
+  },
+  disablePivoting: false,
+  getPivotDerivedColumns: _utils.defaultGetPivotDerivedColumns,
+  aiAssistant: false
 });
 const defaultSlots = _dataGridPremiumDefaultSlotsComponents.DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS;
 const useDataGridPremiumProps = inProps => {

package/components/GridColumnMenuPivotItem.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
+export declare function GridColumnMenuPivotItem(props: GridColumnMenuItemProps): React.JSX.Element;

package/components/GridColumnMenuPivotItem.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridColumnMenuPivotItem = GridColumnMenuPivotItem;
+var React = _interopRequireWildcard(require("react"));
+var _xDataGridPro = require("@mui/x-data-grid-pro");
+var _internals = require("@mui/x-data-grid-pro/internals");
+var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+var _jsxRuntime = require("react/jsx-runtime");
+function GridColumnMenuPivotItem(props) {
+  const {
+    onClick
+  } = props;
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const isPivotPanelOpen = (0, _xDataGridPro.useGridSelector)(apiRef, _internals.gridPivotPanelOpenSelector);
+  const openPivotSettings = event => {
+    onClick(event);
+    apiRef.current.setPivotPanelOpen(true);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, {
+    onClick: openPivotSettings,
+    iconStart: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.pivotIcon, {
+      fontSize: "small"
+    }),
+    disabled: isPivotPanelOpen,
+    children: apiRef.current.getLocaleText('columnMenuManagePivot')
+  });
+}

package/components/GridEmptyPivotOverlay.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { GridOverlayProps } from '@mui/x-data-grid';
+declare const GridEmptyPivotOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
+} & React.RefAttributes<HTMLDivElement>>;
+export { GridEmptyPivotOverlay };

package/components/GridEmptyPivotOverlay.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridEmptyPivotOverlay = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _xDataGrid = require("@mui/x-data-grid");
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const GridEmptyPivotOverlay = exports.GridEmptyPivotOverlay = (0, _forwardRef.forwardRef)(function GridEmptyPivotOverlay(props, ref) {
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridOverlay, (0, _extends2.default)({}, props, {
+    ref: ref,
+    children: apiRef.current.getLocaleText('emptyPivotOverlayLabel')
+  }));
+});
+process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;

package/components/GridFooterCell.js

@@ -18,8 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["formattedValue", "colDef", "cellMode", "row", "api", "id", "value", "rowNode", "field", "focusElementRef", "hasFocus", "tabIndex", "isEditable"];
 const GridFooterCellRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
-  slot: 'FooterCell',
-  overridesResolver: (_, styles) => styles.footerCell
+  slot: 'FooterCell'
 })({
   fontWeight: _internals.vars.typography.fontWeight.medium,
   color: _internals.vars.colors.foreground.accent

package/components/GridGroupingCriteriaCell.js

@@ -13,6 +13,7 @@ var _internals = require("@mui/x-data-grid/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+var _gridPivotingSelectors = require("../hooks/features/pivoting/gridPivotingSelectors");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -40,6 +41,10 @@ function GridGroupingCriteriaCell(props) {
   const classes = useUtilityClasses(ownerState);
   const filteredDescendantCountLookup = (0, _xDataGridPro.useGridSelector)(apiRef, _xDataGridPro.gridFilteredDescendantCountLookupSelector);
   const filteredDescendantCount = filteredDescendantCountLookup[rowNode.id] ?? 0;
+  const pivotActive = (0, _xDataGridPro.useGridSelector)(apiRef, _gridPivotingSelectors.gridPivotActiveSelector);
+  const maxTreeDepth = (0, _xDataGridPro.gridRowMaximumTreeDepthSelector)(apiRef);
+  const shouldShowToggleContainer = !pivotActive || maxTreeDepth > 2;
+  const shouldShowToggleButton = !pivotActive || rowNode.depth < maxTreeDepth - 2;
   const Icon = rowNode.childrenExpanded ? rootProps.slots.groupingCriteriaCollapseIcon : rootProps.slots.groupingCriteriaExpandIcon;
   const handleKeyDown = event => {
     if (event.key === ' ') {
@@ -72,9 +77,9 @@ function GridGroupingCriteriaCell(props) {
     style: {
       marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : `calc(var(--DataGrid-cellOffsetMultiplier) * ${rowNode.depth} * ${_internals.vars.spacing(1)})`
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [shouldShowToggleContainer ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.toggle,
-      children: filteredDescendantCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseIconButton, (0, _extends2.default)({
+      children: shouldShowToggleButton && filteredDescendantCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseIconButton, (0, _extends2.default)({
         size: "small",
         onClick: handleClick,
         onKeyDown: handleKeyDown,
@@ -85,7 +90,7 @@ function GridGroupingCriteriaCell(props) {
           fontSize: "inherit"
         })
       }))
-    }), cellContent, !hideDescendantCount && filteredDescendantCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    }) : null, cellContent, !hideDescendantCount && filteredDescendantCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       style: {
         whiteSpace: 'pre'
       },

package/components/GridPremiumColumnMenu.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { GridColumnMenuProps, GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from "./GridColumnMenuAggregationItem.js";
+import { GridColumnMenuPivotItem } from "./GridColumnMenuPivotItem.js";
 export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): React.JSX.Element;
 export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
   columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
   columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
+  columnMenuPivotItem: typeof GridColumnMenuPivotItem;
   columnMenuPinningItem: typeof import("@mui/x-data-grid-pro").GridColumnMenuPinningItem;
   columnMenuSortItem: typeof import("@mui/x-data-grid").GridColumnMenuSortItem;
   columnMenuFilterItem: typeof import("@mui/x-data-grid").GridColumnMenuFilterItem;
@@ -17,6 +19,9 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
   columnMenuGroupingItem: {
     displayOrder: number;
   };
+  columnMenuPivotItem: {
+    displayOrder: number;
+  };
   columnMenuPinningItem: {
     displayOrder: number;
   };

package/components/GridPremiumColumnMenu.js

@@ -16,6 +16,7 @@ var _GridColumnMenuAggregationItem = require("./GridColumnMenuAggregationItem");
 var _rowGrouping = require("../hooks/features/rowGrouping");
 var _GridColumnMenuRowGroupItem = require("./GridColumnMenuRowGroupItem");
 var _GridColumnMenuRowUngroupItem = require("./GridColumnMenuRowUngroupItem");
+var _GridColumnMenuPivotItem = require("./GridColumnMenuPivotItem");
 var _jsxRuntime = require("react/jsx-runtime");
 function GridColumnMenuGroupingItem(props) {
   const {
@@ -28,7 +29,8 @@ function GridColumnMenuGroupingItem(props) {
 }
 const GRID_COLUMN_MENU_SLOTS_PREMIUM = exports.GRID_COLUMN_MENU_SLOTS_PREMIUM = (0, _extends2.default)({}, _xDataGridPro.GRID_COLUMN_MENU_SLOTS, {
   columnMenuAggregationItem: _GridColumnMenuAggregationItem.GridColumnMenuAggregationItem,
-  columnMenuGroupingItem: GridColumnMenuGroupingItem
+  columnMenuGroupingItem: GridColumnMenuGroupingItem,
+  columnMenuPivotItem: _GridColumnMenuPivotItem.GridColumnMenuPivotItem
 });
 const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = exports.GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = (0, _extends2.default)({}, _xDataGridPro.GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
@@ -36,6 +38,9 @@ const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = exports.GRID_COLUMN_MENU_SLOT_PROPS_
   },
   columnMenuGroupingItem: {
     displayOrder: 27
+  },
+  columnMenuPivotItem: {
+    displayOrder: 28
   }
 });
 const GridPremiumColumnMenu = exports.GridPremiumColumnMenu = (0, _forwardRef.forwardRef)(function GridPremiumColumnMenuSimple(props, ref) {

package/components/GridPremiumToolbar.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { GridToolbarProps } from '@mui/x-data-grid/internals';
+import { GridToolbarProps } from '@mui/x-data-grid-pro/internals';
 export declare function GridPremiumToolbar(props: GridToolbarProps): React.JSX.Element;

package/components/GridPremiumToolbar.js

@@ -9,16 +9,43 @@ exports.GridPremiumToolbar = GridPremiumToolbar;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _internals = require("@mui/x-data-grid/internals");
+var _internals = require("@mui/x-data-grid-pro/internals");
+var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _export = require("./export");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+var _PivotPanelTrigger = require("./pivotPanel/PivotPanelTrigger");
+var _utils = require("../hooks/features/pivoting/utils");
+var _aiAssistantPanel = require("./aiAssistantPanel");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["excelOptions"];
 function GridPremiumToolbar(props) {
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const additionalItems = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [(0, _utils.isPivotingAvailable)(rootProps) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PivotPanelTrigger.PivotPanelTrigger, {
+      render: (triggerProps, state) => /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, {
+        title: apiRef.current.getLocaleText('toolbarPivot'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.ToolbarButton, (0, _extends2.default)({}, triggerProps, {
+          color: state.active ? 'primary' : 'default',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.pivotIcon, {
+            fontSize: "small"
+          })
+        }))
+      })
+    }), rootProps.aiAssistant && /*#__PURE__*/(0, _jsxRuntime.jsx)(_aiAssistantPanel.AiAssistantPanelTrigger, {
+      render: triggerProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, {
+        title: apiRef.current.getLocaleText('toolbarAssistant'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.ToolbarButton, (0, _extends2.default)({}, triggerProps, {
+          color: "default",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.aiAssistantIcon, {
+            fontSize: "small"
+          })
+        }))
+      })
+    })]
+  });
   const additionalExportMenuItems = !props.excelOptions?.disableToolbarButton ? onMenuItemClick => /*#__PURE__*/(0, _jsxRuntime.jsx)(_export.ExportExcel, {
     render: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, (0, _extends2.default)({}, rootProps.slotProps?.baseMenuItem)),
     options: props.excelOptions,
@@ -26,6 +53,7 @@ function GridPremiumToolbar(props) {
     children: apiRef.current.getLocaleText('toolbarExportExcel')
   }) : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridToolbar, (0, _extends2.default)({}, other, {
+    additionalItems: additionalItems,
     additionalExportMenuItems: additionalExportMenuItems
   }));
 }

package/components/aiAssistantPanel/AiAssistantPanelTrigger.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { GridSlotProps } from '@mui/x-data-grid-pro';
+export interface AiAssistantPanelState {
+  /**
+   * If `true`, the assistant panel is open.
+   */
+  open: boolean;
+}
+export type AiAssistantPanelTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<GridSlotProps['baseButton'], AiAssistantPanelState>;
+  /**
+   * A function to customize rendering of the component.
+   */
+  className?: string | ((state: AiAssistantPanelState) => string);
+};
+/**
+ * A button that opens and closes the assistant panel.
+ * It renders the `baseButton` slot.
+ *
+ * Demos:
+ *
+ * - [AI Assistant Panel](https://mui.com/x/react-data-grid/components/ai-assistant-panel/)
+ *
+ * API:
+ *
+ * - [AiAssistantPanelTrigger API](https://mui.com/x/api/data-grid/ai-assistant-panel-trigger/)
+ */
+declare const AiAssistantPanelTrigger: React.ForwardRefExoticComponent<AiAssistantPanelTriggerProps> | React.ForwardRefExoticComponent<Omit<AiAssistantPanelTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AiAssistantPanelTrigger };