@r0b0t3d/react-native-collapsible 1.3.5-beta.7 → 1.4.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/header/CollapsibleHeaderConsumer.js +23 -1
- package/lib/commonjs/components/header/CollapsibleHeaderConsumer.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/withCollapsibleContext.js +6 -14
- package/lib/commonjs/withCollapsibleContext.js.map +1 -1
- package/lib/module/components/header/CollapsibleHeaderConsumer.js +22 -1
- package/lib/module/components/header/CollapsibleHeaderConsumer.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/withCollapsibleContext.js +7 -15
- package/lib/module/withCollapsibleContext.js.map +1 -1
- package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +1 -0
- package/lib/typescript/types.d.ts.map +1 -1
- package/lib/typescript/withCollapsibleContext.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/header/CollapsibleHeaderConsumer.tsx +20 -2
- package/src/components/header/CollapsibleHeaderContainerProvider.tsx +1 -1
- package/src/types.ts +1 -0
- package/src/withCollapsibleContext.tsx +3 -15
|
@@ -7,6 +7,9 @@ exports.default = CollapsibleHeaderConsumer;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _useCollapsibleHeaderConsumerContext = require("../../hooks/useCollapsibleHeaderConsumerContext");
|
|
10
|
+
var _useInternalCollapsibleContext = _interopRequireDefault(require("../../hooks/useInternalCollapsibleContext"));
|
|
11
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
13
|
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); }
|
|
11
14
|
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; }
|
|
12
15
|
function CollapsibleHeaderConsumer(_ref) {
|
|
@@ -15,6 +18,10 @@ function CollapsibleHeaderConsumer(_ref) {
|
|
|
15
18
|
} = _ref;
|
|
16
19
|
const [headers, setHeaders] = (0, _react.useState)([]);
|
|
17
20
|
const mounted = (0, _react.useRef)(false);
|
|
21
|
+
const {
|
|
22
|
+
fixedHeaderHeight,
|
|
23
|
+
headerHeight
|
|
24
|
+
} = (0, _useInternalCollapsibleContext.default)();
|
|
18
25
|
(0, _react.useEffect)(() => {
|
|
19
26
|
mounted.current = true;
|
|
20
27
|
return () => {
|
|
@@ -50,11 +57,26 @@ function CollapsibleHeaderConsumer(_ref) {
|
|
|
50
57
|
unmount,
|
|
51
58
|
update
|
|
52
59
|
}), [headers, mount, unmount, update]);
|
|
60
|
+
const handleLayout = (0, _react.useCallback)(_ref2 => {
|
|
61
|
+
let {
|
|
62
|
+
nativeEvent: {
|
|
63
|
+
layout
|
|
64
|
+
}
|
|
65
|
+
} = _ref2;
|
|
66
|
+
const {
|
|
67
|
+
height
|
|
68
|
+
} = layout;
|
|
69
|
+
headerHeight.value = (0, _reactNativeReanimated.withTiming)(height, {
|
|
70
|
+
duration: fixedHeaderHeight.value === 0 ? 0 : 10
|
|
71
|
+
});
|
|
72
|
+
fixedHeaderHeight.value = height;
|
|
73
|
+
}, [headerHeight, fixedHeaderHeight]);
|
|
53
74
|
return /*#__PURE__*/_react.default.createElement(_useCollapsibleHeaderConsumerContext.CollapsibleHeaderConsumerContext.Provider, {
|
|
54
75
|
value: context
|
|
55
76
|
}, children, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
56
77
|
style: styles.container,
|
|
57
|
-
pointerEvents: "box-none"
|
|
78
|
+
pointerEvents: "box-none",
|
|
79
|
+
onLayout: handleLayout
|
|
58
80
|
}, headers.map(item => item.children)));
|
|
59
81
|
}
|
|
60
82
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useCollapsibleHeaderConsumerContext","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useCollapsibleHeaderConsumerContext","_useInternalCollapsibleContext","_interopRequireDefault","_reactNativeReanimated","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleHeaderConsumer","_ref","children","headers","setHeaders","useState","mounted","useRef","fixedHeaderHeight","headerHeight","useInternalCollapsibleContext","useEffect","current","mount","useCallback","prev","unmount","filter","h","update","map","item","context","useMemo","handleLayout","_ref2","nativeEvent","layout","height","value","withTiming","duration","createElement","CollapsibleHeaderConsumerContext","Provider","View","style","styles","container","pointerEvents","onLayout","StyleSheet","create","zIndex"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderConsumer.tsx"],"mappings":"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"}
|
|
@@ -62,7 +62,7 @@ function CollapsibleHeaderContainerProvider(_ref) {
|
|
|
62
62
|
const translateY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
63
63
|
const position = headerViewPositions.value[contentKey];
|
|
64
64
|
if (!currentLayout.value || !position) {
|
|
65
|
-
return
|
|
65
|
+
return 0;
|
|
66
66
|
}
|
|
67
67
|
const topPosition = currentLayout.value.height + currentLayout.value.y - position.top - position.stickyHeight;
|
|
68
68
|
return (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, topPosition, 10000], [0, -topPosition, -topPosition], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
@@ -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","y","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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
|
|
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","y","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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"}
|
|
@@ -38,26 +38,17 @@ function withCollapsibleContext(Component) {
|
|
|
38
38
|
stickyHeight
|
|
39
39
|
} : undefined;
|
|
40
40
|
const headerContainers = Object.keys(headerContainerLayouts.current).filter(k => !!headerContainerLayouts.current[k]);
|
|
41
|
-
// Calculate total header height
|
|
42
|
-
const totalHeight = headerContainers.reduce((acc, value) => {
|
|
43
|
-
var _headerContainerLayou;
|
|
44
|
-
return acc + (((_headerContainerLayou = headerContainerLayouts.current[value]) === null || _headerContainerLayou === void 0 ? void 0 : _headerContainerLayou.height) ?? 0);
|
|
45
|
-
}, 0);
|
|
46
|
-
headerHeight.value = (0, _reactNativeReanimated.withTiming)(totalHeight, {
|
|
47
|
-
duration: fixedHeaderHeight.value === 0 ? 0 : 10
|
|
48
|
-
});
|
|
49
|
-
fixedHeaderHeight.value = totalHeight;
|
|
50
41
|
// Calculate header positions
|
|
51
42
|
const sortedHeaders = headerContainers.sort((a, b) => {
|
|
52
|
-
var
|
|
53
|
-
return (((
|
|
43
|
+
var _headerContainerLayou, _headerContainerLayou2;
|
|
44
|
+
return (((_headerContainerLayou = headerContainerLayouts.current[a]) === null || _headerContainerLayou === void 0 ? void 0 : _headerContainerLayou.y) || 0) - (((_headerContainerLayou2 = headerContainerLayouts.current[b]) === null || _headerContainerLayou2 === void 0 ? void 0 : _headerContainerLayou2.y) || 0);
|
|
54
45
|
});
|
|
55
46
|
const values = {};
|
|
56
47
|
let aStickyHeight = 0;
|
|
57
48
|
for (let index = 0; index < sortedHeaders.length; index++) {
|
|
58
|
-
var
|
|
49
|
+
var _headerContainerLayou3;
|
|
59
50
|
const headerKey = sortedHeaders[index];
|
|
60
|
-
const sHeight = ((
|
|
51
|
+
const sHeight = ((_headerContainerLayou3 = headerContainerLayouts.current[headerKey]) === null || _headerContainerLayou3 === void 0 ? void 0 : _headerContainerLayou3.stickyHeight) ?? 0;
|
|
61
52
|
values[headerKey] = {
|
|
62
53
|
top: aStickyHeight,
|
|
63
54
|
stickyHeight: sHeight
|
|
@@ -101,10 +92,11 @@ function withCollapsibleContext(Component) {
|
|
|
101
92
|
handleHeaderContainerLayout,
|
|
102
93
|
setCollapsibleHandlers,
|
|
103
94
|
handleContainerHeight,
|
|
95
|
+
headerHeight,
|
|
104
96
|
fixedHeaderHeight,
|
|
105
97
|
contentMinHeight,
|
|
106
98
|
headerViewPositions
|
|
107
|
-
}), [setCollapsibleHandlers, handleHeaderContainerLayout, handleContainerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
|
|
99
|
+
}), [setCollapsibleHandlers, handleHeaderContainerLayout, handleContainerHeight, headerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
|
|
108
100
|
return /*#__PURE__*/_react.default.createElement(_useCollapsibleContext.CollapsibleContext.Provider, {
|
|
109
101
|
value: context
|
|
110
102
|
}, /*#__PURE__*/_react.default.createElement(_useInternalCollapsibleContext.InternalCollapsibleContext.Provider, {
|
|
@@ -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","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","useCallback","handlers","current","headerCollapsed","useDerivedValue","maxY","value","contentMinHeight","handleHeaderContainerLayout","layout","stickyHeight","undefined","headerContainers","keys","filter","k","
|
|
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","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","context","useMemo","collapse","animated","_collapsibleHandlers$","expand","_collapsibleHandlers$2","scrollTo","offset","animate","_collapsibleHandlers$3","scrollToIndex","params","_collapsibleHandlers$4","scrollToLocation","_collapsibleHandlers$5","internalContext","createElement","CollapsibleContext","Provider","InternalCollapsibleContext"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { StyleSheet, View } from 'react-native';
|
|
3
3
|
import { CollapsibleHeaderConsumerContext } from '../../hooks/useCollapsibleHeaderConsumerContext';
|
|
4
|
+
import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
|
|
5
|
+
import { withTiming } from 'react-native-reanimated';
|
|
4
6
|
export default function CollapsibleHeaderConsumer(_ref) {
|
|
5
7
|
let {
|
|
6
8
|
children
|
|
7
9
|
} = _ref;
|
|
8
10
|
const [headers, setHeaders] = useState([]);
|
|
9
11
|
const mounted = useRef(false);
|
|
12
|
+
const {
|
|
13
|
+
fixedHeaderHeight,
|
|
14
|
+
headerHeight
|
|
15
|
+
} = useInternalCollapsibleContext();
|
|
10
16
|
useEffect(() => {
|
|
11
17
|
mounted.current = true;
|
|
12
18
|
return () => {
|
|
@@ -42,11 +48,26 @@ export default function CollapsibleHeaderConsumer(_ref) {
|
|
|
42
48
|
unmount,
|
|
43
49
|
update
|
|
44
50
|
}), [headers, mount, unmount, update]);
|
|
51
|
+
const handleLayout = useCallback(_ref2 => {
|
|
52
|
+
let {
|
|
53
|
+
nativeEvent: {
|
|
54
|
+
layout
|
|
55
|
+
}
|
|
56
|
+
} = _ref2;
|
|
57
|
+
const {
|
|
58
|
+
height
|
|
59
|
+
} = layout;
|
|
60
|
+
headerHeight.value = withTiming(height, {
|
|
61
|
+
duration: fixedHeaderHeight.value === 0 ? 0 : 10
|
|
62
|
+
});
|
|
63
|
+
fixedHeaderHeight.value = height;
|
|
64
|
+
}, [headerHeight, fixedHeaderHeight]);
|
|
45
65
|
return /*#__PURE__*/React.createElement(CollapsibleHeaderConsumerContext.Provider, {
|
|
46
66
|
value: context
|
|
47
67
|
}, children, /*#__PURE__*/React.createElement(View, {
|
|
48
68
|
style: styles.container,
|
|
49
|
-
pointerEvents: "box-none"
|
|
69
|
+
pointerEvents: "box-none",
|
|
70
|
+
onLayout: handleLayout
|
|
50
71
|
}, headers.map(item => item.children)));
|
|
51
72
|
}
|
|
52
73
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","StyleSheet","View","CollapsibleHeaderConsumerContext","CollapsibleHeaderConsumer","_ref","children","headers","setHeaders","mounted","current","mount","key","prev","unmount","filter","h","update","map","item","context","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","StyleSheet","View","CollapsibleHeaderConsumerContext","useInternalCollapsibleContext","withTiming","CollapsibleHeaderConsumer","_ref","children","headers","setHeaders","mounted","fixedHeaderHeight","headerHeight","current","mount","key","prev","unmount","filter","h","update","map","item","context","handleLayout","_ref2","nativeEvent","layout","height","value","duration","createElement","Provider","style","styles","container","pointerEvents","onLayout","create","zIndex"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderConsumer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAA4BC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAClE,SAASC,gCAAgC,QAAQ,iDAAiD;AAClG,OAAOC,6BAA6B,MAAM,2CAA2C;AACrF,SAASC,UAAU,QAAQ,yBAAyB;AAIpD,eAAe,SAASC,yBAAyBA,CAAAC,IAAA,EAI9C;EAAA,IAJ+C;IAChDC;EAGF,CAAC,GAAAD,IAAA;EACC,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAe,EAAE,CAAC;EACxD,MAAMW,OAAO,GAAGZ,MAAM,CAAC,KAAK,CAAC;EAC7B,MAAM;IAAEa,iBAAiB;IAAEC;EAAa,CAAC,GAAGT,6BAA6B,CAAC,CAAC;EAE3EP,SAAS,CAAC,MAAM;IACdc,OAAO,CAACG,OAAO,GAAG,IAAI;IACtB,OAAO,MAAM;MACXH,OAAO,CAACG,OAAO,GAAG,KAAK;IACzB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,KAAK,GAAGnB,WAAW,CAAC,CAACoB,GAAW,EAAER,QAAmB,KAAK;IAC9DE,UAAU,CAAEO,IAAI,IAAK,CAAC,GAAGA,IAAI,EAAE;MAAED,GAAG;MAAER;IAAS,CAAC,CAAC,CAAC;EACpD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,OAAO,GAAGtB,WAAW,CAAEoB,GAAW,IAAK;IAC3CN,UAAU,CAAEO,IAAI,IAAKA,IAAI,CAACE,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACJ,GAAG,KAAKA,GAAG,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,MAAM,GAAGzB,WAAW,CAAC,CAACoB,GAAW,EAAER,QAAmB,KAAK;IAC/D,IAAI,CAACG,OAAO,CAACG,OAAO,EAAE;MACpB;IACF;IACAJ,UAAU,CAAEO,IAAI,IACdA,IAAI,CAACK,GAAG,CAAEC,IAAI,IAAK;MACjB,IAAIA,IAAI,CAACP,GAAG,KAAKA,GAAG,EAAE;QACpB,OAAO;UACL,GAAGO,IAAI;UACPf;QACF,CAAC;MACH;MACA,OAAOe,IAAI;IACb,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAG1B,OAAO,CACrB,OAAO;IACLW,OAAO;IACPM,KAAK;IACLG,OAAO;IACPG;EACF,CAAC,CAAC,EACF,CAACZ,OAAO,EAAEM,KAAK,EAAEG,OAAO,EAAEG,MAAM,CAClC,CAAC;EAED,MAAMI,YAAY,GAAG7B,WAAW,CAC9B8B,KAAA,IAAoD;IAAA,IAAnD;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAqB,CAAC,GAAAF,KAAA;IAC7C,MAAM;MAAEG;IAAO,CAAC,GAAGD,MAAM;IACzBf,YAAY,CAACiB,KAAK,GAAGzB,UAAU,CAACwB,MAAM,EAAE;MACtCE,QAAQ,EAAEnB,iBAAiB,CAACkB,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;IAChD,CAAC,CAAC;IACFlB,iBAAiB,CAACkB,KAAK,GAAGD,MAAM;EAClC,CAAC,EACD,CAAChB,YAAY,EAAED,iBAAiB,CAClC,CAAC;EAED,oBACEjB,KAAA,CAAAqC,aAAA,CAAC7B,gCAAgC,CAAC8B,QAAQ;IAACH,KAAK,EAAEN;EAAQ,GACvDhB,QAAQ,eACTb,KAAA,CAAAqC,aAAA,CAAC9B,IAAI;IACHgC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,aAAa,EAAC,UAAU;IACxBC,QAAQ,EAAEb;EAAa,GAEtBhB,OAAO,CAACa,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACf,QAAQ,CAChC,CACmC,CAAC;AAEhD;AAEA,MAAM2B,MAAM,GAAGlC,UAAU,CAACsC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
|
|
@@ -53,7 +53,7 @@ export default function CollapsibleHeaderContainerProvider(_ref) {
|
|
|
53
53
|
const translateY = useDerivedValue(() => {
|
|
54
54
|
const position = headerViewPositions.value[contentKey];
|
|
55
55
|
if (!currentLayout.value || !position) {
|
|
56
|
-
return
|
|
56
|
+
return 0;
|
|
57
57
|
}
|
|
58
58
|
const topPosition = currentLayout.value.height + currentLayout.value.y - position.top - position.stickyHeight;
|
|
59
59
|
return interpolate(scrollY.value, [0, topPosition, 10000], [0, -topPosition, -topPosition], Extrapolate.CLAMP);
|
|
@@ -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","y","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":"AAAA,OAAOA,KAAK,IAAeC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACzE,SAKEC,UAAU,QACL,cAAc;AACrB,OAAOC,6BAA6B,MAAM,2CAA2C;AACrF,OAAOC,qBAAqB,MAAM,mCAAmC;AACrE,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,yBAAyB;AAChC,SAEEC,wBAAwB,QACnB,yCAAyC;AAChD,OAAOC,iBAAiB,MAAM,+BAA+B;AAQ7D,eAAe,SAASC,kCAAkCA,CAAAC,IAAA,EAIhD;EAAA,IAJiD;IACzDC,QAAQ;IACRC,cAAc;IACdC;EACK,CAAC,GAAAH,IAAA;EACN,MAAM;IAAEI,2BAA2B;IAAEC;EAAoB,CAAC,GACxDlB,6BAA6B,CAAC,CAAC;EACjC,MAAM;IAAEmB;EAAQ,CAAC,GAAGlB,qBAAqB,CAAC,CAAC;EAC3C,MAAMmB,aAAa,GAAGX,cAAc,CAA8BY,SAAS,CAAC;EAC5E,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGZ,iBAAiB,CAEzD,CAAC,CAAC,CAAC;EAELd,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXoB,2BAA2B,CAACD,UAAU,CAAC;IACzC,CAAC;IACD;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMQ,YAAY,GAAGhB,eAAe,CAClC,MACEiB,MAAM,CAACC,MAAM,CAACJ,aAAa,CAACK,KAAK,CAAC,CAACC,MAAM,CACvC,CAACC,GAAG,EAAEF,KAAK,KAAKE,GAAG,IAAI,CAAAF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,MAAM,KAAI,CAAC,CAAC,EAC1C,CACF,CAAC,EACH,EACF,CAAC;EAEDxB,mBAAmB,CACjB,MAAM;IACJ,IAAI,CAACc,aAAa,CAACO,KAAK,EAAE;MACxB,OAAO,CAAC,CAAC;IACX;IACA,OAAOP,aAAa,CAACO,KAAK,CAACG,MAAM,GAAGN,YAAY,CAACG,KAAK;EACxD,CAAC,EACD,CAACI,MAAM,EAAEC,QAAQ,KAAK;IACpB,IAAID,MAAM,KAAK,CAAC,CAAC,IAAIA,MAAM,KAAKC,QAAQ,EAAE;MACxC3B,OAAO,CAACY,2BAA2B,CAAC,CAClCD,UAAU,EACVI,aAAa,CAACO,KAAK,EACnBH,YAAY,CAACG,KACf,CAAC;IACH;EACF,CACF,CAAC;EAED,MAAMM,YAAY,GAAGrC,WAAW,CAC9BsC,KAAA,IAAoD;IAAA,IAAnD;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAqB,CAAC,GAAAF,KAAA;IAC7Cd,aAAa,CAACO,KAAK,GAAGS,MAAM;EAC9B,CAAC,EACD,CAAChB,aAAa,CAChB,CAAC;EAED,MAAMiB,sBAAsB,GAAGzC,WAAW,CACxC,CAAC0C,SAAiB,EAAEF,MAAwB,KAAK;IAC/Cb,gBAAgB,CAAC;MACf,CAACe,SAAS,GAAGF;IACf,CAAC,CAAC;EACJ,CAAC,EACD,CAACb,gBAAgB,CACnB,CAAC;EAED,MAAMgB,UAAU,GAAG/B,eAAe,CAAC,MAAM;IACvC,MAAMgC,QAAQ,GAAGtB,mBAAmB,CAACS,KAAK,CAACX,UAAU,CAAC;IACtD,IAAI,CAACI,aAAa,CAACO,KAAK,IAAI,CAACa,QAAQ,EAAE;MACrC,
|
|
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","y","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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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React, { useCallback, useMemo, useRef } from 'react';
|
|
3
3
|
import { CollapsibleContext } from './hooks/useCollapsibleContext';
|
|
4
4
|
import { InternalCollapsibleContext } from './hooks/useInternalCollapsibleContext';
|
|
5
|
-
import { useDerivedValue, useSharedValue
|
|
5
|
+
import { useDerivedValue, useSharedValue } from 'react-native-reanimated';
|
|
6
6
|
export default function withCollapsibleContext(Component) {
|
|
7
7
|
return props => {
|
|
8
8
|
const collapsibleHandlers = useRef();
|
|
@@ -29,26 +29,17 @@ export default function withCollapsibleContext(Component) {
|
|
|
29
29
|
stickyHeight
|
|
30
30
|
} : undefined;
|
|
31
31
|
const headerContainers = Object.keys(headerContainerLayouts.current).filter(k => !!headerContainerLayouts.current[k]);
|
|
32
|
-
// Calculate total header height
|
|
33
|
-
const totalHeight = headerContainers.reduce((acc, value) => {
|
|
34
|
-
var _headerContainerLayou;
|
|
35
|
-
return acc + (((_headerContainerLayou = headerContainerLayouts.current[value]) === null || _headerContainerLayou === void 0 ? void 0 : _headerContainerLayou.height) ?? 0);
|
|
36
|
-
}, 0);
|
|
37
|
-
headerHeight.value = withTiming(totalHeight, {
|
|
38
|
-
duration: fixedHeaderHeight.value === 0 ? 0 : 10
|
|
39
|
-
});
|
|
40
|
-
fixedHeaderHeight.value = totalHeight;
|
|
41
32
|
// Calculate header positions
|
|
42
33
|
const sortedHeaders = headerContainers.sort((a, b) => {
|
|
43
|
-
var
|
|
44
|
-
return (((
|
|
34
|
+
var _headerContainerLayou, _headerContainerLayou2;
|
|
35
|
+
return (((_headerContainerLayou = headerContainerLayouts.current[a]) === null || _headerContainerLayou === void 0 ? void 0 : _headerContainerLayou.y) || 0) - (((_headerContainerLayou2 = headerContainerLayouts.current[b]) === null || _headerContainerLayou2 === void 0 ? void 0 : _headerContainerLayou2.y) || 0);
|
|
45
36
|
});
|
|
46
37
|
const values = {};
|
|
47
38
|
let aStickyHeight = 0;
|
|
48
39
|
for (let index = 0; index < sortedHeaders.length; index++) {
|
|
49
|
-
var
|
|
40
|
+
var _headerContainerLayou3;
|
|
50
41
|
const headerKey = sortedHeaders[index];
|
|
51
|
-
const sHeight = ((
|
|
42
|
+
const sHeight = ((_headerContainerLayou3 = headerContainerLayouts.current[headerKey]) === null || _headerContainerLayou3 === void 0 ? void 0 : _headerContainerLayou3.stickyHeight) ?? 0;
|
|
52
43
|
values[headerKey] = {
|
|
53
44
|
top: aStickyHeight,
|
|
54
45
|
stickyHeight: sHeight
|
|
@@ -92,10 +83,11 @@ export default function withCollapsibleContext(Component) {
|
|
|
92
83
|
handleHeaderContainerLayout,
|
|
93
84
|
setCollapsibleHandlers,
|
|
94
85
|
handleContainerHeight,
|
|
86
|
+
headerHeight,
|
|
95
87
|
fixedHeaderHeight,
|
|
96
88
|
contentMinHeight,
|
|
97
89
|
headerViewPositions
|
|
98
|
-
}), [setCollapsibleHandlers, handleHeaderContainerLayout, handleContainerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
|
|
90
|
+
}), [setCollapsibleHandlers, handleHeaderContainerLayout, handleContainerHeight, headerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
|
|
99
91
|
return /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
|
|
100
92
|
value: context
|
|
101
93
|
}, /*#__PURE__*/React.createElement(InternalCollapsibleContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","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","context","collapse","animated","_collapsibleHandlers$","expand","_collapsibleHandlers$2","scrollTo","offset","animate","_collapsibleHandlers$3","scrollToIndex","params","_collapsibleHandlers$4","scrollToLocation","_collapsibleHandlers$5","internalContext","createElement","Provider"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleHeaderConsumer.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderConsumer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CollapsibleHeaderConsumer.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderConsumer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,qBAsEA"}
|
|
@@ -33,6 +33,7 @@ export type CollapsibleContextInternalType = {
|
|
|
33
33
|
stickyHeight: number;
|
|
34
34
|
}>>;
|
|
35
35
|
fixedHeaderHeight: Animated.SharedValue<number>;
|
|
36
|
+
headerHeight: Animated.SharedValue<number>;
|
|
36
37
|
handleContainerHeight: (height: number) => void;
|
|
37
38
|
handleHeaderContainerLayout: (key: string, layout?: LayoutRectangle, stickyHeight?: number) => void;
|
|
38
39
|
setCollapsibleHandlers: (handlers: CollapsibleHandles) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,mBAAmB,EAAE,QAAQ,CAAC,WAAW,CACvC,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,CACtD,CAAC;IACF,iBAAiB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,2BAA2B,EAAE,CAC3B,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,eAAe,EACxB,YAAY,CAAC,EAAE,MAAM,KAClB,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,mBAAmB,EAAE,QAAQ,CAAC,WAAW,CACvC,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,CACtD,CAAC;IACF,iBAAiB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,2BAA2B,EAAE,CAC3B,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,eAAe,EACxB,YAAY,CAAC,EAAE,MAAM,KAClB,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,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;
|
|
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,uBAgHjB"}
|
package/package.json
CHANGED
|
@@ -6,8 +6,10 @@ import React, {
|
|
|
6
6
|
useRef,
|
|
7
7
|
useState,
|
|
8
8
|
} from 'react';
|
|
9
|
-
import { StyleSheet, View } from 'react-native';
|
|
9
|
+
import { LayoutChangeEvent, StyleSheet, View } from 'react-native';
|
|
10
10
|
import { CollapsibleHeaderConsumerContext } from '../../hooks/useCollapsibleHeaderConsumerContext';
|
|
11
|
+
import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
|
|
12
|
+
import { withTiming } from 'react-native-reanimated';
|
|
11
13
|
|
|
12
14
|
export type HeaderItem = { key: string; children: ReactNode };
|
|
13
15
|
|
|
@@ -18,6 +20,7 @@ export default function CollapsibleHeaderConsumer({
|
|
|
18
20
|
}) {
|
|
19
21
|
const [headers, setHeaders] = useState<HeaderItem[]>([]);
|
|
20
22
|
const mounted = useRef(false);
|
|
23
|
+
const { fixedHeaderHeight, headerHeight } = useInternalCollapsibleContext();
|
|
21
24
|
|
|
22
25
|
useEffect(() => {
|
|
23
26
|
mounted.current = true;
|
|
@@ -61,10 +64,25 @@ export default function CollapsibleHeaderConsumer({
|
|
|
61
64
|
[headers, mount, unmount, update]
|
|
62
65
|
);
|
|
63
66
|
|
|
67
|
+
const handleLayout = useCallback(
|
|
68
|
+
({ nativeEvent: { layout } }: LayoutChangeEvent) => {
|
|
69
|
+
const { height } = layout;
|
|
70
|
+
headerHeight.value = withTiming(height, {
|
|
71
|
+
duration: fixedHeaderHeight.value === 0 ? 0 : 10,
|
|
72
|
+
});
|
|
73
|
+
fixedHeaderHeight.value = height;
|
|
74
|
+
},
|
|
75
|
+
[headerHeight, fixedHeaderHeight]
|
|
76
|
+
);
|
|
77
|
+
|
|
64
78
|
return (
|
|
65
79
|
<CollapsibleHeaderConsumerContext.Provider value={context}>
|
|
66
80
|
{children}
|
|
67
|
-
<View
|
|
81
|
+
<View
|
|
82
|
+
style={styles.container}
|
|
83
|
+
pointerEvents="box-none"
|
|
84
|
+
onLayout={handleLayout}
|
|
85
|
+
>
|
|
68
86
|
{headers.map((item) => item.children)}
|
|
69
87
|
</View>
|
|
70
88
|
</CollapsibleHeaderConsumerContext.Provider>
|
|
@@ -95,7 +95,7 @@ export default function CollapsibleHeaderContainerProvider({
|
|
|
95
95
|
const translateY = useDerivedValue(() => {
|
|
96
96
|
const position = headerViewPositions.value[contentKey];
|
|
97
97
|
if (!currentLayout.value || !position) {
|
|
98
|
-
return
|
|
98
|
+
return 0;
|
|
99
99
|
}
|
|
100
100
|
const topPosition =
|
|
101
101
|
currentLayout.value.height +
|
package/src/types.ts
CHANGED
|
@@ -37,6 +37,7 @@ export type CollapsibleContextInternalType = {
|
|
|
37
37
|
Record<string, { top: number; stickyHeight: number }>
|
|
38
38
|
>;
|
|
39
39
|
fixedHeaderHeight: Animated.SharedValue<number>;
|
|
40
|
+
headerHeight: Animated.SharedValue<number>;
|
|
40
41
|
handleContainerHeight: (height: number) => void;
|
|
41
42
|
handleHeaderContainerLayout: (
|
|
42
43
|
key: string,
|
|
@@ -3,11 +3,7 @@ import React, { useCallback, useMemo, useRef, FC } from 'react';
|
|
|
3
3
|
import type { CollapsibleHandles } from './types';
|
|
4
4
|
import { CollapsibleContext } from './hooks/useCollapsibleContext';
|
|
5
5
|
import { InternalCollapsibleContext } from './hooks/useInternalCollapsibleContext';
|
|
6
|
-
import {
|
|
7
|
-
useDerivedValue,
|
|
8
|
-
useSharedValue,
|
|
9
|
-
withTiming,
|
|
10
|
-
} from 'react-native-reanimated';
|
|
6
|
+
import { useDerivedValue, useSharedValue } from 'react-native-reanimated';
|
|
11
7
|
import type { LayoutRectangle, View } from 'react-native';
|
|
12
8
|
|
|
13
9
|
export default function withCollapsibleContext<T>(Component: FC<T>) {
|
|
@@ -47,16 +43,6 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
|
|
|
47
43
|
const headerContainers = Object.keys(
|
|
48
44
|
headerContainerLayouts.current
|
|
49
45
|
).filter((k: string) => !!headerContainerLayouts.current[k]);
|
|
50
|
-
// Calculate total header height
|
|
51
|
-
const totalHeight = headerContainers.reduce(
|
|
52
|
-
(acc, value) =>
|
|
53
|
-
acc + (headerContainerLayouts.current[value]?.height ?? 0),
|
|
54
|
-
0
|
|
55
|
-
);
|
|
56
|
-
headerHeight.value = withTiming(totalHeight, {
|
|
57
|
-
duration: fixedHeaderHeight.value === 0 ? 0 : 10,
|
|
58
|
-
});
|
|
59
|
-
fixedHeaderHeight.value = totalHeight;
|
|
60
46
|
// Calculate header positions
|
|
61
47
|
const sortedHeaders = headerContainers.sort((a, b) => {
|
|
62
48
|
return (
|
|
@@ -108,6 +94,7 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
|
|
|
108
94
|
handleHeaderContainerLayout,
|
|
109
95
|
setCollapsibleHandlers,
|
|
110
96
|
handleContainerHeight,
|
|
97
|
+
headerHeight,
|
|
111
98
|
fixedHeaderHeight,
|
|
112
99
|
contentMinHeight,
|
|
113
100
|
headerViewPositions,
|
|
@@ -116,6 +103,7 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
|
|
|
116
103
|
setCollapsibleHandlers,
|
|
117
104
|
handleHeaderContainerLayout,
|
|
118
105
|
handleContainerHeight,
|
|
106
|
+
headerHeight,
|
|
119
107
|
fixedHeaderHeight,
|
|
120
108
|
contentMinHeight,
|
|
121
109
|
headerViewPositions,
|