@mui/x-data-grid 8.27.0 → 8.27.1

package/esm/components/menu/columnMenu/GridColumnMenu.js

@@ -87,6 +87,8 @@ const GridColumnMenu = forwardRef(function GridColumnMenu(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridColumnMenu.displayName = "GridColumnMenu";
+GridColumnMenu.defaultSlots = GRID_COLUMN_MENU_SLOTS;
+GridColumnMenu.defaultSlotProps = GRID_COLUMN_MENU_SLOT_PROPS;
 process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/menu/columnMenu/GridColumnMenuProps.d.ts

@@ -9,4 +9,12 @@ export interface GridColumnMenuContainerProps extends React.HTMLAttributes<HTMLU
   labelledby?: string;
 }
 export interface GridGenericColumnMenuProps extends GridColumnMenuRootProps, GridColumnMenuContainerProps {}
-export interface GridColumnMenuProps extends Omit<GridGenericColumnMenuProps, 'defaultSlots' | 'defaultSlotProps'> {}
+export interface GridColumnMenuProps extends Omit<GridGenericColumnMenuProps, 'defaultSlots' | 'defaultSlotProps'> {}
+/**
+ * Type for column menu components with static defaultSlots and defaultSlotProps.
+ * Used by GridColumnMenu, GridProColumnMenu, and GridPremiumColumnMenu.
+ */
+export type GridColumnMenuComponent = React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>> & {
+  defaultSlots: GridColumnMenuRootProps['defaultSlots'];
+  defaultSlotProps: GridColumnMenuRootProps['defaultSlotProps'];
+};

package/esm/components/menu/columnMenu/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./GridColumnHeaderMenu.js";
-export * from "./GridColumnMenuProps.js";
+export type { GridColumnMenuContainerProps, GridGenericColumnMenuProps, GridColumnMenuProps } from "./GridColumnMenuProps.js";
 export * from "./GridColumnMenuItemProps.js";
 export * from "./GridColumnMenuContainer.js";
 export { GridGenericColumnMenu } from "./GridColumnMenu.js";

package/esm/components/menu/columnMenu/index.js

@@ -1,6 +1,5 @@
 // shared modules
 export * from "./GridColumnHeaderMenu.js";
-export * from "./GridColumnMenuProps.js";
 export * from "./GridColumnMenuItemProps.js";
 export * from "./GridColumnMenuContainer.js";
 export { GridGenericColumnMenu } from "./GridColumnMenu.js";

package/esm/components/toolbar/GridToolbarQuickFilter.js

@@ -4,7 +4,7 @@ const _excluded = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "c
   _excluded2 = ["ref", "slotProps"];
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import clsx from 'clsx';
 import { getDataGridUtilityClass } from "../../constants/index.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/toolbarV8/GridToolbar.js

@@ -8,7 +8,7 @@ const _excluded = ["className"],
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { GridMenu } from "../menu/GridMenu.js";
 import { Toolbar } from "./Toolbar.js";

package/esm/components/toolbarV8/Toolbar.d.ts

@@ -6,7 +6,7 @@ export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
    */
   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/esm/components/toolbarV8/Toolbar.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import { forwardRef } from '@mui/x-internals/forwardRef';

package/esm/components/virtualization/GridBottomContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 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 } from "../../constants/gridClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/virtualization/GridMainContainer.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 { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { useGridConfiguration } from "../../hooks/utils/useGridConfiguration.js";

package/esm/components/virtualization/GridTopContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 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 } from "../../constants/gridClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/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/esm/components/virtualization/GridVirtualScrollbar.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useForkRef from '@mui/utils/useForkRef';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/virtualization/GridVirtualScroller.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 composeClasses from '@mui/utils/composeClasses';
 import { gridHasBottomFillerSelector, gridHasScrollXSelector, gridHasScrollYSelector } from "../../hooks/features/dimensions/gridDimensionsSelectors.js";
 import { gridRowTreeSelector } from "../../hooks/features/rows/index.js";

package/esm/components/virtualization/GridVirtualScrollerFiller.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { vars } from "../../constants/cssVariables.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";

package/esm/hooks/features/columnMenu/getColumnMenuItemKeys.d.ts

@@ -0,0 +1,17 @@
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColumnMenuSlotProps } from "./columnMenuInterfaces.js";
+export interface GetColumnMenuItemKeysParams {
+  apiRef: RefObject<GridPrivateApiCommunity>;
+  colDef: GridColDef;
+  defaultSlots: Record<string, any>;
+  defaultSlotProps: Record<string, GridColumnMenuSlotProps>;
+  slots?: Record<string, any>;
+  slotProps?: Record<string, GridColumnMenuSlotProps>;
+}
+/**
+ * Returns the list of column menu item keys (sorted by `displayOrder`) that should be rendered for a given column.
+ * This is shared between the column header (to know if menu is empty) and the menu itself (to render items).
+ */
+export declare function getColumnMenuItemKeys(params: GetColumnMenuItemKeysParams): string[];

