@fluentui/react-virtualizer 9.0.0-alpha.6 → 9.0.0-alpha.61

package/lib-commonjs/hooks/useMeasureList.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useMeasureList: function() {
+        return useMeasureList;
+    },
+    createResizeObserverFromDocument: function() {
+        return createResizeObserverFromDocument;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {
+    const widthArray = _react.useRef(new Array(totalLength).fill(defaultItemSize));
+    const heightArray = _react.useRef(new Array(totalLength).fill(defaultItemSize));
+    const refArray = _react.useRef([]);
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    // the handler for resize observer
+    const handleIndexUpdate = _react.useCallback((index)=>{
+        var _refArray_current_index;
+        const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();
+        const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;
+        widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;
+        const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;
+        heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;
+    }, [
+        currentIndex,
+        defaultItemSize
+    ]);
+    const handleElementResizeCallback = (entries)=>{
+        for (const entry of entries){
+            const target = entry.target;
+            // Call the elements own resize handler (indexed)
+            target.handleResize();
+        }
+    };
+    _react.useEffect(()=>{
+        widthArray.current = new Array(totalLength).fill(defaultItemSize);
+        heightArray.current = new Array(totalLength).fill(defaultItemSize);
+    }, [
+        defaultItemSize,
+        totalLength
+    ]);
+    // Keep the reference of ResizeObserver as a ref, as it should live through renders
+    const resizeObserver = _react.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));
+    /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time
+   * these refs then provide an indexed callback via attaching 'handleResize' to the element itself
+   * this function is then called on resize by handleElementResize and relies on indexing
+   * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.
+   */ const createIndexedRef = _react.useCallback((index)=>{
+        const measureElementRef = (el)=>{
+            if (!targetDocument || !resizeObserver.current) {
+                return;
+            }
+            if (el) {
+                el.handleResize = ()=>{
+                    handleIndexUpdate(index);
+                };
+            }
+            // cleanup previous container
+            if (refArray.current[index] !== undefined && refArray.current[index] !== null) {
+                resizeObserver.current.unobserve(refArray.current[index]);
+            }
+            refArray.current[index] = undefined;
+            if (el) {
+                refArray.current[index] = el;
+                resizeObserver.current.observe(el);
+                handleIndexUpdate(index);
+            }
+        };
+        return measureElementRef;
+    }, [
+        handleIndexUpdate,
+        resizeObserver,
+        targetDocument
+    ]);
+    _react.useEffect(()=>{
+        const _resizeObserver = resizeObserver;
+        return ()=>{
+            var _resizeObserver_current;
+            return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();
+        };
+    }, [
+        resizeObserver
+    ]);
+    return {
+        widthArray,
+        heightArray,
+        createIndexedRef,
+        refArray
+    };
+}
+function createResizeObserverFromDocument(targetDocument, callback) {
+    var _targetDocument_defaultView;
+    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {
+        return null;
+    }
+    return new targetDocument.defaultView.ResizeObserver(callback);
+}

