@mui/x-data-grid 7.0.0-alpha.7 → 7.0.0-alpha.9

package/node/hooks/features/virtualization/useGridVirtualization.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.EMPTY_RENDER_CONTEXT = void 0;
 exports.useGridVirtualization = useGridVirtualization;
 exports.virtualizationStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -11,10 +12,17 @@ var React = _interopRequireWildcard(require("react"));
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const EMPTY_RENDER_CONTEXT = exports.EMPTY_RENDER_CONTEXT = {
+  firstRowIndex: 0,
+  lastRowIndex: 0,
+  firstColumnIndex: 0,
+  lastColumnIndex: 0
+};
 const virtualizationStateInitializer = (state, props) => {
   const virtualization = {
     enabled: !props.disableVirtualization,
-    enabledForColumns: true
+    enabledForColumns: true,
+    renderContext: EMPTY_RENDER_CONTEXT
   };
   return (0, _extends2.default)({}, state, {
     virtualization

package/node/hooks/utils/index.js

@@ -72,4 +72,40 @@ Object.keys(_useFirstRender).forEach(function (key) {
       return _useFirstRender[key];
     }
   });
+});
+var _useOnMount = require("./useOnMount");
+Object.keys(_useOnMount).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useOnMount[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useOnMount[key];
+    }
+  });
+});
+var _useResizeObserver = require("./useResizeObserver");
+Object.keys(_useResizeObserver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useResizeObserver[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useResizeObserver[key];
+    }
+  });
+});
+var _useRunOnce = require("./useRunOnce");
+Object.keys(_useRunOnce).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useRunOnce[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRunOnce[key];
+    }
+  });
 });

package/node/hooks/utils/useGridApiContext.js

