@mui/x-data-grid-premium 8.27.0 → 8.27.2

package/components/pivotPanel/GridPivotPanelBody.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridPivotPanelBody = GridPivotPanelBody;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _internals = require("@mui/x-data-grid-pro/internals");
@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const GridPivotPanelBodyRoot = (0, _system.styled)('div', {
+const GridPivotPanelBodyRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelBody'
 })({
@@ -45,7 +45,7 @@ const GridPivotPanelBodyRoot = (0, _system.styled)('div', {
   flexDirection: 'column',
   overflow: 'hidden'
 });
-const GridPivotPanelAvailableFields = (0, _system.styled)(_xDataGridPro.GridShadowScrollArea, {
+const GridPivotPanelAvailableFields = (0, _styles.styled)(_xDataGridPro.GridShadowScrollArea, {
   name: 'MuiDataGrid',
   slot: 'PivotPanelAvailableFields'
 })({
@@ -59,7 +59,7 @@ const GridPivotPanelAvailableFields = (0, _system.styled)(_xDataGridPro.GridShad
     backgroundColor: _internals.vars.colors.interactive.hover
   }
 });
-const GridPivotPanelSections = (0, _system.styled)(_resizablePanel.ResizablePanel, {
+const GridPivotPanelSections = (0, _styles.styled)(_resizablePanel.ResizablePanel, {
   name: 'MuiDataGrid',
   slot: 'PivotPanelSections'
 })({
@@ -69,13 +69,13 @@ const GridPivotPanelSections = (0, _system.styled)(_resizablePanel.ResizablePane
   display: 'flex',
   flexDirection: 'column'
 });
-const GridPivotPanelScrollArea = (0, _system.styled)(_xDataGridPro.GridShadowScrollArea, {
+const GridPivotPanelScrollArea = (0, _styles.styled)(_xDataGridPro.GridShadowScrollArea, {
   name: 'MuiDataGrid',
   slot: 'PivotPanelScrollArea'
 })({
   height: '100%'
 });
-const GridPivotPanelSection = (0, _system.styled)(_collapsible.Collapsible, {
+const GridPivotPanelSection = (0, _styles.styled)(_collapsible.Collapsible, {
   name: 'MuiDataGrid',
   slot: 'PivotPanelSection'
 })({
@@ -89,7 +89,7 @@ const GridPivotPanelSection = (0, _system.styled)(_collapsible.Collapsible, {
     outline: `2px solid ${_internals.vars.colors.interactive.selected}`
   }
 });
-const GridPivotPanelSectionTitle = (0, _system.styled)('div', {
+const GridPivotPanelSectionTitle = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelSectionTitle'
 })({
@@ -102,7 +102,7 @@ const GridPivotPanelSectionTitle = (0, _system.styled)('div', {
   font: _internals.vars.typography.font.body,
   fontWeight: _internals.vars.typography.fontWeight.medium
 });
-const GridPivotPanelFieldList = (0, _system.styled)('div', {
+const GridPivotPanelFieldList = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelFieldList'
 })({
@@ -111,7 +111,7 @@ const GridPivotPanelFieldList = (0, _system.styled)('div', {
   flexDirection: 'column',
   padding: _internals.vars.spacing(0.5, 0)
 });
-const GridPivotPanelPlaceholder = (0, _system.styled)('div', {
+const GridPivotPanelPlaceholder = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelPlaceholder'
 })({

package/components/pivotPanel/GridPivotPanelField.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridPivotPanelField = GridPivotPanelField;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _internals = require("@mui/x-data-grid-pro/internals");
@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const GridPivotPanelFieldRoot = (0, _system.styled)('div', {
+const GridPivotPanelFieldRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelField',
   overridesResolver: (props, styles) => [{
@@ -85,7 +85,7 @@ const GridPivotPanelFieldRoot = (0, _system.styled)('div', {
     backgroundColor: _internals.vars.colors.interactive.hover
   }
 });
-const GridPivotPanelFieldName = (0, _system.styled)('span', {
+const GridPivotPanelFieldName = (0, _styles.styled)('span', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelFieldName'
 })({
@@ -94,14 +94,14 @@ const GridPivotPanelFieldName = (0, _system.styled)('span', {
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
-const GridPivotPanelFieldActionContainer = (0, _system.styled)('div', {
+const GridPivotPanelFieldActionContainer = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelFieldActionContainer'
 })({
   display: 'flex',
   alignItems: 'center'
 });
-const GridPivotPanelFieldDragIcon = (0, _system.styled)('div', {
+const GridPivotPanelFieldDragIcon = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelFieldDragIcon'
 })({
@@ -116,7 +116,7 @@ const GridPivotPanelFieldDragIcon = (0, _system.styled)('div', {
     opacity: 0.3
   }
 });
-const GridPivotPanelFieldCheckbox = (0, _system.styled)(_internals.NotRendered, {
+const GridPivotPanelFieldCheckbox = (0, _styles.styled)(_internals.NotRendered, {
   name: 'MuiDataGrid',
   slot: 'PivotPanelFieldCheckbox'
 })({

package/components/pivotPanel/GridPivotPanelHeader.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridPivotPanelHeader = GridPivotPanelHeader;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const GridPivotPanelHeaderRoot = (0, _system.styled)('div', {
+const GridPivotPanelHeaderRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelHeader'
 })({
@@ -40,13 +40,13 @@ const GridPivotPanelHeaderRoot = (0, _system.styled)('div', {
   boxSizing: 'border-box',
   height: 52
 });
-const GridPivotPanelSwitch = (0, _system.styled)(_internals.NotRendered, {
+const GridPivotPanelSwitch = (0, _styles.styled)(_internals.NotRendered, {
   name: 'MuiDataGrid',
   slot: 'PivotPanelSwitch'
 })({
   marginRight: 'auto'
 });
-const GridPivotPanelSwitchLabel = (0, _system.styled)('span', {
+const GridPivotPanelSwitchLabel = (0, _styles.styled)('span', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelSwitchLabel'
 })({

package/components/pivotPanel/GridPivotPanelSearch.js

@@ -9,7 +9,7 @@ exports.GridPivotPanelSearch = GridPivotPanelSearch;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const GridPivotPanelSearchContainer = (0, _system.styled)('div', {
+const GridPivotPanelSearchContainer = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PivotPanelSearchContainer'
 })({

package/components/resizablePanel/ResizablePanel.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _ResizablePanelContext = require("./ResizablePanelContext");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const ResizablePanelRoot = (0, _system.styled)('div', {
+const ResizablePanelRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'ResizablePanel'
 })({

package/components/resizablePanel/ResizablePanelHandle.js

@@ -10,7 +10,7 @@ exports.ResizablePanelHandle = ResizablePanelHandle;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const ResizablePanelHandleRoot = (0, _system.styled)('div', {
+const ResizablePanelHandleRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'ResizablePanelHandle',
   overridesResolver: (props, styles) => [{

package/components/sidebar/Sidebar.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const SidebarRoot = (0, _system.styled)(_resizablePanel.ResizablePanel, {
+const SidebarRoot = (0, _styles.styled)(_resizablePanel.ResizablePanel, {
   name: 'MuiDataGrid',
   slot: 'Sidebar'
 })({

package/components/sidebar/SidebarHeader.js

@@ -9,7 +9,7 @@ exports.SidebarHeader = SidebarHeader;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
-const SidebarHeaderRoot = (0, _system.styled)('div', {
+const SidebarHeaderRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'SidebarHeader'
 })({

package/esm/DataGridPremium/DataGridPremium.js

@@ -43,7 +43,7 @@ const configuration = {
     useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc2OTk5MDQwMDAwMA==";
+const releaseInfo = "MTc3MTU0NTYwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo

package/esm/components/GridBottomContainer.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["children"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridClasses, getDataGridUtilityClass, useGridSelector, gridRowsLoadingSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
 import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";

package/esm/components/GridPremiumColumnMenu.d.ts

@@ -1,4 +1,5 @@
-import { type GridColumnMenuProps, type GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
+import { type GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
+import type { GridColumnMenuComponent } from '@mui/x-data-grid-pro/internals';
 import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.js";
 import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.js";
 export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
@@ -34,4 +35,4 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
     displayOrder: number;
   };
 };
-export declare const GridPremiumColumnMenu: import("react").ForwardRefExoticComponent<GridColumnMenuProps> | import("react").ForwardRefExoticComponent<GridColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const GridPremiumColumnMenu: GridColumnMenuComponent;

package/esm/components/GridPremiumColumnMenu.js

@@ -41,4 +41,6 @@ export const GridPremiumColumnMenu = forwardRef(function GridPremiumColumnMenuSi
     ref: ref
   }));
 });
-if (process.env.NODE_ENV !== "production") GridPremiumColumnMenu.displayName = "GridPremiumColumnMenu";
+if (process.env.NODE_ENV !== "production") GridPremiumColumnMenu.displayName = "GridPremiumColumnMenu";
+GridPremiumColumnMenu.defaultSlots = GRID_COLUMN_MENU_SLOTS_PREMIUM;
+GridPremiumColumnMenu.defaultSlotProps = GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM;

package/esm/components/aiAssistantPanel/GridAiAssistantPanel.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridAiAssistantActiveConversationSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/aiAssistantPanel/GridAiAssistantPanelConversation.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getDataGridUtilityClass, GridShadowScrollArea } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { GridPrompt } from "../prompt/index.js";

package/esm/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.js

@@ -1,6 +1,6 @@
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/chartsPanel/GridChartsPanel.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import useId from '@mui/utils/useId';
 import { useGridSelector, vars } from '@mui/x-data-grid-pro/internals';
 import { GridMenu, GridOverlay } from '@mui/x-data-grid-pro';

package/esm/components/chartsPanel/chart/GridChartsPanelChart.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/chartsPanel/customize/GridChartsPanelCustomize.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import { GridOverlay, GridShadowScrollArea } from '@mui/x-data-grid-pro';
 import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.js";

package/esm/components/chartsPanel/data/GridChartsPanelDataBody.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { gridPivotActiveSelector, vars } from '@mui/x-data-grid-pro/internals';
 import { getDataGridUtilityClass, GridShadowScrollArea, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/chartsPanel/data/GridChartsPanelDataField.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useId from '@mui/utils/useId';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, GridMenu, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridPivotActiveSelector, NotRendered, vars } from '@mui/x-data-grid-pro/internals';

package/esm/components/chartsPanel/data/GridChartsPanelDataSearch.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.js";

package/esm/components/collapsible/Collapsible.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "children", "initiallyOpen"];
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';

package/esm/components/collapsible/CollapsiblePanel.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["aria-label", "children", "className"];
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/collapsible/CollapsibleTrigger.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className"];
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';

package/esm/components/pivotPanel/GridPivotPanelBody.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { GridShadowScrollArea, getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { vars } from '@mui/x-data-grid-pro/internals';

package/esm/components/pivotPanel/GridPivotPanelField.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, GridMenu, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { GridColumnSortButton, NotRendered, vars } from '@mui/x-data-grid-pro/internals';

package/esm/components/pivotPanel/GridPivotPanelHeader.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { useGridSelector, getDataGridUtilityClass, gridRowCountSelector } from '@mui/x-data-grid-pro';
 import { vars, NotRendered } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/pivotPanel/GridPivotPanelSearch.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/resizablePanel/ResizablePanel.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["className", "children", "direction"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { ResizablePanelContext } from "./ResizablePanelContext.js";

package/esm/components/resizablePanel/ResizablePanelHandle.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "children"];
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid-pro';

package/esm/components/sidebar/Sidebar.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["className", "children"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/sidebar/SidebarHeader.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "children"];
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/hooks/features/aggregation/useGridAggregation.js

@@ -55,7 +55,7 @@ export const useGridAggregation = (apiRef, props) => {
     const visibleAggregatedFields = visibleColumns.slice(renderContext.firstColumnIndex, renderContext.lastColumnIndex + 1).filter(field => aggregatedFields.includes(field));
     const visibleAggregatedFieldsWithSort = [...visibleAggregatedFields, ...sortedAggregatedFields.filter(field => !visibleAggregatedFields.includes(field))];
     const hasAggregatedSortedField = gridRowMaximumTreeDepthSelector(apiRef) > 1 && sortedAggregatedFields.length > 0;
-    if (visibleAggregatedFields.length > 0) {
+    if (visibleAggregatedFieldsWithSort.length > 0) {
       chunks.push(visibleAggregatedFieldsWithSort);
     }
     const otherAggregatedFields = aggregatedFields.filter(field => !visibleAggregatedFieldsWithSort.includes(field));

package/esm/index.js

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

package/hooks/features/aggregation/useGridAggregation.js

@@ -63,7 +63,7 @@ const useGridAggregation = (apiRef, props) => {
     const visibleAggregatedFields = visibleColumns.slice(renderContext.firstColumnIndex, renderContext.lastColumnIndex + 1).filter(field => aggregatedFields.includes(field));
     const visibleAggregatedFieldsWithSort = [...visibleAggregatedFields, ...sortedAggregatedFields.filter(field => !visibleAggregatedFields.includes(field))];
     const hasAggregatedSortedField = (0, _xDataGridPro.gridRowMaximumTreeDepthSelector)(apiRef) > 1 && sortedAggregatedFields.length > 0;
-    if (visibleAggregatedFields.length > 0) {
+    if (visibleAggregatedFieldsWithSort.length > 0) {
       chunks.push(visibleAggregatedFieldsWithSort);
     }
     const otherAggregatedFields = aggregatedFields.filter(field => !visibleAggregatedFieldsWithSort.includes(field));

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.27.0",
+  "version": "8.27.2",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -38,10 +38,10 @@
     "@mui/x-internal-exceljs-fork": "4.4.3",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.27.0",
-    "@mui/x-data-grid-pro": "8.27.0",
-    "@mui/x-internals": "8.26.0",
-    "@mui/x-license": "8.26.0"
+    "@mui/x-data-grid": "8.27.1",
+    "@mui/x-data-grid-pro": "8.27.2",
+    "@mui/x-license": "8.26.0",
+    "@mui/x-internals": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",