@r0b0t3d/react-native-collapsible 1.3.5-beta.3 → 1.3.5-beta.5

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.
Files changed (50) hide show
  1. package/lib/commonjs/components/CollapsibleContainer.js +3 -2
  2. package/lib/commonjs/components/CollapsibleContainer.js.map +1 -1
  3. package/lib/commonjs/components/header/CollapsibleHeaderConsumer.js +65 -0
  4. package/lib/commonjs/components/header/CollapsibleHeaderConsumer.js.map +1 -0
  5. package/lib/commonjs/components/header/CollapsibleHeaderContainer.js +24 -86
  6. package/lib/commonjs/components/header/CollapsibleHeaderContainer.js.map +1 -1
  7. package/lib/commonjs/components/header/CollapsibleHeaderContainerProvider.js +105 -0
  8. package/lib/commonjs/components/header/CollapsibleHeaderContainerProvider.js.map +1 -0
  9. package/lib/commonjs/components/header/StickyView.js +0 -6
  10. package/lib/commonjs/components/header/StickyView.js.map +1 -1
  11. package/lib/commonjs/hooks/useCollapsibleHeaderConsumerContext.js +21 -0
  12. package/lib/commonjs/hooks/useCollapsibleHeaderConsumerContext.js.map +1 -0
  13. package/lib/commonjs/withCollapsibleContext.js +0 -2
  14. package/lib/commonjs/withCollapsibleContext.js.map +1 -1
  15. package/lib/module/components/CollapsibleContainer.js +3 -2
  16. package/lib/module/components/CollapsibleContainer.js.map +1 -1
  17. package/lib/module/components/header/CollapsibleHeaderConsumer.js +57 -0
  18. package/lib/module/components/header/CollapsibleHeaderConsumer.js.map +1 -0
  19. package/lib/module/components/header/CollapsibleHeaderContainer.js +25 -87
  20. package/lib/module/components/header/CollapsibleHeaderContainer.js.map +1 -1
  21. package/lib/module/components/header/CollapsibleHeaderContainerProvider.js +96 -0
  22. package/lib/module/components/header/CollapsibleHeaderContainerProvider.js.map +1 -0
  23. package/lib/module/components/header/StickyView.js +0 -6
  24. package/lib/module/components/header/StickyView.js.map +1 -1
  25. package/lib/module/hooks/useCollapsibleHeaderConsumerContext.js +13 -0
  26. package/lib/module/hooks/useCollapsibleHeaderConsumerContext.js.map +1 -0
  27. package/lib/module/withCollapsibleContext.js +0 -2
  28. package/lib/module/withCollapsibleContext.js.map +1 -1
  29. package/lib/typescript/components/CollapsibleContainer.d.ts.map +1 -1
  30. package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts +9 -0
  31. package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts.map +1 -0
  32. package/lib/typescript/components/header/CollapsibleHeaderContainer.d.ts +2 -2
  33. package/lib/typescript/components/header/CollapsibleHeaderContainer.d.ts.map +1 -1
  34. package/lib/typescript/components/header/CollapsibleHeaderContainerProvider.d.ts +10 -0
  35. package/lib/typescript/components/header/CollapsibleHeaderContainerProvider.d.ts.map +1 -0
  36. package/lib/typescript/components/header/StickyView.d.ts.map +1 -1
  37. package/lib/typescript/hooks/useCollapsibleHeaderConsumerContext.d.ts +15 -0
  38. package/lib/typescript/hooks/useCollapsibleHeaderConsumerContext.d.ts.map +1 -0
  39. package/lib/typescript/types.d.ts +1 -2
  40. package/lib/typescript/types.d.ts.map +1 -1
  41. package/lib/typescript/withCollapsibleContext.d.ts.map +1 -1
  42. package/package.json +1 -1
  43. package/src/components/CollapsibleContainer.tsx +4 -3
  44. package/src/components/header/CollapsibleHeaderConsumer.tsx +78 -0
  45. package/src/components/header/CollapsibleHeaderContainer.tsx +27 -145
  46. package/src/components/header/CollapsibleHeaderContainerProvider.tsx +162 -0
  47. package/src/components/header/StickyView.tsx +0 -2
  48. package/src/hooks/useCollapsibleHeaderConsumerContext.ts +22 -0
  49. package/src/types.ts +1 -2
  50. package/src/withCollapsibleContext.tsx +0 -2
