@fluentui/react-virtualizer 9.0.0-alpha.1 → 9.0.0-alpha.100

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/VirtualizerContext/VirtualizerContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { DynamicVirtualizerContextProps, VirtualizerContextProps } from './types';\n\nconst VirtualizerContext = React.createContext<VirtualizerContextProps | undefined>(\n  undefined,\n) as React.Context<VirtualizerContextProps>;\n\nexport const VirtualizerContextProvider = VirtualizerContext.Provider;\n\nexport const useVirtualizerContext_unstable = () => {\n  return React.useContext(VirtualizerContext);\n};\n\nexport const useVirtualizerContextState_unstable = (\n  passedContext?: VirtualizerContextProps,\n): DynamicVirtualizerContextProps => {\n  const virtualizerContext = useVirtualizerContext_unstable();\n  const [_contextIndex, _setContextIndex] = React.useState<number>(-1);\n  const childProgressiveSizes = React.useRef<number[]>([]);\n\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   */\n  const context = React.useMemo(\n    () => ({\n      contextIndex: passedContext?.contextIndex ?? virtualizerContext?.contextIndex ?? _contextIndex,\n      setContextIndex: passedContext?.setContextIndex ?? virtualizerContext?.setContextIndex ?? _setContextIndex,\n      childProgressiveSizes,\n    }),\n    [_contextIndex, passedContext, virtualizerContext],\n  );\n\n  return context;\n};\n"],"names":["VirtualizerContextProvider","useVirtualizerContextState_unstable","useVirtualizerContext_unstable","VirtualizerContext","React","createContext","undefined","Provider","useContext","passedContext","virtualizerContext","_contextIndex","_setContextIndex","useState","childProgressiveSizes","useRef","context","useMemo","contextIndex","setContextIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,0BAAAA;eAAAA;;IAMAC,mCAAAA;eAAAA;;IAJAC,8BAAAA;eAAAA;;;;iEATU;AAGvB,MAAMC,mCAAqBC,OAAMC,aAAa,CAC5CC;AAGK,MAAMN,6BAA6BG,mBAAmBI,QAAQ;AAE9D,MAAML,iCAAiC;IAC5C,OAAOE,OAAMI,UAAU,CAACL;AAC1B;AAEO,MAAMF,sCAAsC,CACjDQ;IAEA,MAAMC,qBAAqBR;IAC3B,MAAM,CAACS,eAAeC,iBAAiB,GAAGR,OAAMS,QAAQ,CAAS,CAAC;IAClE,MAAMC,wBAAwBV,OAAMW,MAAM,CAAW,EAAE;IAEvD;;GAEC,GACD,MAAMC,UAAUZ,OAAMa,OAAO,CAC3B;YACgBR,6BAAAA,MACGA,gCAAAA;eAFZ;YACLS,cAAcT,CAAAA,OAAAA,CAAAA,8BAAAA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAeS,YAAY,AAAZA,MAAY,QAA3BT,gCAAAA,KAAAA,IAAAA,8BAA+BC,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAoBQ,YAAY,AAAZA,MAAY,QAA/DT,SAAAA,KAAAA,IAAAA,OAAmEE;YACjFQ,iBAAiBV,CAAAA,QAAAA,CAAAA,iCAAAA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAeU,eAAe,AAAfA,MAAe,QAA9BV,mCAAAA,KAAAA,IAAAA,iCAAkCC,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAoBS,eAAe,AAAfA,MAAe,QAArEV,UAAAA,KAAAA,IAAAA,QAAyEG;YAC1FE;QACF;IAAA,GACA;QAACH;QAAeF;QAAeC;KAAmB;IAGpD,OAAOM;AACT"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    VirtualizerContextProvider: function() {
+        return _VirtualizerContext.VirtualizerContextProvider;
+    },
+    useVirtualizerContextState_unstable: function() {
+        return _VirtualizerContext.useVirtualizerContextState_unstable;
+    },
+    useVirtualizerContext_unstable: function() {
+        return _VirtualizerContext.useVirtualizerContext_unstable;
+    }
+});
+const _VirtualizerContext = require("./VirtualizerContext");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/VirtualizerContext/index.ts"],"sourcesContent":["export {\n  VirtualizerContextProvider,\n  useVirtualizerContextState_unstable,\n  useVirtualizerContext_unstable,\n} from './VirtualizerContext';\nexport type { DynamicVirtualizerContextProps, VirtualizerContextProps } from './types';\n"],"names":["VirtualizerContextProvider","useVirtualizerContextState_unstable","useVirtualizerContext_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,0BAA0B;eAA1BA,8CAA0B;;IAC1BC,mCAAmC;eAAnCA,uDAAmC;;IACnCC,8BAA8B;eAA9BA,kDAA8B;;;oCACzB"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/VirtualizerContext/types.ts"],"sourcesContent":["import * as React from 'react';\n/**\n * {@docCategory Virtualizer}\n */\nexport type VirtualizerContextProps = {\n  contextIndex: number;\n  setContextIndex: (index: number) => void;\n  /*\n   * These optional props are used in dynamic virtualizer\n   */\n  childProgressiveSizes?: React.MutableRefObject<number[]>;\n};\n\n/**\n * Some props are optional on static virtualizer, but required for dynamic.\n */\nexport type DynamicVirtualizerContextProps = Required<VirtualizerContextProps>;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

package/lib-commonjs/utilities/createResizeObserverFromDocument.js

@@ -0,0 +1,23 @@
+/**
+ * FIXME - TS 3.8/3.9 don't have ResizeObserver types by default, move this to a shared utility once we bump the minbar
+ * A utility method that creates a ResizeObserver from a target document
+ * @param targetDocument - document to use to create the ResizeObserver
+ * @param callback  - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver#callback
+ * @returns a ResizeObserver instance or null if the global does not exist on the document
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createResizeObserverFromDocument", {
+    enumerable: true,
+    get: function() {
+        return createResizeObserverFromDocument;
+    }
+});
+function createResizeObserverFromDocument(targetDocument, callback) {
+    var _targetDocument_defaultView;
+    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {
+        return null;
+    }
+    return new targetDocument.defaultView.ResizeObserver(callback);
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/createResizeObserverFromDocument.ts"],"sourcesContent":["/**\n * FIXME - TS 3.8/3.9 don't have ResizeObserver types by default, move this to a shared utility once we bump the minbar\n * A utility method that creates a ResizeObserver from a target document\n * @param targetDocument - document to use to create the ResizeObserver\n * @param callback  - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver#callback\n * @returns a ResizeObserver instance or null if the global does not exist on the document\n */\nexport function createResizeObserverFromDocument(\n  targetDocument: Document | null | undefined,\n  callback: ResizeObserverCallback,\n) {\n  if (!targetDocument?.defaultView?.ResizeObserver) {\n    return null;\n  }\n\n  return new targetDocument.defaultView.ResizeObserver(callback);\n}\n"],"names":["createResizeObserverFromDocument","targetDocument","callback","defaultView","ResizeObserver"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;CAMC;;;;+BACeA;;;eAAAA;;;AAAT,SAASA,iCACdC,cAA2C,EAC3CC,QAAgC;QAE3BD;IAAL,IAAI,CAACA,CAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,8BAAAA,eAAgBE,WAAW,AAAXA,MAAW,QAA3BF,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAA6BG,cAAc,AAAdA,GAAgB;QAChD,OAAO;IACT;IAEA,OAAO,IAAIH,eAAeE,WAAW,CAACC,cAAc,CAACF;AACvD"}

