@mui/x-data-grid 8.4.0 → 8.5.0

package/hooks/utils/useRunOnce.js

@@ -1,12 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRunOnce = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 const noop = () => {};
 
 /**
@@ -14,7 +15,7 @@ const noop = () => {};
  */
 const useRunOnce = (condition, effect) => {
   const didRun = React.useRef(false);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (didRun.current || !condition) {
       return noop;
     }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.4.0
+ * @mui/x-data-grid v8.5.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/material/index.js

@@ -183,6 +183,7 @@ const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
     }, material))]
   });
 });
+if (process.env.NODE_ENV !== "production") BaseSelect.displayName = "BaseSelect";
 const StyledPagination = (0, _styles.styled)(_TablePagination.default)(({
   theme
 }) => ({
@@ -238,6 +239,7 @@ const BasePagination = (0, _forwardRef.forwardRef)(function BasePagination(props
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BasePagination.displayName = "BasePagination";
 const BaseBadge = (0, _forwardRef.forwardRef)(function BaseBadge(props, ref) {
   const {
       material
@@ -247,6 +249,7 @@ const BaseBadge = (0, _forwardRef.forwardRef)(function BaseBadge(props, ref) {
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseBadge.displayName = "BaseBadge";
 const BaseCheckbox = (0, _forwardRef.forwardRef)(function BaseCheckbox(props, ref) {
   const {
       autoFocus,
@@ -291,6 +294,7 @@ const BaseCheckbox = (0, _forwardRef.forwardRef)(function BaseCheckbox(props, re
     fullWidth: fullWidth
   });
 });
+if (process.env.NODE_ENV !== "production") BaseCheckbox.displayName = "BaseCheckbox";
 const BaseCircularProgress = (0, _forwardRef.forwardRef)(function BaseCircularProgress(props, ref) {
   const {
       material
@@ -300,6 +304,7 @@ const BaseCircularProgress = (0, _forwardRef.forwardRef)(function BaseCircularPr
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseCircularProgress.displayName = "BaseCircularProgress";
 const BaseDivider = (0, _forwardRef.forwardRef)(function BaseDivider(props, ref) {
   const {
       material
@@ -309,6 +314,7 @@ const BaseDivider = (0, _forwardRef.forwardRef)(function BaseDivider(props, ref)
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseDivider.displayName = "BaseDivider";
 const BaseLinearProgress = (0, _forwardRef.forwardRef)(function BaseLinearProgress(props, ref) {
   const {
       material
@@ -318,6 +324,7 @@ const BaseLinearProgress = (0, _forwardRef.forwardRef)(function BaseLinearProgre
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseLinearProgress.displayName = "BaseLinearProgress";
 const BaseButton = (0, _forwardRef.forwardRef)(function BaseButton(props, ref) {
   const {
       material
@@ -327,6 +334,7 @@ const BaseButton = (0, _forwardRef.forwardRef)(function BaseButton(props, ref) {
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseButton.displayName = "BaseButton";
 const BaseChip = (0, _forwardRef.forwardRef)(function BaseChip(props, ref) {
   const {
       material
@@ -336,6 +344,7 @@ const BaseChip = (0, _forwardRef.forwardRef)(function BaseChip(props, ref) {
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseChip.displayName = "BaseChip";
 const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props, ref) {
   const {
       material
@@ -345,6 +354,7 @@ const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseIconButton.displayName = "BaseIconButton";
 const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref) {
   const {
       material
@@ -354,6 +364,7 @@ const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref)
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseTooltip.displayName = "BaseTooltip";
 const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, ref) {
   const {
       material
@@ -363,6 +374,7 @@ const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, re
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseSkeleton.displayName = "BaseSkeleton";
 const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
   const {
       material,
@@ -384,6 +396,7 @@ const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
     label: label
   });
 });
+if (process.env.NODE_ENV !== "production") BaseSwitch.displayName = "BaseSwitch";
 const BaseMenuList = (0, _forwardRef.forwardRef)(function BaseMenuList(props, ref) {
   const {
       material
@@ -393,6 +406,7 @@ const BaseMenuList = (0, _forwardRef.forwardRef)(function BaseMenuList(props, re
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") BaseMenuList.displayName = "BaseMenuList";
 function BaseMenuItem(props) {
   const {
       inert,

package/models/props/DataGridProps.d.ts

@@ -841,6 +841,13 @@ export interface DataGridProSharedPropsWithDefaultValue {
    * @default false
    */
   listView: boolean;
+  /**
+   * 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: 'withModifierKey' | 'always';
 }
 export interface DataGridProSharedPropsWithoutDefaultValue<R extends GridValidRowModel = any> {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.4.0",
+  "version": "8.5.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -45,7 +45,7 @@
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.4.0"
+    "@mui/x-internals": "8.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/composeGridClasses.d.ts

@@ -1,3 +1,3 @@
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import type { DataGridProcessedProps } from "../models/props/DataGridProps.js";
 export declare function composeGridClasses(classes: DataGridProcessedProps['classes'], slots: Parameters<typeof composeClasses>[0]): Record<string, string>;

package/utils/composeGridClasses.js

@@ -1,11 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.composeGridClasses = composeGridClasses;
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _gridClasses = require("../constants/gridClasses");
 function composeGridClasses(classes, slots) {
-  return (0, _utils.unstable_composeClasses)(slots, _gridClasses.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, classes);
 }