@mui/x-data-grid-premium 9.0.0-beta.0 → 9.0.0

package/hooks/features/clipboard/useGridClipboardImport.d.mts

@@ -1,4 +1,26 @@
 import type { RefObject } from '@mui/x-internals/types';
+import { type GridColDef, type GridRowId, type GridValidRowModel, type GridRowModel } from '@mui/x-data-grid';
 import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.mjs";
 import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.mjs";
+export declare class CellValueUpdater {
+  rowsToUpdate: Map<GridRowId, GridValidRowModel>;
+  updateRow: (row: GridRowModel) => void;
+  options: {
+    apiRef: RefObject<GridPrivateApiPremium>;
+    processRowUpdate: DataGridPremiumProcessedProps['processRowUpdate'];
+    onProcessRowUpdateError: DataGridPremiumProcessedProps['onProcessRowUpdateError'];
+    getRowId: DataGridPremiumProcessedProps['getRowId'];
+  };
+  constructor(options: CellValueUpdater['options']);
+  updateCell({
+    rowId,
+    field,
+    pastedCellValue
+  }: {
+    rowId: GridRowId;
+    field: GridColDef['field'];
+    pastedCellValue: string;
+  }): void;
+  applyUpdates(): 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.d.ts

@@ -1,4 +1,26 @@
 import type { RefObject } from '@mui/x-internals/types';
+import { type GridColDef, type GridRowId, type GridValidRowModel, type GridRowModel } from '@mui/x-data-grid';
 import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+export declare class CellValueUpdater {
+  rowsToUpdate: Map<GridRowId, GridValidRowModel>;
+  updateRow: (row: GridRowModel) => void;
+  options: {
+    apiRef: RefObject<GridPrivateApiPremium>;
+    processRowUpdate: DataGridPremiumProcessedProps['processRowUpdate'];
+    onProcessRowUpdateError: DataGridPremiumProcessedProps['onProcessRowUpdateError'];
+    getRowId: DataGridPremiumProcessedProps['getRowId'];
+  };
+  constructor(options: CellValueUpdater['options']);
+  updateCell({
+    rowId,
+    field,
+    pastedCellValue
+  }: {
+    rowId: GridRowId;
+    field: GridColDef['field'];
+    pastedCellValue: string;
+  }): void;
+  applyUpdates(): 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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridClipboardImport = void 0;
+exports.useGridClipboardImport = exports.CellValueUpdater = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
@@ -173,6 +173,7 @@ class CellValueUpdater {
     });
   }
 }
