@fluentui/react-virtualizer 9.0.0-alpha.8 → 9.0.0-alpha.80

package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderVirtualizerScrollViewDynamic_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderVirtualizerScrollViewDynamic_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _renderVirtualizer = require("../Virtualizer/renderVirtualizer");
+const renderVirtualizerScrollViewDynamic_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.container, {
+        children: (0, _renderVirtualizer.renderVirtualizer_unstable)(state)
+    });
+};

package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderVirtualizerScrollViewDynamic.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';\nexport const renderVirtualizerScrollViewDynamic_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.container, {\n        children: renderVirtualizer_unstable(state)\n    });\n};\n"],"names":["renderVirtualizerScrollViewDynamic_unstable","state","assertSlots","_jsx","container","children","renderVirtualizer_unstable"],"mappings":";;;;+BAGaA;;;eAAAA;;;4BAHiB;gCACF;mCACe;AACpC,MAAMA,8CAA8C,CAACC;IACxDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,SAAS,EAAE;QACvCC,UAAUC,IAAAA,6CAA0B,EAACL;IACzC;AACJ"}

package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useVirtualizerScrollViewDynamic_unstable", {
+    enumerable: true,
+    get: function() {
+        return useVirtualizerScrollViewDynamic_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _useVirtualizer = require("../Virtualizer/useVirtualizer");
+const _Hooks = require("../../Hooks");
+const _Utilities = require("../../Utilities");
+const _useMeasureList = require("../../hooks/useMeasureList");
+const _useDynamicPagination = require("../../hooks/useDynamicPagination");
+function useVirtualizerScrollViewDynamic_unstable(props) {
+    'use no memo';
+    var _imperativeVirtualizerRef_current;
+    const contextState = (0, _Utilities.useVirtualizerContextState_unstable)(props.virtualizerContext);
+    const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef, enablePagination = false } = props;
+    let sizeTrackingArray = _react.useRef(new Array(props.numItems).fill(props.itemSize));
+    // This lets us trigger updates when a size change occurs.
+    const [sizeUpdateCount, setSizeUpdateCount] = (0, _react.useState)(0);
+    const getChildSizeAuto = _react.useCallback((index)=>{
+        if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {
+            // Default size for initial state or untracked
+            return props.itemSize;
+        }
+        /* Required to be defined prior to our measure function
+       * we use a sizing array ref that we will update post-render
+       */ return sizeTrackingArray.current[index];
+    }, [
+        sizeTrackingArray,
+        props.itemSize,
+        sizeUpdateCount
+    ]);
+    var _props_axis, _props_getItemSize, _contextState_contextIndex;
+    const { virtualizerLength, bufferItems, bufferSize, scrollRef } = (0, _Hooks.useDynamicVirtualizerMeasure)({
+        defaultItemSize: props.itemSize,
+        direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',
+        getItemSize: (_props_getItemSize = props.getItemSize) !== null && _props_getItemSize !== void 0 ? _props_getItemSize : getChildSizeAuto,
+        currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,
+        numItems: props.numItems
+    });
+    const _imperativeVirtualizerRef = (0, _reactutilities.useMergedRefs)(_react.useRef(null), imperativeVirtualizerRef);
+    var _contextState_contextIndex1;
+    const paginationRef = (0, _useDynamicPagination.useDynamicVirtualizerPagination)({
+        axis,
+        progressiveItemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.progressiveSizes,
+        virtualizerLength,
+        currentIndex: (_contextState_contextIndex1 = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex1 !== void 0 ? _contextState_contextIndex1 : 0
+    }, enablePagination);
+    // Store the virtualizer length as a ref for imperative ref access
+    const virtualizerLengthRef = _react.useRef(virtualizerLength);
+    if (virtualizerLengthRef.current !== virtualizerLength) {
+        virtualizerLengthRef.current = virtualizerLength;
+    }
+    const scrollViewRef = (0, _reactutilities.useMergedRefs)(props.scrollViewRef, scrollRef, paginationRef);
+    const scrollCallbackRef = _react.useRef(null);
+    (0, _react.useImperativeHandle)(imperativeRef, ()=>{
+        var _imperativeVirtualizerRef_current;
+        return {
+            scrollTo (index, behavior = 'auto', callback) {
+                scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;
+                if (_imperativeVirtualizerRef.current) {
+                    var _imperativeVirtualizerRef_current;
+                    const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;
+                    const totalSize = progressiveSizes && (progressiveSizes === null || progressiveSizes === void 0 ? void 0 : progressiveSizes.length) > 0 ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)] : 0;
+                    _imperativeVirtualizerRef.current.setFlaggedIndex(index);
+                    (0, _Utilities.scrollToItemDynamic)({
+                        index,
+                        itemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.nodeSizes,
+                        totalSize,
+                        scrollViewRef,
+                        axis,
+                        reversed,
+                        behavior
+                    });
+                }
+            },
+            currentIndex: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,
+            virtualizerLength: virtualizerLengthRef
+        };
+    }, [
+        axis,
+        scrollViewRef,
+        reversed,
+        _imperativeVirtualizerRef
+    ]);
+    const handleRenderedIndex = (index)=>{
+        if (scrollCallbackRef.current) {
+            scrollCallbackRef.current(index);
+        }
+    };
+    var _props_getItemSize1;
+    const virtualizerState = (0, _useVirtualizer.useVirtualizer_unstable)({
+        ...props,
+        getItemSize: (_props_getItemSize1 = props.getItemSize) !== null && _props_getItemSize1 !== void 0 ? _props_getItemSize1 : getChildSizeAuto,
+        virtualizerLength,
+        bufferItems,
+        bufferSize,
+        scrollViewRef,
+        virtualizerContext: contextState,
+        imperativeVirtualizerRef: _imperativeVirtualizerRef,
+        onRenderedFlaggedIndex: handleRenderedIndex
+    });
+    const measureObject = (0, _useMeasureList.useMeasureList)(virtualizerState.virtualizerStartIndex, virtualizerLength, props.numItems, props.itemSize);
+    if (enablePagination && measureObject.sizeUpdateCount !== sizeUpdateCount) {
+        /* This enables us to let callback know that the sizes have been updated
+    triggers a re-render but is only required on pagination (else index change handles) */ setSizeUpdateCount(measureObject.sizeUpdateCount);
+    }
+    if (axis === 'horizontal') {
+        sizeTrackingArray = measureObject.widthArray;
+    } else {
+        sizeTrackingArray = measureObject.heightArray;
+    }
+    if (!props.getItemSize) {
+        // Auto-measuring is required
+        _react.Children.map(virtualizerState.virtualizedChildren, (child, index)=>{
+            if (/*#__PURE__*/ _react.isValidElement(child)) {
+                virtualizerState.virtualizedChildren[index] = /*#__PURE__*/ _react.createElement(child.type, {
+                    ...child.props,
+                    key: child.key,
+                    ref: (element)=>{
+                        if (child.hasOwnProperty('ref')) {
+                            // We must access this from the child directly, not props (forward ref).
+                            // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+                            const localRef = child === null || child === void 0 ? void 0 : child.ref;
+                            if (typeof localRef === 'function') {
+                                localRef(element);
+                            } else if (localRef) {
+                                localRef.current = element;
+                            }
+                        }
+                        // Call the auto-measure ref attachment.
+                        measureObject.createIndexedRef(index)(element);
+                    }
+                });
+            }
+        });
+    }
+    return {
+        ...virtualizerState,
+        components: {
+            ...virtualizerState.components,
+            container: 'div'
+        },
+        container: _reactutilities.slot.always(props.container, {
+            defaultProps: {
+                ref: scrollViewRef
+            },
+            elementType: 'div'
+        })
+    };
+}

