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

package/esm/hooks/utils/useResize.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export const useResize = options => {
+  const resizeHandleRef = React.useRef(null);
+  const optionsRef = React.useRef(options);
+  React.useEffect(() => {
+    optionsRef.current = options;
+  }, [options]);
+  React.useEffect(() => {
+    const handle = resizeHandleRef.current;
+    if (!handle) {
+      return undefined;
+    }
+    const {
+      onSizeChange,
+      getInitialSize,
+      direction = 'horizontal'
+    } = optionsRef.current;
+    let startPosition = null;
+    let startSize = null;
+    const handlePointerMove = event => {
+      event.preventDefault();
+      if (startPosition === null || startSize === null) {
+        return;
+      }
+      const delta = direction === 'horizontal' ? startPosition - event.clientX : startPosition - event.clientY;
+      const newSize = startSize + delta;
+      onSizeChange(newSize, handle);
+    };
+    const handlePointerUp = event => {
+      startPosition = null;
+      startSize = null;
+      handle.removeEventListener('pointermove', handlePointerMove);
+      handle.releasePointerCapture(event.pointerId);
+    };
+    const handlePointerDown = event => {
+      startPosition = direction === 'horizontal' ? event.clientX : event.clientY;
+      startSize = getInitialSize(handle);
+      handle.addEventListener('pointermove', handlePointerMove);
+      handle.setPointerCapture(event.pointerId);
+    };
+    handle.addEventListener('pointerdown', handlePointerDown);
+    handle.addEventListener('pointerup', handlePointerUp);
+    return () => {
+      handle.removeEventListener('pointerdown', handlePointerDown);
+      handle.removeEventListener('pointerup', handlePointerUp);
+      handle.removeEventListener('pointermove', handlePointerMove);
+    };
+  }, []);
+  return {
+    ref: resizeHandleRef
+  };
+};

package/esm/index.d.ts

@@ -20,4 +20,7 @@ export type { DataGridPremiumProps, GridExperimentalPremiumFeatures } from './mo
 export { useGridApiContext, useGridApiRef, useGridRootProps } from "./typeOverloads/reexports.js";
 export type { GridApi, GridInitialState, GridState } from './typeOverloads/reexports';
 export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
-export type { GridGetRowsParamsPremium as GridGetRowsParams, GridGetRowsResponsePremium as GridGetRowsResponse, GridDataSourcePremium as GridDataSource, GridDataSourceApiPremium as GridDataSourceApi, GridDataSourceApiBasePremium as GridDataSourceApiBase, GridDataSourcePremiumPrivateApi as GridDataSourcePrivateApi } from './hooks/features/dataSource/models';
+export type { GridGetRowsParamsPremium as GridGetRowsParams, GridGetRowsResponsePremium as GridGetRowsResponse, GridDataSourcePremium as GridDataSource, GridDataSourceApiPremium as GridDataSourceApi, GridDataSourceApiBasePremium as GridDataSourceApiBase, GridDataSourcePremiumPrivateApi as GridDataSourcePrivateApi } from './hooks/features/dataSource/models';
+export { useGridPivoting as unstable_useGridPivoting } from "./hooks/features/pivoting/useGridPivoting.js";
+export type { GridPivotModel } from './hooks/features/pivoting/gridPivotingInterfaces';
+export { IS_SPEECH_RECOGNITION_SUPPORTED } from "./utils/speechRecognition.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.0.0-beta.2
+ * @mui/x-data-grid-premium v8.0.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -23,4 +23,6 @@ export * from "./models/index.js";
 export * from "./components/index.js";
 export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from "./typeOverloads/reexports.js";
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
+export { useGridPivoting as unstable_useGridPivoting } from "./hooks/features/pivoting/useGridPivoting.js";
+export { IS_SPEECH_RECOGNITION_SUPPORTED } from "./utils/speechRecognition.js";

package/esm/material/icons.d.ts