package/lib-commonjs/utilities/debounce.js

@@ -0,0 +1,29 @@
+/**
+ * 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: function() {
+        return 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":["../src/utilities/debounce.ts"],"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 */\nexport function debounce(fn: Function) {\n  let pending: boolean;\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;CAKC;;;;+BACeA;;;eAAAA;;;AAAT,SAASA,SAASC,EAAY;IACnC,IAAIC;IACJ,OAAO;QACL,IAAI,CAACA,SAAS;YACZA,UAAU;YACVC,eAAe;gBACb,uEAAuE;gBACvE,gEAAgE;gBAChED,UAAU;gBACVD;YACF;QACF;IACF;AACF"}

package/lib-commonjs/utilities/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    VirtualizerContextProvider: function() {
+        return _VirtualizerContext.VirtualizerContextProvider;
+    },
+    scrollToItemDynamic: function() {
+        return _ImperativeScrolling.scrollToItemDynamic;
+    },
+    scrollToItemStatic: function() {
+        return _ImperativeScrolling.scrollToItemStatic;
+    },
+    useVirtualizerContextState_unstable: function() {
+        return _VirtualizerContext.useVirtualizerContextState_unstable;
+    },
+    useVirtualizerContext_unstable: function() {
+        return _VirtualizerContext.useVirtualizerContext_unstable;
+    }
+});
+const _VirtualizerContext = require("./VirtualizerContext");
+const _ImperativeScrolling = require("./ImperativeScrolling");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/index.ts"],"sourcesContent":["export type { DynamicVirtualizerContextProps, VirtualizerContextProps } from './VirtualizerContext';\nexport {\n  VirtualizerContextProvider,\n  useVirtualizerContextState_unstable,\n  useVirtualizerContext_unstable,\n} from './VirtualizerContext';\nexport type { ScrollToInterface, ScrollToItemDynamicParams, ScrollToItemStaticParams } from './ImperativeScrolling';\nexport { scrollToItemDynamic, scrollToItemStatic } from './ImperativeScrolling';\n"],"names":["VirtualizerContextProvider","scrollToItemDynamic","scrollToItemStatic","useVirtualizerContextState_unstable","useVirtualizerContext_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,0BAA0B;eAA1BA,8CAA0B;;IAKnBC,mBAAmB;eAAnBA,wCAAmB;;IAAEC,kBAAkB;eAAlBA,uCAAkB;;IAJ9CC,mCAAmC;eAAnCA,uDAAmC;;IACnCC,8BAA8B;eAA9BA,kDAA8B;;;oCACzB;qCAEiD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.100",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -11,35 +11,24 @@
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
-  "scripts": {
-    "build": "just-scripts build",
-    "clean": "just-scripts clean",
-    "code-style": "just-scripts code-style",
-    "just": "just-scripts",
-    "lint": "just-scripts lint",
-    "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"
-  },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
-    "@fluentui/scripts-api-extractor": "*",
-    "@fluentui/scripts-tasks": "*"
+    "@fluentui/react-conformance-griffel": "*",
+    "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.4.0",
-    "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@fluentui/react-jsx-runtime": "^9.1.2",
+    "@fluentui/react-utilities": "^9.22.0",
+    "@fluentui/react-shared-contexts": "^9.24.0",
+    "@griffel/react": "^1.5.22",
+    "@swc/helpers": "^0.5.1"
   },
   "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.14.0 <19.0.0",
+    "@types/react-dom": ">=16.9.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [
@@ -51,9 +40,16 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ]
 }

package/CHANGELOG.json

@@ -1,20 +0,0 @@
-{
-  "name": "@fluentui/react-virtualizer",
-  "entries": [
-    {
-      "date": "Mon, 23 Jan 2023 16:41:44 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.1",
-      "version": "9.0.0-alpha.1",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "mifraser@microsoft.com",
-            "package": "@fluentui/react-virtualizer",
-            "commit": "547235ce85eef5fc65ed0cdd51ef5244d480b4b6",
-            "comment": "feat: Initial unstable release of the Virtualizer"
-          }
-        ]
-      }
-    }
-  ]
-}

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":"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","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"]}