@mui/x-data-grid-premium 8.4.0 → 8.5.1

package/components/promptField/PromptField.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -59,7 +59,7 @@ const PromptField = exports.PromptField = (0, _forwardRef.forwardRef)(function P
     onSubmit: handleOnSubmit,
     onError: onRecordError
   }), [state, lang, onRecordError, handleOnSubmit]);
-  const element = (0, _internals.useGridComponentRenderer)('div', render, (0, _extends2.default)({
+  const element = (0, _useComponentRenderer.useComponentRenderer)('div', render, (0, _extends2.default)({
     className: resolvedClassName
   }, other, {
     ref
@@ -69,6 +69,7 @@ const PromptField = exports.PromptField = (0, _forwardRef.forwardRef)(function P
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptField.displayName = "PromptField";
 process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/promptField/PromptFieldControl.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -53,7 +53,7 @@ const PromptFieldControl = exports.PromptFieldControl = (0, _forwardRef.forwardR
     }
     onKeyDown?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseTextField, render, (0, _extends2.default)({}, rootProps.slotProps?.baseTextField, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseTextField, render, (0, _extends2.default)({}, rootProps.slotProps?.baseTextField, {
     value: state.value,
     className: resolvedClassName
   }, other, {
@@ -65,6 +65,7 @@ const PromptFieldControl = exports.PromptFieldControl = (0, _forwardRef.forwardR
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldControl.displayName = "PromptFieldControl";
 process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/promptField/PromptFieldRecord.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useTimeout = require("@mui/utils/useTimeout");
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _speechRecognition = require("../../utils/speechRecognition");
@@ -120,7 +120,7 @@ const PromptFieldRecord = exports.PromptFieldRecord = (0, _forwardRef.forwardRef
     recognition.abort();
     onClick?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     disabled: state.disabled
   }, other, {
@@ -131,6 +131,7 @@ const PromptFieldRecord = exports.PromptFieldRecord = (0, _forwardRef.forwardRef
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldRecord.displayName = "PromptFieldRecord";
 process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/promptField/PromptFieldSend.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _internals = require("@mui/x-data-grid/internals");
+var _useComponentRenderer = require("@mui/x-internals/useComponentRenderer");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _PromptFieldContext = require("./PromptFieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -45,7 +45,7 @@ const PromptFieldSend = exports.PromptFieldSend = (0, _forwardRef.forwardRef)(fu
     onSubmit(state.value);
     onClick?.(event);
   };
-  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
+  const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     disabled: state.disabled || state.recording || !state.value.trim()
   }, other, {
@@ -56,6 +56,7 @@ const PromptFieldSend = exports.PromptFieldSend = (0, _forwardRef.forwardRef)(fu
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldSend.displayName = "PromptFieldSend";
 process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/resizablePanel/ResizablePanel.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _ResizablePanelContext = require("./ResizablePanelContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['resizablePanel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const ResizablePanelRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/resizablePanel/ResizablePanelHandle.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useResize = require("../../hooks/utils/useResize");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['resizablePanelHandle', `resizablePanelHandle--${direction}`]
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const ResizablePanelHandleRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/sidebar/Sidebar.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _resizablePanel = require("../resizablePanel");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['sidebar']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const SidebarRoot = (0, _system.styled)(_resizablePanel.ResizablePanel, {
   name: 'MuiDataGrid',

package/components/sidebar/SidebarHeader.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['sidebarHeader']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const SidebarHeaderRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/esm/DataGridPremium/DataGridPremium.js

@@ -33,7 +33,7 @@ const configuration = {
     }
   }
 };
-const releaseInfo = "MTc0Nzc3ODQwMDAwMA==";
+const releaseInfo = "MTc0OTA3MDgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -69,6 +69,7 @@ const DataGridPremiumRaw = forwardRef(function DataGridPremium(inProps, ref) {
     }))
   });
 });
+if (process.env.NODE_ENV !== "production") DataGridPremiumRaw.displayName = "DataGridPremiumRaw";
 process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -640,6 +641,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default "error" ("warn" in dev mode)
    */
   logLevel: PropTypes.oneOf(['debug', 'error', 'info', 'warn', false]),
+  /**
+   * If set to "always", the multi-sorting is applied without modifier key.
+   * Otherwise, the modifier key is required for multi-sorting to be applied.
+   * @see See https://mui.com/x/react-data-grid/sorting/#multi-sorting
+   * @default "withModifierKey"
+   */
+  multipleColumnsSortingMode: PropTypes.oneOf(['always', 'withModifierKey']),
   /**
    * Nonce of the inline styles for [Content Security Policy](https://www.w3.org/TR/2016/REC-CSP2-20161215/#script-src-the-nonce-attribute).
    */

package/esm/DataGridPremium/useDataGridPremiumComponent.js

@@ -27,19 +27,23 @@ export const useDataGridPremiumComponent = (apiRef, inProps) => {
 
   /**
    * Register all pre-processors called during state initialization here.
+   * Some pre-processors are changing the same part of the state (like the order of the columns).
+   * Order them in descending order of priority.
+   * For example, left pinned columns should always render first from the left, so the `hydrateColumns` pre-processor from `useGridColumnPinningPreProcessors` should be called last (after all other `hydrateColumns` pre-processors).
+   * Similarly, the `hydrateColumns` pre-processor from `useGridRowSelectionPreProcessors` should be called after `useGridRowGroupingPreProcessors` because the selection checkboxes should appear before the grouping columns.
+   * Desired autogenerated columns order is:
+   * left pinned columns -> row reordering column -> checkbox column -> tree data / row grouping column -> master detail column -> rest of the columns
    */
-  useGridRowSelectionPreProcessors(apiRef, props);
-  useGridRowReorderPreProcessors(apiRef, props);
+  useGridDetailPanelPreProcessors(apiRef, props);
   useGridRowGroupingPreProcessors(apiRef, props);
   useGridDataSourceRowGroupingPreProcessors(apiRef, props);
   useGridTreeDataPreProcessors(apiRef, props);
   useGridDataSourceTreeDataPreProcessors(apiRef, props);
+  useGridRowSelectionPreProcessors(apiRef, props);
   useGridLazyLoaderPreProcessors(apiRef, props);
   useGridRowPinningPreProcessors(apiRef);
   useGridAggregationPreProcessors(apiRef, props);
-  useGridDetailPanelPreProcessors(apiRef, props);
-  // The column pinning `hydrateColumns` pre-processor must be after every other `hydrateColumns` pre-processors
-  // Because it changes the order of the columns.
+  useGridRowReorderPreProcessors(apiRef, props);
   useGridColumnPinningPreProcessors(apiRef, props);
   useGridRowsPreProcessors(apiRef);
 

package/esm/components/GridAggregationRowOverlay.js

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

package/esm/components/GridColumnMenuAggregationItem.js

@@ -5,7 +5,7 @@ const _excluded = ["native"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useGridSelector } from '@mui/x-data-grid-pro';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { canColumnHaveAggregationFunction, getAggregationFunctionLabel, getAvailableAggregationFunctions } from "../hooks/features/aggregation/gridAggregationUtils.js";

package/esm/components/GridDataSourceGroupingCriteriaCell.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { useGridPrivateApiContext, gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector, gridRowSelector, vars } from '@mui/x-data-grid-pro/internals';
 import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";

package/esm/components/GridEmptyPivotOverlay.js

@@ -12,6 +12,7 @@ const GridEmptyPivotOverlay = forwardRef(function GridEmptyPivotOverlay(props, r
     children: apiRef.current.getLocaleText('emptyPivotOverlayLabel')
   }));
 });
+if (process.env.NODE_ENV !== "production") GridEmptyPivotOverlay.displayName = "GridEmptyPivotOverlay";
 process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/GridPremiumColumnMenu.js

@@ -39,4 +39,5 @@ export const GridPremiumColumnMenu = forwardRef(function GridPremiumColumnMenuSi
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM,
     ref: ref
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") GridPremiumColumnMenu.displayName = "GridPremiumColumnMenu";

package/esm/components/aiAssistantPanel/AiAssistantPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export interface AiAssistantPanelState {
   /**

package/esm/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -5,7 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer, useGridPanelContext } from '@mui/x-data-grid-pro/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
+import { useGridPanelContext } from '@mui/x-data-grid-pro/internals';
 import { gridPreferencePanelStateSelector, GridPreferencePanelsValue, useGridSelector } from '@mui/x-data-grid-pro';
 import { useForkRef } from '@mui/material/utils';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
@@ -59,7 +60,7 @@ const AiAssistantPanelTrigger = forwardRef(function AiAssistantPanelTrigger(prop
     }
     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,
@@ -74,6 +75,7 @@ const AiAssistantPanelTrigger = forwardRef(function AiAssistantPanelTrigger(prop
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") AiAssistantPanelTrigger.displayName = "AiAssistantPanelTrigger";
 process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/aiAssistantPanel/GridAiAssistantPanel.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridAiAssistantActiveConversationSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.js";

package/esm/components/aiAssistantPanel/GridAiAssistantPanelConversation.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getDataGridUtilityClass, GridShadowScrollArea } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/collapsible/Collapsible.js

@@ -6,7 +6,7 @@ import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import { CollapsibleContext } from "./CollapsibleContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/collapsible/CollapsiblePanel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/collapsible/CollapsibleTrigger.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className"];
 import * as React from 'react';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/export/ExportExcel.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "options", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -33,7 +33,7 @@ const ExportExcel = forwardRef(function ExportExcel(props, ref) {
     apiRef.current.exportDataAsExcel(options);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({
     onClick: handleClick
   }, rootProps.slotProps?.baseButton, other, {
     ref
@@ -42,6 +42,7 @@ const ExportExcel = forwardRef(function ExportExcel(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") ExportExcel.displayName = "ExportExcel";
 process.env.NODE_ENV !== "production" ? ExportExcel.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/pivotPanel/GridPivotPanelHeader.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { useGridSelector, getDataGridUtilityClass, gridRowCountSelector } from '@mui/x-data-grid-pro';
 import { vars, NotRendered } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { SidebarHeader } from "../sidebar/index.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/pivotPanel/GridPivotPanelSearch.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/pivotPanel/PivotPanelTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-data-grid-pro/internals';
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export interface PivotPanelState {
   /**

package/esm/components/pivotPanel/PivotPanelTrigger.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid-pro/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridSelector } from '@mui/x-data-grid-pro';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -45,7 +45,7 @@ const PivotPanelTrigger = forwardRef(function PivotPanelTrigger(props, ref) {
     apiRef.current.setPivotPanelOpen(!open);
     onClick?.(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,
     // TODO: Hook up the panel/trigger IDs to the pivot panel
     'aria-haspopup': 'true',
@@ -60,6 +60,7 @@ const PivotPanelTrigger = forwardRef(function PivotPanelTrigger(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PivotPanelTrigger.displayName = "PivotPanelTrigger";
 process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/prompt/GridPrompt.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { getDataGridUtilityClass, gridClasses, gridColumnLookupSelector, useGridSelector } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
+import capitalize from '@mui/utils/capitalize';
 import { keyframes, styled } from '@mui/system';
 import { getValueOptions, isSingleSelectColDef, vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';

package/esm/components/promptField/PromptField.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "className", "lang", "onRecordError", "onSubmit"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { PromptFieldContext } from "./PromptFieldContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -51,7 +51,7 @@ const PromptField = forwardRef(function PromptField(props, ref) {
     onSubmit: handleOnSubmit,
     onError: onRecordError
   }), [state, lang, onRecordError, handleOnSubmit]);
-  const element = useGridComponentRenderer('div', render, _extends({
+  const element = useComponentRenderer('div', render, _extends({
     className: resolvedClassName
   }, other, {
     ref
@@ -61,6 +61,7 @@ const PromptField = forwardRef(function PromptField(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptField.displayName = "PromptField";
 process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/promptField/PromptFieldControl.js

@@ -4,7 +4,7 @@ const _excluded = ["render", "className", "onChange", "onKeyDown"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { usePromptFieldContext } from "./PromptFieldContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,7 +45,7 @@ const PromptFieldControl = forwardRef(function PromptFieldControl(props, ref) {
     }
     onKeyDown?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
+  const element = useComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
     value: state.value,
     className: resolvedClassName
   }, other, {
@@ -57,6 +57,7 @@ const PromptFieldControl = forwardRef(function PromptFieldControl(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldControl.displayName = "PromptFieldControl";
 process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/promptField/PromptFieldRecord.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { Timeout } from '@mui/utils/useTimeout';
 import useLazyRef from '@mui/utils/useLazyRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { usePromptFieldContext } from "./PromptFieldContext.js";
 import { BrowserSpeechRecognition } from "../../utils/speechRecognition.js";
@@ -112,7 +112,7 @@ const PromptFieldRecord = forwardRef(function PromptFieldRecord(props, ref) {
     recognition.abort();
     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,
     disabled: state.disabled
   }, other, {
@@ -123,6 +123,7 @@ const PromptFieldRecord = forwardRef(function PromptFieldRecord(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldRecord.displayName = "PromptFieldRecord";
 process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/promptField/PromptFieldSend.js

@@ -4,7 +4,7 @@ const _excluded = ["render", "className", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridComponentRenderer } from '@mui/x-data-grid/internals';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { usePromptFieldContext } from "./PromptFieldContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -37,7 +37,7 @@ const PromptFieldSend = forwardRef(function PromptFieldSend(props, ref) {
     onSubmit(state.value);
     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,
     disabled: state.disabled || state.recording || !state.value.trim()
   }, other, {
@@ -48,6 +48,7 @@ const PromptFieldSend = forwardRef(function PromptFieldSend(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldSend.displayName = "PromptFieldSend";
 process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/resizablePanel/ResizablePanel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/system';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { ResizablePanelContext } from "./ResizablePanelContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/resizablePanel/ResizablePanelHandle.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "children"];
 import * as React from 'react';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
 import { useResize } from "../../hooks/utils/useResize.js";

package/esm/components/sidebar/Sidebar.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/system';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { ResizablePanel, ResizablePanelHandle } from "../resizablePanel/index.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";