@fluentui/react-virtualizer 9.0.0-alpha.37 → 9.0.0-alpha.39
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.
- package/CHANGELOG.json +55 -1
- package/CHANGELOG.md +24 -2
- package/lib/components/Virtualizer/Virtualizer.js.map +1 -1
- package/lib/components/Virtualizer/renderVirtualizer.js +17 -7
- package/lib/components/Virtualizer/renderVirtualizer.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizer.js +4 -3
- package/lib/components/Virtualizer/useVirtualizer.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizerStyles.styles.js.map +1 -1
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.js.map +1 -1
- package/lib/components/VirtualizerScrollView/renderVirtualizerScrollView.js +4 -2
- package/lib/components/VirtualizerScrollView/renderVirtualizerScrollView.js.map +1 -1
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js +2 -2
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js +4 -2
- package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js +6 -5
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/hooks/useDynamicVirtualizerMeasure.js +4 -3
- package/lib/hooks/useDynamicVirtualizerMeasure.js.map +1 -1
- package/lib/hooks/useIntersectionObserver.js +1 -1
- package/lib/hooks/useIntersectionObserver.js.map +1 -1
- package/lib/hooks/useResizeObserverRef.js +8 -4
- package/lib/hooks/useResizeObserverRef.js.map +1 -1
- package/lib/hooks/useVirtualizerMeasure.js +5 -4
- package/lib/hooks/useVirtualizerMeasure.js.map +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrolling.js +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrolling.js.map +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrollingDynamic.js +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrollingDynamic.js.map +1 -1
- package/lib/utilities/VirtualizerContext/VirtualizerContext.js.map +1 -1
- package/lib/utilities/debounce.js.map +1 -1
- package/lib-commonjs/Hooks.js +2 -2
- package/lib-commonjs/Hooks.js.map +1 -1
- package/lib-commonjs/Utilities.js +2 -2
- package/lib-commonjs/Utilities.js.map +1 -1
- package/lib-commonjs/Virtualizer.js +2 -2
- package/lib-commonjs/Virtualizer.js.map +1 -1
- package/lib-commonjs/VirtualizerScrollView.js +2 -2
- package/lib-commonjs/VirtualizerScrollView.js.map +1 -1
- package/lib-commonjs/VirtualizerScrollViewDynamic.js +2 -2
- package/lib-commonjs/VirtualizerScrollViewDynamic.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/Virtualizer.js +5 -3
- package/lib-commonjs/components/Virtualizer/Virtualizer.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.js +2 -2
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/index.js +6 -6
- package/lib-commonjs/components/Virtualizer/index.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/renderVirtualizer.js +27 -13
- package/lib-commonjs/components/Virtualizer/renderVirtualizer.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizer.js +16 -13
- package/lib-commonjs/components/Virtualizer/useVirtualizer.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.js +8 -4
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.js +7 -5
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/index.js +6 -6
- package/lib-commonjs/components/VirtualizerScrollView/index.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/renderVirtualizerScrollView.js +10 -6
- package/lib-commonjs/components/VirtualizerScrollView/renderVirtualizerScrollView.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollView.js +13 -11
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollView.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js +10 -6
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js +7 -5
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/index.js +6 -6
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/index.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js +10 -6
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js +19 -16
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js +10 -6
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js.map +1 -1
- package/lib-commonjs/hooks/index.js +6 -6
- package/lib-commonjs/hooks/index.js.map +1 -1
- package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.js +11 -8
- package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.js.map +1 -1
- package/lib-commonjs/hooks/useIntersectionObserver.js +8 -6
- package/lib-commonjs/hooks/useIntersectionObserver.js.map +1 -1
- package/lib-commonjs/hooks/useResizeObserverRef.js +16 -10
- package/lib-commonjs/hooks/useResizeObserverRef.js.map +1 -1
- package/lib-commonjs/hooks/useVirtualizerMeasure.js +10 -7
- package/lib-commonjs/hooks/useVirtualizerMeasure.js.map +1 -1
- package/lib-commonjs/index.js +74 -28
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.js +4 -2
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.js.map +1 -1
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrollingDynamic.js +4 -2
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrollingDynamic.js.map +1 -1
- package/lib-commonjs/utilities/ImperativeScrolling/index.js +4 -4
- package/lib-commonjs/utilities/ImperativeScrolling/index.js.map +1 -1
- package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js +11 -5
- package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js.map +1 -1
- package/lib-commonjs/utilities/VirtualizerContext/index.js +3 -3
- package/lib-commonjs/utilities/VirtualizerContext/index.js.map +1 -1
- package/lib-commonjs/utilities/debounce.js +3 -1
- package/lib-commonjs/utilities/debounce.js.map +1 -1
- package/lib-commonjs/utilities/index.js +3 -3
- package/lib-commonjs/utilities/index.js.map +1 -1
- package/package.json +8 -8
package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js
CHANGED
|
@@ -4,23 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useVirtualizerScrollViewDynamic_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useVirtualizerScrollViewDynamic_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
12
14
|
const _useVirtualizer = require("../Virtualizer/useVirtualizer");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _Hooks = require("../../Hooks");
|
|
16
|
+
const _Utilities = require("../../Utilities");
|
|
15
17
|
function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
+
var _contextState;
|
|
19
|
+
const contextState = (0, _Utilities.useVirtualizerContextState_unstable)(props.virtualizerContext);
|
|
20
|
+
const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;
|
|
18
21
|
var _props_axis, _contextState_contextIndex;
|
|
19
|
-
const { virtualizerLength
|
|
22
|
+
const { virtualizerLength, bufferItems, bufferSize, scrollRef } = (0, _Hooks.useDynamicVirtualizerMeasure)({
|
|
20
23
|
defaultItemSize: props.itemSize,
|
|
21
24
|
direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',
|
|
22
25
|
getItemSize: props.getItemSize,
|
|
23
|
-
currentIndex: (_contextState_contextIndex = contextState === null ||
|
|
26
|
+
currentIndex: (_contextState_contextIndex = (_contextState = contextState) === null || _contextState === void 0 ? void 0 : _contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,
|
|
24
27
|
numItems: props.numItems
|
|
25
28
|
});
|
|
26
29
|
// Store the virtualizer length as a ref for imperative ref access
|
|
@@ -28,20 +31,20 @@ function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
|
28
31
|
if (virtualizerLengthRef.current !== virtualizerLength) {
|
|
29
32
|
virtualizerLengthRef.current = virtualizerLength;
|
|
30
33
|
}
|
|
31
|
-
const scrollViewRef = (0,
|
|
34
|
+
const scrollViewRef = (0, _reactutilities.useMergedRefs)(props.scrollViewRef, scrollRef);
|
|
32
35
|
const scrollCallbackRef = _react.useRef(null);
|
|
33
|
-
const _imperativeVirtualizerRef = (0,
|
|
36
|
+
const _imperativeVirtualizerRef = (0, _reactutilities.useMergedRefs)(_react.useRef(null), imperativeVirtualizerRef);
|
|
34
37
|
(0, _react.useImperativeHandle)(imperativeRef, ()=>{
|
|
35
38
|
var _imperativeVirtualizerRef_current;
|
|
36
39
|
return {
|
|
37
40
|
scrollTo (index, behavior = 'auto', callback) {
|
|
38
41
|
scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;
|
|
39
42
|
if (_imperativeVirtualizerRef.current) {
|
|
40
|
-
var _imperativeVirtualizerRef_current;
|
|
43
|
+
var _progressiveSizes, _imperativeVirtualizerRef_current;
|
|
41
44
|
const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;
|
|
42
|
-
const totalSize = progressiveSizes && (progressiveSizes === null ||
|
|
45
|
+
const totalSize = progressiveSizes && ((_progressiveSizes = progressiveSizes) === null || _progressiveSizes === void 0 ? void 0 : _progressiveSizes.length) > 0 ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)] : 0;
|
|
43
46
|
_imperativeVirtualizerRef.current.setFlaggedIndex(index);
|
|
44
|
-
(0,
|
|
47
|
+
(0, _Utilities.scrollToItemDynamic)({
|
|
45
48
|
index,
|
|
46
49
|
itemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.nodeSizes,
|
|
47
50
|
totalSize,
|
|
@@ -82,7 +85,7 @@ function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
|
82
85
|
...virtualizerState.components,
|
|
83
86
|
container: 'div'
|
|
84
87
|
},
|
|
85
|
-
container:
|
|
88
|
+
container: _reactutilities.slot.always(props.container, {
|
|
86
89
|
defaultProps: {
|
|
87
90
|
ref: scrollViewRef
|
|
88
91
|
},
|
package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useVirtualizerScrollViewDynamic.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport { useImperativeHandle } from 'react';\nexport function useVirtualizerScrollViewDynamic_unstable(props) {\n const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n const { imperativeRef
|
|
1
|
+
{"version":3,"sources":["useVirtualizerScrollViewDynamic.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport { useImperativeHandle } from 'react';\nexport function useVirtualizerScrollViewDynamic_unstable(props) {\n var _contextState;\n const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;\n var _props_axis, _contextState_contextIndex;\n const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({\n defaultItemSize: props.itemSize,\n direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',\n getItemSize: props.getItemSize,\n currentIndex: (_contextState_contextIndex = (_contextState = contextState) === null || _contextState === void 0 ? void 0 : _contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,\n numItems: props.numItems\n });\n // Store the virtualizer length as a ref for imperative ref access\n const virtualizerLengthRef = React.useRef(virtualizerLength);\n if (virtualizerLengthRef.current !== virtualizerLength) {\n virtualizerLengthRef.current = virtualizerLength;\n }\n const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef);\n const scrollCallbackRef = React.useRef(null);\n const _imperativeVirtualizerRef = useMergedRefs(React.useRef(null), imperativeVirtualizerRef);\n useImperativeHandle(imperativeRef, ()=>{\n var _imperativeVirtualizerRef_current;\n return {\n scrollTo (index, behavior = 'auto', callback) {\n scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;\n if (_imperativeVirtualizerRef.current) {\n var _progressiveSizes, _imperativeVirtualizerRef_current;\n const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n const totalSize = progressiveSizes && ((_progressiveSizes = progressiveSizes) === null || _progressiveSizes === void 0 ? void 0 : _progressiveSizes.length) > 0 ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)] : 0;\n _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n scrollToItemDynamic({\n index,\n itemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.nodeSizes,\n totalSize,\n scrollViewRef,\n axis,\n reversed,\n behavior\n });\n }\n },\n currentIndex: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,\n virtualizerLength: virtualizerLengthRef\n };\n }, [\n axis,\n scrollViewRef,\n reversed,\n _imperativeVirtualizerRef\n ]);\n const handleRenderedIndex = (index)=>{\n if (scrollCallbackRef.current) {\n scrollCallbackRef.current(index);\n }\n };\n const virtualizerState = useVirtualizer_unstable({\n ...props,\n virtualizerLength,\n bufferItems,\n bufferSize,\n scrollViewRef,\n virtualizerContext: contextState,\n imperativeVirtualizerRef: _imperativeVirtualizerRef,\n onRenderedFlaggedIndex: handleRenderedIndex\n });\n return {\n ...virtualizerState,\n components: {\n ...virtualizerState.components,\n container: 'div'\n },\n container: slot.always(props.container, {\n defaultProps: {\n ref: scrollViewRef\n },\n elementType: 'div'\n })\n };\n}\n"],"names":["useVirtualizerScrollViewDynamic_unstable","props","_contextState","contextState","useVirtualizerContextState_unstable","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","_props_axis","_contextState_contextIndex","virtualizerLength","bufferItems","bufferSize","scrollRef","useDynamicVirtualizerMeasure","defaultItemSize","itemSize","direction","getItemSize","currentIndex","contextIndex","numItems","virtualizerLengthRef","React","useRef","current","scrollViewRef","useMergedRefs","scrollCallbackRef","_imperativeVirtualizerRef","useImperativeHandle","_imperativeVirtualizerRef_current","scrollTo","index","behavior","callback","_progressiveSizes","progressiveSizes","totalSize","length","Math","max","setFlaggedIndex","scrollToItemDynamic","itemSizes","nodeSizes","handleRenderedIndex","virtualizerState","useVirtualizer_unstable","onRenderedFlaggedIndex","components","container","slot","always","defaultProps","ref","elementType"],"mappings":"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"}
|
|
@@ -9,17 +9,21 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
virtualizerScrollViewDynamicClassNames: ()
|
|
13
|
-
|
|
12
|
+
virtualizerScrollViewDynamicClassNames: function() {
|
|
13
|
+
return virtualizerScrollViewDynamicClassNames;
|
|
14
|
+
},
|
|
15
|
+
useVirtualizerScrollViewDynamicStyles_unstable: function() {
|
|
16
|
+
return useVirtualizerScrollViewDynamicStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
|
-
const
|
|
19
|
+
const _useVirtualizerStylesstyles = require("../Virtualizer/useVirtualizerStyles.styles");
|
|
16
20
|
const _react = require("@griffel/react");
|
|
17
21
|
const virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';
|
|
18
22
|
const virtualizerScrollViewDynamicClassNames = {
|
|
19
|
-
...
|
|
23
|
+
..._useVirtualizerStylesstyles.virtualizerClassNames,
|
|
20
24
|
container: `${virtualizerScrollViewDynamicClassName}__container`
|
|
21
25
|
};
|
|
22
|
-
const useStyles = /*#__PURE__*/ (0, _react
|
|
26
|
+
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
23
27
|
base: {
|
|
24
28
|
mc9l5x: "f22iagw",
|
|
25
29
|
a9b677: "fly5x3f",
|
|
@@ -57,7 +61,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
57
61
|
const useVirtualizerScrollViewDynamicStyles_unstable = (state)=>{
|
|
58
62
|
const styles = useStyles();
|
|
59
63
|
// Default virtualizer styles base
|
|
60
|
-
(0,
|
|
64
|
+
(0, _useVirtualizerStylesstyles.useVirtualizerStyles_unstable)(state);
|
|
61
65
|
const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
|
|
62
66
|
// Add container styles
|
|
63
67
|
state.container.className = (0, _react.mergeClasses)(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);
|
|
@@ -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":["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
|
|
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"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./useIntersectionObserver"), exports);
|
|
7
|
+
_export_star._(require("./useVirtualizerMeasure"), exports);
|
|
8
|
+
_export_star._(require("./useDynamicVirtualizerMeasure"), exports);
|
|
9
|
+
_export_star._(require("./useResizeObserverRef"), exports);
|
|
10
|
+
_export_star._(require("./hooks.types"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useIntersectionObserver';\nexport * from './useVirtualizerMeasure';\nexport * from './useDynamicVirtualizerMeasure';\nexport * from './useResizeObserverRef';\nexport * from './hooks.types';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useIntersectionObserver';\nexport * from './useVirtualizerMeasure';\nexport * from './useDynamicVirtualizerMeasure';\nexport * from './useResizeObserverRef';\nexport * from './hooks.types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useDynamicVirtualizerMeasure", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useDynamicVirtualizerMeasure;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
12
14
|
const _useResizeObserverRef = require("./useResizeObserverRef");
|
|
13
15
|
const useDynamicVirtualizerMeasure = (virtualizerProps)=>{
|
|
14
|
-
const { defaultItemSize
|
|
16
|
+
const { defaultItemSize, direction = 'vertical', numItems, getItemSize, currentIndex } = virtualizerProps;
|
|
15
17
|
const indexRef = (0, _react.useRef)(currentIndex);
|
|
16
18
|
indexRef.current = currentIndex;
|
|
17
19
|
const [state, setState] = _react.useState({
|
|
@@ -19,10 +21,11 @@ const useDynamicVirtualizerMeasure = (virtualizerProps)=>{
|
|
|
19
21
|
virtualizerBufferItems: 0,
|
|
20
22
|
virtualizerBufferSize: 0
|
|
21
23
|
});
|
|
22
|
-
const { virtualizerLength
|
|
24
|
+
const { virtualizerLength, virtualizerBufferItems, virtualizerBufferSize } = state;
|
|
23
25
|
const container = _react.useRef(null);
|
|
24
26
|
const handleScrollResize = _react.useCallback((scrollRef)=>{
|
|
25
|
-
|
|
27
|
+
var _scrollRef;
|
|
28
|
+
if (!((_scrollRef = scrollRef) === null || _scrollRef === void 0 ? void 0 : _scrollRef.current)) {
|
|
26
29
|
// Error? ignore?
|
|
27
30
|
return;
|
|
28
31
|
}
|
|
@@ -64,7 +67,7 @@ const useDynamicVirtualizerMeasure = (virtualizerProps)=>{
|
|
|
64
67
|
handleScrollResize
|
|
65
68
|
]);
|
|
66
69
|
const scrollRef = (0, _useResizeObserverRef.useResizeObserverRef_unstable)(resizeCallback);
|
|
67
|
-
(0,
|
|
70
|
+
(0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
|
|
68
71
|
var _container_current, _container_current1;
|
|
69
72
|
if (!container.current) {
|
|
70
73
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDynamicVirtualizerMeasure.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\nimport { useRef } from 'react';\n/**\n * React hook that measures virtualized space dynamically to ensure optimized virtualization length.\n */ export const useDynamicVirtualizerMeasure = (virtualizerProps)=>{\n const { defaultItemSize
|
|
1
|
+
{"version":3,"sources":["useDynamicVirtualizerMeasure.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\nimport { useRef } from 'react';\n/**\n * React hook that measures virtualized space dynamically to ensure optimized virtualization length.\n */ export const useDynamicVirtualizerMeasure = (virtualizerProps)=>{\n const { defaultItemSize, direction = 'vertical', numItems, getItemSize, currentIndex } = virtualizerProps;\n const indexRef = useRef(currentIndex);\n indexRef.current = currentIndex;\n const [state, setState] = React.useState({\n virtualizerLength: 0,\n virtualizerBufferItems: 0,\n virtualizerBufferSize: 0\n });\n const { virtualizerLength, virtualizerBufferItems, virtualizerBufferSize } = state;\n const container = React.useRef(null);\n const handleScrollResize = React.useCallback((scrollRef)=>{\n var _scrollRef;\n if (!((_scrollRef = scrollRef) === null || _scrollRef === void 0 ? void 0 : _scrollRef.current)) {\n // Error? ignore?\n return;\n }\n if (scrollRef.current !== container.current) {\n container.current = scrollRef.current;\n }\n const containerSize = direction === 'vertical' ? scrollRef.current.getBoundingClientRect().height : scrollRef.current.getBoundingClientRect().width;\n let indexSizer = 0;\n let length = 0;\n while(indexSizer <= containerSize && length < numItems){\n const iItemSize = getItemSize(indexRef.current + length);\n // Increment\n indexSizer += iItemSize;\n length++;\n }\n /*\n * Number of items to append at each end, i.e. 'preload' each side before entering view.\n */ const bufferItems = Math.max(Math.floor(length / 4), 4);\n /*\n * This is how far we deviate into the bufferItems to detect a redraw.\n */ const bufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);\n const totalLength = length + bufferItems * 2 + 1;\n setState({\n virtualizerLength: totalLength,\n virtualizerBufferSize: bufferSize,\n virtualizerBufferItems: bufferItems\n });\n }, [\n defaultItemSize,\n direction,\n getItemSize,\n numItems\n ]);\n const resizeCallback = React.useCallback((_entries, _observer, scrollRef)=>{\n if (scrollRef) {\n handleScrollResize(scrollRef);\n }\n }, [\n handleScrollResize\n ]);\n const scrollRef = useResizeObserverRef_unstable(resizeCallback);\n useIsomorphicLayoutEffect(()=>{\n var _container_current, _container_current1;\n if (!container.current) {\n return;\n }\n const containerSize = direction === 'vertical' ? ((_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().height) * 1.5 : ((_container_current1 = container.current) === null || _container_current1 === void 0 ? void 0 : _container_current1.getBoundingClientRect().width) * 1.5;\n let couldBeSmaller = false;\n let recheckTotal = 0;\n for(let i = currentIndex; i < currentIndex + virtualizerLength; i++){\n const newItemSize = getItemSize(i);\n recheckTotal += newItemSize;\n const newLength = i - currentIndex;\n const bufferItems = Math.max(Math.floor(newLength / 4), 2);\n const totalNewLength = newLength + bufferItems * 2 + 4;\n const compareLengths = totalNewLength < virtualizerLength;\n if (recheckTotal > containerSize && compareLengths) {\n couldBeSmaller = true;\n break;\n }\n }\n // Check if the render has caused us to need a re-calc of virtualizer length\n if (recheckTotal < containerSize || couldBeSmaller) {\n handleScrollResize(container);\n }\n }, [\n getItemSize,\n currentIndex,\n direction,\n virtualizerLength,\n resizeCallback,\n handleScrollResize\n ]);\n return {\n virtualizerLength,\n bufferItems: virtualizerBufferItems,\n bufferSize: virtualizerBufferSize,\n scrollRef\n };\n};\n"],"names":["useDynamicVirtualizerMeasure","virtualizerProps","defaultItemSize","direction","numItems","getItemSize","currentIndex","indexRef","useRef","current","state","setState","React","useState","virtualizerLength","virtualizerBufferItems","virtualizerBufferSize","container","handleScrollResize","useCallback","scrollRef","_scrollRef","containerSize","getBoundingClientRect","height","width","indexSizer","length","iItemSize","bufferItems","Math","max","floor","bufferSize","totalLength","resizeCallback","_entries","_observer","useResizeObserverRef_unstable","useIsomorphicLayoutEffect","_container_current","_container_current1","couldBeSmaller","recheckTotal","i","newItemSize","newLength","totalNewLength","compareLengths"],"mappings":"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"}
|
|
@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useIntersectionObserver", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useIntersectionObserver;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const { useState
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
const { useState, useRef } = _react;
|
|
13
15
|
const useIntersectionObserver = (callback, options)=>{
|
|
14
16
|
const observer = useRef();
|
|
15
17
|
const [observerList, setObserverList] = useState();
|
|
16
18
|
const [observerInit, setObserverInit] = useState(options);
|
|
17
19
|
// Observer elements in passed in list and clean up previous list
|
|
18
20
|
// This effect is only triggered when observerList is updated
|
|
19
|
-
(0,
|
|
21
|
+
(0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
|
|
20
22
|
observer.current = new IntersectionObserver(callback, observerInit);
|
|
21
23
|
// If we have an instance of IO and a list with elements, observer the elements
|
|
22
24
|
if (observer.current && observerList && observerList.length > 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useIntersectionObserver.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nconst { useState
|
|
1
|
+
{"version":3,"sources":["useIntersectionObserver.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nconst { useState, useRef } = React;\n/**\n * React hook that allows easy usage of the browser API IntersectionObserver within React\n * @param callback - A function called when the percentage of the target element is visible crosses a threshold.\n * @param options - An optional object which customizes the observer. If options isn't specified, the observer uses the\n * document's viewport as the root, with no margin, and a 0% threshold (meaning that even a one-pixel change is\n * enough to trigger a callback).\n * @returns An array containing a callback to update the list of Elements the observer should listen to, a callback to\n * update the init options of the IntersectionObserver and a ref to the IntersectionObserver instance itself.\n */ export const useIntersectionObserver = (callback, options)=>{\n const observer = useRef();\n const [observerList, setObserverList] = useState();\n const [observerInit, setObserverInit] = useState(options);\n // Observer elements in passed in list and clean up previous list\n // This effect is only triggered when observerList is updated\n useIsomorphicLayoutEffect(()=>{\n observer.current = new IntersectionObserver(callback, observerInit);\n // If we have an instance of IO and a list with elements, observer the elements\n if (observer.current && observerList && observerList.length > 0) {\n observerList.forEach((element)=>{\n var _observer_current;\n (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.observe(element);\n });\n }\n // clean up previous elements being listened to\n return ()=>{\n if (observer.current) {\n observer.current.disconnect();\n }\n };\n }, [\n observerList,\n observerInit,\n callback\n ]);\n return {\n setObserverList,\n setObserverInit,\n observer\n };\n};\n"],"names":["useIntersectionObserver","useState","useRef","React","callback","options","observer","observerList","setObserverList","observerInit","setObserverInit","useIsomorphicLayoutEffect","current","IntersectionObserver","length","forEach","element","_observer_current","observe","disconnect"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACmB;AAC1C,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC;AASlB,MAAMH,0BAA0B,CAACI,UAAUC;IAClD,MAAMC,WAAWJ;IACjB,MAAM,CAACK,cAAcC,gBAAgB,GAAGP;IACxC,MAAM,CAACQ,cAAcC,gBAAgB,GAAGT,SAASI;IACjD,iEAAiE;IACjE,6DAA6D;IAC7DM,IAAAA,yCAAyB,EAAC;QACtBL,SAASM,OAAO,GAAG,IAAIC,qBAAqBT,UAAUK;QACtD,+EAA+E;QAC/E,IAAIH,SAASM,OAAO,IAAIL,gBAAgBA,aAAaO,MAAM,GAAG,GAAG;YAC7DP,aAAaQ,OAAO,CAAC,CAACC;gBAClB,IAAIC;gBACHA,CAAAA,oBAAoBX,SAASM,OAAO,AAAD,MAAO,QAAQK,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBC,OAAO,CAACF;YACzH;QACJ;QACA,+CAA+C;QAC/C,OAAO;YACH,IAAIV,SAASM,OAAO,EAAE;gBAClBN,SAASM,OAAO,CAACO,UAAU;YAC/B;QACJ;IACJ,GAAG;QACCZ;QACAE;QACAL;KACH;IACD,OAAO;QACHI;QACAE;QACAJ;IACJ;AACJ"}
|
|
@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useResizeObserverRef_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useResizeObserverRef_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _debounce = require("../utilities/debounce");
|
|
12
|
-
const
|
|
14
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
15
|
const useResizeObserverRef_unstable = (resizeCallback)=>{
|
|
14
16
|
const container = _react.useRef(null);
|
|
15
17
|
// the handler for resize observer
|
|
@@ -17,31 +19,35 @@ const useResizeObserverRef_unstable = (resizeCallback)=>{
|
|
|
17
19
|
resizeCallback(entries, observer, container);
|
|
18
20
|
});
|
|
19
21
|
// Keep the reference of ResizeObserver in the state, as it should live through renders
|
|
20
|
-
const [resizeObserver, setResizeObserver] = _react.useState(()=>(0,
|
|
22
|
+
const [resizeObserver, setResizeObserver] = _react.useState(()=>(0, _reactutilities.canUseDOM)() ? new ResizeObserver(handleResize) : undefined);
|
|
21
23
|
_react.useEffect(()=>{
|
|
24
|
+
var _resizeObserver;
|
|
22
25
|
// Update our state when resizeCallback changes
|
|
23
26
|
container.current = null;
|
|
24
|
-
resizeObserver === null ||
|
|
25
|
-
setResizeObserver((0,
|
|
27
|
+
(_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.disconnect();
|
|
28
|
+
setResizeObserver((0, _reactutilities.canUseDOM)() ? new ResizeObserver(handleResize) : undefined);
|
|
26
29
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
30
|
}, [
|
|
28
31
|
resizeCallback
|
|
29
32
|
]);
|
|
30
33
|
_react.useEffect(()=>{
|
|
31
34
|
return ()=>{
|
|
35
|
+
var _resizeObserver;
|
|
32
36
|
container.current = null;
|
|
33
|
-
resizeObserver === null ||
|
|
37
|
+
(_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.disconnect();
|
|
34
38
|
};
|
|
35
39
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
40
|
}, []);
|
|
37
41
|
const scrollRef = _react.useCallback((instance)=>{
|
|
38
42
|
if (container.current !== instance) {
|
|
39
43
|
if (container.current) {
|
|
40
|
-
|
|
44
|
+
var _resizeObserver;
|
|
45
|
+
(_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.unobserve(container.current);
|
|
41
46
|
}
|
|
42
47
|
container.current = instance;
|
|
43
48
|
if (container.current) {
|
|
44
|
-
|
|
49
|
+
var _resizeObserver1;
|
|
50
|
+
(_resizeObserver1 = resizeObserver) === null || _resizeObserver1 === void 0 ? void 0 : _resizeObserver1.observe(container.current);
|
|
45
51
|
}
|
|
46
52
|
}
|
|
47
53
|
}, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useResizeObserverRef.js"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utilities/debounce';\nimport { canUseDOM } from '@fluentui/react-utilities';\n/**\n * useResizeObserverRef_unstable simplifies resize observer connection and ensures debounce/cleanup\n */ export const useResizeObserverRef_unstable = (resizeCallback)=>{\n const container = React.useRef(null);\n // the handler for resize observer\n const handleResize = debounce((entries, observer)=>{\n resizeCallback(entries, observer, container);\n });\n // Keep the reference of ResizeObserver in the state, as it should live through renders\n const [resizeObserver, setResizeObserver] = React.useState(()=>canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n React.useEffect(()=>{\n // Update our state when resizeCallback changes\n container.current = null;\n resizeObserver === null ||
|
|
1
|
+
{"version":3,"sources":["useResizeObserverRef.js"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utilities/debounce';\nimport { canUseDOM } from '@fluentui/react-utilities';\n/**\n * useResizeObserverRef_unstable simplifies resize observer connection and ensures debounce/cleanup\n */ export const useResizeObserverRef_unstable = (resizeCallback)=>{\n const container = React.useRef(null);\n // the handler for resize observer\n const handleResize = debounce((entries, observer)=>{\n resizeCallback(entries, observer, container);\n });\n // Keep the reference of ResizeObserver in the state, as it should live through renders\n const [resizeObserver, setResizeObserver] = React.useState(()=>canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n React.useEffect(()=>{\n var _resizeObserver;\n // Update our state when resizeCallback changes\n container.current = null;\n (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.disconnect();\n setResizeObserver(canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n resizeCallback\n ]);\n React.useEffect(()=>{\n return ()=>{\n var _resizeObserver;\n container.current = null;\n (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.disconnect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n const scrollRef = React.useCallback((instance)=>{\n if (container.current !== instance) {\n if (container.current) {\n var _resizeObserver;\n (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.unobserve(container.current);\n }\n container.current = instance;\n if (container.current) {\n var _resizeObserver1;\n (_resizeObserver1 = resizeObserver) === null || _resizeObserver1 === void 0 ? void 0 : _resizeObserver1.observe(container.current);\n }\n }\n }, [\n resizeObserver\n ]);\n return scrollRef;\n};\n"],"names":["useResizeObserverRef_unstable","resizeCallback","container","React","useRef","handleResize","debounce","entries","observer","resizeObserver","setResizeObserver","useState","canUseDOM","ResizeObserver","undefined","useEffect","_resizeObserver","current","disconnect","scrollRef","useCallback","instance","unobserve","_resizeObserver1","observe"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;0BACE;gCACC;AAGf,MAAMA,gCAAgC,CAACC;IAC9C,MAAMC,YAAYC,OAAMC,MAAM,CAAC;IAC/B,kCAAkC;IAClC,MAAMC,eAAeC,IAAAA,kBAAQ,EAAC,CAACC,SAASC;QACpCP,eAAeM,SAASC,UAAUN;IACtC;IACA,uFAAuF;IACvF,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGP,OAAMQ,QAAQ,CAAC,IAAIC,IAAAA,yBAAS,MAAK,IAAIC,eAAeR,gBAAgBS;IAChHX,OAAMY,SAAS,CAAC;QACZ,IAAIC;QACJ,+CAA+C;QAC/Cd,UAAUe,OAAO,GAAG;QACnBD,CAAAA,kBAAkBP,cAAa,MAAO,QAAQO,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBE,UAAU;QAC/GR,kBAAkBE,IAAAA,yBAAS,MAAK,IAAIC,eAAeR,gBAAgBS;IACvE,uDAAuD;IACvD,GAAG;QACCb;KACH;IACDE,OAAMY,SAAS,CAAC;QACZ,OAAO;YACH,IAAIC;YACJd,UAAUe,OAAO,GAAG;YACnBD,CAAAA,kBAAkBP,cAAa,MAAO,QAAQO,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBE,UAAU;QACnH;IACJ,uDAAuD;IACvD,GAAG,EAAE;IACL,MAAMC,YAAYhB,OAAMiB,WAAW,CAAC,CAACC;QACjC,IAAInB,UAAUe,OAAO,KAAKI,UAAU;YAChC,IAAInB,UAAUe,OAAO,EAAE;gBACnB,IAAID;gBACHA,CAAAA,kBAAkBP,cAAa,MAAO,QAAQO,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBM,SAAS,CAACpB,UAAUe,OAAO;YACpI;YACAf,UAAUe,OAAO,GAAGI;YACpB,IAAInB,UAAUe,OAAO,EAAE;gBACnB,IAAIM;gBACHA,CAAAA,mBAAmBd,cAAa,MAAO,QAAQc,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBC,OAAO,CAACtB,UAAUe,OAAO;YACrI;QACJ;IACJ,GAAG;QACCR;KACH;IACD,OAAOU;AACX"}
|
|
@@ -4,24 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useStaticVirtualizerMeasure", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useStaticVirtualizerMeasure;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useResizeObserverRef = require("./useResizeObserverRef");
|
|
12
14
|
const useStaticVirtualizerMeasure = (virtualizerProps)=>{
|
|
13
|
-
const { defaultItemSize
|
|
15
|
+
const { defaultItemSize, direction = 'vertical' } = virtualizerProps;
|
|
14
16
|
const [state, setState] = _react.useState({
|
|
15
17
|
virtualizerLength: 0,
|
|
16
18
|
bufferSize: 0,
|
|
17
19
|
bufferItems: 0
|
|
18
20
|
});
|
|
19
|
-
const { virtualizerLength
|
|
21
|
+
const { virtualizerLength, bufferItems, bufferSize } = state;
|
|
20
22
|
const resizeCallback = _react.useCallback((_entries, _observer, scrollRef)=>{
|
|
21
|
-
|
|
23
|
+
var _scrollRef, _scrollRef1, _scrollRef2;
|
|
24
|
+
if (!((_scrollRef = scrollRef) === null || _scrollRef === void 0 ? void 0 : _scrollRef.current)) {
|
|
22
25
|
return;
|
|
23
26
|
}
|
|
24
|
-
const containerSize = direction === 'vertical' ? scrollRef === null ||
|
|
27
|
+
const containerSize = direction === 'vertical' ? (_scrollRef1 = scrollRef) === null || _scrollRef1 === void 0 ? void 0 : _scrollRef1.current.getBoundingClientRect().height : (_scrollRef2 = scrollRef) === null || _scrollRef2 === void 0 ? void 0 : _scrollRef2.current.getBoundingClientRect().width;
|
|
25
28
|
/*
|
|
26
29
|
* Number of items required to cover viewport.
|
|
27
30
|
*/ const length = Math.ceil(containerSize / defaultItemSize + 1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useVirtualizerMeasure.js"],"sourcesContent":["import * as React from 'react';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\n/**\n * React hook that measures virtualized space based on a static size to ensure optimized virtualization length.\n */ export const useStaticVirtualizerMeasure = (virtualizerProps)=>{\n const { defaultItemSize
|
|
1
|
+
{"version":3,"sources":["useVirtualizerMeasure.js"],"sourcesContent":["import * as React from 'react';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\n/**\n * React hook that measures virtualized space based on a static size to ensure optimized virtualization length.\n */ export const useStaticVirtualizerMeasure = (virtualizerProps)=>{\n const { defaultItemSize, direction = 'vertical' } = virtualizerProps;\n const [state, setState] = React.useState({\n virtualizerLength: 0,\n bufferSize: 0,\n bufferItems: 0\n });\n const { virtualizerLength, bufferItems, bufferSize } = state;\n const resizeCallback = React.useCallback((_entries, _observer, scrollRef)=>{\n var _scrollRef, _scrollRef1, _scrollRef2;\n if (!((_scrollRef = scrollRef) === null || _scrollRef === void 0 ? void 0 : _scrollRef.current)) {\n return;\n }\n const containerSize = direction === 'vertical' ? (_scrollRef1 = scrollRef) === null || _scrollRef1 === void 0 ? void 0 : _scrollRef1.current.getBoundingClientRect().height : (_scrollRef2 = scrollRef) === null || _scrollRef2 === void 0 ? void 0 : _scrollRef2.current.getBoundingClientRect().width;\n /*\n * Number of items required to cover viewport.\n */ const length = Math.ceil(containerSize / defaultItemSize + 1);\n /*\n * Number of items to append at each end, i.e. 'preload' each side before entering view.\n */ const newBufferItems = Math.max(Math.floor(length / 4), 2);\n /*\n * This is how far we deviate into the bufferItems to detect a redraw.\n */ const newBufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);\n const totalLength = length + newBufferItems * 2 + 1;\n setState({\n virtualizerLength: totalLength,\n bufferItems: newBufferItems,\n bufferSize: newBufferSize\n });\n }, [\n defaultItemSize,\n direction\n ]);\n const scrollRef = useResizeObserverRef_unstable(resizeCallback);\n return {\n virtualizerLength,\n bufferItems,\n bufferSize,\n scrollRef\n };\n};\n"],"names":["useStaticVirtualizerMeasure","virtualizerProps","defaultItemSize","direction","state","setState","React","useState","virtualizerLength","bufferSize","bufferItems","resizeCallback","useCallback","_entries","_observer","scrollRef","_scrollRef","_scrollRef1","_scrollRef2","current","containerSize","getBoundingClientRect","height","width","length","Math","ceil","newBufferItems","max","floor","newBufferSize","totalLength","useResizeObserverRef_unstable"],"mappings":";;;;+BAIiBA;;;eAAAA;;;;iEAJM;sCACuB;AAGnC,MAAMA,8BAA8B,CAACC;IAC5C,MAAM,EAAEC,eAAe,EAAEC,YAAY,UAAU,EAAE,GAAGF;IACpD,MAAM,CAACG,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;QACrCC,mBAAmB;QACnBC,YAAY;QACZC,aAAa;IACjB;IACA,MAAM,EAAEF,iBAAiB,EAAEE,WAAW,EAAED,UAAU,EAAE,GAAGL;IACvD,MAAMO,iBAAiBL,OAAMM,WAAW,CAAC,CAACC,UAAUC,WAAWC;QAC3D,IAAIC,YAAYC,aAAaC;QAC7B,IAAI,CAAE,CAAA,AAACF,CAAAA,aAAaD,SAAQ,MAAO,QAAQC,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWG,OAAO,AAAD,GAAI;YAC7F;QACJ;QACA,MAAMC,gBAAgBjB,cAAc,aAAa,AAACc,CAAAA,cAAcF,SAAQ,MAAO,QAAQE,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYE,OAAO,CAACE,qBAAqB,GAAGC,MAAM,GAAG,AAACJ,CAAAA,cAAcH,SAAQ,MAAO,QAAQG,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYC,OAAO,CAACE,qBAAqB,GAAGE,KAAK;QACvS;;OAED,GAAG,MAAMC,SAASC,KAAKC,IAAI,CAACN,gBAAgBlB,kBAAkB;QAC7D;;OAED,GAAG,MAAMyB,iBAAiBF,KAAKG,GAAG,CAACH,KAAKI,KAAK,CAACL,SAAS,IAAI;QAC1D;;OAED,GAAG,MAAMM,gBAAgBL,KAAKG,GAAG,CAACH,KAAKI,KAAK,CAACL,SAAS,IAAItB,kBAAkB;QAC3E,MAAM6B,cAAcP,SAASG,iBAAiB,IAAI;QAClDtB,SAAS;YACLG,mBAAmBuB;YACnBrB,aAAaiB;YACblB,YAAYqB;QAChB;IACJ,GAAG;QACC5B;QACAC;KACH;IACD,MAAMY,YAAYiB,IAAAA,mDAA6B,EAACrB;IAChD,OAAO;QACHH;QACAE;QACAD;QACAM;IACJ;AACJ"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -9,32 +9,78 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
Virtualizer: ()
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
12
|
+
Virtualizer: function() {
|
|
13
|
+
return _Virtualizer.Virtualizer;
|
|
14
|
+
},
|
|
15
|
+
virtualizerClassNames: function() {
|
|
16
|
+
return _Virtualizer.virtualizerClassNames;
|
|
17
|
+
},
|
|
18
|
+
useVirtualizer_unstable: function() {
|
|
19
|
+
return _Virtualizer.useVirtualizer_unstable;
|
|
20
|
+
},
|
|
21
|
+
renderVirtualizer_unstable: function() {
|
|
22
|
+
return _Virtualizer.renderVirtualizer_unstable;
|
|
23
|
+
},
|
|
24
|
+
useVirtualizerStyles_unstable: function() {
|
|
25
|
+
return _Virtualizer.useVirtualizerStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
useIntersectionObserver: function() {
|
|
28
|
+
return _Hooks.useIntersectionObserver;
|
|
29
|
+
},
|
|
30
|
+
useStaticVirtualizerMeasure: function() {
|
|
31
|
+
return _Hooks.useStaticVirtualizerMeasure;
|
|
32
|
+
},
|
|
33
|
+
useDynamicVirtualizerMeasure: function() {
|
|
34
|
+
return _Hooks.useDynamicVirtualizerMeasure;
|
|
35
|
+
},
|
|
36
|
+
useResizeObserverRef_unstable: function() {
|
|
37
|
+
return _Hooks.useResizeObserverRef_unstable;
|
|
38
|
+
},
|
|
39
|
+
VirtualizerContextProvider: function() {
|
|
40
|
+
return _Utilities.VirtualizerContextProvider;
|
|
41
|
+
},
|
|
42
|
+
useVirtualizerContext_unstable: function() {
|
|
43
|
+
return _Utilities.useVirtualizerContext_unstable;
|
|
44
|
+
},
|
|
45
|
+
scrollToItemStatic: function() {
|
|
46
|
+
return _Utilities.scrollToItemStatic;
|
|
47
|
+
},
|
|
48
|
+
scrollToItemDynamic: function() {
|
|
49
|
+
return _Utilities.scrollToItemDynamic;
|
|
50
|
+
},
|
|
51
|
+
VirtualizerScrollView: function() {
|
|
52
|
+
return _VirtualizerScrollView.VirtualizerScrollView;
|
|
53
|
+
},
|
|
54
|
+
virtualizerScrollViewClassNames: function() {
|
|
55
|
+
return _VirtualizerScrollView.virtualizerScrollViewClassNames;
|
|
56
|
+
},
|
|
57
|
+
useVirtualizerScrollView_unstable: function() {
|
|
58
|
+
return _VirtualizerScrollView.useVirtualizerScrollView_unstable;
|
|
59
|
+
},
|
|
60
|
+
renderVirtualizerScrollView_unstable: function() {
|
|
61
|
+
return _VirtualizerScrollView.renderVirtualizerScrollView_unstable;
|
|
62
|
+
},
|
|
63
|
+
useVirtualizerScrollViewStyles_unstable: function() {
|
|
64
|
+
return _VirtualizerScrollView.useVirtualizerScrollViewStyles_unstable;
|
|
65
|
+
},
|
|
66
|
+
VirtualizerScrollViewDynamic: function() {
|
|
67
|
+
return _VirtualizerScrollViewDynamic.VirtualizerScrollViewDynamic;
|
|
68
|
+
},
|
|
69
|
+
virtualizerScrollViewDynamicClassNames: function() {
|
|
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
|
+
}
|
|
35
81
|
});
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
82
|
+
const _Virtualizer = require("./Virtualizer");
|
|
83
|
+
const _Hooks = require("./Hooks");
|
|
84
|
+
const _Utilities = require("./Utilities");
|
|
85
|
+
const _VirtualizerScrollView = require("./VirtualizerScrollView");
|
|
86
|
+
const _VirtualizerScrollViewDynamic = require("./VirtualizerScrollViewDynamic");
|