@@ -1,15 +1,15 @@
-export declare const GridWorkspacesIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridGroupWorkIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridFunctionsIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridSendPromptIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridRecordPromptIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
+import * as React from 'react';
+export declare const GridWorkspacesIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridGroupWorkIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridFunctionsIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridSendIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridMicIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridMicOffIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridMoveToTopIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridMoveToBottomIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridExpandLessIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridPivotIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridAssistantIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridPromptIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridRerunIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridHistoryIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/esm/material/icons.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createSvgIcon } from '@mui/material/utils';
+import { createSvgIcon } from '@mui/x-data-grid/internals';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GridWorkspacesIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {
   children: /*#__PURE__*/_jsx("path", {
@@ -12,9 +12,36 @@ export const GridGroupWorkIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
 export const GridFunctionsIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z"
 }), 'Functions');
-export const GridSendPromptIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+export const GridSendIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
-}), 'SendPrompt');
-export const GridRecordPromptIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+}), 'Send');
+export const GridMicIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3m5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72z"
-}), 'RecordPrompt');
+}), 'Mic');
+export const GridMicOffIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28m-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18zM4.27 3 3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73z"
+}), 'MicOff');
+export const GridMoveToTopIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "m7.41 18.205 4.59-4.59 4.59 4.59 1.41-1.41-6-6-6 6 1.41 1.41ZM6 7.795v-2h12v2H6Z"
+}), 'MoveToTop');
+export const GridMoveToBottomIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M16.59 5.795 12 10.385l-4.59-4.59L6 7.205l6 6 6-6-1.41-1.41ZM18 16.205v2H6v-2h12Z"
+}), 'MoveToBottom');
+export const GridExpandLessIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "m12 8.295-6 6 1.41 1.41 4.59-4.58 4.59 4.58 1.41-1.41-6-6Z"
+}), 'ExpandLess');
+export const GridPivotIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M10 8h11V5c0-1.1-.9-2-2-2h-9zM3 8h5V3H5c-1.1 0-2 .9-2 2zm2 13h3V10H3v9c0 1.1.9 2 2 2m8 1-4-4 4-4zm1-9 4-4 4 4zm.58 6H13v-2h1.58c1.33 0 2.42-1.08 2.42-2.42V13h2v1.58c0 2.44-1.98 4.42-4.42 4.42"
+}), 'Pivot');
+export const GridAssistantIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M19 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-5.12 10.88L12 17l-1.88-4.12L6 11l4.12-1.88L12 5l1.88 4.12L18 11z"
+}), 'Assistant');
+export const GridPromptIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z"
+}), 'Prompt');
+export const GridRerunIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"
+}), 'Rerun');
+export const GridHistoryIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z"
+}), 'History');

package/esm/material/index.d.ts

@@ -1,8 +1,34 @@
 declare const materialSlots: {
-  columnMenuUngroupIcon: React.JSXElementConstructor<any>;
-  columnMenuGroupIcon: React.JSXElementConstructor<any>;
-  columnMenuAggregationIcon: React.JSXElementConstructor<any>;
-  toolbarPromptSendIcon: React.JSXElementConstructor<any>;
-  toolbarPromptRecordIcon: React.JSXElementConstructor<any>;
+  columnMenuUngroupIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  columnMenuGroupIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  columnMenuAggregationIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotSearchIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotSearchClearIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuAddIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuMoveUpIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuMoveDownIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuMoveToTopIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuMoveToBottomIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuCheckIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  pivotMenuRemoveIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  sidebarCloseIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  collapsibleIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  aiAssistantIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  aiAssistantPanelCloseIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  aiAssistantPanelNewConversationIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  aiAssistantPanelHistoryIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptSendIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptSpeechRecognitionIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptSpeechRecognitionOffIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptRerunIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptSortAscIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptSortDescIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptGroupIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptFilterIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptPivotIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptAggregationIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptChangesToggleIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
 };
 export default materialSlots;

package/esm/material/index.js

