@mui/x-virtualizer 0.3.3 → 1.0.0-alpha.1

package/{esm/features/rowspan.d.ts → features/rowspan.d.mts}

@@ -1,7 +1,7 @@
 import { Store } from '@mui/x-internals/store';
-import type { BaseState, ParamsWithDefaults } from "../useVirtualizer.js";
-import type { RowSpanningState } from "../models/rowspan.js";
-import { Virtualization } from "./virtualization/index.js";
+import type { BaseState, ParamsWithDefaults } from "../useVirtualizer.mjs";
+import type { RowSpanningState } from "../models/rowspan.mjs";
+import { Virtualization } from "./virtualization/index.mjs";
 export declare const Rowspan: {
   initialize: typeof initializeState;
   use: typeof useRowspan;

package/features/virtualization/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./layout.mjs";
+export * from "./virtualization.mjs";

package/features/virtualization/index.mjs

@@ -0,0 +1,2 @@
+export * from "./layout.mjs";
+export * from "./virtualization.mjs";

package/{esm/features/virtualization/layout.d.ts → features/virtualization/layout.d.mts}

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Store } from '@mui/x-internals/store';
-import { Dimensions } from "../dimensions.js";
-import { Virtualization, type VirtualizationLayoutParams } from "./virtualization.js";
-import type { BaseState, ParamsWithDefaults } from "../../useVirtualizer.js";
+import { Dimensions } from "../dimensions.mjs";
+import { Virtualization, type VirtualizationLayoutParams } from "./virtualization.mjs";
+import type { BaseState, ParamsWithDefaults } from "../../useVirtualizer.mjs";
 type RequiredAPI = Dimensions.API;
 type BaseElements = {
   scroller: React.RefObject<HTMLElement | null>;
@@ -48,18 +48,18 @@ export declare class LayoutDataGrid extends Layout<DataGridElements> {
     scrollbarHorizontalProps: (args_0: Virtualization.State<Layout<AnyElements>> & Dimensions.State) => {
       ref: any;
       scrollPosition: {
-        current: import("../../models/index.js").ScrollPosition;
+        current: import("../../models/index.mjs").ScrollPosition;
       };
     };
     scrollbarVerticalProps: (args_0: Virtualization.State<Layout<AnyElements>> & Dimensions.State) => {
       ref: any;
       scrollPosition: {
-        current: import("../../models/index.js").ScrollPosition;
+        current: import("../../models/index.mjs").ScrollPosition;
       };
     };
     scrollAreaProps: (args_0: Virtualization.State<Layout<AnyElements>> & Dimensions.State) => {
       scrollPosition: {
-        current: import("../../models/index.js").ScrollPosition;
+        current: import("../../models/index.mjs").ScrollPosition;
       };
     };
   };
@@ -90,18 +90,18 @@ export declare class LayoutDataGridLegacy extends LayoutDataGrid {
     getScrollbarVerticalProps: () => {
       ref: any;
       scrollPosition: {
-        current: import("../../models/index.js").ScrollPosition;
+        current: import("../../models/index.mjs").ScrollPosition;
       };
     };
     getScrollbarHorizontalProps: () => {
       ref: any;
       scrollPosition: {
-        current: import("../../models/index.js").ScrollPosition;
+        current: import("../../models/index.mjs").ScrollPosition;
       };
     };
     getScrollAreaProps: () => {
       scrollPosition: {
-        current: import("../../models/index.js").ScrollPosition;
+        current: import("../../models/index.mjs").ScrollPosition;
       };
     };
   };

package/features/virtualization/layout.js

@@ -1,17 +1,20 @@
 "use strict";
+'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LayoutList = exports.LayoutDataGridLegacy = exports.LayoutDataGrid = exports.Layout = void 0;
+var React = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var platform = _interopRequireWildcard(require("@mui/x-internals/platform"));
 var _store = require("@mui/x-internals/store");
 var _dimensions = require("../../features/dimensions");
 var _virtualization = require("./virtualization");
+var _useRefCallback = _interopRequireDefault(require("../../utils/useRefCallback"));
 /* eslint-disable react-hooks/rules-of-hooks */
 
 class Layout {
@@ -35,8 +38,8 @@ class LayoutDataGrid extends Layout {
       scrollerRef,
       containerRef
     } = layoutParams;
-    const scrollbarVerticalRef = (0, _useEventCallback.default)(this.refSetter('scrollbarVertical'));
-    const scrollbarHorizontalRef = (0, _useEventCallback.default)(this.refSetter('scrollbarHorizontal'));
+    const scrollbarVerticalRef = useScrollbarRefCallback(this.refs.scroller, this.refSetter('scrollbarVertical'), 'scrollTop');
+    const scrollbarHorizontalRef = useScrollbarRefCallback(this.refs.scroller, this.refSetter('scrollbarHorizontal'), 'scrollLeft');
     store.state.virtualization.context = {
       scrollerRef,
       containerRef,
@@ -51,8 +54,10 @@ class LayoutDataGrid extends Layout {
     scrollerProps: (0, _store.createSelectorMemoized)(_virtualization.Virtualization.selectors.context, _dimensions.Dimensions.selectors.autoHeight, _dimensions.Dimensions.selectors.needsHorizontalScrollbar, (context, autoHeight, needsHorizontalScrollbar) => ({
       ref: context.scrollerRef,
       style: {
+        // TODO: fall back to overflow: 'auto' if no overflowX or overflowY is set?
         overflowX: !needsHorizontalScrollbar ? 'hidden' : undefined,
         overflowY: autoHeight ? 'hidden' : undefined
+        // TODO: should include display: 'flex', flexDirection: 'column' since the Content has flexBasis and flexShrink?
       },
       role: 'presentation',
       // `tabIndex` shouldn't be used along role=presentation, but it fixes a Firefox bug
@@ -160,4 +165,55 @@ class LayoutList extends Layout {
     }))
   };
 }
-exports.LayoutList = LayoutList;
+exports.LayoutList = LayoutList;
+function useScrollbarRefCallback(scrollerRef, refSetter, scrollProperty) {
+  const isLocked = React.useRef(false);
+  const lastPosition = React.useRef(0);
+  const handleScrollerScroll = (0, _useEventCallback.default)(scrollbar => {
+    const scroller = scrollerRef.current;
+    if (!scroller) {
+      return;
+    }
+    const scrollerPosition = scroller[scrollProperty];
+    if (scrollerPosition === lastPosition.current) {
+      return;
+    }
+    lastPosition.current = scrollerPosition;
+    if (isLocked.current) {
+      isLocked.current = false;
+      return;
+    }
+    isLocked.current = true;
+    scrollbar[scrollProperty] = scrollerPosition;
+  });
+  const handleScrollbarScroll = (0, _useEventCallback.default)(scrollbar => {
+    const scroller = scrollerRef.current;
+    if (!scroller) {
+      return;
+    }
+    if (isLocked.current) {
+      isLocked.current = false;
+      return;
+    }
+    isLocked.current = true;
+    scroller[scrollProperty] = scrollbar[scrollProperty];
+  });
+  return (0, _useRefCallback.default)(scrollbar => {
+    refSetter(scrollbar);
+    const scroller = scrollerRef.current;
+    if (!scroller) {
+      return undefined;
+    }
+    const onScrollerScroll = () => handleScrollerScroll(scrollbar);
+    const onScrollbarScroll = () => handleScrollbarScroll(scrollbar);
+    const options = {
+      passive: true
+    };
+    scroller.addEventListener('scroll', onScrollerScroll, options);
+    scrollbar.addEventListener('scroll', onScrollbarScroll, options);
+    return () => {
+      scroller.removeEventListener('scroll', onScrollerScroll);
+      scrollbar.removeEventListener('scroll', onScrollbarScroll);
+    };
+  });
+}

package/{esm/features/virtualization/layout.js → features/virtualization/layout.mjs}

@@ -1,9 +1,13 @@
+'use client';
+
+import * as React from 'react';
 import useForkRef from '@mui/utils/useForkRef';
 import useEventCallback from '@mui/utils/useEventCallback';
 import * as platform from '@mui/x-internals/platform';
 import { createSelectorMemoized } from '@mui/x-internals/store';
-import { Dimensions } from "../dimensions.js";
-import { Virtualization } from "./virtualization.js";
+import { Dimensions } from "../dimensions.mjs";
+import { Virtualization } from "./virtualization.mjs";
+import useRefCallback from "../../utils/useRefCallback.mjs";
 
 /* eslint-disable react-hooks/rules-of-hooks */
 
@@ -27,8 +31,8 @@ export class LayoutDataGrid extends Layout {
       scrollerRef,
       containerRef
     } = layoutParams;
-    const scrollbarVerticalRef = useEventCallback(this.refSetter('scrollbarVertical'));
-    const scrollbarHorizontalRef = useEventCallback(this.refSetter('scrollbarHorizontal'));
+    const scrollbarVerticalRef = useScrollbarRefCallback(this.refs.scroller, this.refSetter('scrollbarVertical'), 'scrollTop');
+    const scrollbarHorizontalRef = useScrollbarRefCallback(this.refs.scroller, this.refSetter('scrollbarHorizontal'), 'scrollLeft');
     store.state.virtualization.context = {
       scrollerRef,
       containerRef,
@@ -43,8 +47,10 @@ export class LayoutDataGrid extends Layout {
     scrollerProps: createSelectorMemoized(Virtualization.selectors.context, Dimensions.selectors.autoHeight, Dimensions.selectors.needsHorizontalScrollbar, (context, autoHeight, needsHorizontalScrollbar) => ({
       ref: context.scrollerRef,
       style: {
+        // TODO: fall back to overflow: 'auto' if no overflowX or overflowY is set?
         overflowX: !needsHorizontalScrollbar ? 'hidden' : undefined,
         overflowY: autoHeight ? 'hidden' : undefined
+        // TODO: should include display: 'flex', flexDirection: 'column' since the Content has flexBasis and flexShrink?
       },
       role: 'presentation',
       // `tabIndex` shouldn't be used along role=presentation, but it fixes a Firefox bug
@@ -149,4 +155,55 @@ export class LayoutList extends Layout {
       }
     }))
   }))();
+}
+function useScrollbarRefCallback(scrollerRef, refSetter, scrollProperty) {
+  const isLocked = React.useRef(false);
+  const lastPosition = React.useRef(0);
+  const handleScrollerScroll = useEventCallback(scrollbar => {
+    const scroller = scrollerRef.current;
+    if (!scroller) {
+      return;
+    }
+    const scrollerPosition = scroller[scrollProperty];
+    if (scrollerPosition === lastPosition.current) {
+      return;
+    }
+    lastPosition.current = scrollerPosition;
+    if (isLocked.current) {
+      isLocked.current = false;
+      return;
+    }
+    isLocked.current = true;
+    scrollbar[scrollProperty] = scrollerPosition;
+  });
+  const handleScrollbarScroll = useEventCallback(scrollbar => {
+    const scroller = scrollerRef.current;
+    if (!scroller) {
+      return;
+    }
+    if (isLocked.current) {
+      isLocked.current = false;
+      return;
+    }
+    isLocked.current = true;
+    scroller[scrollProperty] = scrollbar[scrollProperty];
+  });
+  return useRefCallback(scrollbar => {
+    refSetter(scrollbar);
+    const scroller = scrollerRef.current;
+    if (!scroller) {
+      return undefined;
+    }
+    const onScrollerScroll = () => handleScrollerScroll(scrollbar);
+    const onScrollbarScroll = () => handleScrollbarScroll(scrollbar);
+    const options = {
+      passive: true
+    };
+    scroller.addEventListener('scroll', onScrollerScroll, options);
+    scrollbar.addEventListener('scroll', onScrollbarScroll, options);
+    return () => {
+      scroller.removeEventListener('scroll', onScrollerScroll);
+      scrollbar.removeEventListener('scroll', onScrollbarScroll);
+    };
+  });
 }

package/{esm/features/virtualization/virtualization.d.ts → features/virtualization/virtualization.d.mts}

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import type { integer } from '@mui/x-internals/types';
 import { Store } from '@mui/x-internals/store';
-import type { CellColSpanInfo } from "../../models/colspan.js";
-import { Dimensions } from "../dimensions.js";
-import type { BaseState, ParamsWithDefaults } from "../../useVirtualizer.js";
-import type { Layout } from "./layout.js";
-import { RenderContext, ColumnsRenderContext, ColumnWithWidth, RowId, ScrollPosition } from "../../models/index.js";
+import type { CellColSpanInfo } from "../../models/colspan.mjs";
+import { Dimensions } from "../dimensions.mjs";
+import type { BaseState, ParamsWithDefaults } from "../../useVirtualizer.mjs";
+import type { Layout } from "./layout.mjs";
+import { RenderContext, ColumnsRenderContext, ColumnWithWidth, RowId, ScrollPosition } from "../../models/index.mjs";
 export type VirtualizationParams = {
   /** @default false */
   isRtl?: boolean;

package/features/virtualization/virtualization.js

@@ -10,6 +10,7 @@ exports.Virtualization = exports.EMPTY_RENDER_CONTEXT = void 0;
 exports.areRenderContextsEqual = areRenderContextsEqual;
 exports.computeOffsetLeft = computeOffsetLeft;
 exports.roundToDecimalPlaces = roundToDecimalPlaces;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
@@ -20,7 +21,7 @@ var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedE
 var platform = _interopRequireWildcard(require("@mui/x-internals/platform"));
 var _useRunOnce = require("@mui/x-internals/useRunOnce");
 var _store = require("@mui/x-internals/store");
-var _reactMajor = _interopRequireDefault(require("@mui/x-internals/reactMajor"));
+var _useRefCallback = _interopRequireDefault(require("../../utils/useRefCallback"));
 var _core = require("../../models/core");
 var _dimensions = require("../dimensions");
 var _models = require("../../models");
@@ -300,11 +301,11 @@ function useVirtualization(store, params, api) {
     let virtualRowIndex = -1;
     const focusedVirtualCell = params.focusedVirtualCell?.();
     if (!isPinnedSection && focusedVirtualCell) {
-      if (focusedVirtualCell.rowIndex < firstRowToRender) {
+      if (focusedVirtualCell.rowIndex < firstRowToRender && focusedVirtualCell.rowIndex >= 0 && focusedVirtualCell.rowIndex < rowModels.length) {
         rowIndexes.unshift(focusedVirtualCell.rowIndex);
         virtualRowIndex = focusedVirtualCell.rowIndex;
       }
-      if (focusedVirtualCell.rowIndex > lastRowToRender) {
+      if (focusedVirtualCell.rowIndex > lastRowToRender && focusedVirtualCell.rowIndex < rowModels.length) {
         rowIndexes.push(focusedVirtualCell.rowIndex);
         virtualRowIndex = focusedVirtualCell.rowIndex;
       }
@@ -461,7 +462,7 @@ function useVirtualization(store, params, api) {
     }
   }, [layout.refs.scroller, columnsTotalWidth, contentHeight]);
   const isFirstSizing = React.useRef(true);
-  const containerRef = useRefCallback(node => {
+  const containerRef = (0, _useRefCallback.default)(node => {
     layout.refs.container.current = node;
     const unsubscribe = (0, _dimensions.observeRootNode)(node, store, rootSize => {
       if (rootSize.width === 0 && rootSize.height === 0 && store.state.rootSize.height !== 0 && store.state.rootSize.width !== 0) {
@@ -481,7 +482,7 @@ function useVirtualization(store, params, api) {
       layout.refs.container.current = null;
     };
   });
-  const scrollerRef = useRefCallback(node => {
+  const scrollerRef = (0, _useRefCallback.default)(node => {
     layout.refs.scroller.current = node;
     const opts = {
       passive: true
@@ -513,22 +514,6 @@ function useVirtualization(store, params, api) {
     scheduleUpdateRenderContext
   }, createSpanningAPI());
 }
-function useRefCallback(fn) {
-  const refCleanup = React.useRef(undefined);
-  const refCallback = (0, _useEventCallback.default)(node => {
-    if (!node) {
-      // Cleanup for R18
-      refCleanup.current?.();
-      return;
-    }
-    refCleanup.current = fn(node);
-    if (_reactMajor.default >= 19) {
-      /* eslint-disable-next-line consistent-return */
-      return refCleanup.current;
-    }
-  });
-  return refCallback;
-}
 function inputsSelector(store, params, api, enabledForRows, enabledForColumns) {
   const dimensions = _dimensions.Dimensions.selectors.dimensions(store.state);
   const rows = params.rows;
@@ -804,7 +789,7 @@ function bufferForDirection(isRtl, direction, rowBufferPx, columnBufferPx, verti
       };
     default:
       // eslint unable to figure out enum exhaustiveness
-      throw new Error('unreachable');
+      throw /* minify-error-disabled */new Error('unreachable');
   }
 }
 function createScrollCache(isRtl, rowBufferPx, columnBufferPx, verticalBuffer, horizontalBuffer) {
@@ -850,13 +835,13 @@ function getFirstNonSpannedColumnToRender({
 /** Placeholder API functions for colspan & rowspan to re-implement */
 function createSpanningAPI() {
   const getCellColSpanInfo = () => {
-    throw new Error('Unimplemented: colspan feature is required');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unimplemented: colspan feature is required' : (0, _formatErrorMessage2.default)(200));
   };
   const calculateColSpan = () => {
-    throw new Error('Unimplemented: colspan feature is required');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unimplemented: colspan feature is required' : (0, _formatErrorMessage2.default)(200));
   };
   const getHiddenCellsOrigin = () => {
-    throw new Error('Unimplemented: rowspan feature is required');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unimplemented: rowspan feature is required' : (0, _formatErrorMessage2.default)(201));
   };
   return {
     getCellColSpanInfo,

package/{esm/features/virtualization/virtualization.js → features/virtualization/virtualization.mjs}

@@ -1,5 +1,6 @@
 'use client';
 
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
@@ -10,10 +11,10 @@ import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import * as platform from '@mui/x-internals/platform';
 import { useRunOnce } from '@mui/x-internals/useRunOnce';
 import { createSelector, useStore, useStoreEffect } from '@mui/x-internals/store';
-import reactMajor from '@mui/x-internals/reactMajor';
-import { PinnedRows, PinnedColumns } from "../../models/core.js";
-import { Dimensions, observeRootNode } from "../dimensions.js";
-import { ScrollPosition, ScrollDirection } from "../../models/index.js";
+import useRefCallback from "../../utils/useRefCallback.mjs";
+import { PinnedRows, PinnedColumns } from "../../models/core.mjs";
+import { Dimensions, observeRootNode } from "../dimensions.mjs";
+import { ScrollPosition, ScrollDirection } from "../../models/index.mjs";
 
 /* eslint-disable import/export, @typescript-eslint/no-redeclare */
 
@@ -291,11 +292,11 @@ function useVirtualization(store, params, api) {
     let virtualRowIndex = -1;
     const focusedVirtualCell = params.focusedVirtualCell?.();
     if (!isPinnedSection && focusedVirtualCell) {
-      if (focusedVirtualCell.rowIndex < firstRowToRender) {
+      if (focusedVirtualCell.rowIndex < firstRowToRender && focusedVirtualCell.rowIndex >= 0 && focusedVirtualCell.rowIndex < rowModels.length) {
         rowIndexes.unshift(focusedVirtualCell.rowIndex);
         virtualRowIndex = focusedVirtualCell.rowIndex;
       }
-      if (focusedVirtualCell.rowIndex > lastRowToRender) {
+      if (focusedVirtualCell.rowIndex > lastRowToRender && focusedVirtualCell.rowIndex < rowModels.length) {
         rowIndexes.push(focusedVirtualCell.rowIndex);
         virtualRowIndex = focusedVirtualCell.rowIndex;
       }
@@ -504,22 +505,6 @@ function useVirtualization(store, params, api) {
     scheduleUpdateRenderContext
   }, createSpanningAPI());
 }
-function useRefCallback(fn) {
-  const refCleanup = React.useRef(undefined);
-  const refCallback = useEventCallback(node => {
-    if (!node) {
-      // Cleanup for R18
-      refCleanup.current?.();
-      return;
-    }
-    refCleanup.current = fn(node);
-    if (reactMajor >= 19) {
-      /* eslint-disable-next-line consistent-return */
-      return refCleanup.current;
-    }
-  });
-  return refCallback;
-}
 function inputsSelector(store, params, api, enabledForRows, enabledForColumns) {
   const dimensions = Dimensions.selectors.dimensions(store.state);
   const rows = params.rows;
@@ -795,7 +780,7 @@ function bufferForDirection(isRtl, direction, rowBufferPx, columnBufferPx, verti
       };
     default:
       // eslint unable to figure out enum exhaustiveness
-      throw new Error('unreachable');
+      throw /* minify-error-disabled */new Error('unreachable');
   }
 }
 function createScrollCache(isRtl, rowBufferPx, columnBufferPx, verticalBuffer, horizontalBuffer) {
@@ -841,13 +826,13 @@ function getFirstNonSpannedColumnToRender({
 /** Placeholder API functions for colspan & rowspan to re-implement */
 function createSpanningAPI() {
   const getCellColSpanInfo = () => {
-    throw new Error('Unimplemented: colspan feature is required');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unimplemented: colspan feature is required' : _formatErrorMessage(200));
   };
   const calculateColSpan = () => {
-    throw new Error('Unimplemented: colspan feature is required');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unimplemented: colspan feature is required' : _formatErrorMessage(200));
   };
   const getHiddenCellsOrigin = () => {
-    throw new Error('Unimplemented: rowspan feature is required');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unimplemented: rowspan feature is required' : _formatErrorMessage(201));
   };
   return {
     getCellColSpanInfo,

package/index.d.mts

@@ -0,0 +1,3 @@
+export * from "./useVirtualizer.mjs";
+export * from "./features/index.mjs";
+export * from "./constants.mjs";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-virtualizer v0.3.3
+ * @mui/x-virtualizer v1.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/{esm/index.js → index.mjs}

@@ -1,10 +1,10 @@
 /**
- * @mui/x-virtualizer v0.3.3
+ * @mui/x-virtualizer v1.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from "./useVirtualizer.js";
-export * from "./features/index.js";
-export * from "./constants.js";
+export * from "./useVirtualizer.mjs";
+export * from "./features/index.mjs";
+export * from "./constants.mjs";

package/{esm/models/dimensions.d.ts → models/dimensions.d.mts}

@@ -1,4 +1,4 @@
-import { Size } from "./core.js";
+import { Size } from "./core.mjs";
 export interface DimensionsState {
   /**
    * Indicates that the dimensions have been initialized.

package/models/index.d.mts

@@ -0,0 +1,4 @@
+export * from "./core.mjs";
+export * from "./colspan.mjs";
+export * from "./dimensions.mjs";
+export * from "./rowspan.mjs";

package/models/index.mjs

@@ -0,0 +1,4 @@
+export * from "./core.mjs";
+export * from "./colspan.mjs";
+export * from "./dimensions.mjs";
+export * from "./rowspan.mjs";

package/{esm/models/rowspan.d.ts → models/rowspan.d.mts}

@@ -1,4 +1,4 @@
-import { RowId, RowRange } from "./core.js";
+import { RowId, RowRange } from "./core.mjs";
 type ColumnIndex = number;
 export interface RowSpanningCaches {
   spannedCells: Record<RowId, Record<ColumnIndex, number>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-virtualizer",
-  "version": "0.3.3",
+  "version": "1.0.0-alpha.1",
   "author": "MUI Team",
   "description": "MUI virtualization library",
   "license": "MIT",
@@ -27,9 +27,9 @@
     "directory": "packages/x-virtualizer"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.4",
-    "@mui/utils": "^7.3.5",
-    "@mui/x-internals": "8.26.0"
+    "@babel/runtime": "^7.28.6",
+    "@mui/utils": "^7.3.7",
+    "@mui/x-internals": "9.0.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -39,40 +39,65 @@
     "node": ">=14.0.0"
   },
   "type": "commonjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
       },
       "default": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
       }
     },
     "./useVirtualizer": {
+      "import": {
+        "types": "./useVirtualizer.d.mts",
+        "default": "./useVirtualizer.mjs"
+      },
       "require": {
         "types": "./useVirtualizer.d.ts",
         "default": "./useVirtualizer.js"
       },
       "default": {
-        "types": "./esm/useVirtualizer.d.ts",
-        "default": "./esm/useVirtualizer.js"
+        "types": "./useVirtualizer.d.mts",
+        "default": "./useVirtualizer.mjs"
       }
     },
-    "./*": {
+    "./features": {
+      "import": {
+        "types": "./features/index.d.mts",
+        "default": "./features/index.mjs"
+      },
       "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
+        "types": "./features/index.d.ts",
+        "default": "./features/index.js"
       },
       "default": {
-        "types": "./esm/*/index.d.ts",
-        "default": "./esm/*/index.js"
+        "types": "./features/index.d.mts",
+        "default": "./features/index.mjs"
       }
     },
-    "./esm": null
-  }
+    "./models": {
+      "import": {
+        "types": "./models/index.d.mts",
+        "default": "./models/index.mjs"
+      },
+      "require": {
+        "types": "./models/index.d.ts",
+        "default": "./models/index.js"
+      },
+      "default": {
+        "types": "./models/index.d.mts",
+        "default": "./models/index.mjs"
+      }
+    }
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts"
 }