@fluentui/react-virtualizer 9.0.0-alpha.2 → 9.0.0-alpha.21
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 +383 -1
- package/CHANGELOG.md +184 -2
- package/dist/index.d.ts +180 -34
- package/lib/Hooks.js.map +1 -1
- package/lib/Utilities.js +2 -0
- package/lib/Utilities.js.map +1 -0
- package/lib/Virtualizer.js.map +1 -1
- package/lib/VirtualizerScrollView.js +2 -0
- package/lib/VirtualizerScrollView.js.map +1 -0
- package/lib/VirtualizerScrollViewDynamic.js +2 -0
- package/lib/VirtualizerScrollViewDynamic.js.map +1 -0
- package/lib/components/Virtualizer/Virtualizer.js.map +1 -1
- package/lib/components/Virtualizer/Virtualizer.types.js +1 -1
- package/lib/components/Virtualizer/Virtualizer.types.js.map +1 -1
- package/lib/components/Virtualizer/index.js.map +1 -1
- package/lib/components/Virtualizer/renderVirtualizer.js +11 -12
- package/lib/components/Virtualizer/renderVirtualizer.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizer.js +46 -41
- package/lib/components/Virtualizer/useVirtualizer.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizerStyles.js.map +1 -1
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.js +14 -0
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.js.map +1 -0
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.types.js +2 -0
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.types.js.map +1 -0
- package/lib/components/VirtualizerScrollView/index.js +6 -0
- package/lib/components/VirtualizerScrollView/index.js.map +1 -0
- package/lib/components/VirtualizerScrollView/renderVirtualizerScrollView.js +11 -0
- package/lib/components/VirtualizerScrollView/renderVirtualizerScrollView.js.map +1 -0
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js +38 -0
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js.map +1 -0
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.js +47 -0
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js +14 -0
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js +2 -0
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/index.js +6 -0
- package/lib/components/VirtualizerScrollViewDynamic/index.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js +11 -0
- package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js +44 -0
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.js +46 -0
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.js.map +1 -0
- package/lib/hooks/hooks.types.js +2 -0
- package/lib/hooks/hooks.types.js.map +1 -0
- package/lib/hooks/index.js +4 -0
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDynamicVirtualizerMeasure.js +99 -0
- package/lib/hooks/useDynamicVirtualizerMeasure.js.map +1 -0
- package/lib/hooks/useIntersectionObserver.js +2 -10
- package/lib/hooks/useIntersectionObserver.js.map +1 -1
- package/lib/hooks/useResizeObserverRef.js +40 -0
- package/lib/hooks/useResizeObserverRef.js.map +1 -0
- package/lib/hooks/useVirtualizerMeasure.js +53 -0
- package/lib/hooks/useVirtualizerMeasure.js.map +1 -0
- package/lib/index.js +4 -1
- package/lib/index.js.map +1 -1
- package/lib/utilities/VirtualizerContext/VirtualizerContext.js +27 -0
- package/lib/utilities/VirtualizerContext/VirtualizerContext.js.map +1 -0
- package/lib/utilities/VirtualizerContext/index.js +3 -0
- package/lib/utilities/VirtualizerContext/index.js.map +1 -0
- package/lib/utilities/VirtualizerContext/types.js +4 -0
- package/lib/utilities/VirtualizerContext/types.js.map +1 -0
- package/lib/utilities/debounce.js +20 -0
- package/lib/utilities/debounce.js.map +1 -0
- package/lib/utilities/index.js +2 -0
- package/lib/utilities/index.js.map +1 -0
- package/lib-commonjs/Hooks.js +5 -4
- package/lib-commonjs/Hooks.js.map +1 -1
- package/lib-commonjs/Utilities.js +9 -0
- package/lib-commonjs/Utilities.js.map +1 -0
- package/lib-commonjs/Virtualizer.js +5 -4
- package/lib-commonjs/Virtualizer.js.map +1 -1
- package/lib-commonjs/VirtualizerScrollView.js +9 -0
- package/lib-commonjs/VirtualizerScrollView.js.map +1 -0
- package/lib-commonjs/VirtualizerScrollViewDynamic.js +9 -0
- package/lib-commonjs/VirtualizerScrollViewDynamic.js.map +1 -0
- package/lib-commonjs/components/Virtualizer/Virtualizer.js +14 -17
- package/lib-commonjs/components/Virtualizer/Virtualizer.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.js +5 -2
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/index.js +9 -8
- package/lib-commonjs/components/Virtualizer/index.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/renderVirtualizer.js +26 -21
- package/lib-commonjs/components/Virtualizer/renderVirtualizer.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizer.js +363 -361
- package/lib-commonjs/components/Virtualizer/useVirtualizer.js.map +1 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.js +112 -107
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.js.map +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.js +21 -0
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.types.js +7 -0
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.types.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/index.js +13 -0
- package/lib-commonjs/components/VirtualizerScrollView/index.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/renderVirtualizerScrollView.js +17 -0
- package/lib-commonjs/components/VirtualizerScrollView/renderVirtualizerScrollView.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollView.js +43 -0
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollView.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.js +70 -0
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js +21 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js +7 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/index.js +13 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/index.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js +17 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js +49 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.js +69 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.js.map +1 -0
- package/lib-commonjs/hooks/hooks.types.js +7 -0
- package/lib-commonjs/hooks/hooks.types.js.map +1 -0
- package/lib-commonjs/hooks/index.js +9 -4
- package/lib-commonjs/hooks/index.js.map +1 -1
- package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.js +107 -0
- package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.js.map +1 -0
- package/lib-commonjs/hooks/useIntersectionObserver.js +41 -54
- package/lib-commonjs/hooks/useIntersectionObserver.js.map +1 -1
- package/lib-commonjs/hooks/useResizeObserverRef.js +51 -0
- package/lib-commonjs/hooks/useResizeObserverRef.js.map +1 -0
- package/lib-commonjs/hooks/useVirtualizerMeasure.js +53 -0
- package/lib-commonjs/hooks/useVirtualizerMeasure.js.map +1 -0
- package/lib-commonjs/index.js +36 -40
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js +48 -0
- package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js.map +1 -0
- package/lib-commonjs/utilities/VirtualizerContext/index.js +10 -0
- package/lib-commonjs/utilities/VirtualizerContext/index.js.map +1 -0
- package/lib-commonjs/utilities/VirtualizerContext/types.js +9 -0
- package/lib-commonjs/utilities/VirtualizerContext/types.js.map +1 -0
- package/lib-commonjs/utilities/debounce.js +29 -0
- package/lib-commonjs/utilities/debounce.js.map +1 -0
- package/lib-commonjs/utilities/index.js +9 -0
- package/lib-commonjs/utilities/index.js.map +1 -0
- package/package.json +13 -10
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useStaticVirtualizerMeasure", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useStaticVirtualizerMeasure
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _useResizeObserverRef = require("./useResizeObserverRef");
|
|
12
|
+
const useStaticVirtualizerMeasure = (virtualizerProps)=>{
|
|
13
|
+
const { defaultItemSize , direction ='vertical' } = virtualizerProps;
|
|
14
|
+
const [state, setState] = _react.useState({
|
|
15
|
+
virtualizerLength: 0,
|
|
16
|
+
bufferSize: 0,
|
|
17
|
+
bufferItems: 0
|
|
18
|
+
});
|
|
19
|
+
const { virtualizerLength , bufferItems , bufferSize } = state;
|
|
20
|
+
const resizeCallback = _react.useCallback((_entries, _observer, scrollRef)=>{
|
|
21
|
+
if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const containerSize = direction === 'vertical' ? scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().height : scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().width;
|
|
25
|
+
/*
|
|
26
|
+
* Number of items required to cover viewport.
|
|
27
|
+
*/ const length = Math.ceil(containerSize / defaultItemSize + 1);
|
|
28
|
+
/*
|
|
29
|
+
* Number of items to append at each end, i.e. 'preload' each side before entering view.
|
|
30
|
+
*/ const newBufferItems = Math.max(Math.floor(length / 4), 2);
|
|
31
|
+
/*
|
|
32
|
+
* This is how far we deviate into the bufferItems to detect a redraw.
|
|
33
|
+
*/ const newBufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);
|
|
34
|
+
const totalLength = length + newBufferItems * 2 + 1;
|
|
35
|
+
setState({
|
|
36
|
+
virtualizerLength: totalLength,
|
|
37
|
+
bufferItems: newBufferItems,
|
|
38
|
+
bufferSize: newBufferSize
|
|
39
|
+
});
|
|
40
|
+
}, [
|
|
41
|
+
defaultItemSize,
|
|
42
|
+
direction
|
|
43
|
+
]);
|
|
44
|
+
const scrollRef = (0, _useResizeObserverRef.useResizeObserverRef_unstable)(resizeCallback);
|
|
45
|
+
return {
|
|
46
|
+
virtualizerLength,
|
|
47
|
+
bufferItems,
|
|
48
|
+
bufferSize,
|
|
49
|
+
scrollRef
|
|
50
|
+
};
|
|
51
|
+
}; //# sourceMappingURL=useVirtualizerMeasure.js.map
|
|
52
|
+
|
|
53
|
+
//# sourceMappingURL=useVirtualizerMeasure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/hooks/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 */\nexport const useStaticVirtualizerMeasure = virtualizerProps => {\n const {\n defaultItemSize,\n direction = 'vertical'\n } = virtualizerProps;\n const [state, setState] = React.useState({\n virtualizerLength: 0,\n bufferSize: 0,\n bufferItems: 0\n });\n const {\n virtualizerLength,\n bufferItems,\n bufferSize\n } = state;\n const resizeCallback = React.useCallback((_entries, _observer, scrollRef) => {\n if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {\n return;\n }\n const containerSize = direction === 'vertical' ? scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().height : scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().width;\n /*\n * Number of items required to cover viewport.\n */\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 */\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 */\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 }, [defaultItemSize, direction]);\n const scrollRef = useResizeObserverRef_unstable(resizeCallback);\n return {\n virtualizerLength,\n bufferItems,\n bufferSize,\n scrollRef\n };\n};\n//# sourceMappingURL=useVirtualizerMeasure.js.map"],"names":["useStaticVirtualizerMeasure","virtualizerProps","defaultItemSize","direction","state","setState","React","useState","virtualizerLength","bufferSize","bufferItems","resizeCallback","useCallback","_entries","_observer","scrollRef","current","containerSize","getBoundingClientRect","height","width","length","Math","ceil","newBufferItems","max","floor","newBufferSize","totalLength","useResizeObserverRef_unstable"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;sCACuB;AAIvC,MAAMA,8BAA8BC,CAAAA,mBAAoB;IAC7D,MAAM,EACJC,gBAAe,EACfC,WAAY,WAAU,EACvB,GAAGF;IACJ,MAAM,CAACG,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;QACvCC,mBAAmB;QACnBC,YAAY;QACZC,aAAa;IACf;IACA,MAAM,EACJF,kBAAiB,EACjBE,YAAW,EACXD,WAAU,EACX,GAAGL;IACJ,MAAMO,iBAAiBL,OAAMM,WAAW,CAAC,CAACC,UAAUC,WAAWC,YAAc;QAC3E,IAAI,CAAEA,CAAAA,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,OAAO,AAAD,GAAI;YAC9E;QACF,CAAC;QACD,MAAMC,gBAAgBd,cAAc,aAAaY,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,OAAO,CAACE,qBAAqB,GAAGC,MAAM,GAAGJ,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,OAAO,CAACE,qBAAqB,GAAGE,KAAK;QAC/P;;IAEA,GACA,MAAMC,SAASC,KAAKC,IAAI,CAACN,gBAAgBf,kBAAkB;QAC3D;;IAEA,GACA,MAAMsB,iBAAiBF,KAAKG,GAAG,CAACH,KAAKI,KAAK,CAACL,SAAS,IAAI;QACxD;;IAEA,GACA,MAAMM,gBAAgBL,KAAKG,GAAG,CAACH,KAAKI,KAAK,CAACL,SAAS,IAAInB,kBAAkB;QACzE,MAAM0B,cAAcP,SAASG,iBAAiB,IAAI;QAClDnB,SAAS;YACPG,mBAAmBoB;YACnBlB,aAAac;YACbf,YAAYkB;QACd;IACF,GAAG;QAACzB;QAAiBC;KAAU;IAC/B,MAAMY,YAAYc,IAAAA,mDAA6B,EAAClB;IAChD,OAAO;QACLH;QACAE;QACAD;QACAM;IACF;AACF,GACA,iDAAiD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,45 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.useIntersectionObserver = exports.useVirtualizerStyles_unstable = exports.renderVirtualizer_unstable = exports.useVirtualizer_unstable = exports.virtualizerClassNames = exports.Virtualizer = void 0;
|
|
7
|
-
var Virtualizer_1 = /*#__PURE__*/require("./Virtualizer");
|
|
8
|
-
Object.defineProperty(exports, "Virtualizer", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function () {
|
|
11
|
-
return Virtualizer_1.Virtualizer;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
Object.defineProperty(exports, "virtualizerClassNames", {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return Virtualizer_1.virtualizerClassNames;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, "useVirtualizer_unstable", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function () {
|
|
23
|
-
return Virtualizer_1.useVirtualizer_unstable;
|
|
24
|
-
}
|
|
3
|
+
value: true
|
|
25
4
|
});
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
Virtualizer: ()=>_virtualizer.Virtualizer,
|
|
13
|
+
virtualizerClassNames: ()=>_virtualizer.virtualizerClassNames,
|
|
14
|
+
useVirtualizer_unstable: ()=>_virtualizer.useVirtualizer_unstable,
|
|
15
|
+
renderVirtualizer_unstable: ()=>_virtualizer.renderVirtualizer_unstable,
|
|
16
|
+
useVirtualizerStyles_unstable: ()=>_virtualizer.useVirtualizerStyles_unstable,
|
|
17
|
+
useIntersectionObserver: ()=>_hooks.useIntersectionObserver,
|
|
18
|
+
useStaticVirtualizerMeasure: ()=>_hooks.useStaticVirtualizerMeasure,
|
|
19
|
+
useDynamicVirtualizerMeasure: ()=>_hooks.useDynamicVirtualizerMeasure,
|
|
20
|
+
useResizeObserverRef_unstable: ()=>_hooks.useResizeObserverRef_unstable,
|
|
21
|
+
VirtualizerContextProvider: ()=>_utilities.VirtualizerContextProvider,
|
|
22
|
+
useVirtualizerContext_unstable: ()=>_utilities.useVirtualizerContext_unstable,
|
|
23
|
+
VirtualizerScrollView: ()=>_virtualizerScrollView.VirtualizerScrollView,
|
|
24
|
+
virtualizerScrollViewClassNames: ()=>_virtualizerScrollView.virtualizerScrollViewClassNames,
|
|
25
|
+
useVirtualizerScrollView_unstable: ()=>_virtualizerScrollView.useVirtualizerScrollView_unstable,
|
|
26
|
+
renderVirtualizerScrollView_unstable: ()=>_virtualizerScrollView.renderVirtualizerScrollView_unstable,
|
|
27
|
+
useVirtualizerScrollViewStyles_unstable: ()=>_virtualizerScrollView.useVirtualizerScrollViewStyles_unstable,
|
|
28
|
+
VirtualizerScrollViewDynamic: ()=>_virtualizerScrollViewDynamic.VirtualizerScrollViewDynamic,
|
|
29
|
+
virtualizerScrollViewDynamicClassNames: ()=>_virtualizerScrollViewDynamic.virtualizerScrollViewDynamicClassNames,
|
|
30
|
+
useVirtualizerScrollViewDynamic_unstable: ()=>_virtualizerScrollViewDynamic.useVirtualizerScrollViewDynamic_unstable,
|
|
31
|
+
renderVirtualizerScrollViewDynamic_unstable: ()=>_virtualizerScrollViewDynamic.renderVirtualizerScrollViewDynamic_unstable,
|
|
32
|
+
useVirtualizerScrollViewDynamicStyles_unstable: ()=>_virtualizerScrollViewDynamic.useVirtualizerScrollViewDynamicStyles_unstable
|
|
44
33
|
});
|
|
34
|
+
const _virtualizer = require("./Virtualizer");
|
|
35
|
+
const _hooks = require("./Hooks");
|
|
36
|
+
const _utilities = require("./Utilities");
|
|
37
|
+
const _virtualizerScrollView = require("./VirtualizerScrollView");
|
|
38
|
+
const _virtualizerScrollViewDynamic = require("./VirtualizerScrollViewDynamic");
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
40
|
+
|
|
45
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/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 } 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//# sourceMappingURL=index.js.map"],"names":["Virtualizer","virtualizerClassNames","useVirtualizer_unstable","renderVirtualizer_unstable","useVirtualizerStyles_unstable","useIntersectionObserver","useStaticVirtualizerMeasure","useDynamicVirtualizerMeasure","useResizeObserverRef_unstable","VirtualizerContextProvider","useVirtualizerContext_unstable","VirtualizerScrollView","virtualizerScrollViewClassNames","useVirtualizerScrollView_unstable","renderVirtualizerScrollView_unstable","useVirtualizerScrollViewStyles_unstable","VirtualizerScrollViewDynamic","virtualizerScrollViewDynamicClassNames","useVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewDynamicStyles_unstable"],"mappings":";;;;;;;;;;;IAASA,WAAW,MAAXA,wBAAW;IAAEC,qBAAqB,MAArBA,kCAAqB;IAAEC,uBAAuB,MAAvBA,oCAAuB;IAAEC,0BAA0B,MAA1BA,uCAA0B;IAAEC,6BAA6B,MAA7BA,0CAA6B;IACtHC,uBAAuB,MAAvBA,8BAAuB;IAAEC,2BAA2B,MAA3BA,kCAA2B;IAAEC,4BAA4B,MAA5BA,mCAA4B;IAAEC,6BAA6B,MAA7BA,oCAA6B;IACjHC,0BAA0B,MAA1BA,qCAA0B;IAAEC,8BAA8B,MAA9BA,yCAA8B;IAC1DC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,iCAAiC,MAAjCA,wDAAiC;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IACxKC,4BAA4B,MAA5BA,0DAA4B;IAAEC,sCAAsC,MAAtCA,oEAAsC;IAAEC,wCAAwC,MAAxCA,sEAAwC;IAAEC,2CAA2C,MAA3CA,yEAA2C;IAAEC,8CAA8C,MAA9CA,4EAA8C;;6BAJ7E;uBACL;2BACvD;uCAC8G;8CACmC;CAC5N,iCAAiC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
VirtualizerContextProvider: ()=>VirtualizerContextProvider,
|
|
13
|
+
useVirtualizerContext_unstable: ()=>useVirtualizerContext_unstable,
|
|
14
|
+
useVirtualizerContextState_unstable: ()=>useVirtualizerContextState_unstable
|
|
15
|
+
});
|
|
16
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
17
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
18
|
+
const VirtualizerContext = /*#__PURE__*/ _react.createContext(undefined);
|
|
19
|
+
const VirtualizerContextProvider = VirtualizerContext.Provider;
|
|
20
|
+
const useVirtualizerContext_unstable = ()=>{
|
|
21
|
+
return _react.useContext(VirtualizerContext);
|
|
22
|
+
};
|
|
23
|
+
const useVirtualizerContextState_unstable = (passedContext)=>{
|
|
24
|
+
const virtualizerContext = useVirtualizerContext_unstable();
|
|
25
|
+
const [_contextIndex, _setContextIndex] = (0, _react.useState)(-1);
|
|
26
|
+
var _ref;
|
|
27
|
+
/* We respect any wrapped providers while also ensuring defaults or passed through
|
|
28
|
+
* Order of usage -> Passed Prop -> Provider Context -> Internal State default
|
|
29
|
+
*/ const _context = (0, _react.useMemo)(()=>(_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {
|
|
30
|
+
contextIndex: _contextIndex,
|
|
31
|
+
setContextIndex: _setContextIndex
|
|
32
|
+
}, [
|
|
33
|
+
_contextIndex,
|
|
34
|
+
passedContext,
|
|
35
|
+
virtualizerContext
|
|
36
|
+
]);
|
|
37
|
+
const context = (0, _react.useMemo)(()=>{
|
|
38
|
+
return {
|
|
39
|
+
contextIndex: _context.contextIndex,
|
|
40
|
+
setContextIndex: _context.setContextIndex
|
|
41
|
+
};
|
|
42
|
+
}, [
|
|
43
|
+
_context
|
|
44
|
+
]);
|
|
45
|
+
return context;
|
|
46
|
+
}; //# sourceMappingURL=VirtualizerContext.js.map
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=VirtualizerContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../lib/utilities/VirtualizerContext/VirtualizerContext.js"],"sourcesContent":["import * as React from 'react';\nimport { useMemo, useState } from 'react';\nconst VirtualizerContext = /*#__PURE__*/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 var _ref;\n /* We respect any wrapped providers while also ensuring defaults or passed through\n * Order of usage -> Passed Prop -> Provider Context -> Internal State default\n */\n const _context = useMemo(() => (_ref = passedContext !== null && passedContext !== void 0 ? passedContext : virtualizerContext) !== null && _ref !== void 0 ? _ref : {\n contextIndex: _contextIndex,\n setContextIndex: _setContextIndex\n }, [_contextIndex, passedContext, virtualizerContext]);\n const context = useMemo(() => {\n return {\n contextIndex: _context.contextIndex,\n setContextIndex: _context.setContextIndex\n };\n }, [_context]);\n return context;\n};\n//# sourceMappingURL=VirtualizerContext.js.map"],"names":["VirtualizerContextProvider","useVirtualizerContext_unstable","useVirtualizerContextState_unstable","VirtualizerContext","React","createContext","undefined","Provider","useContext","passedContext","virtualizerContext","_contextIndex","_setContextIndex","useState","_ref","_context","useMemo","contextIndex","setContextIndex","context"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B,MAA1BA;IACAC,8BAA8B,MAA9BA;IAGAC,mCAAmC,MAAnCA;;;6DAPU;AAEvB,MAAMC,qBAAqB,WAAW,GAAEC,OAAMC,aAAa,CAACC;AACrD,MAAMN,6BAA6BG,mBAAmBI,QAAQ;AAC9D,MAAMN,iCAAiC,IAAM;IAClD,OAAOG,OAAMI,UAAU,CAACL;AAC1B;AACO,MAAMD,sCAAsCO,CAAAA,gBAAiB;IAClE,MAAMC,qBAAqBT;IAC3B,MAAM,CAACU,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IACpD,IAAIC;IACJ;;EAEA,GACA,MAAMC,WAAWC,IAAAA,cAAO,EAAC,IAAM,AAACF,CAAAA,OAAOL,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgBC,kBAAkB,AAAD,MAAO,IAAI,IAAII,SAAS,KAAK,IAAIA,OAAO;YACnKG,cAAcN;YACdO,iBAAiBN;QACnB,CAAC,EAAE;QAACD;QAAeF;QAAeC;KAAmB;IACrD,MAAMS,UAAUH,IAAAA,cAAO,EAAC,IAAM;QAC5B,OAAO;YACLC,cAAcF,SAASE,YAAY;YACnCC,iBAAiBH,SAASG,eAAe;QAC3C;IACF,GAAG;QAACH;KAAS;IACb,OAAOI;AACT,GACA,8CAA8C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./VirtualizerContext"), exports);
|
|
7
|
+
_exportStar(require("./types"), exports);
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
9
|
+
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../lib/utilities/VirtualizerContext/index.js"],"sourcesContent":["export * from './VirtualizerContext';\nexport * from './types';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;CACd,iCAAiC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../lib/utilities/VirtualizerContext/types.js"],"sourcesContent":["/**\n * {@docCategory Virtualizer}\n */export {};\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":"AAAA;;CAEC;;;;CACD,iCAAiC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Microtask debouncer
|
|
3
|
+
* https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide
|
|
4
|
+
* @param fn - Function to debounce
|
|
5
|
+
* @returns debounced function
|
|
6
|
+
*/ "use strict";
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
Object.defineProperty(exports, "debounce", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: ()=>debounce
|
|
13
|
+
});
|
|
14
|
+
function debounce(fn) {
|
|
15
|
+
let pending;
|
|
16
|
+
return ()=>{
|
|
17
|
+
if (!pending) {
|
|
18
|
+
pending = true;
|
|
19
|
+
queueMicrotask(()=>{
|
|
20
|
+
// Need to set pending to `false` before the debounced function is run.
|
|
21
|
+
// React can actually interrupt the function while it's running!
|
|
22
|
+
pending = false;
|
|
23
|
+
fn();
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
} //# sourceMappingURL=debounce.js.map
|
|
28
|
+
|
|
29
|
+
//# sourceMappingURL=debounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/utilities/debounce.js"],"sourcesContent":["/**\n * Microtask debouncer\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide\n * @param fn - Function to debounce\n * @returns debounced function\n */export function debounce(fn) {\n let pending;\n return () => {\n if (!pending) {\n pending = true;\n queueMicrotask(() => {\n // Need to set pending to `false` before the debounced function is run.\n // React can actually interrupt the function while it's running!\n pending = false;\n fn();\n });\n }\n };\n}\n//# sourceMappingURL=debounce.js.map"],"names":["debounce","fn","pending","queueMicrotask"],"mappings":"AAAA;;;;;CAKC;;;;+BAAkBA;;aAAAA;;AAAT,SAASA,SAASC,EAAE,EAAE;IAC9B,IAAIC;IACJ,OAAO,IAAM;QACX,IAAI,CAACA,SAAS;YACZA,UAAU,IAAI;YACdC,eAAe,IAAM;gBACnB,uEAAuE;gBACvE,gEAAgE;gBAChED,UAAU,KAAK;gBACfD;YACF;QACF,CAAC;IACH;AACF,EACA,oCAAoC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./VirtualizerContext"), exports);
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
8
|
+
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/utilities/index.js"],"sourcesContent":["export * from './VirtualizerContext';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-virtualizer",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.21",
|
|
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",
|
|
@@ -20,26 +20,28 @@
|
|
|
20
20
|
"test": "jest --passWithNoTests",
|
|
21
21
|
"storybook": "start-storybook",
|
|
22
22
|
"start": "yarn storybook",
|
|
23
|
-
"generate-api": "
|
|
24
|
-
"type-check": "tsc -b tsconfig.json"
|
|
23
|
+
"generate-api": "just-scripts generate-api",
|
|
24
|
+
"type-check": "tsc -b tsconfig.json",
|
|
25
|
+
"test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
|
|
25
26
|
},
|
|
26
27
|
"devDependencies": {
|
|
27
28
|
"@fluentui/eslint-plugin": "*",
|
|
28
29
|
"@fluentui/react-conformance": "*",
|
|
29
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
30
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.21",
|
|
30
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
31
32
|
"@fluentui/scripts-tasks": "*"
|
|
32
33
|
},
|
|
33
34
|
"dependencies": {
|
|
34
|
-
"@fluentui/react-
|
|
35
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
|
|
36
|
+
"@fluentui/react-utilities": "^9.9.1",
|
|
35
37
|
"@griffel/react": "^1.5.2",
|
|
36
|
-
"
|
|
38
|
+
"@swc/helpers": "^0.4.14"
|
|
37
39
|
},
|
|
38
40
|
"peerDependencies": {
|
|
39
|
-
"@types/react": ">=16.8.0 <
|
|
40
|
-
"@types/react-dom": ">=16.8.0 <
|
|
41
|
-
"react": ">=16.8.0 <
|
|
42
|
-
"react-dom": ">=16.8.0 <
|
|
41
|
+
"@types/react": ">=16.8.0 <19.0.0",
|
|
42
|
+
"@types/react-dom": ">=16.8.0 <19.0.0",
|
|
43
|
+
"react": ">=16.8.0 <19.0.0",
|
|
44
|
+
"react-dom": ">=16.8.0 <19.0.0"
|
|
43
45
|
},
|
|
44
46
|
"beachball": {
|
|
45
47
|
"disallowedChangeTypes": [
|
|
@@ -51,6 +53,7 @@
|
|
|
51
53
|
"exports": {
|
|
52
54
|
".": {
|
|
53
55
|
"types": "./dist/index.d.ts",
|
|
56
|
+
"node": "./lib-commonjs/index.js",
|
|
54
57
|
"import": "./lib/index.js",
|
|
55
58
|
"require": "./lib-commonjs/index.js"
|
|
56
59
|
},
|