@@ -1,11 +1,39 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridWorkspacesIcon, GridGroupWorkIcon, GridFunctionsIcon, GridSendPromptIcon, GridRecordPromptIcon } from "./icons.js";
+import { GridSearchIcon, GridClearIcon, GridAddIcon, GridCheckIcon, GridExpandMoreIcon, GridDeleteIcon, GridCloseIcon } from '@mui/x-data-grid';
+import { GridArrowDownwardIcon, GridArrowUpwardIcon, GridFilterAltIcon } from '@mui/x-data-grid-pro';
+import { GridWorkspacesIcon, GridGroupWorkIcon, GridFunctionsIcon, GridMoveToTopIcon, GridMoveToBottomIcon, GridExpandLessIcon, GridPivotIcon, GridSendIcon, GridMicIcon, GridMicOffIcon, GridAssistantIcon, GridPromptIcon, GridRerunIcon, GridHistoryIcon } from "./icons.js";
 const iconsSlots = {
+  collapsibleIcon: GridExpandMoreIcon,
   columnMenuUngroupIcon: GridWorkspacesIcon,
   columnMenuGroupIcon: GridGroupWorkIcon,
   columnMenuAggregationIcon: GridFunctionsIcon,
-  toolbarPromptSendIcon: GridSendPromptIcon,
-  toolbarPromptRecordIcon: GridRecordPromptIcon
+  pivotIcon: GridPivotIcon,
+  pivotSearchIcon: GridSearchIcon,
+  pivotSearchClearIcon: GridClearIcon,
+  pivotMenuAddIcon: GridAddIcon,
+  pivotMenuMoveUpIcon: GridExpandLessIcon,
+  pivotMenuMoveDownIcon: GridExpandMoreIcon,
+  pivotMenuMoveToTopIcon: GridMoveToTopIcon,
+  pivotMenuMoveToBottomIcon: GridMoveToBottomIcon,
+  pivotMenuCheckIcon: GridCheckIcon,
+  pivotMenuRemoveIcon: GridDeleteIcon,
+  sidebarCloseIcon: GridCloseIcon,
+  aiAssistantIcon: GridAssistantIcon,
+  aiAssistantPanelCloseIcon: GridCloseIcon,
+  aiAssistantPanelNewConversationIcon: GridAddIcon,
+  aiAssistantPanelHistoryIcon: GridHistoryIcon,
+  promptIcon: GridPromptIcon,
+  promptSendIcon: GridSendIcon,
+  promptSpeechRecognitionIcon: GridMicIcon,
+  promptSpeechRecognitionOffIcon: GridMicOffIcon,
+  promptRerunIcon: GridRerunIcon,
+  promptSortAscIcon: GridArrowUpwardIcon,
+  promptSortDescIcon: GridArrowDownwardIcon,
+  promptFilterIcon: GridFilterAltIcon,
+  promptPivotIcon: GridPivotIcon,
+  promptAggregationIcon: GridFunctionsIcon,
+  promptGroupIcon: GridGroupWorkIcon,
+  promptChangesToggleIcon: GridExpandMoreIcon
 };
 const materialSlots = _extends({}, iconsSlots);
 export default materialSlots;

package/esm/models/dataGridPremiumProps.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridCallbackDetails, GridValidRowModel, GridGroupNode, GridEventListener, GridGetRowsError, GridUpdateRowError } from '@mui/x-data-grid-pro';
+import { GridCallbackDetails, GridValidRowModel, GridGroupNode, GridEventListener, GridGetRowsError, GridUpdateRowError, type GridColDef, GridLocaleTextApi } from '@mui/x-data-grid-pro';
 import { GridExperimentalProFeatures, DataGridProPropsWithDefaultValue, DataGridProPropsWithoutDefaultValue, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithComplexDefaultValueBeforeProcessing, DataGridPremiumSharedPropsWithDefaultValue } from '@mui/x-data-grid-pro/internals';
 import type { GridRowGroupingModel } from '../hooks/features/rowGrouping';
 import type { GridAggregationModel, GridAggregationFunction, GridAggregationFunctionDataSource, GridAggregationPosition } from '../hooks/features/aggregation';
@@ -7,7 +7,9 @@ import { GridPremiumSlotsComponent } from "./gridPremiumSlotsComponent.js";
 import { GridInitialStatePremium } from "./gridStatePremium.js";
 import { GridApiPremium } from "./gridApiPremium.js";
 import { GridCellSelectionModel } from "../hooks/features/cellSelection/index.js";
+import type { GridPivotingColDefOverrides, GridPivotModel } from '../hooks/features/pivoting/gridPivotingInterfaces';
 import { GridDataSourcePremium as GridDataSource, GridGetRowsParamsPremium as GridGetRowsParams } from "../hooks/features/dataSource/models.js";