@@ -11,7 +11,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function useGridApiContext() {
   const apiRef = React.useContext(_GridApiContext.GridApiContext);
   if (apiRef === undefined) {
-    throw new Error(['MUI: Could not find the data grid context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
+    throw new Error(['MUI X: Could not find the data grid context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
   }
   return apiRef;
 }

package/node/hooks/utils/useGridAriaAttributes.js

@@ -19,7 +19,7 @@ const useGridAriaAttributes = () => {
   const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
   const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
   let role = 'grid';
-  if (rootProps.experimentalFeatures?.ariaV7 && rootProps.treeData) {
+  if (rootProps.treeData) {
     role = 'treegrid';
   }
   return {

package/node/hooks/utils/useGridNativeEventListener.js

@@ -13,6 +13,7 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useNativeEventListener');
   const [added, setAdded] = React.useState(false);
   const handlerRef = React.useRef(handler);
+  const targetElement = (0, _utils.isFunction)(ref) ? ref() : ref?.current ?? null;
   const wrapHandler = React.useCallback(event => {
     return handlerRef.current && handlerRef.current(event);
   }, []);
@@ -20,23 +21,16 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
     handlerRef.current = handler;
   }, [handler]);
   React.useEffect(() => {
-    let targetElement;
-    if ((0, _utils.isFunction)(ref)) {
-      targetElement = ref();
-    } else {
-      targetElement = ref && ref.current ? ref.current : null;
-    }
     if (targetElement && eventName && !added) {
       logger.debug(`Binding native ${eventName} event`);
       targetElement.addEventListener(eventName, wrapHandler, options);
-      const boundElem = targetElement;
       setAdded(true);
       const unsubscribe = () => {
         logger.debug(`Clearing native ${eventName} event`);
-        boundElem.removeEventListener(eventName, wrapHandler, options);
+        targetElement.removeEventListener(eventName, wrapHandler, options);
       };
       apiRef.current.subscribeEvent('unmount', unsubscribe);
     }
-  }, [ref, wrapHandler, eventName, added, logger, options, apiRef]);
+  }, [targetElement, wrapHandler, eventName, added, logger, options, apiRef]);
 };
 exports.useGridNativeEventListener = useGridNativeEventListener;

package/node/hooks/utils/useGridPrivateApiContext.js

@@ -15,7 +15,7 @@ if (process.env.NODE_ENV !== 'production') {
 function useGridPrivateApiContext() {
   const privateApiRef = React.useContext(GridPrivateApiContext);
   if (privateApiRef === undefined) {
-    throw new Error(['MUI: Could not find the data grid private context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
+    throw new Error(['MUI X: Could not find the data grid private context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
   }
   return privateApiRef;
 }

package/node/hooks/utils/useGridRootProps.js

@@ -11,7 +11,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const useGridRootProps = () => {
   const contextValue = React.useContext(_GridRootPropsContext.GridRootPropsContext);
   if (!contextValue) {
-    throw new Error('MUI: useGridRootProps should only be used inside the DataGrid, DataGridPro or DataGridPremium component.');
+    throw new Error('MUI X: useGridRootProps should only be used inside the DataGrid, DataGridPro or DataGridPremium component.');
   }
   return contextValue;
 };

package/node/hooks/utils/useGridSelector.js

@@ -11,7 +11,7 @@ var _warning = require("../../utils/warning");
 var _fastObjectShallowCompare = require("../../utils/fastObjectShallowCompare");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const stateNotInitializedWarning = (0, _warning.buildWarning)(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
+const stateNotInitializedWarning = (0, _warning.buildWarning)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
 function isOutputSelector(selector) {
   return selector.acceptsApiRef;
 }

package/node/hooks/utils/useResizeObserver.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeObserver = useResizeObserver;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const isDevEnvironment = process.env.NODE_ENV === 'development';
+const noop = () => {};
+function useResizeObserver(ref, fn, enabled) {
+  const fnRef = React.useRef(null);
+  fnRef.current = fn;
+  (0, _utils.unstable_useEnhancedEffect)(() => {
+    if (enabled === false || typeof ResizeObserver === 'undefined') {
+      return noop;
+    }
+    let frameID = 0;
+    const target = ref.current;
+    const observer = new ResizeObserver(entries => {
+      // See https://github.com/mui/mui-x/issues/8733
+      // In dev, we avoid the React warning by moving the task to the next frame.
+      // In prod, we want the task to run in the same frame as to avoid tear.
+      if (isDevEnvironment) {
+        frameID = requestAnimationFrame(() => {
+          fnRef.current(entries);
+        });
+      } else {
+        fnRef.current(entries);
+      }
+    });
+    if (target) {
+      observer.observe(target);
+    }
+    return () => {
+      if (frameID) {
+        cancelAnimationFrame(frameID);
+      }
+      observer.disconnect();
+    };
+  }, [ref, enabled]);
+}

package/node/hooks/utils/useRunOnce.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRunOnce = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const noop = () => {};
+
+/**
+ * Runs an effect once, when `condition` is true.
+ */
+const useRunOnce = (condition, effect) => {
+  const didRun = React.useRef(false);
+  (0, _utils.unstable_useEnhancedEffect)(() => {
+    if (didRun.current || !condition) {
+      return noop;
+    }
+    didRun.current = true;
+    return effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [didRun.current || condition]);
+};
+exports.useRunOnce = useRunOnce;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.0.0-alpha.7
+ * @mui/x-data-grid v7.0.0-alpha.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -112,18 +112,6 @@ Object.keys(_hooks).forEach(function (key) {
     }
   });
 });
-var _locales = require("./locales");
-Object.keys(_locales).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _locales[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _locales[key];
-    }
-  });
-});
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/internals/index.js

@@ -7,6 +7,7 @@ var _exportNames = {
   GridVirtualScroller: true,
   GridVirtualScrollerContent: true,
   GridVirtualScrollerRenderZone: true,
+  GridHeaders: true,
   GridBaseColumnHeaders: true,
   GridColumnHeadersInner: true,
   DATA_GRID_DEFAULT_SLOTS_COMPONENTS: true,
@@ -17,16 +18,13 @@ var _exportNames = {
   useGridInitialization: true,
   unwrapPrivateAPI: true,
   useGridClipboard: true,
-  useGridColumnHeaders: true,
   gridHeaderFilteringEditFieldSelector: true,
   gridHeaderFilteringMenuSelector: true,
   useGridColumnMenu: true,
   columnMenuStateInitializer: true,
   useGridColumns: true,
   columnsStateInitializer: true,
-  getTotalHeaderHeight: true,
   useGridColumnSpanning: true,
-  gridColumnsStateSelector: true,
   useGridColumnGrouping: true,
   columnGroupsStateInitializer: true,
   useGridDensity: true,
@@ -69,10 +67,11 @@ var _exportNames = {
   sortingStateInitializer: true,
   useGridScroll: true,
   useGridEvents: true,
+  dimensionsStateInitializer: true,
   useGridDimensions: true,
   useGridStatePersistence: true,
   useGridVirtualScroller: true,
-  getRenderableIndexes: true,
+  EMPTY_DETAIL_PANELS: true,
   useTimeout: true,
   useGridVisibleRows: true,
   getVisibleRows: true,
@@ -86,11 +85,6 @@ var _exportNames = {
   getActiveElement: true,
   isEventTargetInPortal: true,
   isNavigationKey: true,
-  clamp: true,
-  isDeepEqual: true,
-  isNumber: true,
-  isFunction: true,
-  isObject: true,
   buildWarning: true,
   exportAs: true,
   useGridPrivateApiContext: true,
@@ -102,6 +96,12 @@ Object.defineProperty(exports, "DATA_GRID_DEFAULT_SLOTS_COMPONENTS", {
     return _defaultGridSlotsComponents.DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
   }
 });
+Object.defineProperty(exports, "EMPTY_DETAIL_PANELS", {
+  enumerable: true,
+  get: function () {
+    return _useGridVirtualScroller.EMPTY_DETAIL_PANELS;
+  }
+});
 Object.defineProperty(exports, "GRID_DEFAULT_STRATEGY", {
   enumerable: true,
   get: function () {
@@ -126,6 +126,12 @@ Object.defineProperty(exports, "GridColumnHeadersInner", {
     return _GridColumnHeadersInner.GridColumnHeadersInner;
   }
 });
+Object.defineProperty(exports, "GridHeaders", {
+  enumerable: true,
+  get: function () {
+    return _GridHeaders.GridHeaders;
+  }
+});
 Object.defineProperty(exports, "GridVirtualScroller", {
   enumerable: true,
   get: function () {
@@ -162,12 +168,6 @@ Object.defineProperty(exports, "calculatePinnedRowsHeight", {
     return _gridRowsUtils.calculatePinnedRowsHeight;
   }
 });
-Object.defineProperty(exports, "clamp", {
-  enumerable: true,
-  get: function () {
-    return _utils2.clamp;
-  }
-});
 Object.defineProperty(exports, "columnGroupsStateInitializer", {
   enumerable: true,
   get: function () {
@@ -210,6 +210,12 @@ Object.defineProperty(exports, "densityStateInitializer", {
     return _useGridDensity.densityStateInitializer;
   }
 });
+Object.defineProperty(exports, "dimensionsStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridDimensions.dimensionsStateInitializer;
+  }
+});
 Object.defineProperty(exports, "editingStateInitializer", {
   enumerable: true,
   get: function () {
@@ -258,24 +264,12 @@ Object.defineProperty(exports, "getGridFilter", {
     return _GridFilterPanel.getGridFilter;
   }
 });
-Object.defineProperty(exports, "getRenderableIndexes", {
-  enumerable: true,
-  get: function () {
-    return _useGridVirtualScroller.getRenderableIndexes;
-  }
-});
 Object.defineProperty(exports, "getRowIdFromRowModel", {
   enumerable: true,
   get: function () {
     return _gridRowsUtils.getRowIdFromRowModel;
   }
 });
-Object.defineProperty(exports, "getTotalHeaderHeight", {
-  enumerable: true,
-  get: function () {
-    return _gridColumnsUtils.getTotalHeaderHeight;
-  }
-});
 Object.defineProperty(exports, "getTreeNodeDescendants", {
   enumerable: true,
   get: function () {
@@ -294,12 +288,6 @@ Object.defineProperty(exports, "gridAdditionalRowGroupsSelector", {
     return _gridRowsSelector.gridAdditionalRowGroupsSelector;
   }
 });
-Object.defineProperty(exports, "gridColumnsStateSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridColumnsSelector.gridColumnsStateSelector;
-  }
-});
 Object.defineProperty(exports, "gridEditRowsStateSelector", {
   enumerable: true,
   get: function () {
@@ -330,42 +318,18 @@ Object.defineProperty(exports, "headerFilteringStateInitializer", {
     return _useGridHeaderFiltering.headerFilteringStateInitializer;
   }
 });
-Object.defineProperty(exports, "isDeepEqual", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isDeepEqual;
-  }
-});
 Object.defineProperty(exports, "isEventTargetInPortal", {
   enumerable: true,
   get: function () {
     return _domUtils.isEventTargetInPortal;
   }
 });
-Object.defineProperty(exports, "isFunction", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isFunction;
-  }
-});
 Object.defineProperty(exports, "isNavigationKey", {
   enumerable: true,
   get: function () {
     return _keyboardUtils.isNavigationKey;
   }
 });
-Object.defineProperty(exports, "isNumber", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isNumber;
-  }
-});
-Object.defineProperty(exports, "isObject", {
-  enumerable: true,
-  get: function () {
-    return _utils2.isObject;
-  }
-});
 Object.defineProperty(exports, "isSingleSelectColDef", {
   enumerable: true,
   get: function () {
@@ -444,12 +408,6 @@ Object.defineProperty(exports, "useGridColumnGrouping", {
     return _useGridColumnGrouping.useGridColumnGrouping;
   }
 });
-Object.defineProperty(exports, "useGridColumnHeaders", {
-  enumerable: true,
-  get: function () {
-    return _useGridColumnHeaders.useGridColumnHeaders;
-  }
-});
 Object.defineProperty(exports, "useGridColumnMenu", {
   enumerable: true,
   get: function () {
@@ -645,6 +603,7 @@ Object.defineProperty(exports, "useTimeout", {
 var _GridVirtualScroller = require("../components/virtualization/GridVirtualScroller");
 var _GridVirtualScrollerContent = require("../components/virtualization/GridVirtualScrollerContent");
 var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridVirtualScrollerRenderZone");
+var _GridHeaders = require("../components/GridHeaders");
 var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
 var _GridColumnHeadersInner = require("../components/columnHeaders/GridColumnHeadersInner");
 var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
@@ -655,12 +614,45 @@ var _useGridInitialization = require("../hooks/core/useGridInitialization");
 var _useGridApiInitialization = require("../hooks/core/useGridApiInitialization");
 var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
 var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
+Object.keys(_useGridColumnHeaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useGridColumnHeaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGridColumnHeaders[key];
+    }
+  });
+});
 var _gridHeaderFilteringSelectors = require("../hooks/features/headerFiltering/gridHeaderFilteringSelectors");
 var _useGridColumnMenu = require("../hooks/features/columnMenu/useGridColumnMenu");
 var _useGridColumns = require("../hooks/features/columns/useGridColumns");
 var _gridColumnsUtils = require("../hooks/features/columns/gridColumnsUtils");
+Object.keys(_gridColumnsUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gridColumnsUtils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridColumnsUtils[key];
+    }
+  });
+});
 var _useGridColumnSpanning = require("../hooks/features/columns/useGridColumnSpanning");
 var _gridColumnsSelector = require("../hooks/features/columns/gridColumnsSelector");
+Object.keys(_gridColumnsSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gridColumnsSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridColumnsSelector[key];
+    }
+  });
+});
 var _useGridColumnGrouping = require("../hooks/features/columnGrouping/useGridColumnGrouping");
 var _useGridDensity = require("../hooks/features/density/useGridDensity");
 var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
@@ -721,6 +713,29 @@ var _createSelector = require("../utils/createSelector");
 var _domUtils = require("../utils/domUtils");
 var _keyboardUtils = require("../utils/keyboardUtils");
 var _utils2 = require("../utils/utils");
+Object.keys(_utils2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils2[key];
+    }
+  });
+});
+var _fastMemo = require("../utils/fastMemo");
+Object.keys(_fastMemo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _fastMemo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fastMemo[key];
+    }
+  });
+});
 var _warning = require("../utils/warning");
 var _exportAs = require("../utils/exportAs");
 var _getPublicApiRef = require("../utils/getPublicApiRef");
