@mui/x-data-grid-premium 8.9.1 → 8.10.0

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;

package/hooks/features/sidebar/gridSidebarState.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,3 @@
+export * from "./gridSidebarInterfaces.js";
+export * from "./gridSidebarSelector.js";
+export * from "./gridSidebarState.js";

package/hooks/features/sidebar/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _gridSidebarInterfaces = require("./gridSidebarInterfaces");
+Object.keys(_gridSidebarInterfaces).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridSidebarInterfaces[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridSidebarInterfaces[key];
+    }
+  });
+});
+var _gridSidebarSelector = require("./gridSidebarSelector");
+Object.keys(_gridSidebarSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridSidebarSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridSidebarSelector[key];
+    }
+  });
+});
+var _gridSidebarState = require("./gridSidebarState");
+Object.keys(_gridSidebarState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridSidebarState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridSidebarState[key];
+    }
+  });
+});

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

@@ -0,0 +1,6 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
+export declare const sidebarStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'initialState'>>;
+export declare const useGridSidebar: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "initialState" | "onSidebarClose" | "onSidebarOpen">) => void;

package/hooks/features/sidebar/useGridSidebar.js

@@ -0,0 +1,82 @@
+"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.useGridSidebar = exports.sidebarStateInitializer = 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 _gridSidebarSelector = require("./gridSidebarSelector");
+const sidebarStateInitializer = (state, props) => (0, _extends2.default)({}, state, {
+  sidebar: props.initialState?.sidebar ?? {
+    open: false
+  }
+});
+exports.sidebarStateInitializer = sidebarStateInitializer;
+const useGridSidebar = (apiRef, props) => {
+  const hideSidebar = React.useCallback(() => {
+    apiRef.current.setState(state => {
+      if (!state.sidebar.open || !state.sidebar.value) {
+        return state;
+      }
+      apiRef.current.publishEvent('sidebarClose', {
+        value: state.sidebar.value
+      });
+      return (0, _extends2.default)({}, state, {
+        sidebar: {
+          open: false
+        }
+      });
+    });
+  }, [apiRef]);
+  const showSidebar = React.useCallback((newValue, sidebarId, labelId) => {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      sidebar: (0, _extends2.default)({}, state.sidebar, {
+        open: true,
+        value: newValue,
+        sidebarId,
+        labelId
+      })
+    }));
+    apiRef.current.publishEvent('sidebarOpen', {
+      value: newValue
+    });
+  }, [apiRef]);
+  (0, _internals.useGridApiMethod)(apiRef, {
+    showSidebar,
+    hideSidebar
+  }, 'public');
+  const stateExportPreProcessing = React.useCallback((prevState, context) => {
+    const sidebarToExport = (0, _gridSidebarSelector.gridSidebarStateSelector)(apiRef);
+    const shouldExportSidebar =
+    // Always export if the `exportOnlyDirtyModels` property is not activated
+    !context.exportOnlyDirtyModels ||
+    // Always export if the sidebar was initialized
+    props.initialState?.sidebar != null ||
+    // Always export if the sidebar is opened
+    sidebarToExport.open;
+    if (!shouldExportSidebar) {
+      return prevState;
+    }
+    return (0, _extends2.default)({}, prevState, {
+      sidebar: sidebarToExport
+    });
+  }, [apiRef, props.initialState?.sidebar]);
+  const stateRestorePreProcessing = React.useCallback((params, context) => {
+    const sidebar = context.stateToRestore.sidebar;
+    if (sidebar != null) {
+      apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+        sidebar
+      }));
+    }
+    return params;
+  }, [apiRef]);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'exportState', stateExportPreProcessing);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
+  (0, _internals.useGridEventPriority)(apiRef, 'sidebarClose', props.onSidebarClose);
+  (0, _internals.useGridEventPriority)(apiRef, 'sidebarOpen', props.onSidebarOpen);
+};
+exports.useGridSidebar = useGridSidebar;

package/hooks/utils/useGridAriaAttributes.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
+export declare const useGridAriaAttributesPremium: () => React.HTMLAttributes<HTMLElement>;

package/hooks/utils/useGridAriaAttributes.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridAriaAttributes = void 0;
+exports.useGridAriaAttributesPremium = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _gridRowGroupingSelector = require("../features/rowGrouping/gridRowGroupingSelector");
 var _useGridPrivateApiContext = require("./useGridPrivateApiContext");
