@mui/x-data-grid 8.28.7 → 8.29.1

package/esm/components/toolbar/GridToolbarQuickFilter.js

@@ -1,188 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "className", "slotProps"],
-  _excluded2 = ["ref", "slotProps"];
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/material/styles';
-import clsx from 'clsx';
-import { getDataGridUtilityClass } from "../../constants/index.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { QuickFilter, QuickFilterClear, QuickFilterControl, QuickFilterTrigger } from "../quickFilter/index.js";
-import { ToolbarButton } from "../toolbarV8/index.js";
-import { vars } from "../../constants/cssVariables.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['toolbarQuickFilter'],
-    trigger: ['toolbarQuickFilterTrigger'],
-    control: ['toolbarQuickFilterControl']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridQuickFilterRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarQuickFilter'
-})({
-  display: 'grid',
-  alignItems: 'center'
-});
-const GridQuickFilterTrigger = styled(ToolbarButton, {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarQuickFilterTrigger'
-})(({
-  ownerState
-}) => ({
-  gridArea: '1 / 1',
-  width: 'min-content',
-  height: 'min-content',
-  zIndex: 1,
-  opacity: ownerState.expanded ? 0 : 1,
-  pointerEvents: ownerState.expanded ? 'none' : 'auto',
-  transition: vars.transition(['opacity'])
-}));
-
-// TODO: Use NotRendered from /utils/assert
-// Currently causes react-docgen to fail
-const GridQuickFilterTextField = styled(_props => {
-  throw new Error('Failed assertion: should not be rendered');
-}, {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarQuickFilterControl'
-})(({
-  ownerState
-}) => ({
-  gridArea: '1 / 1',
-  overflowX: 'clip',
-  width: ownerState.expanded ? 260 : 'var(--trigger-width)',
-  opacity: ownerState.expanded ? 1 : 0,
-  transition: vars.transition(['width', 'opacity'])
-}));
-
-/**
- * @deprecated Use the {@link https://mui.com/x/react-data-grid/components/quick-filter/ Quick Filter} component instead. This component will be removed in a future major release.
- */
-function GridToolbarQuickFilter(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const ownerState = {
-    classes: rootProps.classes,
-    expanded: false
-  };
-  const classes = useUtilityClasses(ownerState);
-  const {
-      quickFilterParser,
-      quickFilterFormatter,
-      debounceMs,
-      className,
-      slotProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(QuickFilter, {
-    parser: quickFilterParser,
-    formatter: quickFilterFormatter,
-    debounceMs: debounceMs,
-    render: (quickFilterProps, state) => {
-      const currentOwnerState = _extends({}, ownerState, {
-        expanded: state.expanded
-      });
-      return /*#__PURE__*/_jsxs(GridQuickFilterRoot, _extends({}, quickFilterProps, {
-        className: clsx(classes.root, className),
-        children: [/*#__PURE__*/_jsx(QuickFilterTrigger, {
-          render: triggerProps => /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-            title: apiRef.current.getLocaleText('toolbarQuickFilterLabel'),
-            enterDelay: 0 // Prevents tooltip lagging behind transitioning trigger element
-            ,
-            children: /*#__PURE__*/_jsx(GridQuickFilterTrigger, _extends({
-              className: classes.trigger
-            }, triggerProps, {
-              ownerState: currentOwnerState,
-              color: "default",
-              "aria-disabled": state.expanded,
-              children: /*#__PURE__*/_jsx(rootProps.slots.quickFilterIcon, {
-                fontSize: "small"
-              })
-            }))
-          })
-        }), /*#__PURE__*/_jsx(QuickFilterControl, {
-          render: _ref => {
-            let {
-                ref,
-                slotProps: controlSlotProps
-              } = _ref,
-              controlProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
-            return /*#__PURE__*/_jsx(GridQuickFilterTextField, _extends({
-              as: rootProps.slots.baseTextField,
-              className: classes.control,
-              ownerState: currentOwnerState,
-              inputRef: ref,
-              "aria-label": apiRef.current.getLocaleText('toolbarQuickFilterLabel'),
-              placeholder: apiRef.current.getLocaleText('toolbarQuickFilterPlaceholder'),
-              size: "small",
-              slotProps: _extends({
-                input: _extends({
-                  startAdornment: /*#__PURE__*/_jsx(rootProps.slots.quickFilterIcon, {
-                    fontSize: "small"
-                  }),
-                  endAdornment: controlProps.value ? /*#__PURE__*/_jsx(QuickFilterClear, {
-                    render: /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, {
-                      size: "small",
-                      edge: "end",
-                      "aria-label": apiRef.current.getLocaleText('toolbarQuickFilterDeleteIconLabel'),
-                      children: /*#__PURE__*/_jsx(rootProps.slots.quickFilterClearIcon, {
-                        fontSize: "small"
-                      })
-                    })
-                  }) : null
-                }, controlSlotProps?.input)
-              }, controlSlotProps)
-            }, rootProps.slotProps?.baseTextField, controlProps, slotProps?.root, other));
-          }
-        })]
-      }));
-    }
-  });
-}
-process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: PropTypes.string,
-  /**
-   * The debounce time in milliseconds.
-   * @default 150
-   */
-  debounceMs: PropTypes.number,
-  /**
-   * Function responsible for formatting values of quick filter in a string when the model is modified
-   * @param {any[]} values The new values passed to the quick filter model
-   * @returns {string} The string to display in the text field
-   * @default (values: string[]) => values.join(' ')
-   */
-  quickFilterFormatter: PropTypes.func,
-  /**
-   * Function responsible for parsing text input in an array of independent values for quick filtering.
-   * @param {string} input The value entered by the user
-   * @returns {any[]} The array of value on which quick filter is applied
-   * @default (searchText: string) => searchText
-   *   .split(' ')
-   *   .filter((word) => word !== '')
-   */
-  quickFilterParser: PropTypes.func,
-  slotProps: PropTypes.object
-} : void 0;
-
-/**
- * Demos:
- * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
- * - [Filtering - quick filter](https://mui.com/x/react-data-grid/filtering/quick-filter/)
- *
- * API:
- * - [GridToolbarQuickFilter API](https://mui.com/x/api/data-grid/grid-toolbar-quick-filter/)
- */
-export { GridToolbarQuickFilter };

