@mui/x-data-grid 8.10.0 → 8.10.2

package/hooks/features/dataSource/gridDataSourceError.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridUpdateRowError = exports.GridGetRowsError = void 0;
 class GridGetRowsError extends Error {
+  /**
+   * The parameters used in the failed request
+   */
+
+  /**
+   * The original error that caused this error
+   */
+
   constructor(options) {
     super(options.message);
-    /**
-     * The parameters used in the failed request
-     */
-    this.params = void 0;
-    /**
-     * The original error that caused this error
-     */
-    this.cause = void 0;
     this.name = 'GridGetRowsError';
     this.params = options.params;
     this.cause = options.cause;
@@ -22,16 +22,16 @@ class GridGetRowsError extends Error {
 }
 exports.GridGetRowsError = GridGetRowsError;
 class GridUpdateRowError extends Error {
+  /**
+   * The parameters used in the failed request
+   */
+
+  /**
+   * The original error that caused this error
+   */
+
   constructor(options) {
     super(options.message);
-    /**
-     * The parameters used in the failed request
-     */
-    this.params = void 0;
-    /**
-     * The original error that caused this error
-     */
-    this.cause = void 0;
     this.name = 'GridUpdateRowError';
     this.params = options.params;
     this.cause = options.cause;

package/hooks/features/dataSource/utils.js

@@ -24,58 +24,57 @@ class CacheChunkManager {
    * Has no effect if cursor pagination is used.
    */
   constructor(chunkSize) {
-    this.chunkSize = void 0;
-    this.getCacheKeys = key => {
-      if (this.chunkSize < 1 || typeof key.start !== 'number') {
-        return [key];
-      }
-
-      // split the range into chunks
-      const chunkedKeys = [];
-      for (let i = key.start; i <= key.end; i += this.chunkSize) {
-        const end = Math.min(i + this.chunkSize - 1, key.end);
-        chunkedKeys.push((0, _extends2.default)({}, key, {
-          start: i,
-          end
-        }));
-      }
-      return chunkedKeys;
-    };
-    this.splitResponse = (key, response) => {
-      const cacheKeys = this.getCacheKeys(key);
-      if (cacheKeys.length === 1) {
-        return new Map([[key, response]]);
-      }
-      const responses = new Map();
-      cacheKeys.forEach(chunkKey => {
-        const isLastChunk = chunkKey.end === key.end;
-        const responseSlice = (0, _extends2.default)({}, response, {
-          pageInfo: (0, _extends2.default)({}, response.pageInfo, {
-            // If the original response had page info, update that information for all but last chunk and keep the original value for the last chunk
-            hasNextPage: response.pageInfo?.hasNextPage !== undefined && !isLastChunk ? true : response.pageInfo?.hasNextPage,
-            nextCursor: response.pageInfo?.nextCursor !== undefined && !isLastChunk ? response.rows[chunkKey.end + 1].id : response.pageInfo?.nextCursor
-          }),
-          rows: typeof chunkKey.start !== 'number' || typeof key.start !== 'number' ? response.rows : response.rows.slice(chunkKey.start - key.start, chunkKey.end - key.start + 1)
-        });
-        responses.set(chunkKey, responseSlice);
-      });
-      return responses;
-    };
     this.chunkSize = chunkSize;
   }
+  getCacheKeys = key => {
+    if (this.chunkSize < 1 || typeof key.start !== 'number') {
+      return [key];
+    }
+
+    // split the range into chunks
+    const chunkedKeys = [];
+    for (let i = key.start; i <= key.end; i += this.chunkSize) {
+      const end = Math.min(i + this.chunkSize - 1, key.end);
+      chunkedKeys.push((0, _extends2.default)({}, key, {
+        start: i,
+        end
+      }));
+    }
+    return chunkedKeys;
+  };
+  splitResponse = (key, response) => {
+    const cacheKeys = this.getCacheKeys(key);
+    if (cacheKeys.length === 1) {
+      return new Map([[key, response]]);
+    }
+    const responses = new Map();
+    cacheKeys.forEach(chunkKey => {
+      const isLastChunk = chunkKey.end === key.end;
+      const responseSlice = (0, _extends2.default)({}, response, {
+        pageInfo: (0, _extends2.default)({}, response.pageInfo, {
+          // If the original response had page info, update that information for all but last chunk and keep the original value for the last chunk
+          hasNextPage: response.pageInfo?.hasNextPage !== undefined && !isLastChunk ? true : response.pageInfo?.hasNextPage,
+          nextCursor: response.pageInfo?.nextCursor !== undefined && !isLastChunk ? response.rows[chunkKey.end + 1].id : response.pageInfo?.nextCursor
+        }),
+        rows: typeof chunkKey.start !== 'number' || typeof key.start !== 'number' ? response.rows : response.rows.slice(chunkKey.start - key.start, chunkKey.end - key.start + 1)
+      });
+      responses.set(chunkKey, responseSlice);
+    });
+    return responses;
+  };
+  static mergeResponses = responses => {
+    if (responses.length === 1) {
+      return responses[0];
+    }
+    return responses.reduce((acc, response) => ({
+      rows: [...acc.rows, ...response.rows],
+      rowCount: response.rowCount,
+      pageInfo: response.pageInfo
+    }), {
+      rows: [],
+      rowCount: 0,
+      pageInfo: {}
+    });
+  };
 }
-exports.CacheChunkManager = CacheChunkManager;
-CacheChunkManager.mergeResponses = responses => {
-  if (responses.length === 1) {
-    return responses[0];
-  }
-  return responses.reduce((acc, response) => ({
-    rows: [...acc.rows, ...response.rows],
-    rowCount: response.rowCount,
-    pageInfo: response.pageInfo
-  }), {
-    rows: [],
-    rowCount: 0,
-    pageInfo: {}
-  });
-};
+exports.CacheChunkManager = CacheChunkManager;

package/hooks/features/dimensions/gridDimensionsApi.d.ts

@@ -1,62 +1,5 @@
-import type { ElementSize } from "../../../models/elementSize.js";
-export interface GridDimensions {
-  /**
-   * Indicates that the dimensions have been initialized.
-   */
-  isReady: boolean;
-  /**
-   * The root container size.
-   */
-  root: ElementSize;
-  /**
-   * The viewport size including scrollbars.
-   */
-  viewportOuterSize: ElementSize;
-  /**
-   * The viewport size not including scrollbars.
-   */
-  viewportInnerSize: ElementSize;
-  /**
-   * The size of the main content (unpinned rows & columns).
-   */
-  contentSize: ElementSize;
-  /**
-   * The minimum size to display the grid, including all pinned sections and headers.
-   */
-  minimumSize: ElementSize;
-  /**
-   * Indicates if a scroll is currently needed to go from the beginning of the first column to the end of the last column.
-   */
-  hasScrollX: boolean;
-  /**
-   * Indicates if a scroll is currently needed to go from the beginning of the first row to the end of the last row.
-   */
-  hasScrollY: boolean;
-  /**
-   * Size of the scrollbar used to scroll the rows in pixel.
-   * It is defined even when the scrollbar is currently not needed.
-   */
-  scrollbarSize: number;
-  /**
-   * Width of a row.
-   */
-  rowWidth: number;
-  /**
-   * Height of a row.
-   */
-  rowHeight: number;
-  /**
-   * Size of all the visible columns.
-   */
-  columnsTotalWidth: number;
-  /**
-   * Size of left pinned columns.
-   */
-  leftPinnedWidth: number;
-  /**
-   * Size of right pinned columns.
-   */
-  rightPinnedWidth: number;
+import type { DimensionsState } from '@mui/x-virtualizer/models';
+export interface GridDimensions extends DimensionsState {
   /**
    * Height of one column header.
    */
@@ -73,14 +16,6 @@ export interface GridDimensions {
    * Height of all the column headers.
    */
   headersTotalHeight: number;
-  /**
-   * Size of the top container.
-   */
-  topContainerHeight: number;
-  /**
-   * Size of the bottom container.
-   */
-  bottomContainerHeight: number;
 }
 export interface GridDimensionsApi {
   /**

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/hooks/features/filter/gridFilterUtils.js

@@ -203,7 +203,16 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   if (quickFilterValues.length === 0) {
     return null;
   }
-  const columnFields = shouldQuickFilterExcludeHiddenColumns(filterModel) ? (0, _columns.gridVisibleColumnFieldsSelector)(apiRef) : (0, _columns.gridColumnFieldsSelector)(apiRef);
+  const allColumnFields = (0, _columns.gridColumnFieldsSelector)(apiRef);
+  const columnVisibilityModel = (0, _columns.gridColumnVisibilityModelSelector)(apiRef);
+  let columnFields;
+  if (shouldQuickFilterExcludeHiddenColumns(filterModel)) {
+    // Do not use gridVisibleColumnFieldsSelector here, because quick filter won't work in the list view mode
+    // See https://github.com/mui/mui-x/issues/19145
+    columnFields = allColumnFields.filter(field => columnVisibilityModel[field] !== false);
+  } else {
+    columnFields = allColumnFields;
+  }
   const appliersPerField = [];
   const {
     ignoreDiacritics

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.10.0
+ * @mui/x-data-grid v8.10.2
  *
  * @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/locales/fiFI.js

@@ -9,8 +9,8 @@ const fiFIGrid = {
   // Root
   noRowsLabel: 'Ei rivejä',
   noResultsOverlayLabel: 'Ei tuloksia.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Ei sarakkeita',
+  noColumnsOverlayManageColumns: 'Hallitse sarakkeita',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
@@ -64,9 +64,9 @@ const fiFIGrid = {
   filterPanelInputPlaceholder: 'Suodattimen arvo',
   // Filter operators text
   filterOperatorContains: 'sisältää',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'ei sisällä',
   filterOperatorEquals: 'on yhtä suuri kuin',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'on eri suuri kuin',
   filterOperatorStartsWith: 'alkaa',
   filterOperatorEndsWith: 'päättyy',
   filterOperatorIs: 'on',
@@ -86,9 +86,9 @@ const fiFIGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Sisältää',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Ei sisällä',
   headerFilterOperatorEquals: 'On yhtä suuri kuin',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'On eri suuri kuin',
   headerFilterOperatorStartsWith: 'Alkaa',
   headerFilterOperatorEndsWith: 'Päättyy',
   headerFilterOperatorIs: 'On',

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.2",
   "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-internals": "8.10.2",
+    "@mui/x-virtualizer": "0.1.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -65,7 +65,8 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
+  "type": "commonjs",
+  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -88,8 +89,6 @@
         "default": "./esm/*/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) {