@mui/x-data-grid 8.2.0 → 8.3.1

package/material/index.js

@@ -64,19 +64,19 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps"
   _excluded7 = ["material"],
   _excluded8 = ["material"],
   _excluded9 = ["material"],
+  _excluded0 = ["material"],
+  _excluded1 = ["material"],
   _excluded10 = ["material"],
-  _excluded11 = ["material"],
+  _excluded11 = ["material", "label", "className"],
   _excluded12 = ["material"],
-  _excluded13 = ["material", "label", "className"],
-  _excluded14 = ["material"],
-  _excluded15 = ["inert", "iconStart", "iconEnd", "children", "material"],
-  _excluded16 = ["slotProps", "material"],
-  _excluded17 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
-  _excluded18 = ["key"],
-  _excluded19 = ["inputProps", "InputProps", "InputLabelProps"],
-  _excluded20 = ["slotProps", "material"],
-  _excluded21 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
-  _excluded22 = ["native"];
+  _excluded13 = ["inert", "iconStart", "iconEnd", "children", "material"],
+  _excluded14 = ["slotProps", "material"],
+  _excluded15 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
+  _excluded16 = ["key"],
+  _excluded17 = ["inputProps", "InputProps", "InputLabelProps"],
+  _excluded18 = ["slotProps", "material"],
+  _excluded19 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
+  _excluded20 = ["native"];
 /* eslint-disable material-ui/disallow-react-api-in-server-components */
 
 const InputAdornment = (0, _styles.styled)(_InputAdornment.default)(({
@@ -340,7 +340,7 @@ const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded0);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
@@ -349,7 +349,7 @@ const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref)
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded1);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
@@ -358,7 +358,7 @@ const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, re
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
@@ -369,7 +369,7 @@ const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
       label,
       className
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded13);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
   if (!label) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
       className: className,
@@ -388,7 +388,7 @@ const BaseMenuList = (0, _forwardRef.forwardRef)(function BaseMenuList(props, re
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
@@ -401,7 +401,7 @@ function BaseMenuItem(props) {
       children,
       material
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded13);
   if (inert) {
     other.disableRipple = true;
   }
@@ -420,7 +420,7 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded16);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({
     variant: "outlined"
   }, rest, material, {
@@ -447,7 +447,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded17);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     id: id,
     multiple: multiple,
@@ -464,7 +464,7 @@ function BaseAutocomplete(props) {
         {
           key
         } = _getTagProps,
-        tagProps = (0, _objectWithoutPropertiesLoose2.default)(_getTagProps, _excluded18);
+        tagProps = (0, _objectWithoutPropertiesLoose2.default)(_getTagProps, _excluded16);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({
         variant: "outlined",
         size: "small",
@@ -477,7 +477,7 @@ function BaseAutocomplete(props) {
           InputProps,
           InputLabelProps
         } = params,
-        inputRest = (0, _objectWithoutPropertiesLoose2.default)(params, _excluded19);
+        inputRest = (0, _objectWithoutPropertiesLoose2.default)(params, _excluded17);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({}, inputRest, {
         label: label,
         placeholder: placeholder,
@@ -501,7 +501,7 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded20);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded18);
   const result = rest;
   if (wrapAdornments) {
     if (result.startAdornment) {
@@ -550,7 +550,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded21);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded19);
   const modifiers = React.useMemo(() => {
     const result = [{
       name: 'preventOverflow',
@@ -648,7 +648,7 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded22);
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded20);
   if (native) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", (0, _extends2.default)({}, props));
   }

package/models/api/gridRowSelectionApi.d.ts

@@ -1,5 +1,6 @@
 import type { GridRowId, GridRowModel } from "../gridRows.js";
 import type { GridRowSelectionModel } from "../gridRowSelectionModel.js";
+import { GridControlledStateReasonLookup } from "../events/index.js";
 /**
  * The selection API interface that is available in the grid [[apiRef]].
  */
@@ -34,9 +35,10 @@ export interface GridRowSelectionApi {
    *
    * ⚠️ Caution: `setRowSelectionModel` doesn't apply the selection propagation automatically.
    * Pass model returned by API method `getPropagatedRowSelectionModel` instead to apply the selection propagation.
-   * @param {gridRowSelectionModel} rowSelectionModel The new row selection model
+   * @param {gridRowSelectionModel} rowSelectionModel The new row selection model.
+   * @param {string} reason The reason for the state change.
    */
-  setRowSelectionModel: (rowSelectionModel: GridRowSelectionModel) => void;
+  setRowSelectionModel: (rowSelectionModel: GridRowSelectionModel, reason?: GridControlledStateReasonLookup['rowSelection']) => void;
 }
 export interface GridRowMultiSelectionApi {
   /**

package/models/events/gridEventLookup.d.ts

@@ -400,6 +400,7 @@ export interface GridControlledStateReasonLookup {
   filter: 'upsertFilterItem' | 'upsertFilterItems' | 'deleteFilterItem' | 'changeLogicOperator' | 'restoreState' | 'removeAllFilterItems';
   pagination: 'setPaginationModel' | 'stateRestorePreProcessing';
   rows: 'addSkeletonRows';
+  rowSelection: 'singleRowSelection' | 'multipleRowsSelection';
 }
 export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEventLookup, GridHeaderFilterEventLookup, GridColumnGroupHeaderEventLookup, GridCellEventLookup, GridControlledStateEventLookup {
   /**

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.2.0",
-  "description": "The Community plan edition of the Data Grid components (MUI X).",
+  "version": "8.3.1",
   "author": "MUI Team",
+  "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
   "license": "MIT",
   "bugs": {
@@ -39,13 +39,13 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "@mui/utils": "^7.0.2",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.2.0"
+    "@mui/x-internals": "8.3.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/cleanupTracking/TimerBasedCleanupTracking.d.ts

@@ -1,6 +1,6 @@
 import { CleanupTracking, UnregisterToken, UnsubscribeFn } from "./CleanupTracking.js";
 export declare class TimerBasedCleanupTracking implements CleanupTracking {
-  timeouts?: Map<number, NodeJS.Timeout> | undefined;
+  timeouts?: Map<number, number> | undefined;
   cleanupTimeout: number;
   constructor(timeout?: number);
   register(object: any, unsubscribe: UnsubscribeFn, unregisterToken: UnregisterToken): void;

package/utils/css/context.js

@@ -9,6 +9,7 @@ exports.GridPortalWrapper = GridPortalWrapper;
 exports.useCSSVariablesClass = useCSSVariablesClass;
 exports.useCSSVariablesContext = useCSSVariablesContext;
 var React = _interopRequireWildcard(require("react"));
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _useGridConfiguration = require("../../hooks/utils/useGridConfiguration");
 var _jsxRuntime = require("react/jsx-runtime");
 const CLASSNAME_PREFIX = 'MuiDataGridVariables';
@@ -35,19 +36,21 @@ function GridPortalWrapper({
 }
 function GridCSSVariablesContext(props) {
   const config = (0, _useGridConfiguration.useGridConfiguration)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const description = config.hooks.useCSSVariables();
   const context = React.useMemo(() => {
     const className = `${CLASSNAME_PREFIX}-${description.id}`;
     const cssString = `.${className}{${variablesToString(description.variables)}}`;
     const tag = /*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
       href: `/${className}`,
+      nonce: rootProps.nonce,
       children: cssString
     });
     return {
       className,
       tag
     };
-  }, [description]);
+  }, [rootProps.nonce, description]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(CSSVariablesContext.Provider, {
     value: context,
     children: props.children