package/esm/components/toolbar/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./GridToolbar.js";
-export * from "./GridToolbarColumnsButton.js";
-export * from "./GridToolbarDensitySelector.js";
-export type { GridExportDisplayOptions, GridExportMenuItemProps, GridCsvExportMenuItemProps, GridPrintExportMenuItemProps, GridToolbarExportProps } from "./GridToolbarExport.js";
-export { GridCsvExportMenuItem, GridPrintExportMenuItem, GridToolbarExport } from "./GridToolbarExport.js";
-export * from "./GridToolbarFilterButton.js";
-export * from "./GridToolbarExportContainer.js";
-export * from "./GridToolbarQuickFilter.js";

package/esm/components/toolbar/index.js

@@ -1,7 +0,0 @@
-export * from "./GridToolbar.js";
-export * from "./GridToolbarColumnsButton.js";
-export * from "./GridToolbarDensitySelector.js";
-export { GridCsvExportMenuItem, GridPrintExportMenuItem, GridToolbarExport } from "./GridToolbarExport.js";
-export * from "./GridToolbarFilterButton.js";
-export * from "./GridToolbarExportContainer.js";
-export * from "./GridToolbarQuickFilter.js";

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
-interface GridToolbarInternalProps {
-  mainControls?: React.ReactNode;
-  additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;
-}
-export type GridToolbarProps = GridSlotProps['toolbar'] & GridToolbarInternalProps;
-declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): import("react/jsx-runtime").JSX.Element;
-declare namespace GridToolbarDivider {
-  var propTypes: any;
-}
-declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-declare function GridToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
-declare namespace GridToolbar {
-  var propTypes: any;
-}
-export { GridToolbar, GridToolbarDivider, GridToolbarLabel };

package/esm/components/toolbarV8/GridToolbar.js

