@fluentui/react-virtualizer 9.0.0-alpha.11 → 9.0.0-alpha.111

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.11",
+  "version": "9.0.0-alpha.111",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -11,35 +11,18 @@
     "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": "*"
-  },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.7.0",
-    "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@fluentui/react-jsx-runtime": "^9.4.1",
+    "@fluentui/react-utilities": "^9.26.2",
+    "@fluentui/react-shared-contexts": "^9.26.2",
+    "@griffel/react": "^1.5.32",
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@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"
+    "@types/react": ">=16.14.0 <20.0.0",
+    "@types/react-dom": ">=16.9.0 <20.0.0",
+    "react": ">=16.14.0 <20.0.0",
+    "react-dom": ">=16.14.0 <20.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [
@@ -51,9 +34,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,170 +0,0 @@
-{
-  "name": "@fluentui/react-virtualizer",
-  "entries": [
-    {
-      "date": "Mon, 13 Mar 2023 08:55:02 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.11",
-      "version": "9.0.0-alpha.11",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.7.0",
-            "commit": "edf96a6b5d6f13843ada1400480e347b84384b8e"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Fri, 10 Mar 2023 07:14:01 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.10",
-      "version": "9.0.0-alpha.10",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.6.2",
-            "commit": "3cefc38eed17e3f37cd38fca9099cc9d700cd584"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Wed, 08 Mar 2023 17:42:51 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.9",
-      "version": "9.0.0-alpha.9",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-virtualizer",
-            "comment": "Bump @fluentui/react-utilities to v9.6.1",
-            "commit": "e0d11faf97f6466f4cd23ed18266cf1e80094f56"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 16 Feb 2023 19:18:49 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.8",
-      "version": "9.0.0-alpha.8",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "mgodbolt@microsoft.com",
-            "package": "@fluentui/react-virtualizer",
-            "commit": "c6f47613e95f8e43ef00792ea673d673881e14fb",
-            "comment": "fixing build issues"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 16 Feb 2023 16:18:01 GMT",
-      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.7",
-      "version": "9.0.0-alpha.7",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "mgodbolt@microsoft.com",
-            "package": "@fluentui/react-virtualizer",
-            "commit": "4af9156bc869948b12610689f15b2a778aa690ca",
-            "comment": "fix: Updating peer dependencies to support React 18."
-          }
-        ]
-      }
-    },
-    {
-      "date": "Wed, 15 Feb 2023 11:44:52 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,"names":["__styles","mergeClasses","virtualizerClassName","virtualizerClassNames","before","beforeContainer","after","afterContainer","useStyles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"sources":["../src/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"],"mappings":"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"}

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,"names":["react_1","require","virtualizerClassName","exports","virtualizerClassNames","before","beforeContainer","after","afterContainer","useStyles","__styles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","mergeClasses","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"sources":["../src/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"],"mappings":"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"}