@mui/x-data-grid 6.0.2 → 6.0.4

package/hooks/features/columnMenu/{useGridColumnMenuComponents.js → useGridColumnMenuSlots.js}

@@ -4,44 +4,39 @@ const _excluded = ["displayOrder"];
 import * as React from 'react';
 import Divider from '@mui/material/Divider';
 import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-const camelize = pascalCase => {
-  const camelCase = pascalCase.split('');
-  camelCase[0] = camelCase[0].toLowerCase();
-  return camelCase.join('');
-};
-const useGridColumnMenuComponents = props => {
+const useGridColumnMenuSlots = props => {
   const apiRef = useGridPrivateApiContext();
   const {
-    defaultComponents,
-    defaultComponentsProps,
-    components = {},
-    componentsProps = {},
+    defaultSlots,
+    defaultSlotProps,
+    slots = {},
+    slotProps = {},
     hideMenu,
     colDef,
     addDividers = true
   } = props;
-  const processedComponents = React.useMemo(() => _extends({}, defaultComponents, components), [defaultComponents, components]);
-  const processedComponentsProps = React.useMemo(() => {
-    if (!componentsProps || Object.keys(componentsProps).length === 0) {
-      return defaultComponentsProps;
+  const processedComponents = React.useMemo(() => _extends({}, defaultSlots, slots), [defaultSlots, slots]);
+  const processedSlotProps = React.useMemo(() => {
+    if (!slotProps || Object.keys(slotProps).length === 0) {
+      return defaultSlotProps;
     }
-    const mergedProps = _extends({}, componentsProps);
-    Object.entries(defaultComponentsProps).forEach(([key, currentComponentProps]) => {
-      mergedProps[key] = _extends({}, currentComponentProps, componentsProps[key] || {});
+    const mergedProps = _extends({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
+      mergedProps[key] = _extends({}, currentSlotProps, slotProps[key] || {});
     });
     return mergedProps;
-  }, [defaultComponentsProps, componentsProps]);
+  }, [defaultSlotProps, slotProps]);
   const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
   const userItems = React.useMemo(() => {
-    const defaultComponentKeys = Object.keys(defaultComponents);
-    return Object.keys(components).filter(key => !defaultComponentKeys.includes(key));
-  }, [components, defaultComponents]);
+    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 = processedComponentsProps[camelize(a)];
-      const rightItemProps = processedComponentsProps[camelize(b)];
+      const leftItemProps = processedSlotProps[a];
+      const rightItemProps = processedSlotProps[b];
       const leftDisplayOrder = Number.isFinite(leftItemProps == null ? void 0 : leftItemProps.displayOrder) ? leftItemProps.displayOrder : 100;
       const rightDisplayOrder = Number.isFinite(rightItemProps == null ? void 0 : rightItemProps.displayOrder) ? rightItemProps.displayOrder : 100;
       return leftDisplayOrder - rightDisplayOrder;
@@ -51,13 +46,13 @@ const useGridColumnMenuComponents = props => {
         colDef,
         onClick: hideMenu
       };
-      const processedComponentProps = processedComponentsProps[camelize(key)];
+      const processedComponentProps = processedSlotProps[key];
       if (processedComponentProps) {
         const customProps = _objectWithoutPropertiesLoose(processedComponentProps, _excluded);
         itemProps = _extends({}, itemProps, customProps);
       }
       return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [Divider, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedComponentsProps, userItems]);
+  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems]);
 };
-export { useGridColumnMenuComponents };
+export { useGridColumnMenuSlots };

package/hooks/features/columns/useGridColumns.js

@@ -232,7 +232,7 @@ export function useGridColumns(apiRef, props) {
     if (props.disableColumnSelector) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuColumnsItem'];
+    return [...columnMenuItems, 'columnMenuColumnsItem'];
   }, [props.disableColumnSelector]);
   useGridRegisterPipeProcessor(apiRef, 'columnMenu', addColumnMenuItems);
   useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);

package/hooks/features/filter/useGridFilter.js

@@ -59,7 +59,7 @@ export const useGridFilter = (apiRef, props) => {
     if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuFilterItem'];
+    return [...columnMenuItems, 'columnMenuFilterItem'];
   }, [props.disableColumnFilter]);
 
   /**

package/hooks/features/preferencesPanel/gridPreferencePanelsValue.js

@@ -1,6 +1,6 @@
-var GridPreferencePanelsValue;
-(function (GridPreferencePanelsValue) {
+var GridPreferencePanelsValue = /*#__PURE__*/function (GridPreferencePanelsValue) {
   GridPreferencePanelsValue["filters"] = "filters";
   GridPreferencePanelsValue["columns"] = "columns";
-})(GridPreferencePanelsValue || (GridPreferencePanelsValue = {}));
+  return GridPreferencePanelsValue;
+}(GridPreferencePanelsValue || {});
 export { GridPreferencePanelsValue };

