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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./VirtualizerContext"), exports);
+_export_star._(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":";;;;;uBAAc;uBACA"}

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/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":["createResizeObserverFromDocument.js"],"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 */ export function createResizeObserverFromDocument(targetDocument, callback) {\n    var _targetDocument_defaultView;\n    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {\n        return null;\n    }\n    return new targetDocument.defaultView.ResizeObserver(callback);\n}\n"],"names":["createResizeObserverFromDocument","targetDocument","callback","_targetDocument_defaultView","defaultView","ResizeObserver"],"mappings":"AAAA;;;;;;CAMC;;;;+BAAmBA;;;eAAAA;;;AAAT,SAASA,iCAAiCC,cAAc,EAAEC,QAAQ;IACzE,IAAIC;IACJ,IAAI,CAAEF,CAAAA,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAI,AAACE,CAAAA,8BAA8BF,eAAeG,WAAW,AAAD,MAAO,QAAQD,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BE,cAAc,AAAD,GAAI;QACxO,OAAO;IACX;IACA,OAAO,IAAIJ,eAAeG,WAAW,CAACC,cAAc,CAACH;AACzD"}

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":["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;;;eAAAA;;;AAAT,SAASA,SAASC,EAAE;IAC3B,IAAIC;IACJ,OAAO;QACH,IAAI,CAACA,SAAS;YACVA,UAAU;YACVC,eAAe;gBACX,uEAAuE;gBACvE,gEAAgE;gBAChED,UAAU;gBACVD;YACJ;QACJ;IACJ;AACJ"}

package/lib-commonjs/utilities/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./VirtualizerContext"), exports);
+_export_star._(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":";;;;;uBAAc;uBACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.6",
+  "version": "9.0.0-alpha.61",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,26 +20,29 @@
     "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.6.0",
-    "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@fluentui/react-jsx-runtime": "^9.0.22",
+    "@fluentui/react-utilities": "^9.15.4",
+    "@fluentui/react-shared-contexts": "^9.13.2",
+    "@griffel/react": "^1.5.14",
+    "@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.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [
@@ -51,9 +54,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,95 +0,0 @@
-{
-  "name": "@fluentui/react-virtualizer",
-  "entries": [
-    {
-      "date": "Wed, 15 Feb 2023 11:41:24 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.6",
-      "version": "9.0.0-alpha.6",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.6.0",
-            "commit": "087d981aab96bef2e332a373069a19bc702a7ca2"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Mon, 13 Feb 2023 23:43:14 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.5",
-      "version": "9.0.0-alpha.5",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.5.3",
-            "commit": "29e62b13706c2845b21d665d43cdacf1ef1b1513"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Fri, 10 Feb 2023 08:50:02 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.4",
-      "version": "9.0.0-alpha.4",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.5.2",
-            "commit": "cc62f050f8231e8f21a2cf7dddf33003e0ba3931"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Tue, 31 Jan 2023 19:53:58 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.3",
-      "version": "9.0.0-alpha.3",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.5.1",
-            "commit": "794d9e845cb952f597ba786e70cd8d248be62746"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 26 Jan 2023 13:31:03 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.2",
-      "version": "9.0.0-alpha.2",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.5.0",
-            "commit": "403e1370f1effca7d3db131eda381abf31cf66b1"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Mon, 23 Jan 2023 16:43:12 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"]}