@legendapp/list 1.0.0-beta.40 → 1.0.0-beta.41
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/index.js +20 -6
- package/index.mjs +20 -6
- package/keyboard-controller.d.mts +130 -130
- package/keyboard-controller.d.ts +130 -130
- package/keyboard-controller.js +3 -4
- package/keyboard-controller.mjs +3 -4
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -866,6 +866,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
866
866
|
waitForInitialLayout = true,
|
|
867
867
|
extraData,
|
|
868
868
|
contentContainerStyle: contentContainerStyleProp,
|
|
869
|
+
style: styleProp,
|
|
869
870
|
onLayout: onLayoutProp,
|
|
870
871
|
onRefresh,
|
|
871
872
|
refreshing,
|
|
@@ -877,7 +878,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
877
878
|
onViewableItemsChanged,
|
|
878
879
|
...rest
|
|
879
880
|
} = props;
|
|
880
|
-
const { style } = props;
|
|
881
881
|
const callbacks = React6.useRef({
|
|
882
882
|
onStartReached: rest.onStartReached,
|
|
883
883
|
onEndReached: rest.onEndReached
|
|
@@ -885,6 +885,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
885
885
|
callbacks.current.onStartReached = rest.onStartReached;
|
|
886
886
|
callbacks.current.onEndReached = rest.onEndReached;
|
|
887
887
|
const contentContainerStyle = reactNative.StyleSheet.flatten(contentContainerStyleProp);
|
|
888
|
+
const style = reactNative.StyleSheet.flatten(styleProp);
|
|
889
|
+
const stylePaddingTop = (_d = (_c = (_a = reactNative.StyleSheet.flatten(style)) == null ? void 0 : _a.paddingTop) != null ? _c : (_b = reactNative.StyleSheet.flatten(contentContainerStyle)) == null ? void 0 : _b.paddingTop) != null ? _d : 0;
|
|
890
|
+
if (style == null ? void 0 : style.paddingTop) {
|
|
891
|
+
style.paddingTop = void 0;
|
|
892
|
+
}
|
|
893
|
+
if (contentContainerStyle == null ? void 0 : contentContainerStyle.paddingTop) {
|
|
894
|
+
contentContainerStyle.paddingTop = void 0;
|
|
895
|
+
}
|
|
888
896
|
const ctx = useStateContext();
|
|
889
897
|
ctx.columnWrapperStyle = columnWrapperStyle || (contentContainerStyle ? createColumnWrapperStyle(contentContainerStyle) : void 0);
|
|
890
898
|
const refScroller = React6.useRef(null);
|
|
@@ -1635,17 +1643,23 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
1635
1643
|
(_, i) => getId(dataProp.length - 1 - i)
|
|
1636
1644
|
);
|
|
1637
1645
|
}, [dataProp, numColumnsProp]);
|
|
1638
|
-
const stylePaddingTop = (_d = (_c = (_a = reactNative.StyleSheet.flatten(style)) == null ? void 0 : _a.paddingTop) != null ? _c : (_b = reactNative.StyleSheet.flatten(contentContainerStyle)) == null ? void 0 : _b.paddingTop) != null ? _d : 0;
|
|
1639
1646
|
const initalizeStateVars = () => {
|
|
1640
1647
|
set$(ctx, "lastItemKeys", memoizedLastItemKeys);
|
|
1641
1648
|
set$(ctx, "numColumns", numColumnsProp);
|
|
1642
1649
|
if (maintainVisibleContentPosition) {
|
|
1643
1650
|
const prevPaddingTop = peek$(ctx, "stylePaddingTop");
|
|
1644
|
-
const paddingDiff = stylePaddingTop - prevPaddingTop;
|
|
1645
|
-
if (paddingDiff) {
|
|
1646
|
-
scrollTo(refState.current.scroll + paddingDiff, false);
|
|
1647
|
-
}
|
|
1648
1651
|
set$(ctx, "stylePaddingTop", stylePaddingTop);
|
|
1652
|
+
if (prevPaddingTop !== void 0) {
|
|
1653
|
+
const paddingDiff = stylePaddingTop - prevPaddingTop;
|
|
1654
|
+
if (paddingDiff) {
|
|
1655
|
+
set$(ctx, "paddingTop", peek$(ctx, "paddingTop") + paddingDiff);
|
|
1656
|
+
if (reactNative.Platform.OS === "ios") {
|
|
1657
|
+
queueMicrotask(() => {
|
|
1658
|
+
scrollTo(refState.current.scroll + paddingDiff, false);
|
|
1659
|
+
});
|
|
1660
|
+
}
|
|
1661
|
+
}
|
|
1662
|
+
}
|
|
1649
1663
|
}
|
|
1650
1664
|
};
|
|
1651
1665
|
if (isFirst) {
|
package/index.mjs
CHANGED
|
@@ -845,6 +845,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
845
845
|
waitForInitialLayout = true,
|
|
846
846
|
extraData,
|
|
847
847
|
contentContainerStyle: contentContainerStyleProp,
|
|
848
|
+
style: styleProp,
|
|
848
849
|
onLayout: onLayoutProp,
|
|
849
850
|
onRefresh,
|
|
850
851
|
refreshing,
|
|
@@ -856,7 +857,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
856
857
|
onViewableItemsChanged,
|
|
857
858
|
...rest
|
|
858
859
|
} = props;
|
|
859
|
-
const { style } = props;
|
|
860
860
|
const callbacks = useRef({
|
|
861
861
|
onStartReached: rest.onStartReached,
|
|
862
862
|
onEndReached: rest.onEndReached
|
|
@@ -864,6 +864,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
864
864
|
callbacks.current.onStartReached = rest.onStartReached;
|
|
865
865
|
callbacks.current.onEndReached = rest.onEndReached;
|
|
866
866
|
const contentContainerStyle = StyleSheet.flatten(contentContainerStyleProp);
|
|
867
|
+
const style = StyleSheet.flatten(styleProp);
|
|
868
|
+
const stylePaddingTop = (_d = (_c = (_a = StyleSheet.flatten(style)) == null ? void 0 : _a.paddingTop) != null ? _c : (_b = StyleSheet.flatten(contentContainerStyle)) == null ? void 0 : _b.paddingTop) != null ? _d : 0;
|
|
869
|
+
if (style == null ? void 0 : style.paddingTop) {
|
|
870
|
+
style.paddingTop = void 0;
|
|
871
|
+
}
|
|
872
|
+
if (contentContainerStyle == null ? void 0 : contentContainerStyle.paddingTop) {
|
|
873
|
+
contentContainerStyle.paddingTop = void 0;
|
|
874
|
+
}
|
|
867
875
|
const ctx = useStateContext();
|
|
868
876
|
ctx.columnWrapperStyle = columnWrapperStyle || (contentContainerStyle ? createColumnWrapperStyle(contentContainerStyle) : void 0);
|
|
869
877
|
const refScroller = useRef(null);
|
|
@@ -1614,17 +1622,23 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
1614
1622
|
(_, i) => getId(dataProp.length - 1 - i)
|
|
1615
1623
|
);
|
|
1616
1624
|
}, [dataProp, numColumnsProp]);
|
|
1617
|
-
const stylePaddingTop = (_d = (_c = (_a = StyleSheet.flatten(style)) == null ? void 0 : _a.paddingTop) != null ? _c : (_b = StyleSheet.flatten(contentContainerStyle)) == null ? void 0 : _b.paddingTop) != null ? _d : 0;
|
|
1618
1625
|
const initalizeStateVars = () => {
|
|
1619
1626
|
set$(ctx, "lastItemKeys", memoizedLastItemKeys);
|
|
1620
1627
|
set$(ctx, "numColumns", numColumnsProp);
|
|
1621
1628
|
if (maintainVisibleContentPosition) {
|
|
1622
1629
|
const prevPaddingTop = peek$(ctx, "stylePaddingTop");
|
|
1623
|
-
const paddingDiff = stylePaddingTop - prevPaddingTop;
|
|
1624
|
-
if (paddingDiff) {
|
|
1625
|
-
scrollTo(refState.current.scroll + paddingDiff, false);
|
|
1626
|
-
}
|
|
1627
1630
|
set$(ctx, "stylePaddingTop", stylePaddingTop);
|
|
1631
|
+
if (prevPaddingTop !== void 0) {
|
|
1632
|
+
const paddingDiff = stylePaddingTop - prevPaddingTop;
|
|
1633
|
+
if (paddingDiff) {
|
|
1634
|
+
set$(ctx, "paddingTop", peek$(ctx, "paddingTop") + paddingDiff);
|
|
1635
|
+
if (Platform.OS === "ios") {
|
|
1636
|
+
queueMicrotask(() => {
|
|
1637
|
+
scrollTo(refState.current.scroll + paddingDiff, false);
|
|
1638
|
+
});
|
|
1639
|
+
}
|
|
1640
|
+
}
|
|
1641
|
+
}
|
|
1628
1642
|
}
|
|
1629
1643
|
};
|
|
1630
1644
|
if (isFirst) {
|
|
@@ -1,15 +1,136 @@
|
|
|
1
|
-
import * as _legendapp_list from '@legendapp/list';
|
|
2
|
-
import { LegendListRef } from '@legendapp/list';
|
|
3
1
|
import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
|
|
4
|
-
import * as react_native from 'react-native';
|
|
5
2
|
import * as react_native_reanimated from 'react-native-reanimated';
|
|
6
3
|
import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
|
|
4
|
+
import * as _legendapp_list from '@legendapp/list';
|
|
5
|
+
import { LegendListRef } from '@legendapp/list';
|
|
6
|
+
import * as react_native from 'react-native';
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
|
-
declare const
|
|
9
|
+
declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
10
|
+
alignItemsAtEnd?: boolean;
|
|
11
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
12
|
+
data: readonly T[];
|
|
13
|
+
drawDistance?: number;
|
|
14
|
+
estimatedItemSize?: number;
|
|
15
|
+
extraData?: any;
|
|
16
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
17
|
+
initialContainerPoolRatio?: number | undefined;
|
|
18
|
+
initialScrollOffset?: number;
|
|
19
|
+
initialScrollIndex?: number;
|
|
20
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
21
|
+
leadingItem: T;
|
|
22
|
+
}> | undefined;
|
|
23
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
24
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
25
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
26
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
27
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
28
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
29
|
+
maintainScrollAtEnd?: boolean;
|
|
30
|
+
maintainScrollAtEndThreshold?: number;
|
|
31
|
+
maintainVisibleContentPosition?: boolean;
|
|
32
|
+
numColumns?: number;
|
|
33
|
+
onEndReached?: ((info: {
|
|
34
|
+
distanceFromEnd: number;
|
|
35
|
+
}) => void) | null | undefined;
|
|
36
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
37
|
+
onItemSizeChanged?: ((info: {
|
|
38
|
+
size: number;
|
|
39
|
+
previous: number;
|
|
40
|
+
index: number;
|
|
41
|
+
itemKey: string;
|
|
42
|
+
itemData: T;
|
|
43
|
+
}) => void) | undefined;
|
|
44
|
+
onRefresh?: () => void;
|
|
45
|
+
onStartReached?: ((info: {
|
|
46
|
+
distanceFromStart: number;
|
|
47
|
+
}) => void) | null | undefined;
|
|
48
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
49
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
50
|
+
progressViewOffset?: number;
|
|
51
|
+
recycleItems?: boolean;
|
|
52
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
53
|
+
refreshing?: boolean;
|
|
54
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
55
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
56
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
57
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
58
|
+
waitForInitialLayout?: boolean;
|
|
59
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
60
|
+
alignItemsAtEnd?: boolean;
|
|
61
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
62
|
+
data: readonly T[];
|
|
63
|
+
drawDistance?: number;
|
|
64
|
+
estimatedItemSize?: number;
|
|
65
|
+
extraData?: any;
|
|
66
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
67
|
+
initialContainerPoolRatio?: number | undefined;
|
|
68
|
+
initialScrollOffset?: number;
|
|
69
|
+
initialScrollIndex?: number;
|
|
70
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
71
|
+
leadingItem: T;
|
|
72
|
+
}> | undefined;
|
|
73
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
74
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
75
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
76
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
77
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
78
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
79
|
+
maintainScrollAtEnd?: boolean;
|
|
80
|
+
maintainScrollAtEndThreshold?: number;
|
|
81
|
+
maintainVisibleContentPosition?: boolean;
|
|
82
|
+
numColumns?: number;
|
|
83
|
+
onEndReached?: ((info: {
|
|
84
|
+
distanceFromEnd: number;
|
|
85
|
+
}) => void) | null | undefined;
|
|
86
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
87
|
+
onItemSizeChanged?: ((info: {
|
|
88
|
+
size: number;
|
|
89
|
+
previous: number;
|
|
90
|
+
index: number;
|
|
91
|
+
itemKey: string;
|
|
92
|
+
itemData: T;
|
|
93
|
+
}) => void) | undefined;
|
|
94
|
+
onRefresh?: () => void;
|
|
95
|
+
onStartReached?: ((info: {
|
|
96
|
+
distanceFromStart: number;
|
|
97
|
+
}) => void) | null | undefined;
|
|
98
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
99
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
100
|
+
progressViewOffset?: number;
|
|
101
|
+
recycleItems?: boolean;
|
|
102
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
103
|
+
refreshing?: boolean;
|
|
104
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
105
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
106
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
107
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
108
|
+
waitForInitialLayout?: boolean;
|
|
109
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
|
|
10
110
|
getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
|
|
111
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
112
|
+
leadingItem: ItemT_1;
|
|
113
|
+
}> | undefined;
|
|
11
114
|
keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
|
|
115
|
+
onItemSizeChanged?: ((info: {
|
|
116
|
+
size: number;
|
|
117
|
+
previous: number;
|
|
118
|
+
index: number;
|
|
119
|
+
itemKey: string;
|
|
120
|
+
itemData: ItemT_1;
|
|
121
|
+
}) => void) | undefined;
|
|
122
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
|
|
12
123
|
animatedProps?: Partial<{
|
|
124
|
+
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
125
|
+
contentInset?: react_native.Insets | react_native_reanimated.SharedValue<react_native.Insets | undefined> | undefined;
|
|
126
|
+
maintainVisibleContentPosition?: {
|
|
127
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
128
|
+
minIndexForVisible: number;
|
|
129
|
+
} | react_native_reanimated.SharedValue<{
|
|
130
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
131
|
+
minIndexForVisible: number;
|
|
132
|
+
} | null | undefined> | null | undefined;
|
|
133
|
+
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
13
134
|
decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
|
|
14
135
|
horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
|
|
15
136
|
invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
@@ -32,7 +153,6 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
32
153
|
snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
33
154
|
snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
34
155
|
snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
35
|
-
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
36
156
|
disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
37
157
|
disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
38
158
|
StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
|
|
@@ -136,17 +256,8 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
136
256
|
bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
137
257
|
canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
138
258
|
centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
139
|
-
contentInset?: react_native.Insets | react_native_reanimated.SharedValue<react_native.Insets | undefined> | undefined;
|
|
140
|
-
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
141
259
|
contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
|
|
142
260
|
directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
143
|
-
maintainVisibleContentPosition?: {
|
|
144
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
145
|
-
minIndexForVisible: number;
|
|
146
|
-
} | react_native_reanimated.SharedValue<{
|
|
147
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
148
|
-
minIndexForVisible: number;
|
|
149
|
-
} | null | undefined> | null | undefined;
|
|
150
261
|
maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
151
262
|
minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
152
263
|
onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
|
|
@@ -155,7 +266,7 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
155
266
|
scrollIndicatorInsets?: react_native.Insets | react_native_reanimated.SharedValue<react_native.Insets | undefined> | undefined;
|
|
156
267
|
scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
157
268
|
scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
158
|
-
snapToAlignment?: "
|
|
269
|
+
snapToAlignment?: "end" | "start" | "center" | react_native_reanimated.SharedValue<"end" | "start" | "center" | undefined> | undefined;
|
|
159
270
|
onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
|
|
160
271
|
zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
161
272
|
endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
|
|
@@ -165,8 +276,8 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
165
276
|
fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
166
277
|
persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
167
278
|
} & {
|
|
168
|
-
style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
169
279
|
contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
280
|
+
style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
170
281
|
indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
|
|
171
282
|
} & {
|
|
172
283
|
layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
|
|
@@ -176,120 +287,9 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
176
287
|
sharedTransitionTag?: string;
|
|
177
288
|
sharedTransitionStyle?: react_native_reanimated.SharedTransition;
|
|
178
289
|
}> | undefined;
|
|
179
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
|
|
180
|
-
onItemSizeChanged?: ((info: {
|
|
181
|
-
size: number;
|
|
182
|
-
previous: number;
|
|
183
|
-
index: number;
|
|
184
|
-
itemKey: string;
|
|
185
|
-
itemData: ItemT_1;
|
|
186
|
-
}) => void) | undefined;
|
|
187
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
188
|
-
leadingItem: ItemT_1;
|
|
189
|
-
}> | undefined;
|
|
190
290
|
} & {
|
|
191
291
|
ref?: React.Ref<LegendListRef>;
|
|
192
|
-
}) => React.ReactElement | null)
|
|
193
|
-
alignItemsAtEnd?: boolean;
|
|
194
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
195
|
-
data: readonly T[];
|
|
196
|
-
drawDistance?: number;
|
|
197
|
-
estimatedItemSize?: number;
|
|
198
|
-
extraData?: any;
|
|
199
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
200
|
-
initialContainerPoolRatio?: number | undefined;
|
|
201
|
-
initialScrollOffset?: number;
|
|
202
|
-
initialScrollIndex?: number;
|
|
203
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
204
|
-
leadingItem: T;
|
|
205
|
-
}> | undefined;
|
|
206
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
207
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
208
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
209
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
210
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
211
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
212
|
-
maintainScrollAtEnd?: boolean;
|
|
213
|
-
maintainScrollAtEndThreshold?: number;
|
|
214
|
-
maintainVisibleContentPosition?: boolean;
|
|
215
|
-
numColumns?: number;
|
|
216
|
-
onEndReached?: ((info: {
|
|
217
|
-
distanceFromEnd: number;
|
|
218
|
-
}) => void) | null | undefined;
|
|
219
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
220
|
-
onItemSizeChanged?: ((info: {
|
|
221
|
-
size: number;
|
|
222
|
-
previous: number;
|
|
223
|
-
index: number;
|
|
224
|
-
itemKey: string;
|
|
225
|
-
itemData: T;
|
|
226
|
-
}) => void) | undefined;
|
|
227
|
-
onRefresh?: () => void;
|
|
228
|
-
onStartReached?: ((info: {
|
|
229
|
-
distanceFromStart: number;
|
|
230
|
-
}) => void) | null | undefined;
|
|
231
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
232
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
233
|
-
progressViewOffset?: number;
|
|
234
|
-
recycleItems?: boolean;
|
|
235
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
236
|
-
refreshing?: boolean;
|
|
237
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
238
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
239
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
240
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
241
|
-
waitForInitialLayout?: boolean;
|
|
242
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
243
|
-
alignItemsAtEnd?: boolean;
|
|
244
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
245
|
-
data: readonly T[];
|
|
246
|
-
drawDistance?: number;
|
|
247
|
-
estimatedItemSize?: number;
|
|
248
|
-
extraData?: any;
|
|
249
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
250
|
-
initialContainerPoolRatio?: number | undefined;
|
|
251
|
-
initialScrollOffset?: number;
|
|
252
|
-
initialScrollIndex?: number;
|
|
253
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
254
|
-
leadingItem: T;
|
|
255
|
-
}> | undefined;
|
|
256
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
257
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
258
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
259
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
260
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
261
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
262
|
-
maintainScrollAtEnd?: boolean;
|
|
263
|
-
maintainScrollAtEndThreshold?: number;
|
|
264
|
-
maintainVisibleContentPosition?: boolean;
|
|
265
|
-
numColumns?: number;
|
|
266
|
-
onEndReached?: ((info: {
|
|
267
|
-
distanceFromEnd: number;
|
|
268
|
-
}) => void) | null | undefined;
|
|
269
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
270
|
-
onItemSizeChanged?: ((info: {
|
|
271
|
-
size: number;
|
|
272
|
-
previous: number;
|
|
273
|
-
index: number;
|
|
274
|
-
itemKey: string;
|
|
275
|
-
itemData: T;
|
|
276
|
-
}) => void) | undefined;
|
|
277
|
-
onRefresh?: () => void;
|
|
278
|
-
onStartReached?: ((info: {
|
|
279
|
-
distanceFromStart: number;
|
|
280
|
-
}) => void) | null | undefined;
|
|
281
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
282
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
283
|
-
progressViewOffset?: number;
|
|
284
|
-
recycleItems?: boolean;
|
|
285
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
286
|
-
refreshing?: boolean;
|
|
287
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
288
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
289
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
290
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
291
|
-
waitForInitialLayout?: boolean;
|
|
292
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> = <T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
292
|
+
}) => React.ReactElement | null) = <T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
293
293
|
alignItemsAtEnd?: boolean;
|
|
294
294
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
295
295
|
data: readonly T[];
|
|
@@ -339,7 +339,7 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
339
339
|
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
340
340
|
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
341
341
|
waitForInitialLayout?: boolean;
|
|
342
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "
|
|
342
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
343
343
|
alignItemsAtEnd?: boolean;
|
|
344
344
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
345
345
|
data: readonly ItemT[];
|
|
@@ -393,4 +393,4 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
393
393
|
LegendList?: ListT;
|
|
394
394
|
} & React.RefAttributes<LegendListRef>) => React.ReactNode;
|
|
395
395
|
|
|
396
|
-
export {
|
|
396
|
+
export { LegendList };
|
package/keyboard-controller.d.ts
CHANGED
|
@@ -1,15 +1,136 @@
|
|
|
1
|
-
import * as _legendapp_list from '@legendapp/list';
|
|
2
|
-
import { LegendListRef } from '@legendapp/list';
|
|
3
1
|
import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
|
|
4
|
-
import * as react_native from 'react-native';
|
|
5
2
|
import * as react_native_reanimated from 'react-native-reanimated';
|
|
6
3
|
import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
|
|
4
|
+
import * as _legendapp_list from '@legendapp/list';
|
|
5
|
+
import { LegendListRef } from '@legendapp/list';
|
|
6
|
+
import * as react_native from 'react-native';
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
|
-
declare const
|
|
9
|
+
declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
10
|
+
alignItemsAtEnd?: boolean;
|
|
11
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
12
|
+
data: readonly T[];
|
|
13
|
+
drawDistance?: number;
|
|
14
|
+
estimatedItemSize?: number;
|
|
15
|
+
extraData?: any;
|
|
16
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
17
|
+
initialContainerPoolRatio?: number | undefined;
|
|
18
|
+
initialScrollOffset?: number;
|
|
19
|
+
initialScrollIndex?: number;
|
|
20
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
21
|
+
leadingItem: T;
|
|
22
|
+
}> | undefined;
|
|
23
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
24
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
25
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
26
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
27
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
28
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
29
|
+
maintainScrollAtEnd?: boolean;
|
|
30
|
+
maintainScrollAtEndThreshold?: number;
|
|
31
|
+
maintainVisibleContentPosition?: boolean;
|
|
32
|
+
numColumns?: number;
|
|
33
|
+
onEndReached?: ((info: {
|
|
34
|
+
distanceFromEnd: number;
|
|
35
|
+
}) => void) | null | undefined;
|
|
36
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
37
|
+
onItemSizeChanged?: ((info: {
|
|
38
|
+
size: number;
|
|
39
|
+
previous: number;
|
|
40
|
+
index: number;
|
|
41
|
+
itemKey: string;
|
|
42
|
+
itemData: T;
|
|
43
|
+
}) => void) | undefined;
|
|
44
|
+
onRefresh?: () => void;
|
|
45
|
+
onStartReached?: ((info: {
|
|
46
|
+
distanceFromStart: number;
|
|
47
|
+
}) => void) | null | undefined;
|
|
48
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
49
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
50
|
+
progressViewOffset?: number;
|
|
51
|
+
recycleItems?: boolean;
|
|
52
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
53
|
+
refreshing?: boolean;
|
|
54
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
55
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
56
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
57
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
58
|
+
waitForInitialLayout?: boolean;
|
|
59
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
60
|
+
alignItemsAtEnd?: boolean;
|
|
61
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
62
|
+
data: readonly T[];
|
|
63
|
+
drawDistance?: number;
|
|
64
|
+
estimatedItemSize?: number;
|
|
65
|
+
extraData?: any;
|
|
66
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
67
|
+
initialContainerPoolRatio?: number | undefined;
|
|
68
|
+
initialScrollOffset?: number;
|
|
69
|
+
initialScrollIndex?: number;
|
|
70
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
71
|
+
leadingItem: T;
|
|
72
|
+
}> | undefined;
|
|
73
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
74
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
75
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
76
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
77
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
78
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
79
|
+
maintainScrollAtEnd?: boolean;
|
|
80
|
+
maintainScrollAtEndThreshold?: number;
|
|
81
|
+
maintainVisibleContentPosition?: boolean;
|
|
82
|
+
numColumns?: number;
|
|
83
|
+
onEndReached?: ((info: {
|
|
84
|
+
distanceFromEnd: number;
|
|
85
|
+
}) => void) | null | undefined;
|
|
86
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
87
|
+
onItemSizeChanged?: ((info: {
|
|
88
|
+
size: number;
|
|
89
|
+
previous: number;
|
|
90
|
+
index: number;
|
|
91
|
+
itemKey: string;
|
|
92
|
+
itemData: T;
|
|
93
|
+
}) => void) | undefined;
|
|
94
|
+
onRefresh?: () => void;
|
|
95
|
+
onStartReached?: ((info: {
|
|
96
|
+
distanceFromStart: number;
|
|
97
|
+
}) => void) | null | undefined;
|
|
98
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
99
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
100
|
+
progressViewOffset?: number;
|
|
101
|
+
recycleItems?: boolean;
|
|
102
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
103
|
+
refreshing?: boolean;
|
|
104
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
105
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
106
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
107
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
108
|
+
waitForInitialLayout?: boolean;
|
|
109
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
|
|
10
110
|
getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
|
|
111
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
112
|
+
leadingItem: ItemT_1;
|
|
113
|
+
}> | undefined;
|
|
11
114
|
keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
|
|
115
|
+
onItemSizeChanged?: ((info: {
|
|
116
|
+
size: number;
|
|
117
|
+
previous: number;
|
|
118
|
+
index: number;
|
|
119
|
+
itemKey: string;
|
|
120
|
+
itemData: ItemT_1;
|
|
121
|
+
}) => void) | undefined;
|
|
122
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
|
|
12
123
|
animatedProps?: Partial<{
|
|
124
|
+
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
125
|
+
contentInset?: react_native.Insets | react_native_reanimated.SharedValue<react_native.Insets | undefined> | undefined;
|
|
126
|
+
maintainVisibleContentPosition?: {
|
|
127
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
128
|
+
minIndexForVisible: number;
|
|
129
|
+
} | react_native_reanimated.SharedValue<{
|
|
130
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
131
|
+
minIndexForVisible: number;
|
|
132
|
+
} | null | undefined> | null | undefined;
|
|
133
|
+
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
13
134
|
decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
|
|
14
135
|
horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
|
|
15
136
|
invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
@@ -32,7 +153,6 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
32
153
|
snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
33
154
|
snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
34
155
|
snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
35
|
-
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
36
156
|
disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
37
157
|
disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
38
158
|
StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
|
|
@@ -136,17 +256,8 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
136
256
|
bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
137
257
|
canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
138
258
|
centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
139
|
-
contentInset?: react_native.Insets | react_native_reanimated.SharedValue<react_native.Insets | undefined> | undefined;
|
|
140
|
-
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
141
259
|
contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
|
|
142
260
|
directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
143
|
-
maintainVisibleContentPosition?: {
|
|
144
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
145
|
-
minIndexForVisible: number;
|
|
146
|
-
} | react_native_reanimated.SharedValue<{
|
|
147
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
148
|
-
minIndexForVisible: number;
|
|
149
|
-
} | null | undefined> | null | undefined;
|
|
150
261
|
maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
151
262
|
minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
152
263
|
onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
|
|
@@ -155,7 +266,7 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
155
266
|
scrollIndicatorInsets?: react_native.Insets | react_native_reanimated.SharedValue<react_native.Insets | undefined> | undefined;
|
|
156
267
|
scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
157
268
|
scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
158
|
-
snapToAlignment?: "
|
|
269
|
+
snapToAlignment?: "end" | "start" | "center" | react_native_reanimated.SharedValue<"end" | "start" | "center" | undefined> | undefined;
|
|
159
270
|
onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
|
|
160
271
|
zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
161
272
|
endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
|
|
@@ -165,8 +276,8 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
165
276
|
fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
166
277
|
persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
167
278
|
} & {
|
|
168
|
-
style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
169
279
|
contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
280
|
+
style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
170
281
|
indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
|
|
171
282
|
} & {
|
|
172
283
|
layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
|
|
@@ -176,120 +287,9 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
176
287
|
sharedTransitionTag?: string;
|
|
177
288
|
sharedTransitionStyle?: react_native_reanimated.SharedTransition;
|
|
178
289
|
}> | undefined;
|
|
179
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
|
|
180
|
-
onItemSizeChanged?: ((info: {
|
|
181
|
-
size: number;
|
|
182
|
-
previous: number;
|
|
183
|
-
index: number;
|
|
184
|
-
itemKey: string;
|
|
185
|
-
itemData: ItemT_1;
|
|
186
|
-
}) => void) | undefined;
|
|
187
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
188
|
-
leadingItem: ItemT_1;
|
|
189
|
-
}> | undefined;
|
|
190
290
|
} & {
|
|
191
291
|
ref?: React.Ref<LegendListRef>;
|
|
192
|
-
}) => React.ReactElement | null)
|
|
193
|
-
alignItemsAtEnd?: boolean;
|
|
194
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
195
|
-
data: readonly T[];
|
|
196
|
-
drawDistance?: number;
|
|
197
|
-
estimatedItemSize?: number;
|
|
198
|
-
extraData?: any;
|
|
199
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
200
|
-
initialContainerPoolRatio?: number | undefined;
|
|
201
|
-
initialScrollOffset?: number;
|
|
202
|
-
initialScrollIndex?: number;
|
|
203
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
204
|
-
leadingItem: T;
|
|
205
|
-
}> | undefined;
|
|
206
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
207
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
208
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
209
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
210
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
211
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
212
|
-
maintainScrollAtEnd?: boolean;
|
|
213
|
-
maintainScrollAtEndThreshold?: number;
|
|
214
|
-
maintainVisibleContentPosition?: boolean;
|
|
215
|
-
numColumns?: number;
|
|
216
|
-
onEndReached?: ((info: {
|
|
217
|
-
distanceFromEnd: number;
|
|
218
|
-
}) => void) | null | undefined;
|
|
219
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
220
|
-
onItemSizeChanged?: ((info: {
|
|
221
|
-
size: number;
|
|
222
|
-
previous: number;
|
|
223
|
-
index: number;
|
|
224
|
-
itemKey: string;
|
|
225
|
-
itemData: T;
|
|
226
|
-
}) => void) | undefined;
|
|
227
|
-
onRefresh?: () => void;
|
|
228
|
-
onStartReached?: ((info: {
|
|
229
|
-
distanceFromStart: number;
|
|
230
|
-
}) => void) | null | undefined;
|
|
231
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
232
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
233
|
-
progressViewOffset?: number;
|
|
234
|
-
recycleItems?: boolean;
|
|
235
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
236
|
-
refreshing?: boolean;
|
|
237
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
238
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
239
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
240
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
241
|
-
waitForInitialLayout?: boolean;
|
|
242
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
243
|
-
alignItemsAtEnd?: boolean;
|
|
244
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
245
|
-
data: readonly T[];
|
|
246
|
-
drawDistance?: number;
|
|
247
|
-
estimatedItemSize?: number;
|
|
248
|
-
extraData?: any;
|
|
249
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
250
|
-
initialContainerPoolRatio?: number | undefined;
|
|
251
|
-
initialScrollOffset?: number;
|
|
252
|
-
initialScrollIndex?: number;
|
|
253
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
254
|
-
leadingItem: T;
|
|
255
|
-
}> | undefined;
|
|
256
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
257
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
258
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
259
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
260
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
261
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
262
|
-
maintainScrollAtEnd?: boolean;
|
|
263
|
-
maintainScrollAtEndThreshold?: number;
|
|
264
|
-
maintainVisibleContentPosition?: boolean;
|
|
265
|
-
numColumns?: number;
|
|
266
|
-
onEndReached?: ((info: {
|
|
267
|
-
distanceFromEnd: number;
|
|
268
|
-
}) => void) | null | undefined;
|
|
269
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
270
|
-
onItemSizeChanged?: ((info: {
|
|
271
|
-
size: number;
|
|
272
|
-
previous: number;
|
|
273
|
-
index: number;
|
|
274
|
-
itemKey: string;
|
|
275
|
-
itemData: T;
|
|
276
|
-
}) => void) | undefined;
|
|
277
|
-
onRefresh?: () => void;
|
|
278
|
-
onStartReached?: ((info: {
|
|
279
|
-
distanceFromStart: number;
|
|
280
|
-
}) => void) | null | undefined;
|
|
281
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
282
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
283
|
-
progressViewOffset?: number;
|
|
284
|
-
recycleItems?: boolean;
|
|
285
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
286
|
-
refreshing?: boolean;
|
|
287
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
|
|
288
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
289
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
290
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
291
|
-
waitForInitialLayout?: boolean;
|
|
292
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> = <T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
292
|
+
}) => React.ReactElement | null) = <T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
293
293
|
alignItemsAtEnd?: boolean;
|
|
294
294
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
295
295
|
data: readonly T[];
|
|
@@ -339,7 +339,7 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
339
339
|
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
340
340
|
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
341
341
|
waitForInitialLayout?: boolean;
|
|
342
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "
|
|
342
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
|
|
343
343
|
alignItemsAtEnd?: boolean;
|
|
344
344
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
345
345
|
data: readonly ItemT[];
|
|
@@ -393,4 +393,4 @@ declare const KeyboardAvoidingLegendList: <ItemT, ListT extends (<ItemT_1>(props
|
|
|
393
393
|
LegendList?: ListT;
|
|
394
394
|
} & React.RefAttributes<LegendListRef>) => React.ReactNode;
|
|
395
395
|
|
|
396
|
-
export {
|
|
396
|
+
export { LegendList };
|
package/keyboard-controller.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var list = require('@legendapp/list');
|
|
4
3
|
var React = require('react');
|
|
5
4
|
var reactNativeKeyboardController = require('react-native-keyboard-controller');
|
|
6
5
|
var reactNativeReanimated = require('react-native-reanimated');
|
|
@@ -27,7 +26,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
27
26
|
|
|
28
27
|
// src/keyboard-controller.tsx
|
|
29
28
|
var typedForwardRef = React.forwardRef;
|
|
30
|
-
var
|
|
29
|
+
var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
|
|
31
30
|
const { LegendList: LegendListProp, ...rest } = props;
|
|
32
31
|
const [padding, setPadding] = React.useState(0);
|
|
33
32
|
const updatePadding = (height) => {
|
|
@@ -39,8 +38,8 @@ var KeyboardAvoidingLegendList = typedForwardRef(function KeyboardAvoidingLegend
|
|
|
39
38
|
reactNativeReanimated.runOnJS(updatePadding)(e.height);
|
|
40
39
|
}
|
|
41
40
|
});
|
|
42
|
-
const LegendListComponent = LegendListProp != null ? LegendListProp :
|
|
41
|
+
const LegendListComponent = LegendListProp != null ? LegendListProp : LegendList2;
|
|
43
42
|
return /* @__PURE__ */ React__namespace.createElement(LegendListComponent, { style: { paddingTop: padding }, ...rest, ref: forwardedRef });
|
|
44
43
|
});
|
|
45
44
|
|
|
46
|
-
exports.
|
|
45
|
+
exports.LegendList = LegendList;
|
package/keyboard-controller.mjs
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { LegendList } from '@legendapp/list';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { useState, forwardRef } from 'react';
|
|
4
3
|
import { useKeyboardHandler } from 'react-native-keyboard-controller';
|
|
@@ -6,7 +5,7 @@ import { runOnJS } from 'react-native-reanimated';
|
|
|
6
5
|
|
|
7
6
|
// src/keyboard-controller.tsx
|
|
8
7
|
var typedForwardRef = forwardRef;
|
|
9
|
-
var
|
|
8
|
+
var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
|
|
10
9
|
const { LegendList: LegendListProp, ...rest } = props;
|
|
11
10
|
const [padding, setPadding] = useState(0);
|
|
12
11
|
const updatePadding = (height) => {
|
|
@@ -18,8 +17,8 @@ var KeyboardAvoidingLegendList = typedForwardRef(function KeyboardAvoidingLegend
|
|
|
18
17
|
runOnJS(updatePadding)(e.height);
|
|
19
18
|
}
|
|
20
19
|
});
|
|
21
|
-
const LegendListComponent = LegendListProp != null ? LegendListProp :
|
|
20
|
+
const LegendListComponent = LegendListProp != null ? LegendListProp : LegendList2;
|
|
22
21
|
return /* @__PURE__ */ React.createElement(LegendListComponent, { style: { paddingTop: padding }, ...rest, ref: forwardedRef });
|
|
23
22
|
});
|
|
24
23
|
|
|
25
|
-
export {
|
|
24
|
+
export { LegendList };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@legendapp/list",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.41",
|
|
4
4
|
"description": "Legend List aims to be a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"private": false,
|