package/hooks/features/sorting/useGridSorting.js

@@ -74,7 +74,7 @@ export const useGridSorting = (apiRef, props) => {
     }
     const sortingOrder = colDef.sortingOrder || props.sortingOrder;
     if (sortingOrder.some(item => !!item)) {
-      return [...columnMenuItems, 'ColumnMenuSortItem'];
+      return [...columnMenuItems, 'columnMenuSortItem'];
     }
     return columnMenuItems;
   }, [props.sortingOrder]);

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -429,7 +429,7 @@ export const useGridVirtualScroller = props => {
     prevRootRowStyle.current = rootRowStyle;
     return rows;
   };
-  const needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth > containerDimensions.width;
+  const needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth >= containerDimensions.width;
   const contentSize = React.useMemo(() => {
     // In cases where the columns exceed the available width,
     // the horizontal scrollbar should be shown even when there're no rows.

package/hooks/utils/useGridApiEventHandler.js

@@ -5,11 +5,11 @@ import { FinalizationRegistryBasedCleanupTracking } from '../../utils/cleanupTra
  * Signal to the underlying logic what version of the public component API
  * of the data grid is exposed.
  */
-var GridSignature;
-(function (GridSignature) {
+var GridSignature = /*#__PURE__*/function (GridSignature) {
   GridSignature["DataGrid"] = "DataGrid";
   GridSignature["DataGridPro"] = "DataGridPro";
-})(GridSignature || (GridSignature = {}));
+  return GridSignature;
+}(GridSignature || {});
 // We use class to make it easier to detect in heap snapshots by name
 class ObjectToBeRetainedByReact {}
 

package/index.d.ts

@@ -19,7 +19,7 @@ export { GridColumnHeaders } from './components/GridColumnHeaders';
 /**
  * Reexportable components.
  */
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS, } from './components/reexportable';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS, } from './components/reexportable';
 /**
  * The full grid API.
  * @demos

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.2
+ * @mui/x-data-grid v6.0.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -22,7 +22,7 @@ export { GridColumnHeaders } from './components/GridColumnHeaders';
 /**
  * Reexportable components.
  */
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexportable';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexportable';
 
 /**
  * The full grid API.

package/legacy/components/GridRow.js

@@ -47,7 +47,7 @@ function EmptyCell(_ref) {
     width: width
   };
   return /*#__PURE__*/_jsx("div", {
-    className: "MuiDataGrid-cell MuiDataGrid-withBorderColor",
+    className: "".concat(gridClasses.cell, " ").concat(gridClasses.withBorderColor),
     style: style
   }); // TODO change to .MuiDataGrid-emptyCell or .MuiDataGrid-rowFiller
 }

package/legacy/components/columnHeaders/GridColumnHeaderSeparator.js

