@mui/x-data-grid 8.4.0 → 8.5.1

package/esm/components/export/ExportCsv.js

@@ -4,9 +4,9 @@ const _excluded = ["render", "options", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that triggers a CSV export.
@@ -33,7 +33,7 @@ const ExportCsv = forwardRef(function ExportCsv(props, ref) {
     apiRef.current.exportDataAsCsv(options);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     onClick: handleClick
   }, other, {
     ref
@@ -42,6 +42,7 @@ const ExportCsv = forwardRef(function ExportCsv(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") ExportCsv.displayName = "ExportCsv";
 process.env.NODE_ENV !== "production" ? ExportCsv.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/export/ExportPrint.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridPrintExportOptions } from "../../models/gridExport.js";
 import type { GridSlotProps } from "../../models/index.js";
 export type ExportPrintProps = GridSlotProps['baseButton'] & {

package/esm/components/export/ExportPrint.js

@@ -4,9 +4,9 @@ const _excluded = ["render", "options", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that triggers a print export.
@@ -33,7 +33,7 @@ const ExportPrint = forwardRef(function ExportPrint(props, ref) {
     apiRef.current.exportDataAsPrint(options);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     onClick: handleClick
   }, other, {
     ref
@@ -42,6 +42,7 @@ const ExportPrint = forwardRef(function ExportPrint(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") ExportPrint.displayName = "ExportPrint";
 process.env.NODE_ENV !== "production" ? ExportPrint.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/filterPanel/FilterPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 export interface FilterPanelState {
   /**

package/esm/components/filterPanel/FilterPanelTrigger.js

@@ -5,12 +5,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import useForkRef from '@mui/utils/useForkRef';
 import { useGridPanelContext } from "../panel/GridPanelContext.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { gridFilterActiveItemsSelector, gridPreferencePanelStateSelector, GridPreferencePanelsValue, useGridSelector } from "../../hooks/index.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that opens and closes the filter panel.
@@ -63,7 +63,7 @@ const FilterPanelTrigger = forwardRef(function FilterPanelTrigger(props, ref) {
     }
     onPointerUp?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     id: buttonId,
     'aria-haspopup': 'true',
     'aria-expanded': open ? 'true' : undefined,
@@ -78,6 +78,7 @@ const FilterPanelTrigger = forwardRef(function FilterPanelTrigger(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") FilterPanelTrigger.displayName = "FilterPanelTrigger";
 process.env.NODE_ENV !== "production" ? FilterPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/menu/GridMenu.js

@@ -4,7 +4,9 @@ const _excluded = ["open", "target", "onClose", "children", "position", "classNa
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, unstable_useEnhancedEffect as useEnhancedEffect, HTMLElementType } from '@mui/utils';
+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 { vars } from "../../constants/cssVariables.js";
 import { useCSSVariablesClass } from "../../utils/css/context.js";

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

@@ -45,6 +45,7 @@ const GridGenericColumnMenu = forwardRef(function GridGenericColumnMenu(props, r
     children: orderedSlots.map(([Component, otherProps], index) => /*#__PURE__*/_jsx(Component, _extends({}, otherProps), index))
   }));
 });
+if (process.env.NODE_ENV !== "production") GridGenericColumnMenu.displayName = "GridGenericColumnMenu";
 process.env.NODE_ENV !== "production" ? GridGenericColumnMenu.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -84,6 +85,7 @@ const GridColumnMenu = forwardRef(function GridColumnMenu(props, ref) {
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS
   }));
 });
+if (process.env.NODE_ENV !== "production") GridColumnMenu.displayName = "GridColumnMenu";
 process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/menu/columnMenu/GridColumnMenuContainer.js

@@ -45,6 +45,7 @@ const GridColumnMenuContainer = forwardRef(function GridColumnMenuContainer(prop
     children: children
   }));
 });
+if (process.env.NODE_ENV !== "production") GridColumnMenuContainer.displayName = "GridColumnMenuContainer";
 process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/panel/GridPanel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { vars } from "../../constants/cssVariables.js";
@@ -87,6 +87,7 @@ const GridPanel = forwardRef((props, ref) => {
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") GridPanel.displayName = "GridPanel";
 process.env.NODE_ENV !== "production" ? GridPanel.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/panel/GridPanelWrapper.js

@@ -44,4 +44,5 @@ const GridPanelWrapper = forwardRef(function GridPanelWrapper(props, ref) {
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") GridPanelWrapper.displayName = "GridPanelWrapper";
 export { GridPanelWrapper };

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

@@ -5,7 +5,9 @@ const _excluded = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterCha
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId, unstable_capitalize as capitalize } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
+import useId from '@mui/utils/useId';
+import capitalize from '@mui/utils/capitalize';
 import { styled } from '@mui/material/styles';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { vars } from "../../../constants/cssVariables.js";
@@ -359,6 +361,7 @@ const GridFilterForm = forwardRef(function GridFilterForm(props, ref) {
     }))]
   }));
 });
