@mui/x-data-grid-premium 8.9.0 → 8.9.2

package/esm/typeOverloads/modules.d.ts

@@ -1,11 +1,12 @@
 import { GridExportDisplayOptions, GridValidRowModel } from '@mui/x-data-grid-pro';
-import type { GridControlledStateEventLookupPro, GridApiCachesPro, GridEventLookupPro } from '@mui/x-data-grid-pro/typeOverloads';
+import type { GridPipeProcessingLookupPro, GridControlledStateEventLookupPro, GridApiCachesPro, GridEventLookupPro } from '@mui/x-data-grid-pro/typeOverloads';
 import type { GridGroupingValueGetter, GridPastedValueParser } from "../models/index.js";
 import type { GridRowGroupingModel, GridAggregationModel, GridAggregationCellMeta, GridAggregationHeaderMeta, GridCellSelectionModel, Conversation } from "../hooks/index.js";
 import { GridRowGroupingInternalCache } from "../hooks/features/rowGrouping/gridRowGroupingInterfaces.js";
 import { GridAggregationInternalCache } from "../hooks/features/aggregation/gridAggregationInterfaces.js";
 import type { GridExcelExportOptions } from "../hooks/features/export/gridExcelExportInterface.js";
 import type { GridPivotingInternalCache, GridPivotModel } from "../hooks/features/pivoting/gridPivotingInterfaces.js";
