@legendapp/list 1.0.17 → 1.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/index.d.mts +7 -1
- package/index.d.ts +7 -1
- package/index.js +37 -16
- package/index.mjs +37 -17
- package/keyboard-controller.d.mts +139 -139
- package/keyboard-controller.d.ts +139 -139
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
## 1.0.18
|
|
2
|
+
- Feat: Add a useListScrollSize hook
|
|
3
|
+
- Fix: Support renderItem being a function component
|
|
4
|
+
- Fix: scrollToEnd being incorrect by the amount of the bottom padding
|
|
5
|
+
|
|
1
6
|
## 1.0.17
|
|
2
7
|
- Fix: initialScrollIndex not taking header component size into account
|
|
3
8
|
- Fix: PaddingAndAdjust for ListHeaderComponent
|
package/index.d.mts
CHANGED
|
@@ -260,6 +260,7 @@ interface InternalState {
|
|
|
260
260
|
maintainingScrollAtEnd?: boolean;
|
|
261
261
|
totalSize: number;
|
|
262
262
|
totalSizeBelowAnchor: number;
|
|
263
|
+
otherAxisSize?: number;
|
|
263
264
|
timeouts: Set<number>;
|
|
264
265
|
timeoutSizeMessage: any;
|
|
265
266
|
nativeMarginTop: number;
|
|
@@ -298,6 +299,7 @@ interface InternalState {
|
|
|
298
299
|
avg: number;
|
|
299
300
|
}>;
|
|
300
301
|
onScroll: ((event: NativeSyntheticEvent<NativeScrollEvent>) => void) | undefined;
|
|
302
|
+
stylePaddingBottom?: number;
|
|
301
303
|
}
|
|
302
304
|
interface ViewableRange<T> {
|
|
303
305
|
startBuffered: number;
|
|
@@ -538,5 +540,9 @@ declare function useViewabilityAmount(callback: ViewabilityAmountCallback): void
|
|
|
538
540
|
declare function useRecyclingEffect(effect: (info: LegendListRecyclingState<unknown>) => void | (() => void)): void;
|
|
539
541
|
declare function useRecyclingState<ItemT>(valueOrFun: ((info: LegendListRecyclingState<ItemT>) => ItemT) | ItemT): readonly [ItemT | null, Dispatch<SetStateAction<ItemT>>];
|
|
540
542
|
declare function useIsLastItem(): boolean;
|
|
543
|
+
declare function useListScrollSize(): {
|
|
544
|
+
width: number;
|
|
545
|
+
height: number;
|
|
546
|
+
};
|
|
541
547
|
|
|
542
|
-
export { type AnchoredPosition, type ColumnWrapperStyle, type InternalState, LegendList, type LegendListProps, type LegendListPropsBase, type LegendListRecyclingState, type LegendListRef, type LegendListRenderItemProps, type OnViewableItemsChanged, type ScrollState, type TypedForwardRef, type TypedMemo, type ViewAmountToken, type ViewToken, type ViewabilityAmountCallback, type ViewabilityCallback, type ViewabilityConfig, type ViewabilityConfigCallbackPair, type ViewabilityConfigCallbackPairs, type ViewableRange, typedForwardRef, typedMemo, useIsLastItem, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
|
|
548
|
+
export { type AnchoredPosition, type ColumnWrapperStyle, type InternalState, LegendList, type LegendListProps, type LegendListPropsBase, type LegendListRecyclingState, type LegendListRef, type LegendListRenderItemProps, type OnViewableItemsChanged, type ScrollState, type TypedForwardRef, type TypedMemo, type ViewAmountToken, type ViewToken, type ViewabilityAmountCallback, type ViewabilityCallback, type ViewabilityConfig, type ViewabilityConfigCallbackPair, type ViewabilityConfigCallbackPairs, type ViewableRange, typedForwardRef, typedMemo, useIsLastItem, useListScrollSize, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
|
package/index.d.ts
CHANGED
|
@@ -260,6 +260,7 @@ interface InternalState {
|
|
|
260
260
|
maintainingScrollAtEnd?: boolean;
|
|
261
261
|
totalSize: number;
|
|
262
262
|
totalSizeBelowAnchor: number;
|
|
263
|
+
otherAxisSize?: number;
|
|
263
264
|
timeouts: Set<number>;
|
|
264
265
|
timeoutSizeMessage: any;
|
|
265
266
|
nativeMarginTop: number;
|
|
@@ -298,6 +299,7 @@ interface InternalState {
|
|
|
298
299
|
avg: number;
|
|
299
300
|
}>;
|
|
300
301
|
onScroll: ((event: NativeSyntheticEvent<NativeScrollEvent>) => void) | undefined;
|
|
302
|
+
stylePaddingBottom?: number;
|
|
301
303
|
}
|
|
302
304
|
interface ViewableRange<T> {
|
|
303
305
|
startBuffered: number;
|
|
@@ -538,5 +540,9 @@ declare function useViewabilityAmount(callback: ViewabilityAmountCallback): void
|
|
|
538
540
|
declare function useRecyclingEffect(effect: (info: LegendListRecyclingState<unknown>) => void | (() => void)): void;
|
|
539
541
|
declare function useRecyclingState<ItemT>(valueOrFun: ((info: LegendListRecyclingState<ItemT>) => ItemT) | ItemT): readonly [ItemT | null, Dispatch<SetStateAction<ItemT>>];
|
|
540
542
|
declare function useIsLastItem(): boolean;
|
|
543
|
+
declare function useListScrollSize(): {
|
|
544
|
+
width: number;
|
|
545
|
+
height: number;
|
|
546
|
+
};
|
|
541
547
|
|
|
542
|
-
export { type AnchoredPosition, type ColumnWrapperStyle, type InternalState, LegendList, type LegendListProps, type LegendListPropsBase, type LegendListRecyclingState, type LegendListRef, type LegendListRenderItemProps, type OnViewableItemsChanged, type ScrollState, type TypedForwardRef, type TypedMemo, type ViewAmountToken, type ViewToken, type ViewabilityAmountCallback, type ViewabilityCallback, type ViewabilityConfig, type ViewabilityConfigCallbackPair, type ViewabilityConfigCallbackPairs, type ViewableRange, typedForwardRef, typedMemo, useIsLastItem, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
|
|
548
|
+
export { type AnchoredPosition, type ColumnWrapperStyle, type InternalState, LegendList, type LegendListProps, type LegendListPropsBase, type LegendListRecyclingState, type LegendListRef, type LegendListRenderItemProps, type OnViewableItemsChanged, type ScrollState, type TypedForwardRef, type TypedMemo, type ViewAmountToken, type ViewToken, type ViewabilityAmountCallback, type ViewabilityCallback, type ViewabilityConfig, type ViewabilityConfigCallbackPair, type ViewabilityConfigCallbackPairs, type ViewableRange, typedForwardRef, typedMemo, useIsLastItem, useListScrollSize, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
|
package/index.js
CHANGED
|
@@ -209,12 +209,12 @@ function comparatorByDistance(a, b) {
|
|
|
209
209
|
function comparatorDefault(a, b) {
|
|
210
210
|
return a - b;
|
|
211
211
|
}
|
|
212
|
-
function getPadding(s) {
|
|
212
|
+
function getPadding(s, type) {
|
|
213
213
|
var _a, _b, _c;
|
|
214
|
-
return (_c = (_b = (_a = s
|
|
214
|
+
return (_c = (_b = (_a = s[`padding${type}`]) != null ? _a : s.paddingVertical) != null ? _b : s.padding) != null ? _c : 0;
|
|
215
215
|
}
|
|
216
|
-
function
|
|
217
|
-
return getPadding(style) + getPadding(contentContainerStyle);
|
|
216
|
+
function extractPadding(style, contentContainerStyle, type) {
|
|
217
|
+
return getPadding(style, type) + getPadding(contentContainerStyle, type);
|
|
218
218
|
}
|
|
219
219
|
var symbolFirst = Symbol();
|
|
220
220
|
function useInit(cb) {
|
|
@@ -316,6 +316,10 @@ function useIsLastItem() {
|
|
|
316
316
|
const isLast = useSelector$("lastItemKeys", (lastItemKeys) => (lastItemKeys == null ? void 0 : lastItemKeys.includes(itemKey)) || false);
|
|
317
317
|
return isLast;
|
|
318
318
|
}
|
|
319
|
+
function useListScrollSize() {
|
|
320
|
+
const [scrollSize] = useArr$(["scrollSize"]);
|
|
321
|
+
return scrollSize;
|
|
322
|
+
}
|
|
319
323
|
var LeanViewComponent = React2__namespace.forwardRef((props, ref) => {
|
|
320
324
|
return React2__namespace.createElement("RCTView", { ...props, ref });
|
|
321
325
|
});
|
|
@@ -1049,7 +1053,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
1049
1053
|
callbacks.current.onEndReached = rest.onEndReached;
|
|
1050
1054
|
const contentContainerStyle = { ...reactNative.StyleSheet.flatten(contentContainerStyleProp) };
|
|
1051
1055
|
const style = { ...reactNative.StyleSheet.flatten(styleProp) };
|
|
1052
|
-
const stylePaddingTopState =
|
|
1056
|
+
const stylePaddingTopState = extractPadding(style, contentContainerStyle, "Top");
|
|
1057
|
+
const stylePaddingBottomState = extractPadding(style, contentContainerStyle, "Bottom");
|
|
1053
1058
|
if (style == null ? void 0 : style.paddingTop) {
|
|
1054
1059
|
style.paddingTop = void 0;
|
|
1055
1060
|
}
|
|
@@ -2067,6 +2072,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2067
2072
|
set$(ctx, "numColumns", numColumnsProp);
|
|
2068
2073
|
const prevPaddingTop = peek$(ctx, "stylePaddingTop");
|
|
2069
2074
|
setPaddingTop({ stylePaddingTop: stylePaddingTopState });
|
|
2075
|
+
refState.current.stylePaddingBottom = stylePaddingBottomState;
|
|
2070
2076
|
const paddingDiff = stylePaddingTopState - prevPaddingTop;
|
|
2071
2077
|
if (paddingDiff && prevPaddingTop !== void 0 && reactNative.Platform.OS === "ios") {
|
|
2072
2078
|
queueMicrotask(() => {
|
|
@@ -2115,7 +2121,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2115
2121
|
set$(ctx, "extraData", extraData);
|
|
2116
2122
|
}, [extraData]);
|
|
2117
2123
|
refState.current.renderItem = renderItem;
|
|
2118
|
-
React2.useEffect(initalizeStateVars, [
|
|
2124
|
+
React2.useEffect(initalizeStateVars, [
|
|
2125
|
+
memoizedLastItemKeys.join(","),
|
|
2126
|
+
numColumnsProp,
|
|
2127
|
+
stylePaddingTopState,
|
|
2128
|
+
stylePaddingBottomState
|
|
2129
|
+
]);
|
|
2119
2130
|
const getRenderedItem = React2.useCallback((key) => {
|
|
2120
2131
|
const state = refState.current;
|
|
2121
2132
|
if (!state) {
|
|
@@ -2134,7 +2145,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2134
2145
|
index,
|
|
2135
2146
|
extraData: peek$(ctx, "extraData")
|
|
2136
2147
|
};
|
|
2137
|
-
renderedItem =
|
|
2148
|
+
renderedItem = React2__namespace.createElement(renderItemProp, itemProps);
|
|
2138
2149
|
}
|
|
2139
2150
|
return { index, item: data[index], renderedItem };
|
|
2140
2151
|
}, []);
|
|
@@ -2301,10 +2312,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2301
2312
|
},
|
|
2302
2313
|
[]
|
|
2303
2314
|
);
|
|
2304
|
-
const handleLayout = React2.useCallback((
|
|
2315
|
+
const handleLayout = React2.useCallback((size) => {
|
|
2316
|
+
const scrollLength = size[horizontal ? "width" : "height"];
|
|
2317
|
+
const otherAxisSize = size[horizontal ? "height" : "width"];
|
|
2305
2318
|
const state = refState.current;
|
|
2306
2319
|
const didChange = scrollLength !== state.scrollLength;
|
|
2320
|
+
const prevOtherAxisSize = state.otherAxisSize;
|
|
2307
2321
|
state.scrollLength = scrollLength;
|
|
2322
|
+
state.otherAxisSize = otherAxisSize;
|
|
2308
2323
|
state.lastBatchingAction = Date.now();
|
|
2309
2324
|
state.scrollForNextCalculateItemsInView = void 0;
|
|
2310
2325
|
doInitialAllocateContainers();
|
|
@@ -2315,11 +2330,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2315
2330
|
if (didChange) {
|
|
2316
2331
|
calculateItemsInView();
|
|
2317
2332
|
}
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
handleLayout(scrollLength);
|
|
2322
|
-
const otherAxisSize = event.nativeEvent.layout[horizontal ? "height" : "width"];
|
|
2333
|
+
if (didChange || otherAxisSize !== prevOtherAxisSize) {
|
|
2334
|
+
set$(ctx, "scrollSize", { width: size.width, height: size.height });
|
|
2335
|
+
}
|
|
2323
2336
|
if (refState.current) {
|
|
2324
2337
|
refState.current.needsOtherAxisSize = otherAxisSize - (stylePaddingTopState || 0) < 10;
|
|
2325
2338
|
}
|
|
@@ -2329,6 +2342,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2329
2342
|
`List ${horizontal ? "width" : "height"} is 0. You may need to set a style or \`flex: \` for the list, because children are absolutely positioned.`
|
|
2330
2343
|
);
|
|
2331
2344
|
}
|
|
2345
|
+
}, []);
|
|
2346
|
+
const onLayout = React2.useCallback((event) => {
|
|
2347
|
+
const layout = event.nativeEvent.layout;
|
|
2348
|
+
handleLayout(layout);
|
|
2349
|
+
layout[horizontal ? "width" : "height"];
|
|
2350
|
+
layout[horizontal ? "height" : "width"];
|
|
2332
2351
|
if (onLayoutProp) {
|
|
2333
2352
|
onLayoutProp(event);
|
|
2334
2353
|
}
|
|
@@ -2340,7 +2359,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2340
2359
|
if (measured) {
|
|
2341
2360
|
const size = Math.floor(measured[horizontal ? "width" : "height"] * 8) / 8;
|
|
2342
2361
|
if (size) {
|
|
2343
|
-
handleLayout(
|
|
2362
|
+
handleLayout(measured);
|
|
2344
2363
|
}
|
|
2345
2364
|
}
|
|
2346
2365
|
}, []);
|
|
@@ -2470,10 +2489,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2470
2489
|
},
|
|
2471
2490
|
scrollToOffset: (params) => scrollTo(params),
|
|
2472
2491
|
scrollToEnd: (options) => {
|
|
2473
|
-
const { data } = refState.current;
|
|
2492
|
+
const { data, stylePaddingBottom } = refState.current;
|
|
2474
2493
|
const index = data.length - 1;
|
|
2475
2494
|
if (index !== -1) {
|
|
2476
|
-
|
|
2495
|
+
const paddingBottom = stylePaddingBottom || 0;
|
|
2496
|
+
scrollToIndex({ index, viewOffset: -paddingBottom, ...options });
|
|
2477
2497
|
}
|
|
2478
2498
|
}
|
|
2479
2499
|
};
|
|
@@ -2551,6 +2571,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2551
2571
|
|
|
2552
2572
|
exports.LegendList = LegendList;
|
|
2553
2573
|
exports.useIsLastItem = useIsLastItem;
|
|
2574
|
+
exports.useListScrollSize = useListScrollSize;
|
|
2554
2575
|
exports.useRecyclingEffect = useRecyclingEffect;
|
|
2555
2576
|
exports.useRecyclingState = useRecyclingState;
|
|
2556
2577
|
exports.useViewability = useViewability;
|
package/index.mjs
CHANGED
|
@@ -188,12 +188,12 @@ function comparatorByDistance(a, b) {
|
|
|
188
188
|
function comparatorDefault(a, b) {
|
|
189
189
|
return a - b;
|
|
190
190
|
}
|
|
191
|
-
function getPadding(s) {
|
|
191
|
+
function getPadding(s, type) {
|
|
192
192
|
var _a, _b, _c;
|
|
193
|
-
return (_c = (_b = (_a = s
|
|
193
|
+
return (_c = (_b = (_a = s[`padding${type}`]) != null ? _a : s.paddingVertical) != null ? _b : s.padding) != null ? _c : 0;
|
|
194
194
|
}
|
|
195
|
-
function
|
|
196
|
-
return getPadding(style) + getPadding(contentContainerStyle);
|
|
195
|
+
function extractPadding(style, contentContainerStyle, type) {
|
|
196
|
+
return getPadding(style, type) + getPadding(contentContainerStyle, type);
|
|
197
197
|
}
|
|
198
198
|
var symbolFirst = Symbol();
|
|
199
199
|
function useInit(cb) {
|
|
@@ -295,6 +295,10 @@ function useIsLastItem() {
|
|
|
295
295
|
const isLast = useSelector$("lastItemKeys", (lastItemKeys) => (lastItemKeys == null ? void 0 : lastItemKeys.includes(itemKey)) || false);
|
|
296
296
|
return isLast;
|
|
297
297
|
}
|
|
298
|
+
function useListScrollSize() {
|
|
299
|
+
const [scrollSize] = useArr$(["scrollSize"]);
|
|
300
|
+
return scrollSize;
|
|
301
|
+
}
|
|
298
302
|
var LeanViewComponent = React2.forwardRef((props, ref) => {
|
|
299
303
|
return React2.createElement("RCTView", { ...props, ref });
|
|
300
304
|
});
|
|
@@ -1028,7 +1032,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
1028
1032
|
callbacks.current.onEndReached = rest.onEndReached;
|
|
1029
1033
|
const contentContainerStyle = { ...StyleSheet.flatten(contentContainerStyleProp) };
|
|
1030
1034
|
const style = { ...StyleSheet.flatten(styleProp) };
|
|
1031
|
-
const stylePaddingTopState =
|
|
1035
|
+
const stylePaddingTopState = extractPadding(style, contentContainerStyle, "Top");
|
|
1036
|
+
const stylePaddingBottomState = extractPadding(style, contentContainerStyle, "Bottom");
|
|
1032
1037
|
if (style == null ? void 0 : style.paddingTop) {
|
|
1033
1038
|
style.paddingTop = void 0;
|
|
1034
1039
|
}
|
|
@@ -2046,6 +2051,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2046
2051
|
set$(ctx, "numColumns", numColumnsProp);
|
|
2047
2052
|
const prevPaddingTop = peek$(ctx, "stylePaddingTop");
|
|
2048
2053
|
setPaddingTop({ stylePaddingTop: stylePaddingTopState });
|
|
2054
|
+
refState.current.stylePaddingBottom = stylePaddingBottomState;
|
|
2049
2055
|
const paddingDiff = stylePaddingTopState - prevPaddingTop;
|
|
2050
2056
|
if (paddingDiff && prevPaddingTop !== void 0 && Platform.OS === "ios") {
|
|
2051
2057
|
queueMicrotask(() => {
|
|
@@ -2094,7 +2100,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2094
2100
|
set$(ctx, "extraData", extraData);
|
|
2095
2101
|
}, [extraData]);
|
|
2096
2102
|
refState.current.renderItem = renderItem;
|
|
2097
|
-
useEffect(initalizeStateVars, [
|
|
2103
|
+
useEffect(initalizeStateVars, [
|
|
2104
|
+
memoizedLastItemKeys.join(","),
|
|
2105
|
+
numColumnsProp,
|
|
2106
|
+
stylePaddingTopState,
|
|
2107
|
+
stylePaddingBottomState
|
|
2108
|
+
]);
|
|
2098
2109
|
const getRenderedItem = useCallback((key) => {
|
|
2099
2110
|
const state = refState.current;
|
|
2100
2111
|
if (!state) {
|
|
@@ -2113,7 +2124,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2113
2124
|
index,
|
|
2114
2125
|
extraData: peek$(ctx, "extraData")
|
|
2115
2126
|
};
|
|
2116
|
-
renderedItem =
|
|
2127
|
+
renderedItem = React2.createElement(renderItemProp, itemProps);
|
|
2117
2128
|
}
|
|
2118
2129
|
return { index, item: data[index], renderedItem };
|
|
2119
2130
|
}, []);
|
|
@@ -2280,10 +2291,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2280
2291
|
},
|
|
2281
2292
|
[]
|
|
2282
2293
|
);
|
|
2283
|
-
const handleLayout = useCallback((
|
|
2294
|
+
const handleLayout = useCallback((size) => {
|
|
2295
|
+
const scrollLength = size[horizontal ? "width" : "height"];
|
|
2296
|
+
const otherAxisSize = size[horizontal ? "height" : "width"];
|
|
2284
2297
|
const state = refState.current;
|
|
2285
2298
|
const didChange = scrollLength !== state.scrollLength;
|
|
2299
|
+
const prevOtherAxisSize = state.otherAxisSize;
|
|
2286
2300
|
state.scrollLength = scrollLength;
|
|
2301
|
+
state.otherAxisSize = otherAxisSize;
|
|
2287
2302
|
state.lastBatchingAction = Date.now();
|
|
2288
2303
|
state.scrollForNextCalculateItemsInView = void 0;
|
|
2289
2304
|
doInitialAllocateContainers();
|
|
@@ -2294,11 +2309,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2294
2309
|
if (didChange) {
|
|
2295
2310
|
calculateItemsInView();
|
|
2296
2311
|
}
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
handleLayout(scrollLength);
|
|
2301
|
-
const otherAxisSize = event.nativeEvent.layout[horizontal ? "height" : "width"];
|
|
2312
|
+
if (didChange || otherAxisSize !== prevOtherAxisSize) {
|
|
2313
|
+
set$(ctx, "scrollSize", { width: size.width, height: size.height });
|
|
2314
|
+
}
|
|
2302
2315
|
if (refState.current) {
|
|
2303
2316
|
refState.current.needsOtherAxisSize = otherAxisSize - (stylePaddingTopState || 0) < 10;
|
|
2304
2317
|
}
|
|
@@ -2308,6 +2321,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2308
2321
|
`List ${horizontal ? "width" : "height"} is 0. You may need to set a style or \`flex: \` for the list, because children are absolutely positioned.`
|
|
2309
2322
|
);
|
|
2310
2323
|
}
|
|
2324
|
+
}, []);
|
|
2325
|
+
const onLayout = useCallback((event) => {
|
|
2326
|
+
const layout = event.nativeEvent.layout;
|
|
2327
|
+
handleLayout(layout);
|
|
2328
|
+
layout[horizontal ? "width" : "height"];
|
|
2329
|
+
layout[horizontal ? "height" : "width"];
|
|
2311
2330
|
if (onLayoutProp) {
|
|
2312
2331
|
onLayoutProp(event);
|
|
2313
2332
|
}
|
|
@@ -2319,7 +2338,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2319
2338
|
if (measured) {
|
|
2320
2339
|
const size = Math.floor(measured[horizontal ? "width" : "height"] * 8) / 8;
|
|
2321
2340
|
if (size) {
|
|
2322
|
-
handleLayout(
|
|
2341
|
+
handleLayout(measured);
|
|
2323
2342
|
}
|
|
2324
2343
|
}
|
|
2325
2344
|
}, []);
|
|
@@ -2449,10 +2468,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2449
2468
|
},
|
|
2450
2469
|
scrollToOffset: (params) => scrollTo(params),
|
|
2451
2470
|
scrollToEnd: (options) => {
|
|
2452
|
-
const { data } = refState.current;
|
|
2471
|
+
const { data, stylePaddingBottom } = refState.current;
|
|
2453
2472
|
const index = data.length - 1;
|
|
2454
2473
|
if (index !== -1) {
|
|
2455
|
-
|
|
2474
|
+
const paddingBottom = stylePaddingBottom || 0;
|
|
2475
|
+
scrollToIndex({ index, viewOffset: -paddingBottom, ...options });
|
|
2456
2476
|
}
|
|
2457
2477
|
}
|
|
2458
2478
|
};
|
|
@@ -2528,4 +2548,4 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
|
|
|
2528
2548
|
), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React2.createElement(DebugView, { state: refState.current }));
|
|
2529
2549
|
});
|
|
2530
2550
|
|
|
2531
|
-
export { LegendList, useIsLastItem, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
|
|
2551
|
+
export { LegendList, useIsLastItem, useListScrollSize, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
|
|
@@ -1,147 +1,16 @@
|
|
|
1
|
-
import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
|
|
2
|
-
import * as react_native_reanimated from 'react-native-reanimated';
|
|
3
|
-
import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
|
|
4
1
|
import * as _legendapp_list from '@legendapp/list';
|
|
5
2
|
import { LegendListRef } from '@legendapp/list';
|
|
3
|
+
import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
|
|
6
4
|
import * as react_native from 'react-native';
|
|
7
5
|
import { Insets } from 'react-native';
|
|
6
|
+
import * as react_native_reanimated from 'react-native-reanimated';
|
|
7
|
+
import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
|
|
10
|
-
declare const LegendList: <ItemT, ListT extends (<
|
|
11
|
-
alignItemsAtEnd?: boolean;
|
|
12
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
13
|
-
data: readonly T[];
|
|
14
|
-
drawDistance?: number;
|
|
15
|
-
estimatedItemSize?: number;
|
|
16
|
-
extraData?: any;
|
|
17
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
18
|
-
initialContainerPoolRatio?: number | undefined;
|
|
19
|
-
initialScrollOffset?: number;
|
|
20
|
-
initialScrollIndex?: number;
|
|
21
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
22
|
-
leadingItem: T;
|
|
23
|
-
}> | undefined;
|
|
24
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
25
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
26
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
27
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
28
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
29
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
30
|
-
maintainScrollAtEnd?: boolean;
|
|
31
|
-
maintainScrollAtEndThreshold?: number;
|
|
32
|
-
maintainVisibleContentPosition?: boolean;
|
|
33
|
-
numColumns?: number;
|
|
34
|
-
onEndReached?: ((info: {
|
|
35
|
-
distanceFromEnd: number;
|
|
36
|
-
}) => void) | null | undefined;
|
|
37
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
38
|
-
onItemSizeChanged?: ((info: {
|
|
39
|
-
size: number;
|
|
40
|
-
previous: number;
|
|
41
|
-
index: number;
|
|
42
|
-
itemKey: string;
|
|
43
|
-
itemData: T;
|
|
44
|
-
}) => void) | undefined;
|
|
45
|
-
onRefresh?: () => void;
|
|
46
|
-
onStartReached?: ((info: {
|
|
47
|
-
distanceFromStart: number;
|
|
48
|
-
}) => void) | null | undefined;
|
|
49
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
50
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
51
|
-
progressViewOffset?: number;
|
|
52
|
-
recycleItems?: boolean;
|
|
53
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
54
|
-
refreshing?: boolean;
|
|
55
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
56
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
57
|
-
suggestEstimatedItemSize?: boolean;
|
|
58
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
59
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
60
|
-
waitForInitialLayout?: boolean;
|
|
61
|
-
onLoad?: (info: {
|
|
62
|
-
elapsedTimeInMs: number;
|
|
63
|
-
}) => void;
|
|
64
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
|
|
65
|
-
alignItemsAtEnd?: boolean;
|
|
66
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
67
|
-
data: readonly T[];
|
|
68
|
-
drawDistance?: number;
|
|
69
|
-
estimatedItemSize?: number;
|
|
70
|
-
extraData?: any;
|
|
71
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
72
|
-
initialContainerPoolRatio?: number | undefined;
|
|
73
|
-
initialScrollOffset?: number;
|
|
74
|
-
initialScrollIndex?: number;
|
|
75
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
76
|
-
leadingItem: T;
|
|
77
|
-
}> | undefined;
|
|
78
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
79
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
80
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
81
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
82
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
83
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
84
|
-
maintainScrollAtEnd?: boolean;
|
|
85
|
-
maintainScrollAtEndThreshold?: number;
|
|
86
|
-
maintainVisibleContentPosition?: boolean;
|
|
87
|
-
numColumns?: number;
|
|
88
|
-
onEndReached?: ((info: {
|
|
89
|
-
distanceFromEnd: number;
|
|
90
|
-
}) => void) | null | undefined;
|
|
91
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
92
|
-
onItemSizeChanged?: ((info: {
|
|
93
|
-
size: number;
|
|
94
|
-
previous: number;
|
|
95
|
-
index: number;
|
|
96
|
-
itemKey: string;
|
|
97
|
-
itemData: T;
|
|
98
|
-
}) => void) | undefined;
|
|
99
|
-
onRefresh?: () => void;
|
|
100
|
-
onStartReached?: ((info: {
|
|
101
|
-
distanceFromStart: number;
|
|
102
|
-
}) => void) | null | undefined;
|
|
103
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
104
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
105
|
-
progressViewOffset?: number;
|
|
106
|
-
recycleItems?: boolean;
|
|
107
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
108
|
-
refreshing?: boolean;
|
|
109
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
110
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
111
|
-
suggestEstimatedItemSize?: boolean;
|
|
112
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
113
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
114
|
-
waitForInitialLayout?: boolean;
|
|
115
|
-
onLoad?: (info: {
|
|
116
|
-
elapsedTimeInMs: number;
|
|
117
|
-
}) => void;
|
|
118
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
|
|
10
|
+
declare const LegendList: <ItemT, ListT extends (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
|
|
119
11
|
getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
|
|
120
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
121
|
-
leadingItem: ItemT_1;
|
|
122
|
-
}> | undefined;
|
|
123
12
|
keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
|
|
124
|
-
onItemSizeChanged?: ((info: {
|
|
125
|
-
size: number;
|
|
126
|
-
previous: number;
|
|
127
|
-
index: number;
|
|
128
|
-
itemKey: string;
|
|
129
|
-
itemData: ItemT_1;
|
|
130
|
-
}) => void) | undefined;
|
|
131
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<ItemT_1>> | undefined;
|
|
132
13
|
animatedProps?: Partial<{
|
|
133
|
-
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
134
|
-
contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
|
|
135
|
-
maintainVisibleContentPosition?: {
|
|
136
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
137
|
-
minIndexForVisible: number;
|
|
138
|
-
} | react_native_reanimated.SharedValue<{
|
|
139
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
140
|
-
minIndexForVisible: number;
|
|
141
|
-
} | null | undefined> | null | undefined;
|
|
142
|
-
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
143
|
-
removeClippedSubviews?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
144
|
-
scrollEventThrottle?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
145
14
|
decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
|
|
146
15
|
horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
|
|
147
16
|
invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
@@ -155,6 +24,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
155
24
|
onMomentumScrollBegin?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
|
|
156
25
|
pagingEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
157
26
|
scrollEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
27
|
+
removeClippedSubviews?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
158
28
|
showsHorizontalScrollIndicator?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
159
29
|
showsVerticalScrollIndicator?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
160
30
|
stickyHeaderHiddenOnScroll?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
@@ -163,6 +33,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
163
33
|
snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
164
34
|
snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
165
35
|
snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
36
|
+
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
166
37
|
disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
167
38
|
disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
168
39
|
StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
|
|
@@ -266,16 +137,26 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
266
137
|
bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
267
138
|
canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
268
139
|
centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
140
|
+
contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
|
|
141
|
+
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
269
142
|
contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
|
|
270
143
|
directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
144
|
+
maintainVisibleContentPosition?: {
|
|
145
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
146
|
+
minIndexForVisible: number;
|
|
147
|
+
} | react_native_reanimated.SharedValue<{
|
|
148
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
149
|
+
minIndexForVisible: number;
|
|
150
|
+
} | null | undefined> | null | undefined;
|
|
271
151
|
maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
272
152
|
minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
273
153
|
onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
|
|
274
154
|
pinchGestureEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
155
|
+
scrollEventThrottle?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
275
156
|
scrollIndicatorInsets?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
|
|
276
157
|
scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
277
158
|
scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
278
|
-
snapToAlignment?: "
|
|
159
|
+
snapToAlignment?: "center" | "start" | "end" | react_native_reanimated.SharedValue<"center" | "start" | "end" | undefined> | undefined;
|
|
279
160
|
onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
|
|
280
161
|
zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
281
162
|
endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
|
|
@@ -285,8 +166,8 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
285
166
|
fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
286
167
|
persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
287
168
|
} & {
|
|
288
|
-
contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
289
169
|
style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
170
|
+
contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
290
171
|
indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
|
|
291
172
|
} & {
|
|
292
173
|
layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
|
|
@@ -296,9 +177,128 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
296
177
|
sharedTransitionTag?: string;
|
|
297
178
|
sharedTransitionStyle?: react_native_reanimated.SharedTransition;
|
|
298
179
|
}> | undefined;
|
|
180
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<ItemT_1>> | undefined;
|
|
181
|
+
onItemSizeChanged?: ((info: {
|
|
182
|
+
size: number;
|
|
183
|
+
previous: number;
|
|
184
|
+
index: number;
|
|
185
|
+
itemKey: string;
|
|
186
|
+
itemData: ItemT_1;
|
|
187
|
+
}) => void) | undefined;
|
|
188
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
189
|
+
leadingItem: ItemT_1;
|
|
190
|
+
}> | undefined;
|
|
299
191
|
} & {
|
|
300
192
|
ref?: React.Ref<LegendListRef>;
|
|
301
|
-
}) => React.ReactElement | null)
|
|
193
|
+
}) => React.ReactElement | null) | (<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
194
|
+
alignItemsAtEnd?: boolean;
|
|
195
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
196
|
+
data: readonly T[];
|
|
197
|
+
drawDistance?: number;
|
|
198
|
+
estimatedItemSize?: number;
|
|
199
|
+
extraData?: any;
|
|
200
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
201
|
+
initialContainerPoolRatio?: number | undefined;
|
|
202
|
+
initialScrollOffset?: number;
|
|
203
|
+
initialScrollIndex?: number;
|
|
204
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
205
|
+
leadingItem: T;
|
|
206
|
+
}> | undefined;
|
|
207
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
208
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
209
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
210
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
211
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
212
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
213
|
+
maintainScrollAtEnd?: boolean;
|
|
214
|
+
maintainScrollAtEndThreshold?: number;
|
|
215
|
+
maintainVisibleContentPosition?: boolean;
|
|
216
|
+
numColumns?: number;
|
|
217
|
+
onEndReached?: ((info: {
|
|
218
|
+
distanceFromEnd: number;
|
|
219
|
+
}) => void) | null | undefined;
|
|
220
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
221
|
+
onItemSizeChanged?: ((info: {
|
|
222
|
+
size: number;
|
|
223
|
+
previous: number;
|
|
224
|
+
index: number;
|
|
225
|
+
itemKey: string;
|
|
226
|
+
itemData: T;
|
|
227
|
+
}) => void) | undefined;
|
|
228
|
+
onRefresh?: () => void;
|
|
229
|
+
onStartReached?: ((info: {
|
|
230
|
+
distanceFromStart: number;
|
|
231
|
+
}) => void) | null | undefined;
|
|
232
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
233
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
234
|
+
progressViewOffset?: number;
|
|
235
|
+
recycleItems?: boolean;
|
|
236
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
237
|
+
refreshing?: boolean;
|
|
238
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
239
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
240
|
+
suggestEstimatedItemSize?: boolean;
|
|
241
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
242
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
243
|
+
waitForInitialLayout?: boolean;
|
|
244
|
+
onLoad?: (info: {
|
|
245
|
+
elapsedTimeInMs: number;
|
|
246
|
+
}) => void;
|
|
247
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
248
|
+
alignItemsAtEnd?: boolean;
|
|
249
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
250
|
+
data: readonly T[];
|
|
251
|
+
drawDistance?: number;
|
|
252
|
+
estimatedItemSize?: number;
|
|
253
|
+
extraData?: any;
|
|
254
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
255
|
+
initialContainerPoolRatio?: number | undefined;
|
|
256
|
+
initialScrollOffset?: number;
|
|
257
|
+
initialScrollIndex?: number;
|
|
258
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
259
|
+
leadingItem: T;
|
|
260
|
+
}> | undefined;
|
|
261
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
262
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
263
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
264
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
265
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
266
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
267
|
+
maintainScrollAtEnd?: boolean;
|
|
268
|
+
maintainScrollAtEndThreshold?: number;
|
|
269
|
+
maintainVisibleContentPosition?: boolean;
|
|
270
|
+
numColumns?: number;
|
|
271
|
+
onEndReached?: ((info: {
|
|
272
|
+
distanceFromEnd: number;
|
|
273
|
+
}) => void) | null | undefined;
|
|
274
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
275
|
+
onItemSizeChanged?: ((info: {
|
|
276
|
+
size: number;
|
|
277
|
+
previous: number;
|
|
278
|
+
index: number;
|
|
279
|
+
itemKey: string;
|
|
280
|
+
itemData: T;
|
|
281
|
+
}) => void) | undefined;
|
|
282
|
+
onRefresh?: () => void;
|
|
283
|
+
onStartReached?: ((info: {
|
|
284
|
+
distanceFromStart: number;
|
|
285
|
+
}) => void) | null | undefined;
|
|
286
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
287
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
288
|
+
progressViewOffset?: number;
|
|
289
|
+
recycleItems?: boolean;
|
|
290
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
291
|
+
refreshing?: boolean;
|
|
292
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
293
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
294
|
+
suggestEstimatedItemSize?: boolean;
|
|
295
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
296
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
297
|
+
waitForInitialLayout?: boolean;
|
|
298
|
+
onLoad?: (info: {
|
|
299
|
+
elapsedTimeInMs: number;
|
|
300
|
+
}) => void;
|
|
301
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> = <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
302
302
|
alignItemsAtEnd?: boolean;
|
|
303
303
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
304
304
|
data: readonly T[];
|
|
@@ -352,7 +352,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
352
352
|
onLoad?: (info: {
|
|
353
353
|
elapsedTimeInMs: number;
|
|
354
354
|
}) => void;
|
|
355
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "
|
|
355
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
356
356
|
alignItemsAtEnd?: boolean;
|
|
357
357
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
358
358
|
data: readonly ItemT[];
|
package/keyboard-controller.d.ts
CHANGED
|
@@ -1,147 +1,16 @@
|
|
|
1
|
-
import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
|
|
2
|
-
import * as react_native_reanimated from 'react-native-reanimated';
|
|
3
|
-
import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
|
|
4
1
|
import * as _legendapp_list from '@legendapp/list';
|
|
5
2
|
import { LegendListRef } from '@legendapp/list';
|
|
3
|
+
import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
|
|
6
4
|
import * as react_native from 'react-native';
|
|
7
5
|
import { Insets } from 'react-native';
|
|
6
|
+
import * as react_native_reanimated from 'react-native-reanimated';
|
|
7
|
+
import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
|
|
10
|
-
declare const LegendList: <ItemT, ListT extends (<
|
|
11
|
-
alignItemsAtEnd?: boolean;
|
|
12
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
13
|
-
data: readonly T[];
|
|
14
|
-
drawDistance?: number;
|
|
15
|
-
estimatedItemSize?: number;
|
|
16
|
-
extraData?: any;
|
|
17
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
18
|
-
initialContainerPoolRatio?: number | undefined;
|
|
19
|
-
initialScrollOffset?: number;
|
|
20
|
-
initialScrollIndex?: number;
|
|
21
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
22
|
-
leadingItem: T;
|
|
23
|
-
}> | undefined;
|
|
24
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
25
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
26
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
27
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
28
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
29
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
30
|
-
maintainScrollAtEnd?: boolean;
|
|
31
|
-
maintainScrollAtEndThreshold?: number;
|
|
32
|
-
maintainVisibleContentPosition?: boolean;
|
|
33
|
-
numColumns?: number;
|
|
34
|
-
onEndReached?: ((info: {
|
|
35
|
-
distanceFromEnd: number;
|
|
36
|
-
}) => void) | null | undefined;
|
|
37
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
38
|
-
onItemSizeChanged?: ((info: {
|
|
39
|
-
size: number;
|
|
40
|
-
previous: number;
|
|
41
|
-
index: number;
|
|
42
|
-
itemKey: string;
|
|
43
|
-
itemData: T;
|
|
44
|
-
}) => void) | undefined;
|
|
45
|
-
onRefresh?: () => void;
|
|
46
|
-
onStartReached?: ((info: {
|
|
47
|
-
distanceFromStart: number;
|
|
48
|
-
}) => void) | null | undefined;
|
|
49
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
50
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
51
|
-
progressViewOffset?: number;
|
|
52
|
-
recycleItems?: boolean;
|
|
53
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
54
|
-
refreshing?: boolean;
|
|
55
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
56
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
57
|
-
suggestEstimatedItemSize?: boolean;
|
|
58
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
59
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
60
|
-
waitForInitialLayout?: boolean;
|
|
61
|
-
onLoad?: (info: {
|
|
62
|
-
elapsedTimeInMs: number;
|
|
63
|
-
}) => void;
|
|
64
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
|
|
65
|
-
alignItemsAtEnd?: boolean;
|
|
66
|
-
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
67
|
-
data: readonly T[];
|
|
68
|
-
drawDistance?: number;
|
|
69
|
-
estimatedItemSize?: number;
|
|
70
|
-
extraData?: any;
|
|
71
|
-
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
72
|
-
initialContainerPoolRatio?: number | undefined;
|
|
73
|
-
initialScrollOffset?: number;
|
|
74
|
-
initialScrollIndex?: number;
|
|
75
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
76
|
-
leadingItem: T;
|
|
77
|
-
}> | undefined;
|
|
78
|
-
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
79
|
-
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
80
|
-
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
81
|
-
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
82
|
-
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
83
|
-
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
84
|
-
maintainScrollAtEnd?: boolean;
|
|
85
|
-
maintainScrollAtEndThreshold?: number;
|
|
86
|
-
maintainVisibleContentPosition?: boolean;
|
|
87
|
-
numColumns?: number;
|
|
88
|
-
onEndReached?: ((info: {
|
|
89
|
-
distanceFromEnd: number;
|
|
90
|
-
}) => void) | null | undefined;
|
|
91
|
-
onEndReachedThreshold?: number | null | undefined;
|
|
92
|
-
onItemSizeChanged?: ((info: {
|
|
93
|
-
size: number;
|
|
94
|
-
previous: number;
|
|
95
|
-
index: number;
|
|
96
|
-
itemKey: string;
|
|
97
|
-
itemData: T;
|
|
98
|
-
}) => void) | undefined;
|
|
99
|
-
onRefresh?: () => void;
|
|
100
|
-
onStartReached?: ((info: {
|
|
101
|
-
distanceFromStart: number;
|
|
102
|
-
}) => void) | null | undefined;
|
|
103
|
-
onStartReachedThreshold?: number | null | undefined;
|
|
104
|
-
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
105
|
-
progressViewOffset?: number;
|
|
106
|
-
recycleItems?: boolean;
|
|
107
|
-
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
108
|
-
refreshing?: boolean;
|
|
109
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
110
|
-
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
111
|
-
suggestEstimatedItemSize?: boolean;
|
|
112
|
-
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
113
|
-
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
114
|
-
waitForInitialLayout?: boolean;
|
|
115
|
-
onLoad?: (info: {
|
|
116
|
-
elapsedTimeInMs: number;
|
|
117
|
-
}) => void;
|
|
118
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
|
|
10
|
+
declare const LegendList: <ItemT, ListT extends (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
|
|
119
11
|
getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
|
|
120
|
-
ItemSeparatorComponent?: React.ComponentType<{
|
|
121
|
-
leadingItem: ItemT_1;
|
|
122
|
-
}> | undefined;
|
|
123
12
|
keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
|
|
124
|
-
onItemSizeChanged?: ((info: {
|
|
125
|
-
size: number;
|
|
126
|
-
previous: number;
|
|
127
|
-
index: number;
|
|
128
|
-
itemKey: string;
|
|
129
|
-
itemData: ItemT_1;
|
|
130
|
-
}) => void) | undefined;
|
|
131
|
-
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<ItemT_1>> | undefined;
|
|
132
13
|
animatedProps?: Partial<{
|
|
133
|
-
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
134
|
-
contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
|
|
135
|
-
maintainVisibleContentPosition?: {
|
|
136
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
137
|
-
minIndexForVisible: number;
|
|
138
|
-
} | react_native_reanimated.SharedValue<{
|
|
139
|
-
autoscrollToTopThreshold?: number | null | undefined;
|
|
140
|
-
minIndexForVisible: number;
|
|
141
|
-
} | null | undefined> | null | undefined;
|
|
142
|
-
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
143
|
-
removeClippedSubviews?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
144
|
-
scrollEventThrottle?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
145
14
|
decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
|
|
146
15
|
horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
|
|
147
16
|
invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
@@ -155,6 +24,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
155
24
|
onMomentumScrollBegin?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
|
|
156
25
|
pagingEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
157
26
|
scrollEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
27
|
+
removeClippedSubviews?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
158
28
|
showsHorizontalScrollIndicator?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
159
29
|
showsVerticalScrollIndicator?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
160
30
|
stickyHeaderHiddenOnScroll?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
@@ -163,6 +33,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
163
33
|
snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
164
34
|
snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
165
35
|
snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
36
|
+
stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
|
|
166
37
|
disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
167
38
|
disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
168
39
|
StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
|
|
@@ -266,16 +137,26 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
266
137
|
bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
267
138
|
canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
268
139
|
centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
140
|
+
contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
|
|
141
|
+
contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
|
|
269
142
|
contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
|
|
270
143
|
directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
144
|
+
maintainVisibleContentPosition?: {
|
|
145
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
146
|
+
minIndexForVisible: number;
|
|
147
|
+
} | react_native_reanimated.SharedValue<{
|
|
148
|
+
autoscrollToTopThreshold?: number | null | undefined;
|
|
149
|
+
minIndexForVisible: number;
|
|
150
|
+
} | null | undefined> | null | undefined;
|
|
271
151
|
maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
272
152
|
minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
273
153
|
onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
|
|
274
154
|
pinchGestureEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
155
|
+
scrollEventThrottle?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
275
156
|
scrollIndicatorInsets?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
|
|
276
157
|
scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
277
158
|
scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
278
|
-
snapToAlignment?: "
|
|
159
|
+
snapToAlignment?: "center" | "start" | "end" | react_native_reanimated.SharedValue<"center" | "start" | "end" | undefined> | undefined;
|
|
279
160
|
onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
|
|
280
161
|
zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
281
162
|
endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
|
|
@@ -285,8 +166,8 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
285
166
|
fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
|
|
286
167
|
persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
|
|
287
168
|
} & {
|
|
288
|
-
contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
289
169
|
style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
170
|
+
contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
|
|
290
171
|
indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
|
|
291
172
|
} & {
|
|
292
173
|
layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
|
|
@@ -296,9 +177,128 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
296
177
|
sharedTransitionTag?: string;
|
|
297
178
|
sharedTransitionStyle?: react_native_reanimated.SharedTransition;
|
|
298
179
|
}> | undefined;
|
|
180
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<ItemT_1>> | undefined;
|
|
181
|
+
onItemSizeChanged?: ((info: {
|
|
182
|
+
size: number;
|
|
183
|
+
previous: number;
|
|
184
|
+
index: number;
|
|
185
|
+
itemKey: string;
|
|
186
|
+
itemData: ItemT_1;
|
|
187
|
+
}) => void) | undefined;
|
|
188
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
189
|
+
leadingItem: ItemT_1;
|
|
190
|
+
}> | undefined;
|
|
299
191
|
} & {
|
|
300
192
|
ref?: React.Ref<LegendListRef>;
|
|
301
|
-
}) => React.ReactElement | null)
|
|
193
|
+
}) => React.ReactElement | null) | (<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
194
|
+
alignItemsAtEnd?: boolean;
|
|
195
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
196
|
+
data: readonly T[];
|
|
197
|
+
drawDistance?: number;
|
|
198
|
+
estimatedItemSize?: number;
|
|
199
|
+
extraData?: any;
|
|
200
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
201
|
+
initialContainerPoolRatio?: number | undefined;
|
|
202
|
+
initialScrollOffset?: number;
|
|
203
|
+
initialScrollIndex?: number;
|
|
204
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
205
|
+
leadingItem: T;
|
|
206
|
+
}> | undefined;
|
|
207
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
208
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
209
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
210
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
211
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
212
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
213
|
+
maintainScrollAtEnd?: boolean;
|
|
214
|
+
maintainScrollAtEndThreshold?: number;
|
|
215
|
+
maintainVisibleContentPosition?: boolean;
|
|
216
|
+
numColumns?: number;
|
|
217
|
+
onEndReached?: ((info: {
|
|
218
|
+
distanceFromEnd: number;
|
|
219
|
+
}) => void) | null | undefined;
|
|
220
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
221
|
+
onItemSizeChanged?: ((info: {
|
|
222
|
+
size: number;
|
|
223
|
+
previous: number;
|
|
224
|
+
index: number;
|
|
225
|
+
itemKey: string;
|
|
226
|
+
itemData: T;
|
|
227
|
+
}) => void) | undefined;
|
|
228
|
+
onRefresh?: () => void;
|
|
229
|
+
onStartReached?: ((info: {
|
|
230
|
+
distanceFromStart: number;
|
|
231
|
+
}) => void) | null | undefined;
|
|
232
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
233
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
234
|
+
progressViewOffset?: number;
|
|
235
|
+
recycleItems?: boolean;
|
|
236
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
237
|
+
refreshing?: boolean;
|
|
238
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
239
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
240
|
+
suggestEstimatedItemSize?: boolean;
|
|
241
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
242
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
243
|
+
waitForInitialLayout?: boolean;
|
|
244
|
+
onLoad?: (info: {
|
|
245
|
+
elapsedTimeInMs: number;
|
|
246
|
+
}) => void;
|
|
247
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
248
|
+
alignItemsAtEnd?: boolean;
|
|
249
|
+
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
250
|
+
data: readonly T[];
|
|
251
|
+
drawDistance?: number;
|
|
252
|
+
estimatedItemSize?: number;
|
|
253
|
+
extraData?: any;
|
|
254
|
+
getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
|
|
255
|
+
initialContainerPoolRatio?: number | undefined;
|
|
256
|
+
initialScrollOffset?: number;
|
|
257
|
+
initialScrollIndex?: number;
|
|
258
|
+
ItemSeparatorComponent?: React.ComponentType<{
|
|
259
|
+
leadingItem: T;
|
|
260
|
+
}> | undefined;
|
|
261
|
+
keyExtractor?: ((item: T, index: number) => string) | undefined;
|
|
262
|
+
ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
263
|
+
ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
264
|
+
ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
265
|
+
ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
|
|
266
|
+
ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
|
|
267
|
+
maintainScrollAtEnd?: boolean;
|
|
268
|
+
maintainScrollAtEndThreshold?: number;
|
|
269
|
+
maintainVisibleContentPosition?: boolean;
|
|
270
|
+
numColumns?: number;
|
|
271
|
+
onEndReached?: ((info: {
|
|
272
|
+
distanceFromEnd: number;
|
|
273
|
+
}) => void) | null | undefined;
|
|
274
|
+
onEndReachedThreshold?: number | null | undefined;
|
|
275
|
+
onItemSizeChanged?: ((info: {
|
|
276
|
+
size: number;
|
|
277
|
+
previous: number;
|
|
278
|
+
index: number;
|
|
279
|
+
itemKey: string;
|
|
280
|
+
itemData: T;
|
|
281
|
+
}) => void) | undefined;
|
|
282
|
+
onRefresh?: () => void;
|
|
283
|
+
onStartReached?: ((info: {
|
|
284
|
+
distanceFromStart: number;
|
|
285
|
+
}) => void) | null | undefined;
|
|
286
|
+
onStartReachedThreshold?: number | null | undefined;
|
|
287
|
+
onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
|
|
288
|
+
progressViewOffset?: number;
|
|
289
|
+
recycleItems?: boolean;
|
|
290
|
+
refScrollView?: React.Ref<react_native.ScrollView>;
|
|
291
|
+
refreshing?: boolean;
|
|
292
|
+
renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
|
|
293
|
+
renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
|
|
294
|
+
suggestEstimatedItemSize?: boolean;
|
|
295
|
+
viewabilityConfig?: _legendapp_list.ViewabilityConfig;
|
|
296
|
+
viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
|
|
297
|
+
waitForInitialLayout?: boolean;
|
|
298
|
+
onLoad?: (info: {
|
|
299
|
+
elapsedTimeInMs: number;
|
|
300
|
+
}) => void;
|
|
301
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode)> = <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
302
302
|
alignItemsAtEnd?: boolean;
|
|
303
303
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
304
304
|
data: readonly T[];
|
|
@@ -352,7 +352,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
|
|
|
352
352
|
onLoad?: (info: {
|
|
353
353
|
elapsedTimeInMs: number;
|
|
354
354
|
}) => void;
|
|
355
|
-
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "
|
|
355
|
+
} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "removeClippedSubviews" | "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
|
|
356
356
|
alignItemsAtEnd?: boolean;
|
|
357
357
|
columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
|
|
358
358
|
data: readonly ItemT[];
|
package/package.json
CHANGED