@fluentui/react-virtualizer 9.0.0-alpha.72 → 9.0.0-alpha.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/lib/components/VirtualizerScrollView/VirtualizerScrollView.types.js.map +1 -1
  3. package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js.map +1 -1
  4. package/lib/hooks/hooks.types.js +1 -4
  5. package/lib/hooks/hooks.types.js.map +1 -1
  6. package/lib/utilities/ImperativeScrolling/imperativeScrolling.types.js.map +1 -1
  7. package/lib-commonjs/components/Virtualizer/renderVirtualizer.js +3 -3
  8. package/lib-commonjs/components/Virtualizer/renderVirtualizer.js.map +1 -1
  9. package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.js +3 -3
  10. package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.js.map +1 -1
  11. package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js +3 -3
  12. package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js.map +1 -1
  13. package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js +3 -3
  14. package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js.map +1 -1
  15. package/lib-commonjs/hooks/hooks.types.js +1 -4
  16. package/lib-commonjs/hooks/hooks.types.js.map +1 -1
  17. package/lib-commonjs/hooks/useMeasureList.js +3 -3
  18. package/lib-commonjs/hooks/useMeasureList.js.map +1 -1
  19. package/lib-commonjs/index.js +37 -37
  20. package/lib-commonjs/index.js.map +1 -1
  21. package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js +3 -3
  22. package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js.map +1 -1
  23. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,12 +1,23 @@
1
1
  # Change Log - @fluentui/react-virtualizer
2
2
 
