@mui/x-data-grid-premium 8.3.1 → 8.5.0

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/ResizablePanelContext.js

@@ -8,6 +8,7 @@ exports.ResizablePanelContext = void 0;
 exports.useResizablePanelContext = useResizablePanelContext;
 var React = _interopRequireWildcard(require("react"));
 const ResizablePanelContext = exports.ResizablePanelContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== "production") ResizablePanelContext.displayName = "ResizablePanelContext";
 function useResizablePanelContext() {
   const context = React.useContext(ResizablePanelContext);
   if (context === undefined) {

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 = "MTc0NzE3MzYwMDAwMA==";
+const releaseInfo = "MTc0ODQ2OTYwMDAwMA==";
 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).
    */
@@ -1244,8 +1252,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * The function is used to split the pasted text into rows and cells.
    * @param {string} text The text pasted from the clipboard.
+   * @param {string} delimiter The delimiter used to split the text. Default is the tab character and can be set with the `clipboardCopyCellDelimiter` prop.
    * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
-   * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
+   * @default (pastedText, delimiter = '\t') => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split(delimiter)); }
    */
   splitClipboardPastedText: PropTypes.func,
   style: PropTypes.object,
@@ -1280,4 +1289,5 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
  * API:
  * - [DataGridPremium API](https://mui.com/x/api/data-grid/data-grid-premium/)
  */
-export const DataGridPremium = /*#__PURE__*/React.memo(DataGridPremiumRaw);
+export const DataGridPremium = /*#__PURE__*/React.memo(DataGridPremiumRaw);
+if (process.env.NODE_ENV !== "production") DataGridPremium.displayName = "DataGridPremium";

package/esm/DataGridPremium/useDataGridPremiumProps.js

@@ -27,11 +27,11 @@ export const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PRO
   aggregationRowsScope: 'filtered',
   getAggregationPosition: groupNode => groupNode.depth === -1 ? 'footer' : 'inline',
   disableClipboardPaste: false,
-  splitClipboardPastedText: pastedText => {
+  splitClipboardPastedText: (pastedText, delimiter = '\t') => {
     // Excel on Windows adds an empty line break at the end of the copied text.
     // See https://github.com/mui/mui-x/issues/9103
     const text = pastedText.replace(/\r?\n$/, '');
-    return text.split(/\r\n|\n|\r/).map(row => row.split('\t'));
+    return text.split(/\r\n|\n|\r/).map(row => row.split(delimiter));
   },
   disablePivoting: false,
   getPivotDerivedColumns: defaultGetPivotDerivedColumns,

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/GridColumnMenuRowGroupItem.js

@@ -30,6 +30,7 @@ export function GridColumnMenuRowGroupItem(props) {
       children: apiRef.current.getLocaleText('unGroupColumn')(name)
     }, field);
   };
+  if (process.env.NODE_ENV !== "production") renderUnGroupingMenuItem.displayName = "renderUnGroupingMenuItem";
   if (!colDef || !isGroupingColumn(colDef.field)) {
     return null;
   }

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/GridPremiumToolbar.js

@@ -44,6 +44,7 @@ export function GridPremiumToolbar(props) {
     onClick: onMenuItemClick,
     children: apiRef.current.getLocaleText('toolbarExportExcel')
   }) : undefined;
