@mui/x-data-grid 8.5.3 → 8.7.0

package/esm/components/cell/GridActionsCellItem.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridActionsCellItemCommonProps {
-  label: string;
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
   /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */
   component?: React.ElementType;
@@ -9,6 +8,7 @@ interface GridActionsCellItemCommonProps {
 export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   showInMenu?: false;
   icon: React.ReactElement<any>;
+  label: string;
 } & Omit<GridSlotProps['baseIconButton'], 'component'>) | ({
   showInMenu: true;
   /**
@@ -17,6 +17,7 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
    */
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
+  label: React.ReactNode;
 } & Omit<GridSlotProps['baseMenuItem'], 'component'>));
 declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<((GridActionsCellItemCommonProps & {
   showInMenu: true;
@@ -26,6 +27,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
    */
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
+  label: React.ReactNode;
 } & Omit<React.DOMAttributes<HTMLElement> & {
   [k: `aria-${string}`]: any;
   [k: `data-${string}`]: any;
@@ -44,6 +46,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
 } & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) | Omit<GridActionsCellItemCommonProps & {
   showInMenu?: false;
   icon: React.ReactElement<any>;
+  label: string;
 } & Omit<Omit<import("../../models/gridBaseSlots.js").ButtonProps, "startIcon"> & {
   label?: string;
   color?: "default" | "inherit" | "primary";

package/esm/components/cell/GridActionsCellItem.js

@@ -67,7 +67,7 @@ process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes = {
   component: PropTypes.elementType,
   disabled: PropTypes.bool,
   icon: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.element, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),
-  label: PropTypes.string.isRequired,
+  label: PropTypes.node,
   showInMenu: PropTypes.bool,
   style: PropTypes.object
 } : void 0;

package/esm/components/cell/GridCell.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["column", "row", "rowId", "rowNode", "align", "children", "colIndex", "width", "className", "style", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "showRightBorder", "showLeftBorder", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],

package/esm/components/cell/GridEditBooleanCell.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];

package/esm/components/cell/GridEditDateCell.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "inputProps", "isValidating", "isProcessingProps", "onValueChange", "slotProps"];

package/esm/components/cell/GridEditInputCell.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "isValidating", "debounceMs", "isProcessingProps", "onValueChange", "slotProps"];

package/esm/components/cell/GridEditSingleSelectCell.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "slotProps"];

package/esm/components/columnHeaders/GridColumnGroupHeader.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useId from '@mui/utils/useId';

package/esm/components/columnHeaders/GridColumnHeaderItem.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/esm/components/columnHeaders/GridColumnHeaderTitle.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "aria-label"];

package/esm/components/columnHeaders/GridGenericColumnHeaderItem.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["classes", "columnMenuOpen", "colIndex", "height", "isResizing", "sortDirection", "hasFocus", "tabIndex", "separatorSide", "isDraggable", "headerComponent", "description", "elementId", "width", "columnMenuIconButton", "columnMenu", "columnTitleIconButtons", "headerClassName", "label", "resizable", "draggableContainerProps", "columnHeaderSeparatorProps", "style"];

package/esm/components/columnSelection/GridCellCheckboxRenderer.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["field", "id", "formattedValue", "row", "rowNode", "colDef", "isEditable", "cellMode", "hasFocus", "tabIndex", "api"];

package/esm/components/columnSelection/GridHeaderCheckbox.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["field", "colDef"];

package/esm/components/columnsManagement/GridColumnsManagement.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable @typescript-eslint/no-use-before-define */
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/containers/GridRootStyles.js

@@ -623,11 +623,6 @@ export const GridRootStyles = styled('div', {
       },
       '&.Mui-selected': selectedStyles
     },
-    [`& .${c['container--top']}, & .${c['container--bottom']}`]: {
-      '[role=row]': {
-        background: vars.colors.background.base
-      }
-    },
     /* Cell styles */
     [`& .${c.cell}`]: {
       flex: '0 0 auto',

package/esm/components/menu/GridMenu.d.ts

@@ -4,7 +4,7 @@ type MenuPosition = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'lef
 export interface GridMenuProps extends Pick<PopperProps, 'className' | 'onExited'> {
   open: boolean;
   target: HTMLElement | null;
-  onClose: (event?: Event) => void;
+  onClose: (event?: React.KeyboardEvent | MouseEvent | TouchEvent) => void;
   position?: MenuPosition;
   children: React.ReactNode;
 }

package/esm/components/menu/GridMenu.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["open", "target", "onClose", "children", "position", "className", "onExited"];
@@ -8,6 +10,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { styled } from '@mui/material/styles';
+import { isHideMenuKey } from "../../utils/keyboardUtils.js";
 import { vars } from "../../constants/cssVariables.js";
 import { useCSSVariablesClass } from "../../utils/css/context.js";
 import { getDataGridUtilityClass, gridClasses } from "../../constants/gridClasses.js";
@@ -70,6 +73,11 @@ function GridMenu(props) {
     }
     onClose(event);
   };
