@mui/x-data-grid 8.10.0 → 8.10.1

package/hooks/features/dimensions/useGridDimensions.js

@@ -11,7 +11,6 @@ exports.useGridDimensions = useGridDimensions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@mui/x-internals/store");
-var _xVirtualizer = require("@mui/x-virtualizer");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 var _createSelector = require("../../../utils/createSelector");
@@ -66,8 +65,6 @@ const columnsTotalWidthSelector = (0, _createSelector.createSelector)(_columns.g
   return (0, _roundToDecimalPlaces.roundToDecimalPlaces)(positions[colCount - 1] + visibleColumns[colCount - 1].computedWidth, 1);
 });
 function useGridDimensions(apiRef, props) {
-  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useResizeContainer');
-  const errorShown = React.useRef(false);
   const virtualizer = apiRef.current.virtualizer;
   const updateDimensions = virtualizer.api.updateDimensions;
   const getViewportPageSize = virtualizer.api.getViewportPageSize;
@@ -84,20 +81,28 @@ function useGridDimensions(apiRef, props) {
   const handleRootMount = root => {
     setCSSVariables(root, (0, _gridDimensionsSelectors.gridDimensionsSelector)(apiRef));
   };
-  const handleResize = size => {
-    if (size.height === 0 && !errorShown.current && !props.autoHeight && !_isJSDOM.isJSDOM) {
-      logger.error(['The parent DOM element of the Data Grid has an empty height.', 'Please make sure that this element has an intrinsic height.', 'The grid displays with a height of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
-      errorShown.current = true;
-    }
-    if (size.width === 0 && !errorShown.current && !_isJSDOM.isJSDOM) {
-      logger.error(['The parent DOM element of the Data Grid has an empty width.', 'Please make sure that this element has an intrinsic width.', 'The grid displays with a width of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
-      errorShown.current = true;
-    }
-  };
   (0, _useGridEvent.useGridEventPriority)(apiRef, 'rootMount', handleRootMount);
-  (0, _useGridEvent.useGridEventPriority)(apiRef, 'resize', handleResize);
   (0, _useGridEvent.useGridEventPriority)(apiRef, 'debouncedResize', props.onResize);
-  (0, _store.useStoreEffect)(virtualizer.store, _xVirtualizer.Dimensions.selectors.dimensions, (previous, next) => {
+  if (process.env.NODE_ENV !== 'production') {
+    /* eslint-disable react-hooks/rules-of-hooks */
+    const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useResizeContainer');
+    const errorShown = React.useRef(false);
+    (0, _useGridEvent.useGridEventPriority)(apiRef, 'resize', size => {
+      if (!getRootDimensions().isReady) {
+        return;
+      }
+      if (size.height === 0 && !errorShown.current && !props.autoHeight && !_isJSDOM.isJSDOM) {
+        logger.error(['The parent DOM element of the Data Grid has an empty height.', 'Please make sure that this element has an intrinsic height.', 'The grid displays with a height of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
+        errorShown.current = true;
+      }
+      if (size.width === 0 && !errorShown.current && !_isJSDOM.isJSDOM) {
+        logger.error(['The parent DOM element of the Data Grid has an empty width.', 'Please make sure that this element has an intrinsic width.', 'The grid displays with a width of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
+        errorShown.current = true;
+      }
+    });
+    /* eslint-enable react-hooks/rules-of-hooks */
+  }
+  (0, _store.useStoreEffect)(apiRef.current.store, s => s.dimensions, (previous, next) => {
     if (apiRef.current.rootElementRef.current) {
       setCSSVariables(apiRef.current.rootElementRef.current, next);
     }

package/hooks/features/export/serializers/csvSerializer.js

@@ -52,10 +52,9 @@ const serializeCellValue = (cellParams, options) => {
 };
 exports.serializeCellValue = serializeCellValue;
 class CSVRow {
+  rowString = '';
+  isEmpty = true;
   constructor(options) {
-    this.options = void 0;
-    this.rowString = '';
-    this.isEmpty = true;
     this.options = options;
   }
   addValue(value) {

package/hooks/features/export/useGridPrintExport.js

@@ -114,11 +114,11 @@ const useGridPrintExport = (apiRef, props) => {
 
     // See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
     gridClone.style.contain = 'size';
-    let gridToolbarElementHeight = gridRootElement.querySelector(`.${_gridClasses.gridClasses.toolbarContainer}`)?.offsetHeight || 0;
+    let gridToolbarElementHeight = gridRootElement.querySelector(`.${_gridClasses.gridClasses.toolbar}`)?.offsetHeight || 0;
     let gridFooterElementHeight = gridRootElement.querySelector(`.${_gridClasses.gridClasses.footerContainer}`)?.offsetHeight || 0;
     const gridFooterElement = gridClone.querySelector(`.${_gridClasses.gridClasses.footerContainer}`);
     if (normalizeOptions.hideToolbar) {
-      gridClone.querySelector(`.${_gridClasses.gridClasses.toolbarContainer}`)?.remove();
+      gridClone.querySelector(`.${_gridClasses.gridClasses.toolbar}`)?.remove();
       gridToolbarElementHeight = 0;
     }
     if (normalizeOptions.hideFooter && gridFooterElement) {
@@ -216,12 +216,7 @@ const useGridPrintExport = (apiRef, props) => {
       }));
     }
     previousVirtualizationState.current = apiRef.current.state.virtualization;
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      virtualization: (0, _extends2.default)({}, state.virtualization, {
-        enabled: false,
-        enabledForColumns: false
-      })
-    }));
+    apiRef.current.unstable_setVirtualization(false);
     await updateGridColumnsForPrint(options?.fields, options?.allColumns, options?.includeCheckboxes);
     updateGridRowsForPrint(options?.getRowsToExport ?? _utils.defaultGetRowsToExport);
     await raf(); // wait for the state changes to take action

package/index.js

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

package/internals/utils/cache.js

@@ -7,7 +7,6 @@ exports.TestCache = void 0;
 var _cache = require("../../hooks/features/dataSource/cache");
 class TestCache {
   constructor() {
-    this.cache = void 0;
     this.cache = new Map();
   }
   set(key, value) {

package/models/api/gridApiCommon.d.ts

@@ -31,7 +31,7 @@ import type { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from "./gr
 import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridColumnResizeApi } from "../../hooks/features/columnResize/index.js";
 import type { GridPivotingPrivateApiCommunity } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
-export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
+export interface GridApiCommon<GridState extends GridStateCommunity = GridStateCommunity, GridInitialState extends GridInitialStateCommunity = GridInitialStateCommunity> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
 export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
   virtualizer: Virtualizer;
 }

package/models/gridRowSelectionManager.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.createRowSelectionManager = void 0;
 class IncludeManager {
   constructor(model) {
-    this.data = void 0;
     this.data = model.ids;
   }
   has(id) {
@@ -21,7 +20,6 @@ class IncludeManager {
 }
 class ExcludeManager {
   constructor(model) {
-    this.data = void 0;
     this.data = model.ids;
   }
   has(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.10.0",
+  "version": "8.10.1",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -39,12 +39,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
-    "@mui/utils": "^7.2.0",
+    "@mui/utils": "^7.3.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.5.0",
     "@mui/x-internals": "8.10.0",
-    "@mui/x-virtualizer": "0.1.1"
+    "@mui/x-virtualizer": "0.1.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -65,31 +65,30 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
+  "type": "commonjs",
+  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
       }
     },
     "./*": {
-      "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
-      },
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
+      },
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null
-  },
-  "types": "./index.d.ts"
+    "./esm": null
+  }
 }

package/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FinalizationRegistryBasedCleanupTracking = void 0;
 class FinalizationRegistryBasedCleanupTracking {
-  constructor() {
-    this.registry = new FinalizationRegistry(unsubscribe => {
-      if (typeof unsubscribe === 'function') {
-        unsubscribe();
-      }
-    });
-  }
+  registry = new FinalizationRegistry(unsubscribe => {
+    if (typeof unsubscribe === 'function') {
+      unsubscribe();
+    }
+  });
   register(object, unsubscribe, unregisterToken) {
     this.registry.register(object, unsubscribe, unregisterToken);
   }

package/utils/cleanupTracking/TimerBasedCleanupTracking.js

@@ -7,9 +7,9 @@ exports.TimerBasedCleanupTracking = void 0;
 // If no effect ran after this amount of time, we assume that the render was not committed by React
 const CLEANUP_TIMER_LOOP_MILLIS = 1000;
 class TimerBasedCleanupTracking {
+  timeouts = new Map();
+  cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;
   constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {
-    this.timeouts = new Map();
-    this.cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;
     this.cleanupTimeout = timeout;
   }
   register(object, unsubscribe, unregisterToken) {