@@ -7,11 +7,11 @@ import { unstable_composeClasses as composeClasses, unstable_capitalize as capit
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
-var GridColumnHeaderSeparatorSides;
-(function (GridColumnHeaderSeparatorSides) {
+var GridColumnHeaderSeparatorSides = /*#__PURE__*/function (GridColumnHeaderSeparatorSides) {
   GridColumnHeaderSeparatorSides["Left"] = "left";
   GridColumnHeaderSeparatorSides["Right"] = "right";
-})(GridColumnHeaderSeparatorSides || (GridColumnHeaderSeparatorSides = {}));
+  return GridColumnHeaderSeparatorSides;
+}(GridColumnHeaderSeparatorSides || {});
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var resizable = ownerState.resizable,
     resizing = ownerState.resizing,

package/legacy/components/columnHeaders/GridColumnHeaderTitle.js

@@ -45,16 +45,15 @@ var ColumnHeaderInnerTitle = /*#__PURE__*/React.forwardRef(function ColumnHeader
 function GridColumnHeaderTitle(props) {
   var _rootProps$slotProps;
   var label = props.label,
-    description = props.description,
-    columnWidth = props.columnWidth;
+    description = props.description;
   var rootProps = useGridRootProps();
   var titleRef = React.useRef(null);
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     tooltip = _React$useState2[0],
     setTooltip = _React$useState2[1];
-  React.useEffect(function () {
-    if (!description && titleRef && titleRef.current) {
+  var handleMouseOver = React.useCallback(function () {
+    if (!description && titleRef != null && titleRef.current) {
       var isOver = isOverflown(titleRef.current);
       if (isOver) {
         setTooltip(label);
@@ -62,11 +61,12 @@ function GridColumnHeaderTitle(props) {
         setTooltip('');
       }
     }
-  }, [titleRef, columnWidth, description, label]);
+  }, [description, label]);
   return /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
     title: description || tooltip
   }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTooltip, {
     children: /*#__PURE__*/_jsx(ColumnHeaderInnerTitle, {
+      onMouseOver: handleMouseOver,
       ref: titleRef,
       children: label
     })

package/legacy/components/menu/columnMenu/GridColumnHeaderMenu.js

@@ -19,8 +19,10 @@ function GridColumnHeaderMenu(_ref) {
   var hideMenu = React.useCallback(function (event) {
     // Prevent triggering the sorting
     event.stopPropagation();
-    apiRef.current.hideColumnMenu();
-  }, [apiRef]);
+    if (!(target != null && target.contains(event.target))) {
+      apiRef.current.hideColumnMenu();
+    }
+  }, [apiRef, target]);
   if (!target) {
     return null;
   }

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

@@ -1,21 +1,21 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["defaultComponents", "defaultComponentsProps", "components", "componentsProps"];
+var _excluded = ["defaultSlots", "defaultSlotProps", "slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useGridColumnMenuComponents } from '../../../hooks/features/columnMenu/useGridColumnMenuComponents';
+import { useGridColumnMenuSlots } from '../../../hooks/features/columnMenu/useGridColumnMenuSlots';
 import { GridColumnMenuContainer } from './GridColumnMenuContainer';
 import { GridColumnMenuColumnsItem } from './menuItems/GridColumnMenuColumnsItem';
 import { GridColumnMenuFilterItem } from './menuItems/GridColumnMenuFilterItem';
 import { GridColumnMenuSortItem } from './menuItems/GridColumnMenuSortItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var GRID_COLUMN_MENU_COMPONENTS = {
-  ColumnMenuSortItem: GridColumnMenuSortItem,
-  ColumnMenuFilterItem: GridColumnMenuFilterItem,
-  ColumnMenuColumnsItem: GridColumnMenuColumnsItem
+export var GRID_COLUMN_MENU_SLOTS = {
+  columnMenuSortItem: GridColumnMenuSortItem,
+  columnMenuFilterItem: GridColumnMenuFilterItem,
+  columnMenuColumnsItem: GridColumnMenuColumnsItem
 };
-export var GRID_COLUMN_MENU_COMPONENTS_PROPS = {
+export var GRID_COLUMN_MENU_SLOT_PROPS = {
   columnMenuSortItem: {
     displayOrder: 10
   },
@@ -27,33 +27,33 @@ export var GRID_COLUMN_MENU_COMPONENTS_PROPS = {
   }
 };
 var GridGenericColumnMenu = /*#__PURE__*/React.forwardRef(function GridGenericColumnMenu(props, ref) {
-  var defaultComponents = props.defaultComponents,
-    defaultComponentsProps = props.defaultComponentsProps,
-    components = props.components,
-    componentsProps = props.componentsProps,
+  var defaultSlots = props.defaultSlots,
+    defaultSlotProps = props.defaultSlotProps,
+    slots = props.slots,
+    slotProps = props.slotProps,
     other = _objectWithoutProperties(props, _excluded);
-  var orderedComponents = useGridColumnMenuComponents(_extends({}, other, {
-    defaultComponents: defaultComponents,
-    defaultComponentsProps: defaultComponentsProps,
-    components: components,
-    componentsProps: componentsProps
+  var orderedSlots = useGridColumnMenuSlots(_extends({}, other, {
+    defaultSlots: defaultSlots,
+    defaultSlotProps: defaultSlotProps,
+    slots: slots,
+    slotProps: slotProps
   }));
   return /*#__PURE__*/_jsx(GridColumnMenuContainer, _extends({
     ref: ref
   }, other, {
-    children: orderedComponents.map(function (_ref, index) {
+    children: orderedSlots.map(function (_ref, index) {
       var _ref2 = _slicedToArray(_ref, 2),
         Component = _ref2[0],
-        componentProps = _ref2[1];
-      return /*#__PURE__*/_jsx(Component, _extends({}, componentProps), index);
+        otherProps = _ref2[1];
+      return /*#__PURE__*/_jsx(Component, _extends({}, otherProps), index);
     })
   }));
 });
 var GridColumnMenu = /*#__PURE__*/React.forwardRef(function GridColumnMenu(props, ref) {
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({}, props, {
     ref: ref,
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS
+    defaultSlots: GRID_COLUMN_MENU_SLOTS,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS
   }));
 });
 process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
@@ -62,20 +62,20 @@ process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   colDef: PropTypes.object.isRequired,
-  /**
-   * `components` could be used to add new and (or) override default column menu items
-   * If you register a nee component you must pass it's `displayOrder` in `componentsProps`
-   * or it will be placed in the end of the list
-   */
-  components: PropTypes.object,
+  hideMenu: PropTypes.func.isRequired,
+  id: PropTypes.string,
+  labelledby: PropTypes.string,
+  open: PropTypes.bool.isRequired,
   /**
    * Could be used to pass new props or override props specific to a column menu component
    * e.g. `displayOrder`
    */
-  componentsProps: PropTypes.object,
-  hideMenu: PropTypes.func.isRequired,
-  id: PropTypes.string,
-  labelledby: PropTypes.string,
-  open: PropTypes.bool.isRequired
+  slotProps: PropTypes.object,
+  /**
+   * `slots` could be used to add new and (or) override default column menu items
+   * If you register a nee component you must pass it's `displayOrder` in `slotProps`
+   * or it will be placed in the end of the list
+   */
+  slots: PropTypes.object
 } : void 0;
 export { GridColumnMenu, GridGenericColumnMenu };

package/legacy/components/panel/filterPanel/GridFilterPanel.js

@@ -156,7 +156,7 @@ var GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(pro
           columnsSort: columnsSort
         }, filterFormProps), item.id == null ? index : item.id);
       })
-    }), !rootProps.disableMultipleColumnsFiltering && !disableAddFilterButton && !disableRemoveAllButton ? /*#__PURE__*/_jsxs(GridPanelFooter, {
+    }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /*#__PURE__*/_jsxs(GridPanelFooter, {
       children: [!disableAddFilterButton ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
         onClick: addNewFilter,
         startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelAddIcon, {})

package/legacy/components/reexportable.js

@@ -1 +1 @@
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './menu/columnMenu/GridColumnMenu';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './menu/columnMenu/GridColumnMenu';

package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -283,7 +283,13 @@ export var useGridColumnHeaders = function useGridColumnHeaders(props) {
       }).filter(function (groupStructure) {
         return groupStructure.columnFields.length > 0;
       });
-      var leftOverflow = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
+      var firstVisibleColumnIndex = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
+      var hiddenGroupColumns = visibleColumnGroupHeader[0].columnFields.slice(0, firstVisibleColumnIndex);
+      var leftOverflow = hiddenGroupColumns.reduce(function (acc, field) {
+        var _column$computedWidth;
+        var column = apiRef.current.getColumn(field);
+        return acc + ((_column$computedWidth = column.computedWidth) != null ? _column$computedWidth : 0);
+      }, 0);
       var columnIndex = firstColumnToRender;
       var elements = visibleColumnGroupHeader.map(function (_ref6) {
         var groupId = _ref6.groupId,

package/legacy/hooks/features/columnMenu/{useGridColumnMenuComponents.js → useGridColumnMenuSlots.js}

@@ -6,54 +6,49 @@ var _excluded = ["displayOrder"];
 import * as React from 'react';
 import Divider from '@mui/material/Divider';
 import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-var camelize = function camelize(pascalCase) {
-  var camelCase = pascalCase.split('');
-  camelCase[0] = camelCase[0].toLowerCase();
-  return camelCase.join('');
-};
-var useGridColumnMenuComponents = function useGridColumnMenuComponents(props) {
+var useGridColumnMenuSlots = function useGridColumnMenuSlots(props) {
   var apiRef = useGridPrivateApiContext();
-  var defaultComponents = props.defaultComponents,
-    defaultComponentsProps = props.defaultComponentsProps,
-    _props$components = props.components,
-    components = _props$components === void 0 ? {} : _props$components,
-    _props$componentsProp = props.componentsProps,
-    componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
+  var defaultSlots = props.defaultSlots,
+    defaultSlotProps = props.defaultSlotProps,
+    _props$slots = props.slots,
+    slots = _props$slots === void 0 ? {} : _props$slots,
+    _props$slotProps = props.slotProps,
+    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
     hideMenu = props.hideMenu,
     colDef = props.colDef,
     _props$addDividers = props.addDividers,
     addDividers = _props$addDividers === void 0 ? true : _props$addDividers;
   var processedComponents = React.useMemo(function () {
-    return _extends({}, defaultComponents, components);
-  }, [defaultComponents, components]);
-  var processedComponentsProps = React.useMemo(function () {
-    if (!componentsProps || Object.keys(componentsProps).length === 0) {
-      return defaultComponentsProps;
+    return _extends({}, defaultSlots, slots);
+  }, [defaultSlots, slots]);
+  var processedSlotProps = React.useMemo(function () {
+    if (!slotProps || Object.keys(slotProps).length === 0) {
+      return defaultSlotProps;
     }
-    var mergedProps = _extends({}, componentsProps);
-    Object.entries(defaultComponentsProps).forEach(function (_ref) {
+    var mergedProps = _extends({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
         key = _ref2[0],
-        currentComponentProps = _ref2[1];
-      mergedProps[key] = _extends({}, currentComponentProps, componentsProps[key] || {});
+        currentSlotProps = _ref2[1];
+      mergedProps[key] = _extends({}, currentSlotProps, slotProps[key] || {});
     });
     return mergedProps;
-  }, [defaultComponentsProps, componentsProps]);
+  }, [defaultSlotProps, slotProps]);
   var defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
   var userItems = React.useMemo(function () {
-    var defaultComponentKeys = Object.keys(defaultComponents);
-    return Object.keys(components).filter(function (key) {
+    var defaultComponentKeys = Object.keys(defaultSlots);
+    return Object.keys(slots).filter(function (key) {
       return !defaultComponentKeys.includes(key);
     });
-  }, [components, defaultComponents]);
+  }, [slots, defaultSlots]);
   return React.useMemo(function () {
     var uniqueItems = Array.from(new Set([].concat(_toConsumableArray(defaultItems), _toConsumableArray(userItems))));
     var cleansedItems = uniqueItems.filter(function (key) {
       return processedComponents[key] != null;
     });
     var sorted = cleansedItems.sort(function (a, b) {
-      var leftItemProps = processedComponentsProps[camelize(a)];
-      var rightItemProps = processedComponentsProps[camelize(b)];
+      var leftItemProps = processedSlotProps[a];
+      var rightItemProps = processedSlotProps[b];
       var leftDisplayOrder = Number.isFinite(leftItemProps == null ? void 0 : leftItemProps.displayOrder) ? leftItemProps.displayOrder : 100;
       var rightDisplayOrder = Number.isFinite(rightItemProps == null ? void 0 : rightItemProps.displayOrder) ? rightItemProps.displayOrder : 100;
       return leftDisplayOrder - rightDisplayOrder;
@@ -63,7 +58,7 @@ var useGridColumnMenuComponents = function useGridColumnMenuComponents(props) {
         colDef: colDef,
         onClick: hideMenu
       };
-      var processedComponentProps = processedComponentsProps[camelize(key)];
+      var processedComponentProps = processedSlotProps[key];
       if (processedComponentProps) {
         var displayOrder = processedComponentProps.displayOrder,
           customProps = _objectWithoutProperties(processedComponentProps, _excluded);
@@ -71,6 +66,6 @@ var useGridColumnMenuComponents = function useGridColumnMenuComponents(props) {
       }
       return addDividers && index !== sorted.length - 1 ? [].concat(_toConsumableArray(acc), [[processedComponents[key], itemProps], [Divider, {}]]) : [].concat(_toConsumableArray(acc), [[processedComponents[key], itemProps]]);
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedComponentsProps, userItems]);
+  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems]);
 };
-export { useGridColumnMenuComponents };
+export { useGridColumnMenuSlots };

package/legacy/hooks/features/columns/useGridColumns.js

@@ -245,7 +245,7 @@ export function useGridColumns(apiRef, props) {
     if (props.disableColumnSelector) {
       return columnMenuItems;
     }
-    return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuColumnsItem']);
+    return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuColumnsItem']);
   }, [props.disableColumnSelector]);
   useGridRegisterPipeProcessor(apiRef, 'columnMenu', addColumnMenuItems);
   useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);

package/legacy/hooks/features/filter/useGridFilter.js

@@ -60,7 +60,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
     if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
       return columnMenuItems;
     }
-    return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuFilterItem']);
+    return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuFilterItem']);
   }, [props.disableColumnFilter]);
 
   /**

package/legacy/hooks/features/preferencesPanel/gridPreferencePanelsValue.js

@@ -1,6 +1,6 @@
-var GridPreferencePanelsValue;
-(function (GridPreferencePanelsValue) {
+var GridPreferencePanelsValue = /*#__PURE__*/function (GridPreferencePanelsValue) {
   GridPreferencePanelsValue["filters"] = "filters";
   GridPreferencePanelsValue["columns"] = "columns";
-})(GridPreferencePanelsValue || (GridPreferencePanelsValue = {}));
+  return GridPreferencePanelsValue;
+}(GridPreferencePanelsValue || {});
 export { GridPreferencePanelsValue };

package/legacy/hooks/features/sorting/useGridSorting.js

@@ -81,7 +81,7 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
     if (sortingOrder.some(function (item) {
       return !!item;
     })) {
-      return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuSortItem']);
+      return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuSortItem']);
     }
     return columnMenuItems;
   }, [props.sortingOrder]);

package/legacy/hooks/features/virtualization/useGridVirtualScroller.js

@@ -450,7 +450,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     prevRootRowStyle.current = rootRowStyle;
     return rows;
   };