package/lib-commonjs/hooks/useMeasureList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMeasureList.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Provides a way of automating size in the virtualizer\n * Returns\n * `width` - element width ref (0 by default),\n * `height` - element height ref (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */ export function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {\n    const widthArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n    const heightArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n    const refArray = React.useRef([]);\n    const { targetDocument } = useFluent();\n    // the handler for resize observer\n    const handleIndexUpdate = React.useCallback((index)=>{\n        var _refArray_current_index;\n        const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();\n        const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;\n        widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;\n        const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;\n        heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;\n    }, [\n        currentIndex,\n        defaultItemSize\n    ]);\n    const handleElementResizeCallback = (entries)=>{\n        for (const entry of entries){\n            const target = entry.target;\n            // Call the elements own resize handler (indexed)\n            target.handleResize();\n        }\n    };\n    React.useEffect(()=>{\n        widthArray.current = new Array(totalLength).fill(defaultItemSize);\n        heightArray.current = new Array(totalLength).fill(defaultItemSize);\n    }, [\n        defaultItemSize,\n        totalLength\n    ]);\n    // Keep the reference of ResizeObserver as a ref, as it should live through renders\n    const resizeObserver = React.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));\n    /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time\n   * these refs then provide an indexed callback via attaching 'handleResize' to the element itself\n   * this function is then called on resize by handleElementResize and relies on indexing\n   * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.\n   */ const createIndexedRef = React.useCallback((index)=>{\n        const measureElementRef = (el)=>{\n            if (!targetDocument || !resizeObserver.current) {\n                return;\n            }\n            if (el) {\n                el.handleResize = ()=>{\n                    handleIndexUpdate(index);\n                };\n            }\n            // cleanup previous container\n            if (refArray.current[index] !== undefined && refArray.current[index] !== null) {\n                resizeObserver.current.unobserve(refArray.current[index]);\n            }\n            refArray.current[index] = undefined;\n            if (el) {\n                refArray.current[index] = el;\n                resizeObserver.current.observe(el);\n                handleIndexUpdate(index);\n            }\n        };\n        return measureElementRef;\n    }, [\n        handleIndexUpdate,\n        resizeObserver,\n        targetDocument\n    ]);\n    React.useEffect(()=>{\n        const _resizeObserver = resizeObserver;\n        return ()=>{\n            var _resizeObserver_current;\n            return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();\n        };\n    }, [\n        resizeObserver\n    ]);\n    return {\n        widthArray,\n        heightArray,\n        createIndexedRef,\n        refArray\n    };\n}\n/**\n * FIXME - TS 3.8/3.9 don't have ResizeObserver types by default, move this to a shared utility once we bump the minbar\n * A utility method that creates a ResizeObserver from a target document\n * @param targetDocument - document to use to create the ResizeObserver\n * @param callback  - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver#callback\n * @returns a ResizeObserver instance or null if the global does not exist on the document\n */ export function createResizeObserverFromDocument(targetDocument, callback) {\n    var _targetDocument_defaultView;\n    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {\n        return null;\n    }\n    return new targetDocument.defaultView.ResizeObserver(callback);\n}\n"],"names":["useMeasureList","createResizeObserverFromDocument","currentIndex","refLength","totalLength","defaultItemSize","widthArray","React","useRef","Array","fill","heightArray","refArray","targetDocument","useFluent","handleIndexUpdate","useCallback","index","_refArray_current_index","boundClientRect","current","getBoundingClientRect","containerWidth","width","containerHeight","height","handleElementResizeCallback","entries","entry","target","handleResize","useEffect","resizeObserver","createIndexedRef","measureElementRef","el","undefined","unobserve","observe","_resizeObserver","_resizeObserver_current","disconnect","callback","_targetDocument_defaultView","defaultView","ResizeObserver"],"mappings":"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"}

package/lib-commonjs/hooks/useMutationObserver.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMutationObserver", {
+    enumerable: true,
+    get: function() {
+        return useMutationObserver;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const { useRef, useEffect } = _react;
+const useMutationObserver = (target, callback, options)=>{
+    const observer = useRef();
+    useEffect(()=>{
+        // Create an observer instance linked to the callback function
+        observer.current = new MutationObserver(callback);
+    }, [
+        callback
+    ]);
+    useEffect(()=>{
+        if (target) {
+            var _observer_current;
+            (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.observe(target, options);
+        }
+        return ()=>{
+            var _observer_current;
+            (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.disconnect();
+        };
+    }, [
+        target,
+        options
+    ]);
+    return {
+        observer
+    };
+};

package/lib-commonjs/hooks/useMutationObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMutationObserver.js"],"sourcesContent":["import * as React from 'react';\nconst { useRef, useEffect } = React;\nexport const useMutationObserver = (target, callback, options)=>{\n    const observer = useRef();\n    useEffect(()=>{\n        // Create an observer instance linked to the callback function\n        observer.current = new MutationObserver(callback);\n    }, [\n        callback\n    ]);\n    useEffect(()=>{\n        if (target) {\n            var // Start observing the target node for configured mutations\n            _observer_current;\n            (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.observe(target, options);\n        }\n        return ()=>{\n            var _observer_current;\n            (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.disconnect();\n        };\n    }, [\n        target,\n        options\n    ]);\n    return {\n        observer\n    };\n};\n"],"names":["useMutationObserver","useRef","useEffect","React","target","callback","options","observer","current","MutationObserver","_observer_current","observe","disconnect"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;AACvB,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGC;AACvB,MAAMH,sBAAsB,CAACI,QAAQC,UAAUC;IAClD,MAAMC,WAAWN;IACjBC,UAAU;QACN,8DAA8D;QAC9DK,SAASC,OAAO,GAAG,IAAIC,iBAAiBJ;IAC5C,GAAG;QACCA;KACH;IACDH,UAAU;QACN,IAAIE,QAAQ;YACR,IACAM;YACCA,CAAAA,oBAAoBH,SAASC,OAAO,AAAD,MAAO,QAAQE,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBC,OAAO,CAACP,QAAQE;QACjI;QACA,OAAO;YACH,IAAII;YACHA,CAAAA,oBAAoBH,SAASC,OAAO,AAAD,MAAO,QAAQE,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBE,UAAU;QAC3H;IACJ,GAAG;QACCR;QACAE;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/hooks/useResizeObserverRef.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useResizeObserverRef_unstable", {
+    enumerable: true,
+    get: function() {
+        return useResizeObserverRef_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _debounce = require("../utilities/debounce");
+const _createResizeObserverFromDocument = require("../utilities/createResizeObserverFromDocument");
+const useResizeObserverRef_unstable = (resizeCallback)=>{
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const container = _react.useRef(null);
+    // the handler for resize observer
+    const handleResize = (0, _debounce.debounce)((entries, observer)=>{
+        resizeCallback(entries, observer, container);
+    });
+    // Keep the reference of ResizeObserver in the state, as it should live through renders
+    const [resizeObserver, setResizeObserver] = _react.useState(()=>(0, _createResizeObserverFromDocument.createResizeObserverFromDocument)(targetDocument, handleResize));
+    _react.useEffect(()=>{
+        // Update our state when resizeCallback changes
+        container.current = null;
+        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        setResizeObserver(()=>(0, _createResizeObserverFromDocument.createResizeObserverFromDocument)(targetDocument, handleResize));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        resizeCallback,
+        targetDocument
+    ]);
+    _react.useEffect(()=>{
+        return ()=>{
+            container.current = null;
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const scrollRef = _react.useCallback((instance)=>{
+        if (container.current !== instance) {
+            if (container.current) {
+                resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(container.current);
+            }
+            container.current = instance;
+            if (container.current) {
+                resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(container.current);
+            }
+        }
+    }, [
+        resizeObserver
+    ]);
+    return scrollRef;
+};

package/lib-commonjs/hooks/useResizeObserverRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResizeObserverRef.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { debounce } from '../utilities/debounce';\nimport { createResizeObserverFromDocument } from '../utilities/createResizeObserverFromDocument';\n/**\n * useResizeObserverRef_unstable simplifies resize observer connection and ensures debounce/cleanup\n */ export const useResizeObserverRef_unstable = (resizeCallback)=>{\n    const { targetDocument } = useFluent();\n    const container = React.useRef(null);\n    // the handler for resize observer\n    const handleResize = debounce((entries, observer)=>{\n        resizeCallback(entries, observer, container);\n    });\n    // Keep the reference of ResizeObserver in the state, as it should live through renders\n    const [resizeObserver, setResizeObserver] = React.useState(()=>createResizeObserverFromDocument(targetDocument, handleResize));\n    React.useEffect(()=>{\n        // Update our state when resizeCallback changes\n        container.current = null;\n        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();\n        setResizeObserver(()=>createResizeObserverFromDocument(targetDocument, handleResize));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        resizeCallback,\n        targetDocument\n    ]);\n    React.useEffect(()=>{\n        return ()=>{\n            container.current = null;\n            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();\n        };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    const scrollRef = React.useCallback((instance)=>{\n        if (container.current !== instance) {\n            if (container.current) {\n                resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(container.current);\n            }\n            container.current = instance;\n            if (container.current) {\n                resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(container.current);\n            }\n        }\n    }, [\n        resizeObserver\n    ]);\n    return scrollRef;\n};\n"],"names":["useResizeObserverRef_unstable","resizeCallback","targetDocument","useFluent","container","React","useRef","handleResize","debounce","entries","observer","resizeObserver","setResizeObserver","useState","createResizeObserverFromDocument","useEffect","current","disconnect","scrollRef","useCallback","instance","unobserve","observe"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;qCACyB;0BACvB;kDACwB;AAGtC,MAAMA,gCAAgC,CAACC;IAC9C,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,YAAYC,OAAMC,MAAM,CAAC;IAC/B,kCAAkC;IAClC,MAAMC,eAAeC,IAAAA,kBAAQ,EAAC,CAACC,SAASC;QACpCT,eAAeQ,SAASC,UAAUN;IACtC;IACA,uFAAuF;IACvF,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGP,OAAMQ,QAAQ,CAAC,IAAIC,IAAAA,kEAAgC,EAACZ,gBAAgBK;IAChHF,OAAMU,SAAS,CAAC;QACZ,+CAA+C;QAC/CX,UAAUY,OAAO,GAAG;QACpBL,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeM,UAAU;QACzFL,kBAAkB,IAAIE,IAAAA,kEAAgC,EAACZ,gBAAgBK;IAC3E,uDAAuD;IACvD,GAAG;QACCN;QACAC;KACH;IACDG,OAAMU,SAAS,CAAC;QACZ,OAAO;YACHX,UAAUY,OAAO,GAAG;YACpBL,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeM,UAAU;QAC7F;IACJ,uDAAuD;IACvD,GAAG,EAAE;IACL,MAAMC,YAAYb,OAAMc,WAAW,CAAC,CAACC;QACjC,IAAIhB,UAAUY,OAAO,KAAKI,UAAU;YAChC,IAAIhB,UAAUY,OAAO,EAAE;gBACnBL,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeU,SAAS,CAACjB,UAAUY,OAAO;YAC9G;YACAZ,UAAUY,OAAO,GAAGI;YACpB,IAAIhB,UAAUY,OAAO,EAAE;gBACnBL,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeW,OAAO,CAAClB,UAAUY,OAAO;YAC5G;QACJ;IACJ,GAAG;QACCL;KACH;IACD,OAAOO;AACX"}

package/lib-commonjs/hooks/useVirtualizerMeasure.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStaticVirtualizerMeasure", {
+    enumerable: true,
+    get: function() {
+        return useStaticVirtualizerMeasure;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useResizeObserverRef = require("./useResizeObserverRef");
+const useStaticVirtualizerMeasure = (virtualizerProps)=>{
+    const { defaultItemSize, direction = 'vertical' } = virtualizerProps;
+    const [state, setState] = _react.useState({
+        virtualizerLength: 0,
+        bufferSize: 0,
+        bufferItems: 0
+    });
+    const { virtualizerLength, bufferItems, bufferSize } = state;
+    const resizeCallback = _react.useCallback((_entries, _observer, scrollRef)=>{
+        if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
+            return;
+        }
+        const containerSize = direction === 'vertical' ? scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().height : scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().width;
+        /*
+       * Number of items required to cover viewport.
+       */ const length = Math.ceil(containerSize / defaultItemSize + 1);
+        /*
+       * Number of items to append at each end, i.e. 'preload' each side before entering view.
+       */ const newBufferItems = Math.max(Math.floor(length / 4), 2);
+        /*
+       * This is how far we deviate into the bufferItems to detect a redraw.
+       */ const newBufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);
+        const totalLength = length + newBufferItems * 2 + 1;
+        setState({
+            virtualizerLength: totalLength,
+            bufferItems: newBufferItems,
+            bufferSize: newBufferSize
+        });
+    }, [
+        defaultItemSize,
+        direction
+    ]);
+    const scrollRef = (0, _useResizeObserverRef.useResizeObserverRef_unstable)(resizeCallback);
+    return {
+        virtualizerLength,
+        bufferItems,
+        bufferSize,
+        scrollRef
+    };
+};

package/lib-commonjs/hooks/useVirtualizerMeasure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useVirtualizerMeasure.js"],"sourcesContent":["import * as React from 'react';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\n/**\n * React hook that measures virtualized space based on a static size to ensure optimized virtualization length.\n */ export const useStaticVirtualizerMeasure = (virtualizerProps)=>{\n    const { defaultItemSize, direction = 'vertical' } = virtualizerProps;\n    const [state, setState] = React.useState({\n        virtualizerLength: 0,\n        bufferSize: 0,\n        bufferItems: 0\n    });\n    const { virtualizerLength, bufferItems, bufferSize } = state;\n    const resizeCallback = React.useCallback((_entries, _observer, scrollRef)=>{\n        if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {\n            return;\n        }\n        const containerSize = direction === 'vertical' ? scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().height : scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().width;\n        /*\n       * Number of items required to cover viewport.\n       */ const length = Math.ceil(containerSize / defaultItemSize + 1);\n        /*\n       * Number of items to append at each end, i.e. 'preload' each side before entering view.\n       */ const newBufferItems = Math.max(Math.floor(length / 4), 2);\n        /*\n       * This is how far we deviate into the bufferItems to detect a redraw.\n       */ const newBufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);\n        const totalLength = length + newBufferItems * 2 + 1;\n        setState({\n            virtualizerLength: totalLength,\n            bufferItems: newBufferItems,\n            bufferSize: newBufferSize\n        });\n    }, [\n        defaultItemSize,\n        direction\n    ]);\n    const scrollRef = useResizeObserverRef_unstable(resizeCallback);\n    return {\n        virtualizerLength,\n        bufferItems,\n        bufferSize,\n        scrollRef\n    };\n};\n"],"names":["useStaticVirtualizerMeasure","virtualizerProps","defaultItemSize","direction","state","setState","React","useState","virtualizerLength","bufferSize","bufferItems","resizeCallback","useCallback","_entries","_observer","scrollRef","current","containerSize","getBoundingClientRect","height","width","length","Math","ceil","newBufferItems","max","floor","newBufferSize","totalLength","useResizeObserverRef_unstable"],"mappings":";;;;+BAIiBA;;;eAAAA;;;;iEAJM;sCACuB;AAGnC,MAAMA,8BAA8B,CAACC;IAC5C,MAAM,EAAEC,eAAe,EAAEC,YAAY,UAAU,EAAE,GAAGF;IACpD,MAAM,CAACG,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;QACrCC,mBAAmB;QACnBC,YAAY;QACZC,aAAa;IACjB;IACA,MAAM,EAAEF,iBAAiB,EAAEE,WAAW,EAAED,UAAU,EAAE,GAAGL;IACvD,MAAMO,iBAAiBL,OAAMM,WAAW,CAAC,CAACC,UAAUC,WAAWC;QAC3D,IAAI,CAAEA,CAAAA,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,OAAO,AAAD,GAAI;YAC5E;QACJ;QACA,MAAMC,gBAAgBd,cAAc,aAAaY,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,OAAO,CAACE,qBAAqB,GAAGC,MAAM,GAAGJ,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,OAAO,CAACE,qBAAqB,GAAGE,KAAK;QAC/P;;OAED,GAAG,MAAMC,SAASC,KAAKC,IAAI,CAACN,gBAAgBf,kBAAkB;QAC7D;;OAED,GAAG,MAAMsB,iBAAiBF,KAAKG,GAAG,CAACH,KAAKI,KAAK,CAACL,SAAS,IAAI;QAC1D;;OAED,GAAG,MAAMM,gBAAgBL,KAAKG,GAAG,CAACH,KAAKI,KAAK,CAACL,SAAS,IAAInB,kBAAkB;QAC3E,MAAM0B,cAAcP,SAASG,iBAAiB,IAAI;QAClDnB,SAAS;YACLG,mBAAmBoB;YACnBlB,aAAac;YACbf,YAAYkB;QAChB;IACJ,GAAG;QACCzB;QACAC;KACH;IACD,MAAMY,YAAYc,IAAAA,mDAA6B,EAAClB;IAChD,OAAO;QACHH;QACAE;QACAD;QACAM;IACJ;AACJ"}

package/lib-commonjs/index.js

@@ -1,45 +1,86 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useIntersectionObserver = exports.useVirtualizerStyles_unstable = exports.renderVirtualizer_unstable = exports.useVirtualizer_unstable = exports.virtualizerClassNames = exports.Virtualizer = void 0;
-var Virtualizer_1 = /*#__PURE__*/require("./Virtualizer");
-Object.defineProperty(exports, "Virtualizer", {
-  enumerable: true,
-  get: function () {
-    return Virtualizer_1.Virtualizer;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Virtualizer: function() {
+        return _Virtualizer.Virtualizer;
+    },
+    virtualizerClassNames: function() {
+        return _Virtualizer.virtualizerClassNames;
+    },
+    useVirtualizer_unstable: function() {
+        return _Virtualizer.useVirtualizer_unstable;
+    },
+    renderVirtualizer_unstable: function() {
+        return _Virtualizer.renderVirtualizer_unstable;
+    },
+    useVirtualizerStyles_unstable: function() {
+        return _Virtualizer.useVirtualizerStyles_unstable;
+    },
+    useIntersectionObserver: function() {
+        return _Hooks.useIntersectionObserver;
+    },
+    useStaticVirtualizerMeasure: function() {
+        return _Hooks.useStaticVirtualizerMeasure;
+    },
+    useDynamicVirtualizerMeasure: function() {
+        return _Hooks.useDynamicVirtualizerMeasure;
+    },
+    useResizeObserverRef_unstable: function() {
+        return _Hooks.useResizeObserverRef_unstable;
+    },
+    VirtualizerContextProvider: function() {
+        return _Utilities.VirtualizerContextProvider;
+    },
+    useVirtualizerContext_unstable: function() {
+        return _Utilities.useVirtualizerContext_unstable;
+    },
+    scrollToItemStatic: function() {
+        return _Utilities.scrollToItemStatic;
+    },
+    scrollToItemDynamic: function() {
+        return _Utilities.scrollToItemDynamic;
+    },
+    VirtualizerScrollView: function() {
+        return _VirtualizerScrollView.VirtualizerScrollView;
+    },
+    virtualizerScrollViewClassNames: function() {
+        return _VirtualizerScrollView.virtualizerScrollViewClassNames;
+    },
+    useVirtualizerScrollView_unstable: function() {
+        return _VirtualizerScrollView.useVirtualizerScrollView_unstable;
+    },
+    renderVirtualizerScrollView_unstable: function() {
+        return _VirtualizerScrollView.renderVirtualizerScrollView_unstable;
+    },
+    useVirtualizerScrollViewStyles_unstable: function() {
+        return _VirtualizerScrollView.useVirtualizerScrollViewStyles_unstable;
+    },
+    VirtualizerScrollViewDynamic: function() {
+        return _VirtualizerScrollViewDynamic.VirtualizerScrollViewDynamic;
+    },
+    virtualizerScrollViewDynamicClassNames: function() {
+        return _VirtualizerScrollViewDynamic.virtualizerScrollViewDynamicClassNames;
+    },
+    useVirtualizerScrollViewDynamic_unstable: function() {
+        return _VirtualizerScrollViewDynamic.useVirtualizerScrollViewDynamic_unstable;
+    },
+    renderVirtualizerScrollViewDynamic_unstable: function() {
+        return _VirtualizerScrollViewDynamic.renderVirtualizerScrollViewDynamic_unstable;
+    },
+    useVirtualizerScrollViewDynamicStyles_unstable: function() {
+        return _VirtualizerScrollViewDynamic.useVirtualizerScrollViewDynamicStyles_unstable;
+    }
 });
-Object.defineProperty(exports, "virtualizerClassNames", {
-  enumerable: true,
-  get: function () {
-    return Virtualizer_1.virtualizerClassNames;
-  }
-});
-Object.defineProperty(exports, "useVirtualizer_unstable", {
-  enumerable: true,
-  get: function () {
-    return Virtualizer_1.useVirtualizer_unstable;
-  }
-});
-Object.defineProperty(exports, "renderVirtualizer_unstable", {
-  enumerable: true,
-  get: function () {
-    return Virtualizer_1.renderVirtualizer_unstable;
-  }
-});
-Object.defineProperty(exports, "useVirtualizerStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Virtualizer_1.useVirtualizerStyles_unstable;
-  }
-});
-var Hooks_1 = /*#__PURE__*/require("./Hooks");
-Object.defineProperty(exports, "useIntersectionObserver", {
-  enumerable: true,
-  get: function () {
-    return Hooks_1.useIntersectionObserver;
-  }
-});
-//# sourceMappingURL=index.js.map
+const _Virtualizer = require("./Virtualizer");
+const _Hooks = require("./Hooks");
+const _Utilities = require("./Utilities");
+const _VirtualizerScrollView = require("./VirtualizerScrollView");
+const _VirtualizerScrollViewDynamic = require("./VirtualizerScrollViewDynamic");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,gCAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,0CAAqB;EAAA;AAAA;AACrBF;EAAAC;EAAAC;IAAA,4CAAuB;EAAA;AAAA;AACvBF;EAAAC;EAAAC;IAAA,+CAA0B;EAAA;AAAA;AAC1BF;EAAAC;EAAAC;IAAA,kDAA6B;EAAA;AAAA;AAQ/B;AAASF;EAAAC;EAAAC;IAAA,sCAAuB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["packages/react-components/react-virtualizer/src/index.ts"],"sourcesContent":["export {\n  Virtualizer,\n  virtualizerClassNames,\n  useVirtualizer_unstable,\n  renderVirtualizer_unstable,\n  useVirtualizerStyles_unstable,\n} from './Virtualizer';\nexport type {\n  VirtualizerProps,\n  VirtualizerState,\n  VirtualizerSlots,\n  VirtualizerChildRenderFunction,\n} from './Virtualizer';\nexport { useIntersectionObserver } from './Hooks';\n"]}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Virtualizer, virtualizerClassNames, useVirtualizer_unstable, renderVirtualizer_unstable, useVirtualizerStyles_unstable } from './Virtualizer';\nexport { useIntersectionObserver, useStaticVirtualizerMeasure, useDynamicVirtualizerMeasure, useResizeObserverRef_unstable } from './Hooks';\nexport { VirtualizerContextProvider, useVirtualizerContext_unstable, scrollToItemStatic, scrollToItemDynamic } from './Utilities';\nexport { VirtualizerScrollView, virtualizerScrollViewClassNames, useVirtualizerScrollView_unstable, renderVirtualizerScrollView_unstable, useVirtualizerScrollViewStyles_unstable } from './VirtualizerScrollView';\nexport { VirtualizerScrollViewDynamic, virtualizerScrollViewDynamicClassNames, useVirtualizerScrollViewDynamic_unstable, renderVirtualizerScrollViewDynamic_unstable, useVirtualizerScrollViewDynamicStyles_unstable } from './VirtualizerScrollViewDynamic';\n"],"names":["Virtualizer","virtualizerClassNames","useVirtualizer_unstable","renderVirtualizer_unstable","useVirtualizerStyles_unstable","useIntersectionObserver","useStaticVirtualizerMeasure","useDynamicVirtualizerMeasure","useResizeObserverRef_unstable","VirtualizerContextProvider","useVirtualizerContext_unstable","scrollToItemStatic","scrollToItemDynamic","VirtualizerScrollView","virtualizerScrollViewClassNames","useVirtualizerScrollView_unstable","renderVirtualizerScrollView_unstable","useVirtualizerScrollViewStyles_unstable","VirtualizerScrollViewDynamic","virtualizerScrollViewDynamicClassNames","useVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewDynamicStyles_unstable"],"mappings":";;;;;;;;;;;IAASA,WAAW;eAAXA,wBAAW;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IACtHC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,2BAA2B;eAA3BA,kCAA2B;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IACjHC,0BAA0B;eAA1BA,qCAA0B;;IAAEC,8BAA8B;eAA9BA,yCAA8B;;IAAEC,kBAAkB;eAAlBA,6BAAkB;;IAAEC,mBAAmB;eAAnBA,8BAAmB;;IACnGC,qBAAqB;eAArBA,4CAAqB;;IAAEC,+BAA+B;eAA/BA,sDAA+B;;IAAEC,iCAAiC;eAAjCA,wDAAiC;;IAAEC,oCAAoC;eAApCA,2DAAoC;;IAAEC,uCAAuC;eAAvCA,8DAAuC;;IACxKC,4BAA4B;eAA5BA,0DAA4B;;IAAEC,sCAAsC;eAAtCA,oEAAsC;;IAAEC,wCAAwC;eAAxCA,sEAAwC;;IAAEC,2CAA2C;eAA3CA,yEAA2C;;IAAEC,8CAA8C;eAA9CA,4EAA8C;;;6BAJ7E;uBACL;2BACd;uCACqE;8CACmC"}

package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "scrollToItemStatic", {
+    enumerable: true,
+    get: function() {
+        return scrollToItemStatic;
+    }
+});
+const scrollToItemStatic = (params)=>{
+    const { index, itemSize, totalItems, scrollViewRef, axis = 'vertical', reversed = false, behavior = 'auto' } = params;
+    if (axis === 'horizontal') {
+        if (reversed) {
+            var _scrollViewRef_current;
+            (_scrollViewRef_current = scrollViewRef.current) === null || _scrollViewRef_current === void 0 ? void 0 : _scrollViewRef_current.scrollTo({
+                left: totalItems * itemSize - itemSize * index,
+                behavior
+            });
+        } else {
+            var _scrollViewRef_current1;
+            (_scrollViewRef_current1 = scrollViewRef.current) === null || _scrollViewRef_current1 === void 0 ? void 0 : _scrollViewRef_current1.scrollTo({
+                left: itemSize * index,
+                behavior
+            });
+        }
+    } else {
+        if (reversed) {
+            var _scrollViewRef_current2;
+            (_scrollViewRef_current2 = scrollViewRef.current) === null || _scrollViewRef_current2 === void 0 ? void 0 : _scrollViewRef_current2.scrollTo({
+                top: totalItems * itemSize - itemSize * index,
+                behavior
+            });
+        } else {
+            var _scrollViewRef_current3;
+            (_scrollViewRef_current3 = scrollViewRef.current) === null || _scrollViewRef_current3 === void 0 ? void 0 : _scrollViewRef_current3.scrollTo({
+                top: itemSize * index,
+                behavior
+            });
+        }
+    }
+};

package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["imperativeScrolling.js"],"sourcesContent":["export const scrollToItemStatic = (params)=>{\n    const { index, itemSize, totalItems, scrollViewRef, axis = 'vertical', reversed = false, behavior = 'auto' } = params;\n    if (axis === 'horizontal') {\n        if (reversed) {\n            var _scrollViewRef_current;\n            (_scrollViewRef_current = scrollViewRef.current) === null || _scrollViewRef_current === void 0 ? void 0 : _scrollViewRef_current.scrollTo({\n                left: totalItems * itemSize - itemSize * index,\n                behavior\n            });\n        } else {\n            var _scrollViewRef_current1;\n            (_scrollViewRef_current1 = scrollViewRef.current) === null || _scrollViewRef_current1 === void 0 ? void 0 : _scrollViewRef_current1.scrollTo({\n                left: itemSize * index,\n                behavior\n            });\n        }\n    } else {\n        if (reversed) {\n            var _scrollViewRef_current2;\n            (_scrollViewRef_current2 = scrollViewRef.current) === null || _scrollViewRef_current2 === void 0 ? void 0 : _scrollViewRef_current2.scrollTo({\n                top: totalItems * itemSize - itemSize * index,\n                behavior\n            });\n        } else {\n            var _scrollViewRef_current3;\n            (_scrollViewRef_current3 = scrollViewRef.current) === null || _scrollViewRef_current3 === void 0 ? void 0 : _scrollViewRef_current3.scrollTo({\n                top: itemSize * index,\n                behavior\n            });\n        }\n    }\n};\n"],"names":["scrollToItemStatic","params","index","itemSize","totalItems","scrollViewRef","axis","reversed","behavior","_scrollViewRef_current","current","scrollTo","left","_scrollViewRef_current1","_scrollViewRef_current2","top","_scrollViewRef_current3"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,qBAAqB,CAACC;IAC/B,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,aAAa,EAAEC,OAAO,UAAU,EAAEC,WAAW,KAAK,EAAEC,WAAW,MAAM,EAAE,GAAGP;IAC/G,IAAIK,SAAS,cAAc;QACvB,IAAIC,UAAU;YACV,IAAIE;YACHA,CAAAA,yBAAyBJ,cAAcK,OAAO,AAAD,MAAO,QAAQD,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBE,QAAQ,CAAC;gBACtIC,MAAMR,aAAaD,WAAWA,WAAWD;gBACzCM;YACJ;QACJ,OAAO;YACH,IAAIK;YACHA,CAAAA,0BAA0BR,cAAcK,OAAO,AAAD,MAAO,QAAQG,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBF,QAAQ,CAAC;gBACzIC,MAAMT,WAAWD;gBACjBM;YACJ;QACJ;IACJ,OAAO;QACH,IAAID,UAAU;YACV,IAAIO;YACHA,CAAAA,0BAA0BT,cAAcK,OAAO,AAAD,MAAO,QAAQI,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBH,QAAQ,CAAC;gBACzII,KAAKX,aAAaD,WAAWA,WAAWD;gBACxCM;YACJ;QACJ,OAAO;YACH,IAAIQ;YACHA,CAAAA,0BAA0BX,cAAcK,OAAO,AAAD,MAAO,QAAQM,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBL,QAAQ,CAAC;gBACzII,KAAKZ,WAAWD;gBAChBM;YACJ;QACJ;IACJ;AACJ"}

package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrollingDynamic.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "scrollToItemDynamic", {
+    enumerable: true,
+    get: function() {
+        return scrollToItemDynamic;
+    }
+});
+const scrollToItemDynamic = (params)=>{
+    const { index, itemSizes, totalSize, scrollViewRef, axis = 'vertical', reversed = false, behavior = 'auto' } = params;
+    if (!itemSizes.current) {
+        return;
+    }
+    if (itemSizes.current === null || itemSizes.current.length < index) {
+        // null check - abort
+        return;
+    }
+    let itemDepth = 0;
+    for(let i = 0; i < index; i++){
+        if (i < index) {
+            itemDepth += itemSizes.current[i];
+        }
+    }
+    if (axis === 'horizontal') {
+        if (reversed) {
+            var _scrollViewRef_current;
+            (_scrollViewRef_current = scrollViewRef.current) === null || _scrollViewRef_current === void 0 ? void 0 : _scrollViewRef_current.scrollTo({
+                left: totalSize - itemDepth,
+                behavior
+            });
+        } else {
+            var _scrollViewRef_current1;
+            (_scrollViewRef_current1 = scrollViewRef.current) === null || _scrollViewRef_current1 === void 0 ? void 0 : _scrollViewRef_current1.scrollTo({
+                left: itemDepth,
+                behavior
+            });
+        }
+    } else {
+        if (reversed) {
+            var _scrollViewRef_current2;
+            (_scrollViewRef_current2 = scrollViewRef.current) === null || _scrollViewRef_current2 === void 0 ? void 0 : _scrollViewRef_current2.scrollTo({
+                top: totalSize - itemDepth,
+                behavior
+            });
+        } else {
+            var _scrollViewRef_current3;
+            (_scrollViewRef_current3 = scrollViewRef.current) === null || _scrollViewRef_current3 === void 0 ? void 0 : _scrollViewRef_current3.scrollTo({
+                top: itemDepth,
+                behavior
+            });
+        }
+    }
+};

package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrollingDynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["imperativeScrollingDynamic.js"],"sourcesContent":["export const scrollToItemDynamic = (params)=>{\n    const { index, itemSizes, totalSize, scrollViewRef, axis = 'vertical', reversed = false, behavior = 'auto' } = params;\n    if (!itemSizes.current) {\n        return;\n    }\n    if (itemSizes.current === null || itemSizes.current.length < index) {\n        // null check - abort\n        return;\n    }\n    let itemDepth = 0;\n    for(let i = 0; i < index; i++){\n        if (i < index) {\n            itemDepth += itemSizes.current[i];\n        }\n    }\n    if (axis === 'horizontal') {\n        if (reversed) {\n            var _scrollViewRef_current;\n            (_scrollViewRef_current = scrollViewRef.current) === null || _scrollViewRef_current === void 0 ? void 0 : _scrollViewRef_current.scrollTo({\n                left: totalSize - itemDepth,\n                behavior\n            });\n        } else {\n            var _scrollViewRef_current1;\n            (_scrollViewRef_current1 = scrollViewRef.current) === null || _scrollViewRef_current1 === void 0 ? void 0 : _scrollViewRef_current1.scrollTo({\n                left: itemDepth,\n                behavior\n            });\n        }\n    } else {\n        if (reversed) {\n            var _scrollViewRef_current2;\n            (_scrollViewRef_current2 = scrollViewRef.current) === null || _scrollViewRef_current2 === void 0 ? void 0 : _scrollViewRef_current2.scrollTo({\n                top: totalSize - itemDepth,\n                behavior\n            });\n        } else {\n            var _scrollViewRef_current3;\n            (_scrollViewRef_current3 = scrollViewRef.current) === null || _scrollViewRef_current3 === void 0 ? void 0 : _scrollViewRef_current3.scrollTo({\n                top: itemDepth,\n                behavior\n            });\n        }\n    }\n};\n"],"names":["scrollToItemDynamic","params","index","itemSizes","totalSize","scrollViewRef","axis","reversed","behavior","current","length","itemDepth","i","_scrollViewRef_current","scrollTo","left","_scrollViewRef_current1","_scrollViewRef_current2","top","_scrollViewRef_current3"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,sBAAsB,CAACC;IAChC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,SAAS,EAAEC,aAAa,EAAEC,OAAO,UAAU,EAAEC,WAAW,KAAK,EAAEC,WAAW,MAAM,EAAE,GAAGP;IAC/G,IAAI,CAACE,UAAUM,OAAO,EAAE;QACpB;IACJ;IACA,IAAIN,UAAUM,OAAO,KAAK,QAAQN,UAAUM,OAAO,CAACC,MAAM,GAAGR,OAAO;QAChE,qBAAqB;QACrB;IACJ;IACA,IAAIS,YAAY;IAChB,IAAI,IAAIC,IAAI,GAAGA,IAAIV,OAAOU,IAAI;QAC1B,IAAIA,IAAIV,OAAO;YACXS,aAAaR,UAAUM,OAAO,CAACG,EAAE;QACrC;IACJ;IACA,IAAIN,SAAS,cAAc;QACvB,IAAIC,UAAU;YACV,IAAIM;YACHA,CAAAA,yBAAyBR,cAAcI,OAAO,AAAD,MAAO,QAAQI,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBC,QAAQ,CAAC;gBACtIC,MAAMX,YAAYO;gBAClBH;YACJ;QACJ,OAAO;YACH,IAAIQ;YACHA,CAAAA,0BAA0BX,cAAcI,OAAO,AAAD,MAAO,QAAQO,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBF,QAAQ,CAAC;gBACzIC,MAAMJ;gBACNH;YACJ;QACJ;IACJ,OAAO;QACH,IAAID,UAAU;YACV,IAAIU;YACHA,CAAAA,0BAA0BZ,cAAcI,OAAO,AAAD,MAAO,QAAQQ,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBH,QAAQ,CAAC;gBACzII,KAAKd,YAAYO;gBACjBH;YACJ;QACJ,OAAO;YACH,IAAIW;YACHA,CAAAA,0BAA0Bd,cAAcI,OAAO,AAAD,MAAO,QAAQU,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBL,QAAQ,CAAC;gBACzII,KAAKP;gBACLH;YACJ;QACJ;IACJ;AACJ"}

package/lib-commonjs/utilities/ImperativeScrolling/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./imperativeScrolling"), exports);
+_export_star._(require("./imperativeScrolling.types"), exports);
+_export_star._(require("./imperativeScrollingDynamic"), exports);

package/lib-commonjs/utilities/ImperativeScrolling/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './imperativeScrolling';\nexport * from './imperativeScrolling.types';\nexport * from './imperativeScrollingDynamic';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}

package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    VirtualizerContextProvider: function() {
+        return VirtualizerContextProvider;
+    },
+    useVirtualizerContext_unstable: function() {
+        return useVirtualizerContext_unstable;
+    },
+    useVirtualizerContextState_unstable: function() {
+        return useVirtualizerContextState_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const VirtualizerContext = /*#__PURE__*/ _react.createContext(undefined);
+const VirtualizerContextProvider = VirtualizerContext.Provider;
+const useVirtualizerContext_unstable = ()=>{
+    return _react.useContext(VirtualizerContext);
+};
+const useVirtualizerContextState_unstable = (passedContext)=>{
+    const virtualizerContext = useVirtualizerContext_unstable();
+    const [_contextIndex, _setContextIndex] = (0, _react.useState)(-1);
+    /* We respect any wrapped providers while also ensuring defaults or passed through
+   * Order of usage -> Passed Prop -> Provider Context -> Internal State default
+   */ const _context = (0, _react.useMemo)(()=>{
+        var _ref;
+        return (_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {
+            contextIndex: _contextIndex,
+            setContextIndex: _setContextIndex
+        };
+    }, [
+        _contextIndex,
+        passedContext,
+        virtualizerContext
+    ]);
+    const context = (0, _react.useMemo)(()=>{
+        return {
+            contextIndex: _context.contextIndex,
+            setContextIndex: _context.setContextIndex
+        };
+    }, [
+        _context
+    ]);
+    return context;
+};

package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["VirtualizerContext.js"],"sourcesContent":["import * as React from 'react';\nimport { useMemo, useState } from 'react';\nconst VirtualizerContext = React.createContext(undefined);\nexport const VirtualizerContextProvider = VirtualizerContext.Provider;\nexport const useVirtualizerContext_unstable = ()=>{\n    return React.useContext(VirtualizerContext);\n};\nexport const useVirtualizerContextState_unstable = (passedContext)=>{\n    const virtualizerContext = useVirtualizerContext_unstable();\n    const [_contextIndex, _setContextIndex] = useState(-1);\n    /* We respect any wrapped providers while also ensuring defaults or passed through\n   * Order of usage -> Passed Prop -> Provider Context -> Internal State default\n   */ const _context = useMemo(()=>{\n        var _ref;\n        return (_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {\n            contextIndex: _contextIndex,\n            setContextIndex: _setContextIndex\n        };\n    }, [\n        _contextIndex,\n        passedContext,\n        virtualizerContext\n    ]);\n    const context = useMemo(()=>{\n        return {\n            contextIndex: _context.contextIndex,\n            setContextIndex: _context.setContextIndex\n        };\n    }, [\n        _context\n    ]);\n    return context;\n};\n"],"names":["VirtualizerContextProvider","useVirtualizerContext_unstable","useVirtualizerContextState_unstable","VirtualizerContext","React","createContext","undefined","Provider","useContext","passedContext","virtualizerContext","_contextIndex","_setContextIndex","useState","_context","useMemo","_ref","contextIndex","setContextIndex","context"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B;eAA1BA;;IACAC,8BAA8B;eAA9BA;;IAGAC,mCAAmC;eAAnCA;;;;iEAPU;AAEvB,MAAMC,mCAAqBC,OAAMC,aAAa,CAACC;AACxC,MAAMN,6BAA6BG,mBAAmBI,QAAQ;AAC9D,MAAMN,iCAAiC;IAC1C,OAAOG,OAAMI,UAAU,CAACL;AAC5B;AACO,MAAMD,sCAAsC,CAACO;IAChD,MAAMC,qBAAqBT;IAC3B,MAAM,CAACU,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IACpD;;GAED,GAAG,MAAMC,WAAWC,IAAAA,cAAO,EAAC;QACvB,IAAIC;QACJ,OAAO,AAACA,CAAAA,OAAOP,kBAAkB,QAAQA,kBAAkB,KAAK,IAAIA,gBAAgBC,kBAAiB,MAAO,QAAQM,SAAS,KAAK,IAAIA,OAAO;YACzIC,cAAcN;YACdO,iBAAiBN;QACrB;IACJ,GAAG;QACCD;QACAF;QACAC;KACH;IACD,MAAMS,UAAUJ,IAAAA,cAAO,EAAC;QACpB,OAAO;YACHE,cAAcH,SAASG,YAAY;YACnCC,iBAAiBJ,SAASI,eAAe;QAC7C;IACJ,GAAG;QACCJ;KACH;IACD,OAAOK;AACX"}