package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useVirtualizerScrollViewDynamic.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport { useImperativeHandle, useState } from 'react';\nimport { useMeasureList } from '../../hooks/useMeasureList';\nimport { useDynamicVirtualizerPagination } from '../../hooks/useDynamicPagination';\nexport function useVirtualizerScrollViewDynamic_unstable(props) {\n    'use no memo';\n    var _imperativeVirtualizerRef_current;\n    const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n    const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef, enablePagination = false } = props;\n    let sizeTrackingArray = React.useRef(new Array(props.numItems).fill(props.itemSize));\n    // This lets us trigger updates when a size change occurs.\n    const [sizeUpdateCount, setSizeUpdateCount] = useState(0);\n    const getChildSizeAuto = React.useCallback((index)=>{\n        if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {\n            // Default size for initial state or untracked\n            return props.itemSize;\n        }\n        /* Required to be defined prior to our measure function\n       * we use a sizing array ref that we will update post-render\n       */ return sizeTrackingArray.current[index];\n    }, // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n        sizeTrackingArray,\n        props.itemSize,\n        sizeUpdateCount\n    ]);\n    var _props_axis, _props_getItemSize, _contextState_contextIndex;\n    const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({\n        defaultItemSize: props.itemSize,\n        direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',\n        getItemSize: (_props_getItemSize = props.getItemSize) !== null && _props_getItemSize !== void 0 ? _props_getItemSize : getChildSizeAuto,\n        currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,\n        numItems: props.numItems\n    });\n    const _imperativeVirtualizerRef = useMergedRefs(React.useRef(null), imperativeVirtualizerRef);\n    var _contextState_contextIndex1;\n    const paginationRef = useDynamicVirtualizerPagination({\n        axis,\n        progressiveItemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.progressiveSizes,\n        virtualizerLength,\n        currentIndex: (_contextState_contextIndex1 = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex1 !== void 0 ? _contextState_contextIndex1 : 0\n    }, enablePagination);\n    // Store the virtualizer length as a ref for imperative ref access\n    const virtualizerLengthRef = React.useRef(virtualizerLength);\n    if (virtualizerLengthRef.current !== virtualizerLength) {\n        virtualizerLengthRef.current = virtualizerLength;\n    }\n    const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef, paginationRef);\n    const scrollCallbackRef = React.useRef(null);\n    useImperativeHandle(imperativeRef, ()=>{\n        var _imperativeVirtualizerRef_current;\n        return {\n            scrollTo (index, behavior = 'auto', callback) {\n                scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;\n                if (_imperativeVirtualizerRef.current) {\n                    var _imperativeVirtualizerRef_current;\n                    const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n                    const totalSize = progressiveSizes && (progressiveSizes === null || progressiveSizes === void 0 ? void 0 : progressiveSizes.length) > 0 ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)] : 0;\n                    _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n                    scrollToItemDynamic({\n                        index,\n                        itemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.nodeSizes,\n                        totalSize,\n                        scrollViewRef,\n                        axis,\n                        reversed,\n                        behavior\n                    });\n                }\n            },\n            currentIndex: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,\n            virtualizerLength: virtualizerLengthRef\n        };\n    }, [\n        axis,\n        scrollViewRef,\n        reversed,\n        _imperativeVirtualizerRef\n    ]);\n    const handleRenderedIndex = (index)=>{\n        if (scrollCallbackRef.current) {\n            scrollCallbackRef.current(index);\n        }\n    };\n    var _props_getItemSize1;\n    const virtualizerState = useVirtualizer_unstable({\n        ...props,\n        getItemSize: (_props_getItemSize1 = props.getItemSize) !== null && _props_getItemSize1 !== void 0 ? _props_getItemSize1 : getChildSizeAuto,\n        virtualizerLength,\n        bufferItems,\n        bufferSize,\n        scrollViewRef,\n        virtualizerContext: contextState,\n        imperativeVirtualizerRef: _imperativeVirtualizerRef,\n        onRenderedFlaggedIndex: handleRenderedIndex\n    });\n    const measureObject = useMeasureList(virtualizerState.virtualizerStartIndex, virtualizerLength, props.numItems, props.itemSize);\n    if (enablePagination && measureObject.sizeUpdateCount !== sizeUpdateCount) {\n        /* This enables us to let callback know that the sizes have been updated\n    triggers a re-render but is only required on pagination (else index change handles) */ setSizeUpdateCount(measureObject.sizeUpdateCount);\n    }\n    if (axis === 'horizontal') {\n        sizeTrackingArray = measureObject.widthArray;\n    } else {\n        sizeTrackingArray = measureObject.heightArray;\n    }\n    if (!props.getItemSize) {\n        // Auto-measuring is required\n        React.Children.map(virtualizerState.virtualizedChildren, (child, index)=>{\n            if (/*#__PURE__*/ React.isValidElement(child)) {\n                virtualizerState.virtualizedChildren[index] = /*#__PURE__*/ React.createElement(child.type, {\n                    ...child.props,\n                    key: child.key,\n                    ref: (element)=>{\n                        if (child.hasOwnProperty('ref')) {\n                            // We must access this from the child directly, not props (forward ref).\n                            // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n                            const localRef = child === null || child === void 0 ? void 0 : child.ref;\n                            if (typeof localRef === 'function') {\n                                localRef(element);\n                            } else if (localRef) {\n                                localRef.current = element;\n                            }\n                        }\n                        // Call the auto-measure ref attachment.\n                        measureObject.createIndexedRef(index)(element);\n                    }\n                });\n            }\n        });\n    }\n    return {\n        ...virtualizerState,\n        components: {\n            ...virtualizerState.components,\n            container: 'div'\n        },\n        container: slot.always(props.container, {\n            defaultProps: {\n                ref: scrollViewRef\n            },\n            elementType: 'div'\n        })\n    };\n}\n"],"names":["useVirtualizerScrollViewDynamic_unstable","props","_imperativeVirtualizerRef_current","contextState","useVirtualizerContextState_unstable","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","enablePagination","sizeTrackingArray","React","useRef","Array","numItems","fill","itemSize","sizeUpdateCount","setSizeUpdateCount","useState","getChildSizeAuto","useCallback","index","current","length","_props_axis","_props_getItemSize","_contextState_contextIndex","virtualizerLength","bufferItems","bufferSize","scrollRef","useDynamicVirtualizerMeasure","defaultItemSize","direction","getItemSize","currentIndex","contextIndex","_imperativeVirtualizerRef","useMergedRefs","_contextState_contextIndex1","paginationRef","useDynamicVirtualizerPagination","progressiveItemSizes","progressiveSizes","virtualizerLengthRef","scrollViewRef","scrollCallbackRef","useImperativeHandle","scrollTo","behavior","callback","totalSize","Math","max","setFlaggedIndex","scrollToItemDynamic","itemSizes","nodeSizes","handleRenderedIndex","_props_getItemSize1","virtualizerState","useVirtualizer_unstable","onRenderedFlaggedIndex","measureObject","useMeasureList","virtualizerStartIndex","widthArray","heightArray","Children","map","virtualizedChildren","child","isValidElement","createElement","type","key","ref","element","hasOwnProperty","localRef","createIndexedRef","components","container","slot","always","defaultProps","elementType"],"mappings":"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"}