+if (process.env.NODE_ENV !== "production") GridFilterForm.displayName = "GridFilterForm";
 process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

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

@@ -3,7 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { refType, unstable_useId as useId } from '@mui/utils';
+import refType from '@mui/utils/refType';
+import useId from '@mui/utils/useId';
 import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridFilterInputBoolean(props) {

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

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "disabled"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useTimeout } from "../../../hooks/utils/useTimeout.js";
 import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
 import { getValueOptions, isSingleSelectColDef } from "./filterPanelUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridFilterInputMultipleValue(props) {

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "isFilterActive", "clearButton", "headerFilterMenu", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
 import { getValueFromValueOptions, getValueOptions, isSingleSelectColDef } from "./filterPanelUtils.js";
 import { createElement as _createElement } from "react";

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

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "disabled", "isFilterActive", "slotProps", "clearButton", "headerFilterMenu"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useTimeout } from "../../../hooks/utils/useTimeout.js";
 import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -184,6 +184,7 @@ const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
     }) : null]
   }));
 });
+if (process.env.NODE_ENV !== "production") GridFilterPanel.displayName = "GridFilterPanel";
 process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/quickFilter/QuickFilter.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { QuickFilterState } from "./QuickFilterContext.js";
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
 import type { GridFilterModel } from "../../models/index.js";
 export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> & {
   /**

package/esm/components/quickFilter/QuickFilter.js

@@ -3,12 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "className", "parser", "formatter", "debounceMs", "defaultExpanded", "expanded", "onExpandedChange"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_debounce as debounce } from '@mui/utils';
+import debounce from '@mui/utils/debounce';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useId from '@mui/utils/useId';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { QuickFilterContext } from "./QuickFilterContext.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
 import { gridQuickFilterValuesSelector } from "../../hooks/features/filter/index.js";
@@ -129,7 +129,7 @@ function QuickFilter(props) {
       ref.current.style.setProperty('--trigger-width', `${triggerRef.current?.offsetWidth}px`);
     }
   }, []);
-  const element = useGridComponentRenderer('div', render, _extends({
+  const element = useComponentRenderer('div', render, _extends({
     className: resolvedClassName
   }, other, {
     ref

package/esm/components/quickFilter/QuickFilterClear.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterClearProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {

package/esm/components/quickFilter/QuickFilterClear.js

@@ -4,8 +4,8 @@ const _excluded = ["render", "className", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useQuickFilterContext } from "./QuickFilterContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -37,7 +37,7 @@ const QuickFilterClear = forwardRef(function QuickFilterClear(props, ref) {
     clearValue();
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
+  const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     tabIndex: -1
   }, other, {
@@ -48,6 +48,7 @@ const QuickFilterClear = forwardRef(function QuickFilterClear(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") QuickFilterClear.displayName = "QuickFilterClear";
 process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/quickFilter/QuickFilterControl.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {

package/esm/components/quickFilter/QuickFilterControl.js

@@ -3,10 +3,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "className", "slotProps", "onKeyDown", "onChange"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useQuickFilterContext } from "./QuickFilterContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -64,7 +64,7 @@ const QuickFilterControl = forwardRef(function QuickFilterControl(props, ref) {
     onValueChange(event);
     onChange?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
+  const element = useComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
     slotProps: _extends({
       htmlInput: _extends({
         role: 'searchbox',
@@ -85,6 +85,7 @@ const QuickFilterControl = forwardRef(function QuickFilterControl(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") QuickFilterControl.displayName = "QuickFilterControl";
 process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {

package/esm/components/quickFilter/QuickFilterTrigger.js

@@ -4,9 +4,9 @@ const _excluded = ["render", "className", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
+import useForkRef from '@mui/utils/useForkRef';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useQuickFilterContext } from "./QuickFilterContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -41,7 +41,7 @@ const QuickFilterTrigger = forwardRef(function QuickFilterTrigger(props, ref) {
     onExpandedChange(!state.expanded);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     className: resolvedClassName,
     'aria-controls': controlId,
     'aria-expanded': state.expanded
@@ -53,6 +53,7 @@ const QuickFilterTrigger = forwardRef(function QuickFilterTrigger(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") QuickFilterTrigger.displayName = "QuickFilterTrigger";
 process.env.NODE_ENV !== "production" ? QuickFilterTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/toolbar/GridToolbar.js

@@ -49,6 +49,7 @@ const GridToolbar = forwardRef(function GridToolbar(props, ref) {
     }), showQuickFilter && /*#__PURE__*/_jsx(GridToolbarQuickFilter, _extends({}, quickFilterProps))]
   }));
 });
+if (process.env.NODE_ENV !== "production") GridToolbar.displayName = "GridToolbar";
 process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/toolbar/GridToolbarColumnsButton.js

@@ -68,6 +68,7 @@ const GridToolbarColumnsButton = forwardRef(function GridToolbarColumnsButton(pr
     }))
   }));
 });