@@ -1,201 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"],
-  _excluded2 = ["className"],
-  _excluded3 = ["showQuickFilter", "quickFilterProps", "csvOptions", "printOptions", "mainControls", "additionalExportMenuItems"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useId from '@mui/utils/useId';
-import { styled } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { GridMenu } from "../menu/GridMenu.js";
-import { Toolbar } from "./Toolbar.js";
-import { ToolbarButton } from "./ToolbarButton.js";
-import { FilterPanelTrigger } from "../filterPanel/index.js";
-import { ColumnsPanelTrigger } from "../columnsPanel/index.js";
-import { ExportCsv, ExportPrint } from "../export/index.js";
-import { GridToolbarQuickFilter } from "../toolbar/GridToolbarQuickFilter.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { NotRendered } from "../../utils/assert.js";
-import { vars } from "../../constants/cssVariables.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    divider: ['toolbarDivider'],
-    label: ['toolbarLabel']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const Divider = styled(NotRendered, {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarDivider'
-})({
-  height: '50%',
-  margin: vars.spacing(0, 0.5)
-});
-const Label = styled('span', {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarLabel'
-})({
-  flex: 1,
-  font: vars.typography.font.large,
-  fontWeight: vars.typography.fontWeight.medium,
-  margin: vars.spacing(0, 0.5),
-  textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap'
-});
-function GridToolbarDivider(props) {
-  const other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  return /*#__PURE__*/_jsx(Divider, _extends({
-    as: rootProps.slots.baseDivider,
-    orientation: "vertical",
-    className: classes.divider
-  }, other));
-}
-process.env.NODE_ENV !== "production" ? GridToolbarDivider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: PropTypes.string,
-  orientation: PropTypes.oneOf(['horizontal', 'vertical'])
-} : void 0;
-function GridToolbarLabel(props) {
-  const other = _objectWithoutPropertiesLoose(props, _excluded2);
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  return /*#__PURE__*/_jsx(Label, _extends({
-    className: classes.label
-  }, other));
-}
-function GridToolbar(props) {
-  const {
-      showQuickFilter = true,
-      quickFilterProps,
-      csvOptions,
-      printOptions,
-      mainControls,
-      additionalExportMenuItems
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded3);
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);
-  const exportMenuTriggerRef = React.useRef(null);
-  const exportMenuId = useId();
-  const exportMenuTriggerId = useId();
-  const showExportMenu = !csvOptions?.disableToolbarButton || !printOptions?.disableToolbarButton || additionalExportMenuItems;
-  const closeExportMenu = () => setExportMenuOpen(false);
-  return /*#__PURE__*/_jsxs(Toolbar, _extends({}, other, {
-    children: [rootProps.label && /*#__PURE__*/_jsx(GridToolbarLabel, {
-      children: rootProps.label
-    }), mainControls || /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [!rootProps.disableColumnSelector && /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-        title: apiRef.current.getLocaleText('toolbarColumns'),
-        children: /*#__PURE__*/_jsx(ColumnsPanelTrigger, {
-          render: /*#__PURE__*/_jsx(ToolbarButton, {}),
-          children: /*#__PURE__*/_jsx(rootProps.slots.columnSelectorIcon, {
-            fontSize: "small"
-          })
-        })
-      }), !rootProps.disableColumnFilter && /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-        title: apiRef.current.getLocaleText('toolbarFilters'),
-        children: /*#__PURE__*/_jsx(FilterPanelTrigger, {
-          render: (triggerProps, state) => /*#__PURE__*/_jsx(ToolbarButton, _extends({}, triggerProps, {
-            color: state.filterCount > 0 ? 'primary' : 'default',
-            children: /*#__PURE__*/_jsx(rootProps.slots.baseBadge, {
-              badgeContent: state.filterCount,
-              color: "primary",
-              variant: "dot",
-              children: /*#__PURE__*/_jsx(rootProps.slots.openFilterButtonIcon, {
-                fontSize: "small"
-              })
-            })
-          }))
-        })
-      })]
-    }), showExportMenu && (!rootProps.disableColumnFilter || !rootProps.disableColumnSelector) && /*#__PURE__*/_jsx(GridToolbarDivider, {}), showExportMenu && /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-        title: apiRef.current.getLocaleText('toolbarExport'),
-        disableInteractive: exportMenuOpen,
-        children: /*#__PURE__*/_jsx(ToolbarButton, {
-          ref: exportMenuTriggerRef,
-          id: exportMenuTriggerId,
-          "aria-controls": exportMenuId,
-          "aria-haspopup": "true",
-          "aria-expanded": exportMenuOpen ? 'true' : undefined,
-          onClick: () => setExportMenuOpen(!exportMenuOpen),
-          children: /*#__PURE__*/_jsx(rootProps.slots.exportIcon, {
-            fontSize: "small"
-          })
-        })
-      }), /*#__PURE__*/_jsx(GridMenu, {
-        target: exportMenuTriggerRef.current,
-        open: exportMenuOpen,
-        onClose: closeExportMenu,
-        position: "bottom-end",
-        children: /*#__PURE__*/_jsxs(rootProps.slots.baseMenuList, _extends({
-          id: exportMenuId,
-          "aria-labelledby": exportMenuTriggerId,
-          autoFocusItem: true
-        }, rootProps.slotProps?.baseMenuList, {
-          children: [!printOptions?.disableToolbarButton && /*#__PURE__*/_jsx(ExportPrint, {
-            render: /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({}, rootProps.slotProps?.baseMenuItem)),
-            options: printOptions,
-            onClick: closeExportMenu,
-            children: apiRef.current.getLocaleText('toolbarExportPrint')
-          }), !csvOptions?.disableToolbarButton && /*#__PURE__*/_jsx(ExportCsv, {
-            render: /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({}, rootProps.slotProps?.baseMenuItem)),
-            options: csvOptions,
-            onClick: closeExportMenu,
-            children: apiRef.current.getLocaleText('toolbarExportCSV')
-          }), additionalExportMenuItems?.(closeExportMenu)]
-        }))
-      })]
-    }), showQuickFilter && /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx(GridToolbarDivider, {}), /*#__PURE__*/_jsx(GridToolbarQuickFilter, _extends({}, quickFilterProps))]
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  additionalExportMenuItems: PropTypes.func,
-  additionalItems: PropTypes.node,
-  csvOptions: PropTypes.object,
-  printOptions: PropTypes.object,
-  /**
-   * Props passed to the quick filter component.
-   */
-  quickFilterProps: PropTypes.shape({
-    className: PropTypes.string,
-    debounceMs: PropTypes.number,
-    quickFilterFormatter: PropTypes.func,
-    quickFilterParser: PropTypes.func,
-    slotProps: PropTypes.object
-  }),
-  /**
-   * Show the quick filter component.
-   * @default true
-   */
-  showQuickFilter: PropTypes.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridToolbar, GridToolbarDivider, GridToolbarLabel };

