@mui/x-data-grid 6.0.2 → 6.0.4

package/modern/locales/svSE.js

@@ -37,7 +37,7 @@ const svSEGrid = {
   columnsPanelHideAllButton: 'Dölj alla',
   // Filter panel text
   filterPanelAddFilter: 'Lägg till filter',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Ta bort alla',
   filterPanelDeleteIconLabel: 'Ta bort',
   filterPanelLogicOperator: 'Logisk operatör',
   filterPanelOperator: 'Operatör',
@@ -67,7 +67,7 @@ const svSEGrid = {
   // Column menu text
   columnMenuLabel: 'Meny',
   columnMenuShowColumns: 'Visa kolumner',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Hantera kolumner',
   columnMenuFilter: 'Filtrera',
   columnMenuHideColumn: 'Dölj',
   columnMenuUnsort: 'Osortera',

package/modern/models/gridEditRowModel.js

@@ -1,16 +1,16 @@
-var GridEditModes;
-(function (GridEditModes) {
+var GridEditModes = /*#__PURE__*/function (GridEditModes) {
   GridEditModes["Cell"] = "cell";
   GridEditModes["Row"] = "row";
-})(GridEditModes || (GridEditModes = {}));
-var GridCellModes;
-(function (GridCellModes) {
+  return GridEditModes;
+}(GridEditModes || {});
+var GridCellModes = /*#__PURE__*/function (GridCellModes) {
   GridCellModes["Edit"] = "edit";
   GridCellModes["View"] = "view";
-})(GridCellModes || (GridCellModes = {}));
-var GridRowModes;
-(function (GridRowModes) {
+  return GridCellModes;
+}(GridCellModes || {});
+var GridRowModes = /*#__PURE__*/function (GridRowModes) {
   GridRowModes["Edit"] = "edit";
   GridRowModes["View"] = "view";
-})(GridRowModes || (GridRowModes = {}));
+  return GridRowModes;
+}(GridRowModes || {});
 export { GridEditModes, GridCellModes, GridRowModes };

package/modern/models/gridFilterItem.js

@@ -3,9 +3,9 @@
  * @demos
  *   - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
  */
-var GridLogicOperator;
-(function (GridLogicOperator) {
+var GridLogicOperator = /*#__PURE__*/function (GridLogicOperator) {
   GridLogicOperator["And"] = "and";
   GridLogicOperator["Or"] = "or";
-})(GridLogicOperator || (GridLogicOperator = {}));
+  return GridLogicOperator;
+}(GridLogicOperator || {});
 export { GridLogicOperator };

package/modern/models/params/gridEditCellParams.js

@@ -1,26 +1,26 @@
 /**
  * Params passed to `apiRef.current.setEditCellValue`.
  */
-var GridCellEditStartReasons;
-/**
- * Params passed to the `cellEditStart` event.
- */
-(function (GridCellEditStartReasons) {
+var GridCellEditStartReasons = /*#__PURE__*/function (GridCellEditStartReasons) {
   GridCellEditStartReasons["enterKeyDown"] = "enterKeyDown";
   GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
-})(GridCellEditStartReasons || (GridCellEditStartReasons = {}));
-var GridCellEditStopReasons;
+  return GridCellEditStartReasons;
+}(GridCellEditStartReasons || {});
 /**
- * Params passed to the `cellEditStop event.
+ * Params passed to the `cellEditStart` event.
  */
-(function (GridCellEditStopReasons) {
+var GridCellEditStopReasons = /*#__PURE__*/function (GridCellEditStopReasons) {
   GridCellEditStopReasons["cellFocusOut"] = "cellFocusOut";
   GridCellEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
   GridCellEditStopReasons["enterKeyDown"] = "enterKeyDown";
   GridCellEditStopReasons["tabKeyDown"] = "tabKeyDown";
   GridCellEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
-})(GridCellEditStopReasons || (GridCellEditStopReasons = {}));
+  return GridCellEditStopReasons;
+}(GridCellEditStopReasons || {});
+/**
+ * Params passed to the `cellEditStop event.
+ */
 // https://github.com/mui/mui-x/pull/3738#discussion_r798504277
 export { GridCellEditStartReasons, GridCellEditStopReasons };

package/modern/models/params/gridRowParams.js

@@ -14,23 +14,23 @@
 /**
  * The getRowHeight return value.
  */
-var GridRowEditStartReasons;
-/**
- * Params passed to the `rowEditStart` event.
- */
-(function (GridRowEditStartReasons) {
+var GridRowEditStartReasons = /*#__PURE__*/function (GridRowEditStartReasons) {
   GridRowEditStartReasons["enterKeyDown"] = "enterKeyDown";
   GridRowEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridRowEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridRowEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
-})(GridRowEditStartReasons || (GridRowEditStartReasons = {}));
-var GridRowEditStopReasons;
-(function (GridRowEditStopReasons) {
+  return GridRowEditStartReasons;
+}(GridRowEditStartReasons || {});
+/**
+ * Params passed to the `rowEditStart` event.
+ */
+var GridRowEditStopReasons = /*#__PURE__*/function (GridRowEditStopReasons) {
   GridRowEditStopReasons["rowFocusOut"] = "rowFocusOut";
   GridRowEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
   GridRowEditStopReasons["enterKeyDown"] = "enterKeyDown";
   GridRowEditStopReasons["tabKeyDown"] = "tabKeyDown";
   GridRowEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
-})(GridRowEditStopReasons || (GridRowEditStopReasons = {}));
+  return GridRowEditStopReasons;
+}(GridRowEditStopReasons || {});
 // https://github.com/mui/mui-x/pull/3738#discussion_r798504277
 export { GridRowEditStartReasons, GridRowEditStopReasons };

package/node/components/GridRow.js

@@ -56,7 +56,7 @@ function EmptyCell({
     width
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "MuiDataGrid-cell MuiDataGrid-withBorderColor",
+    className: `${_gridClasses.gridClasses.cell} ${_gridClasses.gridClasses.withBorderColor}`,
     style: style
   }); // TODO change to .MuiDataGrid-emptyCell or .MuiDataGrid-rowFiller
 }

package/node/components/columnHeaders/GridColumnHeaderSeparator.js

@@ -16,12 +16,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["resizable", "resizing", "height", "side"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var GridColumnHeaderSeparatorSides;
-exports.GridColumnHeaderSeparatorSides = GridColumnHeaderSeparatorSides;
-(function (GridColumnHeaderSeparatorSides) {
+var GridColumnHeaderSeparatorSides = /*#__PURE__*/function (GridColumnHeaderSeparatorSides) {
   GridColumnHeaderSeparatorSides["Left"] = "left";
   GridColumnHeaderSeparatorSides["Right"] = "right";
-})(GridColumnHeaderSeparatorSides || (exports.GridColumnHeaderSeparatorSides = GridColumnHeaderSeparatorSides = {}));
+  return GridColumnHeaderSeparatorSides;
+}(GridColumnHeaderSeparatorSides || {});
+exports.GridColumnHeaderSeparatorSides = GridColumnHeaderSeparatorSides;
 const useUtilityClasses = ownerState => {
   const {
     resizable,

package/node/components/columnHeaders/GridColumnHeaderTitle.js

@@ -55,14 +55,13 @@ const ColumnHeaderInnerTitle = /*#__PURE__*/React.forwardRef(function ColumnHead
 function GridColumnHeaderTitle(props) {
   const {
     label,
-    description,
-    columnWidth
+    description
   } = props;
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const titleRef = React.useRef(null);
   const [tooltip, setTooltip] = React.useState('');
-  React.useEffect(() => {
-    if (!description && titleRef && titleRef.current) {
+  const handleMouseOver = React.useCallback(() => {
+    if (!description && titleRef?.current) {
       const isOver = (0, _domUtils.isOverflown)(titleRef.current);
       if (isOver) {
         setTooltip(label);
@@ -70,11 +69,12 @@ function GridColumnHeaderTitle(props) {
         setTooltip('');
       }
     }
-  }, [titleRef, columnWidth, description, label]);
+  }, [description, label]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, (0, _extends2.default)({
     title: description || tooltip
   }, rootProps.slotProps?.baseTooltip, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnHeaderInnerTitle, {
+      onMouseOver: handleMouseOver,
       ref: titleRef,
       children: label
     })

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

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

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

@@ -4,27 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridGenericColumnMenu = exports.GridColumnMenu = exports.GRID_COLUMN_MENU_COMPONENTS_PROPS = exports.GRID_COLUMN_MENU_COMPONENTS = void 0;
+exports.GridGenericColumnMenu = exports.GridColumnMenu = exports.GRID_COLUMN_MENU_SLOT_PROPS = exports.GRID_COLUMN_MENU_SLOTS = void 0;
 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 _useGridColumnMenuComponents = require("../../../hooks/features/columnMenu/useGridColumnMenuComponents");
+var _useGridColumnMenuSlots = require("../../../hooks/features/columnMenu/useGridColumnMenuSlots");
 var _GridColumnMenuContainer = require("./GridColumnMenuContainer");
 var _GridColumnMenuColumnsItem = require("./menuItems/GridColumnMenuColumnsItem");
 var _GridColumnMenuFilterItem = require("./menuItems/GridColumnMenuFilterItem");
 var _GridColumnMenuSortItem = require("./menuItems/GridColumnMenuSortItem");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["defaultComponents", "defaultComponentsProps", "components", "componentsProps"];
+const _excluded = ["defaultSlots", "defaultSlotProps", "slots", "slotProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GRID_COLUMN_MENU_COMPONENTS = {
-  ColumnMenuSortItem: _GridColumnMenuSortItem.GridColumnMenuSortItem,
-  ColumnMenuFilterItem: _GridColumnMenuFilterItem.GridColumnMenuFilterItem,
-  ColumnMenuColumnsItem: _GridColumnMenuColumnsItem.GridColumnMenuColumnsItem
+const GRID_COLUMN_MENU_SLOTS = {
+  columnMenuSortItem: _GridColumnMenuSortItem.GridColumnMenuSortItem,
+  columnMenuFilterItem: _GridColumnMenuFilterItem.GridColumnMenuFilterItem,
+  columnMenuColumnsItem: _GridColumnMenuColumnsItem.GridColumnMenuColumnsItem
 };
-exports.GRID_COLUMN_MENU_COMPONENTS = GRID_COLUMN_MENU_COMPONENTS;
-const GRID_COLUMN_MENU_COMPONENTS_PROPS = {
+exports.GRID_COLUMN_MENU_SLOTS = GRID_COLUMN_MENU_SLOTS;
+const GRID_COLUMN_MENU_SLOT_PROPS = {
   columnMenuSortItem: {
     displayOrder: 10
   },
@@ -35,33 +35,33 @@ const GRID_COLUMN_MENU_COMPONENTS_PROPS = {
     displayOrder: 30
   }
 };
-exports.GRID_COLUMN_MENU_COMPONENTS_PROPS = GRID_COLUMN_MENU_COMPONENTS_PROPS;
+exports.GRID_COLUMN_MENU_SLOT_PROPS = GRID_COLUMN_MENU_SLOT_PROPS;
 const GridGenericColumnMenu = /*#__PURE__*/React.forwardRef(function GridGenericColumnMenu(props, ref) {
   const {
-      defaultComponents,
-      defaultComponentsProps,
-      components,
-      componentsProps
+      defaultSlots,
+      defaultSlotProps,
+      slots,
+      slotProps
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const orderedComponents = (0, _useGridColumnMenuComponents.useGridColumnMenuComponents)((0, _extends2.default)({}, other, {
-    defaultComponents,
-    defaultComponentsProps,
-    components,
-    componentsProps
+  const orderedSlots = (0, _useGridColumnMenuSlots.useGridColumnMenuSlots)((0, _extends2.default)({}, other, {
+    defaultSlots,
+    defaultSlotProps,
+    slots,
+    slotProps
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnMenuContainer.GridColumnMenuContainer, (0, _extends2.default)({
     ref: ref
   }, other, {
-    children: orderedComponents.map(([Component, componentProps], index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, componentProps), index))
+    children: orderedSlots.map(([Component, otherProps], index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, otherProps), index))
   }));
 });
 exports.GridGenericColumnMenu = GridGenericColumnMenu;
 const GridColumnMenu = /*#__PURE__*/React.forwardRef(function GridColumnMenu(props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridGenericColumnMenu, (0, _extends2.default)({}, 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
   }));
 });
 exports.GridColumnMenu = GridColumnMenu;
@@ -71,19 +71,19 @@ process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   colDef: _propTypes.default.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.default.object,
+  hideMenu: _propTypes.default.func.isRequired,
+  id: _propTypes.default.string,
+  labelledby: _propTypes.default.string,
+  open: _propTypes.default.bool.isRequired,
   /**
    * Could be used to pass new props or override props specific to a column menu component
    * e.g. `displayOrder`
    */
-  componentsProps: _propTypes.default.object,
-  hideMenu: _propTypes.default.func.isRequired,
-  id: _propTypes.default.string,
-  labelledby: _propTypes.default.string,
-  open: _propTypes.default.bool.isRequired
+  slotProps: _propTypes.default.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.default.object
 } : void 0;

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

@@ -151,7 +151,7 @@ const GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(p
         logicOperators: logicOperators,
         columnsSort: columnsSort
       }, filterFormProps), item.id == null ? index : item.id))
-    }), !rootProps.disableMultipleColumnsFiltering && !disableAddFilterButton && !disableRemoveAllButton ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridPanelFooter.GridPanelFooter, {
+    }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridPanelFooter.GridPanelFooter, {
       children: [!disableAddFilterButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseButton, (0, _extends2.default)({
         onClick: addNewFilter,
         startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.filterPanelAddIcon, {})

package/node/components/reexportable.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOTS", {
   enumerable: true,
   get: function () {
-    return _GridColumnMenu.GRID_COLUMN_MENU_COMPONENTS;
+    return _GridColumnMenu.GRID_COLUMN_MENU_SLOTS;
   }
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS_PROPS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOT_PROPS", {
   enumerable: true,
   get: function () {
-    return _GridColumnMenu.GRID_COLUMN_MENU_COMPONENTS_PROPS;
+    return _GridColumnMenu.GRID_COLUMN_MENU_SLOT_PROPS;
   }
 });
 Object.defineProperty(exports, "GridColumnMenu", {

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

@@ -254,7 +254,12 @@ const useGridColumnHeaders = props => {
           columnFields: groupStructure.columnFields.filter(field => columnVisibility[field] !== false)
         });
       }).filter(groupStructure => groupStructure.columnFields.length > 0);
-      const leftOverflow = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
+      const firstVisibleColumnIndex = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
+      const hiddenGroupColumns = visibleColumnGroupHeader[0].columnFields.slice(0, firstVisibleColumnIndex);
+      const leftOverflow = hiddenGroupColumns.reduce((acc, field) => {
+        const column = apiRef.current.getColumn(field);
+        return acc + (column.computedWidth ?? 0);
+      }, 0);
       let columnIndex = firstColumnToRender;
       const elements = visibleColumnGroupHeader.map(({
         groupId,

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridColumnMenuComponents = void 0;
+exports.useGridColumnMenuSlots = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
@@ -13,44 +13,39 @@ var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
 const _excluded = ["displayOrder"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const camelize = pascalCase => {
-  const camelCase = pascalCase.split('');
-  camelCase[0] = camelCase[0].toLowerCase();
-  return camelCase.join('');
-};
-const useGridColumnMenuComponents = props => {
+const useGridColumnMenuSlots = props => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const {
-    defaultComponents,
-    defaultComponentsProps,
-    components = {},
-    componentsProps = {},
+    defaultSlots,
+    defaultSlotProps,
+    slots = {},
+    slotProps = {},
     hideMenu,
     colDef,
     addDividers = true
   } = props;
-  const processedComponents = React.useMemo(() => (0, _extends2.default)({}, defaultComponents, components), [defaultComponents, components]);
-  const processedComponentsProps = React.useMemo(() => {
-    if (!componentsProps || Object.keys(componentsProps).length === 0) {
-      return defaultComponentsProps;
+  const processedComponents = React.useMemo(() => (0, _extends2.default)({}, defaultSlots, slots), [defaultSlots, slots]);
+  const processedSlotProps = React.useMemo(() => {
+    if (!slotProps || Object.keys(slotProps).length === 0) {
+      return defaultSlotProps;
     }
-    const mergedProps = (0, _extends2.default)({}, componentsProps);
-    Object.entries(defaultComponentsProps).forEach(([key, currentComponentProps]) => {
-      mergedProps[key] = (0, _extends2.default)({}, currentComponentProps, componentsProps[key] || {});
+    const mergedProps = (0, _extends2.default)({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
+      mergedProps[key] = (0, _extends2.default)({}, 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?.displayOrder) ? leftItemProps.displayOrder : 100;
       const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
       return leftDisplayOrder - rightDisplayOrder;
@@ -60,13 +55,13 @@ const useGridColumnMenuComponents = props => {
         colDef,
         onClick: hideMenu
       };
-      const processedComponentProps = processedComponentsProps[camelize(key)];
+      const processedComponentProps = processedSlotProps[key];
       if (processedComponentProps) {
         const customProps = (0, _objectWithoutPropertiesLoose2.default)(processedComponentProps, _excluded);
         itemProps = (0, _extends2.default)({}, itemProps, customProps);
       }
       return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [_Divider.default, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedComponentsProps, userItems]);
+  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems]);
 };
-exports.useGridColumnMenuComponents = useGridColumnMenuComponents;
+exports.useGridColumnMenuSlots = useGridColumnMenuSlots;

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

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

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

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

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPreferencePanelsValue = void 0;
-var GridPreferencePanelsValue;
-exports.GridPreferencePanelsValue = GridPreferencePanelsValue;
-(function (GridPreferencePanelsValue) {
+var GridPreferencePanelsValue = /*#__PURE__*/function (GridPreferencePanelsValue) {
   GridPreferencePanelsValue["filters"] = "filters";
   GridPreferencePanelsValue["columns"] = "columns";
-})(GridPreferencePanelsValue || (exports.GridPreferencePanelsValue = GridPreferencePanelsValue = {}));
+  return GridPreferencePanelsValue;
+}(GridPreferencePanelsValue || {});
+exports.GridPreferencePanelsValue = GridPreferencePanelsValue;

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

@@ -80,7 +80,7 @@ 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/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -436,7 +436,7 @@ 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/node/hooks/utils/useGridApiEventHandler.js

@@ -16,12 +16,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Signal to the underlying logic what version of the public component API
  * of the data grid is exposed.
  */
-var GridSignature;
-exports.GridSignature = GridSignature;
-(function (GridSignature) {
+var GridSignature = /*#__PURE__*/function (GridSignature) {
   GridSignature["DataGrid"] = "DataGrid";
   GridSignature["DataGridPro"] = "DataGridPro";
-})(GridSignature || (exports.GridSignature = GridSignature = {}));
+  return GridSignature;
+}(GridSignature || {});
+exports.GridSignature = GridSignature;
 // We use class to make it easier to detect in heap snapshots by name
 class ObjectToBeRetainedByReact {}
 

package/node/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
@@ -16,19 +16,19 @@ var _exportNames = {
   useGridRootProps: true,
   GridColumnHeaders: true,
   GridColumnMenu: true,
-  GRID_COLUMN_MENU_COMPONENTS: true,
-  GRID_COLUMN_MENU_COMPONENTS_PROPS: true
+  GRID_COLUMN_MENU_SLOTS: true,
+  GRID_COLUMN_MENU_SLOT_PROPS: true
 };
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOTS", {
   enumerable: true,
   get: function () {
-    return _reexportable.GRID_COLUMN_MENU_COMPONENTS;
+    return _reexportable.GRID_COLUMN_MENU_SLOTS;
   }
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS_PROPS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOT_PROPS", {
   enumerable: true,
   get: function () {
-    return _reexportable.GRID_COLUMN_MENU_COMPONENTS_PROPS;
+    return _reexportable.GRID_COLUMN_MENU_SLOT_PROPS;
   }
 });
 Object.defineProperty(exports, "GridColumnHeaders", {

package/node/locales/bgBG.js

@@ -26,17 +26,15 @@ const bgBGGrid = {
   toolbarFiltersTooltipShow: 'Покажи Филтрите',
   toolbarFiltersTooltipActive: count => `${count} активни филтри`,
   // 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: 'Заглавие на колона',
@@ -45,9 +43,9 @@ const bgBGGrid = {
   columnsPanelHideAllButton: 'Скрий Всички',
   // Filter panel text
   filterPanelAddFilter: 'Добави Филтър',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Премахни всички',
   filterPanelDeleteIconLabel: 'Изтрий',
-  // filterPanelLogicOperator: 'Logic operator',
+  filterPanelLogicOperator: 'Логически оператор',
   filterPanelOperator: 'Оператори',
   filterPanelOperatorAnd: 'И',
   filterPanelOperatorOr: 'Или',
@@ -75,7 +73,7 @@ const bgBGGrid = {
   // Column menu text
   columnMenuLabel: 'Меню',
   columnMenuShowColumns: 'Покажи колоните',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Управление на колони',
   columnMenuFilter: 'Филтри',
   columnMenuHideColumn: 'Скрий',
   columnMenuUnsort: 'Отмени сортирането',
@@ -117,10 +115,9 @@ const bgBGGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Разгъване',
-  collapseDetailPanel: 'Свиване'
-
+  collapseDetailPanel: 'Свиване',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Подредба на редове'
 
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',