+import { Conversation, PromptResponse, PromptSuggestion } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {}
 export interface DataGridPremiumPropsWithComplexDefaultValueBeforeProcessing extends Pick<DataGridPropsWithComplexDefaultValueBeforeProcessing, 'localeText'> {
   /**
@@ -65,7 +67,7 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
    * 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: (groupNode: GridGroupNode) => GridAggregationPosition | null;
   /**
@@ -80,6 +82,25 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
    * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
    */
   splitClipboardPastedText: (text: string) => string[][] | null;
+  /**
+   * If `true`, the pivoting feature is disabled.
+   * @default false
+   */
+  disablePivoting: boolean;
+  /**
+   * 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: ((column: GridColDef, getLocaleText: GridLocaleTextApi['getLocaleText']) => GridColDef[] | undefined) | null;
+  /**
+   * If `true`, the AI Assistant is enabled.
+   * @default false
+   */
+  aiAssistant: boolean;
 }
 export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowModel = any> extends Omit<DataGridProPropsWithoutDefaultValue<R>, 'initialState' | 'apiRef' | 'dataSource' | 'onDataSourceError'> {
   /**
@@ -159,4 +180,77 @@ export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowM
    * @param {GridGetRowsError | GridUpdateRowError} error The data source error object.
    */
   onDataSourceError?: (error: GridGetRowsError<GridGetRowsParams> | GridUpdateRowError) => void;
+  /**
+   * 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?: GridPivotModel;
+  /**
+   * Callback fired when the pivot model changes.
+   * @param {GridPivotModel} pivotModel The new pivot model.
+   */
+  onPivotModelChange?: (pivotModel: GridPivotModel) => void;
+  /**
+   * If `true`, the data grid will show data in pivot mode using the `pivotModel`.
+   * @default false
+   */
+  pivotActive?: boolean;
+  /**
+   * Callback fired when the pivot active state changes.
+   * @param {boolean} isPivotActive Whether the data grid is in pivot mode.
+   */
+  onPivotActiveChange?: (isPivotActive: boolean) => void;
+  /**
+   * If `true`, the pivot side panel is visible.
+   * @default false
+   */
+  pivotPanelOpen?: boolean;
+  /**
+   * Callback fired when the pivot side panel open state changes.
+   * @param {boolean} pivotPanelOpen Whether the pivot side panel is visible.
+   */
+  onPivotPanelOpenChange?: (pivotPanelOpen: boolean) => void;
+  /**
+   * 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?: Partial<GridPivotingColDefOverrides> | ((originalColumnField: GridColDef['field'], columnGroupPath: string[]) => Partial<GridPivotingColDefOverrides> | undefined);
+  /**
+   * The conversations with the AI Assistant.
+   */
+  aiAssistantConversations?: Conversation[];
+  /**
+   * Callback fired when the AI Assistant conversations change.
+   * @param {Conversation[]} conversations The new AI Assistant conversations.
+   */
+  onAiAssistantConversationsChange?: (conversations: Conversation[]) => void;
+  /**
+   * The suggestions of the AI Assistant.
+   */
+  aiAssistantSuggestions?: PromptSuggestion[];
+  /**
+   * The index of the active AI Assistant conversation.
+   */
+  aiAssistantActiveConversationIndex?: number;
+  /**
+   * Callback fired when the AI Assistant active conversation index changes.
+   * @param {number} aiAssistantActiveConversationIndex The new active conversation index.
+   */
+  onAiAssistantActiveConversationIndexChange?: (aiAssistantActiveConversationIndex: number) => void;
+  /**
+   * If `true`, the AI Assistant is allowed to pick up values from random cells from each column to build the prompt context.
+   */
+  allowAiAssistantDataSampling?: boolean;
+  /**
+   * 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?: (prompt: string, promptContext: string, conversationId?: string) => Promise<PromptResponse>;
 }

package/esm/models/gridApiPremium.d.ts

@@ -6,9 +6,11 @@ import { GridCellSelectionApi } from "../hooks/features/cellSelection/gridCellSe
 import type { DataGridPremiumProcessedProps } from './dataGridPremiumProps';
 import type { GridDataSourcePremiumPrivateApi, GridDataSourceApiPremium } from '../hooks/features/dataSource/models';
 import type { GridAggregationPrivateApi } from '../hooks/features/aggregation/gridAggregationInterfaces';
+import type { GridPivotingApi, GridPivotingPrivateApi } from '../hooks/features/pivoting/gridPivotingInterfaces';
+import { GridAiAssistantApi } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 /**
  * The api of Data Grid Premium.
  * TODO: Do not redefine manually the pro features
  */
-export interface GridApiPremium extends GridApiCommon<GridStatePremium, GridInitialStatePremium>, GridRowProApi, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi, GridDataSourceApiPremium, GridCellSelectionApi, GridRowMultiSelectionApi, GridColumnReorderApi {}
-export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDataSourcePremiumPrivateApi, GridAggregationPrivateApi, GridDetailPanelPrivateApi {}
+export interface GridApiPremium extends GridApiCommon<GridStatePremium, GridInitialStatePremium>, GridRowProApi, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi, GridDataSourceApiPremium, GridCellSelectionApi, GridPivotingApi, GridAiAssistantApi, GridRowMultiSelectionApi, GridColumnReorderApi {}
+export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDataSourcePremiumPrivateApi, GridAggregationPrivateApi, GridDetailPanelPrivateApi, GridPivotingPrivateApi {}

package/esm/models/gridPremiumIconSlotsComponent.d.ts

@@ -1,28 +1,161 @@
 import * as React from 'react';
+import { BaseSlots } from '@mui/x-data-grid/internals';
+type IconProps = BaseSlots.IconProps;
 export interface GridPremiumIconSlotsComponent {
   /**
    * Icon displayed in column menu for ungrouping
    * @default GridWorkspacesIcon
    */
-  columnMenuUngroupIcon: React.JSXElementConstructor<any>;
+  columnMenuUngroupIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for grouping
    * @default GridGroupWorkIcon
    */
-  columnMenuGroupIcon: React.JSXElementConstructor<any>;
+  columnMenuGroupIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for aggregation
    * @default GridFunctionsIcon
    */
-  columnMenuAggregationIcon: React.JSXElementConstructor<any>;
+  columnMenuAggregationIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the pivot icon
+   * @default GridPivotIcon
+   */
+  pivotIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the search icon in the sidebar search field
+   * @default GridSearchIcon
+   */
+  pivotSearchIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the clear button in the sidebar search field
+   * @default GridClearIcon
+   */
+  pivotSearchClearIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu for adding a field to a pivot section.
+   * @default GridAddIcon
+   */
+  pivotMenuAddIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu for moving a field up.
+   * @default GridExpandLessIcon
+   */
+  pivotMenuMoveUpIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu for moving a field down.
+   * @default GridExpandMoreIcon
+   */
+  pivotMenuMoveDownIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu for moving a field to the top.
+   * @default GridMoveToTopIcon
+   */
+  pivotMenuMoveToTopIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu for moving a field to the bottom.
+   * @default GridMoveToBottomIcon
+   */
+  pivotMenuMoveToBottomIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu to signify a pivot section is selected.
+   * @default GridCheckIcon
+   */
+  pivotMenuCheckIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the pivot menu for removing a field from the pivot.
+   * @default GridDeleteIcon
+   */
+  pivotMenuRemoveIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the sidebar close button.
+   * @default GridCloseIcon
+   */
+  sidebarCloseIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed in the collapsible to indicate if it is open or closed.
+   * @default GridExpandMoreIcon
+   */
+  collapsibleIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the AI Assistant button
+   * @default GridAssistantIcon
+   */
+  aiAssistantIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the AI Assistant panel close button
+   * @default GridCloseIcon
+   */
+  aiAssistantPanelCloseIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the AI Assistant panel new conversation button
+   * @default GridAddIcon
+   */
+  aiAssistantPanelNewConversationIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the AI Assistant panel history icon
+   * @default GridHistoryIcon
+   */
+  aiAssistantPanelHistoryIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the prompt
+   * @default GridPromptIcon
+   */
+  promptIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon used for the button that sends a prompt
-   * @default GridFunctionsIcon
+   * @default GridSendIcon
+   */
+  promptSendIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the button that starts and stops recording the prompt
+   * @default GridMicIcon
+   */
+  promptSpeechRecognitionIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for when speech recognition is not supported
+   * @default GridMicOffIcon
+   */
+  promptSpeechRecognitionOffIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used for the button that reruns a prompt
+   * @default GridRerunIcon
    */
-  toolbarPromptSendIcon: React.JSXElementConstructor<any>;
+  promptRerunIcon: React.JSXElementConstructor<IconProps>;
   /**
-   * Icon used for the button that starts/stops recording the prompt
+   * Icon used to display sort ascending changes
+   * @default GridArrowUpwardIcon
+   */
+  promptSortAscIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to display sort descending changes
+   * @default GridArrowDownwardIcon
+   */
+  promptSortDescIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to display group changes
+   * @default GridGroupWorkIcon
+   */
+  promptGroupIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to display filter changes
+   * @default GridFilterAltIcon
+   */
+  promptFilterIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to display pivot changes
+   * @default GridPivotIcon
+   */
+  promptPivotIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to display aggregation changes
    * @default GridFunctionsIcon
    */
-  toolbarPromptRecordIcon: React.JSXElementConstructor<any>;
-}
+  promptAggregationIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used on the toggle button of the changes list
+   * @default GridExpandMoreIcon
+   */
+  promptChangesToggleIcon: React.JSXElementConstructor<IconProps>;
+}
+export {};

