virtual-scroller 1.15.0 → 1.15.2

package/modules/react/VirtualScroller.js

@@ -1,4 +1,4 @@
-var _excluded = ["as", "items", "itemComponent", "itemComponentProps", "itemsContainerComponent", "itemsContainerComponentProps", "itemsContainerRef", "estimatedItemHeight", "getEstimatedItemHeight", "getEstimatedVisibleItemRowsCount", "getEstimatedInterItemVerticalSpacing", "onMount", "tbody", "readyToStart", "className", "bypass", "preserveScrollPosition", "preserveScrollPositionOnPrependItems", "measureItemsBatchSize", "scrollableContainer", "getScrollableContainer", "getColumnsCount", "getItemId", "onItemFirstRender", "onItemInitialRender", "initialScrollPosition", "onScrollPositionChange", "initialState", "getInitialItemState", "onStateChange"];
+var _excluded = ["as", "items", "itemComponent", "itemComponentProps", "itemsContainerComponent", "itemsContainerComponentProps", "itemsContainerRef", "onMount", "tbody", "readyToStart", "className", "bypass", "preserveScrollPosition", "preserveScrollPositionOnPrependItems", "measureItemsBatchSize", "scrollableContainer", "getScrollableContainer", "getColumnsCount", "getItemId", "onItemFirstRender", "onItemInitialRender", "initialScrollPosition", "onScrollPositionChange", "initialState", "getInitialItemState", "onStateChange", "estimatedItemHeight", "getEstimatedItemHeight", "getEstimatedVisibleItemRowsCount", "getEstimatedInterItemVerticalSpacing"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -6,31 +6,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { useMemo, useLayoutEffect } from 'react';
+import React, { useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
-import useState from './useState.js';
 import useVirtualScroller from './useVirtualScroller.js';
-import useVirtualScrollerStartStop from './useVirtualScrollerStartStop.js';
-import useInstanceMethods from './useInstanceMethods.js';
 import useItemKeys from './useItemKeys.js';
 import useSetItemState from './useSetItemState.js';
 import useOnItemHeightDidChange from './useOnItemHeightDidChange.js';
-import useSetNewItemsOnItemsPropertyChange from './useSetNewItemsOnItemsPropertyChange.js';
+import useMergeRefs from './useMergeRefs.js';
+import useInstanceMethods from './useInstanceMethods.js';
 import useUpdateItemKeysOnItemsChange from './useUpdateItemKeysOnItemsChange.js';
-import useValidateTableBodyItemsContainer from './useValidateTableBodyItemsContainer.js';
-import useForwardedRef from './useForwardedRef.js';
-import useClassName from './useClassName.js';
-import useStyle from './useStyle.js';
-import { warn } from '../utility/debug.js'; // When `items` property changes:
-// * A new `items` property is supplied to the React component.
-// * The React component re-renders itself.
-// * `useSetNewItemsOnItemsPropertyChange()` hook is run.
-// * `useSetNewItemsOnItemsPropertyChange()` hook detects that the `items` property
-//   has changed and calls `VirtualScroller.setItems(items)`.
-// * `VirtualScroller.setItems(items)` calls `VirtualScroller.setState()`.
-// * `VirtualScroller.setState()` calls the `setState()` function.
-// * The `setState()` function calls a setter from a `useState()` hook.
-// * The React component re-renders itself the second time.
+import { warn } from '../utility/debug.js';
 
 function VirtualScroller(_ref, ref) {
   var as = _ref.as,
@@ -39,11 +24,7 @@ function VirtualScroller(_ref, ref) {
       itemComponentProps = _ref.itemComponentProps,
       ItemsContainerComponent = _ref.itemsContainerComponent,
       itemsContainerComponentProps = _ref.itemsContainerComponentProps,
-      itemsContainerRef = _ref.itemsContainerRef,
-      estimatedItemHeight = _ref.estimatedItemHeight,
-      getEstimatedItemHeight = _ref.getEstimatedItemHeight,
-      getEstimatedVisibleItemRowsCount = _ref.getEstimatedVisibleItemRowsCount,
-      getEstimatedInterItemVerticalSpacing = _ref.getEstimatedInterItemVerticalSpacing,
+      itemsContainerRefProperty = _ref.itemsContainerRef,
       onMount = _ref.onMount,
       tbody = _ref.tbody,
       readyToStart = _ref.readyToStart,
@@ -63,6 +44,10 @@ function VirtualScroller(_ref, ref) {
       initialState = _ref.initialState,
       getInitialItemState = _ref.getInitialItemState,
       onStateChange = _ref.onStateChange,
+      estimatedItemHeight = _ref.estimatedItemHeight,
+      getEstimatedItemHeight = _ref.getEstimatedItemHeight,
+      getEstimatedVisibleItemRowsCount = _ref.getEstimatedVisibleItemRowsCount,
+      getEstimatedInterItemVerticalSpacing = _ref.getEstimatedInterItemVerticalSpacing,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   // Previously, `as` property was being used instead of `itemsContainerComponent`,
@@ -71,47 +56,34 @@ function VirtualScroller(_ref, ref) {
   // The default `"div"` fallback value is just a legacy compatibility relic, and so is the `as` property.
   if (!ItemsContainerComponent) {
     ItemsContainerComponent = as || 'div';
-  } // It turns out that since May 2022, `useVirtualScroller()` hook completely ignored the `tbody` property.
-  // Instead, it always derived `tbody` property value from `as` property value by comparing it to `"tbody"` string.
-  // As a result, it seemed like the explicit passing of `tbody` property didn't really work as intended.
-  // In the end, it was decided that perhaps `tbody` property value should always be derived from `as` property
-  // without a developer having to manually specify it. So the `tbody` property was deprecated.
-  // It still exists though for backwards compatibility with the older versions of the package.
+  } // In simple cases, the use of a `<tbody/>` tag as an items container component could be auto-detected.
 
 
   if (tbody === undefined) {
-    // `tbody` should be somehow detected before any DOM Elements have been mounted.
+    // `tbody` auto-detection should happen before any DOM Elements have been mounted,
+    // i.e. it can't rely on the trivial `getItemsContainerElement().tagName === 'TBODY'` check.
     // This is because during Server-Side Render there's no DOM Elements tree at all.
     // And server-sider render result is required to be exactly the same as client-side render result.
     // This means that `tbody` detection for the purposes of getting the initial
     // `className` or `style` property values must not rely on any DOM Elements at all,
     // and should use some other means such as explicitly passing a `tbody: true` property
-    // (as it used to be in the past) or detecting `<tbody/>` tag usage from the
-    // `itemsContainerCompoent` property value.
+    // or detecting `<tbody/>` tag usage from the `itemsContainerCompoent` property value.
     tbody = ItemsContainerComponent === 'tbody';
-  } // List items "container" DOM Element reference.
-
-
-  var _useForwardedRef = useForwardedRef(itemsContainerRef),
-      setItemsContainerRef = _useForwardedRef.setRef,
-      itemsContainer = _useForwardedRef.internalRef; // Create a `VirtualScroller` instance.
+  }
 
-
-  var virtualScroller = useVirtualScroller({
+  var _useVirtualScroller = useVirtualScroller({
     items: itemsProperty,
-    // `estimatedItemHeight` property name is deprecated,
-    // use `getEstimatedItemHeight` property instead.
-    estimatedItemHeight: estimatedItemHeight,
-    getEstimatedItemHeight: getEstimatedItemHeight,
-    getEstimatedVisibleItemRowsCount: getEstimatedVisibleItemRowsCount,
-    getEstimatedInterItemVerticalSpacing: getEstimatedInterItemVerticalSpacing,
+    tbody: tbody,
+    readyToStart: readyToStart,
+    style: itemsContainerComponentProps && itemsContainerComponentProps.style,
+    className: classNameProperty || itemsContainerComponentProps && itemsContainerComponentProps.className,
+    // The following are the "core" component options.
+    //
     bypass: bypass,
-    // bypassBatchSize,
-    onItemInitialRender: onItemInitialRender,
-    // `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.
-    onItemFirstRender: onItemFirstRender,
-    initialScrollPosition: initialScrollPosition,
-    onScrollPositionChange: onScrollPositionChange,
+    // `preserveScrollPosition` property name is deprecated,
+    // use `preserveScrollPositionOnPrependItems` property instead.
+    preserveScrollPosition: preserveScrollPosition,
+    preserveScrollPositionOnPrependItems: preserveScrollPositionOnPrependItems,
     measureItemsBatchSize: measureItemsBatchSize,
     // `scrollableContainer` property is deprecated.
     // Use `getScrollableContainer()` property instead.
@@ -119,39 +91,30 @@ function VirtualScroller(_ref, ref) {
     getScrollableContainer: getScrollableContainer,
     getColumnsCount: getColumnsCount,
     getItemId: getItemId,
+    // `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.
+    onItemFirstRender: onItemFirstRender,
+    onItemInitialRender: onItemInitialRender,
+    initialScrollPosition: initialScrollPosition,
+    onScrollPositionChange: onScrollPositionChange,
     initialState: initialState,
     getInitialItemState: getInitialItemState,
-    onStateChange: onStateChange
-  }, {
-    itemsContainer: itemsContainer
-  }); // Only compute the initial state once.
-
-  var _initialState = useMemo(function () {
-    return virtualScroller.getInitialState();
-  }, []); // Use React's `useState()` hook for managing `VirtualScroller`'s state lifecycle.
-  // This way, React will re-render the component on every state update.
-
-
-  var _useState = useState({
-    initialState: _initialState,
-    onRender: virtualScroller.onRender
+    onStateChange: onStateChange,
+    getEstimatedItemHeight: getEstimatedItemHeight || ( // `estimatedItemHeight` property name is deprecated,
+    // use `getEstimatedItemHeight` property instead.
+    typeof estimatedItemHeight === 'number' ? function () {
+      return estimatedItemHeight;
+    } : undefined),
+    getEstimatedVisibleItemRowsCount: getEstimatedVisibleItemRowsCount,
+    getEstimatedInterItemVerticalSpacing: getEstimatedInterItemVerticalSpacing
   }),
-      getState = _useState.getState,
-      setState = _useState.setState,
-      stateToRender = _useState.stateToRender; // Use custom (external) state storage in the `VirtualScroller`.
-
+      stateToRender = _useVirtualScroller.state,
+      style = _useVirtualScroller.style,
+      className = _useVirtualScroller.className,
+      itemsContainerRef = _useVirtualScroller.itemsContainerRef,
+      virtualScroller = _useVirtualScroller.virtualScroller; // List items "container" DOM Element reference.
 
-  useMemo(function () {
-    virtualScroller.useState({
-      getState: getState,
-      setState: setState
-    });
-  }, []); // Start `VirtualScroller` on mount.
-  // Stop `VirtualScroller` on unmount.
 
-  useVirtualScrollerStartStop(virtualScroller, {
-    readyToStart: readyToStart
-  }); // List items are rendered with `key`s so that React doesn't
+  var setItemsContainerRef = useMergeRefs(itemsContainerRef, itemsContainerRefProperty); // List items are rendered with `key`s so that React doesn't
   // "reuse" `itemComponent`s in cases when `items` are changed.
 
   var _useItemKeys = useItemKeys({
@@ -160,10 +123,16 @@ function VirtualScroller(_ref, ref) {
       getItemKey = _useItemKeys.getItemKey,
       onItemKeysReset = _useItemKeys.onItemKeysReset,
       usesAutogeneratedItemKeys = _useItemKeys.usesAutogeneratedItemKeys,
-      updateItemKeysForNewItems = _useItemKeys.updateItemKeysForNewItems; // Cache per-item `setItemState` functions' "references"
-  // so that item components don't get re-rendered needlessly.
+      updateItemKeysForNewItems = _useItemKeys.updateItemKeysForNewItems; // Updates `key`s if item indexes have changed.
 
 
+  useUpdateItemKeysOnItemsChange(stateToRender.items, {
+    virtualScroller: virtualScroller,
+    usesAutogeneratedItemKeys: usesAutogeneratedItemKeys,
+    updateItemKeysForNewItems: updateItemKeysForNewItems
+  }); // Cache per-item `setItemState` functions' "references"
+  // so that item components don't get re-rendered needlessly.
+
   var getSetItemState = useSetItemState({
     getItemKey: getItemKey,
     onItemKeysReset: onItemKeysReset,
@@ -175,20 +144,6 @@ function VirtualScroller(_ref, ref) {
     getItemKey: getItemKey,
     onItemKeysReset: onItemKeysReset,
     virtualScroller: virtualScroller
-  }); // Calls `.setItems()` if `items` property has changed.
-
-  useSetNewItemsOnItemsPropertyChange(itemsProperty, {
-    virtualScroller: virtualScroller,
-    // `preserveScrollPosition` property name is deprecated,
-    // use `preserveScrollPositionOnPrependItems` property instead.
-    preserveScrollPosition: preserveScrollPosition,
-    preserveScrollPositionOnPrependItems: preserveScrollPositionOnPrependItems
-  }); // Updates `key`s if item indexes have changed.
-
-  useUpdateItemKeysOnItemsChange(stateToRender.items, {
-    virtualScroller: virtualScroller,
-    usesAutogeneratedItemKeys: usesAutogeneratedItemKeys,
-    updateItemKeysForNewItems: updateItemKeysForNewItems
   }); // Add instance methods to the React component.
 
   useInstanceMethods(ref, {
@@ -202,14 +157,7 @@ function VirtualScroller(_ref, ref) {
       warn('`onMount` property is deprecated');
       onMount();
     }
-  }, []); // A developer might "forget" to pass `itemsContainerComponent="tbody"` property
-  // when using a `<tbody/>` as a container for list items.
-  // This hook validates that the developer didn't "forget" to do that in such case.
-
-  useValidateTableBodyItemsContainer({
-    virtualScroller: virtualScroller,
-    tbody: tbody
-  }); // `willRender()` function is no longer used.
+  }, []); // `willRender()` function is no longer used.
   //
   // // `getSnapshotBeforeUpdate()` is called right before `componentDidUpdate()`.
   // // A hook equivalent/workaround for `getSnapshotBeforeUpdate()`:
@@ -224,15 +172,6 @@ function VirtualScroller(_ref, ref) {
   // 	return null
   // }
 
-  var classNamePassThrough = classNameProperty || itemsContainerComponentProps && itemsContainerComponentProps.className;
-  var className = useClassName(classNamePassThrough, {
-    tbody: tbody
-  });
-  var stylePassThrough = itemsContainerComponentProps && itemsContainerComponentProps.style;
-  var style = useStyle(stylePassThrough, {
-    tbody: tbody,
-    state: stateToRender
-  });
   var currentItems = stateToRender.items,
       itemStates = stateToRender.itemStates,
       firstShownItemIndex = stateToRender.firstShownItemIndex,
@@ -309,9 +248,7 @@ VirtualScroller.propTypes = {
   getEstimatedInterItemVerticalSpacing: PropTypes.func,
   bypass: PropTypes.bool,
   // bypassBatchSize: PropTypes.number,
-  // `tbody` property is deprecated.
-  // Pass `as: "tbody"` property instead.
-  // tbody: PropTypes.bool,
+  tbody: PropTypes.bool,
   preserveScrollPositionOnPrependItems: PropTypes.bool,
   // `preserveScrollPosition` property name is deprecated,
   // use `preserveScrollPositionOnPrependItems` instead.
@@ -344,5 +281,17 @@ VirtualScroller.propTypes = {
     verticalSpacing: PropTypes.number
   }),
   getInitialItemState: PropTypes.func
-};
+}; // Legacy compatibility:
+//
+// Originally, the default export of the `virtual-scroller/react` subpackage
+// was only the `VirtualScroller` component, and there were no other exports.
+//
+// Later, `useVirtualScroller()` hook export was added.
+// In order to maintain legacy compatibility, the new exports shouldn't "break"
+// the existing environments that were using the old versions of the package.
+// This means that in non-ES6-import environments, any additional exports
+// should be added directly to the default `VirtualScroller` export.
+//
+
+VirtualScroller.useVirtualScroller = useVirtualScroller;
 //# sourceMappingURL=VirtualScroller.js.map

package/modules/react/VirtualScroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualScroller.js","names":["React","useMemo","useLayoutEffect","PropTypes","useState","useVirtualScroller","useVirtualScrollerStartStop","useInstanceMethods","useItemKeys","useSetItemState","useOnItemHeightDidChange","useSetNewItemsOnItemsPropertyChange","useUpdateItemKeysOnItemsChange","useValidateTableBodyItemsContainer","useForwardedRef","useClassName","useStyle","warn","VirtualScroller","ref","as","itemsProperty","items","ItemComponent","itemComponent","itemComponentProps","ItemsContainerComponent","itemsContainerComponent","itemsContainerComponentProps","itemsContainerRef","estimatedItemHeight","getEstimatedItemHeight","getEstimatedVisibleItemRowsCount","getEstimatedInterItemVerticalSpacing","onMount","tbody","readyToStart","classNameProperty","className","bypass","preserveScrollPosition","preserveScrollPositionOnPrependItems","measureItemsBatchSize","scrollableContainer","getScrollableContainer","getColumnsCount","getItemId","onItemFirstRender","onItemInitialRender","initialScrollPosition","onScrollPositionChange","initialState","getInitialItemState","onStateChange","rest","undefined","setItemsContainerRef","setRef","itemsContainer","internalRef","virtualScroller","_initialState","getInitialState","onRender","getState","setState","stateToRender","getItemKey","onItemKeysReset","usesAutogeneratedItemKeys","updateItemKeysForNewItems","getSetItemState","getOnItemHeightDidChange","classNamePassThrough","stylePassThrough","style","state","currentItems","itemStates","firstShownItemIndex","lastShownItemIndex","map","item","i","forwardRef","elementType","oneOfType","string","func","object","propTypes","arrayOf","any","isRequired","shape","current","number","bool","beforeItemsHeight","afterItemsHeight","itemHeights","columnsCount","verticalSpacing"],"sources":["../../source/react/VirtualScroller.js"],"sourcesContent":["import React, { useMemo, useLayoutEffect } from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport useState from './useState.js'\r\nimport useVirtualScroller from './useVirtualScroller.js'\r\nimport useVirtualScrollerStartStop from './useVirtualScrollerStartStop.js'\r\nimport useInstanceMethods from './useInstanceMethods.js'\r\nimport useItemKeys from './useItemKeys.js'\r\nimport useSetItemState from './useSetItemState.js'\r\nimport useOnItemHeightDidChange from './useOnItemHeightDidChange.js'\r\nimport useSetNewItemsOnItemsPropertyChange from './useSetNewItemsOnItemsPropertyChange.js'\r\nimport useUpdateItemKeysOnItemsChange from './useUpdateItemKeysOnItemsChange.js'\r\nimport useValidateTableBodyItemsContainer from './useValidateTableBodyItemsContainer.js'\r\nimport useForwardedRef from './useForwardedRef.js'\r\nimport useClassName from './useClassName.js'\r\nimport useStyle from './useStyle.js'\r\n\r\nimport { warn } from '../utility/debug.js'\r\n\r\n// When `items` property changes:\r\n// * A new `items` property is supplied to the React component.\r\n// * The React component re-renders itself.\r\n// * `useSetNewItemsOnItemsPropertyChange()` hook is run.\r\n// * `useSetNewItemsOnItemsPropertyChange()` hook detects that the `items` property\r\n//   has changed and calls `VirtualScroller.setItems(items)`.\r\n// * `VirtualScroller.setItems(items)` calls `VirtualScroller.setState()`.\r\n// * `VirtualScroller.setState()` calls the `setState()` function.\r\n// * The `setState()` function calls a setter from a `useState()` hook.\r\n// * The React component re-renders itself the second time.\r\n\r\nfunction VirtualScroller({\r\n\t// The following are `<VirtualScroller/>` properties.\r\n\t//\r\n\t// `as` property is deprecated, use `itemsContainerComponent` property instead.\r\n\tas,\r\n\titems: itemsProperty,\r\n\titemComponent: ItemComponent,\r\n\titemComponentProps,\r\n\titemsContainerComponent: ItemsContainerComponent,\r\n\titemsContainerComponentProps,\r\n\titemsContainerRef,\r\n\t// `estimatedItemHeight` property name is deprecated,\r\n\t// use `getEstimatedItemHeight` property instead.\r\n\testimatedItemHeight,\r\n\tgetEstimatedItemHeight,\r\n\tgetEstimatedVisibleItemRowsCount,\r\n\tgetEstimatedInterItemVerticalSpacing,\r\n\tonMount,\r\n\t// `tbody` property is deprecated.\r\n\t// Pass `as: \"tbody\"` property instead.\r\n\ttbody,\r\n\treadyToStart,\r\n\tclassName: classNameProperty,\r\n\r\n\t// The following are the \"core\" component options.\r\n\t//\r\n\tbypass,\r\n\t// `preserveScrollPosition` property name is deprecated,\r\n\t// use `preserveScrollPositionOnPrependItems` property instead.\r\n\tpreserveScrollPosition,\r\n\tpreserveScrollPositionOnPrependItems,\r\n\tmeasureItemsBatchSize,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer,\r\n\tgetScrollableContainer,\r\n\tgetColumnsCount,\r\n\tgetItemId,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender,\r\n\tonItemInitialRender,\r\n\tinitialScrollPosition,\r\n\tonScrollPositionChange,\r\n\tinitialState,\r\n\tgetInitialItemState,\r\n\tonStateChange,\r\n\r\n\t// \"Rest\" properties that will be passed through to the `itemsContainerComponent`.\r\n\t...rest\r\n}, ref) {\r\n\t// Previously, `as` property was being used instead of `itemsContainerComponent`,\r\n\t// and the default `as` property value was a generic `<div/>`.\r\n\t// Starting from version `1.14.1`, it is recommended to explicitly specify the `itemsContainerComponent`.\r\n\t// The default `\"div\"` fallback value is just a legacy compatibility relic, and so is the `as` property.\r\n\tif (!ItemsContainerComponent) {\r\n\t\tItemsContainerComponent = as || 'div'\r\n\t}\r\n\r\n\t// It turns out that since May 2022, `useVirtualScroller()` hook completely ignored the `tbody` property.\r\n\t// Instead, it always derived `tbody` property value from `as` property value by comparing it to `\"tbody\"` string.\r\n\t// As a result, it seemed like the explicit passing of `tbody` property didn't really work as intended.\r\n\t// In the end, it was decided that perhaps `tbody` property value should always be derived from `as` property\r\n\t// without a developer having to manually specify it. So the `tbody` property was deprecated.\r\n\t// It still exists though for backwards compatibility with the older versions of the package.\r\n\tif (tbody === undefined) {\r\n\t\t// `tbody` should be somehow detected before any DOM Elements have been mounted.\r\n\t\t// This is because during Server-Side Render there's no DOM Elements tree at all.\r\n\t\t// And server-sider render result is required to be exactly the same as client-side render result.\r\n\t\t// This means that `tbody` detection for the purposes of getting the initial\r\n\t\t// `className` or `style` property values must not rely on any DOM Elements at all,\r\n\t\t// and should use some other means such as explicitly passing a `tbody: true` property\r\n\t\t// (as it used to be in the past) or detecting `<tbody/>` tag usage from the\r\n\t\t// `itemsContainerCompoent` property value.\r\n\t\ttbody = ItemsContainerComponent === 'tbody'\r\n\t}\r\n\r\n\t// List items \"container\" DOM Element reference.\r\n\tconst {\r\n\t\tsetRef: setItemsContainerRef,\r\n\t\tinternalRef: itemsContainer\r\n\t} = useForwardedRef(itemsContainerRef)\r\n\r\n\t// Create a `VirtualScroller` instance.\r\n\tconst virtualScroller = useVirtualScroller({\r\n\t\titems: itemsProperty,\r\n\t\t// `estimatedItemHeight` property name is deprecated,\r\n\t\t// use `getEstimatedItemHeight` property instead.\r\n\t\testimatedItemHeight,\r\n\t\tgetEstimatedItemHeight,\r\n\t\tgetEstimatedVisibleItemRowsCount,\r\n\t\tgetEstimatedInterItemVerticalSpacing,\r\n\t\tbypass,\r\n\t\t// bypassBatchSize,\r\n\t\tonItemInitialRender,\r\n\t\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\t\tonItemFirstRender,\r\n\t\tinitialScrollPosition,\r\n\t\tonScrollPositionChange,\r\n\t\tmeasureItemsBatchSize,\r\n\t\t// `scrollableContainer` property is deprecated.\r\n\t\t// Use `getScrollableContainer()` property instead.\r\n\t\tscrollableContainer,\r\n\t\tgetScrollableContainer,\r\n\t\tgetColumnsCount,\r\n\t\tgetItemId,\r\n\t\tinitialState,\r\n\t\tgetInitialItemState,\r\n\t\tonStateChange\r\n\t}, {\r\n\t\titemsContainer\r\n\t})\r\n\r\n\t// Only compute the initial state once.\r\n\tconst _initialState = useMemo(() => {\r\n\t\treturn virtualScroller.getInitialState()\r\n\t}, [])\r\n\r\n\t// Use React's `useState()` hook for managing `VirtualScroller`'s state lifecycle.\r\n\t// This way, React will re-render the component on every state update.\r\n\tconst {\r\n\t\tgetState,\r\n\t\tsetState,\r\n\t\tstateToRender\r\n\t} = useState({\r\n\t\tinitialState: _initialState,\r\n\t\tonRender: virtualScroller.onRender\r\n\t})\r\n\r\n\t// Use custom (external) state storage in the `VirtualScroller`.\r\n\tuseMemo(() => {\r\n\t\tvirtualScroller.useState({\r\n\t\t\tgetState,\r\n\t\t\tsetState\r\n\t\t})\r\n\t}, [])\r\n\r\n\t// Start `VirtualScroller` on mount.\r\n\t// Stop `VirtualScroller` on unmount.\r\n\tuseVirtualScrollerStartStop(virtualScroller, { readyToStart })\r\n\r\n\t// List items are rendered with `key`s so that React doesn't\r\n\t// \"reuse\" `itemComponent`s in cases when `items` are changed.\r\n\tconst {\r\n\t\tgetItemKey,\r\n\t\tonItemKeysReset,\r\n\t\tusesAutogeneratedItemKeys,\r\n\t\tupdateItemKeysForNewItems\r\n\t} = useItemKeys({\r\n\t\tgetItemId\r\n\t})\r\n\r\n\t// Cache per-item `setItemState` functions' \"references\"\r\n\t// so that item components don't get re-rendered needlessly.\r\n\tconst getSetItemState = useSetItemState({\r\n\t\tgetItemKey,\r\n\t\tonItemKeysReset,\r\n\t\tvirtualScroller\r\n\t})\r\n\r\n\t// Cache per-item `onItemHeightDidChange` functions' \"references\"\r\n\t// so that item components don't get re-rendered needlessly.\r\n\tconst getOnItemHeightDidChange = useOnItemHeightDidChange({\r\n\t\tgetItemKey,\r\n\t\tonItemKeysReset,\r\n\t\tvirtualScroller\r\n\t})\r\n\r\n\t// Calls `.setItems()` if `items` property has changed.\r\n\tuseSetNewItemsOnItemsPropertyChange(itemsProperty, {\r\n\t\tvirtualScroller,\r\n\t\t// `preserveScrollPosition` property name is deprecated,\r\n\t\t// use `preserveScrollPositionOnPrependItems` property instead.\r\n\t\tpreserveScrollPosition,\r\n\t\tpreserveScrollPositionOnPrependItems\r\n\t})\r\n\r\n\t// Updates `key`s if item indexes have changed.\r\n\tuseUpdateItemKeysOnItemsChange(stateToRender.items, {\r\n\t\tvirtualScroller,\r\n\t\tusesAutogeneratedItemKeys,\r\n\t\tupdateItemKeysForNewItems\r\n\t})\r\n\r\n\t// Add instance methods to the React component.\r\n\tuseInstanceMethods(ref, {\r\n\t\tvirtualScroller\r\n\t})\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\t// (deprecated)\r\n\t\t// `onMount()` option is deprecated due to no longer being used.\r\n\t\t// If someone thinks there's a valid use case for it, create an issue.\r\n\t\tif (onMount) {\r\n\t\t\twarn('`onMount` property is deprecated')\r\n\t\t\tonMount()\r\n\t\t}\r\n\t}, [])\r\n\r\n\t// A developer might \"forget\" to pass `itemsContainerComponent=\"tbody\"` property\r\n\t// when using a `<tbody/>` as a container for list items.\r\n\t// This hook validates that the developer didn't \"forget\" to do that in such case.\r\n\tuseValidateTableBodyItemsContainer({\r\n\t\tvirtualScroller,\r\n\t\ttbody\r\n\t})\r\n\r\n\t// `willRender()` function is no longer used.\r\n\t//\r\n\t// // `getSnapshotBeforeUpdate()` is called right before `componentDidUpdate()`.\r\n\t// // A hook equivalent/workaround for `getSnapshotBeforeUpdate()`:\r\n\t// // https://github.com/facebook/react/issues/15221#issuecomment-583448887\r\n\t// //\r\n\t// getSnapshotBeforeUpdate(prevProps, prevState) {\r\n\t// \tif (this.state !== prevState) {\r\n\t// \t\tthis.willRender(this.state, prevState)\r\n\t// \t}\r\n\t// \t// Returns `null` to avoid React warning:\r\n\t// \t// \"A snapshot value (or null) must be returned. You have returned undefined\".\r\n\t// \treturn null\r\n\t// }\r\n\r\n\tconst classNamePassThrough = classNameProperty || itemsContainerComponentProps && itemsContainerComponentProps.className\r\n\r\n\tconst className = useClassName(classNamePassThrough, {\r\n\t\ttbody\r\n\t})\r\n\r\n\tconst stylePassThrough = itemsContainerComponentProps && itemsContainerComponentProps.style\r\n\r\n\tconst style = useStyle(stylePassThrough, {\r\n\t\ttbody,\r\n\t\tstate: stateToRender\r\n\t})\r\n\r\n\tconst {\r\n\t\titems: currentItems,\r\n\t\titemStates,\r\n\t\tfirstShownItemIndex,\r\n\t\tlastShownItemIndex\r\n\t} = stateToRender\r\n\r\n\treturn (\r\n\t\t<ItemsContainerComponent\r\n\t\t\t{...itemsContainerComponentProps}\r\n\t\t\t{...rest}\r\n\t\t\tref={setItemsContainerRef}\r\n\t\t\tclassName={className}\r\n\t\t\tstyle={style}>\r\n\t\t\t{currentItems.map((item, i) => {\r\n\t\t\t\tif (i >= firstShownItemIndex && i <= lastShownItemIndex) {\r\n\t\t\t\t\t// * Passing the `item` as `children` property is legacy and is deprecated.\r\n\t\t\t\t\t//   If version `2.x` is published in some hypothetical future,\r\n\t\t\t\t\t//   the `item` property should be moved below `{...itemComponentProps}`.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// * Passing `itemIndex` property is legacy and is deprecated\r\n\t\t\t\t\t//   and could be removed in some future.\r\n\t\t\t\t\t//   The rationale for deprecation is that the `items` property\r\n\t\t\t\t\t//   is not constant and could change, in which case the `itemIndex` value\r\n\t\t\t\t\t//   would be of no use because the application wouldn't know\r\n\t\t\t\t\t//   which exact `items` it corresponds to at any given moment in time.\r\n\t\t\t\t\t//   Having just the `itemIndex` and no actual `item` is therefore considered useless.\r\n\t\t\t\t\t//   Instead, a developer could simply use `getItemKey(item)` function.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// * `onStateChange` property is passed here for legacy reasons.\r\n\t\t\t\t\t//   The new property name is `setState`.\r\n\t\t\t\t\t//   The old property name `onStateChange` is deprecated\r\n\t\t\t\t\t//   and could be removed in some future.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// * `onHeightChange` property is passed here for legacy reasons.\r\n\t\t\t\t\t//   The new property name is `onHeightDidChange`.\r\n\t\t\t\t\t//   The old property name `onHeightChange` is deprecated\r\n\t\t\t\t\t//   and could be removed in some future.\r\n\t\t\t\t\t//\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<ItemComponent\r\n\t\t\t\t\t\t\titem={item}\r\n\t\t\t\t\t\t\titemIndex={i}\r\n\t\t\t\t\t\t\t{...itemComponentProps}\r\n\t\t\t\t\t\t\tkey={getItemKey(item, i)}\r\n\t\t\t\t\t\t\tstate={itemStates && itemStates[i]}\r\n\t\t\t\t\t\t\tsetState={getSetItemState(i)}\r\n\t\t\t\t\t\t\tonStateChange={getSetItemState(i)}\r\n\t\t\t\t\t\t\tonHeightChange={getOnItemHeightDidChange(i)}\r\n\t\t\t\t\t\t\tonHeightDidChange={getOnItemHeightDidChange(i)}>\r\n\t\t\t\t\t\t\t{item}\r\n\t\t\t\t\t\t</ItemComponent>\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\treturn null\r\n\t\t\t})}\r\n\t\t</ItemsContainerComponent>\r\n\t)\r\n}\r\n\r\nVirtualScroller = React.forwardRef(VirtualScroller)\r\n\r\nexport default VirtualScroller\r\n\r\n// `PropTypes.elementType` is available in some version of `prop-types`.\r\n// https://github.com/facebook/prop-types/issues/200\r\nconst elementType = PropTypes.elementType || PropTypes.oneOfType([\r\n\tPropTypes.string,\r\n\tPropTypes.func,\r\n\tPropTypes.object\r\n])\r\n\r\nVirtualScroller.propTypes = {\r\n\t// `as` property is deprecated, use `itemsContainerComponent` property instead.\r\n\tas: elementType,\r\n\titems: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n\titemComponent: elementType.isRequired,\r\n\titemComponentProps: PropTypes.object,\r\n\t// `itemsContainerComponent` property is not required just for legacy compatibility reasons.\r\n\t// Any new applications should explicitly specify it.\r\n\titemsContainerComponent: elementType,\r\n\titemsContainerComponentProps: PropTypes.object,\r\n\titemsContainerRef: PropTypes.oneOfType([\r\n\t\tPropTypes.func,\r\n\t\tPropTypes.shape({ current: PropTypes.object })\r\n\t]),\r\n\t// `estimatedItemHeight` property name is deprecated,\r\n\t// use `getEstimatedItemHeight` property instead.\r\n\testimatedItemHeight: PropTypes.number,\r\n\tgetEstimatedItemHeight: PropTypes.func,\r\n\tgetEstimatedVisibleItemRowsCount: PropTypes.func,\r\n\tgetEstimatedInterItemVerticalSpacing: PropTypes.func,\r\n\tbypass: PropTypes.bool,\r\n\t// bypassBatchSize: PropTypes.number,\r\n\t// `tbody` property is deprecated.\r\n\t// Pass `as: \"tbody\"` property instead.\r\n\t// tbody: PropTypes.bool,\r\n\tpreserveScrollPositionOnPrependItems: PropTypes.bool,\r\n\t// `preserveScrollPosition` property name is deprecated,\r\n\t// use `preserveScrollPositionOnPrependItems` instead.\r\n\tpreserveScrollPosition: PropTypes.bool,\r\n\tmeasureItemsBatchSize: PropTypes.number,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer: PropTypes.any,\r\n\tgetScrollableContainer: PropTypes.func,\r\n\tgetColumnsCount: PropTypes.func,\r\n\tgetItemId: PropTypes.func,\r\n\tclassName: PropTypes.string,\r\n\treadyToStart: PropTypes.bool,\r\n\tonMount: PropTypes.func,\r\n\tonItemInitialRender: PropTypes.func,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender: PropTypes.func,\r\n\tinitialScrollPosition: PropTypes.number,\r\n\tonScrollPositionChange: PropTypes.func,\r\n\tonStateChange: PropTypes.func,\r\n\tinitialState: PropTypes.shape({\r\n\t\titems: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n\t\titemStates: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n\t\tfirstShownItemIndex: PropTypes.number.isRequired,\r\n\t\tlastShownItemIndex: PropTypes.number.isRequired,\r\n\t\tbeforeItemsHeight: PropTypes.number.isRequired,\r\n\t\tafterItemsHeight: PropTypes.number.isRequired,\r\n\t\titemHeights: PropTypes.arrayOf(PropTypes.number).isRequired,\r\n\t\tcolumnsCount: PropTypes.number,\r\n\t\tverticalSpacing: PropTypes.number\r\n\t}),\r\n\tgetInitialItemState: PropTypes.func\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"VirtualScroller.js","names":["React","useLayoutEffect","PropTypes","useVirtualScroller","useItemKeys","useSetItemState","useOnItemHeightDidChange","useMergeRefs","useInstanceMethods","useUpdateItemKeysOnItemsChange","warn","VirtualScroller","ref","as","itemsProperty","items","ItemComponent","itemComponent","itemComponentProps","ItemsContainerComponent","itemsContainerComponent","itemsContainerComponentProps","itemsContainerRefProperty","itemsContainerRef","onMount","tbody","readyToStart","classNameProperty","className","bypass","preserveScrollPosition","preserveScrollPositionOnPrependItems","measureItemsBatchSize","scrollableContainer","getScrollableContainer","getColumnsCount","getItemId","onItemFirstRender","onItemInitialRender","initialScrollPosition","onScrollPositionChange","initialState","getInitialItemState","onStateChange","estimatedItemHeight","getEstimatedItemHeight","getEstimatedVisibleItemRowsCount","getEstimatedInterItemVerticalSpacing","rest","undefined","style","stateToRender","state","virtualScroller","setItemsContainerRef","getItemKey","onItemKeysReset","usesAutogeneratedItemKeys","updateItemKeysForNewItems","getSetItemState","getOnItemHeightDidChange","currentItems","itemStates","firstShownItemIndex","lastShownItemIndex","map","item","i","forwardRef","elementType","oneOfType","string","func","object","propTypes","arrayOf","any","isRequired","shape","current","number","bool","beforeItemsHeight","afterItemsHeight","itemHeights","columnsCount","verticalSpacing"],"sources":["../../source/react/VirtualScroller.js"],"sourcesContent":["import React, { useLayoutEffect } from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport useVirtualScroller from './useVirtualScroller.js'\r\nimport useItemKeys from './useItemKeys.js'\r\nimport useSetItemState from './useSetItemState.js'\r\nimport useOnItemHeightDidChange from './useOnItemHeightDidChange.js'\r\nimport useMergeRefs from './useMergeRefs.js'\r\nimport useInstanceMethods from './useInstanceMethods.js'\r\nimport useUpdateItemKeysOnItemsChange from './useUpdateItemKeysOnItemsChange.js'\r\n\r\nimport { warn } from '../utility/debug.js'\r\n\r\nfunction VirtualScroller({\r\n\t// The following are `<VirtualScroller/>` properties.\r\n\t//\r\n\t// `as` property is deprecated, use `itemsContainerComponent` property instead.\r\n\tas,\r\n\titems: itemsProperty,\r\n\titemComponent: ItemComponent,\r\n\titemComponentProps,\r\n\titemsContainerComponent: ItemsContainerComponent,\r\n\titemsContainerComponentProps,\r\n\titemsContainerRef: itemsContainerRefProperty,\r\n\tonMount,\r\n\ttbody,\r\n\treadyToStart,\r\n\tclassName: classNameProperty,\r\n\r\n\t// The following are the \"core\" component options.\r\n\t//\r\n\tbypass,\r\n\t// `preserveScrollPosition` property name is deprecated,\r\n\t// use `preserveScrollPositionOnPrependItems` property instead.\r\n\tpreserveScrollPosition,\r\n\tpreserveScrollPositionOnPrependItems,\r\n\tmeasureItemsBatchSize,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer,\r\n\tgetScrollableContainer,\r\n\tgetColumnsCount,\r\n\tgetItemId,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender,\r\n\tonItemInitialRender,\r\n\tinitialScrollPosition,\r\n\tonScrollPositionChange,\r\n\tinitialState,\r\n\tgetInitialItemState,\r\n\tonStateChange,\r\n\t// `estimatedItemHeight` property name is deprecated,\r\n\t// use `getEstimatedItemHeight` property instead.\r\n\testimatedItemHeight,\r\n\tgetEstimatedItemHeight,\r\n\tgetEstimatedVisibleItemRowsCount,\r\n\tgetEstimatedInterItemVerticalSpacing,\r\n\r\n\t// \"Rest\" properties that will be passed through to the `itemsContainerComponent`.\r\n\t...rest\r\n}, ref) {\r\n\t// Previously, `as` property was being used instead of `itemsContainerComponent`,\r\n\t// and the default `as` property value was a generic `<div/>`.\r\n\t// Starting from version `1.14.1`, it is recommended to explicitly specify the `itemsContainerComponent`.\r\n\t// The default `\"div\"` fallback value is just a legacy compatibility relic, and so is the `as` property.\r\n\tif (!ItemsContainerComponent) {\r\n\t\tItemsContainerComponent = as || 'div'\r\n\t}\r\n\r\n\t// In simple cases, the use of a `<tbody/>` tag as an items container component could be auto-detected.\r\n\tif (tbody === undefined) {\r\n\t\t// `tbody` auto-detection should happen before any DOM Elements have been mounted,\r\n\t\t// i.e. it can't rely on the trivial `getItemsContainerElement().tagName === 'TBODY'` check.\r\n\t\t// This is because during Server-Side Render there's no DOM Elements tree at all.\r\n\t\t// And server-sider render result is required to be exactly the same as client-side render result.\r\n\t\t// This means that `tbody` detection for the purposes of getting the initial\r\n\t\t// `className` or `style` property values must not rely on any DOM Elements at all,\r\n\t\t// and should use some other means such as explicitly passing a `tbody: true` property\r\n\t\t// or detecting `<tbody/>` tag usage from the `itemsContainerCompoent` property value.\r\n\t\ttbody = ItemsContainerComponent === 'tbody'\r\n\t}\r\n\r\n\tconst {\r\n\t\tstate: stateToRender,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t\titemsContainerRef,\r\n\t\tvirtualScroller\r\n\t} = useVirtualScroller({\r\n\t\titems: itemsProperty,\r\n\t\ttbody,\r\n\t\treadyToStart,\r\n\t\tstyle: itemsContainerComponentProps && itemsContainerComponentProps.style,\r\n\t\tclassName: classNameProperty || itemsContainerComponentProps && itemsContainerComponentProps.className,\r\n\r\n\t\t// The following are the \"core\" component options.\r\n\t\t//\r\n\t\tbypass,\r\n\t\t// `preserveScrollPosition` property name is deprecated,\r\n\t\t// use `preserveScrollPositionOnPrependItems` property instead.\r\n\t\tpreserveScrollPosition,\r\n\t\tpreserveScrollPositionOnPrependItems,\r\n\t\tmeasureItemsBatchSize,\r\n\t\t// `scrollableContainer` property is deprecated.\r\n\t\t// Use `getScrollableContainer()` property instead.\r\n\t\tscrollableContainer,\r\n\t\tgetScrollableContainer,\r\n\t\tgetColumnsCount,\r\n\t\tgetItemId,\r\n\t\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\t\tonItemFirstRender,\r\n\t\tonItemInitialRender,\r\n\t\tinitialScrollPosition,\r\n\t\tonScrollPositionChange,\r\n\t\tinitialState,\r\n\t\tgetInitialItemState,\r\n\t\tonStateChange,\r\n\t\tgetEstimatedItemHeight: getEstimatedItemHeight ||\r\n\t\t\t// `estimatedItemHeight` property name is deprecated,\r\n\t\t\t// use `getEstimatedItemHeight` property instead.\r\n\t\t\t(typeof estimatedItemHeight === 'number' ? () => estimatedItemHeight : undefined),\r\n\t\tgetEstimatedVisibleItemRowsCount,\r\n\t\tgetEstimatedInterItemVerticalSpacing\r\n\t})\r\n\r\n\t// List items \"container\" DOM Element reference.\r\n\tconst setItemsContainerRef = useMergeRefs(itemsContainerRef, itemsContainerRefProperty)\r\n\r\n\t// List items are rendered with `key`s so that React doesn't\r\n\t// \"reuse\" `itemComponent`s in cases when `items` are changed.\r\n\tconst {\r\n\t\tgetItemKey,\r\n\t\tonItemKeysReset,\r\n\t\tusesAutogeneratedItemKeys,\r\n\t\tupdateItemKeysForNewItems\r\n\t} = useItemKeys({\r\n\t\tgetItemId\r\n\t})\r\n\r\n\t// Updates `key`s if item indexes have changed.\r\n\tuseUpdateItemKeysOnItemsChange(stateToRender.items, {\r\n\t\tvirtualScroller,\r\n\t\tusesAutogeneratedItemKeys,\r\n\t\tupdateItemKeysForNewItems\r\n\t})\r\n\r\n\t// Cache per-item `setItemState` functions' \"references\"\r\n\t// so that item components don't get re-rendered needlessly.\r\n\tconst getSetItemState = useSetItemState({\r\n\t\tgetItemKey,\r\n\t\tonItemKeysReset,\r\n\t\tvirtualScroller\r\n\t})\r\n\r\n\t// Cache per-item `onItemHeightDidChange` functions' \"references\"\r\n\t// so that item components don't get re-rendered needlessly.\r\n\tconst getOnItemHeightDidChange = useOnItemHeightDidChange({\r\n\t\tgetItemKey,\r\n\t\tonItemKeysReset,\r\n\t\tvirtualScroller\r\n\t})\r\n\r\n\t// Add instance methods to the React component.\r\n\tuseInstanceMethods(ref, {\r\n\t\tvirtualScroller\r\n\t})\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\t// (deprecated)\r\n\t\t// `onMount()` option is deprecated due to no longer being used.\r\n\t\t// If someone thinks there's a valid use case for it, create an issue.\r\n\t\tif (onMount) {\r\n\t\t\twarn('`onMount` property is deprecated')\r\n\t\t\tonMount()\r\n\t\t}\r\n\t}, [])\r\n\r\n\t// `willRender()` function is no longer used.\r\n\t//\r\n\t// // `getSnapshotBeforeUpdate()` is called right before `componentDidUpdate()`.\r\n\t// // A hook equivalent/workaround for `getSnapshotBeforeUpdate()`:\r\n\t// // https://github.com/facebook/react/issues/15221#issuecomment-583448887\r\n\t// //\r\n\t// getSnapshotBeforeUpdate(prevProps, prevState) {\r\n\t// \tif (this.state !== prevState) {\r\n\t// \t\tthis.willRender(this.state, prevState)\r\n\t// \t}\r\n\t// \t// Returns `null` to avoid React warning:\r\n\t// \t// \"A snapshot value (or null) must be returned. You have returned undefined\".\r\n\t// \treturn null\r\n\t// }\r\n\r\n\tconst {\r\n\t\titems: currentItems,\r\n\t\titemStates,\r\n\t\tfirstShownItemIndex,\r\n\t\tlastShownItemIndex\r\n\t} = stateToRender\r\n\r\n\treturn (\r\n\t\t<ItemsContainerComponent\r\n\t\t\t{...itemsContainerComponentProps}\r\n\t\t\t{...rest}\r\n\t\t\tref={setItemsContainerRef}\r\n\t\t\tclassName={className}\r\n\t\t\tstyle={style}>\r\n\t\t\t{currentItems.map((item, i) => {\r\n\t\t\t\tif (i >= firstShownItemIndex && i <= lastShownItemIndex) {\r\n\t\t\t\t\t// * Passing the `item` as `children` property is legacy and is deprecated.\r\n\t\t\t\t\t//   If version `2.x` is published in some hypothetical future,\r\n\t\t\t\t\t//   the `item` property should be moved below `{...itemComponentProps}`.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// * Passing `itemIndex` property is legacy and is deprecated\r\n\t\t\t\t\t//   and could be removed in some future.\r\n\t\t\t\t\t//   The rationale for deprecation is that the `items` property\r\n\t\t\t\t\t//   is not constant and could change, in which case the `itemIndex` value\r\n\t\t\t\t\t//   would be of no use because the application wouldn't know\r\n\t\t\t\t\t//   which exact `items` it corresponds to at any given moment in time.\r\n\t\t\t\t\t//   Having just the `itemIndex` and no actual `item` is therefore considered useless.\r\n\t\t\t\t\t//   Instead, a developer could simply use `getItemKey(item)` function.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// * `onStateChange` property is passed here for legacy reasons.\r\n\t\t\t\t\t//   The new property name is `setState`.\r\n\t\t\t\t\t//   The old property name `onStateChange` is deprecated\r\n\t\t\t\t\t//   and could be removed in some future.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// * `onHeightChange` property is passed here for legacy reasons.\r\n\t\t\t\t\t//   The new property name is `onHeightDidChange`.\r\n\t\t\t\t\t//   The old property name `onHeightChange` is deprecated\r\n\t\t\t\t\t//   and could be removed in some future.\r\n\t\t\t\t\t//\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<ItemComponent\r\n\t\t\t\t\t\t\titem={item}\r\n\t\t\t\t\t\t\titemIndex={i}\r\n\t\t\t\t\t\t\t{...itemComponentProps}\r\n\t\t\t\t\t\t\tkey={getItemKey(item, i)}\r\n\t\t\t\t\t\t\tstate={itemStates && itemStates[i]}\r\n\t\t\t\t\t\t\tsetState={getSetItemState(i)}\r\n\t\t\t\t\t\t\tonStateChange={getSetItemState(i)}\r\n\t\t\t\t\t\t\tonHeightChange={getOnItemHeightDidChange(i)}\r\n\t\t\t\t\t\t\tonHeightDidChange={getOnItemHeightDidChange(i)}>\r\n\t\t\t\t\t\t\t{item}\r\n\t\t\t\t\t\t</ItemComponent>\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\treturn null\r\n\t\t\t})}\r\n\t\t</ItemsContainerComponent>\r\n\t)\r\n}\r\n\r\nVirtualScroller = React.forwardRef(VirtualScroller)\r\n\r\nexport default VirtualScroller\r\n\r\n// `PropTypes.elementType` is available in some version of `prop-types`.\r\n// https://github.com/facebook/prop-types/issues/200\r\nconst elementType = PropTypes.elementType || PropTypes.oneOfType([\r\n\tPropTypes.string,\r\n\tPropTypes.func,\r\n\tPropTypes.object\r\n])\r\n\r\nVirtualScroller.propTypes = {\r\n\t// `as` property is deprecated, use `itemsContainerComponent` property instead.\r\n\tas: elementType,\r\n\titems: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n\titemComponent: elementType.isRequired,\r\n\titemComponentProps: PropTypes.object,\r\n\t// `itemsContainerComponent` property is not required just for legacy compatibility reasons.\r\n\t// Any new applications should explicitly specify it.\r\n\titemsContainerComponent: elementType,\r\n\titemsContainerComponentProps: PropTypes.object,\r\n\titemsContainerRef: PropTypes.oneOfType([\r\n\t\tPropTypes.func,\r\n\t\tPropTypes.shape({ current: PropTypes.object })\r\n\t]),\r\n\t// `estimatedItemHeight` property name is deprecated,\r\n\t// use `getEstimatedItemHeight` property instead.\r\n\testimatedItemHeight: PropTypes.number,\r\n\tgetEstimatedItemHeight: PropTypes.func,\r\n\tgetEstimatedVisibleItemRowsCount: PropTypes.func,\r\n\tgetEstimatedInterItemVerticalSpacing: PropTypes.func,\r\n\tbypass: PropTypes.bool,\r\n\t// bypassBatchSize: PropTypes.number,\r\n\ttbody: PropTypes.bool,\r\n\tpreserveScrollPositionOnPrependItems: PropTypes.bool,\r\n\t// `preserveScrollPosition` property name is deprecated,\r\n\t// use `preserveScrollPositionOnPrependItems` instead.\r\n\tpreserveScrollPosition: PropTypes.bool,\r\n\tmeasureItemsBatchSize: PropTypes.number,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer: PropTypes.any,\r\n\tgetScrollableContainer: PropTypes.func,\r\n\tgetColumnsCount: PropTypes.func,\r\n\tgetItemId: PropTypes.func,\r\n\tclassName: PropTypes.string,\r\n\treadyToStart: PropTypes.bool,\r\n\tonMount: PropTypes.func,\r\n\tonItemInitialRender: PropTypes.func,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender: PropTypes.func,\r\n\tinitialScrollPosition: PropTypes.number,\r\n\tonScrollPositionChange: PropTypes.func,\r\n\tonStateChange: PropTypes.func,\r\n\tinitialState: PropTypes.shape({\r\n\t\titems: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n\t\titemStates: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n\t\tfirstShownItemIndex: PropTypes.number.isRequired,\r\n\t\tlastShownItemIndex: PropTypes.number.isRequired,\r\n\t\tbeforeItemsHeight: PropTypes.number.isRequired,\r\n\t\tafterItemsHeight: PropTypes.number.isRequired,\r\n\t\titemHeights: PropTypes.arrayOf(PropTypes.number).isRequired,\r\n\t\tcolumnsCount: PropTypes.number,\r\n\t\tverticalSpacing: PropTypes.number\r\n\t}),\r\n\tgetInitialItemState: PropTypes.func\r\n}\r\n\r\n// Legacy compatibility:\r\n//\r\n// Originally, the default export of the `virtual-scroller/react` subpackage\r\n// was only the `VirtualScroller` component, and there were no other exports.\r\n//\r\n// Later, `useVirtualScroller()` hook export was added.\r\n// In order to maintain legacy compatibility, the new exports shouldn't \"break\"\r\n// the existing environments that were using the old versions of the package.\r\n// This means that in non-ES6-import environments, any additional exports\r\n// should be added directly to the default `VirtualScroller` export.\r\n//\r\nVirtualScroller.useVirtualScroller = useVirtualScroller"],"mappings":"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"}

package/modules/react/useCreateVirtualScroller.js

@@ -0,0 +1,53 @@
+import { useMemo } from 'react';
+import VirtualScroller from '../VirtualScroller.js'; // Creates a `VirtualScroller` instance.
+
+export default function useVirtualScroller(_ref, _ref2) {
+  var items = _ref.items,
+      estimatedItemHeight = _ref.estimatedItemHeight,
+      getEstimatedItemHeight = _ref.getEstimatedItemHeight,
+      getEstimatedVisibleItemRowsCount = _ref.getEstimatedVisibleItemRowsCount,
+      getEstimatedInterItemVerticalSpacing = _ref.getEstimatedInterItemVerticalSpacing,
+      bypass = _ref.bypass,
+      onItemInitialRender = _ref.onItemInitialRender,
+      onItemFirstRender = _ref.onItemFirstRender,
+      initialScrollPosition = _ref.initialScrollPosition,
+      onScrollPositionChange = _ref.onScrollPositionChange,
+      measureItemsBatchSize = _ref.measureItemsBatchSize,
+      scrollableContainer = _ref.scrollableContainer,
+      getScrollableContainer = _ref.getScrollableContainer,
+      getColumnsCount = _ref.getColumnsCount,
+      getItemId = _ref.getItemId,
+      initialState = _ref.initialState,
+      getInitialItemState = _ref.getInitialItemState,
+      onStateChange = _ref.onStateChange;
+  var getItemsContainerElement = _ref2.getItemsContainerElement;
+  return useMemo(function () {
+    // Create `virtual-scroller` instance.
+    return new VirtualScroller(getItemsContainerElement, items, {
+      _useTimeoutInRenderLoop: true,
+      // `estimatedItemHeight` is deprecated, use `getEstimatedItemHeight()` instead.
+      estimatedItemHeight: estimatedItemHeight,
+      getEstimatedItemHeight: getEstimatedItemHeight,
+      getEstimatedVisibleItemRowsCount: getEstimatedVisibleItemRowsCount,
+      getEstimatedInterItemVerticalSpacing: getEstimatedInterItemVerticalSpacing,
+      bypass: bypass,
+      // bypassBatchSize,
+      onItemInitialRender: onItemInitialRender,
+      // `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.
+      onItemFirstRender: onItemFirstRender,
+      initialScrollPosition: initialScrollPosition,
+      onScrollPositionChange: onScrollPositionChange,
+      measureItemsBatchSize: measureItemsBatchSize,
+      // `scrollableContainer` property is deprecated.
+      // Use `getScrollableContainer()` property instead.
+      scrollableContainer: scrollableContainer,
+      getScrollableContainer: getScrollableContainer,
+      getColumnsCount: getColumnsCount,
+      getItemId: getItemId,
+      state: initialState,
+      getInitialItemState: getInitialItemState,
+      onStateChange: onStateChange
+    });
+  }, []);
+}
+//# sourceMappingURL=useCreateVirtualScroller.js.map

package/modules/react/useCreateVirtualScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateVirtualScroller.js","names":["useMemo","VirtualScroller","useVirtualScroller","items","estimatedItemHeight","getEstimatedItemHeight","getEstimatedVisibleItemRowsCount","getEstimatedInterItemVerticalSpacing","bypass","onItemInitialRender","onItemFirstRender","initialScrollPosition","onScrollPositionChange","measureItemsBatchSize","scrollableContainer","getScrollableContainer","getColumnsCount","getItemId","initialState","getInitialItemState","onStateChange","getItemsContainerElement","_useTimeoutInRenderLoop","state"],"sources":["../../source/react/useCreateVirtualScroller.js"],"sourcesContent":["import { useMemo } from 'react'\r\n\r\nimport VirtualScroller from '../VirtualScroller.js'\r\n\r\n// Creates a `VirtualScroller` instance.\r\nexport default function useVirtualScroller({\r\n\titems,\r\n\t// `estimatedItemHeight` is deprecated, use `getEstimatedItemHeight()` instead.\r\n\testimatedItemHeight,\r\n\tgetEstimatedItemHeight,\r\n\tgetEstimatedVisibleItemRowsCount,\r\n\tgetEstimatedInterItemVerticalSpacing,\r\n\tbypass,\r\n\t// bypassBatchSize,\r\n\tonItemInitialRender,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender,\r\n\tinitialScrollPosition,\r\n\tonScrollPositionChange,\r\n\tmeasureItemsBatchSize,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer,\r\n\tgetScrollableContainer,\r\n\tgetColumnsCount,\r\n\tgetItemId,\r\n\tinitialState,\r\n\tgetInitialItemState,\r\n\tonStateChange\r\n}, {\r\n\tgetItemsContainerElement\r\n}) {\r\n\treturn useMemo(() => {\r\n\t\t// Create `virtual-scroller` instance.\r\n\t\treturn new VirtualScroller(\r\n\t\t\tgetItemsContainerElement,\r\n\t\t\titems,\r\n\t\t\t{\r\n\t\t\t\t_useTimeoutInRenderLoop: true,\r\n\t\t\t\t// `estimatedItemHeight` is deprecated, use `getEstimatedItemHeight()` instead.\r\n\t\t\t\testimatedItemHeight,\r\n\t\t\t\tgetEstimatedItemHeight,\r\n\t\t\t\tgetEstimatedVisibleItemRowsCount,\r\n\t\t\t\tgetEstimatedInterItemVerticalSpacing,\r\n\t\t\t\tbypass,\r\n\t\t\t\t// bypassBatchSize,\r\n\t\t\t\tonItemInitialRender,\r\n\t\t\t\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\t\t\t\tonItemFirstRender,\r\n\t\t\t\tinitialScrollPosition,\r\n\t\t\t\tonScrollPositionChange,\r\n\t\t\t\tmeasureItemsBatchSize,\r\n\t\t\t\t// `scrollableContainer` property is deprecated.\r\n\t\t\t\t// Use `getScrollableContainer()` property instead.\r\n\t\t\t\tscrollableContainer,\r\n\t\t\t\tgetScrollableContainer,\r\n\t\t\t\tgetColumnsCount,\r\n\t\t\t\tgetItemId,\r\n\t\t\t\tstate: initialState,\r\n\t\t\t\tgetInitialItemState,\r\n\t\t\t\tonStateChange\r\n\t\t\t}\r\n\t\t)\r\n\t}, [])\r\n}"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,OAAOC,eAAP,MAA4B,uBAA5B,C,CAEA;;AACA,eAAe,SAASC,kBAAT,cA0BZ;EAAA,IAzBFC,KAyBE,QAzBFA,KAyBE;EAAA,IAvBFC,mBAuBE,QAvBFA,mBAuBE;EAAA,IAtBFC,sBAsBE,QAtBFA,sBAsBE;EAAA,IArBFC,gCAqBE,QArBFA,gCAqBE;EAAA,IApBFC,oCAoBE,QApBFA,oCAoBE;EAAA,IAnBFC,MAmBE,QAnBFA,MAmBE;EAAA,IAjBFC,mBAiBE,QAjBFA,mBAiBE;EAAA,IAfFC,iBAeE,QAfFA,iBAeE;EAAA,IAdFC,qBAcE,QAdFA,qBAcE;EAAA,IAbFC,sBAaE,QAbFA,sBAaE;EAAA,IAZFC,qBAYE,QAZFA,qBAYE;EAAA,IATFC,mBASE,QATFA,mBASE;EAAA,IARFC,sBAQE,QARFA,sBAQE;EAAA,IAPFC,eAOE,QAPFA,eAOE;EAAA,IANFC,SAME,QANFA,SAME;EAAA,IALFC,YAKE,QALFA,YAKE;EAAA,IAJFC,mBAIE,QAJFA,mBAIE;EAAA,IAHFC,aAGE,QAHFA,aAGE;EAAA,IADFC,wBACE,SADFA,wBACE;EACF,OAAOrB,OAAO,CAAC,YAAM;IACpB;IACA,OAAO,IAAIC,eAAJ,CACNoB,wBADM,EAENlB,KAFM,EAGN;MACCmB,uBAAuB,EAAE,IAD1B;MAEC;MACAlB,mBAAmB,EAAnBA,mBAHD;MAICC,sBAAsB,EAAtBA,sBAJD;MAKCC,gCAAgC,EAAhCA,gCALD;MAMCC,oCAAoC,EAApCA,oCAND;MAOCC,MAAM,EAANA,MAPD;MAQC;MACAC,mBAAmB,EAAnBA,mBATD;MAUC;MACAC,iBAAiB,EAAjBA,iBAXD;MAYCC,qBAAqB,EAArBA,qBAZD;MAaCC,sBAAsB,EAAtBA,sBAbD;MAcCC,qBAAqB,EAArBA,qBAdD;MAeC;MACA;MACAC,mBAAmB,EAAnBA,mBAjBD;MAkBCC,sBAAsB,EAAtBA,sBAlBD;MAmBCC,eAAe,EAAfA,eAnBD;MAoBCC,SAAS,EAATA,SApBD;MAqBCM,KAAK,EAAEL,YArBR;MAsBCC,mBAAmB,EAAnBA,mBAtBD;MAuBCC,aAAa,EAAbA;IAvBD,CAHM,CAAP;EA6BA,CA/Ba,EA+BX,EA/BW,CAAd;AAgCA"}

package/modules/react/useInstanceMethods.js

@@ -16,11 +16,11 @@ export default function useInstanceMethods(ref, _ref) {
       },
       // (deprecated)
       updateItem: function updateItem(i) {
-        reportError("[virtual-scroller] \".updateItem(i)\" method of React <VirtualScroller/> has been removed");
+        reportError("\".updateItem(i)\" method of React <VirtualScroller/> has been removed");
       },
       // (deprecated)
       renderItem: function renderItem(i) {
-        reportError("[virtual-scroller] \".renderItem(i)\" method of React <VirtualScroller/> has been removed");
+        reportError("\".renderItem(i)\" method of React <VirtualScroller/> has been removed");
       }
     };
   }, [virtualScroller]);

package/modules/react/useInstanceMethods.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInstanceMethods.js","names":["useImperativeHandle","reportError","useInstanceMethods","ref","virtualScroller","updateLayout","layout","updateItem","i","renderItem"],"sources":["../../source/react/useInstanceMethods.js"],"sourcesContent":["import { useImperativeHandle } from 'react'\r\n\r\nimport { reportError } from '../utility/debug.js'\r\n\r\n// Adds instance methods to the React component.\r\nexport default function useInstanceMethods(ref, {\r\n\tvirtualScroller\r\n}) {\r\n\tuseImperativeHandle(ref, () => ({\r\n\t\t// This is a proxy for `VirtualScroller`'s `.updateLayout` instance method.\r\n\t\tupdateLayout: () => {\r\n\t\t\tvirtualScroller.updateLayout()\r\n\t\t},\r\n\r\n\t\t// (deprecated)\r\n\t\t// `.layout()` method name is deprecated, use `.updateLayout()` instead.\r\n    layout: () => {\r\n\t\t\tvirtualScroller.updateLayout()\r\n\t\t},\r\n\r\n\t\t// (deprecated)\r\n\t\tupdateItem: (i) => {\r\n\t\t\treportError(`[virtual-scroller] \".updateItem(i)\" method of React <VirtualScroller/> has been removed`)\r\n\t\t},\r\n\r\n\t\t// (deprecated)\r\n\t\trenderItem: (i) => {\r\n\t\t\treportError(`[virtual-scroller] \".renderItem(i)\" method of React <VirtualScroller/> has been removed`)\r\n\t\t}\r\n\t}), [\r\n\t\tvirtualScroller\r\n\t])\r\n}"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,OAApC;AAEA,SAASC,WAAT,QAA4B,qBAA5B,C,CAEA;;AACA,eAAe,SAASC,kBAAT,CAA4BC,GAA5B,QAEZ;EAAA,IADFC,eACE,QADFA,eACE;EACFJ,mBAAmB,CAACG,GAAD,EAAM;IAAA,OAAO;MAC/B;MACAE,YAAY,EAAE,wBAAM;QACnBD,eAAe,CAACC,YAAhB;MACA,CAJ8B;MAM/B;MACA;MACEC,MAAM,EAAE,kBAAM;QACfF,eAAe,CAACC,YAAhB;MACA,CAV8B;MAY/B;MACAE,UAAU,EAAE,oBAACC,CAAD,EAAO;QAClBP,WAAW,6FAAX;MACA,CAf8B;MAiB/B;MACAQ,UAAU,EAAE,oBAACD,CAAD,EAAO;QAClBP,WAAW,6FAAX;MACA;IApB8B,CAAP;EAAA,CAAN,EAqBf,CACHG,eADG,CArBe,CAAnB;AAwBA"}
+{"version":3,"file":"useInstanceMethods.js","names":["useImperativeHandle","reportError","useInstanceMethods","ref","virtualScroller","updateLayout","layout","updateItem","i","renderItem"],"sources":["../../source/react/useInstanceMethods.js"],"sourcesContent":["import { useImperativeHandle } from 'react'\r\n\r\nimport { reportError } from '../utility/debug.js'\r\n\r\n// Adds instance methods to the React component.\r\nexport default function useInstanceMethods(ref, {\r\n\tvirtualScroller\r\n}) {\r\n\tuseImperativeHandle(ref, () => ({\r\n\t\t// This is a proxy for `VirtualScroller`'s `.updateLayout` instance method.\r\n\t\tupdateLayout: () => {\r\n\t\t\tvirtualScroller.updateLayout()\r\n\t\t},\r\n\r\n\t\t// (deprecated)\r\n\t\t// `.layout()` method name is deprecated, use `.updateLayout()` instead.\r\n    layout: () => {\r\n\t\t\tvirtualScroller.updateLayout()\r\n\t\t},\r\n\r\n\t\t// (deprecated)\r\n\t\tupdateItem: (i) => {\r\n\t\t\treportError(`\".updateItem(i)\" method of React <VirtualScroller/> has been removed`)\r\n\t\t},\r\n\r\n\t\t// (deprecated)\r\n\t\trenderItem: (i) => {\r\n\t\t\treportError(`\".renderItem(i)\" method of React <VirtualScroller/> has been removed`)\r\n\t\t}\r\n\t}), [\r\n\t\tvirtualScroller\r\n\t])\r\n}"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,OAApC;AAEA,SAASC,WAAT,QAA4B,qBAA5B,C,CAEA;;AACA,eAAe,SAASC,kBAAT,CAA4BC,GAA5B,QAEZ;EAAA,IADFC,eACE,QADFA,eACE;EACFJ,mBAAmB,CAACG,GAAD,EAAM;IAAA,OAAO;MAC/B;MACAE,YAAY,EAAE,wBAAM;QACnBD,eAAe,CAACC,YAAhB;MACA,CAJ8B;MAM/B;MACA;MACEC,MAAM,EAAE,kBAAM;QACfF,eAAe,CAACC,YAAhB;MACA,CAV8B;MAY/B;MACAE,UAAU,EAAE,oBAACC,CAAD,EAAO;QAClBP,WAAW,0EAAX;MACA,CAf8B;MAiB/B;MACAQ,UAAU,EAAE,oBAACD,CAAD,EAAO;QAClBP,WAAW,0EAAX;MACA;IApB8B,CAAP;EAAA,CAAN,EAqBf,CACHG,eADG,CArBe,CAAnB;AAwBA"}

package/modules/react/useMergeRefs.js

@@ -0,0 +1,44 @@
+// import type { MutableRefObject } from 'react'
+import { useCallback } from 'react'; // use this hook when a React component receives a `ref` which it is supposed to "forward"
+// and when it would also like to access that `ref`'s value in its code.
+//
+// ```js
+// const FormWithAutoFocus = forwardRef((props, ref) => {
+//   const duplicateRef = useRef()
+//   const setRef = useMergeRefs<RefValueType>(ref, duplicateRef)
+//
+//   useEffect(() => {
+//     duplicateRef.current.focus()
+//   }, [])
+//
+//   return (
+//     <Form ref={setRef} {...props}/>
+//   )
+// })
+// ```
+//
+// export default function useMergeRefs<T extends MutableRefObject<any>>(ref1, ref2, ref3) {
+
+export default function useMergeRefs(ref1, ref2, ref3, otherArgument) {
+  if (otherArgument) {
+    throw new Error('A maximum of 3 refs is supported');
+  }
+
+  var setRef = useCallback(function (instance) {
+    setRefValue(ref1, instance);
+    setRefValue(ref2, instance);
+    setRefValue(ref3, instance);
+  }, [ref1, ref2, ref3]);
+  return setRef;
+}
+
+function setRefValue(ref, instance) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(instance);
+    } else {
+      ref.current = instance;
+    }
+  }
+}
+//# sourceMappingURL=useMergeRefs.js.map

package/modules/react/useMergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeRefs.js","names":["useCallback","useMergeRefs","ref1","ref2","ref3","otherArgument","Error","setRef","instance","setRefValue","ref","current"],"sources":["../../source/react/useMergeRefs.js"],"sourcesContent":["// import type { MutableRefObject } from 'react'\r\nimport { useCallback } from 'react'\r\n\r\n// use this hook when a React component receives a `ref` which it is supposed to \"forward\"\r\n// and when it would also like to access that `ref`'s value in its code.\r\n//\r\n// ```js\r\n// const FormWithAutoFocus = forwardRef((props, ref) => {\r\n//   const duplicateRef = useRef()\r\n//   const setRef = useMergeRefs<RefValueType>(ref, duplicateRef)\r\n//\r\n//   useEffect(() => {\r\n//     duplicateRef.current.focus()\r\n//   }, [])\r\n//\r\n//   return (\r\n//     <Form ref={setRef} {...props}/>\r\n//   )\r\n// })\r\n// ```\r\n//\r\n// export default function useMergeRefs<T extends MutableRefObject<any>>(ref1, ref2, ref3) {\r\nexport default function useMergeRefs(ref1, ref2, ref3, otherArgument) {\r\n\tif (otherArgument) {\r\n\t\tthrow new Error('A maximum of 3 refs is supported')\r\n\t}\r\n\r\n\tconst setRef = useCallback((instance) => {\r\n\t\tsetRefValue(ref1, instance)\r\n\t\tsetRefValue(ref2, instance)\r\n\t\tsetRefValue(ref3, instance)\r\n\t}, [ref1, ref2, ref3])\r\n\r\n\treturn setRef\r\n}\r\n\r\nfunction setRefValue(ref, instance) {\r\n\tif (ref) {\r\n\t\tif (typeof ref === 'function') {\r\n\t\t\tref(instance)\r\n\t\t} else {\r\n\t\t\tref.current = instance\r\n\t\t}\r\n\t}\r\n}"],"mappings":"AAAA;AACA,SAASA,WAAT,QAA4B,OAA5B,C,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,YAAT,CAAsBC,IAAtB,EAA4BC,IAA5B,EAAkCC,IAAlC,EAAwCC,aAAxC,EAAuD;EACrE,IAAIA,aAAJ,EAAmB;IAClB,MAAM,IAAIC,KAAJ,CAAU,kCAAV,CAAN;EACA;;EAED,IAAMC,MAAM,GAAGP,WAAW,CAAC,UAACQ,QAAD,EAAc;IACxCC,WAAW,CAACP,IAAD,EAAOM,QAAP,CAAX;IACAC,WAAW,CAACN,IAAD,EAAOK,QAAP,CAAX;IACAC,WAAW,CAACL,IAAD,EAAOI,QAAP,CAAX;EACA,CAJyB,EAIvB,CAACN,IAAD,EAAOC,IAAP,EAAaC,IAAb,CAJuB,CAA1B;EAMA,OAAOG,MAAP;AACA;;AAED,SAASE,WAAT,CAAqBC,GAArB,EAA0BF,QAA1B,EAAoC;EACnC,IAAIE,GAAJ,EAAS;IACR,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;MAC9BA,GAAG,CAACF,QAAD,CAAH;IACA,CAFD,MAEO;MACNE,GAAG,CAACC,OAAJ,GAAcH,QAAd;IACA;EACD;AACD"}

package/modules/react/{useVirtualScrollerStartStop.js → useStartStopVirtualScroller.js}

@@ -40,4 +40,4 @@ export default function useVirtualScrollerStartStop(virtualScroller, _ref) {
     }
   }, [readyToStart]);
 }
-//# sourceMappingURL=useVirtualScrollerStartStop.js.map
+//# sourceMappingURL=useStartStopVirtualScroller.js.map

package/modules/react/{useVirtualScrollerStartStop.js.map → useStartStopVirtualScroller.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useVirtualScrollerStartStop.js","names":["useLayoutEffect","useEffect","useRef","log","useVirtualScrollerStartStop","virtualScroller","readyToStart","hasStarted","startIfReadyToStartAndNotStarted","current","start","stopIfStarted","stop","readyToStartPrev"],"sources":["../../source/react/useVirtualScrollerStartStop.js"],"sourcesContent":["import { useLayoutEffect, useEffect, useRef } from 'react'\r\n\r\nimport log from '../utility/debug.js'\r\n\r\nexport default function useVirtualScrollerStartStop(virtualScroller, { readyToStart }) {\r\n\tconst hasStarted = useRef(false)\r\n\r\n\tconst startIfReadyToStartAndNotStarted = () => {\r\n\t\tif (!hasStarted.current) {\r\n\t\t\tif (readyToStart === false) {\r\n\t\t\t\tlog('Could\\'ve started but isn\\'t ready to start')\r\n\t\t\t} else {\r\n\t\t\t\thasStarted.current = true\r\n\t\t\t\t// Start listening to scroll events.\r\n\t\t\t\tvirtualScroller.start()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tconst stopIfStarted = () => {\r\n\t\tif (hasStarted.current) {\r\n\t\t\t// Stop listening to scroll events.\r\n\t\t\tvirtualScroller.stop()\r\n\t\t\t// Can be re-started.\r\n\t\t\thasStarted.current = false\r\n\t\t}\r\n\t}\r\n\r\n\t// Uses `useLayoutEffect()` here rather than just `useEffect()`\r\n\t// in order to reduce the timeframe of showing an empty list to the user.\r\n\tuseLayoutEffect(() => {\r\n\t\tstartIfReadyToStartAndNotStarted()\r\n\t\treturn stopIfStarted\r\n\t}, [])\r\n\r\n\tconst readyToStartPrev = useRef(readyToStart)\r\n\r\n\tuseEffect(() => {\r\n\t\tif (readyToStartPrev.current === false && readyToStart !== false) {\r\n\t\t\treadyToStartPrev.current = readyToStart\r\n\t\t\tlog('Is ready to start')\r\n\t\t\tstartIfReadyToStartAndNotStarted()\r\n\t\t}\r\n\t}, [readyToStart])\r\n}"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,SAA1B,EAAqCC,MAArC,QAAmD,OAAnD;AAEA,OAAOC,GAAP,MAAgB,qBAAhB;AAEA,eAAe,SAASC,2BAAT,CAAqCC,eAArC,QAAwE;EAAA,IAAhBC,YAAgB,QAAhBA,YAAgB;EACtF,IAAMC,UAAU,GAAGL,MAAM,CAAC,KAAD,CAAzB;;EAEA,IAAMM,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;IAC9C,IAAI,CAACD,UAAU,CAACE,OAAhB,EAAyB;MACxB,IAAIH,YAAY,KAAK,KAArB,EAA4B;QAC3BH,GAAG,CAAC,6CAAD,CAAH;MACA,CAFD,MAEO;QACNI,UAAU,CAACE,OAAX,GAAqB,IAArB,CADM,CAEN;;QACAJ,eAAe,CAACK,KAAhB;MACA;IACD;EACD,CAVD;;EAYA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC3B,IAAIJ,UAAU,CAACE,OAAf,EAAwB;MACvB;MACAJ,eAAe,CAACO,IAAhB,GAFuB,CAGvB;;MACAL,UAAU,CAACE,OAAX,GAAqB,KAArB;IACA;EACD,CAPD,CAfsF,CAwBtF;EACA;;;EACAT,eAAe,CAAC,YAAM;IACrBQ,gCAAgC;IAChC,OAAOG,aAAP;EACA,CAHc,EAGZ,EAHY,CAAf;EAKA,IAAME,gBAAgB,GAAGX,MAAM,CAACI,YAAD,CAA/B;EAEAL,SAAS,CAAC,YAAM;IACf,IAAIY,gBAAgB,CAACJ,OAAjB,KAA6B,KAA7B,IAAsCH,YAAY,KAAK,KAA3D,EAAkE;MACjEO,gBAAgB,CAACJ,OAAjB,GAA2BH,YAA3B;MACAH,GAAG,CAAC,mBAAD,CAAH;MACAK,gCAAgC;IAChC;EACD,CANQ,EAMN,CAACF,YAAD,CANM,CAAT;AAOA"}
+{"version":3,"file":"useStartStopVirtualScroller.js","names":["useLayoutEffect","useEffect","useRef","log","useVirtualScrollerStartStop","virtualScroller","readyToStart","hasStarted","startIfReadyToStartAndNotStarted","current","start","stopIfStarted","stop","readyToStartPrev"],"sources":["../../source/react/useStartStopVirtualScroller.js"],"sourcesContent":["import { useLayoutEffect, useEffect, useRef } from 'react'\r\n\r\nimport log from '../utility/debug.js'\r\n\r\nexport default function useVirtualScrollerStartStop(virtualScroller, { readyToStart }) {\r\n\tconst hasStarted = useRef(false)\r\n\r\n\tconst startIfReadyToStartAndNotStarted = () => {\r\n\t\tif (!hasStarted.current) {\r\n\t\t\tif (readyToStart === false) {\r\n\t\t\t\tlog('Could\\'ve started but isn\\'t ready to start')\r\n\t\t\t} else {\r\n\t\t\t\thasStarted.current = true\r\n\t\t\t\t// Start listening to scroll events.\r\n\t\t\t\tvirtualScroller.start()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tconst stopIfStarted = () => {\r\n\t\tif (hasStarted.current) {\r\n\t\t\t// Stop listening to scroll events.\r\n\t\t\tvirtualScroller.stop()\r\n\t\t\t// Can be re-started.\r\n\t\t\thasStarted.current = false\r\n\t\t}\r\n\t}\r\n\r\n\t// Uses `useLayoutEffect()` here rather than just `useEffect()`\r\n\t// in order to reduce the timeframe of showing an empty list to the user.\r\n\tuseLayoutEffect(() => {\r\n\t\tstartIfReadyToStartAndNotStarted()\r\n\t\treturn stopIfStarted\r\n\t}, [])\r\n\r\n\tconst readyToStartPrev = useRef(readyToStart)\r\n\r\n\tuseEffect(() => {\r\n\t\tif (readyToStartPrev.current === false && readyToStart !== false) {\r\n\t\t\treadyToStartPrev.current = readyToStart\r\n\t\t\tlog('Is ready to start')\r\n\t\t\tstartIfReadyToStartAndNotStarted()\r\n\t\t}\r\n\t}, [readyToStart])\r\n}"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,SAA1B,EAAqCC,MAArC,QAAmD,OAAnD;AAEA,OAAOC,GAAP,MAAgB,qBAAhB;AAEA,eAAe,SAASC,2BAAT,CAAqCC,eAArC,QAAwE;EAAA,IAAhBC,YAAgB,QAAhBA,YAAgB;EACtF,IAAMC,UAAU,GAAGL,MAAM,CAAC,KAAD,CAAzB;;EAEA,IAAMM,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;IAC9C,IAAI,CAACD,UAAU,CAACE,OAAhB,EAAyB;MACxB,IAAIH,YAAY,KAAK,KAArB,EAA4B;QAC3BH,GAAG,CAAC,6CAAD,CAAH;MACA,CAFD,MAEO;QACNI,UAAU,CAACE,OAAX,GAAqB,IAArB,CADM,CAEN;;QACAJ,eAAe,CAACK,KAAhB;MACA;IACD;EACD,CAVD;;EAYA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC3B,IAAIJ,UAAU,CAACE,OAAf,EAAwB;MACvB;MACAJ,eAAe,CAACO,IAAhB,GAFuB,CAGvB;;MACAL,UAAU,CAACE,OAAX,GAAqB,KAArB;IACA;EACD,CAPD,CAfsF,CAwBtF;EACA;;;EACAT,eAAe,CAAC,YAAM;IACrBQ,gCAAgC;IAChC,OAAOG,aAAP;EACA,CAHc,EAGZ,EAHY,CAAf;EAKA,IAAME,gBAAgB,GAAGX,MAAM,CAACI,YAAD,CAA/B;EAEAL,SAAS,CAAC,YAAM;IACf,IAAIY,gBAAgB,CAACJ,OAAjB,KAA6B,KAA7B,IAAsCH,YAAY,KAAK,KAA3D,EAAkE;MACjEO,gBAAgB,CAACJ,OAAjB,GAA2BH,YAA3B;MACAH,GAAG,CAAC,mBAAD,CAAH;MACAK,gCAAgC;IAChC;EACD,CANQ,EAMN,CAACF,YAAD,CANM,CAAT;AAOA"}

package/modules/react/useStyle.js

@@ -5,12 +5,29 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import px from '../utility/px.js';
+import { reportError } from '../utility/debug.js';
 export default function useStyle(style, _ref) {
   var tbody = _ref.tbody,
       state = _ref.state;
 
   if (tbody) {
     return style;
+  } // Validate that the passed `style` property doesn't include
+  // `padding-top` or `padding-bottom` or `padding`.
+
+
+  if (style) {
+    if (typeof style.padding === 'number') {
+      reportError('`style` property can\'t include any `padding`');
+    }
+
+    if (typeof style.paddingTop === 'number') {
+      reportError('`style` property can\'t include any `paddingTop`');
+    }
+
+    if (typeof style.paddingBottom === 'number') {
+      reportError('`style` property can\'t include any `paddingBottom`');
+    }
   }
 
   var beforeItemsHeight = state.beforeItemsHeight,