package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js

@@ -0,0 +1,70 @@
+"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, {
+    virtualizerScrollViewDynamicClassNames: function() {
+        return virtualizerScrollViewDynamicClassNames;
+    },
+    useVirtualizerScrollViewDynamicStyles_unstable: function() {
+        return useVirtualizerScrollViewDynamicStyles_unstable;
+    }
+});
+const _useVirtualizerStylesstyles = require("../Virtualizer/useVirtualizerStyles.styles");
+const _react = require("@griffel/react");
+const virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';
+const virtualizerScrollViewDynamicClassNames = {
+    ..._useVirtualizerStylesstyles.virtualizerClassNames,
+    container: `${virtualizerScrollViewDynamicClassName}__container`
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "f22iagw",
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl"
+    },
+    vertical: {
+        Beiy3e4: "f1vx9l62",
+        Bmxbyg5: "f5zp4f"
+    },
+    horizontal: {
+        Beiy3e4: "f1063pyq",
+        B68tc82: "f1oy3dpc"
+    },
+    verticalReversed: {
+        Beiy3e4: "f1gkdon0",
+        Bmxbyg5: "f5zp4f"
+    },
+    horizontalReversed: {
+        Beiy3e4: "f1oztnx0",
+        B68tc82: "f1oy3dpc"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f5zp4f{overflow-y:auto;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1oy3dpc{overflow-x:auto;}",
+        ".f1gkdon0{flex-direction:column-reverse;}",
+        ".f1oztnx0{flex-direction:row-reverse;}"
+    ]
+});
+const useVirtualizerScrollViewDynamicStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    // Default virtualizer styles base
+    (0, _useVirtualizerStylesstyles.useVirtualizerStyles_unstable)(state);
+    const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
+    // Add container styles
+    state.container.className = (0, _react.mergeClasses)(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);
+    return state;
+}; //# sourceMappingURL=useVirtualizerScrollViewDynamicStyles.styles.js.map

