@mui/x-data-grid 8.29.2 → 8.29.3

package/CHANGELOG.md

@@ -5,6 +5,78 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.29.3
+
+_Aug 21, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+The following team members contributed to this release:
+@LukasTy, @MBilalShafi
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.29.3`
+
+- [DataGrid] Fix toolbar button stealing focus when a sibling's disabled state changes (#23265) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@8.29.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.29.3`.
+
+#### `@mui/x-data-grid-premium@8.29.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.29.3`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.29.3`
+
+- [fields] Keep the field editable on blank space clicks (#23372) @LukasTy
+- [pickers] Fix format placeholder brightness with a start adornment (#23205) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.29.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.29.3`, plus:
+
+- [DateRangePicker] Fix broken active range position underline in single input range fields (#23201) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@8.29.3`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@8.29.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.29.3`.
+
+#### `@mui/x-charts-premium@8.29.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.29.3`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.29.3`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.29.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.29.3`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.29.3`
+
+Internal changes.
+
+### Miscellaneous
+
+- [core] Fix `test-react-18` install failure on v8.x (#23202) @LukasTy
+
 ## 8.29.2
 
 _Jul 2, 2026_

package/components/toolbarV8/Toolbar.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.

package/components/toolbarV8/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.

package/components/toolbarV8/Toolbar.js

@@ -16,11 +16,10 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _clsx = _interopRequireDefault(require("clsx"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
+var _ToolbarContext = require("@mui/x-internals/ToolbarContext");
 var _cssVariables = require("../../constants/cssVariables");
 var _gridClasses = require("../../constants/gridClasses");
-var _ToolbarContext = require("./ToolbarContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
-var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["render", "className"];
 const useUtilityClasses = ownerState => {
@@ -67,127 +66,6 @@ const Toolbar = exports.Toolbar = (0, _forwardRef.forwardRef)(function Toolbar(p
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const classes = useUtilityClasses(rootProps);
-  const [focusableItemId, setFocusableItemId] = React.useState(null);
-  const [items, setItems] = React.useState([]);
-  const getSortedItems = React.useCallback(() => items.sort(_utils.sortByDocumentPosition), [items]);
-  const findEnabledItem = React.useCallback((startIndex, step, wrap = true) => {
-    let index = startIndex;
-    const sortedItems = getSortedItems();
-    const itemCount = sortedItems.length;
-
-    // Look for enabled items in the specified direction
-    for (let i = 0; i < itemCount; i += 1) {
-      index += step;
-
-      // Handle wrapping around the ends
-      if (index >= itemCount) {
-        if (!wrap) {
-          return -1;
-        }
-        index = 0;
-      } else if (index < 0) {
-        if (!wrap) {
-          return -1;
-        }
-        index = itemCount - 1;
-      }
-
-      // Return if we found an enabled item
-      if (!sortedItems[index].ref.current?.disabled && sortedItems[index].ref.current?.ariaDisabled !== 'true') {
-        return index;
-      }
-    }
-
-    // If we've checked all items and found none enabled
-    return -1;
-  }, [getSortedItems]);
-  const registerItem = React.useCallback((id, itemRef) => {
-    setItems(prevItems => [...prevItems, {
-      id,
-      ref: itemRef
-    }]);
-  }, []);
-  const unregisterItem = React.useCallback(id => {
-    setItems(prevItems => prevItems.filter(i => i.id !== id));
-  }, []);
-  const onItemKeyDown = React.useCallback(event => {
-    if (!focusableItemId) {
-      return;
-    }
-    const sortedItems = getSortedItems();
-    const focusableItemIndex = sortedItems.findIndex(item => item.id === focusableItemId);
-    let newIndex = -1;
-    if (event.key === 'ArrowRight') {
-      event.preventDefault();
-      newIndex = findEnabledItem(focusableItemIndex, 1);
-    } else if (event.key === 'ArrowLeft') {
-      event.preventDefault();
-      newIndex = findEnabledItem(focusableItemIndex, -1);
-    } else if (event.key === 'Home') {
-      event.preventDefault();
-      newIndex = findEnabledItem(-1, 1, false);
-    } else if (event.key === 'End') {
-      event.preventDefault();
-      newIndex = findEnabledItem(sortedItems.length, -1, false);
-    }
-
-    // TODO: Check why this is necessary
-    if (newIndex >= 0 && newIndex < sortedItems.length) {
-      const item = sortedItems[newIndex];
-      setFocusableItemId(item.id);
-      item.ref.current?.focus();
-    }
-  }, [getSortedItems, focusableItemId, findEnabledItem]);
-  const onItemFocus = React.useCallback(id => {
-    if (focusableItemId !== id) {
-      setFocusableItemId(id);
-    }
-  }, [focusableItemId, setFocusableItemId]);
-  const onItemDisabled = React.useCallback(id => {
-    const sortedItems = getSortedItems();
-    const currentIndex = sortedItems.findIndex(item => item.id === id);
-    const newIndex = findEnabledItem(currentIndex, 1);
-    if (newIndex >= 0 && newIndex < sortedItems.length) {
-      const item = sortedItems[newIndex];
-      setFocusableItemId(item.id);
-      item.ref.current?.focus();
-    }
-  }, [getSortedItems, findEnabledItem]);
-  React.useEffect(() => {
-    const sortedItems = getSortedItems();
-    if (sortedItems.length > 0) {
-      // Set initial focusable item
-      if (!focusableItemId) {
-        setFocusableItemId(sortedItems[0].id);
-        return;
-      }
-      const focusableItemIndex = sortedItems.findIndex(item => item.id === focusableItemId);
-      if (!sortedItems[focusableItemIndex]) {
-        // Last item has been removed from the items array
-        const item = sortedItems[sortedItems.length - 1];
-        if (item) {
-          setFocusableItemId(item.id);
-          item.ref.current?.focus();
-        }
-      } else if (focusableItemIndex === -1) {
-        // Focused item has been removed from the items array
-        const item = sortedItems[focusableItemIndex];
-        if (item) {
-          setFocusableItemId(item.id);
-          item.ref.current?.focus();
-        }
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [getSortedItems, findEnabledItem]);
-  const contextValue = React.useMemo(() => ({
-    focusableItemId,
-    registerItem,
-    unregisterItem,
-    onItemKeyDown,
-    onItemFocus,
-    onItemDisabled
-  }), [focusableItemId, registerItem, unregisterItem, onItemKeyDown, onItemFocus, onItemDisabled]);
   const element = (0, _useComponentRenderer.useComponentRenderer)(ToolbarRoot, render, (0, _extends2.default)({
     role: 'toolbar',
     'aria-orientation': 'horizontal',
@@ -196,8 +74,7 @@ const Toolbar = exports.Toolbar = (0, _forwardRef.forwardRef)(function Toolbar(p
   }, other, {
     ref
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarContext.ToolbarContext.Provider, {
-    value: contextValue,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarContext.ToolbarContextProvider, {
     children: element
   });
 });

package/components/toolbarV8/Toolbar.mjs

@@ -10,11 +10,10 @@ import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
+import { ToolbarContextProvider } from '@mui/x-internals/ToolbarContext';
 import { vars } from "../../constants/cssVariables.mjs";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.mjs";
-import { ToolbarContext } from "./ToolbarContext.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
-import { sortByDocumentPosition } from "./utils.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -60,127 +59,6 @@ const Toolbar = forwardRef(function Toolbar(props, ref) {
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const rootProps = useGridRootProps();
   const classes = useUtilityClasses(rootProps);
-  const [focusableItemId, setFocusableItemId] = React.useState(null);
-  const [items, setItems] = React.useState([]);
-  const getSortedItems = React.useCallback(() => items.sort(sortByDocumentPosition), [items]);
-  const findEnabledItem = React.useCallback((startIndex, step, wrap = true) => {
-    let index = startIndex;
-    const sortedItems = getSortedItems();
-    const itemCount = sortedItems.length;
-
-    // Look for enabled items in the specified direction
-    for (let i = 0; i < itemCount; i += 1) {
-      index += step;
-
-      // Handle wrapping around the ends
-      if (index >= itemCount) {
-        if (!wrap) {
-          return -1;
-        }
-        index = 0;
-      } else if (index < 0) {
-        if (!wrap) {
-          return -1;
-        }
-        index = itemCount - 1;
-      }
-
-      // Return if we found an enabled item
-      if (!sortedItems[index].ref.current?.disabled && sortedItems[index].ref.current?.ariaDisabled !== 'true') {
-        return index;
-      }
-    }
-
-    // If we've checked all items and found none enabled
-    return -1;
-  }, [getSortedItems]);
-  const registerItem = React.useCallback((id, itemRef) => {
-    setItems(prevItems => [...prevItems, {
-      id,
-      ref: itemRef
-    }]);
-  }, []);
-  const unregisterItem = React.useCallback(id => {
-    setItems(prevItems => prevItems.filter(i => i.id !== id));
-  }, []);
-  const onItemKeyDown = React.useCallback(event => {
-    if (!focusableItemId) {
-      return;
-    }
-    const sortedItems = getSortedItems();
-    const focusableItemIndex = sortedItems.findIndex(item => item.id === focusableItemId);
-    let newIndex = -1;
-    if (event.key === 'ArrowRight') {
-      event.preventDefault();
-      newIndex = findEnabledItem(focusableItemIndex, 1);
-    } else if (event.key === 'ArrowLeft') {
-      event.preventDefault();
-      newIndex = findEnabledItem(focusableItemIndex, -1);
-    } else if (event.key === 'Home') {
-      event.preventDefault();
-      newIndex = findEnabledItem(-1, 1, false);
-    } else if (event.key === 'End') {
-      event.preventDefault();
-      newIndex = findEnabledItem(sortedItems.length, -1, false);
-    }
-
-    // TODO: Check why this is necessary
-    if (newIndex >= 0 && newIndex < sortedItems.length) {
-      const item = sortedItems[newIndex];
-      setFocusableItemId(item.id);
-      item.ref.current?.focus();
-    }
-  }, [getSortedItems, focusableItemId, findEnabledItem]);
-  const onItemFocus = React.useCallback(id => {
-    if (focusableItemId !== id) {
-      setFocusableItemId(id);
-    }
-  }, [focusableItemId, setFocusableItemId]);
-  const onItemDisabled = React.useCallback(id => {
-    const sortedItems = getSortedItems();
-    const currentIndex = sortedItems.findIndex(item => item.id === id);
-    const newIndex = findEnabledItem(currentIndex, 1);
-    if (newIndex >= 0 && newIndex < sortedItems.length) {
-      const item = sortedItems[newIndex];
-      setFocusableItemId(item.id);
-      item.ref.current?.focus();
-    }
-  }, [getSortedItems, findEnabledItem]);
-  React.useEffect(() => {
-    const sortedItems = getSortedItems();
-    if (sortedItems.length > 0) {
-      // Set initial focusable item
-      if (!focusableItemId) {
-        setFocusableItemId(sortedItems[0].id);
-        return;
-      }
-      const focusableItemIndex = sortedItems.findIndex(item => item.id === focusableItemId);
-      if (!sortedItems[focusableItemIndex]) {
-        // Last item has been removed from the items array
-        const item = sortedItems[sortedItems.length - 1];
-        if (item) {
-          setFocusableItemId(item.id);
-          item.ref.current?.focus();
-        }
-      } else if (focusableItemIndex === -1) {
-        // Focused item has been removed from the items array
-        const item = sortedItems[focusableItemIndex];
-        if (item) {
-          setFocusableItemId(item.id);
-          item.ref.current?.focus();
-        }
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [getSortedItems, findEnabledItem]);
-  const contextValue = React.useMemo(() => ({
-    focusableItemId,
-    registerItem,
-    unregisterItem,
-    onItemKeyDown,
-    onItemFocus,
-    onItemDisabled
-  }), [focusableItemId, registerItem, unregisterItem, onItemKeyDown, onItemFocus, onItemDisabled]);
   const element = useComponentRenderer(ToolbarRoot, render, _extends({
     role: 'toolbar',
     'aria-orientation': 'horizontal',
@@ -189,8 +67,7 @@ const Toolbar = forwardRef(function Toolbar(props, ref) {
   }, other, {
     ref
   }));
-  return /*#__PURE__*/_jsx(ToolbarContext.Provider, {
-    value: contextValue,
+  return /*#__PURE__*/_jsx(ToolbarContextProvider, {
     children: element
   });
 });

package/components/toolbarV8/ToolbarButton.d.mts

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

package/components/toolbarV8/ToolbarButton.d.ts

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

package/components/toolbarV8/ToolbarButton.js

@@ -12,13 +12,13 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
+var _ToolbarContext = require("@mui/x-internals/ToolbarContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
-var _ToolbarContext = require("./ToolbarContext");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["render", "onKeyDown", "onFocus", "disabled", "aria-disabled"];
+const _excluded = ["render", "onKeyDown", "onFocus", "onBlur", "disabled", "aria-disabled"],
+  _excluded2 = ["tabIndex"];
 /**
  * A button for performing actions from the toolbar.
  * It renders the `baseIconButton` slot.
@@ -33,59 +33,20 @@ const _excluded = ["render", "onKeyDown", "onFocus", "disabled", "aria-disabled"
  */
 const ToolbarButton = exports.ToolbarButton = (0, _forwardRef.forwardRef)(function ToolbarButton(props, ref) {
   const {
-      render,
-      onKeyDown,
-      onFocus,
-      disabled,
-      'aria-disabled': ariaDisabled
+      render
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const id = (0, _useId.default)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const buttonRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(buttonRef, ref);
-  const {
-    focusableItemId,
-    registerItem,
-    unregisterItem,
-    onItemKeyDown,
-    onItemFocus,
-    onItemDisabled
-  } = (0, _ToolbarContext.useToolbarContext)();
-  const handleKeyDown = event => {
-    onItemKeyDown(event);
-    onKeyDown?.(event);
-  };
-  const handleFocus = event => {
-    onItemFocus(id);
-    onFocus?.(event);
-  };
-  React.useEffect(() => {
-    registerItem(id, buttonRef);
-    return () => unregisterItem(id);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const previousDisabled = React.useRef(disabled);
-  React.useEffect(() => {
-    if (previousDisabled.current !== disabled && disabled === true) {
-      onItemDisabled(id, disabled);
-    }
-    previousDisabled.current = disabled;
-  }, [disabled, id, onItemDisabled]);
-  const previousAriaDisabled = React.useRef(ariaDisabled);
-  React.useEffect(() => {
-    if (previousAriaDisabled.current !== ariaDisabled && ariaDisabled === true) {
-      onItemDisabled(id, true);
-    }
-    previousAriaDisabled.current = ariaDisabled;
-  }, [ariaDisabled, id, onItemDisabled]);
+  const _useRegisterToolbarBu = (0, _ToolbarContext.useRegisterToolbarButton)(props, buttonRef),
+    {
+      tabIndex
+    } = _useRegisterToolbarBu,
+    toolbarButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useRegisterToolbarBu, _excluded2);
   const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
-    tabIndex: focusableItemId === id ? 0 : -1
-  }, other, {
-    disabled,
-    'aria-disabled': ariaDisabled,
-    onKeyDown: handleKeyDown,
-    onFocus: handleFocus,
+    tabIndex
+  }, other, toolbarButtonProps, {
     ref: handleRef
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {

package/components/toolbarV8/ToolbarButton.mjs

@@ -2,15 +2,15 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "onKeyDown", "onFocus", "disabled", "aria-disabled"];
+const _excluded = ["render", "onKeyDown", "onFocus", "onBlur", "disabled", "aria-disabled"],
+  _excluded2 = ["tabIndex"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useForkRef from '@mui/utils/useForkRef';
-import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
+import { useRegisterToolbarButton } from '@mui/x-internals/ToolbarContext';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
-import { useToolbarContext } from "./ToolbarContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button for performing actions from the toolbar.
@@ -26,59 +26,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 const ToolbarButton = forwardRef(function ToolbarButton(props, ref) {
   const {
-      render,
-      onKeyDown,
-      onFocus,
-      disabled,
-      'aria-disabled': ariaDisabled
+      render
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const id = useId();
   const rootProps = useGridRootProps();
   const buttonRef = React.useRef(null);
   const handleRef = useForkRef(buttonRef, ref);
-  const {
-    focusableItemId,
-    registerItem,
-    unregisterItem,
-    onItemKeyDown,
-    onItemFocus,
-    onItemDisabled
-  } = useToolbarContext();
-  const handleKeyDown = event => {
-    onItemKeyDown(event);
-    onKeyDown?.(event);
-  };
-  const handleFocus = event => {
-    onItemFocus(id);
-    onFocus?.(event);
-  };
-  React.useEffect(() => {
-    registerItem(id, buttonRef);
-    return () => unregisterItem(id);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const previousDisabled = React.useRef(disabled);
-  React.useEffect(() => {
-    if (previousDisabled.current !== disabled && disabled === true) {
-      onItemDisabled(id, disabled);
-    }
-    previousDisabled.current = disabled;
-  }, [disabled, id, onItemDisabled]);
-  const previousAriaDisabled = React.useRef(ariaDisabled);
-  React.useEffect(() => {
-    if (previousAriaDisabled.current !== ariaDisabled && ariaDisabled === true) {
-      onItemDisabled(id, true);
-    }
-    previousAriaDisabled.current = ariaDisabled;
-  }, [ariaDisabled, id, onItemDisabled]);
+  const _useRegisterToolbarBu = useRegisterToolbarButton(props, buttonRef),
+    {
+      tabIndex
+    } = _useRegisterToolbarBu,
+    toolbarButtonProps = _objectWithoutPropertiesLoose(_useRegisterToolbarBu, _excluded2);
   const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
-    tabIndex: focusableItemId === id ? 0 : -1
-  }, other, {
-    disabled,
-    'aria-disabled': ariaDisabled,
-    onKeyDown: handleKeyDown,
-    onFocus: handleFocus,
+    tabIndex
+  }, other, toolbarButtonProps, {
     ref: handleRef
   }));
   return /*#__PURE__*/_jsx(React.Fragment, {

package/index.js

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

package/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.29.2",
+  "version": "8.29.3",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.29.2",
-    "@mui/x-virtualizer": "0.4.1"
+    "@mui/x-internals": "8.29.3",
+    "@mui/x-virtualizer": "0.4.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -166,98 +166,98 @@
       }
     },
     "./context": {
-      "require": {
-        "types": "./context/index.d.ts",
-        "default": "./context/index.js"
-      },
       "import": {
         "types": "./context/index.d.mts",
         "default": "./context/index.mjs"
       },
+      "require": {
+        "types": "./context/index.d.ts",
+        "default": "./context/index.js"
+      },
       "default": {
         "types": "./context/index.d.mts",
         "default": "./context/index.mjs"
       }
     },
     "./hooks": {
-      "require": {
-        "types": "./hooks/index.d.ts",
-        "default": "./hooks/index.js"
-      },
       "import": {
         "types": "./hooks/index.d.mts",
         "default": "./hooks/index.mjs"
       },
+      "require": {
+        "types": "./hooks/index.d.ts",
+        "default": "./hooks/index.js"
+      },
       "default": {
         "types": "./hooks/index.d.mts",
         "default": "./hooks/index.mjs"
       }
     },
     "./internals": {
-      "require": {
-        "types": "./internals/index.d.ts",
-        "default": "./internals/index.js"
-      },
       "import": {
         "types": "./internals/index.d.mts",
         "default": "./internals/index.mjs"
       },
+      "require": {
+        "types": "./internals/index.d.ts",
+        "default": "./internals/index.js"
+      },
       "default": {
         "types": "./internals/index.d.mts",
         "default": "./internals/index.mjs"
       }
     },
     "./locales": {
-      "require": {
-        "types": "./locales/index.d.ts",
-        "default": "./locales/index.js"
-      },
       "import": {
         "types": "./locales/index.d.mts",
         "default": "./locales/index.mjs"
       },
+      "require": {
+        "types": "./locales/index.d.ts",
+        "default": "./locales/index.js"
+      },
       "default": {
         "types": "./locales/index.d.mts",
         "default": "./locales/index.mjs"
       }
     },
     "./models": {
-      "require": {
-        "types": "./models/index.d.ts",
-        "default": "./models/index.js"
-      },
       "import": {
         "types": "./models/index.d.mts",
         "default": "./models/index.mjs"
       },
+      "require": {
+        "types": "./models/index.d.ts",
+        "default": "./models/index.js"
+      },
       "default": {
         "types": "./models/index.d.mts",
         "default": "./models/index.mjs"
       }
     },
     "./themeAugmentation": {
-      "require": {
-        "types": "./themeAugmentation/index.d.ts",
-        "default": "./themeAugmentation/index.js"
-      },
       "import": {
         "types": "./themeAugmentation/index.d.mts",
         "default": "./themeAugmentation/index.mjs"
       },
+      "require": {
+        "types": "./themeAugmentation/index.d.ts",
+        "default": "./themeAugmentation/index.js"
+      },
       "default": {
         "types": "./themeAugmentation/index.d.mts",
         "default": "./themeAugmentation/index.mjs"
       }
     },
     "./utils": {
-      "require": {
-        "types": "./utils/index.d.ts",
-        "default": "./utils/index.js"
-      },
       "import": {
         "types": "./utils/index.d.mts",
         "default": "./utils/index.mjs"
       },
+      "require": {
+        "types": "./utils/index.d.ts",
+        "default": "./utils/index.js"
+      },
       "default": {
         "types": "./utils/index.d.mts",
         "default": "./utils/index.mjs"

package/components/toolbarV8/ToolbarContext.d.mts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface ToolbarContextValue {
-  focusableItemId: string | null;
-  registerItem: (id: string, ref: React.RefObject<HTMLButtonElement | null>) => void;
-  unregisterItem: (id: string) => void;
-  onItemKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-  onItemFocus: (id: string) => void;
-  onItemDisabled: (id: string, disabled: boolean) => void;
-}
-export declare const ToolbarContext: React.Context<ToolbarContextValue | undefined>;
-export declare function useToolbarContext(): ToolbarContextValue;

package/components/toolbarV8/ToolbarContext.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface ToolbarContextValue {
-  focusableItemId: string | null;
-  registerItem: (id: string, ref: React.RefObject<HTMLButtonElement | null>) => void;
-  unregisterItem: (id: string) => void;
-  onItemKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-  onItemFocus: (id: string) => void;
-  onItemDisabled: (id: string, disabled: boolean) => void;
-}
-export declare const ToolbarContext: React.Context<ToolbarContextValue | undefined>;
-export declare function useToolbarContext(): ToolbarContextValue;

package/components/toolbarV8/ToolbarContext.js

@@ -1,19 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToolbarContext = void 0;
-exports.useToolbarContext = useToolbarContext;
-var React = _interopRequireWildcard(require("react"));
-const ToolbarContext = exports.ToolbarContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== "production") ToolbarContext.displayName = "ToolbarContext";
-function useToolbarContext() {
-  const context = React.useContext(ToolbarContext);
-  if (context === undefined) {
-    throw new Error('MUI X: Missing context. Toolbar subcomponents must be placed within a <Toolbar /> component.');
-  }
-  return context;
-}

package/components/toolbarV8/ToolbarContext.mjs

@@ -1,12 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export const ToolbarContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== "production") ToolbarContext.displayName = "ToolbarContext";
-export function useToolbarContext() {
-  const context = React.useContext(ToolbarContext);
-  if (context === undefined) {
-    throw new Error('MUI X: Missing context. Toolbar subcomponents must be placed within a <Toolbar /> component.');
-  }
-  return context;
-}

package/components/toolbarV8/utils.d.mts

@@ -1,5 +0,0 @@
-export declare function sortByDocumentPosition(a: {
-  ref: React.RefObject<HTMLButtonElement | null>;
-}, b: {
-  ref: React.RefObject<HTMLButtonElement | null>;
-}): 0 | 1 | -1;

package/components/toolbarV8/utils.d.ts

@@ -1,5 +0,0 @@
-export declare function sortByDocumentPosition(a: {
-  ref: React.RefObject<HTMLButtonElement | null>;
-}, b: {
-  ref: React.RefObject<HTMLButtonElement | null>;
-}): 0 | 1 | -1;

package/components/toolbarV8/utils.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sortByDocumentPosition = sortByDocumentPosition;
-/* eslint-disable no-bitwise */
-function sortByDocumentPosition(a, b) {
-  if (!a.ref.current || !b.ref.current) {
-    return 0;
-  }
-  const position = a.ref.current.compareDocumentPosition(b.ref.current);
-  if (!position) {
-    return 0;
-  }
-  if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
-    return -1;
-  }
-  if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {
-    return 1;
-  }
-  return 0;
-}

package/components/toolbarV8/utils.mjs

@@ -1,17 +0,0 @@
-/* eslint-disable no-bitwise */
-export function sortByDocumentPosition(a, b) {
-  if (!a.ref.current || !b.ref.current) {
-    return 0;
-  }
-  const position = a.ref.current.compareDocumentPosition(b.ref.current);
-  if (!position) {
-    return 0;
-  }
-  if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
-    return -1;
-  }
-  if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {
-    return 1;
-  }
-  return 0;
-}