@@ -0,0 +1,57 @@
1
+ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
+ import { StyleSheet, View } from 'react-native';
3
+ import { CollapsibleHeaderConsumerContext } from '../../hooks/useCollapsibleHeaderConsumerContext';
4
+ export default function CollapsibleHeaderConsumer(_ref) {
5
+ let {
6
+ children
7
+ } = _ref;
8
+ const [headers, setHeaders] = useState([]);
9
+ const mounted = useRef(false);
10
+ useEffect(() => {
11
+ mounted.current = true;
12
+ return () => {
13
+ mounted.current = false;
14
+ };
15
+ }, []);
16
+ const mount = useCallback((key, children) => {
17
+ setHeaders(prev => [...prev, {
18
+ key,
19
+ children
20
+ }]);
21
+ }, []);
22
+ const unmount = useCallback(key => {
23
+ setHeaders(prev => prev.filter(h => h.key !== key));
24
+ }, []);
25
+ const update = useCallback((key, children) => {
26
+ if (!mounted.current) {
27
+ return;
28
+ }
29
+ setHeaders(prev => prev.map(item => {
30
+ if (item.key === key) {
31
+ return {
32
+ ...item,
33
+ children
34
+ };
35
+ }
36
+ return item;
37
+ }));
38
+ }, []);
39
+ const context = useMemo(() => ({
40
+ headers,
41
+ mount,
42
+ unmount,
43
+ update
44
+ }), [headers, mount, unmount, update]);
45
+ return /*#__PURE__*/React.createElement(CollapsibleHeaderConsumerContext.Provider, {
46
+ value: context
47
+ }, children, /*#__PURE__*/React.createElement(View, {
48
+ style: styles.container,
49
+ pointerEvents: "box-none"
50
+ }, headers.map(item => item.children)));
51
+ }
52
+ const styles = StyleSheet.create({
53
+ container: {
54
+ zIndex: 10
55
+ }
56
+ });
57
+ //# sourceMappingURL=CollapsibleHeaderConsumer.js.map
@@ -0,0 +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","createElement","Provider","value","style","styles","container","pointerEvents","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,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gCAAgC,QAAQ,iDAAiD;AAIlG,eAAe,SAASC,yBAAyBA,CAAAC,IAAA,EAI9C;EAAA,IAJ+C;IAChDC;EAGF,CAAC,GAAAD,IAAA;EACC,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGR,QAAQ,CAAe,EAAE,CAAC;EACxD,MAAMS,OAAO,GAAGV,MAAM,CAAC,KAAK,CAAC;EAE7BF,SAAS,CAAC,MAAM;IACdY,OAAO,CAACC,OAAO,GAAG,IAAI;IACtB,OAAO,MAAM;MACXD,OAAO,CAACC,OAAO,GAAG,KAAK;IACzB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,KAAK,GAAGf,WAAW,CAAC,CAACgB,GAAW,EAAEN,QAAmB,KAAK;IAC9DE,UAAU,CAAEK,IAAI,IAAK,CAAC,GAAGA,IAAI,EAAE;MAAED,GAAG;MAAEN;IAAS,CAAC,CAAC,CAAC;EACpD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,OAAO,GAAGlB,WAAW,CAAEgB,GAAW,IAAK;IAC3CJ,UAAU,CAAEK,IAAI,IAAKA,IAAI,CAACE,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACJ,GAAG,KAAKA,GAAG,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,MAAM,GAAGrB,WAAW,CAAC,CAACgB,GAAW,EAAEN,QAAmB,KAAK;IAC/D,IAAI,CAACG,OAAO,CAACC,OAAO,EAAE;MACpB;IACF;IACAF,UAAU,CAAEK,IAAI,IACdA,IAAI,CAACK,GAAG,CAAEC,IAAI,IAAK;MACjB,IAAIA,IAAI,CAACP,GAAG,KAAKA,GAAG,EAAE;QACpB,OAAO;UACL,GAAGO,IAAI;UACPb;QACF,CAAC;MACH;MACA,OAAOa,IAAI;IACb,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAGtB,OAAO,CACrB,OAAO;IACLS,OAAO;IACPI,KAAK;IACLG,OAAO;IACPG;EACF,CAAC,CAAC,EACF,CAACV,OAAO,EAAEI,KAAK,EAAEG,OAAO,EAAEG,MAAM,CAClC,CAAC;EAED,oBACEtB,KAAA,CAAA0B,aAAA,CAAClB,gCAAgC,CAACmB,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GACvDd,QAAQ,eACTX,KAAA,CAAA0B,aAAA,CAACnB,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAC;EAAU,GACpDpB,OAAO,CAACW,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACb,QAAQ,CAChC,CACmC,CAAC;AAEhD;AAEA,MAAMmB,MAAM,GAAGxB,UAAU,CAAC2B,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
@@ -1,10 +1,6 @@
1
- import React, { useCallback, useEffect, useMemo } from 'react';
2
- import { StyleSheet } from 'react-native';
3
- import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
4
- import useCollapsibleContext from '../../hooks/useCollapsibleContext';
5
- import Animated, { Extrapolate, interpolate, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
6
- import { CollapsibleHeaderContext } from '../../hooks/useCollapsibleHeaderContext';
7
- import useSharedValueRef from '../../utils/useSharedValueRef';
1
+ import React, { useEffect, useMemo } from 'react';
2
+ import useCollapsibleHeaderConsumerContext from '../../hooks/useCollapsibleHeaderConsumerContext';
3
+ import CollapsibleHeaderContainerProvider from './CollapsibleHeaderContainerProvider';
8
4
  let key = 0;
9
5
  export default function CollapsibleHeaderContainer(_ref) {
10
6
  let {
@@ -13,91 +9,33 @@ export default function CollapsibleHeaderContainer(_ref) {
13
9
  } = _ref;
14
10
  const contentKey = useMemo(() => `collapsible-header-${key++}`, []);
15
11
  const {
16
- handleHeaderContainerLayout,
17
- headerViewPositions
18
- } = useInternalCollapsibleContext();
19
- const {
20
- scrollY
21
- } = useCollapsibleContext();
22
- const currentLayout = useSharedValue(undefined);
23
- const [stickyLayouts, setStickyLayouts] = useSharedValueRef({});
24
- useEffect(() => {
25
- return () => {
26
- handleHeaderContainerLayout(contentKey);
27
- };
28
- // eslint-disable-next-line react-hooks/exhaustive-deps
29
- }, [contentKey]);
30
- const stickyHeight = useDerivedValue(() => Object.values(stickyLayouts.value).reduce((acc, value) => acc + ((value === null || value === void 0 ? void 0 : value.height) ?? 0), 0), []);
31
- useAnimatedReaction(() => {
32
- if (!currentLayout.value) {
33
- return -1;
34
- }
35
- return currentLayout.value.height - stickyHeight.value;
36
- }, (result, previous) => {
37
- if (result !== -1 && result !== previous) {
38
- runOnJS(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
39
- }
40
- });
41
- const handleLayout = useCallback(_ref2 => {
42
- let {
43
- nativeEvent: {
44
- layout
45
- }
46
- } = _ref2;
47
- currentLayout.value = layout;
48
- }, [currentLayout]);
49
- const handleStickyViewLayout = useCallback((stickyKey, layout) => {
50
- console.log('handleStickyViewLayout', stickyKey, layout);
51
- setStickyLayouts({
52
- [stickyKey]: layout
53
- });
54
- }, [setStickyLayouts]);
12
+ mount,
13
+ unmount,
14
+ update
15
+ } = useCollapsibleHeaderConsumerContext();
55
16
  const internalStyle = useMemo(() => {
56
17
  return {
57
18
  zIndex: 100000 - key
58
19
  };
59
20
  }, []);
60
- const translateY = useDerivedValue(() => {
61
- const position = headerViewPositions.value[contentKey];
62
- if (!currentLayout.value || !position) {
63
- return scrollY.value;
64
- }
65
- const topPosition = currentLayout.value.height + currentLayout.value.y - position.top - position.stickyHeight;
66
- return interpolate(scrollY.value, [0, topPosition, 10000], [0, -topPosition, -topPosition], Extrapolate.CLAMP);
67
- });
68
- const animatedStyle = useAnimatedStyle(() => {
69
- return {
70
- transform: [{
71
- translateY: translateY.value
72
- }]
21
+ const content = useMemo(() => {
22
+ return /*#__PURE__*/React.createElement(CollapsibleHeaderContainerProvider, {
23
+ containerStyle: [containerStyle, internalStyle],
24
+ contentKey: contentKey,
25
+ key: contentKey
26
+ }, children);
27
+ }, [children, containerStyle, contentKey, internalStyle]);
28
+ useEffect(() => {
29
+ mount(contentKey, content);
30
+ return () => {
31
+ unmount(contentKey);
73
32
  };
74
- });
75
- const animatedY = useDerivedValue(() => {
76
- const position = headerViewPositions.value[contentKey];
77
- if (!currentLayout.value || !position) {
78
- return 0;
79
- }
80
- const value = scrollY.value - currentLayout.value.y + position.top;
81
- const maxV = currentLayout.value.height - stickyHeight.value;
82
- return Math.max(0, Math.min(value, maxV));
83
- });
84
- const value = useMemo(() => ({
85
- handleStickyViewLayout,
86
- animatedY
87
- }), [handleStickyViewLayout, animatedY]);
88
- return /*#__PURE__*/React.createElement(CollapsibleHeaderContext.Provider, {
89
- value: value
90
- }, /*#__PURE__*/React.createElement(Animated.View, {
91
- key: contentKey,
92
- style: [styles.container, containerStyle, internalStyle, animatedStyle],
93
- pointerEvents: "box-none",
94
- onLayout: handleLayout
95
- }, children));
33
+ // eslint-disable-next-line react-hooks/exhaustive-deps
34
+ }, [contentKey]);
35
+ useEffect(() => {
36
+ update(contentKey, content);
37
+ // eslint-disable-next-line react-hooks/exhaustive-deps
38
+ }, [content]);
39
+ return null;
96
40
  }
97
- const styles = StyleSheet.create({
98
- container: {
99
- overflow: 'hidden',
100
- backgroundColor: 'white'
101
- }
102
- });
103
41
  //# sourceMappingURL=CollapsibleHeaderContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useEffect","useMemo","StyleSheet","useInternalCollapsibleContext","useCollapsibleContext","Animated","Extrapolate","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","CollapsibleHeaderContext","useSharedValueRef","key","CollapsibleHeaderContainer","_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","console","log","internalStyle","zIndex","translateY","position","topPosition","y","top","CLAMP","animatedStyle","transform","animatedY","maxV","Math","max","min","createElement","Provider","View","style","styles","container","pointerEvents","onLayout","create","overflow","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderContainer.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","useEffect","useMemo","useCollapsibleHeaderConsumerContext","CollapsibleHeaderContainerProvider","key","CollapsibleHeaderContainer","_ref","children","containerStyle","contentKey","mount","unmount","update","internalStyle","zIndex","content","createElement"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderContainer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAeC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAE5D,OAAOC,mCAAmC,MAAM,iDAAiD;AACjG,OAAOC,kCAAkC,MAAM,sCAAsC;AAOrF,IAAIC,GAAG,GAAG,CAAC;AAEX,eAAe,SAASC,0BAA0BA,CAAAC,IAAA,EAGxC;EAAA,IAHyC;IACjDC,QAAQ;IACRC;EACK,CAAC,GAAAF,IAAA;EACN,MAAMG,UAAU,GAAGR,OAAO,CAAC,MAAO,sBAAqBG,GAAG,EAAG,EAAC,EAAE,EAAE,CAAC;EACnE,MAAM;IAAEM,KAAK;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGV,mCAAmC,CAAC,CAAC;EAExE,MAAMW,aAAa,GAAGZ,OAAO,CAAC,MAAM;IAClC,OAAO;MACLa,MAAM,EAAE,MAAM,GAAGV;IACnB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,OAAO,GAAGd,OAAO,CAAC,MAAM;IAC5B,oBACEF,KAAA,CAAAiB,aAAA,CAACb,kCAAkC;MACjCK,cAAc,EAAE,CAACA,cAAc,EAAEK,aAAa,CAAE;MAChDJ,UAAU,EAAEA,UAAW;MACvBL,GAAG,EAAEK;IAAW,GAEfF,QACiC,CAAC;EAEzC,CAAC,EAAE,CAACA,QAAQ,EAAEC,cAAc,EAAEC,UAAU,EAAEI,aAAa,CAAC,CAAC;EAEzDb,SAAS,CAAC,MAAM;IACdU,KAAK,CAACD,UAAU,EAAEM,OAAO,CAAC;IAE1B,OAAO,MAAM;MACXJ,OAAO,CAACF,UAAU,CAAC;IACrB,CAAC;IACD;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhBT,SAAS,CAAC,MAAM;IACdY,MAAM,CAACH,UAAU,EAAEM,OAAO,CAAC;IAC3B;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAO,IAAI;AACb"}
@@ -0,0 +1,96 @@
1
+ import React, { useCallback, useEffect, useMemo } from 'react';
2
+ import { StyleSheet } from 'react-native';
3
+ import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
4
+ import useCollapsibleContext from '../../hooks/useCollapsibleContext';
5
+ import Animated, { Extrapolate, interpolate, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
6
+ import { CollapsibleHeaderContext } from '../../hooks/useCollapsibleHeaderContext';
7
+ import useSharedValueRef from '../../utils/useSharedValueRef';
8
+ export default function CollapsibleHeaderContainerProvider(_ref) {
9
+ let {
10
+ children,
11
+ containerStyle,
12
+ contentKey
13
+ } = _ref;
14
+ const {
15
+ handleHeaderContainerLayout,
16
+ headerViewPositions
17
+ } = useInternalCollapsibleContext();
18
+ const {
19
+ scrollY
20
+ } = useCollapsibleContext();
21
+ const currentLayout = useSharedValue(undefined);
22
+ const [stickyLayouts, setStickyLayouts] = useSharedValueRef({});
23
+ useEffect(() => {
24
+ return () => {
25
+ handleHeaderContainerLayout(contentKey);
26
+ };
27
+ // eslint-disable-next-line react-hooks/exhaustive-deps
28
+ }, [contentKey]);
29
+ const stickyHeight = useDerivedValue(() => Object.values(stickyLayouts.value).reduce((acc, value) => acc + ((value === null || value === void 0 ? void 0 : value.height) ?? 0), 0), []);
30
+ useAnimatedReaction(() => {
31
+ if (!currentLayout.value) {
32
+ return -1;
33
+ }
34
+ return currentLayout.value.height - stickyHeight.value;
35
+ }, (result, previous) => {
36
+ if (result !== -1 && result !== previous) {
37
+ runOnJS(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
38
+ }
39
+ });
40
+ const handleLayout = useCallback(_ref2 => {
41
+ let {
42
+ nativeEvent: {
43
+ layout
44
+ }
45
+ } = _ref2;
46
+ currentLayout.value = layout;
47
+ }, [currentLayout]);
48
+ const handleStickyViewLayout = useCallback((stickyKey, layout) => {
49
+ setStickyLayouts({
50
+ [stickyKey]: layout
51
+ });
52
+ }, [setStickyLayouts]);
53
+ const translateY = useDerivedValue(() => {
54
+ const position = headerViewPositions.value[contentKey];
55
+ if (!currentLayout.value || !position) {
56
+ return scrollY.value;
57
+ }
58
+ const topPosition = currentLayout.value.height + currentLayout.value.y - position.top - position.stickyHeight;
59
+ return interpolate(scrollY.value, [0, topPosition, 10000], [0, -topPosition, -topPosition], Extrapolate.CLAMP);
60
+ });
61
+ const animatedStyle = useAnimatedStyle(() => {
62
+ return {
63
+ transform: [{
64
+ translateY: translateY.value
65
+ }]
66
+ };
67
+ });
68
+ const animatedY = useDerivedValue(() => {
69
+ const position = headerViewPositions.value[contentKey];
70
+ if (!currentLayout.value || !position) {
71
+ return 0;
72
+ }
73
+ const value = scrollY.value - currentLayout.value.y + position.top;
74
+ const maxV = currentLayout.value.height - stickyHeight.value;
75
+ return Math.max(0, Math.min(value, maxV));
76
+ });
77
+ const value = useMemo(() => ({
78
+ handleStickyViewLayout,
79
+ animatedY
80
+ }), [handleStickyViewLayout, animatedY]);
81
+ return /*#__PURE__*/React.createElement(CollapsibleHeaderContext.Provider, {
82
+ value: value
83
+ }, /*#__PURE__*/React.createElement(Animated.View, {
84
+ key: contentKey,
85
+ style: [styles.container, containerStyle, animatedStyle],
86
+ pointerEvents: "box-none",
87
+ onLayout: handleLayout
88
+ }, children));
89
+ }
90
+ const styles = StyleSheet.create({
91
+ container: {
92
+ overflow: 'hidden',
93
+ backgroundColor: 'white'
94
+ }
95
+ });
96
+ //# sourceMappingURL=CollapsibleHeaderContainerProvider.js.map
@@ -0,0 +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":"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"}
@@ -37,12 +37,6 @@ export default function StickyView(_ref) {
37
37
  y: top
38
38
  } = currentLayout.value;
39
39
  const topValue = top;
40
- console.log({
41
- key,
42
- animatedY: animatedY.value,
43
- top,
44
- stickyHeight
45
- });
46
40
  return interpolate(animatedY.value, [0, topValue, topValue + stickyHeight + 100], [0, 0, stickyHeight + 100], Extrapolate.CLAMP);
47
41
  }, []);
48
42
  const animatedStyle = useAnimatedStyle(() => {
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","StyleSheet","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","useCollapsibleHeaderContext","stickyKey","StickyView","_ref","children","style","key","viewRef","handleStickyViewLayout","animatedY","currentLayout","undefined","handleLayout","_ref2","nativeEvent","layout","value","translateY","height","stickyHeight","y","top","topValue","console","log","CLAMP","animatedStyle","transform","createElement","View","ref","onLayout","styles","container","pointerEvents","create","backgroundColor","zIndex"],"sourceRoot":"../../../../src","sources":["components/header/StickyView.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAIEC,UAAU,QAGL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,yBAAyB;AAChC,OAAOC,2BAA2B,MAAM,yCAAyC;AAOjF,IAAIC,SAAS,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAAF,IAAA;EAC3D,MAAMG,GAAG,GAAGf,OAAO,CAAC,MAAO,UAASU,SAAS,EAAG,EAAC,EAAE,EAAE,CAAC;EACtD,MAAMM,OAAO,GAAGf,MAAM,CAAO,IAAI,CAAC;EAClC,MAAM;IAAEgB,sBAAsB;IAAEC;EAAU,CAAC,GAAGT,2BAA2B,CAAC,CAAC;EAC3E,MAAMU,aAAa,GAAGX,cAAc,CAA8BY,SAAS,CAAC;EAE5ErB,SAAS,CAAC,MAAM;IACd,OAAO,MAAMkB,sBAAsB,CAACF,GAAG,EAAEK,SAAS,CAAC;EACrD,CAAC,EAAE,CAACL,GAAG,CAAC,CAAC;EAET,MAAMM,YAAY,GAAGvB,WAAW,CAC9BwB,KAAA,IAAoD;IAAA,IAAnD;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAqB,CAAC,GAAAF,KAAA;IAC7CH,aAAa,CAACM,KAAK,GAAGD,MAAM;IAC5BP,sBAAsB,CAACF,GAAG,EAAES,MAAM,CAAC;EACrC,CAAC,EACD,CAACT,GAAG,EAAEE,sBAAsB,CAC9B,CAAC;EAED,MAAMS,UAAU,GAAGnB,eAAe,CAAC,MAAM;IACvC,IAAI,CAACY,aAAa,CAACM,KAAK,EAAE;MACxB,OAAO,CAAC;IACV;IACA,MAAM;MAAEE,MAAM,EAAEC,YAAY;MAAEC,CAAC,EAAEC;IAAI,CAAC,GAAGX,aAAa,CAACM,KAAK;IAC5D,MAAMM,QAAQ,GAAGD,GAAG;IAEpBE,OAAO,CAACC,GAAG,CAAC;MAAElB,GAAG;MAAEG,SAAS,EAAEA,SAAS,CAACO,KAAK;MAAEK,GAAG;MAAEF;IAAa,CAAC,CAAC;IAEnE,OAAOvB,WAAW,CAChBa,SAAS,CAACO,KAAK,EACf,CAAC,CAAC,EAAEM,QAAQ,EAAEA,QAAQ,GAAGH,YAAY,GAAG,GAAG,CAAC,EAC5C,CAAC,CAAC,EAAE,CAAC,EAAEA,YAAY,GAAG,GAAG,CAAC,EAC1BxB,WAAW,CAAC8B,KACd,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAG7B,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACL8B,SAAS,EAAE,CACT;QACEV,UAAU,EAAEA,UAAU,CAACD;MACzB,CAAC;IAEL,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE5B,KAAA,CAAAwC,aAAA,CAAClC,QAAQ,CAACmC,IAAI;IACZvB,GAAG,EAAEA;IACL;IAAA;IACAwB,GAAG,EAAEvB,OAAQ;IACbwB,QAAQ,EAAEnB,YAAa;IACvBP,KAAK,EAAE,CAAC2B,MAAM,CAACC,SAAS,EAAE5B,KAAK,EAAEqB,aAAa,CAAE;IAChDQ,aAAa,EAAC;EAAU,GAEvB9B,QACY,CAAC;AAEpB;AAEA,MAAM4B,MAAM,GAAGvC,UAAU,CAAC0C,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
1
+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","StyleSheet","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","useCollapsibleHeaderContext","stickyKey","StickyView","_ref","children","style","key","viewRef","handleStickyViewLayout","animatedY","currentLayout","undefined","handleLayout","_ref2","nativeEvent","layout","value","translateY","height","stickyHeight","y","top","topValue","CLAMP","animatedStyle","transform","createElement","View","ref","onLayout","styles","container","pointerEvents","create","backgroundColor","zIndex"],"sourceRoot":"../../../../src","sources":["components/header/StickyView.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAIEC,UAAU,QAGL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,yBAAyB;AAChC,OAAOC,2BAA2B,MAAM,yCAAyC;AAOjF,IAAIC,SAAS,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAAF,IAAA;EAC3D,MAAMG,GAAG,GAAGf,OAAO,CAAC,MAAO,UAASU,SAAS,EAAG,EAAC,EAAE,EAAE,CAAC;EACtD,MAAMM,OAAO,GAAGf,MAAM,CAAO,IAAI,CAAC;EAClC,MAAM;IAAEgB,sBAAsB;IAAEC;EAAU,CAAC,GAAGT,2BAA2B,CAAC,CAAC;EAC3E,MAAMU,aAAa,GAAGX,cAAc,CAA8BY,SAAS,CAAC;EAE5ErB,SAAS,CAAC,MAAM;IACd,OAAO,MAAMkB,sBAAsB,CAACF,GAAG,EAAEK,SAAS,CAAC;EACrD,CAAC,EAAE,CAACL,GAAG,CAAC,CAAC;EAET,MAAMM,YAAY,GAAGvB,WAAW,CAC9BwB,KAAA,IAAoD;IAAA,IAAnD;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAqB,CAAC,GAAAF,KAAA;IAC7CH,aAAa,CAACM,KAAK,GAAGD,MAAM;IAC5BP,sBAAsB,CAACF,GAAG,EAAES,MAAM,CAAC;EACrC,CAAC,EACD,CAACT,GAAG,EAAEE,sBAAsB,CAC9B,CAAC;EAED,MAAMS,UAAU,GAAGnB,eAAe,CAAC,MAAM;IACvC,IAAI,CAACY,aAAa,CAACM,KAAK,EAAE;MACxB,OAAO,CAAC;IACV;IACA,MAAM;MAAEE,MAAM,EAAEC,YAAY;MAAEC,CAAC,EAAEC;IAAI,CAAC,GAAGX,aAAa,CAACM,KAAK;IAC5D,MAAMM,QAAQ,GAAGD,GAAG;IAEpB,OAAOzB,WAAW,CAChBa,SAAS,CAACO,KAAK,EACf,CAAC,CAAC,EAAEM,QAAQ,EAAEA,QAAQ,GAAGH,YAAY,GAAG,GAAG,CAAC,EAC5C,CAAC,CAAC,EAAE,CAAC,EAAEA,YAAY,GAAG,GAAG,CAAC,EAC1BxB,WAAW,CAAC4B,KACd,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAG3B,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACL4B,SAAS,EAAE,CACT;QACER,UAAU,EAAEA,UAAU,CAACD;MACzB,CAAC;IAEL,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE5B,KAAA,CAAAsC,aAAA,CAAChC,QAAQ,CAACiC,IAAI;IACZrB,GAAG,EAAEA;IACL;IAAA;IACAsB,GAAG,EAAErB,OAAQ;IACbsB,QAAQ,EAAEjB,YAAa;IACvBP,KAAK,EAAE,CAACyB,MAAM,CAACC,SAAS,EAAE1B,KAAK,EAAEmB,aAAa,CAAE;IAChDQ,aAAa,EAAC;EAAU,GAEvB5B,QACY,CAAC;AAEpB;AAEA,MAAM0B,MAAM,GAAGrC,UAAU,CAACwC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { createContext, useContext } from 'react';
2
+ export const CollapsibleHeaderConsumerContext =
3
+ /*#__PURE__*/
4
+ // @ts-ignore
5
+ createContext({});
6
+ export default function useCollapsibleHeaderConsumerContext() {
7
+ const ctx = useContext(CollapsibleHeaderConsumerContext);
8
+ if (!ctx) {
9
+ throw new Error('Component should be wrapped CollapsibleHeaderProvider');
10
+ }
11
+ return ctx;
12
+ }
13
+ //# sourceMappingURL=useCollapsibleHeaderConsumerContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createContext","useContext","CollapsibleHeaderConsumerContext","useCollapsibleHeaderConsumerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["hooks/useCollapsibleHeaderConsumerContext.ts"],"mappings":"AAAA,SAASA,aAAa,EAAaC,UAAU,QAAQ,OAAO;AAW5D,OAAO,MAAMC,gCAAgC;AAAA;AAC3C;AACAF,aAAa,CAAuC,CAAC,CAAC,CAAC;AAEzD,eAAe,SAASG,mCAAmCA,CAAA,EAAG;EAC5D,MAAMC,GAAG,GAAGH,UAAU,CAACC,gCAAgC,CAAC;EACxD,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,uDAAuD,CAAC;EAC1E;EACA,OAAOD,GAAG;AACZ"}
@@ -10,7 +10,6 @@ export default function withCollapsibleContext(Component) {
10
10
  const scrollY = useSharedValue(0);
11
11
  const fixedHeaderHeight = useSharedValue(0);
12
12
  const containerHeight = useSharedValue(0);
13
- const containerRef = useRef(null);
14
13
  const scrollViewRef = useRef(null);
15
14
  const headerContainerLayouts = useRef({});
16
15
  const headerViewPositions = useSharedValue({});
@@ -86,7 +85,6 @@ export default function withCollapsibleContext(Component) {
86
85
  }, [scrollY, headerHeight, headerCollapsed]);
87
86
  const internalContext = useMemo(() => ({
88
87
  scrollViewRef,
89
- containerRef,
90
88
  handleHeaderContainerLayout,
91
89
  setCollapsibleHandlers,
92
90
  handleContainerHeight,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withTiming","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","fixedHeaderHeight","containerHeight","containerRef","scrollViewRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","handlers","current","headerCollapsed","maxY","value","contentMinHeight","handleHeaderContainerLayout","key","layout","stickyHeight","undefined","headerContainers","Object","keys","filter","k","totalHeight","reduce","acc","_headerContainerLayou","height","duration","sortedHeaders","sort","a","b","_headerContainerLayou2","_headerContainerLayou3","y","values","aStickyHeight","index","length","_headerContainerLayou4","headerKey","sHeight","top","handleContainerHeight","context","collapse","animated","_collapsibleHandlers$","expand","_collapsibleHandlers$2","scrollTo","offset","animate","_collapsibleHandlers$3","scrollToIndex","params","_collapsibleHandlers$4","internalContext","createElement","Provider"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withTiming","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","totalHeight","reduce","acc","_headerContainerLayou","height","duration","sortedHeaders","sort","a","b","_headerContainerLayou2","_headerContainerLayou3","y","values","aStickyHeight","index","length","_headerContainerLayou4","headerKey","sHeight","top","handleContainerHeight","context","collapse","animated","_collapsibleHandlers$","expand","_collapsibleHandlers$2","scrollTo","offset","animate","_collapsibleHandlers$3","scrollToIndex","params","_collapsibleHandlers$4","internalContext","createElement","Provider"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,yBAAyB,EAIzB,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,yBAAyB,EACzB,aAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,qBAuDP"}
1
+ {"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,yBAAyB,EAIzB,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,yBAAyB,EACzB,aAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,qBAuDP"}
@@ -0,0 +1,9 @@
1
+ import React, { ReactNode } from 'react';
2
+ export type HeaderItem = {
3
+ key: string;
4
+ children: ReactNode;
5
+ };
6
+ export default function CollapsibleHeaderConsumer({ children, }: {
7
+ children: ReactNode;
8
+ }): React.JSX.Element;
9
+ //# sourceMappingURL=CollapsibleHeaderConsumer.d.ts.map
@@ -0,0 +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;AAIf,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,qBAsDA"}
@@ -1,9 +1,9 @@
1
- import React, { ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  import { StyleProp, ViewStyle } from 'react-native';
3
3
  type Props = {
4
4
  children: ReactNode;
5
5
  containerStyle?: StyleProp<ViewStyle>;
6
6
  };
7
- export default function CollapsibleHeaderContainer({ children, containerStyle, }: Props): React.JSX.Element;
7
+ export default function CollapsibleHeaderContainer({ children, containerStyle, }: Props): null;
8
8
  export {};
9
9
  //# sourceMappingURL=CollapsibleHeaderContainer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleHeaderContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderContainer.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;CACvC,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,QAAQ,EACR,cAAc,GACf,EAAE,KAAK,qBAgIP"}
1
+ {"version":3,"file":"CollapsibleHeaderContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,QAAQ,EACR,cAAc,GACf,EAAE,KAAK,QAqCP"}
@@ -0,0 +1,10 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { StyleProp, ViewStyle } from 'react-native';
3
+ type Props = {
4
+ children: ReactNode;
5
+ containerStyle?: StyleProp<ViewStyle>;
6
+ contentKey: string;
7
+ };
8
+ export default function CollapsibleHeaderContainerProvider({ children, containerStyle, contentKey, }: Props): React.JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=CollapsibleHeaderContainerProvider.d.ts.map
@@ -0,0 +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,qBAuHP"}
@@ -1 +1 @@
1
- {"version":3,"file":"StickyView.d.ts","sourceRoot":"","sources":["../../../../src/components/header/StickyView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAGL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAyD5D"}
1
+ {"version":3,"file":"StickyView.d.ts","sourceRoot":"","sources":["../../../../src/components/header/StickyView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAGL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAuD5D"}
@@ -0,0 +1,15 @@
1
+ import { ReactNode } from 'react';
2
+ export type HeaderItem = {
3
+ key: string;
4
+ children: ReactNode;
5
+ };
6
+ type CollapsibleContextHeaderConsumerType = {
7
+ headers: HeaderItem[];
8
+ mount: (key: string, header: ReactNode) => void;
9
+ update: (key: string, header: ReactNode) => void;
10
+ unmount: (key: string) => void;
11
+ };
12
+ export declare const CollapsibleHeaderConsumerContext: import("react").Context<CollapsibleContextHeaderConsumerType>;
13
+ export default function useCollapsibleHeaderConsumerContext(): CollapsibleContextHeaderConsumerType;
14
+ export {};
15
+ //# sourceMappingURL=useCollapsibleHeaderConsumerContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCollapsibleHeaderConsumerContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCollapsibleHeaderConsumerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE9D,KAAK,oCAAoC,GAAG;IAC1C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,gCAAgC,+DAEY,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,mCAAmC,yCAM1D"}
@@ -1,5 +1,5 @@
1
1
  import type React from 'react';
2
- import type { LayoutRectangle, View } from 'react-native';
2
+ import type { LayoutRectangle } from 'react-native';
3
3
  import type Animated from 'react-native-reanimated';
4
4
  export type ScrollToIndexParams = {
5
5
  animated?: boolean | null;
@@ -26,7 +26,6 @@ export type LayoutParams = {
26
26
  };
27
27
  export type CollapsibleContextInternalType = {
28
28
  scrollViewRef: React.RefObject<any>;
29
- containerRef: React.RefObject<View>;
30
29
  contentMinHeight: Animated.SharedValue<number>;
31
30
  headerViewPositions: Animated.SharedValue<Record<string, {
32
31
  top: number;
@@ -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,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1D,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;CACtD,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,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,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,MAAM,cAAc,CAAC;AACpD,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;CACtD,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 +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;AAWhE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,uBAwHjB"}
1
+ {"version":3,"file":"withCollapsibleContext.d.ts","sourceRoot":"","sources":["../../src/withCollapsibleContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgC,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,uBAsHjB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@r0b0t3d/react-native-collapsible",
3
- "version": "1.3.5-beta.3",
3
+ "version": "1.3.5-beta.5",
4
4
  "description": "Fully customizable collapsible views",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -11,6 +11,7 @@ import {
11
11
  import useKeyboardShowEvent from '../hooks/useKeyboardShowEvent';
12
12
  import useInternalCollapsibleContext from '../hooks/useInternalCollapsibleContext';
13
13
  import useCollapsibleContext from '../hooks/useCollapsibleContext';
14
+ import CollapsibleHeaderConsumer from './header/CollapsibleHeaderConsumer';
14
15
 
15
16
  type Props = Omit<ViewProps, 'ref' | 'onLayout'> & {
16
17
  children: Element;
@@ -24,8 +25,8 @@ export default function CollapsibleContainer({
24
25
  textInputRefs = [],
25
26
  ...props
26
27
  }: Props) {
27
- const { containerRef, handleContainerHeight } =
28
- useInternalCollapsibleContext();
28
+ const containerRef = useRef<View>(null);
29
+ const { handleContainerHeight } = useInternalCollapsibleContext();
29
30
  const { scrollY, scrollTo } = useCollapsibleContext();
30
31
 
31
32
  const containerHeight = useRef(0);
@@ -74,7 +75,7 @@ export default function CollapsibleContainer({
74
75
  onLayout={handleContainerLayout}
75
76
  collapsable={false}
76
77
  >
77
- {children}
78
+ <CollapsibleHeaderConsumer>{children}</CollapsibleHeaderConsumer>
78
79
  </View>
79
80
  </KeyboardAvoidingView>
80
81
  );