@@ -736,28 +751,28 @@ Object.keys(_getPublicApiRef).forEach(function (key) {
   });
 });
 var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
-var _useOnMount = require("../hooks/utils/useOnMount");
-Object.keys(_useOnMount).forEach(function (key) {
+var _utils3 = require("../hooks/utils");
+Object.keys(_utils3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useOnMount[key]) return;
+  if (key in exports && exports[key] === _utils3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useOnMount[key];
+      return _utils3[key];
     }
   });
 });
 var _csvSerializer = require("../hooks/features/export/serializers/csvSerializer");
-var _utils3 = require("./utils");
-Object.keys(_utils3).forEach(function (key) {
+var _utils4 = require("./utils");
+Object.keys(_utils4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _utils3[key]) return;
+  if (key in exports && exports[key] === _utils4[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _utils3[key];
+      return _utils4[key];
     }
   });
 });

package/node/internals/utils/index.js

@@ -24,4 +24,15 @@ Object.keys(_useProps).forEach(function (key) {
       return _useProps[key];
     }
   });
+});
+var _propValidation = require("./propValidation");
+Object.keys(_propValidation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _propValidation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _propValidation[key];
+    }
+  });
 });

package/node/internals/utils/propValidation.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateProps = exports.propValidatorsDataGrid = void 0;
+const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You can not use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined];
+const warnedOnceMap = new Set();
+const warnOnce = message => {
+  if (!warnedOnceMap.has(message)) {
+    console.error(message);
+    warnedOnceMap.add(message);
+  }
+};
+const validateProps = (props, validators) => {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
+  validators.forEach(validator => {
+    const warning = validator(props);
+    if (warning) {
+      warnOnce(warning);
+    }
+  });
+};
+exports.validateProps = validateProps;