@fluentui/react-virtualizer 9.0.0-alpha.3 → 9.0.0-alpha.31

package/lib-commonjs/index.js

@@ -1,45 +1,40 @@
 "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: ()=>_virtualizer.Virtualizer,
+    virtualizerClassNames: ()=>_virtualizer.virtualizerClassNames,
+    useVirtualizer_unstable: ()=>_virtualizer.useVirtualizer_unstable,
+    renderVirtualizer_unstable: ()=>_virtualizer.renderVirtualizer_unstable,
+    useVirtualizerStyles_unstable: ()=>_virtualizer.useVirtualizerStyles_unstable,
+    useIntersectionObserver: ()=>_hooks.useIntersectionObserver,
+    useStaticVirtualizerMeasure: ()=>_hooks.useStaticVirtualizerMeasure,
+    useDynamicVirtualizerMeasure: ()=>_hooks.useDynamicVirtualizerMeasure,
+    useResizeObserverRef_unstable: ()=>_hooks.useResizeObserverRef_unstable,
+    VirtualizerContextProvider: ()=>_utilities.VirtualizerContextProvider,
+    useVirtualizerContext_unstable: ()=>_utilities.useVirtualizerContext_unstable,
+    scrollToItemStatic: ()=>_utilities.scrollToItemStatic,
+    scrollToItemDynamic: ()=>_utilities.scrollToItemDynamic,
+    VirtualizerScrollView: ()=>_virtualizerScrollView.VirtualizerScrollView,
+    virtualizerScrollViewClassNames: ()=>_virtualizerScrollView.virtualizerScrollViewClassNames,
+    useVirtualizerScrollView_unstable: ()=>_virtualizerScrollView.useVirtualizerScrollView_unstable,
+    renderVirtualizerScrollView_unstable: ()=>_virtualizerScrollView.renderVirtualizerScrollView_unstable,
+    useVirtualizerScrollViewStyles_unstable: ()=>_virtualizerScrollView.useVirtualizerScrollViewStyles_unstable,
+    VirtualizerScrollViewDynamic: ()=>_virtualizerScrollViewDynamic.VirtualizerScrollViewDynamic,
+    virtualizerScrollViewDynamicClassNames: ()=>_virtualizerScrollViewDynamic.virtualizerScrollViewDynamicClassNames,
+    useVirtualizerScrollViewDynamic_unstable: ()=>_virtualizerScrollViewDynamic.useVirtualizerScrollViewDynamic_unstable,
+    renderVirtualizerScrollViewDynamic_unstable: ()=>_virtualizerScrollViewDynamic.renderVirtualizerScrollViewDynamic_unstable,
+    useVirtualizerScrollViewDynamicStyles_unstable: ()=>_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,MAAXA,wBAAW;IAAEC,qBAAqB,MAArBA,kCAAqB;IAAEC,uBAAuB,MAAvBA,oCAAuB;IAAEC,0BAA0B,MAA1BA,uCAA0B;IAAEC,6BAA6B,MAA7BA,0CAA6B;IACtHC,uBAAuB,MAAvBA,8BAAuB;IAAEC,2BAA2B,MAA3BA,kCAA2B;IAAEC,4BAA4B,MAA5BA,mCAA4B;IAAEC,6BAA6B,MAA7BA,oCAA6B;IACjHC,0BAA0B,MAA1BA,qCAA0B;IAAEC,8BAA8B,MAA9BA,yCAA8B;IAAEC,kBAAkB,MAAlBA,6BAAkB;IAAEC,mBAAmB,MAAnBA,8BAAmB;IACnGC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,iCAAiC,MAAjCA,wDAAiC;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IACxKC,4BAA4B,MAA5BA,0DAA4B;IAAEC,sCAAsC,MAAtCA,oEAAsC;IAAEC,wCAAwC,MAAxCA,sEAAwC;IAAEC,2CAA2C,MAA3CA,yEAA2C;IAAEC,8CAA8C,MAA9CA,4EAA8C;;6BAJ7E;uBACL;2BACd;uCACqE;8CACmC"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "scrollToItemStatic", {
+    enumerable: true,
+    get: ()=>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;;aAAAA;;AAAN,MAAMA,qBAAqB,CAACC,SAAS;IACxC,MAAM,EAAEC,MAAK,EAAGC,SAAQ,EAAGC,WAAU,EAAGC,cAAa,EAAGC,MAAM,WAAU,EAAGC,UAAU,KAAK,CAAA,EAAGC,UAAU,OAAM,EAAG,GAAGP;IACnH,IAAIK,SAAS,cAAc;QACvB,IAAIC,UAAU;YACV,IAAIE;YACHA,CAAAA,yBAAyBJ,cAAcK,OAAO,AAAD,MAAO,IAAI,IAAID,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBE,QAAQ,CAAC;gBACtIC,MAAMR,aAAaD,WAAWA,WAAWD;gBACzCM;YACJ,EAAE;QACN,OAAO;YACH,IAAIK;YACHA,CAAAA,0BAA0BR,cAAcK,OAAO,AAAD,MAAO,IAAI,IAAIG,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBF,QAAQ,CAAC;gBACzIC,MAAMT,WAAWD;gBACjBM;YACJ,EAAE;QACN,CAAC;IACL,OAAO;QACH,IAAID,UAAU;YACV,IAAIO;YACHA,CAAAA,0BAA0BT,cAAcK,OAAO,AAAD,MAAO,IAAI,IAAII,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBH,QAAQ,CAAC;gBACzII,KAAKX,aAAaD,WAAWA,WAAWD;gBACxCM;YACJ,EAAE;QACN,OAAO;YACH,IAAIQ;YACHA,CAAAA,0BAA0BX,cAAcK,OAAO,AAAD,MAAO,IAAI,IAAIM,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBL,QAAQ,CAAC;gBACzII,KAAKZ,WAAWD;gBAChBM;YACJ,EAAE;QACN,CAAC;IACL,CAAC;AACL"}

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,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "scrollToItemDynamic", {
+    enumerable: true,
+    get: ()=>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;;aAAAA;;AAAN,MAAMA,sBAAsB,CAACC,SAAS;IACzC,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAGC,UAAS,EAAGC,cAAa,EAAGC,MAAM,WAAU,EAAGC,UAAU,KAAK,CAAA,EAAGC,UAAU,OAAM,EAAG,GAAGP;IACnH,IAAI,CAACE,UAAUM,OAAO,EAAE;QACpB;IACJ,CAAC;IACD,IAAIN,UAAUM,OAAO,KAAK,IAAI,IAAIN,UAAUM,OAAO,CAACC,MAAM,GAAGR,OAAO;QAChE,qBAAqB;QACrB;IACJ,CAAC;IACD,IAAIS,YAAY;IAChB,IAAI,IAAIC,IAAI,GAAGA,IAAIV,OAAOU,IAAI;QAC1B,IAAIA,IAAIV,OAAO;YACXS,aAAaR,UAAUM,OAAO,CAACG,EAAE;QACrC,CAAC;IACL;IACA,IAAIN,SAAS,cAAc;QACvB,IAAIC,UAAU;YACV,IAAIM;YACHA,CAAAA,yBAAyBR,cAAcI,OAAO,AAAD,MAAO,IAAI,IAAII,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBC,QAAQ,CAAC;gBACtIC,MAAMX,YAAYO;gBAClBH;YACJ,EAAE;QACN,OAAO;YACH,IAAIQ;YACHA,CAAAA,0BAA0BX,cAAcI,OAAO,AAAD,MAAO,IAAI,IAAIO,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBF,QAAQ,CAAC;gBACzIC,MAAMJ;gBACNH;YACJ,EAAE;QACN,CAAC;IACL,OAAO;QACH,IAAID,UAAU;YACV,IAAIU;YACHA,CAAAA,0BAA0BZ,cAAcI,OAAO,AAAD,MAAO,IAAI,IAAIQ,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBH,QAAQ,CAAC;gBACzII,KAAKd,YAAYO;gBACjBH;YACJ,EAAE;QACN,OAAO;YACH,IAAIW;YACHA,CAAAA,0BAA0Bd,cAAcI,OAAO,AAAD,MAAO,IAAI,IAAIU,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBL,QAAQ,CAAC;gBACzII,KAAKP;gBACLH;YACJ,EAAE;QACN,CAAC;IACL,CAAC;AACL"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./imperativeScrolling"), exports);
+_exportStar(require("./imperativeScrolling.types"), exports);
+_exportStar(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":";;;;;oBAAc;oBACA;oBACA"}

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

@@ -0,0 +1,46 @@
+"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: ()=>VirtualizerContextProvider,
+    useVirtualizerContext_unstable: ()=>useVirtualizerContext_unstable,
+    useVirtualizerContextState_unstable: ()=>useVirtualizerContextState_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(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);
+    var _ref;
+    /* 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)(()=>(_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    var _ref;\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(()=>(_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {\n            contextIndex: _contextIndex,\n            setContextIndex: _setContextIndex\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","_ref","_context","useMemo","contextIndex","setContextIndex","context"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B,MAA1BA;IACAC,8BAA8B,MAA9BA;IAGAC,mCAAmC,MAAnCA;;;6DAPU;AAEvB,MAAMC,mCAAqBC,OAAMC,aAAa,CAACC;AACxC,MAAMN,6BAA6BG,mBAAmBI,QAAQ;AAC9D,MAAMN,iCAAiC,IAAI;IAC9C,OAAOG,OAAMI,UAAU,CAACL;AAC5B;AACO,MAAMD,sCAAsC,CAACO,gBAAgB;IAChE,MAAMC,qBAAqBT;IAC3B,MAAM,CAACU,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IACpD,IAAIC;IACJ;;GAED,GAAG,MAAMC,WAAWC,IAAAA,cAAO,EAAC,IAAI,AAACF,CAAAA,OAAOL,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgBC,kBAAkB,AAAD,MAAO,IAAI,IAAII,SAAS,KAAK,IAAIA,OAAO;YAC7JG,cAAcN;YACdO,iBAAiBN;QACrB,CAAC,EAAE;QACHD;QACAF;QACAC;KACH;IACD,MAAMS,UAAUH,IAAAA,cAAO,EAAC,IAAI;QACxB,OAAO;YACHC,cAAcF,SAASE,YAAY;YACnCC,iBAAiBH,SAASG,eAAe;QAC7C;IACJ,GAAG;QACCH;KACH;IACD,OAAOI;AACX"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./VirtualizerContext"), exports);
+_exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * {@docCategory Virtualizer}
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["types.js"],"sourcesContent":["/**\n * {@docCategory Virtualizer}\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}

package/lib-commonjs/utilities/debounce.js

@@ -0,0 +1,27 @@
+/**
+ * Microtask debouncer
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide
+ * @param fn - Function to debounce
+ * @returns debounced function
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "debounce", {
+    enumerable: true,
+    get: ()=>debounce
+});
+function debounce(fn) {
+    let pending;
+    return ()=>{
+        if (!pending) {
+            pending = true;
+            queueMicrotask(()=>{
+                // Need to set pending to `false` before the debounced function is run.
+                // React can actually interrupt the function while it's running!
+                pending = false;
+                fn();
+            });
+        }
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["debounce.js"],"sourcesContent":["/**\n * Microtask debouncer\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide\n * @param fn - Function to debounce\n * @returns debounced function\n */ export function debounce(fn) {\n    let pending;\n    return ()=>{\n        if (!pending) {\n            pending = true;\n            queueMicrotask(()=>{\n                // Need to set pending to `false` before the debounced function is run.\n                // React can actually interrupt the function while it's running!\n                pending = false;\n                fn();\n            });\n        }\n    };\n}\n"],"names":["debounce","fn","pending","queueMicrotask"],"mappings":"AAAA;;;;;CAKC;;;;+BAAmBA;;aAAAA;;AAAT,SAASA,SAASC,EAAE,EAAE;IAC7B,IAAIC;IACJ,OAAO,IAAI;QACP,IAAI,CAACA,SAAS;YACVA,UAAU,IAAI;YACdC,eAAe,IAAI;gBACf,uEAAuE;gBACvE,gEAAgE;gBAChED,UAAU,KAAK;gBACfD;YACJ;QACJ,CAAC;IACL;AACJ"}

package/lib-commonjs/utilities/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./VirtualizerContext"), exports);
+_exportStar(require("./ImperativeScrolling"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './VirtualizerContext';\nexport * from './ImperativeScrolling';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.3",
+  "version": "9.0.0-alpha.31",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,26 +20,28 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "start": "yarn storybook",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
-    "type-check": "tsc -b tsconfig.json"
+    "generate-api": "just-scripts generate-api",
+    "type-check": "tsc -b tsconfig.json",
+    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.5.1",
-    "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@fluentui/react-utilities": "^9.11.0",
+    "@griffel/react": "^1.5.14",
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <18.0.0",
-    "@types/react-dom": ">=16.8.0 <18.0.0",
-    "react": ">=16.8.0 <18.0.0",
-    "react-dom": ">=16.8.0 <18.0.0"
+    "@types/react": ">=16.8.0 <19.0.0",
+    "@types/react-dom": ">=16.8.0 <19.0.0",
+    "react": ">=16.8.0 <19.0.0",
+    "react-dom": ">=16.8.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [
@@ -51,6 +53,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib/components/Virtualizer/useVirtualizerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"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","names":["mergeClasses","virtualizerClassName","virtualizerClassNames","before","beforeContainer","after","afterContainer","useStyles","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","horizontal","className","base","relative","vertical","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"sourceRoot":"../src/","sources":["packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizerStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { VirtualizerSlots, VirtualizerState } from './Virtualizer.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames: SlotClassNames<VirtualizerSlots> = {\n  before: `${virtualizerClassName}__before`,\n  beforeContainer: `${virtualizerClassName}__beforeContainer`,\n  after: `${virtualizerClassName}__after`,\n  afterContainer: `${virtualizerClassName}__afterContainer`,\n};\n\nconst useStyles = makeStyles({\n  base: {\n    display: 'block',\n    pointerEvents: 'none',\n  },\n  relative: {\n    position: 'relative',\n  },\n  horizontal: {\n    minHeight: '100%',\n  },\n  vertical: {\n    minWidth: '100%',\n  },\n});\n\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerStyles_unstable = (state: VirtualizerState): VirtualizerState => {\n  const styles = useStyles();\n  const { reversed, axis, beforeBufferHeight, afterBufferHeight, bufferSize } = state;\n  const horizontal = axis === 'horizontal';\n\n  state.before.className = mergeClasses(\n    virtualizerClassNames.before,\n    styles.base,\n    styles.relative,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.before.className,\n  );\n\n  state.after.className = mergeClasses(\n    virtualizerClassNames.after,\n    styles.base,\n    styles.relative,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.after.className,\n  );\n\n  state.beforeContainer.className = mergeClasses(\n    virtualizerClassNames.beforeContainer,\n    styles.base,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.beforeContainer.className,\n  );\n\n  state.afterContainer.className = mergeClasses(\n    virtualizerClassNames.afterContainer,\n    styles.base,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.afterContainer.className,\n  );\n\n  const beforeHeightPx = beforeBufferHeight + 'px';\n  const afterHeightPx = afterBufferHeight + 'px';\n  const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';\n  const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';\n  const bufferPx = bufferSize + 'px';\n\n  const beforeBuffer = {\n    // Column\n    ...(!reversed && !horizontal && { marginBottom: `-${bufferPx}` }),\n    // Column-Reverse\n    ...(reversed && !horizontal && { marginTop: `-${bufferPx}` }),\n    // Row\n    ...(!reversed && horizontal && { marginLeft: `-${bufferPx}` }),\n    // Row-Reverse\n    ...(reversed && horizontal && { marginRight: `-${bufferPx}` }),\n  };\n\n  const afterBuffer = {\n    // Column\n    ...(!reversed && !horizontal && { marginTop: `-${bufferPx}` }),\n    // Column-Reverse\n    ...(reversed && !horizontal && { marginBottom: `-${bufferPx}` }),\n    // Row\n    ...(!reversed && horizontal && { marginLeft: `-${bufferPx}` }),\n    // Row-Reverse\n    ...(reversed && horizontal && { marginRight: `-${bufferPx}` }),\n  };\n\n  state.before.style = {\n    height: horizontal ? '100%' : beforeBufferHeightPx,\n    width: horizontal ? beforeBufferHeightPx : '100%',\n    ...beforeBuffer,\n    ...state.before.style,\n  };\n\n  state.beforeContainer.style = {\n    height: horizontal ? 'auto' : beforeHeightPx,\n    width: horizontal ? beforeHeightPx : 'auto',\n    ...state.beforeContainer.style,\n  };\n\n  state.after.style = {\n    height: horizontal ? '100%' : afterBufferHeightPx,\n    width: horizontal ? afterBufferHeightPx : '100%',\n    ...afterBuffer,\n    ...state.after.style,\n  };\n\n  state.afterContainer.style = {\n    height: horizontal ? 'auto' : afterHeightPx,\n    width: horizontal ? afterHeightPx : 'auto',\n    ...state.afterContainer.style,\n  };\n\n  return state;\n};\n"]}

package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useVirtualizerStyles_unstable = exports.virtualizerClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const virtualizerClassName = 'fui-Virtualizer';
-exports.virtualizerClassNames = {
-  before: `${virtualizerClassName}__before`,
-  beforeContainer: `${virtualizerClassName}__beforeContainer`,
-  after: `${virtualizerClassName}__after`,
-  afterContainer: `${virtualizerClassName}__afterContainer`
-};
-const useStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "ftgm304",
-    Bkecrkj: "f1aehjj5"
-  },
-  relative: {
-    qhf8xq: "f10pi13n"
-  },
-  horizontal: {
-    sshi5w: "fan4evk"
-  },
-  vertical: {
-    Bf4jedk: "f11qra4b"
-  }
-}, {
-  d: [".ftgm304{display:block;}", ".f1aehjj5{pointer-events:none;}", ".f10pi13n{position:relative;}", ".fan4evk{min-height:100%;}", ".f11qra4b{min-width:100%;}"]
-});
-/**
- * Apply styling to the Virtualizer states
- */
-const useVirtualizerStyles_unstable = state => {
-  const styles = useStyles();
-  const {
-    reversed,
-    axis,
-    beforeBufferHeight,
-    afterBufferHeight,
-    bufferSize
-  } = state;
-  const horizontal = axis === 'horizontal';
-  state.before.className = react_1.mergeClasses(exports.virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);
-  state.after.className = react_1.mergeClasses(exports.virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);
-  state.beforeContainer.className = react_1.mergeClasses(exports.virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);
-  state.afterContainer.className = react_1.mergeClasses(exports.virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);
-  const beforeHeightPx = beforeBufferHeight + 'px';
-  const afterHeightPx = afterBufferHeight + 'px';
-  const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';
-  const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';
-  const bufferPx = bufferSize + 'px';
-  const beforeBuffer = {
-    // Column
-    ...(!reversed && !horizontal && {
-      marginBottom: `-${bufferPx}`
-    }),
-    // Column-Reverse
-    ...(reversed && !horizontal && {
-      marginTop: `-${bufferPx}`
-    }),
-    // Row
-    ...(!reversed && horizontal && {
-      marginLeft: `-${bufferPx}`
-    }),
-    // Row-Reverse
-    ...(reversed && horizontal && {
-      marginRight: `-${bufferPx}`
-    })
-  };
-  const afterBuffer = {
-    // Column
-    ...(!reversed && !horizontal && {
-      marginTop: `-${bufferPx}`
-    }),
-    // Column-Reverse
-    ...(reversed && !horizontal && {
-      marginBottom: `-${bufferPx}`
-    }),
-    // Row
-    ...(!reversed && horizontal && {
-      marginLeft: `-${bufferPx}`
-    }),
-    // Row-Reverse
-    ...(reversed && horizontal && {
-      marginRight: `-${bufferPx}`
-    })
-  };
-  state.before.style = {
-    height: horizontal ? '100%' : beforeBufferHeightPx,
-    width: horizontal ? beforeBufferHeightPx : '100%',
-    ...beforeBuffer,
-    ...state.before.style
-  };
-  state.beforeContainer.style = {
-    height: horizontal ? 'auto' : beforeHeightPx,
-    width: horizontal ? beforeHeightPx : 'auto',
-    ...state.beforeContainer.style
-  };
-  state.after.style = {
-    height: horizontal ? '100%' : afterBufferHeightPx,
-    width: horizontal ? afterBufferHeightPx : '100%',
-    ...afterBuffer,
-    ...state.after.style
-  };
-  state.afterContainer.style = {
-    height: horizontal ? 'auto' : afterHeightPx,
-    width: horizontal ? afterHeightPx : 'auto',
-    ...state.afterContainer.style
-  };
-  return state;
-};
-exports.useVirtualizerStyles_unstable = useVirtualizerStyles_unstable;
-//# sourceMappingURL=useVirtualizerStyles.js.map

package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":";;;;;;AAAA;AAIA,MAAMA,oBAAoB,GAAG,iBAAiB;AACjCC,6BAAqB,GAAqC;EACrEC,MAAM,EAAE,GAAGF,oBAAoB,UAAU;EACzCG,eAAe,EAAE,GAAGH,oBAAoB,mBAAmB;EAC3DI,KAAK,EAAE,GAAGJ,oBAAoB,SAAS;EACvCK,cAAc,EAAE,GAAGL,oBAAoB;CACxC;AAED,MAAMM,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAc1B;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGJ,SAAS,EAAE;EAC1B,MAAM;IAAEK,QAAQ;IAAEC,IAAI;IAAEC,kBAAkB;IAAEC,iBAAiB;IAAEC;EAAU,CAAE,GAAGN,KAAK;EACnF,MAAMO,UAAU,GAAGJ,IAAI,KAAK,YAAY;EAExCH,KAAK,CAACP,MAAM,CAACe,SAAS,GAAGV,oBAAY,CACnCN,6BAAqB,CAACC,MAAM,EAC5BQ,MAAM,CAACQ,IAAI,EACXR,MAAM,CAACS,QAAQ,EACfH,UAAU,GAAGN,MAAM,CAACM,UAAU,GAAGN,MAAM,CAACU,QAAQ,EAChDX,KAAK,CAACP,MAAM,CAACe,SAAS,CACvB;EAEDR,KAAK,CAACL,KAAK,CAACa,SAAS,GAAGV,oBAAY,CAClCN,6BAAqB,CAACG,KAAK,EAC3BM,MAAM,CAACQ,IAAI,EACXR,MAAM,CAACS,QAAQ,EACfH,UAAU,GAAGN,MAAM,CAACM,UAAU,GAAGN,MAAM,CAACU,QAAQ,EAChDX,KAAK,CAACL,KAAK,CAACa,SAAS,CACtB;EAEDR,KAAK,CAACN,eAAe,CAACc,SAAS,GAAGV,oBAAY,CAC5CN,6BAAqB,CAACE,eAAe,EACrCO,MAAM,CAACQ,IAAI,EACXF,UAAU,GAAGN,MAAM,CAACM,UAAU,GAAGN,MAAM,CAACU,QAAQ,EAChDX,KAAK,CAACN,eAAe,CAACc,SAAS,CAChC;EAEDR,KAAK,CAACJ,cAAc,CAACY,SAAS,GAAGV,oBAAY,CAC3CN,6BAAqB,CAACI,cAAc,EACpCK,MAAM,CAACQ,IAAI,EACXF,UAAU,GAAGN,MAAM,CAACM,UAAU,GAAGN,MAAM,CAACU,QAAQ,EAChDX,KAAK,CAACJ,cAAc,CAACY,SAAS,CAC/B;EAED,MAAMI,cAAc,GAAGR,kBAAkB,GAAG,IAAI;EAChD,MAAMS,aAAa,GAAGR,iBAAiB,GAAG,IAAI;EAC9C,MAAMS,oBAAoB,GAAGV,kBAAkB,GAAGE,UAAU,GAAG,IAAI;EACnE,MAAMS,mBAAmB,GAAGV,iBAAiB,GAAGC,UAAU,GAAG,IAAI;EACjE,MAAMU,QAAQ,GAAGV,UAAU,GAAG,IAAI;EAElC,MAAMW,YAAY,GAAG;IACnB;IACA,IAAI,CAACf,QAAQ,IAAI,CAACK,UAAU,IAAI;MAAEW,YAAY,EAAE,IAAIF,QAAQ;IAAE,CAAE,CAAC;IACjE;IACA,IAAId,QAAQ,IAAI,CAACK,UAAU,IAAI;MAAEY,SAAS,EAAE,IAAIH,QAAQ;IAAE,CAAE,CAAC;IAC7D;IACA,IAAI,CAACd,QAAQ,IAAIK,UAAU,IAAI;MAAEa,UAAU,EAAE,IAAIJ,QAAQ;IAAE,CAAE,CAAC;IAC9D;IACA,IAAId,QAAQ,IAAIK,UAAU,IAAI;MAAEc,WAAW,EAAE,IAAIL,QAAQ;IAAE,CAAE;GAC9D;EAED,MAAMM,WAAW,GAAG;IAClB;IACA,IAAI,CAACpB,QAAQ,IAAI,CAACK,UAAU,IAAI;MAAEY,SAAS,EAAE,IAAIH,QAAQ;IAAE,CAAE,CAAC;IAC9D;IACA,IAAId,QAAQ,IAAI,CAACK,UAAU,IAAI;MAAEW,YAAY,EAAE,IAAIF,QAAQ;IAAE,CAAE,CAAC;IAChE;IACA,IAAI,CAACd,QAAQ,IAAIK,UAAU,IAAI;MAAEa,UAAU,EAAE,IAAIJ,QAAQ;IAAE,CAAE,CAAC;IAC9D;IACA,IAAId,QAAQ,IAAIK,UAAU,IAAI;MAAEc,WAAW,EAAE,IAAIL,QAAQ;IAAE,CAAE;GAC9D;EAEDhB,KAAK,CAACP,MAAM,CAAC8B,KAAK,GAAG;IACnBC,MAAM,EAAEjB,UAAU,GAAG,MAAM,GAAGO,oBAAoB;IAClDW,KAAK,EAAElB,UAAU,GAAGO,oBAAoB,GAAG,MAAM;IACjD,GAAGG,YAAY;IACf,GAAGjB,KAAK,CAACP,MAAM,CAAC8B;GACjB;EAEDvB,KAAK,CAACN,eAAe,CAAC6B,KAAK,GAAG;IAC5BC,MAAM,EAAEjB,UAAU,GAAG,MAAM,GAAGK,cAAc;IAC5Ca,KAAK,EAAElB,UAAU,GAAGK,cAAc,GAAG,MAAM;IAC3C,GAAGZ,KAAK,CAACN,eAAe,CAAC6B;GAC1B;EAEDvB,KAAK,CAACL,KAAK,CAAC4B,KAAK,GAAG;IAClBC,MAAM,EAAEjB,UAAU,GAAG,MAAM,GAAGQ,mBAAmB;IACjDU,KAAK,EAAElB,UAAU,GAAGQ,mBAAmB,GAAG,MAAM;IAChD,GAAGO,WAAW;IACd,GAAGtB,KAAK,CAACL,KAAK,CAAC4B;GAChB;EAEDvB,KAAK,CAACJ,cAAc,CAAC2B,KAAK,GAAG;IAC3BC,MAAM,EAAEjB,UAAU,GAAG,MAAM,GAAGM,aAAa;IAC3CY,KAAK,EAAElB,UAAU,GAAGM,aAAa,GAAG,MAAM;IAC1C,GAAGb,KAAK,CAACJ,cAAc,CAAC2B;GACzB;EAED,OAAOvB,KAAK;AACd,CAAC;AA1FYR,qCAA6B","names":["virtualizerClassName","exports","before","beforeContainer","after","afterContainer","useStyles","react_1","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","horizontal","className","base","relative","vertical","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"sourceRoot":"../src/","sources":["packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizerStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { VirtualizerSlots, VirtualizerState } from './Virtualizer.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames: SlotClassNames<VirtualizerSlots> = {\n  before: `${virtualizerClassName}__before`,\n  beforeContainer: `${virtualizerClassName}__beforeContainer`,\n  after: `${virtualizerClassName}__after`,\n  afterContainer: `${virtualizerClassName}__afterContainer`,\n};\n\nconst useStyles = makeStyles({\n  base: {\n    display: 'block',\n    pointerEvents: 'none',\n  },\n  relative: {\n    position: 'relative',\n  },\n  horizontal: {\n    minHeight: '100%',\n  },\n  vertical: {\n    minWidth: '100%',\n  },\n});\n\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerStyles_unstable = (state: VirtualizerState): VirtualizerState => {\n  const styles = useStyles();\n  const { reversed, axis, beforeBufferHeight, afterBufferHeight, bufferSize } = state;\n  const horizontal = axis === 'horizontal';\n\n  state.before.className = mergeClasses(\n    virtualizerClassNames.before,\n    styles.base,\n    styles.relative,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.before.className,\n  );\n\n  state.after.className = mergeClasses(\n    virtualizerClassNames.after,\n    styles.base,\n    styles.relative,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.after.className,\n  );\n\n  state.beforeContainer.className = mergeClasses(\n    virtualizerClassNames.beforeContainer,\n    styles.base,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.beforeContainer.className,\n  );\n\n  state.afterContainer.className = mergeClasses(\n    virtualizerClassNames.afterContainer,\n    styles.base,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.afterContainer.className,\n  );\n\n  const beforeHeightPx = beforeBufferHeight + 'px';\n  const afterHeightPx = afterBufferHeight + 'px';\n  const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';\n  const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';\n  const bufferPx = bufferSize + 'px';\n\n  const beforeBuffer = {\n    // Column\n    ...(!reversed && !horizontal && { marginBottom: `-${bufferPx}` }),\n    // Column-Reverse\n    ...(reversed && !horizontal && { marginTop: `-${bufferPx}` }),\n    // Row\n    ...(!reversed && horizontal && { marginLeft: `-${bufferPx}` }),\n    // Row-Reverse\n    ...(reversed && horizontal && { marginRight: `-${bufferPx}` }),\n  };\n\n  const afterBuffer = {\n    // Column\n    ...(!reversed && !horizontal && { marginTop: `-${bufferPx}` }),\n    // Column-Reverse\n    ...(reversed && !horizontal && { marginBottom: `-${bufferPx}` }),\n    // Row\n    ...(!reversed && horizontal && { marginLeft: `-${bufferPx}` }),\n    // Row-Reverse\n    ...(reversed && horizontal && { marginRight: `-${bufferPx}` }),\n  };\n\n  state.before.style = {\n    height: horizontal ? '100%' : beforeBufferHeightPx,\n    width: horizontal ? beforeBufferHeightPx : '100%',\n    ...beforeBuffer,\n    ...state.before.style,\n  };\n\n  state.beforeContainer.style = {\n    height: horizontal ? 'auto' : beforeHeightPx,\n    width: horizontal ? beforeHeightPx : 'auto',\n    ...state.beforeContainer.style,\n  };\n\n  state.after.style = {\n    height: horizontal ? '100%' : afterBufferHeightPx,\n    width: horizontal ? afterBufferHeightPx : '100%',\n    ...afterBuffer,\n    ...state.after.style,\n  };\n\n  state.afterContainer.style = {\n    height: horizontal ? 'auto' : afterHeightPx,\n    width: horizontal ? afterHeightPx : 'auto',\n    ...state.afterContainer.style,\n  };\n\n  return state;\n};\n"]}