@fluentui/react-virtualizer 9.0.0-alpha.99 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0
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.md +171 -2
- package/README.md +2 -0
- package/dist/index.d.cts +556 -0
- package/dist/index.d.ts +101 -11
- package/lib/Hooks.js +1 -1
- package/lib/Hooks.js.map +1 -1
- package/lib/Utilities.js +1 -1
- package/lib/Utilities.js.map +1 -1
- package/lib/Virtualizer.js +1 -1
- package/lib/Virtualizer.js.map +1 -1
- package/lib/VirtualizerScrollView.js +1 -1
- package/lib/VirtualizerScrollView.js.map +1 -1
- package/lib/VirtualizerScrollViewDynamic.js +1 -1
- package/lib/VirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/components/Virtualizer/Virtualizer.js +6 -5
- package/lib/components/Virtualizer/Virtualizer.js.map +1 -1
- package/lib/components/Virtualizer/Virtualizer.types.js +3 -1
- package/lib/components/Virtualizer/Virtualizer.types.js.map +1 -1
- package/lib/components/Virtualizer/index.js +4 -4
- package/lib/components/Virtualizer/index.js.map +1 -1
- package/lib/components/Virtualizer/renderVirtualizer.js +8 -4
- package/lib/components/Virtualizer/renderVirtualizer.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizer.js +24 -11
- package/lib/components/Virtualizer/useVirtualizer.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizerStyles.styles.js +15 -3
- package/lib/components/Virtualizer/useVirtualizerStyles.styles.js.map +1 -1
- package/lib/components/Virtualizer/useVirtualizerStyles.styles.raw.js +110 -0
- package/lib/components/Virtualizer/useVirtualizerStyles.styles.raw.js.map +1 -0
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.js +6 -5
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.js.map +1 -1
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.types.js +3 -1
- package/lib/components/VirtualizerScrollView/VirtualizerScrollView.types.js.map +1 -1
- package/lib/components/VirtualizerScrollView/index.js +4 -4
- package/lib/components/VirtualizerScrollView/index.js.map +1 -1
- package/lib/components/VirtualizerScrollView/renderVirtualizerScrollView.js +5 -3
- package/lib/components/VirtualizerScrollView/renderVirtualizerScrollView.js.map +1 -1
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js +12 -8
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js.map +1 -1
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js +9 -4
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js.map +1 -1
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.raw.js +46 -0
- package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.raw.js.map +1 -0
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js +9 -6
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/index.js +4 -4
- package/lib/components/VirtualizerScrollViewDynamic/index.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js +5 -3
- package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js +18 -11
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js +9 -4
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js.map +1 -1
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.raw.js +46 -0
- package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.raw.js.map +1 -0
- package/lib/hooks/hooks.types.js +5 -1
- package/lib/hooks/hooks.types.js.map +1 -1
- package/lib/hooks/index.js +5 -5
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDynamicPagination.js +7 -4
- package/lib/hooks/useDynamicPagination.js.map +1 -1
- package/lib/hooks/useDynamicVirtualizerMeasure.js +6 -5
- package/lib/hooks/useDynamicVirtualizerMeasure.js.map +1 -1
- package/lib/hooks/useIntersectionObserver.js +10 -7
- package/lib/hooks/useIntersectionObserver.js.map +1 -1
- package/lib/hooks/useMeasureList.js +6 -2
- package/lib/hooks/useMeasureList.js.map +1 -1
- package/lib/hooks/useMutationObserver.js +8 -6
- package/lib/hooks/useMutationObserver.js.map +1 -1
- package/lib/hooks/useResizeObserverRef.js +8 -6
- package/lib/hooks/useResizeObserverRef.js.map +1 -1
- package/lib/hooks/useStaticPagination.js +8 -5
- package/lib/hooks/useStaticPagination.js.map +1 -1
- package/lib/hooks/useVirtualizerMeasure.js +5 -4
- package/lib/hooks/useVirtualizerMeasure.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrolling.js.map +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrolling.types.js +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrolling.types.js.map +1 -1
- package/lib/utilities/ImperativeScrolling/imperativeScrollingDynamic.js.map +1 -1
- package/lib/utilities/ImperativeScrolling/index.js +2 -2
- package/lib/utilities/ImperativeScrolling/index.js.map +1 -1
- package/lib/utilities/VirtualizerContext/VirtualizerContext.js +11 -4
- package/lib/utilities/VirtualizerContext/VirtualizerContext.js.map +1 -1
- package/lib/utilities/VirtualizerContext/index.js +1 -1
- package/lib/utilities/VirtualizerContext/index.js.map +1 -1
- package/lib/utilities/VirtualizerContext/types.js +4 -1
- package/lib/utilities/VirtualizerContext/types.js.map +1 -1
- package/lib/utilities/createResizeObserverFromDocument.js +1 -0
- package/lib/utilities/createResizeObserverFromDocument.js.map +1 -1
- package/lib/utilities/debounce.js +1 -0
- package/lib/utilities/debounce.js.map +1 -1
- package/lib/utilities/index.js +2 -2
- package/lib/utilities/index.js.map +1 -1
- package/lib-commonjs/{Hooks.js → Hooks.cjs} +1 -1
- package/lib-commonjs/{Hooks.js.map → Hooks.cjs.map} +1 -1
- package/lib-commonjs/{Utilities.js → Utilities.cjs} +1 -1
- package/lib-commonjs/{Utilities.js.map → Utilities.cjs.map} +1 -1
- package/lib-commonjs/{Virtualizer.js → Virtualizer.cjs} +1 -1
- package/lib-commonjs/{Virtualizer.js.map → Virtualizer.cjs.map} +1 -1
- package/lib-commonjs/{VirtualizerScrollView.js → VirtualizerScrollView.cjs} +1 -1
- package/lib-commonjs/{VirtualizerScrollView.js.map → VirtualizerScrollView.cjs.map} +1 -1
- package/lib-commonjs/{VirtualizerScrollViewDynamic.js → VirtualizerScrollViewDynamic.cjs} +1 -1
- package/lib-commonjs/{VirtualizerScrollViewDynamic.js.map → VirtualizerScrollViewDynamic.cjs.map} +1 -1
- package/lib-commonjs/components/Virtualizer/{Virtualizer.js → Virtualizer.cjs} +4 -5
- package/lib-commonjs/components/Virtualizer/Virtualizer.cjs.map +1 -0
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.cjs +6 -0
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.cjs.map +1 -0
- package/lib-commonjs/components/Virtualizer/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/Virtualizer/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Virtualizer/renderVirtualizer.cjs.map +1 -0
- package/lib-commonjs/components/Virtualizer/{useVirtualizer.js → useVirtualizer.cjs} +19 -8
- package/lib-commonjs/components/Virtualizer/useVirtualizer.cjs.map +1 -0
- package/lib-commonjs/components/Virtualizer/{useVirtualizerStyles.styles.js → useVirtualizerStyles.styles.cjs} +9 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.raw.cjs +123 -0
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/{VirtualizerScrollView.js → VirtualizerScrollView.cjs} +4 -5
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.types.cjs +6 -0
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.types.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/VirtualizerScrollView/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/{renderVirtualizerScrollView.js → renderVirtualizerScrollView.cjs} +1 -1
- package/lib-commonjs/components/VirtualizerScrollView/renderVirtualizerScrollView.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/{useVirtualizerScrollView.js → useVirtualizerScrollView.cjs} +7 -5
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollView.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/{useVirtualizerScrollViewStyles.styles.js → useVirtualizerScrollViewStyles.styles.cjs} +3 -2
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.raw.cjs +59 -0
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/{VirtualizerScrollViewDynamic.js → VirtualizerScrollViewDynamic.cjs} +6 -6
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.cjs +4 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/{renderVirtualizerScrollViewDynamic.js → renderVirtualizerScrollViewDynamic.cjs} +1 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/{useVirtualizerScrollViewDynamic.js → useVirtualizerScrollViewDynamic.cjs} +11 -7
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/{useVirtualizerScrollViewDynamicStyles.styles.js → useVirtualizerScrollViewDynamicStyles.styles.cjs} +3 -2
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.raw.cjs +59 -0
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/hooks/hooks.types.cjs +8 -0
- package/lib-commonjs/hooks/hooks.types.cjs.map +1 -0
- package/lib-commonjs/hooks/{index.js → index.cjs} +5 -5
- package/lib-commonjs/hooks/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/hooks/{useDynamicPagination.js → useDynamicPagination.cjs} +4 -2
- package/lib-commonjs/hooks/useDynamicPagination.cjs.map +1 -0
- package/lib-commonjs/hooks/{useDynamicVirtualizerMeasure.js → useDynamicVirtualizerMeasure.cjs} +3 -3
- package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.cjs.map +1 -0
- package/lib-commonjs/hooks/{useIntersectionObserver.js → useIntersectionObserver.cjs} +5 -4
- package/lib-commonjs/hooks/useIntersectionObserver.cjs.map +1 -0
- package/lib-commonjs/hooks/{useMeasureList.js → useMeasureList.cjs} +2 -0
- package/lib-commonjs/hooks/useMeasureList.cjs.map +1 -0
- package/lib-commonjs/hooks/{useMutationObserver.js → useMutationObserver.cjs} +3 -3
- package/lib-commonjs/hooks/useMutationObserver.cjs.map +1 -0
- package/lib-commonjs/hooks/{useResizeObserverRef.js → useResizeObserverRef.cjs} +5 -4
- package/lib-commonjs/hooks/useResizeObserverRef.cjs.map +1 -0
- package/lib-commonjs/hooks/{useStaticPagination.js → useStaticPagination.cjs} +4 -2
- package/lib-commonjs/hooks/useStaticPagination.cjs.map +1 -0
- package/lib-commonjs/hooks/{useVirtualizerMeasure.js → useVirtualizerMeasure.cjs} +3 -3
- package/lib-commonjs/hooks/useVirtualizerMeasure.cjs.map +1 -0
- package/lib-commonjs/{index.js → index.cjs} +5 -5
- package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.cjs.map +1 -0
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.types.cjs +4 -0
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.types.cjs.map +1 -0
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrollingDynamic.cjs.map +1 -0
- package/lib-commonjs/utilities/ImperativeScrolling/{index.js → index.cjs} +2 -2
- package/lib-commonjs/utilities/ImperativeScrolling/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/utilities/VirtualizerContext/{VirtualizerContext.js → VirtualizerContext.cjs} +1 -0
- package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.cjs.map +1 -0
- package/lib-commonjs/utilities/VirtualizerContext/{index.js → index.cjs} +1 -1
- package/lib-commonjs/utilities/VirtualizerContext/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/utilities/VirtualizerContext/types.cjs +7 -0
- package/lib-commonjs/utilities/VirtualizerContext/types.cjs.map +1 -0
- package/lib-commonjs/utilities/{createResizeObserverFromDocument.js → createResizeObserverFromDocument.cjs} +1 -0
- package/lib-commonjs/utilities/createResizeObserverFromDocument.cjs.map +1 -0
- package/lib-commonjs/utilities/{debounce.js → debounce.cjs} +1 -0
- package/lib-commonjs/utilities/debounce.cjs.map +1 -0
- package/lib-commonjs/utilities/{index.js → index.cjs} +7 -7
- package/lib-commonjs/utilities/{index.js.map → index.cjs.map} +1 -1
- package/package.json +22 -28
- package/lib-commonjs/components/Virtualizer/Virtualizer.js.map +0 -1
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.js +0 -6
- package/lib-commonjs/components/Virtualizer/Virtualizer.types.js.map +0 -1
- package/lib-commonjs/components/Virtualizer/renderVirtualizer.js.map +0 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizer.js.map +0 -1
- package/lib-commonjs/components/Virtualizer/useVirtualizerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.types.js +0 -6
- package/lib-commonjs/components/VirtualizerScrollView/VirtualizerScrollView.types.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollView/renderVirtualizerScrollView.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollView.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js +0 -6
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map +0 -1
- package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js.map +0 -1
- package/lib-commonjs/hooks/hooks.types.js +0 -6
- package/lib-commonjs/hooks/hooks.types.js.map +0 -1
- package/lib-commonjs/hooks/useDynamicPagination.js.map +0 -1
- package/lib-commonjs/hooks/useDynamicVirtualizerMeasure.js.map +0 -1
- package/lib-commonjs/hooks/useIntersectionObserver.js.map +0 -1
- package/lib-commonjs/hooks/useMeasureList.js.map +0 -1
- package/lib-commonjs/hooks/useMutationObserver.js.map +0 -1
- package/lib-commonjs/hooks/useResizeObserverRef.js.map +0 -1
- package/lib-commonjs/hooks/useStaticPagination.js.map +0 -1
- package/lib-commonjs/hooks/useVirtualizerMeasure.js.map +0 -1
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.js.map +0 -1
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.types.js +0 -6
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrolling.types.js.map +0 -1
- package/lib-commonjs/utilities/ImperativeScrolling/imperativeScrollingDynamic.js.map +0 -1
- package/lib-commonjs/utilities/VirtualizerContext/VirtualizerContext.js.map +0 -1
- package/lib-commonjs/utilities/VirtualizerContext/types.js +0 -6
- package/lib-commonjs/utilities/VirtualizerContext/types.js.map +0 -1
- package/lib-commonjs/utilities/createResizeObserverFromDocument.js.map +0 -1
- package/lib-commonjs/utilities/debounce.js.map +0 -1
- /package/lib-commonjs/components/Virtualizer/{renderVirtualizer.js → renderVirtualizer.cjs} +0 -0
- /package/lib-commonjs/utilities/ImperativeScrolling/{imperativeScrolling.js → imperativeScrolling.cjs} +0 -0
- /package/lib-commonjs/utilities/ImperativeScrolling/{imperativeScrollingDynamic.js → imperativeScrollingDynamic.cjs} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollView/index.ts"],"sourcesContent":["export { VirtualizerScrollView } from './VirtualizerScrollView';\nexport type {\n VirtualizerScrollViewProps,\n VirtualizerScrollViewSlots,\n VirtualizerScrollViewState,\n} from './VirtualizerScrollView.types';\nexport { useVirtualizerScrollView_unstable } from './useVirtualizerScrollView';\nexport { renderVirtualizerScrollView_unstable } from './renderVirtualizerScrollView';\nexport {\n useVirtualizerScrollViewStyles_unstable,\n virtualizerScrollViewClassNames,\n} from './useVirtualizerScrollViewStyles.styles';\n"],"names":["VirtualizerScrollView","useVirtualizerScrollView_unstable","renderVirtualizerScrollView_unstable","useVirtualizerScrollViewStyles_unstable","virtualizerScrollViewClassNames"],"
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollView/index.ts"],"sourcesContent":["export { VirtualizerScrollView } from './VirtualizerScrollView';\nexport type {\n VirtualizerScrollViewProps,\n VirtualizerScrollViewSlots,\n VirtualizerScrollViewState,\n} from './VirtualizerScrollView.types';\nexport { useVirtualizerScrollView_unstable } from './useVirtualizerScrollView';\nexport { renderVirtualizerScrollView_unstable } from './renderVirtualizerScrollView';\nexport {\n useVirtualizerScrollViewStyles_unstable,\n virtualizerScrollViewClassNames,\n} from './useVirtualizerScrollViewStyles.styles';\n"],"names":["VirtualizerScrollView","useVirtualizerScrollView_unstable","renderVirtualizerScrollView_unstable","useVirtualizerScrollViewStyles_unstable","virtualizerScrollViewClassNames"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,6BAA0B;AAMhE,SAASC,iCAAiC,QAAQ,gCAA6B;AAC/E,SAASC,oCAAoC,QAAQ,mCAAgC;AACrF,SACEC,uCAAuC,EACvCC,+BAA+B,QAC1B,6CAA0C"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
|
-
import { assertSlots } from
|
|
3
|
-
import { renderVirtualizer_unstable } from
|
|
4
|
-
|
|
2
|
+
import { assertSlots } from "@fluentui/react-utilities";
|
|
3
|
+
import { renderVirtualizer_unstable } from "../Virtualizer/renderVirtualizer.js";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
6
|
+
*/ export const renderVirtualizerScrollView_unstable = (state)=>{
|
|
5
7
|
assertSlots(state);
|
|
6
8
|
return /*#__PURE__*/ _jsx(state.container, {
|
|
7
9
|
children: renderVirtualizer_unstable(state)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport type { VirtualizerScrollViewSlots, VirtualizerScrollViewState } from './VirtualizerScrollView.types';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';\n\nexport const renderVirtualizerScrollView_unstable = (state: VirtualizerScrollViewState) => {\n assertSlots<VirtualizerScrollViewSlots>(state);\n\n return <state.container>{renderVirtualizer_unstable(state)}</state.container>;\n};\n"],"names":["assertSlots","renderVirtualizer_unstable","renderVirtualizerScrollView_unstable","state","container"],"
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport type * as React from 'react';\n\nimport type { VirtualizerScrollViewSlots, VirtualizerScrollViewState } from './VirtualizerScrollView.types';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const renderVirtualizerScrollView_unstable = (state: VirtualizerScrollViewState): React.ReactElement => {\n assertSlots<VirtualizerScrollViewSlots>(state);\n\n return <state.container>{renderVirtualizer_unstable(state)}</state.container>;\n};\n"],"names":["assertSlots","renderVirtualizer_unstable","renderVirtualizerScrollView_unstable","state","container"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAMjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,0BAA0B,QAAQ,sCAAmC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC;IACnDH,YAAwCG;IAExC,qBAAO,KAACA,MAAMC,SAAS;kBAAEH,2BAA2BE;;AACtD,EAAE"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { slot, useMergedRefs } from "@fluentui/react-utilities";
|
|
4
|
+
import { useVirtualizer_unstable } from "../Virtualizer/useVirtualizer.js";
|
|
5
|
+
import { useStaticVirtualizerMeasure } from "../../Hooks.js";
|
|
6
|
+
import { scrollToItemStatic } from "../../Utilities.js";
|
|
7
|
+
import { useStaticVirtualizerPagination } from "../../hooks/useStaticPagination.js";
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
10
|
+
*/ export function useVirtualizerScrollView_unstable(props) {
|
|
8
11
|
const { imperativeRef, itemSize, numItems, axis = 'vertical', reversed, enablePagination = false } = props;
|
|
9
12
|
var _props_axis;
|
|
10
13
|
const { virtualizerLength, bufferItems, bufferSize, scrollRef, containerSizeRef } = useStaticVirtualizerMeasure({
|
|
@@ -13,7 +16,9 @@ export function useVirtualizerScrollView_unstable(props) {
|
|
|
13
16
|
});
|
|
14
17
|
// Store the virtualizer length as a ref for imperative ref access
|
|
15
18
|
const virtualizerLengthRef = React.useRef(virtualizerLength);
|
|
19
|
+
// eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring
|
|
16
20
|
if (virtualizerLengthRef.current !== virtualizerLength) {
|
|
21
|
+
// eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring
|
|
17
22
|
virtualizerLengthRef.current = virtualizerLength;
|
|
18
23
|
}
|
|
19
24
|
const paginationRef = useStaticVirtualizerPagination({
|
|
@@ -67,7 +72,6 @@ export function useVirtualizerScrollView_unstable(props) {
|
|
|
67
72
|
return {
|
|
68
73
|
...virtualizerState,
|
|
69
74
|
components: {
|
|
70
|
-
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
|
71
75
|
...virtualizerState.components,
|
|
72
76
|
container: 'div'
|
|
73
77
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollView/useVirtualizerScrollView.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollView/useVirtualizerScrollView.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type { VirtualizerScrollViewProps, VirtualizerScrollViewState } from './VirtualizerScrollView.types';\nimport { useStaticVirtualizerMeasure } from '../../Hooks';\nimport { scrollToItemStatic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\nimport { useStaticVirtualizerPagination } from '../../hooks/useStaticPagination';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport function useVirtualizerScrollView_unstable(props: VirtualizerScrollViewProps): VirtualizerScrollViewState {\n const { imperativeRef, itemSize, numItems, axis = 'vertical', reversed, enablePagination = false } = props;\n const { virtualizerLength, bufferItems, bufferSize, scrollRef, containerSizeRef } = useStaticVirtualizerMeasure({\n defaultItemSize: props.itemSize,\n direction: props.axis ?? 'vertical',\n });\n\n // Store the virtualizer length as a ref for imperative ref access\n const virtualizerLengthRef = React.useRef<number>(virtualizerLength);\n // eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring\n if (virtualizerLengthRef.current !== virtualizerLength) {\n // eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring\n virtualizerLengthRef.current = virtualizerLength;\n }\n\n const paginationRef = useStaticVirtualizerPagination({ axis, itemSize }, enablePagination);\n const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef, paginationRef) as React.RefObject<HTMLDivElement>;\n const imperativeVirtualizerRef = React.useRef<VirtualizerDataRef | null>(null);\n const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n React.useImperativeHandle(\n imperativeRef,\n () => {\n return {\n scrollTo(index: number, behavior = 'auto', callback: ((index: number) => void) | undefined) {\n scrollCallbackRef.current = callback ?? null;\n imperativeVirtualizerRef.current?.setFlaggedIndex(index);\n scrollToItemStatic({\n index,\n itemSize,\n totalItems: numItems,\n scrollViewRef,\n axis,\n reversed,\n behavior,\n });\n },\n currentIndex: imperativeVirtualizerRef.current?.currentIndex,\n virtualizerLength: virtualizerLengthRef,\n };\n },\n [axis, scrollViewRef, itemSize, numItems, reversed],\n );\n\n const handleRenderedIndex = (index: number) => {\n if (scrollCallbackRef.current) {\n scrollCallbackRef.current(index);\n }\n };\n\n const virtualizerState = useVirtualizer_unstable({\n ...props,\n virtualizerLength,\n bufferItems,\n bufferSize,\n onRenderedFlaggedIndex: handleRenderedIndex,\n imperativeVirtualizerRef,\n containerSizeRef,\n });\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 as React.RefObject<HTMLDivElement>,\n },\n elementType: 'div',\n }),\n };\n}\n"],"names":["React","slot","useMergedRefs","useVirtualizer_unstable","useStaticVirtualizerMeasure","scrollToItemStatic","useStaticVirtualizerPagination","useVirtualizerScrollView_unstable","props","imperativeRef","itemSize","numItems","axis","reversed","enablePagination","virtualizerLength","bufferItems","bufferSize","scrollRef","containerSizeRef","defaultItemSize","direction","virtualizerLengthRef","useRef","current","paginationRef","scrollViewRef","imperativeVirtualizerRef","scrollCallbackRef","useImperativeHandle","scrollTo","index","behavior","callback","setFlaggedIndex","totalItems","currentIndex","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","components","container","always","defaultProps","ref","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAChE,SAASC,uBAAuB,QAAQ,mCAAgC;AAExE,SAASC,2BAA2B,QAAQ,iBAAc;AAC1D,SAASC,kBAAkB,QAAQ,qBAAkB;AAErD,SAASC,8BAA8B,QAAQ,qCAAkC;AAEjF;;CAEC,GACD,OAAO,SAASC,kCAAkCC,KAAiC;IACjF,MAAM,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,KAAK,EAAE,GAAGN;QAGxFA;IAFb,MAAM,EAAEO,iBAAiB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,gBAAgB,EAAE,GAAGf,4BAA4B;QAC9GgB,iBAAiBZ,MAAME,QAAQ;QAC/BW,WAAWb,CAAAA,cAAAA,MAAMI,IAAI,cAAVJ,yBAAAA,cAAc;IAC3B;IAEA,kEAAkE;IAClE,MAAMc,uBAAuBtB,MAAMuB,MAAM,CAASR;IAClD,yFAAyF;IACzF,IAAIO,qBAAqBE,OAAO,KAAKT,mBAAmB;QACtD,yFAAyF;QACzFO,qBAAqBE,OAAO,GAAGT;IACjC;IAEA,MAAMU,gBAAgBnB,+BAA+B;QAAEM;QAAMF;IAAS,GAAGI;IACzE,MAAMY,gBAAgBxB,cAAcM,MAAMkB,aAAa,EAAER,WAAWO;IACpE,MAAME,2BAA2B3B,MAAMuB,MAAM,CAA4B;IACzE,MAAMK,oBAAoB5B,MAAMuB,MAAM,CAAmC;IAEzEvB,MAAM6B,mBAAmB,CACvBpB,eACA;YAekBkB;QAdhB,OAAO;YACLG,UAASC,KAAa,EAAEC,WAAW,MAAM,EAAEC,QAA+C;oBAExFN;gBADAC,kBAAkBJ,OAAO,GAAGS,qBAAAA,sBAAAA,WAAY;iBACxCN,oCAAAA,yBAAyBH,OAAO,cAAhCG,wDAAAA,kCAAkCO,eAAe,CAACH;gBAClD1B,mBAAmB;oBACjB0B;oBACArB;oBACAyB,YAAYxB;oBACZe;oBACAd;oBACAC;oBACAmB;gBACF;YACF;YACAI,YAAY,GAAET,oCAAAA,yBAAyBH,OAAO,cAAhCG,wDAAAA,kCAAkCS,YAAY;YAC5DrB,mBAAmBO;QACrB;IACF,GACA;QAACV;QAAMc;QAAehB;QAAUC;QAAUE;KAAS;IAGrD,MAAMwB,sBAAsB,CAACN;QAC3B,IAAIH,kBAAkBJ,OAAO,EAAE;YAC7BI,kBAAkBJ,OAAO,CAACO;QAC5B;IACF;IAEA,MAAMO,mBAAmBnC,wBAAwB;QAC/C,GAAGK,KAAK;QACRO;QACAC;QACAC;QACAsB,wBAAwBF;QACxBV;QACAR;IACF;IAEA,OAAO;QACL,GAAGmB,gBAAgB;QACnBE,YAAY;YACV,GAAGF,iBAAiBE,UAAU;YAC9BC,WAAW;QACb;QACAA,WAAWxC,KAAKyC,MAAM,CAAClC,MAAMiC,SAAS,EAAE;YACtCE,cAAc;gBACZC,KAAKlB;YACP;YACAmB,aAAa;QACf;IACF;AACF"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { useVirtualizerStyles_unstable, virtualizerClassNames } from "../Virtualizer/useVirtualizerStyles.styles.js";
|
|
4
|
+
import { __styles, mergeClasses } from "@griffel/react";
|
|
3
5
|
const virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
8
|
+
*/
|
|
4
9
|
export const virtualizerScrollViewClassNames = {
|
|
5
10
|
...virtualizerClassNames,
|
|
6
11
|
container: `${virtualizerScrollViewClassName}__container`
|
|
@@ -32,15 +37,15 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
32
37
|
});
|
|
33
38
|
/**
|
|
34
39
|
* Apply styling to the Virtualizer states
|
|
40
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
35
41
|
*/
|
|
36
42
|
export const useVirtualizerScrollViewStyles_unstable = state => {
|
|
37
|
-
'use no memo';
|
|
38
|
-
|
|
39
43
|
const styles = useStyles();
|
|
40
44
|
// Default virtualizer styles base
|
|
41
45
|
useVirtualizerStyles_unstable(state);
|
|
42
46
|
const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
|
|
43
47
|
// Add container styles
|
|
48
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring
|
|
44
49
|
state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);
|
|
45
50
|
return state;
|
|
46
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["useVirtualizerScrollViewStyles.styles.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["useVirtualizerScrollViewStyles.styles.js"],"sourcesContent":["'use client';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from \"../Virtualizer/useVirtualizerStyles.styles.js\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */ export const virtualizerScrollViewClassNames = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewClassName}__container`\n};\nconst useStyles = makeStyles({\n base: {\n display: 'flex',\n width: '100%',\n height: '100%'\n },\n vertical: {\n flexDirection: 'column',\n overflowY: 'auto'\n },\n horizontal: {\n flexDirection: 'row',\n overflowX: 'auto'\n },\n verticalReversed: {\n flexDirection: 'column-reverse',\n overflowY: 'auto'\n },\n horizontalReversed: {\n flexDirection: 'row-reverse',\n overflowX: 'auto'\n }\n});\n/**\n * Apply styling to the Virtualizer states\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */ export 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 // eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring\n state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ,+CAA+C;AACpH,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,MAAMC,8BAA8B,GAAG,6BAA6B;AACpE;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAG;EAC/C,GAAGJ,qBAAqB;EACxBK,SAAS,EAAE,GAAGF,8BAA8B;AAChD,CAAC;AACD,MAAMG,SAAS,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAsBjB,CAAC;AACF;AACA;AACA;AACA;AAAI,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EAChE,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1B;EACAP,6BAA6B,CAACqB,KAAK,CAAC;EACpC,MAAME,cAAc,GAAGF,KAAK,CAACG,IAAI,KAAK,YAAY,GAAGH,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACJ,kBAAkB,GAAGI,MAAM,CAACP,UAAU,GAAGM,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACL,gBAAgB,GAAGK,MAAM,CAACV,QAAQ;EAChL;EACA;EACAS,KAAK,CAACf,SAAS,CAACoB,SAAS,GAAGvB,YAAY,CAACE,+BAA+B,CAACC,SAAS,EAAEgB,MAAM,CAACd,IAAI,EAAEe,cAAc,EAAEF,KAAK,CAACf,SAAS,CAACoB,SAAS,CAAC;EAC3I,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useVirtualizerStyles_unstable, virtualizerClassNames } from "../Virtualizer/useVirtualizerStyles.styles.js";
|
|
3
|
+
import { makeStyles, mergeClasses } from "@griffel/react";
|
|
4
|
+
const virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
7
|
+
*/ export const virtualizerScrollViewClassNames = {
|
|
8
|
+
...virtualizerClassNames,
|
|
9
|
+
container: `${virtualizerScrollViewClassName}__container`
|
|
10
|
+
};
|
|
11
|
+
const useStyles = makeStyles({
|
|
12
|
+
base: {
|
|
13
|
+
display: 'flex',
|
|
14
|
+
width: '100%',
|
|
15
|
+
height: '100%'
|
|
16
|
+
},
|
|
17
|
+
vertical: {
|
|
18
|
+
flexDirection: 'column',
|
|
19
|
+
overflowY: 'auto'
|
|
20
|
+
},
|
|
21
|
+
horizontal: {
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
overflowX: 'auto'
|
|
24
|
+
},
|
|
25
|
+
verticalReversed: {
|
|
26
|
+
flexDirection: 'column-reverse',
|
|
27
|
+
overflowY: 'auto'
|
|
28
|
+
},
|
|
29
|
+
horizontalReversed: {
|
|
30
|
+
flexDirection: 'row-reverse',
|
|
31
|
+
overflowX: 'auto'
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
/**
|
|
35
|
+
* Apply styling to the Virtualizer states
|
|
36
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
37
|
+
*/ export const useVirtualizerScrollViewStyles_unstable = (state)=>{
|
|
38
|
+
const styles = useStyles();
|
|
39
|
+
// Default virtualizer styles base
|
|
40
|
+
useVirtualizerStyles_unstable(state);
|
|
41
|
+
const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
|
|
42
|
+
// Add container styles
|
|
43
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring
|
|
44
|
+
state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);
|
|
45
|
+
return state;
|
|
46
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { VirtualizerScrollViewState } from './VirtualizerScrollView.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { VirtualizerScrollViewSlots } from './VirtualizerScrollView.types';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const virtualizerScrollViewClassNames: SlotClassNames<VirtualizerScrollViewSlots> = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewClassName}__container`,\n};\n\nconst useStyles = makeStyles({\n base: {\n display: 'flex',\n width: '100%',\n height: '100%',\n },\n vertical: {\n flexDirection: 'column',\n overflowY: 'auto',\n },\n horizontal: {\n flexDirection: 'row',\n overflowX: 'auto',\n },\n verticalReversed: {\n flexDirection: 'column-reverse',\n overflowY: 'auto',\n },\n horizontalReversed: {\n flexDirection: 'row-reverse',\n overflowX: 'auto',\n },\n});\n\n/**\n * Apply styling to the Virtualizer states\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const useVirtualizerScrollViewStyles_unstable = (\n state: VirtualizerScrollViewState,\n): VirtualizerScrollViewState => {\n const styles = useStyles();\n\n // Default virtualizer styles base\n useVirtualizerStyles_unstable(state);\n\n const containerStyle =\n state.axis === 'horizontal'\n ? state.reversed\n ? styles.horizontalReversed\n : styles.horizontal\n : state.reversed\n ? styles.verticalReversed\n : styles.vertical;\n\n // Add container styles\n // eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring\n state.container.className = mergeClasses(\n virtualizerScrollViewClassNames.container,\n styles.base,\n containerStyle,\n state.container.className,\n );\n\n return state;\n};\n"],"names":["useVirtualizerStyles_unstable","virtualizerClassNames","makeStyles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","display","width","height","vertical","flexDirection","overflowY","horizontal","overflowX","verticalReversed","horizontalReversed","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"mappings":"AAAA;AAKA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ,gDAA6C;AAClH,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAE1D,MAAMC,iCAAiC;AAEvC;;CAEC,GACD,OAAO,MAAMC,kCAA8E;IACzF,GAAGJ,qBAAqB;IACxBK,WAAW,GAAGF,+BAA+B,WAAW,CAAC;AAC3D,EAAE;AAEF,MAAMG,YAAYL,WAAW;IAC3BM,MAAM;QACJC,SAAS;QACTC,OAAO;QACPC,QAAQ;IACV;IACAC,UAAU;QACRC,eAAe;QACfC,WAAW;IACb;IACAC,YAAY;QACVF,eAAe;QACfG,WAAW;IACb;IACAC,kBAAkB;QAChBJ,eAAe;QACfC,WAAW;IACb;IACAI,oBAAoB;QAClBL,eAAe;QACfG,WAAW;IACb;AACF;AAEA;;;CAGC,GACD,OAAO,MAAMG,0CAA0C,CACrDC;IAEA,MAAMC,SAASd;IAEf,kCAAkC;IAClCP,8BAA8BoB;IAE9B,MAAME,iBACJF,MAAMG,IAAI,KAAK,eACXH,MAAMI,QAAQ,GACZH,OAAOH,kBAAkB,GACzBG,OAAON,UAAU,GACnBK,MAAMI,QAAQ,GACdH,OAAOJ,gBAAgB,GACvBI,OAAOT,QAAQ;IAErB,uBAAuB;IACvB,iGAAiG;IACjGQ,MAAMd,SAAS,CAACmB,SAAS,GAAGtB,aAC1BE,gCAAgCC,SAAS,EACzCe,OAAOb,IAAI,EACXc,gBACAF,MAAMd,SAAS,CAACmB,SAAS;IAG3B,OAAOL;AACT,EAAE"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import { useCustomStyleHook_unstable } from
|
|
1
|
+
'use client';
|
|
2
|
+
import { useVirtualizerScrollViewDynamic_unstable } from "./useVirtualizerScrollViewDynamic.js";
|
|
3
|
+
import { renderVirtualizerScrollViewDynamic_unstable } from "./renderVirtualizerScrollViewDynamic.js";
|
|
4
|
+
import { useVirtualizerScrollViewDynamicStyles_unstable } from "./useVirtualizerScrollViewDynamicStyles.styles.js";
|
|
5
|
+
import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
|
|
6
6
|
/**
|
|
7
7
|
* Virtualizer ScrollView
|
|
8
|
-
|
|
8
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
9
|
+
*/ export const VirtualizerScrollViewDynamic = (props, // NOTE: this second context parameter doesn't exists in React 19
|
|
10
|
+
_context)=>{
|
|
9
11
|
const state = useVirtualizerScrollViewDynamic_unstable(props);
|
|
10
12
|
useVirtualizerScrollViewDynamicStyles_unstable(state);
|
|
11
13
|
useCustomStyleHook_unstable('useVirtualizerScrollViewDynamicStyles_unstable')(state);
|
|
12
14
|
return renderVirtualizerScrollViewDynamic_unstable(state);
|
|
15
|
+
// NOTE: we need to assert the type to satisfy tsc (React 19 FC doesn't have 2nd context parameter anymore)
|
|
13
16
|
};
|
|
14
17
|
VirtualizerScrollViewDynamic.displayName = 'VirtualizerScrollViewDynamic';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.ts"],"sourcesContent":["'use client';\n\nimport type { VirtualizerScrollViewDynamicProps } from './VirtualizerScrollViewDynamic.types';\nimport { useVirtualizerScrollViewDynamic_unstable } from './useVirtualizerScrollViewDynamic';\nimport { renderVirtualizerScrollViewDynamic_unstable } from './renderVirtualizerScrollViewDynamic';\nimport { useVirtualizerScrollViewDynamicStyles_unstable } from './useVirtualizerScrollViewDynamicStyles.styles';\nimport type * as React from 'react';\nimport type { VirtualizerContextProps } from '../../Utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Virtualizer ScrollView\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const VirtualizerScrollViewDynamic = ((\n props: VirtualizerScrollViewDynamicProps,\n // NOTE: this second context parameter doesn't exists in React 19\n _context: React.Context<VirtualizerContextProps>,\n) => {\n const state = useVirtualizerScrollViewDynamic_unstable(props);\n\n useVirtualizerScrollViewDynamicStyles_unstable(state);\n useCustomStyleHook_unstable('useVirtualizerScrollViewDynamicStyles_unstable')(state);\n\n return renderVirtualizerScrollViewDynamic_unstable(state);\n // NOTE: we need to assert the type to satisfy tsc (React 19 FC doesn't have 2nd context parameter anymore)\n}) as React.FC<VirtualizerScrollViewDynamicProps>;\n\nVirtualizerScrollViewDynamic.displayName = 'VirtualizerScrollViewDynamic';\n"],"names":["useVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewDynamicStyles_unstable","useCustomStyleHook_unstable","VirtualizerScrollViewDynamic","props","_context","state","displayName"],"mappings":"AAAA;AAGA,SAASA,wCAAwC,QAAQ,uCAAoC;AAC7F,SAASC,2CAA2C,QAAQ,0CAAuC;AACnG,SAASC,8CAA8C,QAAQ,oDAAiD;AAGhH,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,+BAAgC,CAC3CC,OACA,iEAAiE;AACjEC;IAEA,MAAMC,QAAQP,yCAAyCK;IAEvDH,+CAA+CK;IAC/CJ,4BAA4B,kDAAkDI;IAE9E,OAAON,4CAA4CM;AACnD,2GAA2G;AAC7G,EAAkD;AAElDH,6BAA6BI,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export { };
|
package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import * as React from 'react';\nimport 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 { DynamicVirtualizerContextProps, ScrollToInterface } from '../../Utilities';\n\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n Partial<\n Omit<\n VirtualizerConfigProps,\n 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex' | 'virtualizerContext'\n >\n > & {\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?: React.RefObject<ScrollToInterface>;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n enablePagination?: boolean;\n /**\n * Enables override of dynamic virtualizer context if required.\n */\n virtualizerContext?: DynamicVirtualizerContextProps;\n };\n\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n VirtualizerConfigState;\n"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport 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 { DynamicVirtualizerContextProps, ScrollToInterface } from '../../Utilities';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n Partial<\n Omit<\n VirtualizerConfigProps,\n 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex' | 'virtualizerContext'\n >\n > & {\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?: React.RefObject<ScrollToInterface | null>;\n /**\n * Imperative ref contains our scrollTo index functionality for user control.\n */\n enablePagination?: boolean;\n /**\n * Enables override of dynamic virtualizer context if required.\n */\n virtualizerContext?: DynamicVirtualizerContextProps;\n };\n\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n VirtualizerConfigState;\n"],"names":[],"mappings":"AA8DA,WACyB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { VirtualizerScrollViewDynamic } from
|
|
2
|
-
export { useVirtualizerScrollViewDynamic_unstable } from
|
|
3
|
-
export { renderVirtualizerScrollViewDynamic_unstable } from
|
|
4
|
-
export { useVirtualizerScrollViewDynamicStyles_unstable, virtualizerScrollViewDynamicClassNames } from
|
|
1
|
+
export { VirtualizerScrollViewDynamic } from "./VirtualizerScrollViewDynamic.js";
|
|
2
|
+
export { useVirtualizerScrollViewDynamic_unstable } from "./useVirtualizerScrollViewDynamic.js";
|
|
3
|
+
export { renderVirtualizerScrollViewDynamic_unstable } from "./renderVirtualizerScrollViewDynamic.js";
|
|
4
|
+
export { useVirtualizerScrollViewDynamicStyles_unstable, virtualizerScrollViewDynamicClassNames } from "./useVirtualizerScrollViewDynamicStyles.styles.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/index.ts"],"sourcesContent":["export { VirtualizerScrollViewDynamic } from './VirtualizerScrollViewDynamic';\nexport type {\n VirtualizerScrollViewDynamicProps,\n VirtualizerScrollViewDynamicSlots,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nexport { useVirtualizerScrollViewDynamic_unstable } from './useVirtualizerScrollViewDynamic';\nexport { renderVirtualizerScrollViewDynamic_unstable } from './renderVirtualizerScrollViewDynamic';\nexport {\n useVirtualizerScrollViewDynamicStyles_unstable,\n virtualizerScrollViewDynamicClassNames,\n} from './useVirtualizerScrollViewDynamicStyles.styles';\n"],"names":["VirtualizerScrollViewDynamic","useVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewDynamicStyles_unstable","virtualizerScrollViewDynamicClassNames"],"
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/index.ts"],"sourcesContent":["export { VirtualizerScrollViewDynamic } from './VirtualizerScrollViewDynamic';\nexport type {\n VirtualizerScrollViewDynamicProps,\n VirtualizerScrollViewDynamicSlots,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nexport { useVirtualizerScrollViewDynamic_unstable } from './useVirtualizerScrollViewDynamic';\nexport { renderVirtualizerScrollViewDynamic_unstable } from './renderVirtualizerScrollViewDynamic';\nexport {\n useVirtualizerScrollViewDynamicStyles_unstable,\n virtualizerScrollViewDynamicClassNames,\n} from './useVirtualizerScrollViewDynamicStyles.styles';\n"],"names":["VirtualizerScrollViewDynamic","useVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewDynamicStyles_unstable","virtualizerScrollViewDynamicClassNames"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,oCAAiC;AAM9E,SAASC,wCAAwC,QAAQ,uCAAoC;AAC7F,SAASC,2CAA2C,QAAQ,0CAAuC;AACnG,SACEC,8CAA8C,EAC9CC,sCAAsC,QACjC,oDAAiD"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
|
-
import { assertSlots } from
|
|
3
|
-
import { renderVirtualizer_unstable } from
|
|
4
|
-
|
|
2
|
+
import { assertSlots } from "@fluentui/react-utilities";
|
|
3
|
+
import { renderVirtualizer_unstable } from "../Virtualizer/renderVirtualizer.js";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
6
|
+
*/ export const renderVirtualizerScrollViewDynamic_unstable = (state)=>{
|
|
5
7
|
assertSlots(state);
|
|
6
8
|
return /*#__PURE__*/ _jsx(state.container, {
|
|
7
9
|
children: renderVirtualizer_unstable(state)
|
package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport {\n VirtualizerScrollViewDynamicSlots,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';\n\nexport const renderVirtualizerScrollViewDynamic_unstable = (state: VirtualizerScrollViewDynamicState) => {\n assertSlots<VirtualizerScrollViewDynamicSlots>(state);\n return <state.container>{renderVirtualizer_unstable(state)}</state.container>;\n};\n"],"names":["assertSlots","renderVirtualizer_unstable","renderVirtualizerScrollViewDynamic_unstable","state","container"],"
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n VirtualizerScrollViewDynamicSlots,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const renderVirtualizerScrollViewDynamic_unstable = (\n state: VirtualizerScrollViewDynamicState,\n): React.ReactElement => {\n assertSlots<VirtualizerScrollViewDynamicSlots>(state);\n return <state.container>{renderVirtualizer_unstable(state)}</state.container>;\n};\n"],"names":["assertSlots","renderVirtualizer_unstable","renderVirtualizerScrollViewDynamic_unstable","state","container"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAKxD,SAASC,0BAA0B,QAAQ,sCAAmC;AAE9E;;CAEC,GACD,OAAO,MAAMC,8CAA8C,CACzDC;IAEAH,YAA+CG;IAC/C,qBAAO,KAACA,MAAMC,SAAS;kBAAEH,2BAA2BE;;AACtD,EAAE"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { slot, useMergedRefs } from "@fluentui/react-utilities";
|
|
4
|
+
import { useVirtualizer_unstable } from "../Virtualizer/useVirtualizer.js";
|
|
5
|
+
import { useDynamicVirtualizerMeasure } from "../../Hooks.js";
|
|
6
|
+
import { useVirtualizerContextState_unstable, scrollToItemDynamic } from "../../Utilities.js";
|
|
7
|
+
import { useMeasureList } from "../../hooks/useMeasureList.js";
|
|
8
|
+
import { useDynamicVirtualizerPagination } from "../../hooks/useDynamicPagination.js";
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
11
|
+
*/ export function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
10
12
|
var _imperativeVirtualizerRef_current;
|
|
11
13
|
const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);
|
|
12
14
|
const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef, enablePagination = false, bufferItems: _bufferItems, bufferSize: _bufferSize } = props;
|
|
@@ -39,15 +41,19 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
|
39
41
|
});
|
|
40
42
|
const _imperativeVirtualizerRef = useMergedRefs(React.useRef(null), imperativeVirtualizerRef);
|
|
41
43
|
var _contextState_contextIndex;
|
|
42
|
-
const paginationRef = useDynamicVirtualizerPagination(
|
|
44
|
+
const paginationRef = useDynamicVirtualizerPagination(// eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring
|
|
45
|
+
{
|
|
43
46
|
axis,
|
|
47
|
+
// eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring
|
|
44
48
|
progressiveItemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.progressiveSizes,
|
|
45
49
|
virtualizerLength,
|
|
46
50
|
currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0
|
|
47
51
|
}, enablePagination);
|
|
48
52
|
// Store the virtualizer length as a ref for imperative ref access
|
|
49
53
|
const virtualizerLengthRef = React.useRef(virtualizerLength);
|
|
54
|
+
// eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring
|
|
50
55
|
if (virtualizerLengthRef.current !== virtualizerLength) {
|
|
56
|
+
// eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring
|
|
51
57
|
virtualizerLengthRef.current = virtualizerLength;
|
|
52
58
|
}
|
|
53
59
|
const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef, paginationRef);
|
|
@@ -107,6 +113,7 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
|
107
113
|
triggers a re-render but is only required on pagination (else index change handles) */ setSizeUpdateCount(measureObject.sizeUpdateCount);
|
|
108
114
|
}
|
|
109
115
|
if (axis === 'horizontal') {
|
|
116
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring
|
|
110
117
|
sizeTrackingArray = measureObject.widthArray;
|
|
111
118
|
} else {
|
|
112
119
|
sizeTrackingArray = measureObject.heightArray;
|
|
@@ -115,6 +122,7 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
|
115
122
|
// Auto-measuring is required
|
|
116
123
|
React.Children.map(virtualizerState.virtualizedChildren, (child, index)=>{
|
|
117
124
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
125
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring
|
|
118
126
|
virtualizerState.virtualizedChildren[index] = /*#__PURE__*/ React.createElement(child.type, {
|
|
119
127
|
...child.props,
|
|
120
128
|
key: child.key,
|
|
@@ -139,7 +147,6 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
|
|
|
139
147
|
return {
|
|
140
148
|
...virtualizerState,
|
|
141
149
|
components: {
|
|
142
|
-
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
|
143
150
|
...virtualizerState.components,
|
|
144
151
|
container: 'div'
|
|
145
152
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.tsx"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type {\n VirtualizerScrollViewDynamicProps,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\nimport { useMeasureList } from '../../hooks/useMeasureList';\nimport type { IndexedResizeCallbackElement } from '../../hooks/useMeasureList';\nimport { useDynamicVirtualizerPagination } from '../../hooks/useDynamicPagination';\n\nexport function useVirtualizerScrollViewDynamic_unstable(\n props: VirtualizerScrollViewDynamicProps,\n): VirtualizerScrollViewDynamicState {\n 'use no memo';\n\n const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n const {\n imperativeRef,\n axis = 'vertical',\n reversed,\n imperativeVirtualizerRef,\n enablePagination = false,\n bufferItems: _bufferItems,\n bufferSize: _bufferSize,\n } = props;\n\n let sizeTrackingArray = React.useRef<number[]>(new Array(props.numItems).fill(props.itemSize));\n\n // This lets us trigger updates when a size change occurs.\n const [sizeUpdateCount, setSizeUpdateCount] = React.useState(0);\n\n const getChildSizeAuto = React.useCallback(\n (index: number) => {\n if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {\n // Default size for initial state or untracked\n return props.itemSize;\n }\n /* Required to be defined prior to our measure function\n * we use a sizing array ref that we will update post-render\n */\n return sizeTrackingArray.current[index];\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [sizeTrackingArray, props.itemSize, sizeUpdateCount],\n );\n\n const { virtualizerLength, bufferItems, bufferSize, scrollRef, containerSizeRef, updateScrollPosition } =\n useDynamicVirtualizerMeasure({\n defaultItemSize: props.itemSize,\n direction: props.axis ?? 'vertical',\n getItemSize: props.getItemSize ?? getChildSizeAuto,\n virtualizerContext: contextState,\n numItems: props.numItems,\n bufferItems: _bufferItems,\n bufferSize: _bufferSize,\n });\n\n const _imperativeVirtualizerRef = useMergedRefs(React.useRef<VirtualizerDataRef>(null), imperativeVirtualizerRef);\n\n const paginationRef = useDynamicVirtualizerPagination(\n {\n axis,\n progressiveItemSizes: _imperativeVirtualizerRef.current?.progressiveSizes,\n virtualizerLength,\n currentIndex: contextState?.contextIndex ?? 0,\n },\n enablePagination,\n );\n\n // Store the virtualizer length as a ref for imperative ref access\n const virtualizerLengthRef = React.useRef<number>(virtualizerLength);\n if (virtualizerLengthRef.current !== virtualizerLength) {\n virtualizerLengthRef.current = virtualizerLength;\n }\n const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef, paginationRef);\n const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n React.useImperativeHandle(\n imperativeRef,\n () => {\n return {\n scrollTo(index: number, behavior = 'auto', callback: undefined | ((index: number) => void)) {\n scrollCallbackRef.current = callback ?? null;\n if (_imperativeVirtualizerRef.current) {\n const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n const totalSize =\n progressiveSizes && progressiveSizes?.length > 0\n ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)]\n : 0;\n\n _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n scrollToItemDynamic({\n index,\n itemSizes: _imperativeVirtualizerRef.current?.nodeSizes,\n totalSize,\n scrollViewRef: scrollViewRef as React.RefObject<HTMLDivElement>,\n axis,\n reversed,\n behavior,\n });\n }\n },\n currentIndex: _imperativeVirtualizerRef.current?.currentIndex,\n virtualizerLength: virtualizerLengthRef,\n };\n },\n [axis, scrollViewRef, reversed, _imperativeVirtualizerRef],\n );\n\n const handleRenderedIndex = (index: number) => {\n if (scrollCallbackRef.current) {\n scrollCallbackRef.current(index);\n }\n };\n\n const virtualizerState = useVirtualizer_unstable({\n ...props,\n getItemSize: props.getItemSize ?? getChildSizeAuto,\n virtualizerLength,\n bufferItems,\n bufferSize,\n virtualizerContext: contextState,\n imperativeVirtualizerRef: _imperativeVirtualizerRef,\n onRenderedFlaggedIndex: handleRenderedIndex,\n containerSizeRef,\n scrollViewRef,\n updateScrollPosition,\n });\n\n const measureObject = useMeasureList(\n virtualizerState.virtualizerStartIndex,\n virtualizerLength,\n props.numItems,\n props.itemSize,\n );\n\n if (enablePagination && measureObject.sizeUpdateCount !== sizeUpdateCount) {\n /* This enables us to let callback know that the sizes have been updated\n triggers a re-render but is only required on pagination (else index change handles) */\n setSizeUpdateCount(measureObject.sizeUpdateCount);\n }\n\n if (axis === 'horizontal') {\n sizeTrackingArray = measureObject.widthArray;\n } else {\n sizeTrackingArray = measureObject.heightArray;\n }\n\n if (!props.getItemSize) {\n // Auto-measuring is required\n React.Children.map(virtualizerState.virtualizedChildren, (child, index) => {\n if (React.isValidElement(child)) {\n virtualizerState.virtualizedChildren[index] = (\n <child.type\n {...child.props}\n key={child.key}\n ref={(element: HTMLElement & IndexedResizeCallbackElement) => {\n if (child.hasOwnProperty('ref')) {\n // We must access this from the child directly, not props (forward ref).\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const localRef = (child as any)?.ref;\n\n if (typeof localRef === 'function') {\n localRef(element);\n } else if (localRef) {\n localRef.current = element;\n }\n }\n\n // Call the auto-measure ref attachment.\n measureObject.createIndexedRef(index)(element);\n }}\n />\n );\n }\n });\n }\n\n return {\n ...virtualizerState,\n components: {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\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":["React","slot","useMergedRefs","useVirtualizer_unstable","useDynamicVirtualizerMeasure","useVirtualizerContextState_unstable","scrollToItemDynamic","useMeasureList","useDynamicVirtualizerPagination","useVirtualizerScrollViewDynamic_unstable","props","_imperativeVirtualizerRef","contextState","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","enablePagination","bufferItems","_bufferItems","bufferSize","_bufferSize","sizeTrackingArray","useRef","Array","numItems","fill","itemSize","sizeUpdateCount","setSizeUpdateCount","useState","getChildSizeAuto","useCallback","index","current","length","virtualizerLength","scrollRef","containerSizeRef","updateScrollPosition","defaultItemSize","direction","getItemSize","paginationRef","progressiveItemSizes","progressiveSizes","currentIndex","contextIndex","virtualizerLengthRef","scrollViewRef","scrollCallbackRef","useImperativeHandle","scrollTo","behavior","callback","totalSize","Math","max","setFlaggedIndex","itemSizes","nodeSizes","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","measureObject","virtualizerStartIndex","widthArray","heightArray","Children","map","virtualizedChildren","child","isValidElement","type","key","ref","element","hasOwnProperty","localRef","createIndexedRef","components","container","always","defaultProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type {\n VirtualizerScrollViewDynamicProps,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\nimport { useMeasureList } from '../../hooks/useMeasureList';\nimport type { IndexedResizeCallbackElement } from '../../hooks/useMeasureList';\nimport { useDynamicVirtualizerPagination } from '../../hooks/useDynamicPagination';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport function useVirtualizerScrollViewDynamic_unstable(\n props: VirtualizerScrollViewDynamicProps,\n): VirtualizerScrollViewDynamicState {\n const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n const {\n imperativeRef,\n axis = 'vertical',\n reversed,\n imperativeVirtualizerRef,\n enablePagination = false,\n bufferItems: _bufferItems,\n bufferSize: _bufferSize,\n } = props;\n\n let sizeTrackingArray = React.useRef<number[]>(new Array(props.numItems).fill(props.itemSize));\n\n // This lets us trigger updates when a size change occurs.\n const [sizeUpdateCount, setSizeUpdateCount] = React.useState(0);\n\n const getChildSizeAuto = React.useCallback(\n (index: number) => {\n if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {\n // Default size for initial state or untracked\n return props.itemSize;\n }\n /* Required to be defined prior to our measure function\n * we use a sizing array ref that we will update post-render\n */\n return sizeTrackingArray.current[index];\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [sizeTrackingArray, props.itemSize, sizeUpdateCount],\n );\n\n const { virtualizerLength, bufferItems, bufferSize, scrollRef, containerSizeRef, updateScrollPosition } =\n useDynamicVirtualizerMeasure({\n defaultItemSize: props.itemSize,\n direction: props.axis ?? 'vertical',\n getItemSize: props.getItemSize ?? getChildSizeAuto,\n virtualizerContext: contextState,\n numItems: props.numItems,\n bufferItems: _bufferItems,\n bufferSize: _bufferSize,\n });\n\n const _imperativeVirtualizerRef = useMergedRefs(React.useRef<VirtualizerDataRef>(null), imperativeVirtualizerRef);\n\n const paginationRef = useDynamicVirtualizerPagination(\n // eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring\n {\n axis,\n // eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring\n progressiveItemSizes: _imperativeVirtualizerRef.current?.progressiveSizes,\n virtualizerLength,\n currentIndex: contextState?.contextIndex ?? 0,\n },\n enablePagination,\n );\n\n // Store the virtualizer length as a ref for imperative ref access\n const virtualizerLengthRef = React.useRef<number>(virtualizerLength);\n // eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring\n if (virtualizerLengthRef.current !== virtualizerLength) {\n // eslint-disable-next-line react-hooks/refs -- deprecated package, not worth refactoring\n virtualizerLengthRef.current = virtualizerLength;\n }\n const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef, paginationRef);\n const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n React.useImperativeHandle(\n imperativeRef,\n () => {\n return {\n scrollTo(index: number, behavior = 'auto', callback: undefined | ((index: number) => void)) {\n scrollCallbackRef.current = callback ?? null;\n if (_imperativeVirtualizerRef.current) {\n const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n const totalSize =\n progressiveSizes && progressiveSizes?.length > 0\n ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)]\n : 0;\n\n _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n scrollToItemDynamic({\n index,\n itemSizes: _imperativeVirtualizerRef.current?.nodeSizes,\n totalSize,\n scrollViewRef: scrollViewRef as React.RefObject<HTMLDivElement>,\n axis,\n reversed,\n behavior,\n });\n }\n },\n currentIndex: _imperativeVirtualizerRef.current?.currentIndex,\n virtualizerLength: virtualizerLengthRef,\n };\n },\n [axis, scrollViewRef, reversed, _imperativeVirtualizerRef],\n );\n\n const handleRenderedIndex = (index: number) => {\n if (scrollCallbackRef.current) {\n scrollCallbackRef.current(index);\n }\n };\n\n const virtualizerState = useVirtualizer_unstable({\n ...props,\n getItemSize: props.getItemSize ?? getChildSizeAuto,\n virtualizerLength,\n bufferItems,\n bufferSize,\n virtualizerContext: contextState,\n imperativeVirtualizerRef: _imperativeVirtualizerRef,\n onRenderedFlaggedIndex: handleRenderedIndex,\n containerSizeRef,\n scrollViewRef,\n updateScrollPosition,\n });\n\n const measureObject = useMeasureList(\n virtualizerState.virtualizerStartIndex,\n virtualizerLength,\n props.numItems,\n props.itemSize,\n );\n\n if (enablePagination && measureObject.sizeUpdateCount !== sizeUpdateCount) {\n /* This enables us to let callback know that the sizes have been updated\n triggers a re-render but is only required on pagination (else index change handles) */\n setSizeUpdateCount(measureObject.sizeUpdateCount);\n }\n\n if (axis === 'horizontal') {\n // eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring\n sizeTrackingArray = measureObject.widthArray;\n } else {\n sizeTrackingArray = measureObject.heightArray;\n }\n\n if (!props.getItemSize) {\n // Auto-measuring is required\n React.Children.map(virtualizerState.virtualizedChildren, (child, index) => {\n if (React.isValidElement(child)) {\n // eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring\n virtualizerState.virtualizedChildren[index] = (\n <child.type\n {...(child.props as Record<string, unknown>)}\n key={child.key}\n ref={(element: HTMLElement & IndexedResizeCallbackElement) => {\n if (child.hasOwnProperty('ref')) {\n // We must access this from the child directly, not props (forward ref).\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const localRef = (child as any)?.ref;\n\n if (typeof localRef === 'function') {\n localRef(element);\n } else if (localRef) {\n localRef.current = element;\n }\n }\n\n // Call the auto-measure ref attachment.\n measureObject.createIndexedRef(index)(element);\n }}\n />\n );\n }\n });\n }\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":["React","slot","useMergedRefs","useVirtualizer_unstable","useDynamicVirtualizerMeasure","useVirtualizerContextState_unstable","scrollToItemDynamic","useMeasureList","useDynamicVirtualizerPagination","useVirtualizerScrollViewDynamic_unstable","props","_imperativeVirtualizerRef","contextState","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","enablePagination","bufferItems","_bufferItems","bufferSize","_bufferSize","sizeTrackingArray","useRef","Array","numItems","fill","itemSize","sizeUpdateCount","setSizeUpdateCount","useState","getChildSizeAuto","useCallback","index","current","length","virtualizerLength","scrollRef","containerSizeRef","updateScrollPosition","defaultItemSize","direction","getItemSize","paginationRef","progressiveItemSizes","progressiveSizes","currentIndex","contextIndex","virtualizerLengthRef","scrollViewRef","scrollCallbackRef","useImperativeHandle","scrollTo","behavior","callback","totalSize","Math","max","setFlaggedIndex","itemSizes","nodeSizes","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","measureObject","virtualizerStartIndex","widthArray","heightArray","Children","map","virtualizedChildren","child","isValidElement","type","key","ref","element","hasOwnProperty","localRef","createIndexedRef","components","container","always","defaultProps","elementType"],"mappings":"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"}
|
package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { useVirtualizerStyles_unstable, virtualizerClassNames } from "../Virtualizer/useVirtualizerStyles.styles.js";
|
|
4
|
+
import { __styles, mergeClasses } from "@griffel/react";
|
|
3
5
|
const virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
8
|
+
*/
|
|
4
9
|
export const virtualizerScrollViewDynamicClassNames = {
|
|
5
10
|
...virtualizerClassNames,
|
|
6
11
|
container: `${virtualizerScrollViewDynamicClassName}__container`
|
|
@@ -32,15 +37,15 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
32
37
|
});
|
|
33
38
|
/**
|
|
34
39
|
* Apply styling to the Virtualizer states
|
|
40
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
35
41
|
*/
|
|
36
42
|
export const useVirtualizerScrollViewDynamicStyles_unstable = state => {
|
|
37
|
-
'use no memo';
|
|
38
|
-
|
|
39
43
|
const styles = useStyles();
|
|
40
44
|
// Default virtualizer styles base
|
|
41
45
|
useVirtualizerStyles_unstable(state);
|
|
42
46
|
const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
|
|
43
47
|
// Add container styles
|
|
48
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring
|
|
44
49
|
state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);
|
|
45
50
|
return state;
|
|
46
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewDynamicClassName","virtualizerScrollViewDynamicClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewDynamicStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["useVirtualizerScrollViewDynamicStyles.styles.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewDynamicClassName","virtualizerScrollViewDynamicClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewDynamicStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["useVirtualizerScrollViewDynamicStyles.styles.js"],"sourcesContent":["'use client';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from \"../Virtualizer/useVirtualizerStyles.styles.js\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nconst virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */ export const virtualizerScrollViewDynamicClassNames = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewDynamicClassName}__container`\n};\nconst useStyles = makeStyles({\n base: {\n display: 'flex',\n width: '100%',\n height: '100%'\n },\n vertical: {\n flexDirection: 'column',\n overflowY: 'auto'\n },\n horizontal: {\n flexDirection: 'row',\n overflowX: 'auto'\n },\n verticalReversed: {\n flexDirection: 'column-reverse',\n overflowY: 'auto'\n },\n horizontalReversed: {\n flexDirection: 'row-reverse',\n overflowX: 'auto'\n }\n});\n/**\n * Apply styling to the Virtualizer states\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */ export 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 // eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring\n state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ,+CAA+C;AACpH,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,MAAMC,qCAAqC,GAAG,qCAAqC;AACnF;AACA;AACA;AAAI,OAAO,MAAMC,sCAAsC,GAAG;EACtD,GAAGJ,qBAAqB;EACxBK,SAAS,EAAE,GAAGF,qCAAqC;AACvD,CAAC;AACD,MAAMG,SAAS,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAsBjB,CAAC;AACF;AACA;AACA;AACA;AAAI,OAAO,MAAMC,8CAA8C,GAAIC,KAAK,IAAG;EACvE,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1B;EACAP,6BAA6B,CAACqB,KAAK,CAAC;EACpC,MAAME,cAAc,GAAGF,KAAK,CAACG,IAAI,KAAK,YAAY,GAAGH,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACJ,kBAAkB,GAAGI,MAAM,CAACP,UAAU,GAAGM,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACL,gBAAgB,GAAGK,MAAM,CAACV,QAAQ;EAChL;EACA;EACAS,KAAK,CAACf,SAAS,CAACoB,SAAS,GAAGvB,YAAY,CAACE,sCAAsC,CAACC,SAAS,EAAEgB,MAAM,CAACd,IAAI,EAAEe,cAAc,EAAEF,KAAK,CAACf,SAAS,CAACoB,SAAS,CAAC;EAClJ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useVirtualizerStyles_unstable, virtualizerClassNames } from "../Virtualizer/useVirtualizerStyles.styles.js";
|
|
3
|
+
import { makeStyles, mergeClasses } from "@griffel/react";
|
|
4
|
+
const virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
7
|
+
*/ export const virtualizerScrollViewDynamicClassNames = {
|
|
8
|
+
...virtualizerClassNames,
|
|
9
|
+
container: `${virtualizerScrollViewDynamicClassName}__container`
|
|
10
|
+
};
|
|
11
|
+
const useStyles = makeStyles({
|
|
12
|
+
base: {
|
|
13
|
+
display: 'flex',
|
|
14
|
+
width: '100%',
|
|
15
|
+
height: '100%'
|
|
16
|
+
},
|
|
17
|
+
vertical: {
|
|
18
|
+
flexDirection: 'column',
|
|
19
|
+
overflowY: 'auto'
|
|
20
|
+
},
|
|
21
|
+
horizontal: {
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
overflowX: 'auto'
|
|
24
|
+
},
|
|
25
|
+
verticalReversed: {
|
|
26
|
+
flexDirection: 'column-reverse',
|
|
27
|
+
overflowY: 'auto'
|
|
28
|
+
},
|
|
29
|
+
horizontalReversed: {
|
|
30
|
+
flexDirection: 'row-reverse',
|
|
31
|
+
overflowX: 'auto'
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
/**
|
|
35
|
+
* Apply styling to the Virtualizer states
|
|
36
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
37
|
+
*/ export const useVirtualizerScrollViewDynamicStyles_unstable = (state)=>{
|
|
38
|
+
const styles = useStyles();
|
|
39
|
+
// Default virtualizer styles base
|
|
40
|
+
useVirtualizerStyles_unstable(state);
|
|
41
|
+
const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
|
|
42
|
+
// Add container styles
|
|
43
|
+
// eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring
|
|
44
|
+
state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);
|
|
45
|
+
return state;
|
|
46
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n VirtualizerScrollViewDynamicSlots,\n VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';\n\n/**\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const virtualizerScrollViewDynamicClassNames: SlotClassNames<VirtualizerScrollViewDynamicSlots> = {\n ...virtualizerClassNames,\n container: `${virtualizerScrollViewDynamicClassName}__container`,\n};\n\nconst useStyles = makeStyles({\n base: {\n display: 'flex',\n width: '100%',\n height: '100%',\n },\n vertical: {\n flexDirection: 'column',\n overflowY: 'auto',\n },\n horizontal: {\n flexDirection: 'row',\n overflowX: 'auto',\n },\n verticalReversed: {\n flexDirection: 'column-reverse',\n overflowY: 'auto',\n },\n horizontalReversed: {\n flexDirection: 'row-reverse',\n overflowX: 'auto',\n },\n});\n\n/**\n * Apply styling to the Virtualizer states\n * @deprecated migrated to \\@fluentui\\-contrib/react\\-virtualizer for stable release.\n */\nexport const useVirtualizerScrollViewDynamicStyles_unstable = (\n state: VirtualizerScrollViewDynamicState,\n): VirtualizerScrollViewDynamicState => {\n const styles = useStyles();\n\n // Default virtualizer styles base\n useVirtualizerStyles_unstable(state);\n\n const containerStyle =\n state.axis === 'horizontal'\n ? state.reversed\n ? styles.horizontalReversed\n : styles.horizontal\n : state.reversed\n ? styles.verticalReversed\n : styles.vertical;\n\n // Add container styles\n // eslint-disable-next-line react-hooks/immutability -- deprecated package, not worth refactoring\n state.container.className = mergeClasses(\n virtualizerScrollViewDynamicClassNames.container,\n styles.base,\n containerStyle,\n state.container.className,\n );\n\n return state;\n};\n"],"names":["useVirtualizerStyles_unstable","virtualizerClassNames","makeStyles","mergeClasses","virtualizerScrollViewDynamicClassName","virtualizerScrollViewDynamicClassNames","container","useStyles","base","display","width","height","vertical","flexDirection","overflowY","horizontal","overflowX","verticalReversed","horizontalReversed","useVirtualizerScrollViewDynamicStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"mappings":"AAAA;AAOA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ,gDAA6C;AAClH,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAE1D,MAAMC,wCAAwC;AAE9C;;CAEC,GACD,OAAO,MAAMC,yCAA4F;IACvG,GAAGJ,qBAAqB;IACxBK,WAAW,GAAGF,sCAAsC,WAAW,CAAC;AAClE,EAAE;AAEF,MAAMG,YAAYL,WAAW;IAC3BM,MAAM;QACJC,SAAS;QACTC,OAAO;QACPC,QAAQ;IACV;IACAC,UAAU;QACRC,eAAe;QACfC,WAAW;IACb;IACAC,YAAY;QACVF,eAAe;QACfG,WAAW;IACb;IACAC,kBAAkB;QAChBJ,eAAe;QACfC,WAAW;IACb;IACAI,oBAAoB;QAClBL,eAAe;QACfG,WAAW;IACb;AACF;AAEA;;;CAGC,GACD,OAAO,MAAMG,iDAAiD,CAC5DC;IAEA,MAAMC,SAASd;IAEf,kCAAkC;IAClCP,8BAA8BoB;IAE9B,MAAME,iBACJF,MAAMG,IAAI,KAAK,eACXH,MAAMI,QAAQ,GACZH,OAAOH,kBAAkB,GACzBG,OAAON,UAAU,GACnBK,MAAMI,QAAQ,GACdH,OAAOJ,gBAAgB,GACvBI,OAAOT,QAAQ;IAErB,uBAAuB;IACvB,iGAAiG;IACjGQ,MAAMd,SAAS,CAACmB,SAAS,GAAGtB,aAC1BE,uCAAuCC,SAAS,EAChDe,OAAOb,IAAI,EACXc,gBACAF,MAAMd,SAAS,CAACmB,SAAS;IAG3B,OAAOL;AACT,EAAE"}
|
package/lib/hooks/hooks.types.js
CHANGED
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Additional direct Ref prevents reading old resize entry data
|
|
3
|
+
* Backwards compatible with ResizeObserverCallback if preferred
|
|
4
|
+
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
5
|
+
*/ export { };
|