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

package/hooks/features/cellSelection/useGridCellSelection.js

@@ -467,7 +467,7 @@ 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);
@@ -482,8 +482,9 @@ 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/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/hooks/features/clipboard/useGridClipboardImport.js

@@ -12,13 +12,13 @@ var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
 var _warning = require("@mui/x-internals/warning");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
 const columnFieldsToExcludeFromPaste = [_xDataGrid.GRID_CHECKBOX_SELECTION_FIELD, _xDataGridPro.GRID_REORDER_COL_DEF.field, _xDataGridPro.GRID_DETAIL_PANEL_TOGGLE_FIELD];
 
 // Batches rows that are updated during clipboard paste to reduce `updateRows` calls
 function batchRowUpdates(func, wait) {
   let rows = [];
-  const debounced = (0, _utils.unstable_debounce)(() => {
+  const debounced = (0, _debounce.default)(() => {
     func(rows);
     rows = [];
   }, wait);
@@ -264,8 +264,9 @@ const useGridClipboardImport = (apiRef, props) => {
   const getRowId = props.getRowId;
   const enableClipboardPaste = !props.disableClipboardPaste;
   const logger = (0, _internals.useGridLogger)(apiRef, 'useGridClipboardImport');
-  const splitClipboardPastedText = props.splitClipboardPastedText;
   const {
+    clipboardCopyCellDelimiter,
+    splitClipboardPastedText,
     pagination,
     paginationMode,
     onBeforeClipboardPasteStart
@@ -293,7 +294,7 @@ const useGridClipboardImport = (apiRef, props) => {
     if (!text) {
       return;
     }
-    const pastedData = splitClipboardPastedText(text);
+    const pastedData = splitClipboardPastedText(text, clipboardCopyCellDelimiter);
     if (!pastedData) {
       return;
     }
@@ -326,7 +327,7 @@ 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/hooks/features/rowGrouping/createGroupingColDef.js

@@ -264,6 +264,7 @@ 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/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/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/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/models/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _gridApiPremium = require("./gridApiPremium");
+Object.keys(_gridApiPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridApiPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridApiPremium[key];
+    }
+  });
+});
 var _gridGroupingValueGetter = require("./gridGroupingValueGetter");
 Object.keys(_gridGroupingValueGetter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.3.1",
+  "version": "8.5.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "main": "./index.js",
@@ -42,10 +42,10 @@
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-data-grid-pro": "8.3.1",
-    "@mui/x-data-grid": "8.3.1",
-    "@mui/x-internals": "8.3.1",
-    "@mui/x-license": "8.3.1"
+    "@mui/x-data-grid": "8.5.0",
+    "@mui/x-data-grid-pro": "8.5.0",
+    "@mui/x-license": "8.5.0",
+    "@mui/x-internals": "8.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",