+import { GridSidebarValue } from "../hooks/features/sidebar/gridSidebarInterfaces.js";
 export interface GridControlledStateEventLookupPremium {
   /**
    * Fired when the aggregation model changes.
@@ -40,6 +41,9 @@ export interface GridControlledStateEventLookupPremium {
   pivotModeChange: {
     params: boolean;
   };
+  /**
+   * @deprecated Use the `sidebarOpen` and `sidebarClose` events instead.
+   */
   pivotPanelOpenChange: {
     params: boolean;
   };
@@ -69,6 +73,22 @@ interface GridEventLookupPremium extends GridEventLookupPro {
    * Fired when the clipboard paste operation ends.
    */
   clipboardPasteEnd: {};
+  /**
+   * Fired when the sidebar is opened.
+   */
+  sidebarOpen: {
+    params: {
+      value: GridSidebarValue;
+    };
+  };
+  /**
+   * Fired when the sidebar is closed.
+   */
+  sidebarClose: {
+    params: {
+      value: GridSidebarValue;
+    };
+  };
 }
 export interface GridColDefPremium<R extends GridValidRowModel = any, V = any, F = V> {
   /**
@@ -109,8 +129,15 @@ export interface GridApiCachesPremium extends GridApiCachesPro {
   rowGrouping: GridRowGroupingInternalCache;
   aggregation: GridAggregationInternalCache;
 }
+export interface GridPipeProcessingLookupPremium {
+  sidebar: {
+    value: React.ReactNode;
+    context: GridSidebarValue;
+  };
+}
 declare module '@mui/x-data-grid-pro' {
   interface GridEventLookup extends GridEventLookupPremium {}
+  interface GridPipeProcessingLookup extends GridPipeProcessingLookupPro, GridPipeProcessingLookupPremium {}
   interface GridControlledStateEventLookup extends GridControlledStateEventLookupPro, GridControlledStateEventLookupPremium {}
   interface GridRenderCellParams<R, V, F> extends GridRenderCellParamsPremium<R, V, F> {}
   interface GridColumnHeaderParams<R, V, F> extends GridColumnHeaderParamsPremium<R, V, F> {}

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

@@ -47,7 +47,7 @@ export interface GridAggregationFunction<V = any, AV = V> {
    * @param {GridApiPremium} api The grid API.
    * @returns {AV} The aggregated value.
    */
-  apply: (params: GridAggregationParams<V>, api: GridApiPremium) => AV | null | undefined;
+  apply: (params: GridAggregationParams<V>, api?: GridApiPremium) => AV | null | undefined;
   /**
    * Label of the aggregation function.
    * Used for adding a label to the footer of the grouping column when this aggregation function is the only one being used.

package/hooks/features/aiAssistant/api.d.ts

@@ -1,4 +1,4 @@
-import { PromptResponse } from "./gridAiAssistantInterfaces.js";
+import { PromptResponse, PromptResolverOptions } from "./gridAiAssistantInterfaces.js";
 /**
  * Prompt resolver for the <DataGridPremium /> component.
  * @param {string} url The URL to send the request to.
@@ -6,7 +6,7 @@ import { PromptResponse } from "./gridAiAssistantInterfaces.js";
  * @param {string} context The prompt context containing necessary information about the current columns definition.
  * Either use the `context` parameter of the `onPrompt` callback or the return value of the `unstable_getPromptContext()` API method.
  * @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.
- * @param {string} additionalContext Optional, additional context to make the processing results more accurate.
+ * @param {string | PromptResolverOptions} optionsOrAdditionalContext Optional, includes settings to extend and customize the prompt resolver's behaviour, or additional context string for backward compatibility.
  * @returns {Promise<PromptResponse>} The grid state updates to be applied.
  */
-export declare function gridDefaultPromptResolver(url: string, query: string, context: string, conversationId?: string, additionalContext?: string): Promise<PromptResponse>;
+export declare function gridDefaultPromptResolver(url: string, query: string, context: string, conversationId?: string, optionsOrAdditionalContext?: string | PromptResolverOptions): Promise<PromptResponse>;

package/hooks/features/aiAssistant/api.js

@@ -11,10 +11,14 @@ exports.gridDefaultPromptResolver = gridDefaultPromptResolver;
  * @param {string} context The prompt context containing necessary information about the current columns definition.
  * Either use the `context` parameter of the `onPrompt` callback or the return value of the `unstable_getPromptContext()` API method.
  * @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.
- * @param {string} additionalContext Optional, additional context to make the processing results more accurate.
+ * @param {string | PromptResolverOptions} optionsOrAdditionalContext Optional, includes settings to extend and customize the prompt resolver's behaviour, or additional context string for backward compatibility.
  * @returns {Promise<PromptResponse>} The grid state updates to be applied.
  */
-function gridDefaultPromptResolver(url, query, context, conversationId, additionalContext = '') {
+function gridDefaultPromptResolver(url, query, context, conversationId, optionsOrAdditionalContext = '') {
+  // Handle backward compatibility: if string is passed, treat it as additionalContext
+  const options = typeof optionsOrAdditionalContext === 'string' ? {
+    additionalContext: optionsOrAdditionalContext
+  } : optionsOrAdditionalContext;
   return fetch(url, {
     mode: 'cors',
     method: 'POST',
@@ -25,8 +29,8 @@ function gridDefaultPromptResolver(url, query, context, conversationId, addition
     body: JSON.stringify({
       context,
       query,
-      additionalContext,
-      conversationId
+      conversationId,
+      options
     })
   }).then(result => result.json()).then(result => {
     if (result.ok === false) {

package/hooks/features/aiAssistant/gridAiAssistantInterfaces.d.ts

@@ -49,6 +49,17 @@ export type PromptResponse = {
   grouping: Grouping[];
   pivoting: Pivoting;
 };
+export type PromptResolverOptions = {
+  /**
+   * By default, MUI's prompt resolver service stores the queries made to the service to analyze potential errors and improve the service (data is never stored). Enable private mode to make the service only keep track of the token count, without any query related data.
+   * @default false
+   */
+  privateMode?: boolean;
+  /**
+   * Additional context to make the processing results more accurate.
+   */
+  additionalContext?: string;
+};
 /**
  * The prompt API interface that is available in the grid [[apiRef]].
  */

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

@@ -58,12 +58,7 @@ const serializeRowUnsafe = (id, columns, apiRef, defaultValueOptionsFormulae, op
   const hasColSpan = (0, _internals.gridHasColSpanSelector)(apiRef);
   if (hasColSpan) {
     // `colSpan` is only calculated for rendered rows, so we need to calculate it during export for every row
-    apiRef.current.calculateColSpan({
-      rowId: id,
-      minFirstColumn: 0,
-      maxLastColumn: columns.length,
-      columns
-    });
+    apiRef.current.calculateColSpan(id, 0, columns.length, columns);
   }
   columns.forEach((column, colIndex) => {
     const colSpanInfo = hasColSpan ? apiRef.current.unstable_getCellColSpanInfo(id, colIndex) : undefined;

package/hooks/features/index.d.ts

@@ -2,4 +2,5 @@ export * from "./aggregation/index.js";
 export * from "./rowGrouping/index.js";
 export * from "./export/index.js";
 export * from "./cellSelection/index.js";
-export * from "./aiAssistant/index.js";
+export * from "./aiAssistant/index.js";
+export * from "./sidebar/index.js";

package/hooks/features/index.js

@@ -57,4 +57,15 @@ Object.keys(_aiAssistant).forEach(function (key) {
       return _aiAssistant[key];
     }
   });
+});
+var _sidebar = require("./sidebar");
+Object.keys(_sidebar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sidebar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sidebar[key];
+    }
+  });
 });

package/hooks/features/pivoting/gridPivotingInterfaces.d.ts

@@ -23,6 +23,10 @@ export interface GridPivotingState extends GridPivotingStatePartial {
 export interface GridPivotingInitialState {
   model?: GridPivotModel;
   enabled?: boolean;
+  /**
+   * To open the pivot sidebar on init, set sidebar's `openValue` to `GridSidebarValue.Pivot`.
+   * @deprecated Use sidebar state instead.
+   */
   panelOpen?: boolean;
 }
 export interface GridPivotModel {
@@ -55,6 +59,7 @@ export interface GridPivotingApi {
   setPivotActive: (active: boolean | ((prev: boolean) => boolean)) => void;
   /**
    * Sets whether the pivot panel is open.
+   * @deprecated Use the `showSidebar` method instead. Using this method will not trigger the `sidebarOpen` and `sidebarClose` events.
    * @param {boolean | ((prev: boolean) => boolean)} open - The new value of the pivot panel open state.
    */
   setPivotPanelOpen: (open: boolean | ((prev: boolean) => boolean)) => void;

package/hooks/features/pivoting/gridPivotingSelectors.d.ts

@@ -1,8 +1,11 @@
 import type { GridStatePremium } from "../../../models/gridStatePremium.js";
+export declare const gridPivotPanelOpenSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => boolean;
 export declare const gridPivotModelSelector: (args_0: import("react").RefObject<{
   state: GridStatePremium;
 } | null>) => import("./gridPivotingInterfaces.js").GridPivotModel;
 export declare const gridPivotPropsOverridesSelector: (args_0: import("react").RefObject<{
   state: GridStatePremium;
 } | null>) => import("./gridPivotingInterfaces.js").GridPivotingPropsOverrides | undefined;
-export { gridPivotActiveSelector, gridPivotInitialColumnsSelector, gridPivotPanelOpenSelector } from '@mui/x-data-grid/internals';
+export { gridPivotActiveSelector, gridPivotInitialColumnsSelector } from '@mui/x-data-grid/internals';

package/hooks/features/pivoting/gridPivotingSelectors.js

@@ -15,16 +15,11 @@ Object.defineProperty(exports, "gridPivotInitialColumnsSelector", {
     return _internals2.gridPivotInitialColumnsSelector;
   }
 });
-exports.gridPivotModelSelector = void 0;
-Object.defineProperty(exports, "gridPivotPanelOpenSelector", {
-  enumerable: true,
-  get: function () {
-    return _internals2.gridPivotPanelOpenSelector;
-  }
-});
-exports.gridPivotPropsOverridesSelector = void 0;
+exports.gridPivotPropsOverridesSelector = exports.gridPivotPanelOpenSelector = exports.gridPivotModelSelector = void 0;
 var _internals = require("@mui/x-data-grid-pro/internals");
+var _sidebar = require("../sidebar");
 var _internals2 = require("@mui/x-data-grid/internals");
 const gridPivotingStateSelector = (0, _internals.createRootSelector)(state => state.pivoting);
+const gridPivotPanelOpenSelector = exports.gridPivotPanelOpenSelector = (0, _internals.createSelector)(_sidebar.gridSidebarStateSelector, sidebar => sidebar.value === _sidebar.GridSidebarValue.Pivot && sidebar.open);
 const gridPivotModelSelector = exports.gridPivotModelSelector = (0, _internals.createSelector)(gridPivotingStateSelector, pivoting => pivoting?.model);
 const gridPivotPropsOverridesSelector = exports.gridPivotPropsOverridesSelector = (0, _internals.createSelector)(gridPivotingStateSelector, pivoting => pivoting?.active ? pivoting.propsOverrides : undefined);

package/hooks/features/pivoting/useGridPivoting.d.ts

@@ -3,6 +3,6 @@ import { RefObject } from '@mui/x-internals/types';
 import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
 import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
 import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
-export declare const pivotingStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'pivotActive' | 'pivotModel' | 'pivotPanelOpen' | 'initialState' | 'disablePivoting' | 'getPivotDerivedColumns' | 'columns'>>;
+export declare const pivotingStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'pivotActive' | 'pivotModel' | 'pivotPanelOpen' | 'initialState' | 'disablePivoting' | 'getPivotDerivedColumns' | 'columns'>, GridPrivateApiPremium>;
 export declare const useGridPivoting: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "pivotActive" | "onPivotActiveChange" | "pivotModel" | "onPivotModelChange" | "pivotPanelOpen" | "onPivotPanelOpenChange" | "disablePivoting" | "getPivotDerivedColumns" | "pivotingColDef" | "groupingColDef" | "aggregationFunctions">, originalColumnsProp: readonly GridColDef[], originalRowsProp: readonly GridRowModel[]) => void;
 export declare const useGridPivotingExportState: (apiRef: RefObject<GridPrivateApiPremium>) => void;

package/hooks/features/pivoting/useGridPivoting.js

@@ -12,9 +12,12 @@ var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _useOnMount = _interopRequireDefault(require("@mui/utils/useOnMount"));
 var _internals = require("@mui/x-data-grid-pro/internals");
+var _pivotPanel = require("../../../components/pivotPanel");
 var _gridPivotingSelectors = require("./gridPivotingSelectors");
 var _utils = require("./utils");
 var _gridAggregationUtils = require("../aggregation/gridAggregationUtils");
+var _sidebar = require("../sidebar");
+var _jsxRuntime = require("react/jsx-runtime");
 const emptyPivotModel = {
   rows: [],
   columns: [],
@@ -33,19 +36,23 @@ const pivotingStateInitializer = (state, props, apiRef) => {
     return (0, _extends2.default)({}, state, {
       pivoting: {
         active: false,
-        model: emptyPivotModel,
-        panelOpen: false
+        model: emptyPivotModel
       }
     });
   }
   const initialColumns = (0, _utils.getInitialColumns)(props.columns ?? [], props.getPivotDerivedColumns, apiRef.current.getLocaleText);
+  const open = props.pivotPanelOpen ?? props.initialState?.pivoting?.panelOpen ?? false;
+  const sidebarStateUpdate = open ? {
+    open,
+    value: _sidebar.GridSidebarValue.Pivot
+  } : {};
   return (0, _extends2.default)({}, state, {
     pivoting: {
       active: props.pivotActive ?? props.initialState?.pivoting?.enabled ?? false,
       model: props.pivotModel ?? props.initialState?.pivoting?.model ?? emptyPivotModel,
-      panelOpen: props.pivotPanelOpen ?? props.initialState?.pivoting?.panelOpen ?? false,
       initialColumns
-    }
+    },
+    sidebar: (0, _extends2.default)({}, state.sidebar, sidebarStateUpdate)
   });
 };
 exports.pivotingStateInitializer = pivotingStateInitializer;
@@ -258,11 +265,16 @@ const useGridPivoting = (apiRef, props, originalColumnsProp, originalRowsProp) =
     if (!isPivotingAvailable) {
       return;
     }
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      pivoting: (0, _extends2.default)({}, state.pivoting, {
-        panelOpen: typeof callback === 'function' ? callback(state.pivoting?.panelOpen) : callback
-      })
-    }));
+    const panelOpen = (0, _gridPivotingSelectors.gridPivotPanelOpenSelector)(apiRef);
+    const newPanelOpen = typeof callback === 'function' ? callback(panelOpen) : callback;
+    if (panelOpen === newPanelOpen) {
+      return;
+    }
+    if (newPanelOpen) {
+      apiRef.current.showSidebar(_sidebar.GridSidebarValue.Pivot);
+    } else {
+      apiRef.current.hideSidebar();
+    }
   }, [apiRef, isPivotingAvailable]);
   const addColumnMenuButton = React.useCallback(menuItems => {
     if (isPivotingAvailable) {
@@ -318,6 +330,13 @@ const useGridPivoting = (apiRef, props, originalColumnsProp, originalRowsProp) =
       });
     });
   }, [apiRef, computePivotingState, isPivotingAvailable, nonPivotDataRef]);