+if (process.env.NODE_ENV !== "production") GridToolbarColumnsButton.displayName = "GridToolbarColumnsButton";
 process.env.NODE_ENV !== "production" ? GridToolbarColumnsButton.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/toolbar/GridToolbarDensitySelector.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
+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";
@@ -115,6 +116,7 @@ const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelecto
     })]
   });
 });
+if (process.env.NODE_ENV !== "production") GridToolbarDensitySelector.displayName = "GridToolbarDensitySelector";
 process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/toolbar/GridToolbarExport.js

@@ -112,6 +112,7 @@ const GridToolbarExport = forwardRef(function GridToolbarExport(props, ref) {
     }))
   }));
 });
+if (process.env.NODE_ENV !== "production") GridToolbarExport.displayName = "GridToolbarExport";
 process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/toolbar/GridToolbarExportContainer.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
+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";
@@ -80,6 +81,7 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
     })]
   });
 });
+if (process.env.NODE_ENV !== "production") GridToolbarExportContainer.displayName = "GridToolbarExportContainer";
 process.env.NODE_ENV !== "production" ? GridToolbarExportContainer.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/toolbar/GridToolbarFilterButton.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize, unstable_useId as useId } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
+import capitalize from '@mui/utils/capitalize';
+import useId from '@mui/utils/useId';
 import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { vars } from "../../constants/cssVariables.js";
@@ -130,6 +132,7 @@ const GridToolbarFilterButton = forwardRef(function GridToolbarFilterButton(prop
     }))
   }));
 });
+if (process.env.NODE_ENV !== "production") GridToolbarFilterButton.displayName = "GridToolbarFilterButton";
 process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

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

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

package/esm/components/toolbarV8/Toolbar.js

@@ -7,9 +7,9 @@ import { styled } from '@mui/system';
 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 { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { ToolbarContext } from "./ToolbarContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { sortByDocumentPosition } from "./utils.js";
@@ -179,7 +179,7 @@ const Toolbar = forwardRef(function Toolbar(props, ref) {
     onItemFocus,
     onItemDisabled
   }), [focusableItemId, registerItem, unregisterItem, onItemKeyDown, onItemFocus, onItemDisabled]);
-  const element = useGridComponentRenderer(ToolbarRoot, render, _extends({
+  const element = useComponentRenderer(ToolbarRoot, render, _extends({
     role: 'toolbar',
     'aria-orientation': 'horizontal',
     'aria-label': rootProps.label || undefined,
@@ -192,6 +192,7 @@ const Toolbar = forwardRef(function Toolbar(props, ref) {
     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 |

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

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

package/esm/components/toolbarV8/ToolbarButton.js

@@ -3,11 +3,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "onKeyDown", "onFocus", "disabled", "aria-disabled"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+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 { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useToolbarContext } from "./ToolbarContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -70,7 +70,7 @@ const ToolbarButton = forwardRef(function ToolbarButton(props, ref) {
     }
     previousAriaDisabled.current = ariaDisabled;
   }, [ariaDisabled, id, onItemDisabled]);
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
+  const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
     tabIndex: focusableItemId === id ? 0 : -1
   }, other, {
     disabled,
@@ -83,6 +83,7 @@ const ToolbarButton = forwardRef(function ToolbarButton(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") ToolbarButton.displayName = "ToolbarButton";
 process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/virtualization/GridMainContainer.js

@@ -48,4 +48,5 @@ export const GridMainContainer = forwardRef((props, ref) => {
       "data-id": "gridPanelAnchor"
     }), props.children]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") GridMainContainer.displayName = "GridMainContainer";

package/esm/components/virtualization/GridVirtualScrollbar.js

@@ -145,4 +145,5 @@ const GridVirtualScrollbar = forwardRef(function GridVirtualScrollbar(props, ref
     })
   });
 });
+if (process.env.NODE_ENV !== "production") GridVirtualScrollbar.displayName = "GridVirtualScrollbar";
 export { GridVirtualScrollbar };

package/esm/components/virtualization/GridVirtualScrollerContent.js

@@ -40,4 +40,5 @@ const GridVirtualScrollerContent = forwardRef(function GridVirtualScrollerConten
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") GridVirtualScrollerContent.displayName = "GridVirtualScrollerContent";
 export { GridVirtualScrollerContent };

package/esm/components/virtualization/GridVirtualScrollerRenderZone.js

@@ -54,4 +54,5 @@ const GridVirtualScrollerRenderZone = forwardRef(function GridVirtualScrollerRen
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") GridVirtualScrollerRenderZone.displayName = "GridVirtualScrollerRenderZone";
 export { GridVirtualScrollerRenderZone };

package/esm/constants/gridClasses.d.ts

@@ -619,6 +619,10 @@ export interface GridClasses {
    * Styles applied to the root element of the row reorder cell when dragging is allowed
    */
   'rowReorderCell--draggable': string;
+  /**
+   * Styles applied to the row reorder icon element.
+   */
+  rowReorderIcon: string;
   /**
    * Styles applied to the skeleton row element.
    */