package/esm/components/toolbarV8/Toolbar.js

@@ -1,208 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "className"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-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 { vars } from "../../constants/cssVariables.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { ToolbarContext } from "./ToolbarContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { sortByDocumentPosition } from "./utils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['toolbar']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const ToolbarRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'Toolbar'
-})({
-  flex: '0 1 1px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'end',
-  gap: vars.spacing(0.25),
-  padding: vars.spacing(0.75),
-  minHeight: 52,
-  boxSizing: 'border-box',
-  borderBottom: `1px solid ${vars.colors.border.base}`
-});
-
-/**
- * The top level Toolbar component that provides context to child components.
- * It renders a styled `<div />` element.
- *
- * Demos:
- *
- * - [Toolbar](https://mui.com/x/react-data-grid/components/toolbar/)
- *
- * API:
- *
- * - [Toolbar API](https://mui.com/x/api/data-grid/toolbar/)
- */
-const Toolbar = forwardRef(function Toolbar(props, ref) {
-  const {
-      render,
-      className
-    } = props,
-    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',
-    'aria-label': rootProps.label || undefined,
-    className: clsx(classes.root, className)
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(ToolbarContext.Provider, {
-    value: contextValue,
-    children: element
-  });
-});
-if (process.env.NODE_ENV !== "production") Toolbar.displayName = "Toolbar";
-process.env.NODE_ENV !== "production" ? Toolbar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-export { Toolbar };

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

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
-import type { GridSlotProps } from "../../models/index.js";
-export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseIconButton']>;
-};
-/**
- * A button for performing actions from the toolbar.
- * It renders the `baseIconButton` slot.
- *
- * Demos:
- *
- * - [Toolbar](https://mui.com/x/react-data-grid/components/toolbar/)
- *
- * API:
- *
- * - [ToolbarButton API](https://mui.com/x/api/data-grid/toolbar-button/)
- */
-declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps> | React.ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { ToolbarButton };