react-virtuoso 2.7.1 → 2.8.0-alpha.4
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/dist/List.d.ts +20 -20
- package/dist/Table.d.ts +55 -55
- package/dist/components/CompProps.d.ts +2 -0
- package/dist/components/GroupedVirtuoso.d.ts +27 -0
- package/dist/{components.d.ts → components/TableVirtuoso.d.ts} +1160 -2327
- package/dist/components/Virtuoso.d.ts +205 -0
- package/dist/components/VirtuosoGrid.d.ts +93 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +2 -2
- package/dist/hooks/useScrollTop.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -2
- package/dist/react-virtuoso.cjs.development.js +3871 -0
- package/dist/react-virtuoso.cjs.development.js.map +1 -0
- package/dist/react-virtuoso.cjs.production.min.js +2 -0
- package/dist/react-virtuoso.cjs.production.min.js.map +1 -0
- package/dist/react-virtuoso.esm.js +3845 -0
- package/dist/react-virtuoso.esm.js.map +1 -0
- package/package.json +16 -5
- package/dist/index.js.map +0 -1
- package/dist/index.m.js +0 -2
- package/dist/index.m.js.map +0 -1
package/dist/List.d.ts
CHANGED
|
@@ -32,55 +32,55 @@ export declare type ListHandle = RefHandle<typeof List>;
|
|
|
32
32
|
export declare const List: React.ForwardRefExoticComponent<{} & {
|
|
33
33
|
context?: unknown;
|
|
34
34
|
itemContent?: ItemContent<any, any> | GroupItemContent<any, any> | undefined;
|
|
35
|
+
groupContent?: GroupContent | undefined;
|
|
35
36
|
components?: Components<any> | undefined;
|
|
36
37
|
computeItemKey?: ComputeItemKey<any, any> | undefined;
|
|
38
|
+
headerFooterTag?: string | undefined;
|
|
37
39
|
scrollerRef?: ((ref: HTMLElement | Window | null) => void) | undefined;
|
|
38
40
|
data?: import("./sizeSystem").Data;
|
|
39
41
|
footer?: any;
|
|
40
42
|
header?: any;
|
|
41
|
-
overscan?: import("./sizeRangeSystem").Overscan | undefined;
|
|
42
|
-
increaseViewportBy?: import("./sizeRangeSystem").ViewportIncrease | undefined;
|
|
43
|
-
atBottomThreshold?: number | undefined;
|
|
44
|
-
scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
|
|
45
43
|
logLevel?: import("./loggerSystem").LogLevel | undefined;
|
|
46
|
-
useWindowScroll?: boolean | undefined;
|
|
47
|
-
customScrollParent?: HTMLElement | undefined;
|
|
48
44
|
totalCount?: number | undefined;
|
|
49
|
-
initialItemCount?: number | undefined;
|
|
50
|
-
scrollSeek?: any;
|
|
51
|
-
item?: ItemContent<any, any> | GroupItemContent<any, any> | undefined;
|
|
52
|
-
ItemContainer?: any;
|
|
53
|
-
ScrollContainer?: any;
|
|
54
|
-
ListContainer?: any;
|
|
55
|
-
emptyComponent?: any;
|
|
56
45
|
firstItemIndex?: number | undefined;
|
|
57
46
|
itemSize?: import("./sizeSystem").SizeFunction | undefined;
|
|
58
47
|
initialTopMostItemIndex?: number | undefined;
|
|
48
|
+
atBottomThreshold?: number | undefined;
|
|
59
49
|
followOutput?: import("./interfaces").FollowOutput | undefined;
|
|
60
50
|
groupCounts?: number[] | undefined;
|
|
51
|
+
overscan?: import("./sizeRangeSystem").Overscan | undefined;
|
|
52
|
+
increaseViewportBy?: import("./sizeRangeSystem").ViewportIncrease | undefined;
|
|
61
53
|
topItems?: number | undefined;
|
|
62
54
|
topItemCount?: number | undefined;
|
|
55
|
+
initialItemCount?: number | undefined;
|
|
56
|
+
scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
|
|
63
57
|
initialScrollTop?: number | undefined;
|
|
64
58
|
alignToBottom?: boolean | undefined;
|
|
59
|
+
useWindowScroll?: boolean | undefined;
|
|
60
|
+
customScrollParent?: HTMLElement | undefined;
|
|
61
|
+
scrollSeek?: any;
|
|
65
62
|
fixedItemHeight?: number | undefined;
|
|
66
63
|
defaultItemHeight?: number | undefined;
|
|
67
|
-
|
|
68
|
-
headerFooterTag?: string | undefined;
|
|
64
|
+
item?: ItemContent<any, any> | GroupItemContent<any, any> | undefined;
|
|
69
65
|
group?: GroupContent | undefined;
|
|
70
66
|
itemHeight?: number | undefined;
|
|
71
67
|
scrollingStateChange?: boolean | undefined;
|
|
72
68
|
maxHeightCacheSize?: any;
|
|
73
69
|
HeaderContainer?: any;
|
|
74
70
|
FooterContainer?: any;
|
|
71
|
+
ItemContainer?: any;
|
|
72
|
+
ScrollContainer?: any;
|
|
75
73
|
GroupContainer?: any;
|
|
74
|
+
ListContainer?: any;
|
|
75
|
+
emptyComponent?: any;
|
|
76
76
|
} & {
|
|
77
|
+
groupIndices?: ((value: number[]) => void) | undefined;
|
|
77
78
|
isScrolling?: ((value: boolean) => void) | undefined;
|
|
78
79
|
atTopStateChange?: ((value: boolean) => void) | undefined;
|
|
79
80
|
atBottomStateChange?: ((value: boolean) => void) | undefined;
|
|
80
|
-
startReached?: ((value: number) => void) | undefined;
|
|
81
81
|
endReached?: ((value: number) => void) | undefined;
|
|
82
|
+
startReached?: ((value: number) => void) | undefined;
|
|
82
83
|
rangeChanged?: ((value: import("./interfaces").ListRange) => void) | undefined;
|
|
83
|
-
groupIndices?: ((value: number[]) => void) | undefined;
|
|
84
84
|
itemsRendered?: ((value: import("./listStateSystem").ListItems) => void) | undefined;
|
|
85
85
|
totalListHeightChanged?: ((value: number) => void) | undefined;
|
|
86
86
|
} & ListRootProps & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
|
|
@@ -5648,7 +5648,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
|
|
|
5648
5648
|
itemsRendered: "itemsRendered";
|
|
5649
5649
|
groupIndices: "groupIndices";
|
|
5650
5650
|
};
|
|
5651
|
-
}>>>, usePublisher: <K_3 extends "context" | "itemContent" | "
|
|
5651
|
+
}>>>, usePublisher: <K_3 extends "context" | "itemContent" | "groupContent" | "components" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "data" | "footer" | "header" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent" | "log" | "logLevel" | "totalCount" | "sizeRanges" | "groupIndices" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "scrollToIndex" | "topListHeight" | "propsReady" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "scrollVelocity" | "lastJumpDueToItemResize" | "followOutput" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "fixedHeaderHeight" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "topItems" | "startReached" | "rangeChanged" | "itemsRendered" | "topItemCount" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "scrollSeek" | "fixedItemHeight" | "defaultItemHeight" | "item" | "group" | "itemHeight" | "scrollingStateChange" | "adjustForPrependedItems" | "maxHeightCacheSize" | "HeaderContainer" | "FooterContainer" | "ItemContainer" | "ScrollContainer" | "GroupContainer" | "ListContainer" | "emptyComponent">(key: K_3) => (value: {
|
|
5652
5652
|
item: Stream<ItemContent<any, any> | GroupItemContent<any, any>>;
|
|
5653
5653
|
group: Stream<GroupContent>;
|
|
5654
5654
|
topItems: Stream<number>;
|
|
@@ -5778,7 +5778,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
|
|
|
5778
5778
|
groupCounts: Stream<number[]>;
|
|
5779
5779
|
fixedItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5780
5780
|
defaultItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5781
|
-
}[K_3] extends Stream<infer R_4> ? R_4 : never) => void, useEmitterValue: <K_4 extends "context" | "itemContent" | "
|
|
5781
|
+
}[K_3] extends Stream<infer R_4> ? R_4 : never) => void, useEmitterValue: <K_4 extends "context" | "itemContent" | "groupContent" | "components" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "data" | "footer" | "header" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent" | "log" | "logLevel" | "totalCount" | "sizeRanges" | "groupIndices" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "scrollToIndex" | "topListHeight" | "propsReady" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "scrollVelocity" | "lastJumpDueToItemResize" | "followOutput" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "fixedHeaderHeight" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "topItems" | "startReached" | "rangeChanged" | "itemsRendered" | "topItemCount" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "scrollSeek" | "fixedItemHeight" | "defaultItemHeight" | "item" | "group" | "itemHeight" | "scrollingStateChange" | "adjustForPrependedItems" | "maxHeightCacheSize" | "HeaderContainer" | "FooterContainer" | "ItemContainer" | "ScrollContainer" | "GroupContainer" | "ListContainer" | "emptyComponent", V = {
|
|
5782
5782
|
item: Stream<ItemContent<any, any> | GroupItemContent<any, any>>;
|
|
5783
5783
|
group: Stream<GroupContent>;
|
|
5784
5784
|
topItems: Stream<number>;
|
|
@@ -5908,7 +5908,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
|
|
|
5908
5908
|
groupCounts: Stream<number[]>;
|
|
5909
5909
|
fixedItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5910
5910
|
defaultItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5911
|
-
}[K_4] extends import("@virtuoso.dev/urx").StatefulStream<infer R_5> ? R_5 : never>(key: K_4) => V, useEmitter: <K_5 extends "context" | "itemContent" | "
|
|
5911
|
+
}[K_4] extends import("@virtuoso.dev/urx").StatefulStream<infer R_5> ? R_5 : never>(key: K_4) => V, useEmitter: <K_5 extends "context" | "itemContent" | "groupContent" | "components" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "data" | "footer" | "header" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent" | "log" | "logLevel" | "totalCount" | "sizeRanges" | "groupIndices" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "scrollToIndex" | "topListHeight" | "propsReady" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "scrollVelocity" | "lastJumpDueToItemResize" | "followOutput" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "fixedHeaderHeight" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "topItems" | "startReached" | "rangeChanged" | "itemsRendered" | "topItemCount" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "scrollSeek" | "fixedItemHeight" | "defaultItemHeight" | "item" | "group" | "itemHeight" | "scrollingStateChange" | "adjustForPrependedItems" | "maxHeightCacheSize" | "HeaderContainer" | "FooterContainer" | "ItemContainer" | "ScrollContainer" | "GroupContainer" | "ListContainer" | "emptyComponent", V_1 = {
|
|
5912
5912
|
item: Stream<ItemContent<any, any> | GroupItemContent<any, any>>;
|
|
5913
5913
|
group: Stream<GroupContent>;
|
|
5914
5914
|
topItems: Stream<number>;
|
package/dist/Table.d.ts
CHANGED
|
@@ -11,38 +11,38 @@ export declare type TableHandle = RefHandle<typeof Table>;
|
|
|
11
11
|
export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
12
12
|
context?: unknown;
|
|
13
13
|
itemContent?: ItemContent<any, unknown> | undefined;
|
|
14
|
+
fixedHeaderContent?: FixedHeaderContent | undefined;
|
|
14
15
|
components?: TableComponents<unknown> | undefined;
|
|
15
16
|
computeItemKey?: ComputeItemKey<any, unknown> | undefined;
|
|
16
17
|
scrollerRef?: ((ref: HTMLElement | Window | null) => void) | undefined;
|
|
17
18
|
data?: import("./sizeSystem").Data;
|
|
18
|
-
overscan?: import("./sizeRangeSystem").Overscan | undefined;
|
|
19
|
-
increaseViewportBy?: import("./sizeRangeSystem").ViewportIncrease | undefined;
|
|
20
|
-
atBottomThreshold?: number | undefined;
|
|
21
|
-
scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
|
|
22
19
|
logLevel?: import("./loggerSystem").LogLevel | undefined;
|
|
23
|
-
useWindowScroll?: boolean | undefined;
|
|
24
|
-
customScrollParent?: HTMLElement | undefined;
|
|
25
20
|
totalCount?: number | undefined;
|
|
26
|
-
initialItemCount?: number | undefined;
|
|
27
21
|
firstItemIndex?: number | undefined;
|
|
28
22
|
itemSize?: import("./sizeSystem").SizeFunction | undefined;
|
|
29
23
|
initialTopMostItemIndex?: number | undefined;
|
|
24
|
+
atBottomThreshold?: number | undefined;
|
|
30
25
|
followOutput?: import("./interfaces").FollowOutput | undefined;
|
|
31
26
|
groupCounts?: number[] | undefined;
|
|
27
|
+
overscan?: import("./sizeRangeSystem").Overscan | undefined;
|
|
28
|
+
increaseViewportBy?: import("./sizeRangeSystem").ViewportIncrease | undefined;
|
|
32
29
|
topItemCount?: number | undefined;
|
|
30
|
+
initialItemCount?: number | undefined;
|
|
31
|
+
scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
|
|
33
32
|
initialScrollTop?: number | undefined;
|
|
34
33
|
alignToBottom?: boolean | undefined;
|
|
34
|
+
useWindowScroll?: boolean | undefined;
|
|
35
|
+
customScrollParent?: HTMLElement | undefined;
|
|
35
36
|
fixedItemHeight?: number | undefined;
|
|
36
37
|
defaultItemHeight?: number | undefined;
|
|
37
|
-
fixedHeaderContent?: FixedHeaderContent | undefined;
|
|
38
38
|
} & {
|
|
39
|
+
groupIndices?: ((value: number[]) => void) | undefined;
|
|
39
40
|
isScrolling?: ((value: boolean) => void) | undefined;
|
|
40
41
|
atTopStateChange?: ((value: boolean) => void) | undefined;
|
|
41
42
|
atBottomStateChange?: ((value: boolean) => void) | undefined;
|
|
42
|
-
startReached?: ((value: number) => void) | undefined;
|
|
43
43
|
endReached?: ((value: number) => void) | undefined;
|
|
44
|
+
startReached?: ((value: number) => void) | undefined;
|
|
44
45
|
rangeChanged?: ((value: import("./interfaces").ListRange) => void) | undefined;
|
|
45
|
-
groupIndices?: ((value: number[]) => void) | undefined;
|
|
46
46
|
itemsRendered?: ((value: import("./listStateSystem").ListItems) => void) | undefined;
|
|
47
47
|
totalListHeightChanged?: ((value: number) => void) | undefined;
|
|
48
48
|
} & TableRootProps & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
|
|
@@ -5264,23 +5264,23 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5264
5264
|
components: import("@virtuoso.dev/urx").StatefulStream<TableComponents<unknown>>;
|
|
5265
5265
|
computeItemKey: import("@virtuoso.dev/urx").StatefulStream<ComputeItemKey<any, unknown>>;
|
|
5266
5266
|
scrollerRef: import("@virtuoso.dev/urx").StatefulStream<(ref: HTMLElement | Window | null) => void>;
|
|
5267
|
-
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5267
|
+
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").TableProps & {
|
|
5268
5268
|
context?: unknown;
|
|
5269
5269
|
}> | null | undefined>;
|
|
5270
|
-
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5270
|
+
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5271
5271
|
context?: unknown;
|
|
5272
5272
|
}> | null | undefined>;
|
|
5273
|
-
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5273
|
+
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5274
5274
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5275
5275
|
}, "ref" | "style" | "children"> & {
|
|
5276
5276
|
'data-test-id': string;
|
|
5277
5277
|
} & {
|
|
5278
5278
|
context?: unknown;
|
|
5279
5279
|
}> | null | undefined>;
|
|
5280
|
-
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5280
|
+
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ItemProps & {
|
|
5281
5281
|
context?: unknown;
|
|
5282
5282
|
}> | null | undefined>;
|
|
5283
|
-
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5283
|
+
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5284
5284
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5285
5285
|
}, "ref" | "style" | "tabIndex" | "children"> & {
|
|
5286
5286
|
'data-test-id'?: string | undefined;
|
|
@@ -5288,10 +5288,10 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5288
5288
|
} & {
|
|
5289
5289
|
context?: unknown;
|
|
5290
5290
|
}> | null | undefined>;
|
|
5291
|
-
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5291
|
+
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5292
5292
|
context?: unknown;
|
|
5293
5293
|
}> | null | undefined>;
|
|
5294
|
-
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5294
|
+
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ScrollSeekPlaceholderProps & {
|
|
5295
5295
|
context?: unknown;
|
|
5296
5296
|
}> | null | undefined>;
|
|
5297
5297
|
}>], ([listSystem, propsSystem]: [{
|
|
@@ -5371,23 +5371,23 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5371
5371
|
components: import("@virtuoso.dev/urx").StatefulStream<TableComponents<unknown>>;
|
|
5372
5372
|
computeItemKey: import("@virtuoso.dev/urx").StatefulStream<ComputeItemKey<any, unknown>>;
|
|
5373
5373
|
scrollerRef: import("@virtuoso.dev/urx").StatefulStream<(ref: HTMLElement | Window | null) => void>;
|
|
5374
|
-
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5374
|
+
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").TableProps & {
|
|
5375
5375
|
context?: unknown;
|
|
5376
5376
|
}> | null | undefined>;
|
|
5377
|
-
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5377
|
+
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5378
5378
|
context?: unknown;
|
|
5379
5379
|
}> | null | undefined>;
|
|
5380
|
-
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5380
|
+
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5381
5381
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5382
5382
|
}, "ref" | "style" | "children"> & {
|
|
5383
5383
|
'data-test-id': string;
|
|
5384
5384
|
} & {
|
|
5385
5385
|
context?: unknown;
|
|
5386
5386
|
}> | null | undefined>;
|
|
5387
|
-
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5387
|
+
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ItemProps & {
|
|
5388
5388
|
context?: unknown;
|
|
5389
5389
|
}> | null | undefined>;
|
|
5390
|
-
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5390
|
+
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5391
5391
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5392
5392
|
}, "ref" | "style" | "tabIndex" | "children"> & {
|
|
5393
5393
|
'data-test-id'?: string | undefined;
|
|
@@ -5395,10 +5395,10 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5395
5395
|
} & {
|
|
5396
5396
|
context?: unknown;
|
|
5397
5397
|
}> | null | undefined>;
|
|
5398
|
-
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5398
|
+
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5399
5399
|
context?: unknown;
|
|
5400
5400
|
}> | null | undefined>;
|
|
5401
|
-
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5401
|
+
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ScrollSeekPlaceholderProps & {
|
|
5402
5402
|
context?: unknown;
|
|
5403
5403
|
}> | null | undefined>;
|
|
5404
5404
|
}]) => {
|
|
@@ -5408,23 +5408,23 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5408
5408
|
components: import("@virtuoso.dev/urx").StatefulStream<TableComponents<unknown>>;
|
|
5409
5409
|
computeItemKey: import("@virtuoso.dev/urx").StatefulStream<ComputeItemKey<any, unknown>>;
|
|
5410
5410
|
scrollerRef: import("@virtuoso.dev/urx").StatefulStream<(ref: HTMLElement | Window | null) => void>;
|
|
5411
|
-
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5411
|
+
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").TableProps & {
|
|
5412
5412
|
context?: unknown;
|
|
5413
5413
|
}> | null | undefined>;
|
|
5414
|
-
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5414
|
+
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5415
5415
|
context?: unknown;
|
|
5416
5416
|
}> | null | undefined>;
|
|
5417
|
-
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5417
|
+
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5418
5418
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5419
5419
|
}, "ref" | "style" | "children"> & {
|
|
5420
5420
|
'data-test-id': string;
|
|
5421
5421
|
} & {
|
|
5422
5422
|
context?: unknown;
|
|
5423
5423
|
}> | null | undefined>;
|
|
5424
|
-
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5424
|
+
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ItemProps & {
|
|
5425
5425
|
context?: unknown;
|
|
5426
5426
|
}> | null | undefined>;
|
|
5427
|
-
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5427
|
+
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5428
5428
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5429
5429
|
}, "ref" | "style" | "tabIndex" | "children"> & {
|
|
5430
5430
|
'data-test-id'?: string | undefined;
|
|
@@ -5432,10 +5432,10 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5432
5432
|
} & {
|
|
5433
5433
|
context?: unknown;
|
|
5434
5434
|
}> | null | undefined>;
|
|
5435
|
-
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5435
|
+
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5436
5436
|
context?: unknown;
|
|
5437
5437
|
}> | null | undefined>;
|
|
5438
|
-
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5438
|
+
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ScrollSeekPlaceholderProps & {
|
|
5439
5439
|
context?: unknown;
|
|
5440
5440
|
}> | null | undefined>;
|
|
5441
5441
|
log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
|
|
@@ -5554,30 +5554,30 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5554
5554
|
itemsRendered: "itemsRendered";
|
|
5555
5555
|
groupIndices: "groupIndices";
|
|
5556
5556
|
};
|
|
5557
|
-
}>>>, usePublisher: <K_3 extends "context" | "itemContent" | "components" | "computeItemKey" | "scrollerRef" | "
|
|
5557
|
+
}>>>, usePublisher: <K_3 extends "context" | "itemContent" | "fixedHeaderContent" | "components" | "computeItemKey" | "scrollerRef" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "TableComponent" | "data" | "TableHeadComponent" | "TableBodyComponent" | "TableRowComponent" | "ScrollerComponent" | "log" | "logLevel" | "totalCount" | "sizeRanges" | "groupIndices" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "scrollToIndex" | "topListHeight" | "propsReady" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "scrollVelocity" | "lastJumpDueToItemResize" | "followOutput" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "fixedHeaderHeight" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "topItemCount" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "fixedItemHeight" | "defaultItemHeight">(key: K_3) => (value: {
|
|
5558
5558
|
context: import("@virtuoso.dev/urx").StatefulStream<unknown>;
|
|
5559
5559
|
itemContent: import("@virtuoso.dev/urx").StatefulStream<ItemContent<any, unknown>>;
|
|
5560
5560
|
fixedHeaderContent: import("@virtuoso.dev/urx").StatefulStream<FixedHeaderContent>;
|
|
5561
5561
|
components: import("@virtuoso.dev/urx").StatefulStream<TableComponents<unknown>>;
|
|
5562
5562
|
computeItemKey: import("@virtuoso.dev/urx").StatefulStream<ComputeItemKey<any, unknown>>;
|
|
5563
5563
|
scrollerRef: import("@virtuoso.dev/urx").StatefulStream<(ref: HTMLElement | Window | null) => void>;
|
|
5564
|
-
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5564
|
+
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").TableProps & {
|
|
5565
5565
|
context?: unknown;
|
|
5566
5566
|
}> | null | undefined>;
|
|
5567
|
-
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5567
|
+
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5568
5568
|
context?: unknown;
|
|
5569
5569
|
}> | null | undefined>;
|
|
5570
|
-
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5570
|
+
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5571
5571
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5572
5572
|
}, "ref" | "style" | "children"> & {
|
|
5573
5573
|
'data-test-id': string;
|
|
5574
5574
|
} & {
|
|
5575
5575
|
context?: unknown;
|
|
5576
5576
|
}> | null | undefined>;
|
|
5577
|
-
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5577
|
+
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ItemProps & {
|
|
5578
5578
|
context?: unknown;
|
|
5579
5579
|
}> | null | undefined>;
|
|
5580
|
-
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5580
|
+
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5581
5581
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5582
5582
|
}, "ref" | "style" | "tabIndex" | "children"> & {
|
|
5583
5583
|
'data-test-id'?: string | undefined;
|
|
@@ -5585,10 +5585,10 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5585
5585
|
} & {
|
|
5586
5586
|
context?: unknown;
|
|
5587
5587
|
}> | null | undefined>;
|
|
5588
|
-
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5588
|
+
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5589
5589
|
context?: unknown;
|
|
5590
5590
|
}> | null | undefined>;
|
|
5591
|
-
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5591
|
+
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ScrollSeekPlaceholderProps & {
|
|
5592
5592
|
context?: unknown;
|
|
5593
5593
|
}> | null | undefined>;
|
|
5594
5594
|
log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
|
|
@@ -5660,30 +5660,30 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5660
5660
|
groupCounts: import("@virtuoso.dev/urx").Stream<number[]>;
|
|
5661
5661
|
fixedItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5662
5662
|
defaultItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5663
|
-
}[K_3] extends import("@virtuoso.dev/urx").Stream<infer R_4> ? R_4 : never) => void, useEmitterValue: <K_4 extends "context" | "itemContent" | "components" | "computeItemKey" | "scrollerRef" | "
|
|
5663
|
+
}[K_3] extends import("@virtuoso.dev/urx").Stream<infer R_4> ? R_4 : never) => void, useEmitterValue: <K_4 extends "context" | "itemContent" | "fixedHeaderContent" | "components" | "computeItemKey" | "scrollerRef" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "TableComponent" | "data" | "TableHeadComponent" | "TableBodyComponent" | "TableRowComponent" | "ScrollerComponent" | "log" | "logLevel" | "totalCount" | "sizeRanges" | "groupIndices" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "scrollToIndex" | "topListHeight" | "propsReady" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "scrollVelocity" | "lastJumpDueToItemResize" | "followOutput" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "fixedHeaderHeight" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "topItemCount" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "fixedItemHeight" | "defaultItemHeight", V = {
|
|
5664
5664
|
context: import("@virtuoso.dev/urx").StatefulStream<unknown>;
|
|
5665
5665
|
itemContent: import("@virtuoso.dev/urx").StatefulStream<ItemContent<any, unknown>>;
|
|
5666
5666
|
fixedHeaderContent: import("@virtuoso.dev/urx").StatefulStream<FixedHeaderContent>;
|
|
5667
5667
|
components: import("@virtuoso.dev/urx").StatefulStream<TableComponents<unknown>>;
|
|
5668
5668
|
computeItemKey: import("@virtuoso.dev/urx").StatefulStream<ComputeItemKey<any, unknown>>;
|
|
5669
5669
|
scrollerRef: import("@virtuoso.dev/urx").StatefulStream<(ref: HTMLElement | Window | null) => void>;
|
|
5670
|
-
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5670
|
+
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").TableProps & {
|
|
5671
5671
|
context?: unknown;
|
|
5672
5672
|
}> | null | undefined>;
|
|
5673
|
-
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5673
|
+
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5674
5674
|
context?: unknown;
|
|
5675
5675
|
}> | null | undefined>;
|
|
5676
|
-
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5676
|
+
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5677
5677
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5678
5678
|
}, "ref" | "style" | "children"> & {
|
|
5679
5679
|
'data-test-id': string;
|
|
5680
5680
|
} & {
|
|
5681
5681
|
context?: unknown;
|
|
5682
5682
|
}> | null | undefined>;
|
|
5683
|
-
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5683
|
+
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ItemProps & {
|
|
5684
5684
|
context?: unknown;
|
|
5685
5685
|
}> | null | undefined>;
|
|
5686
|
-
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5686
|
+
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5687
5687
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5688
5688
|
}, "ref" | "style" | "tabIndex" | "children"> & {
|
|
5689
5689
|
'data-test-id'?: string | undefined;
|
|
@@ -5691,10 +5691,10 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5691
5691
|
} & {
|
|
5692
5692
|
context?: unknown;
|
|
5693
5693
|
}> | null | undefined>;
|
|
5694
|
-
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5694
|
+
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5695
5695
|
context?: unknown;
|
|
5696
5696
|
}> | null | undefined>;
|
|
5697
|
-
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5697
|
+
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ScrollSeekPlaceholderProps & {
|
|
5698
5698
|
context?: unknown;
|
|
5699
5699
|
}> | null | undefined>;
|
|
5700
5700
|
log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
|
|
@@ -5766,30 +5766,30 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5766
5766
|
groupCounts: import("@virtuoso.dev/urx").Stream<number[]>;
|
|
5767
5767
|
fixedItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5768
5768
|
defaultItemHeight: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
|
|
5769
|
-
}[K_4] extends import("@virtuoso.dev/urx").StatefulStream<infer R_5> ? R_5 : never>(key: K_4) => V, useEmitter: <K_5 extends "context" | "itemContent" | "components" | "computeItemKey" | "scrollerRef" | "
|
|
5769
|
+
}[K_4] extends import("@virtuoso.dev/urx").StatefulStream<infer R_5> ? R_5 : never>(key: K_4) => V, useEmitter: <K_5 extends "context" | "itemContent" | "fixedHeaderContent" | "components" | "computeItemKey" | "scrollerRef" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "TableComponent" | "data" | "TableHeadComponent" | "TableBodyComponent" | "TableRowComponent" | "ScrollerComponent" | "log" | "logLevel" | "totalCount" | "sizeRanges" | "groupIndices" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "scrollToIndex" | "topListHeight" | "propsReady" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "scrollVelocity" | "lastJumpDueToItemResize" | "followOutput" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "fixedHeaderHeight" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "topItemCount" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "fixedItemHeight" | "defaultItemHeight", V_1 = {
|
|
5770
5770
|
context: import("@virtuoso.dev/urx").StatefulStream<unknown>;
|
|
5771
5771
|
itemContent: import("@virtuoso.dev/urx").StatefulStream<ItemContent<any, unknown>>;
|
|
5772
5772
|
fixedHeaderContent: import("@virtuoso.dev/urx").StatefulStream<FixedHeaderContent>;
|
|
5773
5773
|
components: import("@virtuoso.dev/urx").StatefulStream<TableComponents<unknown>>;
|
|
5774
5774
|
computeItemKey: import("@virtuoso.dev/urx").StatefulStream<ComputeItemKey<any, unknown>>;
|
|
5775
5775
|
scrollerRef: import("@virtuoso.dev/urx").StatefulStream<(ref: HTMLElement | Window | null) => void>;
|
|
5776
|
-
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5776
|
+
TableComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").TableProps & {
|
|
5777
5777
|
context?: unknown;
|
|
5778
5778
|
}> | null | undefined>;
|
|
5779
|
-
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5779
|
+
TableHeadComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5780
5780
|
context?: unknown;
|
|
5781
5781
|
}> | null | undefined>;
|
|
5782
|
-
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5782
|
+
TableBodyComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5783
5783
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5784
5784
|
}, "ref" | "style" | "children"> & {
|
|
5785
5785
|
'data-test-id': string;
|
|
5786
5786
|
} & {
|
|
5787
5787
|
context?: unknown;
|
|
5788
5788
|
}> | null | undefined>;
|
|
5789
|
-
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5789
|
+
TableRowComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ItemProps & {
|
|
5790
5790
|
context?: unknown;
|
|
5791
5791
|
}> | null | undefined>;
|
|
5792
|
-
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5792
|
+
ScrollerComponent: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5793
5793
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5794
5794
|
}, "ref" | "style" | "tabIndex" | "children"> & {
|
|
5795
5795
|
'data-test-id'?: string | undefined;
|
|
@@ -5797,10 +5797,10 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
|
|
|
5797
5797
|
} & {
|
|
5798
5798
|
context?: unknown;
|
|
5799
5799
|
}> | null | undefined>;
|
|
5800
|
-
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5800
|
+
EmptyPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<{
|
|
5801
5801
|
context?: unknown;
|
|
5802
5802
|
}> | null | undefined>;
|
|
5803
|
-
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"
|
|
5803
|
+
ScrollSeekPlaceholder: import("@virtuoso.dev/urx").StatefulStream<"thead" | "table" | "tbody" | "tr" | "div" | React.ComponentType<import("./interfaces").ScrollSeekPlaceholderProps & {
|
|
5804
5804
|
context?: unknown;
|
|
5805
5805
|
}> | null | undefined>;
|
|
5806
5806
|
log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactElement, Ref } from 'react';
|
|
2
|
+
import { GroupContent, GroupItemContent, IndexLocationWithAlign } from '../interfaces';
|
|
3
|
+
import { ListHandle } from '../List';
|
|
4
|
+
import { ListProps, VirtuosoProps } from './Virtuoso';
|
|
5
|
+
export interface GroupedVirtuosoProps<D, C> extends Omit<VirtuosoProps<D, C>, 'totalCount' | 'itemContent'>, Pick<ListProps, 'groupCounts' | 'groupContent'> {
|
|
6
|
+
/**
|
|
7
|
+
* Specifies the amount of items in each group (and, actually, how many groups are there).
|
|
8
|
+
* For example, passing [20, 30] will display 2 groups with 20 and 30 items each.
|
|
9
|
+
*/
|
|
10
|
+
groupCounts?: number[];
|
|
11
|
+
/**
|
|
12
|
+
* Specifies how each each group header gets rendered. The callback receives the zero-based index of the group.
|
|
13
|
+
*/
|
|
14
|
+
groupContent?: GroupContent;
|
|
15
|
+
/**
|
|
16
|
+
* Specifies how each each item gets rendered.
|
|
17
|
+
*/
|
|
18
|
+
itemContent?: GroupItemContent<D, C>;
|
|
19
|
+
}
|
|
20
|
+
export interface GroupedVirtuosoHandle extends ListHandle {
|
|
21
|
+
scrollToIndex(location: number | IndexLocationWithAlign): void;
|
|
22
|
+
scrollTo(location: ScrollToOptions): void;
|
|
23
|
+
scrollBy(location: ScrollToOptions): void;
|
|
24
|
+
}
|
|
25
|
+
export declare const GroupedVirtuoso: <ItemData extends unknown = any, Context extends unknown = any>(props: GroupedVirtuosoProps<ItemData, Context> & {
|
|
26
|
+
ref?: Ref<GroupedVirtuosoHandle> | undefined;
|
|
27
|
+
}) => ReactElement;
|