3
- This log was last generated on Fri, 15 Mar 2024 21:37:57 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 18 Mar 2024 19:44:52 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.73](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.73)
8
+
9
+ Mon, 18 Mar 2024 19:44:52 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.72..@fluentui/react-virtualizer_v9.0.0-alpha.73)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-jsx-runtime to v9.0.34 ([PR #30803](https://github.com/microsoft/fluentui/pull/30803) by beachball)
15
+ - Bump @fluentui/react-utilities to v9.18.5 ([PR #30803](https://github.com/microsoft/fluentui/pull/30803) by beachball)
16
+ - Bump @fluentui/react-shared-contexts to v9.15.2 ([PR #30803](https://github.com/microsoft/fluentui/pull/30803) by beachball)
17
+
7
18
  ## [9.0.0-alpha.72](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.72)
8
19
 
9
- Fri, 15 Mar 2024 21:37:57 GMT
20
+ Fri, 15 Mar 2024 21:43:49 GMT
10
21
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.71..@fluentui/react-virtualizer_v9.0.0-alpha.72)
11
22
 
12
23
  ### Changes
@@ -1 +1 @@
1
- {"version":3,"sources":["VirtualizerScrollView.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type {\n VirtualizerSlots,\n VirtualizerConfigProps,\n VirtualizerConfigState,\n VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\nimport type { ScrollToInterface } from '../../Utilities';\nimport type { RefObject } from 'react';\n\nexport type VirtualizerScrollViewSlots = VirtualizerSlots & {\n /**\n * The root container that provides embedded scrolling.\n */\n container: NonNullable<Slot<'div'>>;\n};\n\nexport type VirtualizerScrollViewProps = ComponentProps<Partial<VirtualizerScrollViewSlots>> &\n Partial<\n Omit<\n VirtualizerConfigProps,\n 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex' | 'imperativeVirtualizerRef'\n >\n > & {\n /**\n * Virtualizer item size in pixels - static.\n * Axis: 'vertical' = Height\n * Axis: 'horizontal' = Width\n */\n itemSize: number;\n /**\n * The total number of items to be virtualized.\n */\n numItems: number;\n /**\n * Child render function.\n * Iteratively called to return current virtualizer DOM children.\n * Will act as a row or column indexer depending on Virtualizer settings.\n */\n children: VirtualizerChildRenderFunction;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n imperativeRef?: RefObject<ScrollToInterface>;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n enablePagination?: boolean;\n };\n\nexport type VirtualizerScrollViewState = ComponentState<VirtualizerScrollViewSlots> & VirtualizerConfigState;\n"],"names":[],"mappings":"AAkDA,WAA6G"}
1
+ {"version":3,"sources":["VirtualizerScrollView.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type {\n VirtualizerSlots,\n VirtualizerConfigProps,\n VirtualizerConfigState,\n VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\nimport type { ScrollToInterface } from '../../Utilities';\nimport type { RefObject } from 'react';\n\nexport type VirtualizerScrollViewSlots = VirtualizerSlots & {\n /**\n * The root container that provides embedded scrolling.\n */\n container: NonNullable<Slot<'div'>>;\n};\n\nexport type VirtualizerScrollViewProps = ComponentProps<Partial<VirtualizerScrollViewSlots>> &\n Partial<\n Omit<\n VirtualizerConfigProps,\n 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex' | 'imperativeVirtualizerRef'\n >\n > & {\n /**\n * Virtualizer item size in pixels - static.\n * Axis: 'vertical' = Height\n * Axis: 'horizontal' = Width\n */\n itemSize: number;\n /**\n * The total number of items to be virtualized.\n */\n numItems: number;\n /**\n * Child render function.\n * Iteratively called to return current virtualizer DOM children.\n * Will act as a row or column indexer depending on Virtualizer settings.\n */\n children: VirtualizerChildRenderFunction;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n imperativeRef?: RefObject<ScrollToInterface>;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n enablePagination?: boolean;\n };\n\nexport type VirtualizerScrollViewState = ComponentState<VirtualizerScrollViewSlots> & VirtualizerConfigState;\n"],"names":[],"mappings":"AAAA,WAkD6G"}
@@ -1 +1 @@
1
- {"version":3,"sources":["VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type {\n VirtualizerConfigProps,\n VirtualizerConfigState,\n VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\n\nimport type { VirtualizerScrollViewSlots } from '../VirtualizerScrollView/VirtualizerScrollView.types';\nimport type { RefObject } from 'react';\nimport type { ScrollToInterface } from '../../Utilities';\n\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n Partial<Omit<VirtualizerConfigProps, 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex'>> & {\n /**\n * Set as the minimum item size.\n * Axis: 'vertical' = Height\n * Axis: 'horizontal' = Width\n */\n itemSize: number;\n /**\n * Callback for acquiring size of individual items\n * @param index - the index of the requested size's child\n * If undefined, Virtualizer will auto-measure by default (performance tradeoff)\n */\n getItemSize?: (index: number) => number;\n /**\n * The total number of items to be virtualized.\n */\n numItems: number;\n /**\n * Child render function.\n * Iteratively called to return current virtualizer DOM children.\n * Will act as a row or column indexer depending on Virtualizer settings.\n */\n children: VirtualizerChildRenderFunction;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n imperativeRef?: RefObject<ScrollToInterface>;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n enablePagination?: boolean;\n };\n\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n VirtualizerConfigState;\n"],"names":[],"mappings":"AA+CA,WACyB"}
1
+ {"version":3,"sources":["VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type {\n VirtualizerConfigProps,\n VirtualizerConfigState,\n VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\n\nimport type { VirtualizerScrollViewSlots } from '../VirtualizerScrollView/VirtualizerScrollView.types';\nimport type { RefObject } from 'react';\nimport type { ScrollToInterface } from '../../Utilities';\n\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n Partial<Omit<VirtualizerConfigProps, 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex'>> & {\n /**\n * Set as the minimum item size.\n * Axis: 'vertical' = Height\n * Axis: 'horizontal' = Width\n */\n itemSize: number;\n /**\n * Callback for acquiring size of individual items\n * @param index - the index of the requested size's child\n * If undefined, Virtualizer will auto-measure by default (performance tradeoff)\n */\n getItemSize?: (index: number) => number;\n /**\n * The total number of items to be virtualized.\n */\n numItems: number;\n /**\n * Child render function.\n * Iteratively called to return current virtualizer DOM children.\n * Will act as a row or column indexer depending on Virtualizer settings.\n */\n children: VirtualizerChildRenderFunction;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n imperativeRef?: RefObject<ScrollToInterface>;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n enablePagination?: boolean;\n };\n\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n VirtualizerConfigState;\n"],"names":[],"mappings":"AAAA,WAgDyB"}
@@ -1,4 +1 @@
1
- /**
2
- * Additional direct Ref prevents reading old resize entry data
3
- * Backwards compatible with ResizeObserverCallback if preferred
4
- */ export { };
1
+ export { };
@@ -1 +1 @@
1
- {"version":3,"sources":["hooks.types.ts"],"sourcesContent":["import { MutableRefObject, RefObject } from 'react';\n\nexport type VirtualizerMeasureProps = {\n defaultItemSize: number;\n direction?: 'vertical' | 'horizontal';\n};\n\nexport type VirtualizerMeasureDynamicProps = {\n defaultItemSize: number;\n currentIndex: number;\n numItems: number;\n getItemSize: (index: number) => number;\n direction?: 'vertical' | 'horizontal';\n};\n\nexport type VirtualizerStaticPaginationProps = {\n itemSize: number;\n axis?: 'vertical' | 'horizontal';\n};\n\n/**\n * Props to be passed into dynamic virtualization hooks\n * All props can be acquired from useVirtualizer hooks themselves and passed in\n */\nexport type VirtualizerDynamicPaginationProps = {\n /**\n * An array that tracks the sizing of each item in virtualizer cumulatively\n */\n progressiveItemSizes: RefObject<number[]> | undefined;\n /**\n * The current starting index of the virtualizer's DOM elements\n */\n currentIndex: number;\n /**\n * The axis we should paginate on (should match virtualizer's axis)\n */\n axis?: 'vertical' | 'horizontal';\n /**\n * The current length of Virtualizer's actual DOM elements\n */\n virtualizerLength: number;\n};\n\n/**\n * Additional direct Ref prevents reading old resize entry data\n * Backwards compatible with ResizeObserverCallback if preferred\n */\nexport interface ResizeCallbackWithRef {\n (entries: ResizeObserverEntry[], observer: ResizeObserver, scrollRef?: MutableRefObject<HTMLElement | null>): void;\n}\n"],"names":[],"mappings":"AA2CA;;;CAGC,GACD,WAEC"}
1
+ {"version":3,"sources":["hooks.types.ts"],"sourcesContent":["import { MutableRefObject, RefObject } from 'react';\n\nexport type VirtualizerMeasureProps = {\n defaultItemSize: number;\n direction?: 'vertical' | 'horizontal';\n};\n\nexport type VirtualizerMeasureDynamicProps = {\n defaultItemSize: number;\n currentIndex: number;\n numItems: number;\n getItemSize: (index: number) => number;\n direction?: 'vertical' | 'horizontal';\n};\n\nexport type VirtualizerStaticPaginationProps = {\n itemSize: number;\n axis?: 'vertical' | 'horizontal';\n};\n\n/**\n * Props to be passed into dynamic virtualization hooks\n * All props can be acquired from useVirtualizer hooks themselves and passed in\n */\nexport type VirtualizerDynamicPaginationProps = {\n /**\n * An array that tracks the sizing of each item in virtualizer cumulatively\n */\n progressiveItemSizes: RefObject<number[]> | undefined;\n /**\n * The current starting index of the virtualizer's DOM elements\n */\n currentIndex: number;\n /**\n * The axis we should paginate on (should match virtualizer's axis)\n */\n axis?: 'vertical' | 'horizontal';\n /**\n * The current length of Virtualizer's actual DOM elements\n */\n virtualizerLength: number;\n};\n\n/**\n * Additional direct Ref prevents reading old resize entry data\n * Backwards compatible with ResizeObserverCallback if preferred\n */\nexport interface ResizeCallbackWithRef {\n (entries: ResizeObserverEntry[], observer: ResizeObserver, scrollRef?: MutableRefObject<HTMLElement | null>): void;\n}\n"],"names":[],"mappings":"AAAA,WAiDC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["imperativeScrolling.types.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nexport type ScrollToItemStaticParams = {\n index: number;\n itemSize: number;\n totalItems: number;\n scrollViewRef: RefObject<HTMLDivElement>;\n axis?: 'horizontal' | 'vertical';\n reversed?: boolean;\n behavior?: ScrollBehavior;\n};\n\nexport type ScrollToItemDynamicParams = {\n index: number;\n itemSizes: RefObject<number[]>;\n totalSize: number;\n scrollViewRef: RefObject<HTMLDivElement>;\n axis?: 'horizontal' | 'vertical';\n reversed?: boolean;\n behavior?: ScrollBehavior;\n};\n\nexport type ScrollToInterface = {\n scrollTo: (index: number, behavior?: ScrollBehavior, callback?: (index: number) => void) => void;\n virtualizerLength: RefObject<number>;\n currentIndex: RefObject<number> | undefined;\n};\n"],"names":[],"mappings":"AAsBA,WAIE"}
1
+ {"version":3,"sources":["imperativeScrolling.types.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nexport type ScrollToItemStaticParams = {\n index: number;\n itemSize: number;\n totalItems: number;\n scrollViewRef: RefObject<HTMLDivElement>;\n axis?: 'horizontal' | 'vertical';\n reversed?: boolean;\n behavior?: ScrollBehavior;\n};\n\nexport type ScrollToItemDynamicParams = {\n index: number;\n itemSizes: RefObject<number[]>;\n totalSize: number;\n scrollViewRef: RefObject<HTMLDivElement>;\n axis?: 'horizontal' | 'vertical';\n reversed?: boolean;\n behavior?: ScrollBehavior;\n};\n\nexport type ScrollToInterface = {\n scrollTo: (index: number, behavior?: ScrollBehavior, callback?: (index: number) => void) => void;\n virtualizerLength: RefObject<number>;\n currentIndex: RefObject<number> | undefined;\n};\n"],"names":[],"mappings":"AAAA,WA0BE"}
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- renderVirtualizerChildPlaceholder: function() {
13
- return renderVirtualizerChildPlaceholder;
14
- },
15
12
  renderVirtualizer_unstable: function() {
16
13
  return renderVirtualizer_unstable;
14
+ },
15
+ renderVirtualizerChildPlaceholder: function() {
16
+ return renderVirtualizerChildPlaceholder;
17
17
  }
18
18
  });
19
19
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -1 +1 @@
1
- {"version":3,"sources":["renderVirtualizer.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderVirtualizer_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(React.Fragment, {\n children: [\n /*#__PURE__*/ _jsx(state.beforeContainer, {\n children: /*#__PURE__*/ _jsx(state.before, {})\n }),\n state.virtualizedChildren,\n /*#__PURE__*/ _jsx(state.afterContainer, {\n children: /*#__PURE__*/ _jsx(state.after, {})\n })\n ]\n });\n};\nexport const renderVirtualizerChildPlaceholder = (child, index)=>{\n return /*#__PURE__*/ _jsx(React.Suspense, {\n fallback: null,\n children: child\n }, `fui-virtualizer-placeholder-${index}`);\n};\n"],"names":["renderVirtualizerChildPlaceholder","renderVirtualizer_unstable","state","assertSlots","_jsxs","React","Fragment","children","_jsx","beforeContainer","before","virtualizedChildren","afterContainer","after","child","index","Suspense","fallback"],"mappings":";;;;;;;;;;;IAiBaA,iCAAiC;eAAjCA;;IAdAC,0BAA0B;eAA1BA;;;;4BAHgC;iEACtB;gCACK;AACrB,MAAMA,6BAA6B,CAACC;IACvCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,OAAMC,QAAQ,EAAE;QACvCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMO,eAAe,EAAE;gBACtCF,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMQ,MAAM,EAAE,CAAC;YAChD;YACAR,MAAMS,mBAAmB;YACzB,WAAW,GAAGH,IAAAA,eAAI,EAACN,MAAMU,cAAc,EAAE;gBACrCL,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMW,KAAK,EAAE,CAAC;YAC/C;SACH;IACL;AACJ;AACO,MAAMb,oCAAoC,CAACc,OAAOC;IACrD,OAAO,WAAW,GAAGP,IAAAA,eAAI,EAACH,OAAMW,QAAQ,EAAE;QACtCC,UAAU;QACVV,UAAUO;IACd,GAAG,CAAC,4BAA4B,EAAEC,MAAM,CAAC;AAC7C"}
1
+ {"version":3,"sources":["renderVirtualizer.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderVirtualizer_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(React.Fragment, {\n children: [\n /*#__PURE__*/ _jsx(state.beforeContainer, {\n children: /*#__PURE__*/ _jsx(state.before, {})\n }),\n state.virtualizedChildren,\n /*#__PURE__*/ _jsx(state.afterContainer, {\n children: /*#__PURE__*/ _jsx(state.after, {})\n })\n ]\n });\n};\nexport const renderVirtualizerChildPlaceholder = (child, index)=>{\n return /*#__PURE__*/ _jsx(React.Suspense, {\n fallback: null,\n children: child\n }, `fui-virtualizer-placeholder-${index}`);\n};\n"],"names":["renderVirtualizer_unstable","renderVirtualizerChildPlaceholder","state","assertSlots","_jsxs","React","Fragment","children","_jsx","beforeContainer","before","virtualizedChildren","afterContainer","after","child","index","Suspense","fallback"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B;eAA1BA;;IAcAC,iCAAiC;eAAjCA;;;;4BAjBgC;iEACtB;gCACK;AACrB,MAAMD,6BAA6B,CAACE;IACvCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,OAAMC,QAAQ,EAAE;QACvCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMO,eAAe,EAAE;gBACtCF,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMQ,MAAM,EAAE,CAAC;YAChD;YACAR,MAAMS,mBAAmB;YACzB,WAAW,GAAGH,IAAAA,eAAI,EAACN,MAAMU,cAAc,EAAE;gBACrCL,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMW,KAAK,EAAE,CAAC;YAC/C;SACH;IACL;AACJ;AACO,MAAMZ,oCAAoC,CAACa,OAAOC;IACrD,OAAO,WAAW,GAAGP,IAAAA,eAAI,EAACH,OAAMW,QAAQ,EAAE;QACtCC,UAAU;QACVV,UAAUO;IACd,GAAG,CAAC,4BAA4B,EAAEC,MAAM,CAAC;AAC7C"}
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- useVirtualizerStyles_unstable: function() {
13
- return useVirtualizerStyles_unstable;
14
- },
15
12
  virtualizerClassNames: function() {
16
13
  return virtualizerClassNames;
14
+ },
15
+ useVirtualizerStyles_unstable: function() {
16
+ return useVirtualizerStyles_unstable;
17
17
  }
18
18
  });
19
19
  const _react = require("@griffel/react");
@@ -1 +1 @@
1
- {"version":3,"sources":["useVirtualizerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames = {\n before: `${virtualizerClassName}__before`,\n beforeContainer: `${virtualizerClassName}__beforeContainer`,\n after: `${virtualizerClassName}__after`,\n afterContainer: `${virtualizerClassName}__afterContainer`\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftgm304\",\n Bkecrkj: \"f1aehjj5\"\n },\n relative: {\n qhf8xq: \"f10pi13n\"\n },\n horizontal: {\n sshi5w: \"fan4evk\"\n },\n vertical: {\n Bf4jedk: \"f11qra4b\"\n }\n}, {\n d: [\".ftgm304{display:block;}\", \".f1aehjj5{pointer-events:none;}\", \".f10pi13n{position:relative;}\", \".fan4evk{min-height:100%;}\", \".f11qra4b{min-width:100%;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerStyles_unstable = state => {\n const styles = useStyles();\n const {\n reversed,\n axis,\n beforeBufferHeight,\n afterBufferHeight,\n bufferSize\n } = state;\n const horizontal = axis === 'horizontal';\n state.before.className = mergeClasses(virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);\n state.after.className = mergeClasses(virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);\n state.beforeContainer.className = mergeClasses(virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);\n state.afterContainer.className = mergeClasses(virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);\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 const beforeBuffer = {\n // Column\n ...(!reversed && !horizontal && {\n marginBottom: `-${bufferPx}`\n }),\n // Column-Reverse\n ...(reversed && !horizontal && {\n marginTop: `-${bufferPx}`\n }),\n // Row\n ...(!reversed && horizontal && {\n marginRight: `-${bufferPx}`\n }),\n // Row-Reverse\n ...(reversed && horizontal && {\n marginLeft: `-${bufferPx}`\n })\n };\n const afterBuffer = {\n // Column\n ...(!reversed && !horizontal && {\n marginTop: `-${bufferPx}`\n }),\n // Column-Reverse\n ...(reversed && !horizontal && {\n marginBottom: `-${bufferPx}`\n }),\n // Row\n ...(!reversed && horizontal && {\n marginLeft: `-${bufferPx}`\n }),\n // Row-Reverse\n ...(reversed && horizontal && {\n 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 state.beforeContainer.style = {\n height: horizontal ? 'auto' : beforeHeightPx,\n width: horizontal ? beforeHeightPx : 'auto',\n ...state.beforeContainer.style\n };\n state.after.style = {\n height: horizontal ? '100%' : afterBufferHeightPx,\n width: horizontal ? afterBufferHeightPx : '100%',\n ...afterBuffer,\n ...state.after.style\n };\n state.afterContainer.style = {\n height: horizontal ? 'auto' : afterHeightPx,\n width: horizontal ? afterHeightPx : 'auto',\n ...state.afterContainer.style\n };\n return state;\n};\n//# sourceMappingURL=useVirtualizerStyles.styles.js.map"],"names":["useVirtualizerStyles_unstable","virtualizerClassNames","virtualizerClassName","before","beforeContainer","after","afterContainer","useStyles","__styles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","mergeClasses","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginRight","marginLeft","afterBuffer","style","height","width"],"mappings":"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"}
1
+ {"version":3,"sources":["useVirtualizerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames = {\n before: `${virtualizerClassName}__before`,\n beforeContainer: `${virtualizerClassName}__beforeContainer`,\n after: `${virtualizerClassName}__after`,\n afterContainer: `${virtualizerClassName}__afterContainer`\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftgm304\",\n Bkecrkj: \"f1aehjj5\"\n },\n relative: {\n qhf8xq: \"f10pi13n\"\n },\n horizontal: {\n sshi5w: \"fan4evk\"\n },\n vertical: {\n Bf4jedk: \"f11qra4b\"\n }\n}, {\n d: [\".ftgm304{display:block;}\", \".f1aehjj5{pointer-events:none;}\", \".f10pi13n{position:relative;}\", \".fan4evk{min-height:100%;}\", \".f11qra4b{min-width:100%;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerStyles_unstable = state => {\n const styles = useStyles();\n const {\n reversed,\n axis,\n beforeBufferHeight,\n afterBufferHeight,\n bufferSize\n } = state;\n const horizontal = axis === 'horizontal';\n state.before.className = mergeClasses(virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);\n state.after.className = mergeClasses(virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);\n state.beforeContainer.className = mergeClasses(virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);\n state.afterContainer.className = mergeClasses(virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);\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 const beforeBuffer = {\n // Column\n ...(!reversed && !horizontal && {\n marginBottom: `-${bufferPx}`\n }),\n // Column-Reverse\n ...(reversed && !horizontal && {\n marginTop: `-${bufferPx}`\n }),\n // Row\n ...(!reversed && horizontal && {\n marginRight: `-${bufferPx}`\n }),\n // Row-Reverse\n ...(reversed && horizontal && {\n marginLeft: `-${bufferPx}`\n })\n };\n const afterBuffer = {\n // Column\n ...(!reversed && !horizontal && {\n marginTop: `-${bufferPx}`\n }),\n // Column-Reverse\n ...(reversed && !horizontal && {\n marginBottom: `-${bufferPx}`\n }),\n // Row\n ...(!reversed && horizontal && {\n marginLeft: `-${bufferPx}`\n }),\n // Row-Reverse\n ...(reversed && horizontal && {\n 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 state.beforeContainer.style = {\n height: horizontal ? 'auto' : beforeHeightPx,\n width: horizontal ? beforeHeightPx : 'auto',\n ...state.beforeContainer.style\n };\n state.after.style = {\n height: horizontal ? '100%' : afterBufferHeightPx,\n width: horizontal ? afterBufferHeightPx : '100%',\n ...afterBuffer,\n ...state.after.style\n };\n state.afterContainer.style = {\n height: horizontal ? 'auto' : afterHeightPx,\n width: horizontal ? afterHeightPx : 'auto',\n ...state.afterContainer.style\n };\n return state;\n};\n//# sourceMappingURL=useVirtualizerStyles.styles.js.map"],"names":["virtualizerClassNames","useVirtualizerStyles_unstable","virtualizerClassName","before","beforeContainer","after","afterContainer","useStyles","__styles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","mergeClasses","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginRight","marginLeft","afterBuffer","style","height","width"],"mappings":"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"}
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- useVirtualizerScrollViewStyles_unstable: function() {
13
- return useVirtualizerScrollViewStyles_unstable;
14
- },
15
12
  virtualizerScrollViewClassNames: function() {
16
13
  return virtualizerScrollViewClassNames;
14
+ },
15
+ useVirtualizerScrollViewStyles_unstable: function() {
16
+ return useVirtualizerScrollViewStyles_unstable;
17
17
  }
18
18
  });
19
19
  const _useVirtualizerStylesstyles = require("../Virtualizer/useVirtualizerStyles.styles");
@@ -1 +1 @@
1
- {"version":3,"sources":["useVirtualizerScrollViewStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\nexport const virtualizerScrollViewClassNames = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewClassName}__container`\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontal: {\n Beiy3e4: \"f1063pyq\",\n B68tc82: \"f1oy3dpc\"\n },\n verticalReversed: {\n Beiy3e4: \"f1gkdon0\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontalReversed: {\n Beiy3e4: \"f1oztnx0\",\n B68tc82: \"f1oy3dpc\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f1vx9l62{flex-direction:column;}\", \".f5zp4f{overflow-y:auto;}\", \".f1063pyq{flex-direction:row;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewStyles_unstable = state => {\n const styles = useStyles();\n // Default virtualizer styles base\n useVirtualizerStyles_unstable(state);\n const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n // Add container styles\n state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);\n return state;\n};\n//# sourceMappingURL=useVirtualizerScrollViewStyles.styles.js.map"],"names":["useVirtualizerScrollViewStyles_unstable","virtualizerScrollViewClassNames","virtualizerScrollViewClassName","virtualizerClassNames","container","useStyles","__styles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","state","styles","useVirtualizerStyles_unstable","containerStyle","axis","reversed","className","mergeClasses"],"mappings":";;;;;;;;;;;IAmCaA,uCAAuC;eAAvCA;;IAhCAC,+BAA+B;eAA/BA;;;4CAHwD;uBAC9B;AACvC,MAAMC,iCAAiC;AAChC,MAAMD,kCAAkC;IAC7C,GAAGE,iDAAqB;IACxBC,WAAW,CAAC,EAAEF,+BAA+B,WAAW,CAAC;AAC3D;AACA,MAAMG,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTG,SAAS;IACX;IACAC,kBAAkB;QAChBJ,SAAS;QACTC,SAAS;IACX;IACAI,oBAAoB;QAClBL,SAAS;QACTG,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA2B;QAAyB;QAA2B;QAAqC;QAA6B;QAAkC;QAA+B;QAA6C;KAAyC;AAC9S;AAIO,MAAMlB,0CAA0CmB,CAAAA;IACrD,MAAMC,SAASf;IACf,kCAAkC;IAClCgB,IAAAA,yDAA6B,EAACF;IAC9B,MAAMG,iBAAiBH,MAAMI,IAAI,KAAK,eAAeJ,MAAMK,QAAQ,GAAGJ,OAAOH,kBAAkB,GAAGG,OAAON,UAAU,GAAGK,MAAMK,QAAQ,GAAGJ,OAAOJ,gBAAgB,GAAGI,OAAOT,QAAQ;IAChL,uBAAuB;IACvBQ,MAAMf,SAAS,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,gCAAgCG,SAAS,EAAEgB,OAAOb,IAAI,EAAEe,gBAAgBH,MAAMf,SAAS,CAACqB,SAAS;IAC1I,OAAON;AACT,GACA,iEAAiE"}
1
+ {"version":3,"sources":["useVirtualizerScrollViewStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\nexport const virtualizerScrollViewClassNames = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewClassName}__container`\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontal: {\n Beiy3e4: \"f1063pyq\",\n B68tc82: \"f1oy3dpc\"\n },\n verticalReversed: {\n Beiy3e4: \"f1gkdon0\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontalReversed: {\n Beiy3e4: \"f1oztnx0\",\n B68tc82: \"f1oy3dpc\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f1vx9l62{flex-direction:column;}\", \".f5zp4f{overflow-y:auto;}\", \".f1063pyq{flex-direction:row;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewStyles_unstable = state => {\n const styles = useStyles();\n // Default virtualizer styles base\n useVirtualizerStyles_unstable(state);\n const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n // Add container styles\n state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);\n return state;\n};\n//# sourceMappingURL=useVirtualizerScrollViewStyles.styles.js.map"],"names":["virtualizerScrollViewClassNames","useVirtualizerScrollViewStyles_unstable","virtualizerScrollViewClassName","virtualizerClassNames","container","useStyles","__styles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","state","styles","useVirtualizerStyles_unstable","containerStyle","axis","reversed","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,+BAA+B;eAA/BA;;IAgCAC,uCAAuC;eAAvCA;;;4CAnCwD;uBAC9B;AACvC,MAAMC,iCAAiC;AAChC,MAAMF,kCAAkC;IAC7C,GAAGG,iDAAqB;IACxBC,WAAW,CAAC,EAAEF,+BAA+B,WAAW,CAAC;AAC3D;AACA,MAAMG,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTG,SAAS;IACX;IACAC,kBAAkB;QAChBJ,SAAS;QACTC,SAAS;IACX;IACAI,oBAAoB;QAClBL,SAAS;QACTG,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA2B;QAAyB;QAA2B;QAAqC;QAA6B;QAAkC;QAA+B;QAA6C;KAAyC;AAC9S;AAIO,MAAMjB,0CAA0CkB,CAAAA;IACrD,MAAMC,SAASf;IACf,kCAAkC;IAClCgB,IAAAA,yDAA6B,EAACF;IAC9B,MAAMG,iBAAiBH,MAAMI,IAAI,KAAK,eAAeJ,MAAMK,QAAQ,GAAGJ,OAAOH,kBAAkB,GAAGG,OAAON,UAAU,GAAGK,MAAMK,QAAQ,GAAGJ,OAAOJ,gBAAgB,GAAGI,OAAOT,QAAQ;IAChL,uBAAuB;IACvBQ,MAAMf,SAAS,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,gCAAgCI,SAAS,EAAEgB,OAAOb,IAAI,EAAEe,gBAAgBH,MAAMf,SAAS,CAACqB,SAAS;IAC1I,OAAON;AACT,GACA,iEAAiE"}
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- useVirtualizerScrollViewDynamicStyles_unstable: function() {
13
- return useVirtualizerScrollViewDynamicStyles_unstable;
14
- },
15
12
  virtualizerScrollViewDynamicClassNames: function() {
16
13
  return virtualizerScrollViewDynamicClassNames;
14
+ },
15
+ useVirtualizerScrollViewDynamicStyles_unstable: function() {
16
+ return useVirtualizerScrollViewDynamicStyles_unstable;
17
17
  }
18
18
  });
19
19
  const _useVirtualizerStylesstyles = require("../Virtualizer/useVirtualizerStyles.styles");
@@ -1 +1 @@
1
- {"version":3,"sources":["useVirtualizerScrollViewDynamicStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';\nexport const virtualizerScrollViewDynamicClassNames = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewDynamicClassName}__container`\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontal: {\n Beiy3e4: \"f1063pyq\",\n B68tc82: \"f1oy3dpc\"\n },\n verticalReversed: {\n Beiy3e4: \"f1gkdon0\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontalReversed: {\n Beiy3e4: \"f1oztnx0\",\n B68tc82: \"f1oy3dpc\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f1vx9l62{flex-direction:column;}\", \".f5zp4f{overflow-y:auto;}\", \".f1063pyq{flex-direction:row;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewDynamicStyles_unstable = state => {\n const styles = useStyles();\n // Default virtualizer styles base\n useVirtualizerStyles_unstable(state);\n const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n // Add container styles\n state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);\n return state;\n};\n//# sourceMappingURL=useVirtualizerScrollViewDynamicStyles.styles.js.map"],"names":["useVirtualizerScrollViewDynamicStyles_unstable","virtualizerScrollViewDynamicClassNames","virtualizerScrollViewDynamicClassName","virtualizerClassNames","container","useStyles","__styles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","state","styles","useVirtualizerStyles_unstable","containerStyle","axis","reversed","className","mergeClasses"],"mappings":";;;;;;;;;;;IAmCaA,8CAA8C;eAA9CA;;IAhCAC,sCAAsC;eAAtCA;;;4CAHwD;uBAC9B;AACvC,MAAMC,wCAAwC;AACvC,MAAMD,yCAAyC;IACpD,GAAGE,iDAAqB;IACxBC,WAAW,CAAC,EAAEF,sCAAsC,WAAW,CAAC;AAClE;AACA,MAAMG,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTG,SAAS;IACX;IACAC,kBAAkB;QAChBJ,SAAS;QACTC,SAAS;IACX;IACAI,oBAAoB;QAClBL,SAAS;QACTG,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA2B;QAAyB;QAA2B;QAAqC;QAA6B;QAAkC;QAA+B;QAA6C;KAAyC;AAC9S;AAIO,MAAMlB,iDAAiDmB,CAAAA;IAC5D,MAAMC,SAASf;IACf,kCAAkC;IAClCgB,IAAAA,yDAA6B,EAACF;IAC9B,MAAMG,iBAAiBH,MAAMI,IAAI,KAAK,eAAeJ,MAAMK,QAAQ,GAAGJ,OAAOH,kBAAkB,GAAGG,OAAON,UAAU,GAAGK,MAAMK,QAAQ,GAAGJ,OAAOJ,gBAAgB,GAAGI,OAAOT,QAAQ;IAChL,uBAAuB;IACvBQ,MAAMf,SAAS,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,uCAAuCG,SAAS,EAAEgB,OAAOb,IAAI,EAAEe,gBAAgBH,MAAMf,SAAS,CAACqB,SAAS;IACjJ,OAAON;AACT,GACA,wEAAwE"}
1
+ {"version":3,"sources":["useVirtualizerScrollViewDynamicStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';\nexport const virtualizerScrollViewDynamicClassNames = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewDynamicClassName}__container`\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontal: {\n Beiy3e4: \"f1063pyq\",\n B68tc82: \"f1oy3dpc\"\n },\n verticalReversed: {\n Beiy3e4: \"f1gkdon0\",\n Bmxbyg5: \"f5zp4f\"\n },\n horizontalReversed: {\n Beiy3e4: \"f1oztnx0\",\n B68tc82: \"f1oy3dpc\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f1vx9l62{flex-direction:column;}\", \".f5zp4f{overflow-y:auto;}\", \".f1063pyq{flex-direction:row;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewDynamicStyles_unstable = state => {\n const styles = useStyles();\n // Default virtualizer styles base\n useVirtualizerStyles_unstable(state);\n const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n // Add container styles\n state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);\n return state;\n};\n//# sourceMappingURL=useVirtualizerScrollViewDynamicStyles.styles.js.map"],"names":["virtualizerScrollViewDynamicClassNames","useVirtualizerScrollViewDynamicStyles_unstable","virtualizerScrollViewDynamicClassName","virtualizerClassNames","container","useStyles","__styles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","state","styles","useVirtualizerStyles_unstable","containerStyle","axis","reversed","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,sCAAsC;eAAtCA;;IAgCAC,8CAA8C;eAA9CA;;;4CAnCwD;uBAC9B;AACvC,MAAMC,wCAAwC;AACvC,MAAMF,yCAAyC;IACpD,GAAGG,iDAAqB;IACxBC,WAAW,CAAC,EAAEF,sCAAsC,WAAW,CAAC;AAClE;AACA,MAAMG,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTG,SAAS;IACX;IACAC,kBAAkB;QAChBJ,SAAS;QACTC,SAAS;IACX;IACAI,oBAAoB;QAClBL,SAAS;QACTG,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA2B;QAAyB;QAA2B;QAAqC;QAA6B;QAAkC;QAA+B;QAA6C;KAAyC;AAC9S;AAIO,MAAMjB,iDAAiDkB,CAAAA;IAC5D,MAAMC,SAASf;IACf,kCAAkC;IAClCgB,IAAAA,yDAA6B,EAACF;IAC9B,MAAMG,iBAAiBH,MAAMI,IAAI,KAAK,eAAeJ,MAAMK,QAAQ,GAAGJ,OAAOH,kBAAkB,GAAGG,OAAON,UAAU,GAAGK,MAAMK,QAAQ,GAAGJ,OAAOJ,gBAAgB,GAAGI,OAAOT,QAAQ;IAChL,uBAAuB;IACvBQ,MAAMf,SAAS,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,uCAAuCI,SAAS,EAAEgB,OAAOb,IAAI,EAAEe,gBAAgBH,MAAMf,SAAS,CAACqB,SAAS;IACjJ,OAAON;AACT,GACA,wEAAwE"}
@@ -1,7 +1,4 @@
1
- /**
2
- * Additional direct Ref prevents reading old resize entry data
3
- * Backwards compatible with ResizeObserverCallback if preferred
4
- */ "use strict";
1
+ "use strict";
5
2
  Object.defineProperty(exports, "__esModule", {
6
3
  value: true
7
4
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["hooks.types.js"],"sourcesContent":["/**\n * Additional direct Ref prevents reading old resize entry data\n * Backwards compatible with ResizeObserverCallback if preferred\n */ export { };\n"],"names":[],"mappings":"AAAA;;;CAGC"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- createResizeObserverFromDocument: function() {
13
- return createResizeObserverFromDocument;
14
- },
15
12
  useMeasureList: function() {
16
13
  return useMeasureList;
14
+ },
15
+ createResizeObserverFromDocument: function() {
16
+ return createResizeObserverFromDocument;
17
17
  }
18
18
  });
19
19
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -1 +1 @@
1
- {"version":3,"sources":["useMeasureList.js"],"sourcesContent":["import * as React from 'react';\nimport { useRef } from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Provides a way of automating size in the virtualizer\n * Returns\n * `width` - element width ref (0 by default),\n * `height` - element height ref (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */ export function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {\n const widthArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n const heightArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n const refArray = React.useRef([]);\n const { targetDocument } = useFluent();\n // This lets us trigger updates when a size change occurs.\n const sizeUpdateCount = useRef(0);\n // the handler for resize observer\n const handleIndexUpdate = React.useCallback((index)=>{\n var _refArray_current_index;\n let isChanged = false;\n const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();\n const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;\n if (containerWidth !== widthArray.current[currentIndex + index]) {\n isChanged = true;\n }\n widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;\n const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;\n if (containerHeight !== heightArray.current[currentIndex + index]) {\n isChanged = true;\n }\n heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;\n if (isChanged) {\n sizeUpdateCount.current = sizeUpdateCount.current + 1;\n }\n }, [\n currentIndex,\n defaultItemSize,\n sizeUpdateCount\n ]);\n const handleElementResizeCallback = (entries)=>{\n for (const entry of entries){\n const target = entry.target;\n // Call the elements own resize handler (indexed)\n target.handleResize();\n }\n };\n React.useEffect(()=>{\n widthArray.current = new Array(totalLength).fill(defaultItemSize);\n heightArray.current = new Array(totalLength).fill(defaultItemSize);\n }, [\n defaultItemSize,\n totalLength\n ]);\n // Keep the reference of ResizeObserver as a ref, as it should live through renders\n const resizeObserver = React.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));\n /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time\n * these refs then provide an indexed callback via attaching 'handleResize' to the element itself\n * this function is then called on resize by handleElementResize and relies on indexing\n * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.\n */ const createIndexedRef = React.useCallback((index)=>{\n const measureElementRef = (el)=>{\n if (!targetDocument || !resizeObserver.current) {\n return;\n }\n if (el) {\n el.handleResize = ()=>{\n handleIndexUpdate(index);\n };\n }\n // cleanup previous container\n if (refArray.current[index] !== undefined && refArray.current[index] !== null) {\n resizeObserver.current.unobserve(refArray.current[index]);\n }\n refArray.current[index] = undefined;\n if (el) {\n refArray.current[index] = el;\n resizeObserver.current.observe(el);\n handleIndexUpdate(index);\n }\n };\n return measureElementRef;\n }, [\n handleIndexUpdate,\n resizeObserver,\n targetDocument\n ]);\n React.useEffect(()=>{\n const _resizeObserver = resizeObserver;\n return ()=>{\n var _resizeObserver_current;\n return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();\n };\n }, [\n resizeObserver\n ]);\n return {\n widthArray,\n heightArray,\n createIndexedRef,\n refArray,\n sizeUpdateCount: sizeUpdateCount.current\n };\n}\n/**\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","useMeasureList","currentIndex","refLength","totalLength","defaultItemSize","widthArray","React","useRef","Array","fill","heightArray","refArray","targetDocument","useFluent","sizeUpdateCount","handleIndexUpdate","useCallback","index","_refArray_current_index","isChanged","boundClientRect","current","getBoundingClientRect","containerWidth","width","containerHeight","height","handleElementResizeCallback","entries","entry","target","handleResize","useEffect","resizeObserver","createIndexedRef","measureElementRef","el","undefined","unobserve","observe","_resizeObserver","_resizeObserver_current","disconnect","callback","_targetDocument_defaultView","defaultView","ResizeObserver"],"mappings":"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"}
1
+ {"version":3,"sources":["useMeasureList.js"],"sourcesContent":["import * as React from 'react';\nimport { useRef } from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Provides a way of automating size in the virtualizer\n * Returns\n * `width` - element width ref (0 by default),\n * `height` - element height ref (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */ export function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {\n const widthArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n const heightArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n const refArray = React.useRef([]);\n const { targetDocument } = useFluent();\n // This lets us trigger updates when a size change occurs.\n const sizeUpdateCount = useRef(0);\n // the handler for resize observer\n const handleIndexUpdate = React.useCallback((index)=>{\n var _refArray_current_index;\n let isChanged = false;\n const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();\n const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;\n if (containerWidth !== widthArray.current[currentIndex + index]) {\n isChanged = true;\n }\n widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;\n const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;\n if (containerHeight !== heightArray.current[currentIndex + index]) {\n isChanged = true;\n }\n heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;\n if (isChanged) {\n sizeUpdateCount.current = sizeUpdateCount.current + 1;\n }\n }, [\n currentIndex,\n defaultItemSize,\n sizeUpdateCount\n ]);\n const handleElementResizeCallback = (entries)=>{\n for (const entry of entries){\n const target = entry.target;\n // Call the elements own resize handler (indexed)\n target.handleResize();\n }\n };\n React.useEffect(()=>{\n widthArray.current = new Array(totalLength).fill(defaultItemSize);\n heightArray.current = new Array(totalLength).fill(defaultItemSize);\n }, [\n defaultItemSize,\n totalLength\n ]);\n // Keep the reference of ResizeObserver as a ref, as it should live through renders\n const resizeObserver = React.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));\n /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time\n * these refs then provide an indexed callback via attaching 'handleResize' to the element itself\n * this function is then called on resize by handleElementResize and relies on indexing\n * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.\n */ const createIndexedRef = React.useCallback((index)=>{\n const measureElementRef = (el)=>{\n if (!targetDocument || !resizeObserver.current) {\n return;\n }\n if (el) {\n el.handleResize = ()=>{\n handleIndexUpdate(index);\n };\n }\n // cleanup previous container\n if (refArray.current[index] !== undefined && refArray.current[index] !== null) {\n resizeObserver.current.unobserve(refArray.current[index]);\n }\n refArray.current[index] = undefined;\n if (el) {\n refArray.current[index] = el;\n resizeObserver.current.observe(el);\n handleIndexUpdate(index);\n }\n };\n return measureElementRef;\n }, [\n handleIndexUpdate,\n resizeObserver,\n targetDocument\n ]);\n React.useEffect(()=>{\n const _resizeObserver = resizeObserver;\n return ()=>{\n var _resizeObserver_current;\n return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();\n };\n }, [\n resizeObserver\n ]);\n return {\n widthArray,\n heightArray,\n createIndexedRef,\n refArray,\n sizeUpdateCount: sizeUpdateCount.current\n };\n}\n/**\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":["useMeasureList","createResizeObserverFromDocument","currentIndex","refLength","totalLength","defaultItemSize","widthArray","React","useRef","Array","fill","heightArray","refArray","targetDocument","useFluent","sizeUpdateCount","handleIndexUpdate","useCallback","index","_refArray_current_index","isChanged","boundClientRect","current","getBoundingClientRect","containerWidth","width","containerHeight","height","handleElementResizeCallback","entries","entry","target","handleResize","useEffect","resizeObserver","createIndexedRef","measureElementRef","el","undefined","unobserve","observe","_resizeObserver","_resizeObserver_current","disconnect","callback","_targetDocument_defaultView","defaultView","ResizeObserver"],"mappings":"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"}
@@ -12,71 +12,71 @@ _export(exports, {
12
12
  Virtualizer: function() {
13
13
  return _Virtualizer.Virtualizer;
14
14
  },
15
- VirtualizerContextProvider: function() {
16
- return _Utilities.VirtualizerContextProvider;
17
- },
18
- VirtualizerScrollView: function() {
19
- return _VirtualizerScrollView.VirtualizerScrollView;
20
- },
21
- VirtualizerScrollViewDynamic: function() {
22
- return _VirtualizerScrollViewDynamic.VirtualizerScrollViewDynamic;
23
- },
24
- renderVirtualizerScrollViewDynamic_unstable: function() {
25
- return _VirtualizerScrollViewDynamic.renderVirtualizerScrollViewDynamic_unstable;
15
+ virtualizerClassNames: function() {
16
+ return _Virtualizer.virtualizerClassNames;
26
17
  },
27
- renderVirtualizerScrollView_unstable: function() {
28
- return _VirtualizerScrollView.renderVirtualizerScrollView_unstable;
18
+ useVirtualizer_unstable: function() {
19
+ return _Virtualizer.useVirtualizer_unstable;
29
20
  },
30
21
  renderVirtualizer_unstable: function() {
31
22
  return _Virtualizer.renderVirtualizer_unstable;
32
23
  },
33
- scrollToItemDynamic: function() {
34
- return _Utilities.scrollToItemDynamic;
24
+ useVirtualizerStyles_unstable: function() {
25
+ return _Virtualizer.useVirtualizerStyles_unstable;
35
26
  },
36
- scrollToItemStatic: function() {
37
- return _Utilities.scrollToItemStatic;
27
+ useIntersectionObserver: function() {
28
+ return _Hooks.useIntersectionObserver;
29
+ },
30
+ useStaticVirtualizerMeasure: function() {
31
+ return _Hooks.useStaticVirtualizerMeasure;
38
32
  },
39
33
  useDynamicVirtualizerMeasure: function() {
40
34
  return _Hooks.useDynamicVirtualizerMeasure;
41
35
  },
42
- useIntersectionObserver: function() {
43
- return _Hooks.useIntersectionObserver;
44
- },
45
36
  useResizeObserverRef_unstable: function() {
46
37
  return _Hooks.useResizeObserverRef_unstable;
47
38
  },
48
- useStaticVirtualizerMeasure: function() {
49
- return _Hooks.useStaticVirtualizerMeasure;
39
+ VirtualizerContextProvider: function() {
40
+ return _Utilities.VirtualizerContextProvider;
50
41
  },
51
42
  useVirtualizerContext_unstable: function() {
52
43
  return _Utilities.useVirtualizerContext_unstable;
53
44
  },
54
- useVirtualizerScrollViewDynamicStyles_unstable: function() {
55
- return _VirtualizerScrollViewDynamic.useVirtualizerScrollViewDynamicStyles_unstable;
45
+ scrollToItemStatic: function() {
46
+ return _Utilities.scrollToItemStatic;
56
47
  },
57
- useVirtualizerScrollViewDynamic_unstable: function() {
58
- return _VirtualizerScrollViewDynamic.useVirtualizerScrollViewDynamic_unstable;
48
+ scrollToItemDynamic: function() {
49
+ return _Utilities.scrollToItemDynamic;
59
50
  },
60
- useVirtualizerScrollViewStyles_unstable: function() {
61
- return _VirtualizerScrollView.useVirtualizerScrollViewStyles_unstable;
51
+ VirtualizerScrollView: function() {
52
+ return _VirtualizerScrollView.VirtualizerScrollView;
53
+ },
54
+ virtualizerScrollViewClassNames: function() {
55
+ return _VirtualizerScrollView.virtualizerScrollViewClassNames;
62
56
  },
63
57
  useVirtualizerScrollView_unstable: function() {
64
58
  return _VirtualizerScrollView.useVirtualizerScrollView_unstable;
65
59
  },
66
- useVirtualizerStyles_unstable: function() {
67
- return _Virtualizer.useVirtualizerStyles_unstable;
68
- },
69
- useVirtualizer_unstable: function() {
70
- return _Virtualizer.useVirtualizer_unstable;
60
+ renderVirtualizerScrollView_unstable: function() {
61
+ return _VirtualizerScrollView.renderVirtualizerScrollView_unstable;
71
62
  },
72
- virtualizerClassNames: function() {
73
- return _Virtualizer.virtualizerClassNames;
63
+ useVirtualizerScrollViewStyles_unstable: function() {
64
+ return _VirtualizerScrollView.useVirtualizerScrollViewStyles_unstable;
74
65
  },
75
- virtualizerScrollViewClassNames: function() {
76
- return _VirtualizerScrollView.virtualizerScrollViewClassNames;
66
+ VirtualizerScrollViewDynamic: function() {
67
+ return _VirtualizerScrollViewDynamic.VirtualizerScrollViewDynamic;
77
68
  },
78
69
  virtualizerScrollViewDynamicClassNames: function() {
79
70
  return _VirtualizerScrollViewDynamic.virtualizerScrollViewDynamicClassNames;
71
+ },
72
+ useVirtualizerScrollViewDynamic_unstable: function() {
73
+ return _VirtualizerScrollViewDynamic.useVirtualizerScrollViewDynamic_unstable;
74
+ },
75
+ renderVirtualizerScrollViewDynamic_unstable: function() {
76
+ return _VirtualizerScrollViewDynamic.renderVirtualizerScrollViewDynamic_unstable;
77
+ },
78
+ useVirtualizerScrollViewDynamicStyles_unstable: function() {
79
+ return _VirtualizerScrollViewDynamic.useVirtualizerScrollViewDynamicStyles_unstable;
80
80
  }
81
81
  });
82
82
  const _Virtualizer = require("./Virtualizer");
@@ -1 +1 @@
1
- {"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","VirtualizerContextProvider","VirtualizerScrollView","VirtualizerScrollViewDynamic","renderVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollView_unstable","renderVirtualizer_unstable","scrollToItemDynamic","scrollToItemStatic","useDynamicVirtualizerMeasure","useIntersectionObserver","useResizeObserverRef_unstable","useStaticVirtualizerMeasure","useVirtualizerContext_unstable","useVirtualizerScrollViewDynamicStyles_unstable","useVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewStyles_unstable","useVirtualizerScrollView_unstable","useVirtualizerStyles_unstable","useVirtualizer_unstable","virtualizerClassNames","virtualizerScrollViewClassNames","virtualizerScrollViewDynamicClassNames"],"mappings":";;;;;;;;;;;IAASA,WAAW;eAAXA,wBAAW;;IAEXC,0BAA0B;eAA1BA,qCAA0B;;IAC1BC,qBAAqB;eAArBA,4CAAqB;;IACrBC,4BAA4B;eAA5BA,0DAA4B;;IAAoFC,2CAA2C;eAA3CA,yEAA2C;;IADhEC,oCAAoC;eAApCA,2DAAoC;;IAHlEC,0BAA0B;eAA1BA,uCAA0B;;IAEPC,mBAAmB;eAAnBA,8BAAmB;;IAAvCC,kBAAkB;eAAlBA,6BAAkB;;IADxBC,4BAA4B;eAA5BA,mCAA4B;;IAAlFC,uBAAuB;eAAvBA,8BAAuB;;IAA6DC,6BAA6B;eAA7BA,oCAA6B;;IAAxFC,2BAA2B;eAA3BA,kCAA2B;;IACxBC,8BAA8B;eAA9BA,yCAA8B;;IAEmGC,8CAA8C;eAA9CA,4EAA8C;;IAArIC,wCAAwC;eAAxCA,sEAAwC;;IADmBC,uCAAuC;eAAvCA,8DAAuC;;IAAhHC,iCAAiC;eAAjCA,wDAAiC;;IAHAC,6BAA6B;eAA7BA,0CAA6B;;IAAlFC,uBAAuB;eAAvBA,oCAAuB;;IAA9CC,qBAAqB;eAArBA,kCAAqB;;IAGXC,+BAA+B;eAA/BA,sDAA+B;;IACxBC,sCAAsC;eAAtCA,oEAAsC;;;6BAJ0D;uBACL;2BACd;uCACqE;8CACmC"}
1
+ {"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;eAAXA,wBAAW;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IACtHC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,2BAA2B;eAA3BA,kCAA2B;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IACjHC,0BAA0B;eAA1BA,qCAA0B;;IAAEC,8BAA8B;eAA9BA,yCAA8B;;IAAEC,kBAAkB;eAAlBA,6BAAkB;;IAAEC,mBAAmB;eAAnBA,8BAAmB;;IACnGC,qBAAqB;eAArBA,4CAAqB;;IAAEC,+BAA+B;eAA/BA,sDAA+B;;IAAEC,iCAAiC;eAAjCA,wDAAiC;;IAAEC,oCAAoC;eAApCA,2DAAoC;;IAAEC,uCAAuC;eAAvCA,8DAAuC;;IACxKC,4BAA4B;eAA5BA,0DAA4B;;IAAEC,sCAAsC;eAAtCA,oEAAsC;;IAAEC,wCAAwC;eAAxCA,sEAAwC;;IAAEC,2CAA2C;eAA3CA,yEAA2C;;IAAEC,8CAA8C;eAA9CA,4EAA8C;;;6BAJ7E;uBACL;2BACd;uCACqE;8CACmC"}
@@ -12,11 +12,11 @@ _export(exports, {
12
12
  VirtualizerContextProvider: function() {
13
13
  return VirtualizerContextProvider;
14
14
  },
15
- useVirtualizerContextState_unstable: function() {
16
- return useVirtualizerContextState_unstable;
17
- },
18
15
  useVirtualizerContext_unstable: function() {
19
16
  return useVirtualizerContext_unstable;
17
+ },
18
+ useVirtualizerContextState_unstable: function() {
19
+ return useVirtualizerContextState_unstable;
20
20
  }
21
21
  });
22
22
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -1 +1 @@
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 /* 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(()=>{\n var _ref;\n return (_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {\n contextIndex: _contextIndex,\n setContextIndex: _setContextIndex\n };\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","useVirtualizerContextState_unstable","useVirtualizerContext_unstable","VirtualizerContext","React","createContext","undefined","Provider","useContext","passedContext","virtualizerContext","_contextIndex","_setContextIndex","useState","_context","useMemo","_ref","contextIndex","setContextIndex","context"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B;eAA1BA;;IAIAC,mCAAmC;eAAnCA;;IAHAC,8BAA8B;eAA9BA;;;;iEAJU;AAEvB,MAAMC,mCAAqBC,OAAMC,aAAa,CAACC;AACxC,MAAMN,6BAA6BG,mBAAmBI,QAAQ;AAC9D,MAAML,iCAAiC;IAC1C,OAAOE,OAAMI,UAAU,CAACL;AAC5B;AACO,MAAMF,sCAAsC,CAACQ;IAChD,MAAMC,qBAAqBR;IAC3B,MAAM,CAACS,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IACpD;;GAED,GAAG,MAAMC,WAAWC,IAAAA,cAAO,EAAC;QACvB,IAAIC;QACJ,OAAO,AAACA,CAAAA,OAAOP,kBAAkB,QAAQA,kBAAkB,KAAK,IAAIA,gBAAgBC,kBAAiB,MAAO,QAAQM,SAAS,KAAK,IAAIA,OAAO;YACzIC,cAAcN;YACdO,iBAAiBN;QACrB;IACJ,GAAG;QACCD;QACAF;QACAC;KACH;IACD,MAAMS,UAAUJ,IAAAA,cAAO,EAAC;QACpB,OAAO;YACHE,cAAcH,SAASG,YAAY;YACnCC,iBAAiBJ,SAASI,eAAe;QAC7C;IACJ,GAAG;QACCJ;KACH;IACD,OAAOK;AACX"}
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 /* 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(()=>{\n var _ref;\n return (_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {\n contextIndex: _contextIndex,\n setContextIndex: _setContextIndex\n };\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","_context","useMemo","_ref","contextIndex","setContextIndex","context"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B;eAA1BA;;IACAC,8BAA8B;eAA9BA;;IAGAC,mCAAmC;eAAnCA;;;;iEAPU;AAEvB,MAAMC,mCAAqBC,OAAMC,aAAa,CAACC;AACxC,MAAMN,6BAA6BG,mBAAmBI,QAAQ;AAC9D,MAAMN,iCAAiC;IAC1C,OAAOG,OAAMI,UAAU,CAACL;AAC5B;AACO,MAAMD,sCAAsC,CAACO;IAChD,MAAMC,qBAAqBT;IAC3B,MAAM,CAACU,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IACpD;;GAED,GAAG,MAAMC,WAAWC,IAAAA,cAAO,EAAC;QACvB,IAAIC;QACJ,OAAO,AAACA,CAAAA,OAAOP,kBAAkB,QAAQA,kBAAkB,KAAK,IAAIA,gBAAgBC,kBAAiB,MAAO,QAAQM,SAAS,KAAK,IAAIA,OAAO;YACzIC,cAAcN;YACdO,iBAAiBN;QACrB;IACJ,GAAG;QACCD;QACAF;QACAC;KACH;IACD,MAAMS,UAAUJ,IAAAA,cAAO,EAAC;QACpB,OAAO;YACHE,cAAcH,SAASG,YAAY;YACnCC,iBAAiBJ,SAASI,eAAe;QAC7C;IACJ,GAAG;QACCJ;KACH;IACD,OAAOK;AACX"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-virtualizer",
3
- "version": "9.0.0-alpha.72",
3
+ "version": "9.0.0-alpha.73",
4
4
  "description": "Generic and composable virtualizer framework built on browser intersection observer",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -32,9 +32,9 @@
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-jsx-runtime": "^9.0.33",
36
- "@fluentui/react-utilities": "^9.18.4",
37
- "@fluentui/react-shared-contexts": "^9.15.1",
35
+ "@fluentui/react-jsx-runtime": "^9.0.34",
36
+ "@fluentui/react-utilities": "^9.18.5",
37
+ "@fluentui/react-shared-contexts": "^9.15.2",
38
38
  "@griffel/react": "^1.5.14",
39
39
  "@swc/helpers": "^0.5.1"
40
40
  },