+  const addPivotingPanel = React.useCallback((initialValue, value) => {
+    if (isPivotingAvailable && value === _sidebar.GridSidebarValue.Pivot) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pivotPanel.GridPivotPanel, {});
+    }
+    return initialValue;
+  }, [isPivotingAvailable]);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'sidebar', addPivotingPanel);
   (0, _internals.useGridApiMethod)(apiRef, {
     setPivotModel,
     setPivotActive,

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

@@ -1,8 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridColDef, GridGroupingColDefOverride } from '@mui/x-data-grid-pro';
-import { GridColumnRawLookup } from '@mui/x-data-grid-pro/internals';
+import { GridColumnRawLookup, RowGroupingStrategy } from '@mui/x-data-grid-pro/internals';
 import { GridApiPremium } from "../../../models/gridApiPremium.js";
-import { RowGroupingStrategy } from "./gridRowGroupingUtils.js";
 interface CreateGroupingColDefMonoCriteriaParams {
   columnsLookup: GridColumnRawLookup;
   /**

package/hooks/features/rowGrouping/createGroupingColDef.js

@@ -73,7 +73,14 @@ const getLeafProperties = leafColDef => ({
     return groupingFieldIndexComparator(v1, v2, cellParams1, cellParams2);
   }
 });
-const groupedByColValueFormatter = groupedByColDef => (value, row, _, apiRef) => groupedByColDef.valueFormatter(value, row, groupedByColDef, apiRef);
+const groupedByColValueFormatter = groupedByColDef => (value, row, _, apiRef) => {
+  const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
+  const rowNode = (0, _xDataGridPro.gridRowNodeSelector)(apiRef, rowId);
+  if (rowNode.type === 'group' && rowNode.groupingField === groupedByColDef.field) {
+    return groupedByColDef.valueFormatter(value, row, groupedByColDef, apiRef);
+  }
+  return value;
+};
 const getGroupingCriteriaProperties = (groupedByColDef, applyHeaderName) => {
   const properties = {
     sortable: groupedByColDef.sortable,
@@ -103,7 +110,7 @@ const createGroupingColDefForOneGroupingCriteria = ({
   groupedByColDef,
   groupingCriteria,
   colDefOverride,
-  strategy = _gridRowGroupingUtils.RowGroupingStrategy.Default
+  strategy = _internals.RowGroupingStrategy.Default
 }) => {
   const _ref = colDefOverride ?? {},
     {
@@ -113,7 +120,7 @@ const createGroupingColDefForOneGroupingCriteria = ({
     } = _ref,
     colDefOverrideProperties = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const leafColDef = leafField ? columnsLookup[leafField] : null;
-  const CriteriaCell = strategy === _gridRowGroupingUtils.RowGroupingStrategy.Default ? _GridGroupingCriteriaCell.GridGroupingCriteriaCell : _GridDataSourceGroupingCriteriaCell.GridDataSourceGroupingCriteriaCell;
+  const CriteriaCell = strategy === _internals.RowGroupingStrategy.Default ? _GridGroupingCriteriaCell.GridGroupingCriteriaCell : _GridDataSourceGroupingCriteriaCell.GridDataSourceGroupingCriteriaCell;
 
   // The properties that do not depend on the presence of a `leafColDef` and that can be overridden by `colDefOverride`
   const commonProperties = {
@@ -198,7 +205,7 @@ const createGroupingColDefForAllGroupingCriteria = ({
   columnsLookup,
   rowGroupingModel,
   colDefOverride,
-  strategy = _gridRowGroupingUtils.RowGroupingStrategy.Default
+  strategy = _internals.RowGroupingStrategy.Default
 }) => {
   const _ref2 = colDefOverride ?? {},
     {
@@ -208,7 +215,7 @@ const createGroupingColDefForAllGroupingCriteria = ({
     } = _ref2,
     colDefOverrideProperties = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
   const leafColDef = leafField ? columnsLookup[leafField] : null;
-  const CriteriaCell = strategy === _gridRowGroupingUtils.RowGroupingStrategy.Default ? _GridGroupingCriteriaCell.GridGroupingCriteriaCell : _GridDataSourceGroupingCriteriaCell.GridDataSourceGroupingCriteriaCell;
+  const CriteriaCell = strategy === _internals.RowGroupingStrategy.Default ? _GridGroupingCriteriaCell.GridGroupingCriteriaCell : _GridDataSourceGroupingCriteriaCell.GridDataSourceGroupingCriteriaCell;
 
   // The properties that do not depend on the presence of a `leafColDef` and that can be overridden by `colDefOverride`
   const commonProperties = {
@@ -277,7 +284,7 @@ const createGroupingColDefForAllGroupingCriteria = ({
   // The properties that can't be overridden with `colDefOverride`
   const forcedProperties = (0, _extends2.default)({
     field: _gridRowGroupingUtils.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD
-  }, strategy === _gridRowGroupingUtils.RowGroupingStrategy.Default ? GROUPING_COL_DEF_FORCED_PROPERTIES_DEFAULT : GROUPING_COL_DEF_FORCED_PROPERTIES_DATA_SOURCE);
+  }, strategy === _internals.RowGroupingStrategy.Default ? GROUPING_COL_DEF_FORCED_PROPERTIES_DEFAULT : GROUPING_COL_DEF_FORCED_PROPERTIES_DATA_SOURCE);
   return (0, _extends2.default)({}, GROUPING_COL_DEF_DEFAULT_PROPERTIES, commonProperties, sourceProperties, colDefOverrideProperties, forcedProperties);
 };
 exports.createGroupingColDefForAllGroupingCriteria = createGroupingColDefForAllGroupingCriteria;

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

@@ -1,15 +1,11 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowTreeConfig, GridFilterState, GridFilterModel, GridRowModel, GridColDef, GridKeyValue, GridDataSource } from '@mui/x-data-grid-pro';
-import { GridAggregatedFilterItemApplier, GridColumnRawLookup, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingCriteriaFromGroupingField, isGroupingColumn } from '@mui/x-data-grid-pro/internals';
+import { GridAggregatedFilterItemApplier, GridColumnRawLookup, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingCriteriaFromGroupingField, isGroupingColumn, RowGroupingStrategy } from '@mui/x-data-grid-pro/internals';
 import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
 import { GridGroupingRule, GridGroupingRules, GridRowGroupingModel } from "./gridRowGroupingInterfaces.js";
 import { GridStatePremium } from "../../../models/gridStatePremium.js";
 import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingCriteriaFromGroupingField, isGroupingColumn };
-export declare enum RowGroupingStrategy {
-  Default = "grouping-columns",
-  DataSource = "grouping-columns-data-source",
-}
 export declare const getRowGroupingFieldFromGroupingCriteria: (groupingCriteria: string | null) => string;
 interface FilterRowTreeFromTreeDataParams {
   rowTree: GridRowTreeConfig;

package/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD", {
     return _internals.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD;
   }
 });
-exports.getGroupingRules = exports.getColDefOverrides = exports.getCellGroupingCriteria = exports.filterRowTreeFromGroupingColumns = exports.areGroupingRulesEqual = exports.RowGroupingStrategy = void 0;
+exports.getGroupingRules = exports.getColDefOverrides = exports.getCellGroupingCriteria = exports.filterRowTreeFromGroupingColumns = exports.areGroupingRulesEqual = void 0;
 Object.defineProperty(exports, "getRowGroupingCriteriaFromGroupingField", {
   enumerable: true,
   get: function () {
@@ -28,11 +28,6 @@ exports.setStrategyAvailability = exports.mergeStateWithRowGroupingModel = void
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _gridRowGroupingSelector = require("./gridRowGroupingSelector");
-let RowGroupingStrategy = exports.RowGroupingStrategy = /*#__PURE__*/function (RowGroupingStrategy) {
-  RowGroupingStrategy["Default"] = "grouping-columns";
-  RowGroupingStrategy["DataSource"] = "grouping-columns-data-source";
-  return RowGroupingStrategy;
-}({});
 const getRowGroupingFieldFromGroupingCriteria = groupingCriteria => {
   if (groupingCriteria === null) {
     return _internals.GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD;
@@ -132,7 +127,7 @@ exports.filterRowTreeFromGroupingColumns = filterRowTreeFromGroupingColumns;
 const getColDefOverrides = (groupingColDefProp, fields, strategy) => {
   if (typeof groupingColDefProp === 'function') {
     return groupingColDefProp({
-      groupingName: strategy ?? RowGroupingStrategy.Default,
+      groupingName: strategy ?? _internals.RowGroupingStrategy.Default,
       fields
     });
   }
@@ -146,7 +141,7 @@ const mergeStateWithRowGroupingModel = rowGroupingModel => state => (0, _extends
 });
 exports.mergeStateWithRowGroupingModel = mergeStateWithRowGroupingModel;
 const setStrategyAvailability = (privateApiRef, disableRowGrouping, dataSource) => {
-  const strategy = dataSource ? RowGroupingStrategy.DataSource : RowGroupingStrategy.Default;
+  const strategy = dataSource ? _internals.RowGroupingStrategy.DataSource : _internals.RowGroupingStrategy.Default;
   if (privateApiRef.current.getActiveStrategy(_internals.GridStrategyGroup.RowTree) === strategy) {
     // If the strategy is already active, we don't need to set it again
     return;

package/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js

@@ -45,7 +45,7 @@ const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
         nodes: params.updates.rows.map(getRowTreeBuilderNode),
         defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
         isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: _gridRowGroupingUtils.RowGroupingStrategy.DataSource
+        groupingName: _internals.RowGroupingStrategy.DataSource
       });
     }
     return (0, _internals.updateRowTree)({
@@ -59,7 +59,7 @@ const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
       previousTreeDepth: params.previousTreeDepths,
       defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
       isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-      groupingName: _gridRowGroupingUtils.RowGroupingStrategy.DataSource
+      groupingName: _internals.RowGroupingStrategy.DataSource
     });
   }, [apiRef, props.dataSource, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
   const filterRows = React.useCallback(() => {
@@ -70,9 +70,9 @@ const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
     const rowTree = (0, _xDataGridPro.gridRowTreeSelector)(apiRef);
     return (0, _internals.skipSorting)(rowTree);
   }, [apiRef]);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.DataSource, 'rowTreeCreation', createRowTreeForRowGrouping);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.DataSource, 'filtering', filterRows);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.DataSource, 'sorting', sortRows);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.DataSource, 'visibleRowsLookupCreation', _internals.getVisibleRowsLookup);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.DataSource, 'rowTreeCreation', createRowTreeForRowGrouping);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.DataSource, 'filtering', filterRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.DataSource, 'sorting', sortRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.DataSource, 'visibleRowsLookupCreation', _internals.getVisibleRowsLookup);
 };
 exports.useGridDataSourceRowGroupingPreProcessors = useGridDataSourceRowGroupingPreProcessors;