package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useVirtualizerScrollViewDynamicStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';\nexport const virtualizerScrollViewDynamicClassNames = {\n  ...virtualizerClassNames,\n  container: `${virtualizerScrollViewDynamicClassName}__container`\n};\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    a9b677: \"fly5x3f\",\n    Bqenvij: \"f1l02sjl\"\n  },\n  vertical: {\n    Beiy3e4: \"f1vx9l62\",\n    Bmxbyg5: \"f5zp4f\"\n  },\n  horizontal: {\n    Beiy3e4: \"f1063pyq\",\n    B68tc82: \"f1oy3dpc\"\n  },\n  verticalReversed: {\n    Beiy3e4: \"f1gkdon0\",\n    Bmxbyg5: \"f5zp4f\"\n  },\n  horizontalReversed: {\n    Beiy3e4: \"f1oztnx0\",\n    B68tc82: \"f1oy3dpc\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f1vx9l62{flex-direction:column;}\", \".f5zp4f{overflow-y:auto;}\", \".f1063pyq{flex-direction:row;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewDynamicStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  // Default virtualizer styles base\n  useVirtualizerStyles_unstable(state);\n  const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n  // Add container styles\n  state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);\n  return state;\n};\n//# sourceMappingURL=useVirtualizerScrollViewDynamicStyles.styles.js.map"],"names":["virtualizerScrollViewDynamicClassNames","useVirtualizerScrollViewDynamicStyles_unstable","virtualizerScrollViewDynamicClassName","virtualizerClassNames","container","useStyles","__styles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","state","styles","useVirtualizerStyles_unstable","containerStyle","axis","reversed","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,sCAAsC;eAAtCA;;IAgCAC,8CAA8C;eAA9CA;;;4CAnCwD;uBAC9B;AACvC,MAAMC,wCAAwC;AACvC,MAAMF,yCAAyC;IACpD,GAAGG,iDAAqB;IACxBC,WAAW,CAAC,EAAEF,sCAAsC,WAAW,CAAC;AAClE;AACA,MAAMG,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTG,SAAS;IACX;IACAC,kBAAkB;QAChBJ,SAAS;QACTC,SAAS;IACX;IACAI,oBAAoB;QAClBL,SAAS;QACTG,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA2B;QAAyB;QAA2B;QAAqC;QAA6B;QAAkC;QAA+B;QAA6C;KAAyC;AAC9S;AAIO,MAAMjB,iDAAiDkB,CAAAA;IAC5D;IAEA,MAAMC,SAASf;IACf,kCAAkC;IAClCgB,IAAAA,yDAA6B,EAACF;IAC9B,MAAMG,iBAAiBH,MAAMI,IAAI,KAAK,eAAeJ,MAAMK,QAAQ,GAAGJ,OAAOH,kBAAkB,GAAGG,OAAON,UAAU,GAAGK,MAAMK,QAAQ,GAAGJ,OAAOJ,gBAAgB,GAAGI,OAAOT,QAAQ;IAChL,uBAAuB;IACvBQ,MAAMf,SAAS,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,uCAAuCI,SAAS,EAAEgB,OAAOb,IAAI,EAAEe,gBAAgBH,MAAMf,SAAS,CAACqB,SAAS;IACjJ,OAAON;AACT,GACA,wEAAwE"}

package/lib-commonjs/hooks/hooks.types.js

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

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

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

package/lib-commonjs/hooks/index.js