package/esm/models/gridPremiumSlotsComponent.d.ts

@@ -4,4 +4,16 @@ import { GridPremiumIconSlotsComponent } from "./gridPremiumIconSlotsComponent.j
  * Grid components React prop interface containing all the overridable components
  * for Premium package
  */
-export interface GridPremiumSlotsComponent extends GridProSlotsComponent, GridPremiumIconSlotsComponent {}
+export interface GridPremiumSlotsComponent extends GridProSlotsComponent, GridPremiumIconSlotsComponent {
+  /**
+   * Component rendered when AI Assistant panel is open. Only needed when `aiAssistant` prop is passed to the grid.
+   * Pass `GridAiAssistantPanel` to render the default AI Assistant panel.
+   * @default null
+   */
+  aiAssistantPanel: React.JSXElementConstructor<any> | null;
+  /**
+   * Component rendered when pivot mode is enabled but no rows are defined.
+   * @default GridEmptyPivotOverlay
+   */
+  emptyPivotOverlay: React.JSXElementConstructor<any>;
+}

package/esm/models/gridStatePremium.d.ts

@@ -1,5 +1,7 @@
 import { GridInitialState as GridInitialStatePro, GridState as GridStatePro } from '@mui/x-data-grid-pro';
 import type { GridRowGroupingState, GridRowGroupingInitialState, GridAggregationState, GridAggregationInitialState, GridCellSelectionModel } from '../hooks';
