@mui/x-data-grid 8.26.0 → 8.27.1

package/components/panel/GridColumnsPanel.d.ts

@@ -1,4 +1,4 @@
-import { GridPanelWrapperProps } from "./GridPanelWrapper.js";
+import { type GridPanelWrapperProps } from "./GridPanelWrapper.js";
 export interface GridColumnsPanelProps extends GridPanelWrapperProps {}
 declare function GridColumnsPanel(props: GridColumnsPanelProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnsPanel };

package/components/panel/GridPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
 export interface GridPanelClasses {
   /** Styles applied to the root element. */
   panel: string;

package/components/panel/GridPanelContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 declare function GridPanelContent(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelFooter.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
+import { type SxProps, type Theme } from '@mui/material/styles';
 declare function GridPanelFooter(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 declare function GridPanelHeader(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelWrapper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
-import { MUIStyledCommonProps } from '@mui/system';
+import { type Theme } from '@mui/material/styles';
+import type { MUIStyledCommonProps } from '@mui/system';
 export interface GridPanelWrapperProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>, MUIStyledCommonProps<Theme> {}
 declare const GridPanelWrapper: React.ForwardRefExoticComponent<GridPanelWrapperProps> | React.ForwardRefExoticComponent<GridPanelWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export { GridPanelWrapper };

package/components/panel/filterPanel/GridFilterForm.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridFilterItem, GridLogicOperator } from "../../../models/gridFilterItem.js";
-import { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import { type GridFilterItem, GridLogicOperator } from "../../../models/gridFilterItem.js";
+import type { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
 export interface FilterColumnsArgs {
   field: GridColDef['field'];
   columns: GridStateColDef[];

package/components/panel/filterPanel/GridFilterInputBoolean.d.ts

@@ -1,5 +1,5 @@
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { TextFieldProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputBooleanProps = GridFilterInputValueProps<TextFieldProps>;
 declare function GridFilterInputBoolean(props: GridFilterInputBooleanProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridFilterInputBoolean {

package/components/panel/filterPanel/GridFilterInputDate.d.ts

@@ -1,5 +1,5 @@
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { TextFieldProps } from "../../../models/gridBaseSlots.js";
 export type GridFilterInputDateProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'date' | 'datetime-local';
 };

package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { AutocompleteProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 import type { ValueOptions } from "../../../models/colDef/gridColDef.js";
 export type GridFilterInputMultipleSingleSelectProps = GridFilterInputValueProps<Omit<AutocompleteProps<ValueOptions, true, false, true>, 'options'>> & {
   type?: 'singleSelect';

package/components/panel/filterPanel/GridFilterInputMultipleValue.d.ts

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { AutocompleteProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputMultipleValueProps = GridFilterInputValueProps<Omit<AutocompleteProps<string, true, false, true>, 'options'>> & {
   type?: 'text' | 'number' | 'date' | 'datetime-local';
 };

package/components/panel/filterPanel/GridFilterInputSingleSelect.d.ts

@@ -1,5 +1,5 @@
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { TextFieldProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputSingleSelectProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'singleSelect';
 };

package/components/panel/filterPanel/GridFilterInputValue.d.ts

@@ -1,6 +1,6 @@
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterItem } from "../../../models/gridFilterItem.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { TextFieldProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterItem } from "../../../models/gridFilterItem.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridTypeFilterInputValueProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'text' | 'number' | 'date' | 'datetime-local';
 };

package/components/panel/filterPanel/GridFilterPanel.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { GridFilterItem } from "../../../models/gridFilterItem.js";
-import { GridFilterFormProps } from "./GridFilterForm.js";
-import { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import type { SxProps, Theme } from '@mui/material/styles';
+import { type GridFilterItem } from "../../../models/gridFilterItem.js";
+import { type GridFilterFormProps } from "./GridFilterForm.js";
+import type { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
 export interface GetColumnForNewFilterArgs {
   currentFilters: GridFilterItem[];
   columns: GridStateColDef[];

package/components/quickFilter/QuickFilter.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type QuickFilterState } from "./QuickFilterContext.js";
 import type { GridFilterModel } from "../../models/index.js";
 export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> & {
   /**

package/components/quickFilter/QuickFilterClear.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterClearProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/quickFilter/QuickFilterControl.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/toolbar/GridToolbar.d.ts

@@ -1,6 +1,6 @@
-import { GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
-import { GridToolbarExportProps } from "./GridToolbarExport.js";
-import { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
+import { type GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
+import { type GridToolbarExportProps } from "./GridToolbarExport.js";
+import { type GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
 export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbarExportProps {
   /**
    * Show the history controls (undo/redo buttons).

package/components/toolbar/GridToolbarExport.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
-import { GridCsvExportOptions, GridPrintExportOptions } from "../../models/gridExport.js";
+import type { GridCsvExportOptions, GridPrintExportOptions } from "../../models/gridExport.js";
 export interface GridExportDisplayOptions {
   /**
    * If `true`, this export option will be removed from the GridToolbarExport menu.

package/components/toolbar/GridToolbarQuickFilter.d.ts

@@ -1,5 +1,5 @@
-import { TextFieldProps } from "../../models/gridBaseSlots.js";
-import { GridFilterModel } from "../../models/gridFilterModel.js";
+import type { TextFieldProps } from "../../models/gridBaseSlots.js";
+import type { GridFilterModel } from "../../models/gridFilterModel.js";
 export type GridToolbarQuickFilterProps = {
   className?: string;
   /**

package/components/toolbar/GridToolbarQuickFilter.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _constants = require("../../constants");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
@@ -31,14 +31,14 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _constants.getDataGridUtilityClass, classes);
 };
-const GridQuickFilterRoot = (0, _system.styled)('div', {
+const GridQuickFilterRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'ToolbarQuickFilter'
 })({
   display: 'grid',
   alignItems: 'center'
 });
-const GridQuickFilterTrigger = (0, _system.styled)(_toolbarV.ToolbarButton, {
+const GridQuickFilterTrigger = (0, _styles.styled)(_toolbarV.ToolbarButton, {
   name: 'MuiDataGrid',
   slot: 'ToolbarQuickFilterTrigger'
 })(({
@@ -55,7 +55,7 @@ const GridQuickFilterTrigger = (0, _system.styled)(_toolbarV.ToolbarButton, {
 
 // TODO: Use NotRendered from /utils/assert
 // Currently causes react-docgen to fail
-const GridQuickFilterTextField = (0, _system.styled)(_props => {
+const GridQuickFilterTextField = (0, _styles.styled)(_props => {
   throw new Error('Failed assertion: should not be rendered');
 }, {
   name: 'MuiDataGrid',

package/components/toolbarV8/GridToolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridToolbarInternalProps {
   mainControls?: React.ReactNode;
   additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;

package/components/toolbarV8/GridToolbar.js

@@ -14,7 +14,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _GridMenu = require("../menu/GridMenu");
 var _Toolbar = require("./Toolbar");
@@ -42,14 +42,14 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, classes);
 };
-const Divider = (0, _system.styled)(_assert.NotRendered, {
+const Divider = (0, _styles.styled)(_assert.NotRendered, {
   name: 'MuiDataGrid',
   slot: 'ToolbarDivider'
 })({
   height: '50%',
   margin: _cssVariables.vars.spacing(0, 0.5)
 });
-const Label = (0, _system.styled)('span', {
+const Label = (0, _styles.styled)('span', {
   name: 'MuiDataGrid',
   slot: 'ToolbarLabel'
 })({

package/components/toolbarV8/Toolbar.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.
    */
   render?: RenderProp<React.ComponentProps<typeof ToolbarRoot>>;
 };
-declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * The top level Toolbar component that provides context to child components.
  * It renders a styled `<div />` element.

package/components/toolbarV8/Toolbar.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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, classes);
 };
-const ToolbarRoot = (0, _system.styled)('div', {
+const ToolbarRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'Toolbar'
 })({

package/components/toolbarV8/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
   /**

package/components/virtualization/GridBottomContainer.js

@@ -9,7 +9,7 @@ exports.GridBottomContainer = GridBottomContainer;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _gridClasses = require("../../constants/gridClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,7 +19,7 @@ const useUtilityClasses = () => {
   };
   return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, {});
 };
-const Element = (0, _system.styled)('div', {
+const Element = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({

package/components/virtualization/GridMainContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 import type { GridOverlayType, GridLoadingOverlayVariant } from "../../hooks/features/overlays/gridOverlaysInterfaces.js";
 type OwnerState = Pick<DataGridProcessedProps, 'classes'> & {
   hasScrollX: boolean;

package/components/virtualization/GridMainContainer.js

@@ -9,12 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridMainContainer = void 0;
 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 _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _useGridConfiguration = require("../../hooks/utils/useGridConfiguration");
 var _jsxRuntime = require("react/jsx-runtime");
-const GridPanelAnchor = (0, _system.styled)('div', {
+const GridPanelAnchor = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({
@@ -23,7 +23,7 @@ const GridPanelAnchor = (0, _system.styled)('div', {
   left: 0,
   width: 'calc(100% - (var(--DataGrid-hasScrollY) * var(--DataGrid-scrollbarSize)))'
 });
-const Element = (0, _system.styled)('div', {
+const Element = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'Main',
   overridesResolver: (props, styles) => {

package/components/virtualization/GridTopContainer.js

@@ -9,7 +9,7 @@ exports.GridTopContainer = GridTopContainer;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _gridClasses = require("../../constants/gridClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,7 +19,7 @@ const useUtilityClasses = () => {
   };
   return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, {});
 };
-const Element = (0, _system.styled)('div', {
+const Element = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({

package/components/virtualization/GridVirtualScrollbar.d.ts

@@ -8,6 +8,6 @@ type GridVirtualScrollbarProps = {
   }>;
 };
 export declare const scrollbarSizeCssExpression = "calc(max(var(--DataGrid-scrollbarSize), 14px))";
-export declare const ScrollbarCorner: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export declare const ScrollbarCorner: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 declare const GridVirtualScrollbar: React.ForwardRefExoticComponent<GridVirtualScrollbarProps> | React.ForwardRefExoticComponent<GridVirtualScrollbarProps & React.RefAttributes<HTMLDivElement>>;
 export { GridVirtualScrollbar };

package/components/virtualization/GridVirtualScrollbar.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.scrollbarSizeCssExpression = exports.ScrollbarCorner = exports.GridVirtualScrollbar = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -35,7 +35,7 @@ const useUtilityClasses = (ownerState, position) => {
 // to appear and have a real size. We set it to 14px because it seems like an acceptable value and we
 // don't have a method to find the required size for scrollbars on those platforms.
 const scrollbarSizeCssExpression = exports.scrollbarSizeCssExpression = 'calc(max(var(--DataGrid-scrollbarSize), 14px))';
-const Scrollbar = (0, _system.styled)('div', {
+const Scrollbar = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({
@@ -47,7 +47,7 @@ const Scrollbar = (0, _system.styled)('div', {
   },
   '--size': scrollbarSizeCssExpression
 });
-const ScrollbarVertical = (0, _system.styled)(Scrollbar, {
+const ScrollbarVertical = (0, _styles.styled)(Scrollbar, {
   slot: 'internal'
 })({
   width: 'var(--size)',
@@ -62,7 +62,7 @@ const ScrollbarVertical = (0, _system.styled)(Scrollbar, {
   top: 'var(--DataGrid-headersTotalHeight)',
   right: 0
 });
-const ScrollbarHorizontal = (0, _system.styled)(Scrollbar, {
+const ScrollbarHorizontal = (0, _styles.styled)(Scrollbar, {
   slot: 'internal'
 })({
   width: 'calc(var(--DataGrid-hasScrollX) * (100% - var(--DataGrid-hasScrollY) * var(--DataGrid-scrollbarSize)))',
@@ -76,7 +76,7 @@ const ScrollbarHorizontal = (0, _system.styled)(Scrollbar, {
   },
   bottom: 0
 });
-const ScrollbarCorner = exports.ScrollbarCorner = (0, _system.styled)(Scrollbar, {
+const ScrollbarCorner = exports.ScrollbarCorner = (0, _styles.styled)(Scrollbar, {
   slot: 'internal'
 })({
   width: 'var(--size)',

package/components/virtualization/GridVirtualScroller.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridVirtualScroller = GridVirtualScroller;
 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _gridDimensionsSelectors = require("../../hooks/features/dimensions/gridDimensionsSelectors");
 var _rows = require("../../hooks/features/rows");
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, classes);
 };
-const Scroller = (0, _system.styled)('div', {
+const Scroller = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'VirtualScroller',
   overridesResolver: (props, styles) => {

package/components/virtualization/GridVirtualScrollerContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 declare const GridVirtualScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/components/virtualization/GridVirtualScrollerFiller.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridVirtualScrollerFiller = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _cssVariables = require("../../constants/cssVariables");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
@@ -14,7 +14,7 @@ var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _dimensions = require("../../hooks/features/dimensions");
 var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
-const Filler = (0, _system.styled)('div', {
+const Filler = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({
@@ -23,7 +23,7 @@ const Filler = (0, _system.styled)('div', {
   width: 'var(--DataGrid-rowWidth)',
   boxSizing: 'border-box'
 });
-const Pinned = (0, _system.styled)('div', {
+const Pinned = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({
@@ -33,17 +33,17 @@ const Pinned = (0, _system.styled)('div', {
   borderTop: '1px solid var(--rowBorderColor)',
   backgroundColor: _cssVariables.vars.cell.background.pinned
 });
-const PinnedLeft = (0, _system.styled)(Pinned, {
+const PinnedLeft = (0, _styles.styled)(Pinned, {
   slot: 'internal'
 })({
   left: 0
 });
-const PinnedRight = (0, _system.styled)(Pinned, {
+const PinnedRight = (0, _styles.styled)(Pinned, {
   slot: 'internal'
 })({
   right: 0
 });
-const Main = (0, _system.styled)('div', {
+const Main = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({

package/components/virtualization/GridVirtualScrollerRenderZone.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 declare const GridVirtualScrollerRenderZone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/constants/defaultGridSlotsComponents.d.ts

@@ -1,2 +1,2 @@
-import { GridSlotsComponent } from "../models/index.js";
+import type { GridSlotsComponent } from "../models/index.js";
 export declare const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent;

package/constants/gridClasses.d.ts

@@ -436,6 +436,50 @@ export interface GridClasses {
    * Styles applied to the root of the input component.
    */
   editInputCell: string;
+  /**
+   * Styles applied to the long text cell root element.
+   */
+  longTextCell: string;
+  /**
+   * Styles applied to the long text cell content element.
+   */
+  longTextCellContent: string;
+  /**
+   * Styles applied to the long text cell expand button.
+   */
+  longTextCellExpandButton: string;
+  /**
+   * Styles applied to the long text cell collapse button.
+   */
+  longTextCellCollapseButton: string;
+  /**
+   * Styles applied to the long text cell popup.
+   */
+  longTextCellPopup: string;
+  /**
+   * Styles applied to the long text cell popper content.
+   */
+  longTextCellPopperContent: string;
+  /**
+   * Styles applied to the edit long text cell root element.
+   */
+  editLongTextCell: string;
+  /**
+   * Styles applied to the edit long text cell value element.
+   */
+  editLongTextCellValue: string;
+  /**
+   * Styles applied to the edit long text cell popup.
+   */
+  editLongTextCellPopup: string;
+  /**
+   * Styles applied to the edit long text cell popper content.
+   */
+  editLongTextCellPopperContent: string;
+  /**
+   * Styles applied to the edit long text cell textarea.
+   */
+  editLongTextCellTextarea: string;
   /**
    * Styles applied to the filter icon element.
    */