+  if (process.env.NODE_ENV !== "production") additionalExportMenuItems.displayName = "additionalExportMenuItems";
   return /*#__PURE__*/_jsx(GridToolbar, _extends({}, other, {
     additionalItems: additionalItems,
     additionalExportMenuItems: additionalExportMenuItems

package/esm/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -74,6 +74,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/CollapsibleContext.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 export const CollapsibleContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== "production") CollapsibleContext.displayName = "CollapsibleContext";
 export function useCollapsibleContext() {
   const context = React.useContext(CollapsibleContext);
   if (context === undefined) {

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

@@ -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.js

@@ -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

@@ -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/PromptFieldContext.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 export const PromptFieldContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== "production") PromptFieldContext.displayName = "PromptFieldContext";
 export function usePromptFieldContext() {
   const context = React.useContext(PromptFieldContext);
   if (context === undefined) {

package/esm/components/promptField/PromptFieldControl.js

@@ -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

@@ -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

@@ -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/ResizablePanelContext.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 export const ResizablePanelContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== "production") ResizablePanelContext.displayName = "ResizablePanelContext";
 export function useResizablePanelContext() {
   const context = React.useContext(ResizablePanelContext);
   if (context === undefined) {

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";

package/esm/components/sidebar/SidebarHeader.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { 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 clsx from 'clsx';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/hooks/features/aggregation/gridAggregationUtils.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { unstable_capitalize as capitalize } from '@mui/utils';
+import capitalize from '@mui/utils/capitalize';
 import { GRID_ID_AUTOGENERATED } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
 import { addPinnedRow, insertNodeInTree, removeNodeFromTree } from '@mui/x-data-grid-pro/internals';

package/esm/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -134,6 +134,7 @@ const getWrappedRenderHeader = ({
       renderHeader: renderHeader
     }));
   };
+  if (process.env.NODE_ENV !== "production") wrappedRenderHeader.displayName = "wrappedRenderHeader";
   return wrappedRenderHeader;
 };
 

package/esm/hooks/features/cellSelection/useGridCellSelection.js

@@ -458,7 +458,7 @@ export const useGridCellSelection = (apiRef, props) => {
     const sortedSelectedRowIds = sortedRowIds.filter(id => unsortedSelectedRowIds.includes(`${id}`));
     const copyData = sortedSelectedRowIds.reduce((acc, rowId) => {
       const fieldsMap = cellSelectionModel[rowId];
-      const rowString = Object.keys(fieldsMap).reduce((acc2, field) => {
+      const rowValues = Object.keys(fieldsMap).map(field => {
         let cellData;
         if (fieldsMap[field]) {
           const cellParams = apiRef.current.getCellParams(rowId, field);
@@ -473,8 +473,9 @@ export const useGridCellSelection = (apiRef, props) => {
         } else {
           cellData = '';
         }
-        return acc2 === '' ? cellData : [acc2, cellData].join(clipboardCopyCellDelimiter);
+        return cellData;
       }, '');
+      const rowString = rowValues.join(clipboardCopyCellDelimiter);
       return acc === '' ? rowString : [acc, rowString].join('\r\n');
     }, '');
     return copyData;

package/esm/hooks/features/clipboard/useGridClipboardImport.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
-export declare const useGridClipboardImport: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "pagination" | "paginationMode" | "processRowUpdate" | "onProcessRowUpdateError" | "getRowId" | "onClipboardPasteStart" | "onClipboardPasteEnd" | "splitClipboardPastedText" | "disableClipboardPaste" | "onBeforeClipboardPasteStart">) => void;
+export declare const useGridClipboardImport: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "pagination" | "paginationMode" | "processRowUpdate" | "onProcessRowUpdateError" | "getRowId" | "onClipboardPasteStart" | "onClipboardPasteEnd" | "splitClipboardPastedText" | "disableClipboardPaste" | "onBeforeClipboardPasteStart" | "clipboardCopyCellDelimiter">) => void;

package/esm/hooks/features/clipboard/useGridClipboardImport.js

@@ -4,7 +4,7 @@ import { GRID_CHECKBOX_SELECTION_FIELD, gridFocusCellSelector, gridVisibleColumn
 import { getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef, isPasteShortcut, useGridLogger } from '@mui/x-data-grid/internals';
 import { warnOnce } from '@mui/x-internals/warning';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_REORDER_COL_DEF } from '@mui/x-data-grid-pro';
-import { unstable_debounce as debounce } from '@mui/utils';
+import debounce from '@mui/utils/debounce';
 const columnFieldsToExcludeFromPaste = [GRID_CHECKBOX_SELECTION_FIELD, GRID_REORDER_COL_DEF.field, GRID_DETAIL_PANEL_TOGGLE_FIELD];
 
 // Batches rows that are updated during clipboard paste to reduce `updateRows` calls
@@ -256,8 +256,9 @@ export const useGridClipboardImport = (apiRef, props) => {
   const getRowId = props.getRowId;
   const enableClipboardPaste = !props.disableClipboardPaste;
   const logger = useGridLogger(apiRef, 'useGridClipboardImport');
-  const splitClipboardPastedText = props.splitClipboardPastedText;
   const {
+    clipboardCopyCellDelimiter,
+    splitClipboardPastedText,
     pagination,
     paginationMode,
     onBeforeClipboardPasteStart
@@ -285,7 +286,7 @@ export const useGridClipboardImport = (apiRef, props) => {
     if (!text) {
       return;
     }
-    const pastedData = splitClipboardPastedText(text);
+    const pastedData = splitClipboardPastedText(text, clipboardCopyCellDelimiter);
     if (!pastedData) {
       return;
     }
@@ -318,7 +319,7 @@ export const useGridClipboardImport = (apiRef, props) => {
       paginationMode
     });
     cellUpdater.applyUpdates();
-  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, splitClipboardPastedText, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
+  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, splitClipboardPastedText, clipboardCopyCellDelimiter, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
   const checkIfCanStartEditing = React.useCallback((initialValue, {
     event
   }) => {

package/esm/hooks/features/rowGrouping/createGroupingColDef.js

@@ -255,6 +255,7 @@ export const createGroupingColDefForAllGroupingCriteria = ({
   // Then we apply the sorting / filtering on the leaves based on the properties of `leavesColDef`
   //
   // By default, we apply the sorting / filtering on the groups of the top level grouping criteria based on the properties of `columnsLookup[orderedGroupedByFields[0]]`.
+  if (process.env.NODE_ENV !== "production") commonProperties.renderCell.displayName = "commonProperties.renderCell";
   let sourceProperties;
   if (mainGroupingCriteria && rowGroupingModel.includes(mainGroupingCriteria)) {
     sourceProperties = getGroupingCriteriaProperties(columnsLookup[mainGroupingCriteria], true);

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.3.1
+ * @mui/x-data-grid-premium v8.5.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/esm/models/dataGridPremiumProps.d.ts

@@ -78,10 +78,11 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
   /**
    * The function is used to split the pasted text into rows and cells.
    * @param {string} text The text pasted from the clipboard.
+   * @param {string} delimiter The delimiter used to split the text. Default is the tab character and can be set with the `clipboardCopyCellDelimiter` prop.
    * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
-   * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
+   * @default (pastedText, delimiter = '\t') => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split(delimiter)); }
    */
-  splitClipboardPastedText: (text: string) => string[][] | null;
+  splitClipboardPastedText: (text: string, delimiter: string) => string[][] | null;
   /**
    * If `true`, the pivoting feature is disabled.
    * @default false

package/esm/models/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./gridApiPremium.js";
 export * from "./gridGroupingValueGetter.js";
 export * from "./gridPremiumIconSlotsComponent.js";
 export * from "./gridPremiumSlotsComponent.js";

package/esm/models/index.js

@@ -1,3 +1,4 @@
+export * from "./gridApiPremium.js";
 export * from "./gridGroupingValueGetter.js";
 export * from "./gridPremiumIconSlotsComponent.js";
 export * from "./gridPremiumSlotsComponent.js";

package/hooks/features/aggregation/gridAggregationUtils.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mergeStateWithAggregationModel = exports.getAvailableAggregationFunctions = exports.getAggregationRules = exports.getAggregationFunctionLabel = exports.getAggregationFooterRowIdFromGroupId = exports.canColumnHaveAggregationFunction = exports.areAggregationRulesEqual = exports.addFooterRows = exports.GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _utils = require("@mui/utils");
+var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _internals = require("@mui/x-data-grid/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals2 = require("@mui/x-data-grid-pro/internals");
@@ -187,7 +187,7 @@ const getAggregationFunctionLabel = ({
     return aggregationRule.aggregationFunction.label;
   }
   try {
-    return apiRef.current.getLocaleText(`aggregationFunctionLabel${(0, _utils.unstable_capitalize)(aggregationRule.aggregationFunctionName)}`);
+    return apiRef.current.getLocaleText(`aggregationFunctionLabel${(0, _capitalize.default)(aggregationRule.aggregationFunctionName)}`);
   } catch {
     return aggregationRule.aggregationFunctionName;
   }

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -142,6 +142,7 @@ const getWrappedRenderHeader = ({
       renderHeader: renderHeader
     }));
   };
+  if (process.env.NODE_ENV !== "production") wrappedRenderHeader.displayName = "wrappedRenderHeader";
   return wrappedRenderHeader;
 };