+  const handleKeyDown = event => {
+    if (isHideMenuKey(event.key)) {
+      onClose(event);
+    }
+  };
   return /*#__PURE__*/_jsx(GridMenuRoot, _extends({
     as: rootProps.slots.basePopper,
     className: clsx(classes.root, className, variablesClass),
@@ -80,7 +88,8 @@ function GridMenu(props) {
     placement: position,
     onClickAway: handleClickAway,
     onExited: onExited,
-    clickAwayMouseEvent: "onMouseDown"
+    clickAwayMouseEvent: "onMouseDown",
+    onKeyDown: handleKeyDown
   }, other, rootProps.slotProps?.basePopper, {
     children: children
   }));

package/esm/components/panel/GridPanel.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className", "classes", "onClose"];

package/esm/components/panel/GridPanelContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GridPanelContext = /*#__PURE__*/React.createContext(undefined);

package/esm/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "slotProps"];

package/esm/components/panel/filterPanel/GridFilterInputDate.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "disabled"];

package/esm/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/esm/components/panel/filterPanel/GridFilterInputValue.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "disabled", "isFilterActive", "slotProps", "clearButton", "headerFilterMenu"];

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

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["logicOperators", "columnsSort", "filterFormProps", "getColumnForNewFilter", "children", "disableAddFilterButton", "disableRemoveAllButton"];

package/esm/components/quickFilter/QuickFilter.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["render", "className", "parser", "formatter", "debounceMs", "defaultExpanded", "expanded", "onExpandedChange"];

package/esm/components/quickFilter/QuickFilterContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const QuickFilterContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") QuickFilterContext.displayName = "QuickFilterContext";

package/esm/components/toolbar/GridToolbarDensitySelector.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -5,7 +7,6 @@ import useId from '@mui/utils/useId';
 import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { gridDensitySelector } from "../../hooks/features/density/densitySelector.js";
-import { isHideMenuKey } from "../../utils/keyboardUtils.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
 import { GridMenu } from "../menu/GridMenu.js";
@@ -63,14 +64,6 @@ const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelecto
     apiRef.current.setDensity(newDensity);
     setOpen(false);
   };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      setOpen(false);
-    }
-  };
 
   // Disable the button if the corresponding is disabled
   if (rootProps.disableDensitySelector) {
@@ -109,7 +102,6 @@ const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelecto
         id: densityMenuId,
         className: gridClasses.menuList,
         "aria-labelledby": densityButtonId,
-        onKeyDown: handleListKeyDown,
         autoFocusItem: open,
         children: densityElements
       })

package/esm/components/toolbar/GridToolbarExportContainer.js

@@ -1,10 +1,11 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { isHideMenuKey } from "../../utils/keyboardUtils.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { GridMenu } from "../menu/GridMenu.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -29,14 +30,6 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
     buttonProps.onClick?.(event);
   };
   const handleMenuClose = () => setOpen(false);
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      handleMenuClose();
-    }
-  };
   if (children == null) {
     return null;
   }
@@ -67,7 +60,6 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
         id: exportMenuId,
         className: gridClasses.menuList,
         "aria-labelledby": exportButtonId,