package/esm/hooks/features/columnMenu/getColumnMenuItemKeys.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+/**
+ * Returns the list of column menu item keys (sorted by `displayOrder`) that should be rendered for a given column.
+ * This is shared between the column header (to know if menu is empty) and the menu itself (to render items).
+ */
+export function getColumnMenuItemKeys(params) {
+  const {
+    apiRef,
+    colDef,
+    defaultSlots,
+    defaultSlotProps,
+    slots = {},
+    slotProps = {}
+  } = params;
+  const processedComponents = _extends({}, defaultSlots, slots);
+  let processedSlotProps = defaultSlotProps;
+  if (slotProps && Object.keys(slotProps).length > 0) {
+    const mergedProps = _extends({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
+      mergedProps[key] = _extends({}, currentSlotProps, slotProps[key] || {});
+    });
+    processedSlotProps = mergedProps;
+  }
+  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], colDef);
+  const defaultComponentKeys = Object.keys(defaultSlots);
+  const userItems = Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
+  const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
+  const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
+  return cleansedItems.sort((a, b) => {
+    const leftItemProps = processedSlotProps[a];
+    const rightItemProps = processedSlotProps[b];
+    const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
+    const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
+    return leftDisplayOrder - rightDisplayOrder;
+  });
+}

package/esm/hooks/features/columnMenu/useGridColumnMenuSlots.js

@@ -4,6 +4,7 @@ const _excluded = ["displayOrder"];
 import * as React from 'react';
 import { useGridRootProps } from "../../utils/useGridRootProps.js";
 import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
+import { getColumnMenuItemKeys } from "./getColumnMenuItemKeys.js";
 const useGridColumnMenuSlots = props => {
   const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();
@@ -27,22 +28,16 @@ const useGridColumnMenuSlots = props => {
     });
     return mergedProps;
   }, [defaultSlotProps, slotProps]);
-  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
-  const userItems = React.useMemo(() => {
-    const defaultComponentKeys = Object.keys(defaultSlots);
-    return Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
-  }, [slots, defaultSlots]);
   return React.useMemo(() => {
-    const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
-    const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
-    const sorted = cleansedItems.sort((a, b) => {
-      const leftItemProps = processedSlotProps[a];
-      const rightItemProps = processedSlotProps[b];
-      const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
-      const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
-      return leftDisplayOrder - rightDisplayOrder;
+    const sortedKeys = getColumnMenuItemKeys({
+      apiRef,
+      colDef,
+      defaultSlots,
+      defaultSlotProps,
+      slots,
+      slotProps
     });
-    return sorted.reduce((acc, key, index) => {
+    return sortedKeys.reduce((acc, key, index) => {
       let itemProps = {
         colDef,
         onClick: hideMenu
@@ -52,8 +47,8 @@ const useGridColumnMenuSlots = props => {
         const customProps = _objectWithoutPropertiesLoose(processedComponentProps, _excluded);
         itemProps = _extends({}, itemProps, customProps);
       }
-      return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
+      return addDividers && index !== sortedKeys.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems, rootProps.slots.baseDivider]);
+  }, [addDividers, apiRef, colDef, defaultSlotProps, defaultSlots, hideMenu, processedComponents, processedSlotProps, slotProps, slots, rootProps.slots.baseDivider]);
 };
 export { useGridColumnMenuSlots };

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.27.0
+ * @mui/x-data-grid v8.27.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/index.d.ts

@@ -29,6 +29,7 @@ export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector }
 export type { GridSlotsComponentsProps } from "../models/gridSlotsComponentsProps.js";
 export type { GridFilterInputValueProps } from "../models/gridFilterInputComponent.js";
 export { useGridColumnMenu, columnMenuStateInitializer } from "../hooks/features/columnMenu/useGridColumnMenu.js";
+export type { GridColumnMenuComponent } from "../components/menu/columnMenu/GridColumnMenuProps.js";
 export { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
 export * from "../hooks/features/columns/gridColumnsUtils.js";
 export { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";

package/hooks/features/columnMenu/getColumnMenuItemKeys.d.ts

@@ -0,0 +1,17 @@
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColumnMenuSlotProps } from "./columnMenuInterfaces.js";
+export interface GetColumnMenuItemKeysParams {
+  apiRef: RefObject<GridPrivateApiCommunity>;
+  colDef: GridColDef;
+  defaultSlots: Record<string, any>;
+  defaultSlotProps: Record<string, GridColumnMenuSlotProps>;
+  slots?: Record<string, any>;
+  slotProps?: Record<string, GridColumnMenuSlotProps>;
+}
+/**
+ * Returns the list of column menu item keys (sorted by `displayOrder`) that should be rendered for a given column.
+ * This is shared between the column header (to know if menu is empty) and the menu itself (to render items).
+ */
+export declare function getColumnMenuItemKeys(params: GetColumnMenuItemKeysParams): string[];

package/hooks/features/columnMenu/getColumnMenuItemKeys.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnMenuItemKeys = getColumnMenuItemKeys;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+/**
+ * Returns the list of column menu item keys (sorted by `displayOrder`) that should be rendered for a given column.
+ * This is shared between the column header (to know if menu is empty) and the menu itself (to render items).
+ */
+function getColumnMenuItemKeys(params) {
+  const {
+    apiRef,
+    colDef,
+    defaultSlots,
+    defaultSlotProps,
+    slots = {},
+    slotProps = {}
+  } = params;
+  const processedComponents = (0, _extends2.default)({}, defaultSlots, slots);
+  let processedSlotProps = defaultSlotProps;
+  if (slotProps && Object.keys(slotProps).length > 0) {
+    const mergedProps = (0, _extends2.default)({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
+      mergedProps[key] = (0, _extends2.default)({}, currentSlotProps, slotProps[key] || {});
+    });
+    processedSlotProps = mergedProps;
+  }
+  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], colDef);
+  const defaultComponentKeys = Object.keys(defaultSlots);
+  const userItems = Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
+  const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
+  const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
+  return cleansedItems.sort((a, b) => {
+    const leftItemProps = processedSlotProps[a];
+    const rightItemProps = processedSlotProps[b];
+    const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
+    const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
+    return leftDisplayOrder - rightDisplayOrder;
+  });
+}

package/hooks/features/columnMenu/useGridColumnMenuSlots.js

@@ -11,6 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useGridRootProps = require("../../utils/useGridRootProps");
 var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
+var _getColumnMenuItemKeys = require("./getColumnMenuItemKeys");
 const _excluded = ["displayOrder"];
 const useGridColumnMenuSlots = props => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
@@ -35,22 +36,16 @@ const useGridColumnMenuSlots = props => {
     });
     return mergedProps;
   }, [defaultSlotProps, slotProps]);