package/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -171,7 +171,7 @@ const useGridRowGrouping = (apiRef, props) => {
 
       // 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.getActiveStrategy(_internals.GridStrategyGroup.RowTree) === _gridRowGroupingUtils.RowGroupingStrategy.Default) {
+      if (apiRef.current.getActiveStrategy(_internals.GridStrategyGroup.RowTree) === _internals.RowGroupingStrategy.Default) {
         apiRef.current.publishEvent('activeStrategyProcessorChange', 'rowTreeCreation');
       }
     }

package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -17,7 +17,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
     if (props.disableRowGrouping) {
       return [];
     }
-    const strategy = props.dataSource ? _gridRowGroupingUtils.RowGroupingStrategy.DataSource : _gridRowGroupingUtils.RowGroupingStrategy.Default;
+    const strategy = props.dataSource ? _internals.RowGroupingStrategy.DataSource : _internals.RowGroupingStrategy.Default;
     const groupingColDefProp = props.groupingColDef;
 
     // We can't use `gridGroupingRowsSanitizedModelSelector` here because the new columns are not in the state yet
@@ -110,7 +110,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
         nodes: params.updates.rows.map(getRowTreeBuilderNode),
         defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
         isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: _gridRowGroupingUtils.RowGroupingStrategy.Default
+        groupingName: _internals.RowGroupingStrategy.Default
       });
     }
     return (0, _internals.updateRowTree)({
@@ -123,7 +123,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
       previousTreeDepth: params.previousTreeDepths,
       defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
       isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-      groupingName: _gridRowGroupingUtils.RowGroupingStrategy.Default
+      groupingName: _internals.RowGroupingStrategy.Default
     });
   }, [apiRef, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
   const filterRows = React.useCallback(params => {
@@ -145,10 +145,10 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
     });
   }, [apiRef]);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', updateGroupingColumn);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.Default, 'rowTreeCreation', createRowTreeForRowGrouping);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.Default, 'filtering', filterRows);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.Default, 'sorting', sortRows);
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.Default, 'visibleRowsLookupCreation', _internals.getVisibleRowsLookup);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.Default, 'rowTreeCreation', createRowTreeForRowGrouping);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.Default, 'filtering', filterRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.Default, 'sorting', sortRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _internals.RowGroupingStrategy.Default, 'visibleRowsLookupCreation', _internals.getVisibleRowsLookup);
   (0, _xDataGridPro.useFirstRender)(() => {
     (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping, props.dataSource);
   });