@@ -1,8 +1,10 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./useIntersectionObserver"), exports);
-//# sourceMappingURL=index.js.map
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./useIntersectionObserver"), exports);
+_export_star._(require("./useVirtualizerMeasure"), exports);
+_export_star._(require("./useDynamicVirtualizerMeasure"), exports);
+_export_star._(require("./useResizeObserverRef"), exports);
+_export_star._(require("./hooks.types"), exports);

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-virtualizer/src/hooks/index.ts"],"sourcesContent":["export * from './useIntersectionObserver';\n"]}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useIntersectionObserver';\nexport * from './useVirtualizerMeasure';\nexport * from './useDynamicVirtualizerMeasure';\nexport * from './useResizeObserverRef';\nexport * from './hooks.types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/hooks/useDynamicPagination.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDynamicVirtualizerPagination", {
+    enumerable: true,
+    get: function() {
+        return useDynamicVirtualizerPagination;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const useDynamicVirtualizerPagination = (virtualizerProps, paginationEnabled = true)=>{
+    'use no memo';
+    const { axis = 'vertical', currentIndex, progressiveItemSizes, virtualizerLength } = virtualizerProps;
+    const [setScrollTimer, clearScrollTimer] = (0, _reactutilities.useTimeout)();
+    const lastScrollPos = (0, _react.useRef)(-1);
+    const lastIndexScrolled = (0, _react.useRef)(-1);
+    const scrollContainer = _react.useRef(null);
+    const clearListeners = ()=>{
+        if (scrollContainer.current) {
+            scrollContainer.current.removeEventListener('scroll', onScroll);
+            scrollContainer.current = null;
+            clearScrollTimer();
+        }
+    };
+    _react.useEffect(()=>{
+        return ()=>{
+            clearListeners();
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    /**
+   * Handle scroll stop event and paginate to the closest item
+   * If the closest item is the same as the previous scroll end
+   * we paginate to the next/previous one based on direction
+   *
+   * Users/Virtualizer-Hooks must pass in a cumulative array of sizes
+   * This prevents the need to recalculate and ensures size arrays are synced externally
+   */ const onScrollEnd = _react.useCallback(()=>{
+        if (!scrollContainer.current || !paginationEnabled || !(progressiveItemSizes === null || progressiveItemSizes === void 0 ? void 0 : progressiveItemSizes.current)) {
+            // No container found
+            return;
+        }
+        const currentScrollPos = Math.round(axis === 'vertical' ? scrollContainer.current.scrollTop : scrollContainer.current.scrollLeft);
+        let closestItemPos = 0;
+        let closestItem = 0;
+        const endItem = Math.min(currentIndex + virtualizerLength, progressiveItemSizes.current.length);
+        for(let i = currentIndex; i < endItem - 1; i++){
+            if (currentScrollPos <= progressiveItemSizes.current[i + 1] && currentScrollPos >= progressiveItemSizes.current[i]) {
+                // Found our in between position
+                const distanceToPrev = Math.abs(currentScrollPos - progressiveItemSizes.current[i]);
+                const distanceToNext = Math.abs(progressiveItemSizes.current[i + 1] - currentScrollPos);
+                if (distanceToPrev < distanceToNext) {
+                    closestItem = i;
+                } else {
+                    closestItem = i + 1;
+                }
+                break;
+            }
+        }
+        let nextItem;
+        if (Math.round(closestItem - lastIndexScrolled.current) === 0) {
+            // Special case for go to next/previous with minimum amount of scroll needed
+            const nextTarget = lastScrollPos.current < currentScrollPos ? 1 : -1;
+            // This will also handle a case where we scrolled to the exact correct position (noop)
+            const isSecondaryScroll = Math.round(lastScrollPos.current - currentScrollPos) === 0;
+            const posMod = isSecondaryScroll ? 0 : nextTarget;
+            nextItem = closestItem + posMod;
+        } else {
+            // Pagination for anything else can just jump to the closest!
+            nextItem = closestItem;
+        }
+        // Safeguard nextItem
+        nextItem = Math.min(Math.max(0, nextItem), progressiveItemSizes.current.length);
+        closestItemPos = progressiveItemSizes.current[nextItem];
+        if (axis === 'vertical') {
+            scrollContainer.current.scrollTo({
+                top: closestItemPos,
+                behavior: 'smooth'
+            });
+        } else {
+            scrollContainer.current.scrollTo({
+                left: closestItemPos,
+                behavior: 'smooth'
+            });
+        }
+        lastScrollPos.current = progressiveItemSizes.current[nextItem];
+        lastIndexScrolled.current = nextItem;
+    }, [
+        paginationEnabled,
+        currentIndex,
+        scrollContainer,
+        virtualizerLength,
+        axis,
+        progressiveItemSizes
+    ]);
+    /**
+   * On scroll timer that will continuously delay callback until scrolling stops
+   */ const onScroll = _react.useCallback((event)=>{
+        clearScrollTimer();
+        setScrollTimer(onScrollEnd, 100);
+    }, [
+        onScrollEnd,
+        clearScrollTimer,
+        setScrollTimer
+    ]);
+    /**
+   * Pagination ref will ensure we attach listeners to containers on change
+   * It is returned from hook and merged into the scroll container externally
+   */ const paginationRef = _react.useCallback((instance)=>{
+        if (!paginationEnabled) {
+            clearListeners();
+            scrollContainer.current = null;
+            return;
+        }
+        if (scrollContainer.current !== instance) {
+            clearListeners();
+            scrollContainer.current = instance;
+            if (scrollContainer.current) {
+                scrollContainer.current.addEventListener('scroll', onScroll);
+            }
+        }
+    }, [
+        onScroll,
+        onScrollEnd,
+        paginationEnabled
+    ]);
+    return paginationRef;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useDynamicPagination.js"],"sourcesContent":["import * as React from 'react';\nimport { useRef } from 'react';\nimport { useTimeout } from '@fluentui/react-utilities';\n/**\n * Optional hook that will enable pagination on the virtualizer so that it 'autoscrolls' to an items exact position\n * Sizes are dynamic so we require a progressive sizing array (passed in from Dynamic virtualizer hooks)\n * On short scrolls, we will go at minimum to the next/previous item so that arrow pagination works\n * All VirtualizerDynamicPaginationProps can be grabbed from dynamic Virtualizer hooks externally and passed in\n */ export const useDynamicVirtualizerPagination = (virtualizerProps, paginationEnabled = true)=>{\n    'use no memo';\n    const { axis = 'vertical', currentIndex, progressiveItemSizes, virtualizerLength } = virtualizerProps;\n    const [setScrollTimer, clearScrollTimer] = useTimeout();\n    const lastScrollPos = useRef(-1);\n    const lastIndexScrolled = useRef(-1);\n    const scrollContainer = React.useRef(null);\n    const clearListeners = ()=>{\n        if (scrollContainer.current) {\n            scrollContainer.current.removeEventListener('scroll', onScroll);\n            scrollContainer.current = null;\n            clearScrollTimer();\n        }\n    };\n    React.useEffect(()=>{\n        return ()=>{\n            clearListeners();\n        };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    /**\n   * Handle scroll stop event and paginate to the closest item\n   * If the closest item is the same as the previous scroll end\n   * we paginate to the next/previous one based on direction\n   *\n   * Users/Virtualizer-Hooks must pass in a cumulative array of sizes\n   * This prevents the need to recalculate and ensures size arrays are synced externally\n   */ const onScrollEnd = React.useCallback(()=>{\n        if (!scrollContainer.current || !paginationEnabled || !(progressiveItemSizes === null || progressiveItemSizes === void 0 ? void 0 : progressiveItemSizes.current)) {\n            // No container found\n            return;\n        }\n        const currentScrollPos = Math.round(axis === 'vertical' ? scrollContainer.current.scrollTop : scrollContainer.current.scrollLeft);\n        let closestItemPos = 0;\n        let closestItem = 0;\n        const endItem = Math.min(currentIndex + virtualizerLength, progressiveItemSizes.current.length);\n        for(let i = currentIndex; i < endItem - 1; i++){\n            if (currentScrollPos <= progressiveItemSizes.current[i + 1] && currentScrollPos >= progressiveItemSizes.current[i]) {\n                // Found our in between position\n                const distanceToPrev = Math.abs(currentScrollPos - progressiveItemSizes.current[i]);\n                const distanceToNext = Math.abs(progressiveItemSizes.current[i + 1] - currentScrollPos);\n                if (distanceToPrev < distanceToNext) {\n                    closestItem = i;\n                } else {\n                    closestItem = i + 1;\n                }\n                break;\n            }\n        }\n        let nextItem;\n        if (Math.round(closestItem - lastIndexScrolled.current) === 0) {\n            // Special case for go to next/previous with minimum amount of scroll needed\n            const nextTarget = lastScrollPos.current < currentScrollPos ? 1 : -1;\n            // This will also handle a case where we scrolled to the exact correct position (noop)\n            const isSecondaryScroll = Math.round(lastScrollPos.current - currentScrollPos) === 0;\n            const posMod = isSecondaryScroll ? 0 : nextTarget;\n            nextItem = closestItem + posMod;\n        } else {\n            // Pagination for anything else can just jump to the closest!\n            nextItem = closestItem;\n        }\n        // Safeguard nextItem\n        nextItem = Math.min(Math.max(0, nextItem), progressiveItemSizes.current.length);\n        closestItemPos = progressiveItemSizes.current[nextItem];\n        if (axis === 'vertical') {\n            scrollContainer.current.scrollTo({\n                top: closestItemPos,\n                behavior: 'smooth'\n            });\n        } else {\n            scrollContainer.current.scrollTo({\n                left: closestItemPos,\n                behavior: 'smooth'\n            });\n        }\n        lastScrollPos.current = progressiveItemSizes.current[nextItem];\n        lastIndexScrolled.current = nextItem;\n    }, [\n        paginationEnabled,\n        currentIndex,\n        scrollContainer,\n        virtualizerLength,\n        axis,\n        progressiveItemSizes\n    ]);\n    /**\n   * On scroll timer that will continuously delay callback until scrolling stops\n   */ const onScroll = React.useCallback((event)=>{\n        clearScrollTimer();\n        setScrollTimer(onScrollEnd, 100);\n    }, [\n        onScrollEnd,\n        clearScrollTimer,\n        setScrollTimer\n    ]);\n    /**\n   * Pagination ref will ensure we attach listeners to containers on change\n   * It is returned from hook and merged into the scroll container externally\n   */ const paginationRef = React.useCallback((instance)=>{\n        if (!paginationEnabled) {\n            clearListeners();\n            scrollContainer.current = null;\n            return;\n        }\n        if (scrollContainer.current !== instance) {\n            clearListeners();\n            scrollContainer.current = instance;\n            if (scrollContainer.current) {\n                scrollContainer.current.addEventListener('scroll', onScroll);\n            }\n        }\n    }, // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n        onScroll,\n        onScrollEnd,\n        paginationEnabled\n    ]);\n    return paginationRef;\n};\n"],"names":["useDynamicVirtualizerPagination","virtualizerProps","paginationEnabled","axis","currentIndex","progressiveItemSizes","virtualizerLength","setScrollTimer","clearScrollTimer","useTimeout","lastScrollPos","useRef","lastIndexScrolled","scrollContainer","React","clearListeners","current","removeEventListener","onScroll","useEffect","onScrollEnd","useCallback","currentScrollPos","Math","round","scrollTop","scrollLeft","closestItemPos","closestItem","endItem","min","length","i","distanceToPrev","abs","distanceToNext","nextItem","nextTarget","isSecondaryScroll","posMod","max","scrollTo","top","behavior","left","event","paginationRef","instance","addEventListener"],"mappings":"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"}

package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDynamicVirtualizerMeasure", {
+    enumerable: true,
+    get: function() {
+        return useDynamicVirtualizerMeasure;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useResizeObserverRef = require("./useResizeObserverRef");
+const useDynamicVirtualizerMeasure = (virtualizerProps)=>{
+    const { defaultItemSize, direction = 'vertical', numItems, getItemSize, currentIndex } = virtualizerProps;
+    const indexRef = (0, _react.useRef)(currentIndex);
+    indexRef.current = currentIndex;
+    const [state, setState] = _react.useState({
+        virtualizerLength: 0,
+        virtualizerBufferItems: 0,
+        virtualizerBufferSize: 0
+    });
+    const { virtualizerLength, virtualizerBufferItems, virtualizerBufferSize } = state;
+    const container = _react.useRef(null);
+    const handleScrollResize = _react.useCallback((scrollRef)=>{
+        if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
+            // Error? ignore?
+            return;
+        }
+        if (scrollRef.current !== container.current) {
+            container.current = scrollRef.current;
+        }
+        const containerSize = direction === 'vertical' ? scrollRef.current.getBoundingClientRect().height : scrollRef.current.getBoundingClientRect().width;
+        let indexSizer = 0;
+        let length = 0;
+        while(indexSizer <= containerSize && length < numItems){
+            const iItemSize = getItemSize(indexRef.current + length);
+            // Increment
+            indexSizer += iItemSize;
+            length++;
+        }
+        /*
+       * Number of items to append at each end, i.e. 'preload' each side before entering view.
+       */ const bufferItems = Math.max(Math.floor(length / 4), 4);
+        /*
+       * This is how far we deviate into the bufferItems to detect a redraw.
+       */ const bufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);
+        const totalLength = length + bufferItems * 2 + 1;
+        setState({
+            virtualizerLength: totalLength,
+            virtualizerBufferSize: bufferSize,
+            virtualizerBufferItems: bufferItems
+        });
+    }, [
+        defaultItemSize,
+        direction,
+        getItemSize,
+        numItems
+    ]);
+    const resizeCallback = _react.useCallback((_entries, // eslint-disable-next-line no-restricted-globals
+    _observer, scrollRef)=>{
+        if (scrollRef) {
+            handleScrollResize(scrollRef);
+        }
+    }, [
+        handleScrollResize
+    ]);
+    const scrollRef = (0, _useResizeObserverRef.useResizeObserverRef_unstable)(resizeCallback);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        var _container_current, _container_current1;
+        if (!container.current) {
+            return;
+        }
+        const containerSize = direction === 'vertical' ? ((_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().height) * 1.5 : ((_container_current1 = container.current) === null || _container_current1 === void 0 ? void 0 : _container_current1.getBoundingClientRect().width) * 1.5;
+        let couldBeSmaller = false;
+        let recheckTotal = 0;
+        for(let i = currentIndex; i < currentIndex + virtualizerLength; i++){
+            const newItemSize = getItemSize(i);
+            recheckTotal += newItemSize;
+            const newLength = i - currentIndex;
+            const bufferItems = Math.max(Math.floor(newLength / 4), 2);
+            const totalNewLength = newLength + bufferItems * 2 + 4;
+            const compareLengths = totalNewLength < virtualizerLength;
+            if (recheckTotal > containerSize && compareLengths) {
+                couldBeSmaller = true;
+                break;
+            }
+        }
+        // Check if the render has caused us to need a re-calc of virtualizer length
+        if (recheckTotal < containerSize || couldBeSmaller) {
+            handleScrollResize(container);
+        }
+    }, [
+        getItemSize,
+        currentIndex,
+        direction,
+        virtualizerLength,
+        resizeCallback,
+        handleScrollResize
+    ]);
+    return {
+        virtualizerLength,
+        bufferItems: virtualizerBufferItems,
+        bufferSize: virtualizerBufferSize,
+        scrollRef
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useDynamicVirtualizerMeasure.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\nimport { useRef } from 'react';\n/**\n * React hook that measures virtualized space dynamically to ensure optimized virtualization length.\n */ export const useDynamicVirtualizerMeasure = (virtualizerProps)=>{\n    const { defaultItemSize, direction = 'vertical', numItems, getItemSize, currentIndex } = virtualizerProps;\n    const indexRef = useRef(currentIndex);\n    indexRef.current = currentIndex;\n    const [state, setState] = React.useState({\n        virtualizerLength: 0,\n        virtualizerBufferItems: 0,\n        virtualizerBufferSize: 0\n    });\n    const { virtualizerLength, virtualizerBufferItems, virtualizerBufferSize } = state;\n    const container = React.useRef(null);\n    const handleScrollResize = React.useCallback((scrollRef)=>{\n        if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {\n            // Error? ignore?\n            return;\n        }\n        if (scrollRef.current !== container.current) {\n            container.current = scrollRef.current;\n        }\n        const containerSize = direction === 'vertical' ? scrollRef.current.getBoundingClientRect().height : scrollRef.current.getBoundingClientRect().width;\n        let indexSizer = 0;\n        let length = 0;\n        while(indexSizer <= containerSize && length < numItems){\n            const iItemSize = getItemSize(indexRef.current + length);\n            // Increment\n            indexSizer += iItemSize;\n            length++;\n        }\n        /*\n       * Number of items to append at each end, i.e. 'preload' each side before entering view.\n       */ const bufferItems = Math.max(Math.floor(length / 4), 4);\n        /*\n       * This is how far we deviate into the bufferItems to detect a redraw.\n       */ const bufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);\n        const totalLength = length + bufferItems * 2 + 1;\n        setState({\n            virtualizerLength: totalLength,\n            virtualizerBufferSize: bufferSize,\n            virtualizerBufferItems: bufferItems\n        });\n    }, [\n        defaultItemSize,\n        direction,\n        getItemSize,\n        numItems\n    ]);\n    const resizeCallback = React.useCallback((_entries, // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286\n    // eslint-disable-next-line no-restricted-globals\n    _observer, scrollRef)=>{\n        if (scrollRef) {\n            handleScrollResize(scrollRef);\n        }\n    }, [\n        handleScrollResize\n    ]);\n    const scrollRef = useResizeObserverRef_unstable(resizeCallback);\n    useIsomorphicLayoutEffect(()=>{\n        var _container_current, _container_current1;\n        if (!container.current) {\n            return;\n        }\n        const containerSize = direction === 'vertical' ? ((_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().height) * 1.5 : ((_container_current1 = container.current) === null || _container_current1 === void 0 ? void 0 : _container_current1.getBoundingClientRect().width) * 1.5;\n        let couldBeSmaller = false;\n        let recheckTotal = 0;\n        for(let i = currentIndex; i < currentIndex + virtualizerLength; i++){\n            const newItemSize = getItemSize(i);\n            recheckTotal += newItemSize;\n            const newLength = i - currentIndex;\n            const bufferItems = Math.max(Math.floor(newLength / 4), 2);\n            const totalNewLength = newLength + bufferItems * 2 + 4;\n            const compareLengths = totalNewLength < virtualizerLength;\n            if (recheckTotal > containerSize && compareLengths) {\n                couldBeSmaller = true;\n                break;\n            }\n        }\n        // Check if the render has caused us to need a re-calc of virtualizer length\n        if (recheckTotal < containerSize || couldBeSmaller) {\n            handleScrollResize(container);\n        }\n    }, [\n        getItemSize,\n        currentIndex,\n        direction,\n        virtualizerLength,\n        resizeCallback,\n        handleScrollResize\n    ]);\n    return {\n        virtualizerLength,\n        bufferItems: virtualizerBufferItems,\n        bufferSize: virtualizerBufferSize,\n        scrollRef\n    };\n};\n"],"names":["useDynamicVirtualizerMeasure","virtualizerProps","defaultItemSize","direction","numItems","getItemSize","currentIndex","indexRef","useRef","current","state","setState","React","useState","virtualizerLength","virtualizerBufferItems","virtualizerBufferSize","container","handleScrollResize","useCallback","scrollRef","containerSize","getBoundingClientRect","height","width","indexSizer","length","iItemSize","bufferItems","Math","max","floor","bufferSize","totalLength","resizeCallback","_entries","_observer","useResizeObserverRef_unstable","useIsomorphicLayoutEffect","_container_current","_container_current1","couldBeSmaller","recheckTotal","i","newItemSize","newLength","totalNewLength","compareLengths"],"mappings":"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"}