+exports.CellValueUpdater = CellValueUpdater;
 function defaultPasteResolver({
   pastedData,
   apiRef,
@@ -287,6 +288,11 @@ const useGridClipboardImport = (apiRef, props) => {
     onBeforeClipboardPasteStart
   } = props;
   const handlePaste = React.useCallback(async (params, event) => {
+    // Ignore portal
+    // Do not apply shortcuts if the focus is not on the cell root component
+    if ((0, _internals.isEventTargetInPortal)(event)) {
+      return;
+    }
     if (!enableClipboardPaste) {
       return;
     }

package/hooks/features/clipboard/useGridClipboardImport.mjs

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GRID_CHECKBOX_SELECTION_FIELD, gridFocusCellSelector, gridVisibleColumnFieldsSelector, useGridEventPriority, useGridEvent, gridPaginatedVisibleSortedGridRowIdsSelector, gridExpandedSortedRowIdsSelector, gridRowSelectionIdsSelector, gridRowSelectionCountSelector } from '@mui/x-data-grid';
-import { getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef, isPasteShortcut, useGridLogger } from '@mui/x-data-grid/internals';
+import { getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef, isPasteShortcut, useGridLogger, isEventTargetInPortal } 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 debounce from '@mui/utils/debounce';
@@ -52,8 +52,8 @@ async function getTextFromClipboard(rootEl) {
 }
 
 // Keeps track of updated rows during clipboard paste
-class CellValueUpdater {
-  rowsToUpdate = (() => new Map())();
+export class CellValueUpdater {
+  rowsToUpdate = new Map();
   constructor(options) {
     this.options = options;
     this.updateRow = batchRowUpdates(options.apiRef.current.updateRows, 50);
@@ -279,6 +279,11 @@ export const useGridClipboardImport = (apiRef, props) => {
     onBeforeClipboardPasteStart
   } = props;
   const handlePaste = React.useCallback(async (params, event) => {
+    // Ignore portal
+    // Do not apply shortcuts if the focus is not on the cell root component
+    if (isEventTargetInPortal(event)) {
+      return;
+    }
     if (!enableClipboardPaste) {
       return;
     }

package/hooks/features/rows/useGridRowsOverridableMethods.js

@@ -100,7 +100,7 @@ const useGridRowsOverridableMethods = (apiRef, props) => {
     };
     return _rowGroupingReorderExecutor.rowGroupingReorderExecutor.execute(executionContext);
   }, [apiRef, processRowUpdate, onProcessRowUpdateError]);
-  if (flatTree) {
+  if (flatTree && !props.treeData) {
     return {
       setRowIndex: setRowIndexPlain,
       setRowPosition: setRowPositionPlain

package/hooks/features/rows/useGridRowsOverridableMethods.mjs

@@ -92,7 +92,7 @@ export const useGridRowsOverridableMethods = (apiRef, props) => {
     };
     return rowGroupingReorderExecutor.execute(executionContext);
   }, [apiRef, processRowUpdate, onProcessRowUpdateError]);
-  if (flatTree) {
+  if (flatTree && !props.treeData) {
     return {
       setRowIndex: setRowIndexPlain,
       setRowPosition: setRowPositionPlain

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.0.0-beta.0
+ * @mui/x-data-grid-premium v9.0.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.0.0-beta.0
+ * @mui/x-data-grid-premium v9.0.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/models/dataGridPremiumProps.d.mts

@@ -100,6 +100,13 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
    * @default false
    */
   chartsIntegration: boolean;
+  /**
+   * If `true`, a fill handle is shown at the bottom-right corner of the cell selection.
+   * Dragging the fill handle fills target cells with the values from selected cells.
+   * Requires `cellSelection` to be enabled.
+   * @default false
+   */
+  cellSelectionFillHandle: boolean;
   /**
    * The maximum size of the history stack.
    * Set to 0 to disable the undo/redo feature.

package/models/dataGridPremiumProps.d.ts

@@ -100,6 +100,13 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
    * @default false
    */
   chartsIntegration: boolean;
+  /**
+   * If `true`, a fill handle is shown at the bottom-right corner of the cell selection.
+   * Dragging the fill handle fills target cells with the values from selected cells.
+   * Requires `cellSelection` to be enabled.
+   * @default false
+   */
+  cellSelectionFillHandle: boolean;
   /**
    * The maximum size of the history stack.
    * Set to 0 to disable the undo/redo feature.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "9.0.0-beta.0",
+  "version": "9.0.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -34,20 +34,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.6",
-    "@mui/utils": "^7.3.7",
-    "@mui/x-internal-exceljs-fork": "4.4.4",
+    "@mui/utils": "9.0.0",
+    "@mui/x-internal-exceljs-fork": "4.4.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "9.0.0-beta.0",
-    "@mui/x-data-grid-pro": "9.0.0-beta.0",
-    "@mui/x-internals": "9.0.0-alpha.4",
-    "@mui/x-license": "9.0.0-beta.0"
+    "@mui/x-data-grid-pro": "^9.0.0",
+    "@mui/x-internals": "^9.0.0",
+    "@mui/x-data-grid": "^9.0.0",
+    "@mui/x-license": "^9.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
-    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^7.3.0 || ^9.0.0",
+    "@mui/system": "^7.3.0 || ^9.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },