@r0b0t3d/react-native-collapsible 1.4.2 → 1.5.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/CollapsibleView.js +1 -1
- package/lib/commonjs/components/CollapsibleView.js.map +1 -1
- package/lib/commonjs/components/header/CollapsibleHeaderContainerProvider.js +1 -1
- package/lib/commonjs/components/header/CollapsibleHeaderContainerProvider.js.map +1 -1
- package/lib/commonjs/components/scrollable/CollapsibleFlashList.js +135 -0
- package/lib/commonjs/components/scrollable/CollapsibleFlashList.js.map +1 -0
- package/lib/commonjs/index.js +8 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/withCollapsibleContext.js +0 -5
- package/lib/commonjs/withCollapsibleContext.js.map +1 -1
- package/lib/module/components/CollapsibleView.js +1 -1
- package/lib/module/components/CollapsibleView.js.map +1 -1
- package/lib/module/components/header/CollapsibleHeaderContainerProvider.js +1 -1
- package/lib/module/components/header/CollapsibleHeaderContainerProvider.js.map +1 -1
- package/lib/module/components/scrollable/CollapsibleFlashList.js +127 -0
- package/lib/module/components/scrollable/CollapsibleFlashList.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/withCollapsibleContext.js +0 -5
- package/lib/module/withCollapsibleContext.js.map +1 -1
- package/lib/typescript/components/CollapsibleView.d.ts +1 -1
- package/lib/typescript/components/CollapsibleView.d.ts.map +1 -1
- package/lib/typescript/components/header/CollapsibleHeaderContainerProvider.d.ts.map +1 -1
- package/lib/typescript/components/scrollable/CollapsibleFlashList.d.ts +7 -0
- package/lib/typescript/components/scrollable/CollapsibleFlashList.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/withCollapsibleContext.d.ts.map +1 -1
- package/package.json +3 -1
- package/src/components/CollapsibleView.tsx +2 -2
- package/src/components/header/CollapsibleHeaderContainerProvider.tsx +3 -1
- package/src/components/scrollable/CollapsibleFlashList.tsx +165 -0
- package/src/index.tsx +1 -0
- package/src/withCollapsibleContext.tsx +0 -5
|
@@ -55,7 +55,7 @@ function CollapsibleView(_ref) {
|
|
|
55
55
|
height: actualHeight.value > 0 ? actualHeight.value : undefined
|
|
56
56
|
}), [actualHeight, contentKey]);
|
|
57
57
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => collapseState.value === 0 ? 0 : collapseState.value === 1 ? 1 : 0, (result, prev) => {
|
|
58
|
-
if (result === prev) {
|
|
58
|
+
if (prev === null || result === prev) {
|
|
59
59
|
return;
|
|
60
60
|
}
|
|
61
61
|
if (onToggle) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleView","_ref","initialState","collapseState","useSharedValue","renderHeader","children","containerStyle","collapsedBackgroundColor","expandedBackgroundColor","onToggle","actualHeight","contentKey","useMemo","useEffect","newValue","value","handleToggle","useCallback","withSpring","overshootClamping","handleLayout","event","nativeEvent","layout","height","wrapperStyle","useAnimatedStyle","damping","stiffness","contentHeight","undefined","useAnimatedReaction","result","prev","runOnJS","containerAnimatedStyle","backgroundColor","interpolateColor","headerProps","collapsed","createElement","View","style","pointerEvents","styles","wrapper","content","onLayout","CollapsibleHeaderText","_ref2","title","titleStyle","icon","iconInitialAngle","iconStyle","rotate","interpolate","transform","headerContainer","Pressable","onPress","Text","headerTitle","StyleSheet","create","overflow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/CollapsibleView.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleView","_ref","initialState","collapseState","useSharedValue","renderHeader","children","containerStyle","collapsedBackgroundColor","expandedBackgroundColor","onToggle","actualHeight","contentKey","useMemo","useEffect","newValue","value","handleToggle","useCallback","withSpring","overshootClamping","handleLayout","event","nativeEvent","layout","height","wrapperStyle","useAnimatedStyle","damping","stiffness","contentHeight","undefined","useAnimatedReaction","result","prev","runOnJS","containerAnimatedStyle","backgroundColor","interpolateColor","headerProps","collapsed","createElement","View","style","pointerEvents","styles","wrapper","content","onLayout","CollapsibleHeaderText","_ref2","title","titleStyle","icon","iconInitialAngle","iconStyle","rotate","interpolate","transform","headerContainer","Pressable","onPress","Text","headerTitle","StyleSheet","create","overflow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/CollapsibleView.tsx"],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ function CollapsibleHeaderContainerProvider(_ref) {
|
|
|
40
40
|
if (!currentLayout.value) {
|
|
41
41
|
return -1;
|
|
42
42
|
}
|
|
43
|
-
return currentLayout.value.height - stickyHeight.value;
|
|
43
|
+
return currentLayout.value.height - currentLayout.value.y - stickyHeight.value;
|
|
44
44
|
}, (result, previous) => {
|
|
45
45
|
if (result !== -1 && result !== previous) {
|
|
46
46
|
(0, _reactNativeReanimated.runOnJS)(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInternalCollapsibleContext","_interopRequireDefault","_useCollapsibleContext","_reactNativeReanimated","_useCollapsibleHeaderContext","_useSharedValueRef","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleHeaderContainerProvider","_ref","children","containerStyle","contentKey","handleHeaderContainerLayout","headerViewPositions","useInternalCollapsibleContext","scrollY","useCollapsibleContext","currentLayout","useSharedValue","undefined","stickyLayouts","setStickyLayouts","useSharedValueRef","useEffect","stickyHeight","useDerivedValue","values","value","reduce","acc","height","useAnimatedReaction","result","previous","runOnJS","handleLayout","useCallback","_ref2","nativeEvent","layout","handleStickyViewLayout","stickyKey","translateY","position","topPosition","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInternalCollapsibleContext","_interopRequireDefault","_useCollapsibleContext","_reactNativeReanimated","_useCollapsibleHeaderContext","_useSharedValueRef","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleHeaderContainerProvider","_ref","children","containerStyle","contentKey","handleHeaderContainerLayout","headerViewPositions","useInternalCollapsibleContext","scrollY","useCollapsibleContext","currentLayout","useSharedValue","undefined","stickyLayouts","setStickyLayouts","useSharedValueRef","useEffect","stickyHeight","useDerivedValue","values","value","reduce","acc","height","useAnimatedReaction","y","result","previous","runOnJS","handleLayout","useCallback","_ref2","nativeEvent","layout","handleStickyViewLayout","stickyKey","translateY","position","topPosition","top","interpolate","Extrapolate","CLAMP","animatedStyle","useAnimatedStyle","transform","animatedY","maxV","Math","max","min","useMemo","createElement","CollapsibleHeaderContext","Provider","View","style","styles","container","pointerEvents","onLayout","StyleSheet","create","overflow","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderContainerProvider.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = CollapsibleFlatList;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _flashList = require("@shopify/flash-list");
|
|
11
|
+
var _useAnimatedScroll = _interopRequireDefault(require("./useAnimatedScroll"));
|
|
12
|
+
var _useInternalCollapsibleContext = _interopRequireDefault(require("../../hooks/useInternalCollapsibleContext"));
|
|
13
|
+
var _AnimatedTopView = _interopRequireDefault(require("../header/AnimatedTopView"));
|
|
14
|
+
var _useCollapsibleContext = _interopRequireDefault(require("../../hooks/useCollapsibleContext"));
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable react-hooks/exhaustive-deps */
|
|
19
|
+
const AnimatedFlashList = _reactNativeReanimated.default.createAnimatedComponent(_flashList.FlashList);
|
|
20
|
+
function CollapsibleFlatList(_ref) {
|
|
21
|
+
let {
|
|
22
|
+
headerSnappable = true,
|
|
23
|
+
...props
|
|
24
|
+
} = _ref;
|
|
25
|
+
const {
|
|
26
|
+
headerHeight
|
|
27
|
+
} = (0, _useCollapsibleContext.default)();
|
|
28
|
+
const {
|
|
29
|
+
contentMinHeight,
|
|
30
|
+
scrollViewRef,
|
|
31
|
+
fixedHeaderHeight
|
|
32
|
+
} = (0, _useInternalCollapsibleContext.default)();
|
|
33
|
+
const mounted = (0, _react.useRef)(true);
|
|
34
|
+
const contentHeight = (0, _react.useRef)(0);
|
|
35
|
+
const [internalContentMinHeight, setInternalContentMinHeight] = (0, _react.useState)(contentMinHeight.value);
|
|
36
|
+
const [internalProgressViewOffset, setInternalProgressViewOffset] = (0, _react.useState)(0);
|
|
37
|
+
(0, _react.useEffect)(() => {
|
|
38
|
+
return () => {
|
|
39
|
+
mounted.current = false;
|
|
40
|
+
};
|
|
41
|
+
}, []);
|
|
42
|
+
const scrollTo = (0, _react.useCallback)(function (yValue) {
|
|
43
|
+
var _scrollViewRef$curren;
|
|
44
|
+
let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
45
|
+
(_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 ? void 0 : _scrollViewRef$curren.scrollToOffset({
|
|
46
|
+
offset: yValue,
|
|
47
|
+
animated
|
|
48
|
+
});
|
|
49
|
+
}, []);
|
|
50
|
+
const scrollToIndex = (0, _react.useCallback)(params => {
|
|
51
|
+
var _scrollViewRef$curren2;
|
|
52
|
+
(_scrollViewRef$curren2 = scrollViewRef.current) === null || _scrollViewRef$curren2 === void 0 ? void 0 : _scrollViewRef$curren2.scrollToIndex(params);
|
|
53
|
+
}, []);
|
|
54
|
+
const scrollToLocation = (0, _react.useCallback)(() => {
|
|
55
|
+
console.warn('CollapsibleFlatList does not support scrollToLocation');
|
|
56
|
+
}, []);
|
|
57
|
+
const {
|
|
58
|
+
scrollHandler
|
|
59
|
+
} = (0, _useAnimatedScroll.default)({
|
|
60
|
+
headerSnappable,
|
|
61
|
+
scrollTo,
|
|
62
|
+
scrollToIndex,
|
|
63
|
+
scrollToLocation
|
|
64
|
+
});
|
|
65
|
+
const handleInternalContentHeight = (0, _react.useCallback)(value => {
|
|
66
|
+
if (mounted.current) {
|
|
67
|
+
setInternalContentMinHeight(value);
|
|
68
|
+
}
|
|
69
|
+
}, []);
|
|
70
|
+
const handleInternalProgressViewOffset = (0, _react.useCallback)(value => {
|
|
71
|
+
if (mounted.current) {
|
|
72
|
+
setInternalProgressViewOffset(value);
|
|
73
|
+
}
|
|
74
|
+
}, []);
|
|
75
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => {
|
|
76
|
+
return contentMinHeight.value;
|
|
77
|
+
}, (result, previous) => {
|
|
78
|
+
if (result !== previous) {
|
|
79
|
+
if (contentHeight.current < result && internalContentMinHeight !== result) {
|
|
80
|
+
(0, _reactNativeReanimated.runOnJS)(handleInternalContentHeight)(result);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => {
|
|
85
|
+
return fixedHeaderHeight.value;
|
|
86
|
+
}, (result, previous) => {
|
|
87
|
+
if (result !== previous) {
|
|
88
|
+
(0, _reactNativeReanimated.runOnJS)(handleInternalProgressViewOffset)(result);
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
const contentContainerStyle = (0, _react.useMemo)(() => [styles.contentContainer, {
|
|
92
|
+
minHeight: internalContentMinHeight
|
|
93
|
+
}, props.contentContainerStyle], [props.contentContainerStyle, internalContentMinHeight]);
|
|
94
|
+
const handleContentSizeChange = (0, _react.useCallback)((_, height) => {
|
|
95
|
+
contentHeight.current = height;
|
|
96
|
+
}, []);
|
|
97
|
+
const handleScrollToIndexFailed = (0, _react.useCallback)(() => {}, []);
|
|
98
|
+
function renderListHeader() {
|
|
99
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_AnimatedTopView.default, {
|
|
100
|
+
height: headerHeight
|
|
101
|
+
}), props.ListHeaderComponent);
|
|
102
|
+
}
|
|
103
|
+
return /*#__PURE__*/_react.default.createElement(AnimatedFlashList, _extends({
|
|
104
|
+
ref: scrollViewRef,
|
|
105
|
+
keyboardDismissMode: "on-drag",
|
|
106
|
+
keyboardShouldPersistTaps: "handled",
|
|
107
|
+
scrollEventThrottle: 1,
|
|
108
|
+
onScrollToIndexFailed: handleScrollToIndexFailed
|
|
109
|
+
}, props, {
|
|
110
|
+
style: [styles.container, props.style]
|
|
111
|
+
//@ts-ignore
|
|
112
|
+
,
|
|
113
|
+
contentContainerStyle: contentContainerStyle,
|
|
114
|
+
onScroll: scrollHandler,
|
|
115
|
+
ListHeaderComponent: renderListHeader(),
|
|
116
|
+
onContentSizeChange: handleContentSizeChange,
|
|
117
|
+
simultaneousHandlers: [],
|
|
118
|
+
progressViewOffset: internalProgressViewOffset
|
|
119
|
+
}));
|
|
120
|
+
}
|
|
121
|
+
const styles = _reactNative.StyleSheet.create({
|
|
122
|
+
container: {
|
|
123
|
+
..._reactNative.StyleSheet.absoluteFillObject
|
|
124
|
+
},
|
|
125
|
+
contentContainer: {
|
|
126
|
+
flexGrow: 1
|
|
127
|
+
},
|
|
128
|
+
topView: {
|
|
129
|
+
position: 'absolute',
|
|
130
|
+
top: 0,
|
|
131
|
+
left: 0,
|
|
132
|
+
right: 0
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
//# sourceMappingURL=CollapsibleFlashList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_flashList","_useAnimatedScroll","_interopRequireDefault","_useInternalCollapsibleContext","_AnimatedTopView","_useCollapsibleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","AnimatedFlashList","Animated","createAnimatedComponent","FlashList","CollapsibleFlatList","_ref","headerSnappable","props","headerHeight","useCollapsibleContext","contentMinHeight","scrollViewRef","fixedHeaderHeight","useInternalCollapsibleContext","mounted","useRef","contentHeight","internalContentMinHeight","setInternalContentMinHeight","useState","value","internalProgressViewOffset","setInternalProgressViewOffset","useEffect","current","scrollTo","useCallback","yValue","_scrollViewRef$curren","animated","undefined","scrollToOffset","offset","scrollToIndex","params","_scrollViewRef$curren2","scrollToLocation","console","warn","scrollHandler","useAnimatedScroll","handleInternalContentHeight","handleInternalProgressViewOffset","useAnimatedReaction","result","previous","runOnJS","contentContainerStyle","useMemo","styles","contentContainer","minHeight","handleContentSizeChange","_","height","handleScrollToIndexFailed","renderListHeader","createElement","View","ListHeaderComponent","ref","keyboardDismissMode","keyboardShouldPersistTaps","scrollEventThrottle","onScrollToIndexFailed","style","container","onScroll","onContentSizeChange","simultaneousHandlers","progressViewOffset","StyleSheet","create","absoluteFillObject","flexGrow","topView","position","top","left","right"],"sourceRoot":"../../../../src","sources":["components/scrollable/CollapsibleFlashList.tsx"],"mappings":"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"}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -8,6 +8,7 @@ var _exportNames = {
|
|
|
8
8
|
useCollapsibleContext: true,
|
|
9
9
|
CollapsibleContainer: true,
|
|
10
10
|
CollapsibleFlatList: true,
|
|
11
|
+
CollapsibleFlashList: true,
|
|
11
12
|
CollapsibleScrollView: true,
|
|
12
13
|
CollapsibleSectionList: true,
|
|
13
14
|
CollapsibleHeaderContainer: true,
|
|
@@ -20,6 +21,12 @@ Object.defineProperty(exports, "CollapsibleContainer", {
|
|
|
20
21
|
return _CollapsibleContainer.default;
|
|
21
22
|
}
|
|
22
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "CollapsibleFlashList", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _CollapsibleFlashList.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
23
30
|
Object.defineProperty(exports, "CollapsibleFlatList", {
|
|
24
31
|
enumerable: true,
|
|
25
32
|
get: function () {
|
|
@@ -72,6 +79,7 @@ var _withCollapsibleContext = _interopRequireDefault(require("./withCollapsibleC
|
|
|
72
79
|
var _useCollapsibleContext = _interopRequireDefault(require("./hooks/useCollapsibleContext"));
|
|
73
80
|
var _CollapsibleContainer = _interopRequireDefault(require("./components/CollapsibleContainer"));
|
|
74
81
|
var _CollapsibleFlatList = _interopRequireDefault(require("./components/scrollable/CollapsibleFlatList"));
|
|
82
|
+
var _CollapsibleFlashList = _interopRequireDefault(require("./components/scrollable/CollapsibleFlashList"));
|
|
75
83
|
var _CollapsibleScrollView = _interopRequireDefault(require("./components/scrollable/CollapsibleScrollView"));
|
|
76
84
|
var _CollapsibleSectionList = _interopRequireDefault(require("./components/scrollable/CollapsibleSectionList"));
|
|
77
85
|
var _CollapsibleHeaderContainer = _interopRequireDefault(require("./components/header/CollapsibleHeaderContainer"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_withCollapsibleContext","_interopRequireDefault","require","_useCollapsibleContext","_CollapsibleContainer","_CollapsibleFlatList","_CollapsibleScrollView","_CollapsibleSectionList","_CollapsibleHeaderContainer","_StickyView","_CollapsibleView","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_withCollapsibleContext","_interopRequireDefault","require","_useCollapsibleContext","_CollapsibleContainer","_CollapsibleFlatList","_CollapsibleFlashList","_CollapsibleScrollView","_CollapsibleSectionList","_CollapsibleHeaderContainer","_StickyView","_CollapsibleView","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,oBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,sBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,uBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,2BAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,gBAAA,GAAAC,uBAAA,CAAAV,OAAA;AACAW,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAA6C,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAkB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAAA,SAAAlC,uBAAA6B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
|
@@ -76,11 +76,6 @@ function withCollapsibleContext(Component) {
|
|
|
76
76
|
acc += (layout === null || layout === void 0 ? void 0 : layout.stickyHeight) ?? 0;
|
|
77
77
|
return acc;
|
|
78
78
|
}, 0);
|
|
79
|
-
console.log({
|
|
80
|
-
top,
|
|
81
|
-
stickyHeightAbove
|
|
82
|
-
});
|
|
83
|
-
//
|
|
84
79
|
(_collapsibleHandlers$ = collapsibleHandlers.current) === null || _collapsibleHandlers$ === void 0 ? void 0 : _collapsibleHandlers$.scrollTo(top - stickyHeightAbove, animated);
|
|
85
80
|
}, () => {});
|
|
86
81
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_useCollapsibleContext","_useInternalCollapsibleContext","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","withCollapsibleContext","Component","props","collapsibleHandlers","useRef","headerHeight","useSharedValue","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","containerRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","useCallback","handlers","current","headerCollapsed","useDerivedValue","maxY","value","contentMinHeight","handleHeaderContainerLayout","layout","stickyHeight","undefined","headerContainers","keys","filter","k","sortedHeaders","sort","a","b","_headerContainerLayou","_headerContainerLayou2","y","values","aStickyHeight","index","length","_headerContainerLayou3","headerKey","sHeight","top","handleContainerHeight","height","handleScrollToView","ref","animated","measureLayout","_left","_width","_height","_collapsibleHandlers$","stickyHeightAbove","reduce","acc","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_useCollapsibleContext","_useInternalCollapsibleContext","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","withCollapsibleContext","Component","props","collapsibleHandlers","useRef","headerHeight","useSharedValue","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","containerRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","useCallback","handlers","current","headerCollapsed","useDerivedValue","maxY","value","contentMinHeight","handleHeaderContainerLayout","layout","stickyHeight","undefined","headerContainers","keys","filter","k","sortedHeaders","sort","a","b","_headerContainerLayou","_headerContainerLayou2","y","values","aStickyHeight","index","length","_headerContainerLayou3","headerKey","sHeight","top","handleContainerHeight","height","handleScrollToView","ref","animated","measureLayout","_left","_width","_height","_collapsibleHandlers$","stickyHeightAbove","reduce","acc","scrollTo","context","useMemo","collapse","_collapsibleHandlers$2","expand","_collapsibleHandlers$3","offset","animate","_collapsibleHandlers$4","scrollToIndex","params","_collapsibleHandlers$5","scrollToLocation","_collapsibleHandlers$6","scrollToView","internalContext","createElement","CollapsibleContext","Provider","InternalCollapsibleContext"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
|
|
@@ -45,7 +45,7 @@ export default function CollapsibleView(_ref) {
|
|
|
45
45
|
height: actualHeight.value > 0 ? actualHeight.value : undefined
|
|
46
46
|
}), [actualHeight, contentKey]);
|
|
47
47
|
useAnimatedReaction(() => collapseState.value === 0 ? 0 : collapseState.value === 1 ? 1 : 0, (result, prev) => {
|
|
48
|
-
if (result === prev) {
|
|
48
|
+
if (prev === null || result === prev) {
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
51
|
if (onToggle) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","Pressable","StyleSheet","Text","View","Animated","useAnimatedStyle","useSharedValue","withSpring","interpolateColor","interpolate","useAnimatedReaction","runOnJS","key","CollapsibleView","_ref","initialState","collapseState","renderHeader","children","containerStyle","collapsedBackgroundColor","expandedBackgroundColor","onToggle","actualHeight","contentKey","newValue","value","handleToggle","overshootClamping","handleLayout","event","nativeEvent","layout","height","wrapperStyle","damping","stiffness","contentHeight","undefined","result","prev","containerAnimatedStyle","backgroundColor","headerProps","collapsed","createElement","style","pointerEvents","styles","wrapper","content","onLayout","CollapsibleHeaderText","_ref2","title","titleStyle","icon","iconInitialAngle","iconStyle","rotate","transform","headerContainer","onPress","headerTitle","create","overflow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/CollapsibleView.tsx"],"mappings":"AAAA;AACA;AACA,OAAOA,KAAK,IAAeC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACzE,SAEEC,SAAS,EAETC,UAAU,EACVC,IAAI,EAEJC,IAAI,QAEC,cAAc;AACrB,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,gBAAgB,EAChBC,WAAW,EACXC,mBAAmB,EACnBC,OAAO,QACF,yBAAyB;AAmBhC,IAAIC,GAAG,GAAG,CAAC;AACX,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAS7B;EAAA,IAT8B;IACtCC,YAAY,GAAG,WAAW;IAC1BC,aAAa,GAAGV,cAAc,CAAC,CAAC,CAAC;IACjCW,YAAY;IACZC,QAAQ;IACRC,cAAc;IACdC,wBAAwB;IACxBC,uBAAuB;IACvBC;EACK,CAAC,GAAAR,IAAA;EACN,MAAMS,YAAY,GAAGjB,cAAc,CAAC,KAAK,CAAC;EAC1C,MAAMkB,UAAU,GAAGzB,OAAO,CAAC,MAAO,oBAAmBa,GAAG,EAAG,EAAC,EAAE,EAAE,CAAC;EAEjEd,SAAS,CAAC,MAAM;IACd,MAAM2B,QAAQ,GAAGV,YAAY,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC;IACrD,IAAIU,QAAQ,KAAKT,aAAa,CAACU,KAAK,EAAE;MACpC;IACF;IACAV,aAAa,CAACU,KAAK,GAAGD,QAAQ;EAChC,CAAC,EAAE,CAACV,YAAY,CAAC,CAAC;EAElB,MAAMY,YAAY,GAAG9B,WAAW,CAAC,MAAM;IACrCmB,aAAa,CAACU,KAAK,GAAGnB,UAAU,CAACS,aAAa,CAACU,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;MAClEE,iBAAiB,EAAE;IACrB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGhC,WAAW,CAAEiC,KAAwB,IAAK;IAC7D,IAAIA,KAAK,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,IAAI,CAAC,EAAE;MACxCV,YAAY,CAACG,KAAK,GAAGI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM;IACtD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAG7B,gBAAgB,CACnC,OAAO;IACL4B,MAAM,EAAE1B,UAAU,CAACS,aAAa,CAACU,KAAK,KAAK,CAAC,GAAGH,YAAY,CAACG,KAAK,GAAG,CAAC,EAAE;MACrES,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE,GAAG;MACdR,iBAAiB,EAAE;IACrB,CAAC;EACH,CAAC,CAAC,EACF,CAACL,YAAY,EAAEC,UAAU,CAC3B,CAAC;EAED,MAAMa,aAAa,GAAGhC,gBAAgB,CACpC,OAAO;IACL4B,MAAM,EAAEV,YAAY,CAACG,KAAK,GAAG,CAAC,GAAGH,YAAY,CAACG,KAAK,GAAGY;EACxD,CAAC,CAAC,EACF,CAACf,YAAY,EAAEC,UAAU,CAC3B,CAAC;EAEDd,mBAAmB,CACjB,MAAOM,aAAa,CAACU,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGV,aAAa,CAACU,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,CAAE,EACzE,CAACa,MAAM,EAAEC,IAAI,KAAK;IAChB,IAAID,MAAM,KAAKC,IAAI,EAAE;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","Pressable","StyleSheet","Text","View","Animated","useAnimatedStyle","useSharedValue","withSpring","interpolateColor","interpolate","useAnimatedReaction","runOnJS","key","CollapsibleView","_ref","initialState","collapseState","renderHeader","children","containerStyle","collapsedBackgroundColor","expandedBackgroundColor","onToggle","actualHeight","contentKey","newValue","value","handleToggle","overshootClamping","handleLayout","event","nativeEvent","layout","height","wrapperStyle","damping","stiffness","contentHeight","undefined","result","prev","containerAnimatedStyle","backgroundColor","headerProps","collapsed","createElement","style","pointerEvents","styles","wrapper","content","onLayout","CollapsibleHeaderText","_ref2","title","titleStyle","icon","iconInitialAngle","iconStyle","rotate","transform","headerContainer","onPress","headerTitle","create","overflow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/CollapsibleView.tsx"],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ export default function CollapsibleHeaderContainerProvider(_ref) {
|
|
|
31
31
|
if (!currentLayout.value) {
|
|
32
32
|
return -1;
|
|
33
33
|
}
|
|
34
|
-
return currentLayout.value.height - stickyHeight.value;
|
|
34
|
+
return currentLayout.value.height - currentLayout.value.y - stickyHeight.value;
|
|
35
35
|
}, (result, previous) => {
|
|
36
36
|
if (result !== -1 && result !== previous) {
|
|
37
37
|
runOnJS(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","StyleSheet","useInternalCollapsibleContext","useCollapsibleContext","Animated","Extrapolate","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","CollapsibleHeaderContext","useSharedValueRef","CollapsibleHeaderContainerProvider","_ref","children","containerStyle","contentKey","handleHeaderContainerLayout","headerViewPositions","scrollY","currentLayout","undefined","stickyLayouts","setStickyLayouts","stickyHeight","Object","values","value","reduce","acc","height","result","previous","handleLayout","_ref2","nativeEvent","layout","handleStickyViewLayout","stickyKey","translateY","position","topPosition","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","StyleSheet","useInternalCollapsibleContext","useCollapsibleContext","Animated","Extrapolate","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","CollapsibleHeaderContext","useSharedValueRef","CollapsibleHeaderContainerProvider","_ref","children","containerStyle","contentKey","handleHeaderContainerLayout","headerViewPositions","scrollY","currentLayout","undefined","stickyLayouts","setStickyLayouts","stickyHeight","Object","values","value","reduce","acc","height","y","result","previous","handleLayout","_ref2","nativeEvent","layout","handleStickyViewLayout","stickyKey","translateY","position","topPosition","top","CLAMP","animatedStyle","transform","animatedY","maxV","Math","max","min","createElement","Provider","View","key","style","styles","container","pointerEvents","onLayout","create","overflow","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderContainerProvider.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
3
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { View, StyleSheet } from 'react-native';
|
|
5
|
+
import Animated, { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
|
|
6
|
+
import { FlashList } from '@shopify/flash-list';
|
|
7
|
+
import useAnimatedScroll from './useAnimatedScroll';
|
|
8
|
+
import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
|
|
9
|
+
import AnimatedTopView from '../header/AnimatedTopView';
|
|
10
|
+
import useCollapsibleContext from '../../hooks/useCollapsibleContext';
|
|
11
|
+
const AnimatedFlashList = Animated.createAnimatedComponent(FlashList);
|
|
12
|
+
export default function CollapsibleFlatList(_ref) {
|
|
13
|
+
let {
|
|
14
|
+
headerSnappable = true,
|
|
15
|
+
...props
|
|
16
|
+
} = _ref;
|
|
17
|
+
const {
|
|
18
|
+
headerHeight
|
|
19
|
+
} = useCollapsibleContext();
|
|
20
|
+
const {
|
|
21
|
+
contentMinHeight,
|
|
22
|
+
scrollViewRef,
|
|
23
|
+
fixedHeaderHeight
|
|
24
|
+
} = useInternalCollapsibleContext();
|
|
25
|
+
const mounted = useRef(true);
|
|
26
|
+
const contentHeight = useRef(0);
|
|
27
|
+
const [internalContentMinHeight, setInternalContentMinHeight] = useState(contentMinHeight.value);
|
|
28
|
+
const [internalProgressViewOffset, setInternalProgressViewOffset] = useState(0);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
return () => {
|
|
31
|
+
mounted.current = false;
|
|
32
|
+
};
|
|
33
|
+
}, []);
|
|
34
|
+
const scrollTo = useCallback(function (yValue) {
|
|
35
|
+
var _scrollViewRef$curren;
|
|
36
|
+
let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
37
|
+
(_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 ? void 0 : _scrollViewRef$curren.scrollToOffset({
|
|
38
|
+
offset: yValue,
|
|
39
|
+
animated
|
|
40
|
+
});
|
|
41
|
+
}, []);
|
|
42
|
+
const scrollToIndex = useCallback(params => {
|
|
43
|
+
var _scrollViewRef$curren2;
|
|
44
|
+
(_scrollViewRef$curren2 = scrollViewRef.current) === null || _scrollViewRef$curren2 === void 0 ? void 0 : _scrollViewRef$curren2.scrollToIndex(params);
|
|
45
|
+
}, []);
|
|
46
|
+
const scrollToLocation = useCallback(() => {
|
|
47
|
+
console.warn('CollapsibleFlatList does not support scrollToLocation');
|
|
48
|
+
}, []);
|
|
49
|
+
const {
|
|
50
|
+
scrollHandler
|
|
51
|
+
} = useAnimatedScroll({
|
|
52
|
+
headerSnappable,
|
|
53
|
+
scrollTo,
|
|
54
|
+
scrollToIndex,
|
|
55
|
+
scrollToLocation
|
|
56
|
+
});
|
|
57
|
+
const handleInternalContentHeight = useCallback(value => {
|
|
58
|
+
if (mounted.current) {
|
|
59
|
+
setInternalContentMinHeight(value);
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
const handleInternalProgressViewOffset = useCallback(value => {
|
|
63
|
+
if (mounted.current) {
|
|
64
|
+
setInternalProgressViewOffset(value);
|
|
65
|
+
}
|
|
66
|
+
}, []);
|
|
67
|
+
useAnimatedReaction(() => {
|
|
68
|
+
return contentMinHeight.value;
|
|
69
|
+
}, (result, previous) => {
|
|
70
|
+
if (result !== previous) {
|
|
71
|
+
if (contentHeight.current < result && internalContentMinHeight !== result) {
|
|
72
|
+
runOnJS(handleInternalContentHeight)(result);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
useAnimatedReaction(() => {
|
|
77
|
+
return fixedHeaderHeight.value;
|
|
78
|
+
}, (result, previous) => {
|
|
79
|
+
if (result !== previous) {
|
|
80
|
+
runOnJS(handleInternalProgressViewOffset)(result);
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
const contentContainerStyle = useMemo(() => [styles.contentContainer, {
|
|
84
|
+
minHeight: internalContentMinHeight
|
|
85
|
+
}, props.contentContainerStyle], [props.contentContainerStyle, internalContentMinHeight]);
|
|
86
|
+
const handleContentSizeChange = useCallback((_, height) => {
|
|
87
|
+
contentHeight.current = height;
|
|
88
|
+
}, []);
|
|
89
|
+
const handleScrollToIndexFailed = useCallback(() => {}, []);
|
|
90
|
+
function renderListHeader() {
|
|
91
|
+
return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(AnimatedTopView, {
|
|
92
|
+
height: headerHeight
|
|
93
|
+
}), props.ListHeaderComponent);
|
|
94
|
+
}
|
|
95
|
+
return /*#__PURE__*/React.createElement(AnimatedFlashList, _extends({
|
|
96
|
+
ref: scrollViewRef,
|
|
97
|
+
keyboardDismissMode: "on-drag",
|
|
98
|
+
keyboardShouldPersistTaps: "handled",
|
|
99
|
+
scrollEventThrottle: 1,
|
|
100
|
+
onScrollToIndexFailed: handleScrollToIndexFailed
|
|
101
|
+
}, props, {
|
|
102
|
+
style: [styles.container, props.style]
|
|
103
|
+
//@ts-ignore
|
|
104
|
+
,
|
|
105
|
+
contentContainerStyle: contentContainerStyle,
|
|
106
|
+
onScroll: scrollHandler,
|
|
107
|
+
ListHeaderComponent: renderListHeader(),
|
|
108
|
+
onContentSizeChange: handleContentSizeChange,
|
|
109
|
+
simultaneousHandlers: [],
|
|
110
|
+
progressViewOffset: internalProgressViewOffset
|
|
111
|
+
}));
|
|
112
|
+
}
|
|
113
|
+
const styles = StyleSheet.create({
|
|
114
|
+
container: {
|
|
115
|
+
...StyleSheet.absoluteFillObject
|
|
116
|
+
},
|
|
117
|
+
contentContainer: {
|
|
118
|
+
flexGrow: 1
|
|
119
|
+
},
|
|
120
|
+
topView: {
|
|
121
|
+
position: 'absolute',
|
|
122
|
+
top: 0,
|
|
123
|
+
left: 0,
|
|
124
|
+
right: 0
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
//# sourceMappingURL=CollapsibleFlashList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","View","StyleSheet","Animated","runOnJS","useAnimatedReaction","FlashList","useAnimatedScroll","useInternalCollapsibleContext","AnimatedTopView","useCollapsibleContext","AnimatedFlashList","createAnimatedComponent","CollapsibleFlatList","_ref","headerSnappable","props","headerHeight","contentMinHeight","scrollViewRef","fixedHeaderHeight","mounted","contentHeight","internalContentMinHeight","setInternalContentMinHeight","value","internalProgressViewOffset","setInternalProgressViewOffset","current","scrollTo","yValue","_scrollViewRef$curren","animated","arguments","length","undefined","scrollToOffset","offset","scrollToIndex","params","_scrollViewRef$curren2","scrollToLocation","console","warn","scrollHandler","handleInternalContentHeight","handleInternalProgressViewOffset","result","previous","contentContainerStyle","styles","contentContainer","minHeight","handleContentSizeChange","_","height","handleScrollToIndexFailed","renderListHeader","createElement","ListHeaderComponent","_extends","ref","keyboardDismissMode","keyboardShouldPersistTaps","scrollEventThrottle","onScrollToIndexFailed","style","container","onScroll","onContentSizeChange","simultaneousHandlers","progressViewOffset","create","absoluteFillObject","flexGrow","topView","position","top","left","right"],"sourceRoot":"../../../../src","sources":["components/scrollable/CollapsibleFlashList.tsx"],"mappings":"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"}
|
package/lib/module/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { default as withCollapsibleContext } from './withCollapsibleContext';
|
|
|
2
2
|
export { default as useCollapsibleContext } from './hooks/useCollapsibleContext';
|
|
3
3
|
export { default as CollapsibleContainer } from './components/CollapsibleContainer';
|
|
4
4
|
export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
|
|
5
|
+
export { default as CollapsibleFlashList } from './components/scrollable/CollapsibleFlashList';
|
|
5
6
|
export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
|
|
6
7
|
export { default as CollapsibleSectionList } from './components/scrollable/CollapsibleSectionList';
|
|
7
8
|
export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleScrollView","CollapsibleSectionList","CollapsibleHeaderContainer","StickyView","CollapsibleView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,+BAA+B;AAEhF,SAASF,OAAO,IAAIG,oBAAoB,QAAQ,mCAAmC;AACnF,SAASH,OAAO,IAAII,mBAAmB,QAAQ,6CAA6C;AAC5F,SAASJ,OAAO,IAAIK,qBAAqB,QAAQ,+CAA+C;AAChG,
|
|
1
|
+
{"version":3,"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleFlashList","CollapsibleScrollView","CollapsibleSectionList","CollapsibleHeaderContainer","StickyView","CollapsibleView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,+BAA+B;AAEhF,SAASF,OAAO,IAAIG,oBAAoB,QAAQ,mCAAmC;AACnF,SAASH,OAAO,IAAII,mBAAmB,QAAQ,6CAA6C;AAC5F,SAASJ,OAAO,IAAIK,oBAAoB,QAAQ,8CAA8C;AAC9F,SAASL,OAAO,IAAIM,qBAAqB,QAAQ,+CAA+C;AAChG,SAASN,OAAO,IAAIO,sBAAsB,QAAQ,gDAAgD;AAClG,SAASP,OAAO,IAAIQ,0BAA0B,QAAQ,gDAAgD;AACtG,SAASR,OAAO,IAAIS,UAAU,QAAQ,gCAAgC;AACtE,SAAST,OAAO,IAAIU,eAAe,QAAQ,8BAA8B;AACzE,cAAc,8BAA8B"}
|
|
@@ -67,11 +67,6 @@ export default function withCollapsibleContext(Component) {
|
|
|
67
67
|
acc += (layout === null || layout === void 0 ? void 0 : layout.stickyHeight) ?? 0;
|
|
68
68
|
return acc;
|
|
69
69
|
}, 0);
|
|
70
|
-
console.log({
|
|
71
|
-
top,
|
|
72
|
-
stickyHeightAbove
|
|
73
|
-
});
|
|
74
|
-
//
|
|
75
70
|
(_collapsibleHandlers$ = collapsibleHandlers.current) === null || _collapsibleHandlers$ === void 0 ? void 0 : _collapsibleHandlers$.scrollTo(top - stickyHeightAbove, animated);
|
|
76
71
|
}, () => {});
|
|
77
72
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","containerRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","handlers","current","headerCollapsed","maxY","value","contentMinHeight","handleHeaderContainerLayout","key","layout","stickyHeight","undefined","headerContainers","Object","keys","filter","k","sortedHeaders","sort","a","b","_headerContainerLayou","_headerContainerLayou2","y","values","aStickyHeight","index","length","_headerContainerLayou3","headerKey","sHeight","top","handleContainerHeight","height","handleScrollToView","ref","animated","measureLayout","_left","_width","_height","_collapsibleHandlers$","stickyHeightAbove","reduce","acc","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","containerRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","handlers","current","headerCollapsed","maxY","value","contentMinHeight","handleHeaderContainerLayout","key","layout","stickyHeight","undefined","headerContainers","Object","keys","filter","k","sortedHeaders","sort","a","b","_headerContainerLayou","_headerContainerLayou2","y","values","aStickyHeight","index","length","_headerContainerLayou3","headerKey","sHeight","top","handleContainerHeight","height","handleScrollToView","ref","animated","measureLayout","_left","_width","_height","_collapsibleHandlers$","stickyHeightAbove","reduce","acc","scrollTo","context","collapse","_collapsibleHandlers$2","expand","_collapsibleHandlers$3","offset","animate","_collapsibleHandlers$4","scrollToIndex","params","_collapsibleHandlers$5","scrollToLocation","_collapsibleHandlers$6","scrollToView","internalContext","createElement","Provider"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ type Props = {
|
|
|
18
18
|
};
|
|
19
19
|
export default function CollapsibleView({ initialState, collapseState, renderHeader, children, containerStyle, collapsedBackgroundColor, expandedBackgroundColor, onToggle, }: Props): React.JSX.Element;
|
|
20
20
|
export declare function CollapsibleHeaderText({ title, collapsed, onToggle, style, titleStyle, icon, iconInitialAngle, children, }: {
|
|
21
|
-
title: string |
|
|
21
|
+
title: string | ReactNode;
|
|
22
22
|
style?: StyleProp<ViewStyle>;
|
|
23
23
|
titleStyle?: StyleProp<TextStyle>;
|
|
24
24
|
icon?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleView.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAC;AAC1E,OAAO,EAGL,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,QAQN,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACxC,aAAa,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,YAAY,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,YAA0B,EAC1B,aAAiC,EACjC,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,wBAAwB,EACxB,uBAAuB,EACvB,QAAQ,GACT,EAAE,KAAK,qBAkGP;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,IAAI,EACJ,gBAAoB,EACpB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"CollapsibleView.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAC;AAC1E,OAAO,EAGL,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,QAQN,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACxC,aAAa,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,YAAY,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,YAA0B,EAC1B,aAAiC,EACjC,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,wBAAwB,EACxB,uBAAuB,EACvB,QAAQ,GACT,EAAE,KAAK,qBAkGP;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,IAAI,EACJ,gBAAoB,EACpB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,sBAAsB,qBA+BzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleHeaderContainerProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderContainerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,SAAS,EACT,SAAS,EAIV,MAAM,cAAc,CAAC;AAkBtB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kCAAkC,CAAC,EACzD,QAAQ,EACR,cAAc,EACd,UAAU,GACX,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"CollapsibleHeaderContainerProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderContainerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,SAAS,EACT,SAAS,EAIV,MAAM,cAAc,CAAC;AAkBtB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kCAAkC,CAAC,EACzD,QAAQ,EACR,cAAc,EACd,UAAU,GACX,EAAE,KAAK,qBAyHP"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlatListProps } from 'react-native';
|
|
3
|
+
import type { CollapsibleProps } from '../../types';
|
|
4
|
+
type Props<Data> = Omit<FlatListProps<Data>, 'scrollEnabled'> & CollapsibleProps;
|
|
5
|
+
export default function CollapsibleFlatList<Data>({ headerSnappable, ...props }: Props<Data>): React.JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=CollapsibleFlashList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleFlashList.d.ts","sourceRoot":"","sources":["../../../../src/components/scrollable/CollapsibleFlashList.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAoB,MAAM,cAAc,CAAC;AAQ/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAMpD,KAAK,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC,GAC3D,gBAAgB,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,IAAI,EAAE,EAChD,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,IAAI,CAAC,qBAyHb"}
|
|
@@ -2,6 +2,7 @@ export { default as withCollapsibleContext } from './withCollapsibleContext';
|
|
|
2
2
|
export { default as useCollapsibleContext } from './hooks/useCollapsibleContext';
|
|
3
3
|
export { default as CollapsibleContainer } from './components/CollapsibleContainer';
|
|
4
4
|
export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
|
|
5
|
+
export { default as CollapsibleFlashList } from './components/scrollable/CollapsibleFlashList';
|
|
5
6
|
export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
|
|
6
7
|
export { default as CollapsibleSectionList } from './components/scrollable/CollapsibleSectionList';
|
|
7
8
|
export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withCollapsibleContext.d.ts","sourceRoot":"","sources":["../../src/withCollapsibleContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgC,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,
|
|
1
|
+
{"version":3,"file":"withCollapsibleContext.d.ts","sourceRoot":"","sources":["../../src/withCollapsibleContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgC,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,uBAiJjB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@r0b0t3d/react-native-collapsible",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0-alpha.0",
|
|
4
4
|
"description": "Fully customizable collapsible views",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
"@evilmartians/lefthook": "^1.2.2",
|
|
56
56
|
"@react-native-community/eslint-config": "^3.0.2",
|
|
57
57
|
"@release-it/conventional-changelog": "^5.0.0",
|
|
58
|
+
"@shopify/flash-list": "^1.6.1",
|
|
58
59
|
"@types/jest": "^28.1.2",
|
|
59
60
|
"@types/react": "~17.0.21",
|
|
60
61
|
"@types/react-native": "0.70.0",
|
|
@@ -77,6 +78,7 @@
|
|
|
77
78
|
"@types/react": "17.0.21"
|
|
78
79
|
},
|
|
79
80
|
"peerDependencies": {
|
|
81
|
+
"@shopify/flash-list": "*",
|
|
80
82
|
"react": "*",
|
|
81
83
|
"react-native": "*",
|
|
82
84
|
"react-native-gesture-handler": "*",
|
|
@@ -93,7 +93,7 @@ export default function CollapsibleView({
|
|
|
93
93
|
useAnimatedReaction(
|
|
94
94
|
() => (collapseState.value === 0 ? 0 : collapseState.value === 1 ? 1 : 0),
|
|
95
95
|
(result, prev) => {
|
|
96
|
-
if (result === prev) {
|
|
96
|
+
if (prev === null || result === prev) {
|
|
97
97
|
return;
|
|
98
98
|
}
|
|
99
99
|
if (onToggle) {
|
|
@@ -158,7 +158,7 @@ export function CollapsibleHeaderText({
|
|
|
158
158
|
iconInitialAngle = 0,
|
|
159
159
|
children,
|
|
160
160
|
}: {
|
|
161
|
-
title: string |
|
|
161
|
+
title: string | ReactNode;
|
|
162
162
|
style?: StyleProp<ViewStyle>;
|
|
163
163
|
titleStyle?: StyleProp<TextStyle>;
|
|
164
164
|
icon?: ReactNode;
|
|
@@ -63,7 +63,9 @@ export default function CollapsibleHeaderContainerProvider({
|
|
|
63
63
|
if (!currentLayout.value) {
|
|
64
64
|
return -1;
|
|
65
65
|
}
|
|
66
|
-
return
|
|
66
|
+
return (
|
|
67
|
+
currentLayout.value.height - currentLayout.value.y - stickyHeight.value
|
|
68
|
+
);
|
|
67
69
|
},
|
|
68
70
|
(result, previous) => {
|
|
69
71
|
if (result !== -1 && result !== previous) {
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
2
|
+
import React, {
|
|
3
|
+
useCallback,
|
|
4
|
+
useEffect,
|
|
5
|
+
useMemo,
|
|
6
|
+
useRef,
|
|
7
|
+
useState,
|
|
8
|
+
} from 'react';
|
|
9
|
+
import { FlatListProps, View, StyleSheet } from 'react-native';
|
|
10
|
+
import Animated, {
|
|
11
|
+
runOnJS,
|
|
12
|
+
useAnimatedReaction,
|
|
13
|
+
} from 'react-native-reanimated';
|
|
14
|
+
import { FlashList } from '@shopify/flash-list';
|
|
15
|
+
import useAnimatedScroll from './useAnimatedScroll';
|
|
16
|
+
import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
|
|
17
|
+
import type { CollapsibleProps } from '../../types';
|
|
18
|
+
import AnimatedTopView from '../header/AnimatedTopView';
|
|
19
|
+
import useCollapsibleContext from '../../hooks/useCollapsibleContext';
|
|
20
|
+
|
|
21
|
+
const AnimatedFlashList = Animated.createAnimatedComponent(FlashList);
|
|
22
|
+
|
|
23
|
+
type Props<Data> = Omit<FlatListProps<Data>, 'scrollEnabled'> &
|
|
24
|
+
CollapsibleProps;
|
|
25
|
+
|
|
26
|
+
export default function CollapsibleFlatList<Data>({
|
|
27
|
+
headerSnappable = true,
|
|
28
|
+
...props
|
|
29
|
+
}: Props<Data>) {
|
|
30
|
+
const { headerHeight } = useCollapsibleContext();
|
|
31
|
+
const { contentMinHeight, scrollViewRef, fixedHeaderHeight } =
|
|
32
|
+
useInternalCollapsibleContext();
|
|
33
|
+
const mounted = useRef(true);
|
|
34
|
+
const contentHeight = useRef(0);
|
|
35
|
+
const [internalContentMinHeight, setInternalContentMinHeight] = useState(
|
|
36
|
+
contentMinHeight.value
|
|
37
|
+
);
|
|
38
|
+
const [internalProgressViewOffset, setInternalProgressViewOffset] =
|
|
39
|
+
useState(0);
|
|
40
|
+
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
return () => {
|
|
43
|
+
mounted.current = false;
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
|
|
47
|
+
const scrollTo = useCallback((yValue: number, animated = true) => {
|
|
48
|
+
scrollViewRef.current?.scrollToOffset({
|
|
49
|
+
offset: yValue,
|
|
50
|
+
animated,
|
|
51
|
+
});
|
|
52
|
+
}, []);
|
|
53
|
+
|
|
54
|
+
const scrollToIndex = useCallback((params) => {
|
|
55
|
+
scrollViewRef.current?.scrollToIndex(params);
|
|
56
|
+
}, []);
|
|
57
|
+
|
|
58
|
+
const scrollToLocation = useCallback(() => {
|
|
59
|
+
console.warn('CollapsibleFlatList does not support scrollToLocation');
|
|
60
|
+
}, []);
|
|
61
|
+
|
|
62
|
+
const { scrollHandler } = useAnimatedScroll({
|
|
63
|
+
headerSnappable,
|
|
64
|
+
scrollTo,
|
|
65
|
+
scrollToIndex,
|
|
66
|
+
scrollToLocation,
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
const handleInternalContentHeight = useCallback((value: number) => {
|
|
70
|
+
if (mounted.current) {
|
|
71
|
+
setInternalContentMinHeight(value);
|
|
72
|
+
}
|
|
73
|
+
}, []);
|
|
74
|
+
|
|
75
|
+
const handleInternalProgressViewOffset = useCallback((value: number) => {
|
|
76
|
+
if (mounted.current) {
|
|
77
|
+
setInternalProgressViewOffset(value);
|
|
78
|
+
}
|
|
79
|
+
}, []);
|
|
80
|
+
|
|
81
|
+
useAnimatedReaction(
|
|
82
|
+
() => {
|
|
83
|
+
return contentMinHeight.value;
|
|
84
|
+
},
|
|
85
|
+
(result, previous) => {
|
|
86
|
+
if (result !== previous) {
|
|
87
|
+
if (
|
|
88
|
+
contentHeight.current < result &&
|
|
89
|
+
internalContentMinHeight !== result
|
|
90
|
+
) {
|
|
91
|
+
runOnJS(handleInternalContentHeight)(result);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
);
|
|
96
|
+
|
|
97
|
+
useAnimatedReaction(
|
|
98
|
+
() => {
|
|
99
|
+
return fixedHeaderHeight.value;
|
|
100
|
+
},
|
|
101
|
+
(result, previous) => {
|
|
102
|
+
if (result !== previous) {
|
|
103
|
+
runOnJS(handleInternalProgressViewOffset)(result);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
);
|
|
107
|
+
|
|
108
|
+
const contentContainerStyle = useMemo(
|
|
109
|
+
() => [
|
|
110
|
+
styles.contentContainer,
|
|
111
|
+
{ minHeight: internalContentMinHeight },
|
|
112
|
+
props.contentContainerStyle,
|
|
113
|
+
],
|
|
114
|
+
[props.contentContainerStyle, internalContentMinHeight]
|
|
115
|
+
);
|
|
116
|
+
|
|
117
|
+
const handleContentSizeChange = useCallback((_, height) => {
|
|
118
|
+
contentHeight.current = height;
|
|
119
|
+
}, []);
|
|
120
|
+
|
|
121
|
+
const handleScrollToIndexFailed = useCallback(() => {}, []);
|
|
122
|
+
|
|
123
|
+
function renderListHeader() {
|
|
124
|
+
return (
|
|
125
|
+
<View>
|
|
126
|
+
<AnimatedTopView height={headerHeight} />
|
|
127
|
+
{props.ListHeaderComponent}
|
|
128
|
+
</View>
|
|
129
|
+
);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
return (
|
|
133
|
+
<AnimatedFlashList
|
|
134
|
+
ref={scrollViewRef}
|
|
135
|
+
keyboardDismissMode="on-drag"
|
|
136
|
+
keyboardShouldPersistTaps="handled"
|
|
137
|
+
scrollEventThrottle={1}
|
|
138
|
+
onScrollToIndexFailed={handleScrollToIndexFailed}
|
|
139
|
+
{...props}
|
|
140
|
+
style={[styles.container, props.style]}
|
|
141
|
+
//@ts-ignore
|
|
142
|
+
contentContainerStyle={contentContainerStyle}
|
|
143
|
+
onScroll={scrollHandler}
|
|
144
|
+
ListHeaderComponent={renderListHeader()}
|
|
145
|
+
onContentSizeChange={handleContentSizeChange}
|
|
146
|
+
simultaneousHandlers={[]}
|
|
147
|
+
progressViewOffset={internalProgressViewOffset}
|
|
148
|
+
/>
|
|
149
|
+
);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
const styles = StyleSheet.create({
|
|
153
|
+
container: {
|
|
154
|
+
...StyleSheet.absoluteFillObject,
|
|
155
|
+
},
|
|
156
|
+
contentContainer: {
|
|
157
|
+
flexGrow: 1,
|
|
158
|
+
},
|
|
159
|
+
topView: {
|
|
160
|
+
position: 'absolute',
|
|
161
|
+
top: 0,
|
|
162
|
+
left: 0,
|
|
163
|
+
right: 0,
|
|
164
|
+
},
|
|
165
|
+
});
|
package/src/index.tsx
CHANGED
|
@@ -3,6 +3,7 @@ export { default as useCollapsibleContext } from './hooks/useCollapsibleContext'
|
|
|
3
3
|
|
|
4
4
|
export { default as CollapsibleContainer } from './components/CollapsibleContainer';
|
|
5
5
|
export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
|
|
6
|
+
export { default as CollapsibleFlashList } from './components/scrollable/CollapsibleFlashList';
|
|
6
7
|
export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
|
|
7
8
|
export { default as CollapsibleSectionList } from './components/scrollable/CollapsibleSectionList';
|
|
8
9
|
export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';
|
|
@@ -91,11 +91,6 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
|
|
|
91
91
|
acc += layout?.stickyHeight ?? 0;
|
|
92
92
|
return acc;
|
|
93
93
|
}, 0);
|
|
94
|
-
console.log({
|
|
95
|
-
top,
|
|
96
|
-
stickyHeightAbove,
|
|
97
|
-
});
|
|
98
|
-
//
|
|
99
94
|
collapsibleHandlers.current?.scrollTo(
|
|
100
95
|
top - stickyHeightAbove,
|
|
101
96
|
animated
|