package/hooks/features/rows/useGridRowAriaAttributes.d.ts

@@ -1 +1 @@
-export declare const useGridRowAriaAttributes: () => (rowNode: import("@mui/x-data-grid").GridTreeNode, index: number) => React.HTMLAttributes<HTMLElement>;
+export declare const useGridRowAriaAttributesPremium: () => (rowNode: import("@mui/x-data-grid").GridTreeNode, index: number) => React.HTMLAttributes<HTMLElement>;

package/hooks/features/rows/useGridRowAriaAttributes.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridRowAriaAttributes = void 0;
+exports.useGridRowAriaAttributesPremium = void 0;
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
 var _gridRowGroupingSelector = require("../rowGrouping/gridRowGroupingSelector");
-const useGridRowAriaAttributes = () => {
+const useGridRowAriaAttributesPremium = () => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const gridRowGroupingModel = (0, _internals.useGridSelector)(apiRef, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector);
-  return (0, _internals.useGridRowAriaAttributes)(gridRowGroupingModel.length > 0);
+  return (0, _internals.useGridRowAriaAttributesPro)(gridRowGroupingModel.length > 0);
 };
-exports.useGridRowAriaAttributes = useGridRowAriaAttributes;
+exports.useGridRowAriaAttributesPremium = useGridRowAriaAttributesPremium;

