@mui/x-data-grid 9.5.0 → 9.7.0

package/locales/viVN.d.ts

@@ -1,2 +1,2 @@
-import { type Localization } from "../utils/getGridLocalization.js";
+import type { Localization } from "../utils/getGridLocalization.js";
 export declare const viVN: Localization;

package/locales/zhCN.d.mts

@@ -1,2 +1,2 @@
-import { type Localization } from "../utils/getGridLocalization.mjs";
+import type { Localization } from "../utils/getGridLocalization.mjs";
 export declare const zhCN: Localization;

package/locales/zhCN.d.ts

@@ -1,2 +1,2 @@
-import { type Localization } from "../utils/getGridLocalization.js";
+import type { Localization } from "../utils/getGridLocalization.js";
 export declare const zhCN: Localization;

package/locales/zhTW.d.mts

@@ -1,2 +1,2 @@
-import { type Localization } from "../utils/getGridLocalization.mjs";
+import type { Localization } from "../utils/getGridLocalization.mjs";
 export declare const zhTW: Localization;

package/locales/zhTW.d.ts

@@ -1,2 +1,2 @@
-import { type Localization } from "../utils/getGridLocalization.js";
+import type { Localization } from "../utils/getGridLocalization.js";
 export declare const zhTW: Localization;

package/material/index.js

@@ -87,7 +87,7 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "multiple",
   _excluded21 = ["slotProps"],
   _excluded22 = ["slotProps", "material"],
   _excluded23 = ["material"],
-  _excluded24 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
+  _excluded24 = ["open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
   _excluded25 = ["native"],
   _excluded26 = ["children", "value", "active"],
   _excluded27 = ["items", "value", "material"];
@@ -645,7 +645,7 @@ const transformOrigin = {
   'bottom-start': 'top left',
   'bottom-end': 'top right'
 };
-function BasePopper(props) {
+const BasePopper = (0, _forwardRef.forwardRef)(function BasePopper(props, ref) {
   const {
       open,
       children,
@@ -720,9 +720,11 @@ function BasePopper(props) {
     placement: placement,
     modifiers: modifiers
   }, other, material, {
+    ref: ref,
     children: content
   }));
-}
+});
+if (process.env.NODE_ENV !== "production") BasePopper.displayName = "BasePopper";
 function wrappers(props, content) {
   return focusTrapWrapper(props, clickAwayWrapper(props, content));
 }

package/material/index.mjs

@@ -25,7 +25,7 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "multiple",
   _excluded21 = ["slotProps"],
   _excluded22 = ["slotProps", "material"],
   _excluded23 = ["material"],
-  _excluded24 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
+  _excluded24 = ["open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
   _excluded25 = ["native"],
   _excluded26 = ["children", "value", "active"],
   _excluded27 = ["items", "value", "material"];
@@ -632,7 +632,7 @@ const transformOrigin = {
   'bottom-start': 'top left',
   'bottom-end': 'top right'
 };
-function BasePopper(props) {
+const BasePopper = forwardRef(function BasePopper(props, ref) {
   const {
       open,
       children,
@@ -707,9 +707,11 @@ function BasePopper(props) {
     placement: placement,
     modifiers: modifiers
   }, other, material, {
+    ref: ref,
     children: content
   }));
-}
+});
+if (process.env.NODE_ENV !== "production") BasePopper.displayName = "BasePopper";
 function wrappers(props, content) {
   return focusTrapWrapper(props, clickAwayWrapper(props, content));
 }

package/material/variables.d.mts

@@ -1,4 +1,4 @@
-import { type GridCSSVariablesInterface } from "../constants/cssVariables.mjs";
+import type { GridCSSVariablesInterface } from "../constants/cssVariables.mjs";
 export declare function useMaterialCSSVariables(): {
   id: string;
   variables: GridCSSVariablesInterface;

package/material/variables.d.ts

@@ -1,4 +1,4 @@
-import { type GridCSSVariablesInterface } from "../constants/cssVariables.js";
+import type { GridCSSVariablesInterface } from "../constants/cssVariables.js";
 export declare function useMaterialCSSVariables(): {
   id: string;
   variables: GridCSSVariablesInterface;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "9.5.0",
+  "version": "9.7.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -38,12 +38,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "9.0.1",
+    "@base-ui/utils": "^0.3.0",
+    "@mui/utils": "^9.1.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "^9.1.0",
-    "@mui/x-virtualizer": "9.0.0-alpha.8"
+    "@mui/x-internals": "^9.7.0",
+    "@mui/x-virtualizer": "0.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -264,6 +265,9 @@
       }
     }
   },