-  var needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth > containerDimensions.width;
+  var needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth >= containerDimensions.width;
   var contentSize = React.useMemo(function () {
     // In cases where the columns exceed the available width,
     // the horizontal scrollbar should be shown even when there're no rows.

package/legacy/hooks/utils/useGridApiEventHandler.js

@@ -8,11 +8,11 @@ import { FinalizationRegistryBasedCleanupTracking } from '../../utils/cleanupTra
  * Signal to the underlying logic what version of the public component API
  * of the data grid is exposed.
  */
-var GridSignature;
-(function (GridSignature) {
+var GridSignature = /*#__PURE__*/function (GridSignature) {
   GridSignature["DataGrid"] = "DataGrid";
   GridSignature["DataGridPro"] = "DataGridPro";
-})(GridSignature || (GridSignature = {}));
+  return GridSignature;
+}(GridSignature || {});
 // We use class to make it easier to detect in heap snapshots by name
 var ObjectToBeRetainedByReact = /*#__PURE__*/_createClass(function ObjectToBeRetainedByReact() {
   _classCallCheck(this, ObjectToBeRetainedByReact);

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.2
+ * @mui/x-data-grid v6.0.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -22,7 +22,7 @@ export { GridColumnHeaders } from './components/GridColumnHeaders';
 /**
  * Reexportable components.
  */
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexportable';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexportable';
 
 /**
  * The full grid API.

package/legacy/locales/bgBG.js

@@ -22,17 +22,15 @@ var bgBGGrid = {
     return "".concat(count, " \u0430\u043A\u0442\u0438\u0432\u043D\u0438 \u0444\u0438\u043B\u0442\u0440\u0438");
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Търси…',
+  toolbarQuickFilterLabel: 'Търсене',
+  toolbarQuickFilterDeleteIconLabel: 'Изчисти',
   // Export selector toolbar button text
   toolbarExport: 'Изтегли',
   toolbarExportLabel: 'Изтегли',
   toolbarExportCSV: 'Изтегли като CSV',
   toolbarExportPrint: 'Принтиране',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportExcel: 'Изтегли като Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Намери колона',
   columnsPanelTextFieldPlaceholder: 'Заглавие на колона',
@@ -41,9 +39,9 @@ var bgBGGrid = {
   columnsPanelHideAllButton: 'Скрий Всички',
   // Filter panel text
   filterPanelAddFilter: 'Добави Филтър',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Премахни всички',
   filterPanelDeleteIconLabel: 'Изтрий',
-  // filterPanelLogicOperator: 'Logic operator',
+  filterPanelLogicOperator: 'Логически оператор',
   filterPanelOperator: 'Оператори',
   filterPanelOperatorAnd: 'И',
   filterPanelOperatorOr: 'Или',
@@ -71,7 +69,7 @@ var bgBGGrid = {
   // Column menu text
   columnMenuLabel: 'Меню',
   columnMenuShowColumns: 'Покажи колоните',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Управление на колони',
   columnMenuFilter: 'Филтри',
   columnMenuHideColumn: 'Скрий',
   columnMenuUnsort: 'Отмени сортирането',
@@ -123,10 +121,9 @@ var bgBGGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Разгъване',
-  collapseDetailPanel: 'Свиване'
-
+  collapseDetailPanel: 'Свиване',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Подредба на редове'
 
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',