+import type { GridPivotingInitialState, GridPivotingState } from '../hooks/features/pivoting/gridPivotingInterfaces';
+import { GridAiAssistantInitialState, GridAiAssistantState } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 /**
  * The state of Data Grid Premium.
  */
@@ -7,6 +9,8 @@ export interface GridStatePremium extends GridStatePro {
   rowGrouping: GridRowGroupingState;
   aggregation: GridAggregationState;
   cellSelection: GridCellSelectionModel;
+  pivoting: GridPivotingState;
+  aiAssistant: GridAiAssistantState;
 }
 /**
  * The initial state of Data Grid Premium.
@@ -15,4 +19,6 @@ export interface GridInitialStatePremium extends GridInitialStatePro {
   rowGrouping?: GridRowGroupingInitialState;
   aggregation?: GridAggregationInitialState;
   cellSelection?: GridCellSelectionModel;
+  pivoting?: GridPivotingInitialState;
+  aiAssistant?: GridAiAssistantInitialState;
 }

package/esm/package.json

@@ -1 +1 @@
-{"type":"module","sideEffects":false}
+{"type":"module","sideEffects":["**/*.css"]}

package/esm/setupExcelExportWebWorker/index.d.ts

@@ -0,0 +1 @@
+export { setupExcelExportWebWorker } from "../hooks/features/export/serializer/setupExcelExportWebWorker.js";

package/esm/setupExcelExportWebWorker/index.js

@@ -0,0 +1 @@
+export { setupExcelExportWebWorker } from "../hooks/features/export/serializer/setupExcelExportWebWorker.js";