-const useGridAriaAttributes = () => {
-  const ariaAttributesPro = (0, _internals.useGridAriaAttributes)();
+const useGridAriaAttributesPremium = () => {
+  const ariaAttributesPro = (0, _internals.useGridAriaAttributesPro)();
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const gridRowGroupingModel = (0, _internals.useGridSelector)(apiRef, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector);
   const ariaAttributesPremium = gridRowGroupingModel.length > 0 ? {
@@ -18,4 +18,4 @@ const useGridAriaAttributes = () => {
   } : {};
   return (0, _extends2.default)({}, ariaAttributesPro, ariaAttributesPremium);
 };
-exports.useGridAriaAttributes = useGridAriaAttributes;
+exports.useGridAriaAttributesPremium = useGridAriaAttributesPremium;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.9.1
+ * @mui/x-data-grid-premium v8.10.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/models/dataGridPremiumProps.d.ts

@@ -205,11 +205,13 @@ export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowM
   /**
    * If `true`, the pivot side panel is visible.
    * @default false
+   * @deprecated Use `initialState.sidebar.open` instead.
    */
   pivotPanelOpen?: boolean;
   /**
    * Callback fired when the pivot side panel open state changes.
    * @param {boolean} pivotPanelOpen Whether the pivot side panel is visible.
+   * @deprecated Use the `sidebarOpen` and `sidebarClose` events or corresponding event handlers `onSidebarOpen()` and `onSidebarClose()` instead.
    */
   onPivotPanelOpenChange?: (pivotPanelOpen: boolean) => void;
   /**
@@ -254,4 +256,18 @@ export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowM
    * @returns {Promise<PromptResponse>} The prompt response.
    */
   onPrompt?: (prompt: string, promptContext: string, conversationId?: string) => Promise<PromptResponse>;
+  /**
+   * Callback fired when the sidebar is closed.
+   * @param {GridSidebarParams} params With all properties from [[GridSidebarParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onSidebarClose?: GridEventListener<'sidebarClose'>;
+  /**
+   * Callback fired when the sidebar is opened.
+   * @param {GridSidebarParams} params With all properties from [[GridSidebarParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onSidebarOpen?: GridEventListener<'sidebarOpen'>;
 }

package/models/gridApiPremium.d.ts

@@ -1,5 +1,6 @@
 import { GridPrivateOnlyApiCommon } from '@mui/x-data-grid/internals';
 import { GridApiCommon, GridColumnPinningApi, GridDetailPanelApi, GridDetailPanelPrivateApi, GridRowPinningApi, GridRowMultiSelectionApi, GridColumnReorderApi, GridRowProApi } from '@mui/x-data-grid-pro';
+import { GridRowReorderPrivateApi } from '@mui/x-data-grid-pro/internals';
 import { GridInitialStatePremium, GridStatePremium } from "./gridStatePremium.js";
 import type { GridRowGroupingApi, GridExcelExportApi, GridAggregationApi } from "../hooks/index.js";
 import { GridCellSelectionApi } from "../hooks/features/cellSelection/gridCellSelectionInterfaces.js";
@@ -8,9 +9,10 @@ import type { GridDataSourcePremiumPrivateApi, GridDataSourceApiPremium } from "
 import type { GridAggregationPrivateApi } from "../hooks/features/aggregation/gridAggregationInterfaces.js";
 import type { GridPivotingApi, GridPivotingPrivateApi } from "../hooks/features/pivoting/gridPivotingInterfaces.js";
 import { GridAiAssistantApi } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
+import { GridSidebarApi } from "../hooks/features/sidebar/gridSidebarInterfaces.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, GridPivotingApi, GridAiAssistantApi, GridRowMultiSelectionApi, GridColumnReorderApi {}
-export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDataSourcePremiumPrivateApi, GridAggregationPrivateApi, GridDetailPanelPrivateApi, GridPivotingPrivateApi {}
+export interface GridApiPremium extends GridApiCommon<GridStatePremium, GridInitialStatePremium>, GridRowProApi, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi, GridDataSourceApiPremium, GridCellSelectionApi, GridPivotingApi, GridAiAssistantApi, GridSidebarApi, GridRowMultiSelectionApi, GridColumnReorderApi {}
+export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDataSourcePremiumPrivateApi, GridAggregationPrivateApi, GridDetailPanelPrivateApi, GridRowReorderPrivateApi, GridPivotingPrivateApi {}

package/models/gridStatePremium.d.ts

@@ -2,6 +2,7 @@ import { GridInitialState as GridInitialStatePro, GridState as GridStatePro } fr
 import type { GridRowGroupingState, GridRowGroupingInitialState, GridAggregationState, GridAggregationInitialState, GridCellSelectionModel } from "../hooks/index.js";
 import type { GridPivotingInitialState, GridPivotingState } from "../hooks/features/pivoting/gridPivotingInterfaces.js";
 import { GridAiAssistantInitialState, GridAiAssistantState } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
+import { GridSidebarInitialState, GridSidebarState } from "../hooks/features/sidebar/gridSidebarState.js";
 /**
  * The state of Data Grid Premium.
  */
@@ -11,6 +12,7 @@ export interface GridStatePremium extends GridStatePro {
   cellSelection: GridCellSelectionModel;
   pivoting: GridPivotingState;
   aiAssistant: GridAiAssistantState;
+  sidebar: GridSidebarState;
 }
 /**
  * The initial state of Data Grid Premium.
@@ -21,4 +23,5 @@ export interface GridInitialStatePremium extends GridInitialStatePro {
   cellSelection?: GridCellSelectionModel;
   pivoting?: GridPivotingInitialState;
   aiAssistant?: GridAiAssistantInitialState;
+  sidebar?: GridSidebarInitialState;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.9.1",
+  "version": "8.10.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "main": "./index.js",
@@ -13,8 +13,7 @@
     "**/*.css"
   ],
   "publishConfig": {
-    "access": "public",
-    "directory": "build"
+    "access": "public"
   },
   "keywords": [
     "react",
@@ -35,16 +34,16 @@
     "directory": "packages/x-data-grid-premium"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.6",
+    "@babel/runtime": "^7.28.2",
     "@mui/utils": "^7.2.0",
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.9.1",
-    "@mui/x-data-grid-pro": "8.9.1",
-    "@mui/x-license": "8.9.0",
-    "@mui/x-internals": "8.8.0"
+    "@mui/x-data-grid": "8.10.0",
+    "@mui/x-data-grid-pro": "8.10.0",
+    "@mui/x-license": "8.10.0",
+    "@mui/x-internals": "8.10.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -66,7 +65,6 @@
     "node": ">=14.0.0"
   },
   "private": false,
-  "module": "./esm/index.js",
   "exports": {
     "./package.json": "./package.json",
     ".": {