-        onKeyDown: handleListKeyDown,
         autoFocusItem: open,
         children: React.Children.map(children, child => {
           if (! /*#__PURE__*/React.isValidElement(child)) {

package/esm/components/toolbarV8/GridToolbar.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className"],

package/esm/components/toolbarV8/Toolbar.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["render", "className"];

package/esm/components/toolbarV8/ToolbarButton.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["render", "onKeyDown", "onFocus", "disabled", "aria-disabled"];

package/esm/components/toolbarV8/ToolbarContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const ToolbarContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") ToolbarContext.displayName = "ToolbarContext";

package/esm/components/virtualization/GridVirtualScrollbar.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { styled } from '@mui/system';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useFirstRender } from "../../utils/useFirstRender.js";
 export const useGridRegisterPipeApplier = (apiRef, group, callback) => {

package/esm/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useFirstRender } from "../../utils/useFirstRender.js";
 export const useGridRegisterPipeProcessor = (apiRef, group, callback, enabled = true) => {

package/esm/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useFirstRender } from "../../utils/useFirstRender.js";
 export const useGridRegisterStrategyProcessor = (apiRef, strategyName, group, processor) => {

package/esm/hooks/core/useGridApiInitialization.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { EventManager } from '@mui/x-internals/EventManager';
 import { Store } from '@mui/x-internals/store';

package/esm/hooks/core/useGridIsRtl.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useRtl } from '@mui/system/RtlProvider';

package/esm/hooks/core/useGridProps.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 export const propsStateInitializer = (state, props) => {

package/esm/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["groupId", "children"];

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

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';

package/esm/hooks/features/columnResize/useGridColumnResize.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
@@ -205,9 +207,9 @@ export function useGridColumns(apiRef, props) {
     });
   }, [apiRef, props.columnVisibilityModel, props.initialState?.columns]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
-    const columnVisibilityModelToImport = context.stateToRestore.columns?.columnVisibilityModel;
     const initialState = context.stateToRestore.columns;
-    if (columnVisibilityModelToImport == null && initialState == null) {
+    const columnVisibilityModelToImport = initialState?.columnVisibilityModel;
+    if (initialState == null) {
       return params;
     }
     const columnsState = createColumnsState({
@@ -217,7 +219,25 @@ export function useGridColumns(apiRef, props) {
       columnVisibilityModel: columnVisibilityModelToImport,
       keepOnlyColumnsToUpsert: false
     });
-    apiRef.current.setState(mergeColumnsState(columnsState));
+    if (initialState != null) {
+      apiRef.current.setState(prevState => _extends({}, prevState, {
+        columns: _extends({}, prevState.columns, {
+          lookup: columnsState.lookup,
+          orderedFields: columnsState.orderedFields,
+          initialColumnVisibilityModel: columnsState.initialColumnVisibilityModel
+        })
+      }));
+    }
+
+    // separate column visibility model state update as it can be controlled
+    // https://github.com/mui/mui-x/issues/17681#issuecomment-3012528602
+    if (columnVisibilityModelToImport != null) {
+      apiRef.current.setState(prevState => _extends({}, prevState, {
+        columns: _extends({}, prevState.columns, {
+          columnVisibilityModel: columnVisibilityModelToImport
+        })
+      }));
+    }
     if (initialState != null) {
       apiRef.current.publishEvent('columnsChange', columnsState.orderedFields);
     }

package/esm/hooks/features/dataSource/useGridDataSource.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridRegisterStrategyProcessor } from "../../core/strategyProcessing/useGridRegisterStrategyProcessor.js";

package/esm/hooks/features/dataSource/useGridDataSourceBase.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/density/useGridDensity.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/dimensions/useGridDimensions.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/editing/useGridCellEditing.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _extends from "@babel/runtime/helpers/esm/extends";

package/esm/hooks/features/editing/useGridEditing.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";

package/esm/hooks/features/editing/useGridRowEditing.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";

package/esm/hooks/features/export/useGridPrintExport.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import ownerDocument from '@mui/utils/ownerDocument';

package/esm/hooks/features/focus/useGridFocus.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
@@ -357,7 +359,7 @@ export const useGridFocus = (apiRef, props) => {
       paginationMode: props.paginationMode
     });
     const rowIsInCurrentPage = currentPage.rows.find(row => row.id === currentFocusedCell.id);
-    if (rowIsInCurrentPage) {
+    if (rowIsInCurrentPage || currentPage.rows.length === 0) {
       return;
     }
     const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);

package/esm/hooks/features/headerFiltering/useGridHeaderFiltering.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";

package/esm/hooks/features/listView/useGridListView.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';

package/esm/hooks/features/pagination/useGridPaginationMeta.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridLogger, useGridSelector, useGridApiMethod } from "../../utils/index.js";

package/esm/hooks/features/pagination/useGridPaginationModel.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';

package/esm/hooks/features/pagination/useGridRowCount.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/rowSelection/useGridRowSelection.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/rows/useGridRowSpanning.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/rows/useGridRows.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

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

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';