+  "imports": {
+    "#formatErrorMessage": "@mui/x-internals/formatErrorMessage"
+  },
   "main": "./index.js",
   "types": "./index.d.ts"
 }

package/utils/createSelector.d.mts

@@ -1,5 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
-import { type CreateSelectorFunction } from '@mui/x-internals/store';
+import type { CreateSelectorFunction } from '@mui/x-internals/store';
 export interface OutputSelector<State, Args, Result> {
   (apiRef: RefObject<{
     state: State;

package/utils/createSelector.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
-import { type CreateSelectorFunction } from '@mui/x-internals/store';
+import type { CreateSelectorFunction } from '@mui/x-internals/store';
 export interface OutputSelector<State, Args, Result> {
   (apiRef: RefObject<{
     state: State;

package/utils/focusElement.d.mts

@@ -0,0 +1,9 @@
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridScrollApi } from "../models/api/gridScrollApi.mjs";
+/**
+ * Focuses an element while preserving the grid scroll position.
+ *
+ * Uses the native `preventScroll` focus option when supported, and otherwise
+ * restores the scroll position manually after focusing.
+ */
+export declare function focusElement<Api extends GridScrollApi>(element: HTMLElement, apiRef: RefObject<Api>): void;

package/utils/focusElement.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridScrollApi } from "../models/api/gridScrollApi.js";
+/**
+ * Focuses an element while preserving the grid scroll position.
+ *
+ * Uses the native `preventScroll` focus option when supported, and otherwise
+ * restores the scroll position manually after focusing.
+ */
+export declare function focusElement<Api extends GridScrollApi>(element: HTMLElement, apiRef: RefObject<Api>): void;

package/utils/focusElement.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusElement = focusElement;
+var _doesSupportPreventScroll = require("./doesSupportPreventScroll");
+/**
+ * Focuses an element while preserving the grid scroll position.
+ *
+ * Uses the native `preventScroll` focus option when supported, and otherwise
+ * restores the scroll position manually after focusing.
+ */
+function focusElement(element, apiRef) {
+  if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
+    element.focus({
+      preventScroll: true
+    });
+  } else {
+    const scrollPosition = apiRef.current.getScrollPosition();
+    element.focus();
+    apiRef.current.scroll(scrollPosition);
+  }
+}

package/utils/focusElement.mjs

@@ -0,0 +1,19 @@
+import { doesSupportPreventScroll } from "./doesSupportPreventScroll.mjs";
+
+/**
+ * Focuses an element while preserving the grid scroll position.
+ *
+ * Uses the native `preventScroll` focus option when supported, and otherwise
+ * restores the scroll position manually after focusing.
+ */
+export function focusElement(element, apiRef) {
+  if (doesSupportPreventScroll()) {
+    element.focus({
+      preventScroll: true
+    });
+  } else {
+    const scrollPosition = apiRef.current.getScrollPosition();
+    element.focus();
+    apiRef.current.scroll(scrollPosition);
+  }
+}

package/utils/isJSDOM.d.mts

@@ -1 +0,0 @@
-export declare const isJSDOM: boolean;

package/utils/isJSDOM.d.ts

@@ -1 +0,0 @@
-export declare const isJSDOM: boolean;

package/utils/isJSDOM.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isJSDOM = void 0;
-const isJSDOM = exports.isJSDOM = typeof window !== 'undefined' && /jsdom|HappyDOM/.test(window.navigator.userAgent);

package/utils/isJSDOM.mjs

@@ -1 +0,0 @@
-export const isJSDOM = typeof window !== 'undefined' && /jsdom|HappyDOM/.test(window.navigator.userAgent);