-  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
-  const userItems = React.useMemo(() => {
-    const defaultComponentKeys = Object.keys(defaultSlots);
-    return Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
-  }, [slots, defaultSlots]);
   return React.useMemo(() => {
-    const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
-    const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
-    const sorted = cleansedItems.sort((a, b) => {
-      const leftItemProps = processedSlotProps[a];
-      const rightItemProps = processedSlotProps[b];
-      const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
-      const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
-      return leftDisplayOrder - rightDisplayOrder;
+    const sortedKeys = (0, _getColumnMenuItemKeys.getColumnMenuItemKeys)({
+      apiRef,
+      colDef,
+      defaultSlots,
+      defaultSlotProps,
+      slots,
+      slotProps
     });
-    return sorted.reduce((acc, key, index) => {
+    return sortedKeys.reduce((acc, key, index) => {
       let itemProps = {
         colDef,
         onClick: hideMenu
@@ -60,8 +55,8 @@ const useGridColumnMenuSlots = props => {
         const customProps = (0, _objectWithoutPropertiesLoose2.default)(processedComponentProps, _excluded);
         itemProps = (0, _extends2.default)({}, itemProps, customProps);
       }
-      return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
+      return addDividers && index !== sortedKeys.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems, rootProps.slots.baseDivider]);
+  }, [addDividers, apiRef, colDef, defaultSlotProps, defaultSlots, hideMenu, processedComponents, processedSlotProps, slotProps, slots, rootProps.slots.baseDivider]);
 };
 exports.useGridColumnMenuSlots = useGridColumnMenuSlots;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.27.0
+ * @mui/x-data-grid v8.27.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -29,6 +29,7 @@ export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector }
 export type { GridSlotsComponentsProps } from "../models/gridSlotsComponentsProps.js";
 export type { GridFilterInputValueProps } from "../models/gridFilterInputComponent.js";
 export { useGridColumnMenu, columnMenuStateInitializer } from "../hooks/features/columnMenu/useGridColumnMenu.js";
+export type { GridColumnMenuComponent } from "../components/menu/columnMenu/GridColumnMenuProps.js";
 export { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
 export * from "../hooks/features/columns/gridColumnsUtils.js";
 export { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.27.0",
+  "version": "8.27.1",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",

package/esm/index.css

@@ -1,5 +0,0 @@
-/* Placeholder file to ensure CSS imports are working */
-
-.MuiDataGrid {
-  display: block;
-}

package/index.css

@@ -1,5 +0,0 @@
-/* Placeholder file to ensure CSS imports are working */
-
-.MuiDataGrid {
-  display: block;
-}