package/hooks/features/sidebar/gridSidebarInterfaces.d.ts

@@ -0,0 +1,16 @@
+export declare enum GridSidebarValue {
+  Pivot = "pivot",
+}
+export interface GridSidebarApi {
+  /**
+   * Displays the sidebar. The `newValue` argument controls the content of the sidebar.
+   * @param {GridSidebarValue} newValue The sidebar to open.
+   * @param {string} sidebarId The unique sidebar id
+   * @param {string} labelId The unique button id
+   */
+  showSidebar: (newValue: GridSidebarValue, sidebarId?: string, labelId?: string) => void;
+  /**
+   * Hides the sidebar.
+   */
+  hideSidebar: () => void;
+}

package/hooks/features/sidebar/gridSidebarInterfaces.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridSidebarValue = void 0;
+let GridSidebarValue = exports.GridSidebarValue = /*#__PURE__*/function (GridSidebarValue) {
+  GridSidebarValue["Pivot"] = "pivot";
+  return GridSidebarValue;
+}({});

package/hooks/features/sidebar/gridSidebarSelector.d.ts

@@ -0,0 +1,12 @@
+import { GridStatePremium } from "../../../models/gridStatePremium.js";
+export declare const gridSidebarStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, unknown, import("./gridSidebarState.js").GridSidebarState>;
+export declare const gridSidebarOpenSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => boolean;
+export declare const gridSidebarContentSelector: (args_0: import("react").RefObject<{
+  state: GridStatePremium;
+} | null>) => {
+  sidebarId: string | undefined;
+  labelId: string | undefined;
+  value: import("./gridSidebarInterfaces.js").GridSidebarValue | undefined;
+};

package/hooks/features/sidebar/gridSidebarSelector.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridSidebarStateSelector = exports.gridSidebarOpenSelector = exports.gridSidebarContentSelector = void 0;
+var _internals = require("@mui/x-data-grid-pro/internals");
+const gridSidebarStateSelector = exports.gridSidebarStateSelector = (0, _internals.createRootSelector)(state => state.sidebar);
+const gridSidebarOpenSelector = exports.gridSidebarOpenSelector = (0, _internals.createSelector)(gridSidebarStateSelector, state => state.open);
+const gridSidebarContentSelector = exports.gridSidebarContentSelector = (0, _internals.createSelector)(gridSidebarStateSelector, ({
+  sidebarId,
+  labelId,
+  value
+}) => ({
+  sidebarId,
+  labelId,
+  value
+}));

package/hooks/features/sidebar/gridSidebarState.d.ts

@@ -0,0 +1,8 @@
+import { GridSidebarValue } from "./gridSidebarInterfaces.js";
+export interface GridSidebarState {
+  open: boolean;
+  sidebarId?: string;
+  labelId?: string;
+  value?: GridSidebarValue;
+}
+export type GridSidebarInitialState = GridSidebarState;