@r0b0t3d/react-native-collapsible 1.3.5-beta.4 → 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.
- package/lib/commonjs/components/CollapsibleContainer.js +3 -2
- package/lib/commonjs/components/CollapsibleContainer.js.map +1 -1
- package/lib/commonjs/components/header/CollapsibleHeaderConsumer.js +65 -0
- package/lib/commonjs/components/header/CollapsibleHeaderConsumer.js.map +1 -0
- package/lib/commonjs/components/header/CollapsibleHeaderContainer.js +24 -85
- package/lib/commonjs/components/header/CollapsibleHeaderContainer.js.map +1 -1
- package/lib/commonjs/components/header/CollapsibleHeaderContainerProvider.js +105 -0
- package/lib/commonjs/components/header/CollapsibleHeaderContainerProvider.js.map +1 -0
- package/lib/commonjs/hooks/useCollapsibleHeaderConsumerContext.js +21 -0
- package/lib/commonjs/hooks/useCollapsibleHeaderConsumerContext.js.map +1 -0
- package/lib/commonjs/withCollapsibleContext.js +0 -2
- package/lib/commonjs/withCollapsibleContext.js.map +1 -1
- package/lib/module/components/CollapsibleContainer.js +3 -2
- package/lib/module/components/CollapsibleContainer.js.map +1 -1
- package/lib/module/components/header/CollapsibleHeaderConsumer.js +57 -0
- package/lib/module/components/header/CollapsibleHeaderConsumer.js.map +1 -0
- package/lib/module/components/header/CollapsibleHeaderContainer.js +25 -86
- package/lib/module/components/header/CollapsibleHeaderContainer.js.map +1 -1
- package/lib/module/components/header/CollapsibleHeaderContainerProvider.js +96 -0
- package/lib/module/components/header/CollapsibleHeaderContainerProvider.js.map +1 -0
- package/lib/module/hooks/useCollapsibleHeaderConsumerContext.js +13 -0
- package/lib/module/hooks/useCollapsibleHeaderConsumerContext.js.map +1 -0
- package/lib/module/withCollapsibleContext.js +0 -2
- package/lib/module/withCollapsibleContext.js.map +1 -1
- package/lib/typescript/components/CollapsibleContainer.d.ts.map +1 -1
- package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts +9 -0
- package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts.map +1 -0
- package/lib/typescript/components/header/CollapsibleHeaderContainer.d.ts +2 -2
- package/lib/typescript/components/header/CollapsibleHeaderContainer.d.ts.map +1 -1
- package/lib/typescript/components/header/CollapsibleHeaderContainerProvider.d.ts +10 -0
- package/lib/typescript/components/header/CollapsibleHeaderContainerProvider.d.ts.map +1 -0
- package/lib/typescript/hooks/useCollapsibleHeaderConsumerContext.d.ts +15 -0
- package/lib/typescript/hooks/useCollapsibleHeaderConsumerContext.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +1 -2
- 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/CollapsibleContainer.tsx +4 -3
- package/src/components/header/CollapsibleHeaderConsumer.tsx +78 -0
- package/src/components/header/CollapsibleHeaderContainer.tsx +27 -143
- package/src/components/header/CollapsibleHeaderContainerProvider.tsx +162 -0
- package/src/hooks/useCollapsibleHeaderConsumerContext.ts +22 -0
- package/src/types.ts +1 -2
- package/src/withCollapsibleContext.tsx +0 -2
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _useKeyboardShowEvent = _interopRequireDefault(require("../hooks/useKeyboardShowEvent"));
|
|
10
10
|
var _useInternalCollapsibleContext = _interopRequireDefault(require("../hooks/useInternalCollapsibleContext"));
|
|
11
11
|
var _useCollapsibleContext = _interopRequireDefault(require("../hooks/useCollapsibleContext"));
|
|
12
|
+
var _CollapsibleHeaderConsumer = _interopRequireDefault(require("./header/CollapsibleHeaderConsumer"));
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
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); }
|
|
14
15
|
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; }
|
|
@@ -20,8 +21,8 @@ function CollapsibleContainer(_ref) {
|
|
|
20
21
|
textInputRefs = [],
|
|
21
22
|
...props
|
|
22
23
|
} = _ref;
|
|
24
|
+
const containerRef = (0, _react.useRef)(null);
|
|
23
25
|
const {
|
|
24
|
-
containerRef,
|
|
25
26
|
handleContainerHeight
|
|
26
27
|
} = (0, _useInternalCollapsibleContext.default)();
|
|
27
28
|
const {
|
|
@@ -59,7 +60,7 @@ function CollapsibleContainer(_ref) {
|
|
|
59
60
|
style: [styles.container, props.style],
|
|
60
61
|
onLayout: handleContainerLayout,
|
|
61
62
|
collapsable: false
|
|
62
|
-
}), children));
|
|
63
|
+
}), /*#__PURE__*/_react.default.createElement(_CollapsibleHeaderConsumer.default, null, children)));
|
|
63
64
|
}
|
|
64
65
|
const styles = _reactNative.StyleSheet.create({
|
|
65
66
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useKeyboardShowEvent","_interopRequireDefault","_useInternalCollapsibleContext","_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","CollapsibleContainer","_ref","children","keyboardAvoidingViewProps","textInputRefs","props","containerRef","handleContainerHeight","useInternalCollapsibleContext","scrollY","scrollTo","useCollapsibleContext","containerHeight","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useKeyboardShowEvent","_interopRequireDefault","_useInternalCollapsibleContext","_useCollapsibleContext","_CollapsibleHeaderConsumer","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","CollapsibleContainer","_ref","children","keyboardAvoidingViewProps","textInputRefs","props","containerRef","useRef","handleContainerHeight","useInternalCollapsibleContext","scrollY","scrollTo","useCollapsibleContext","containerHeight","useKeyboardShowEvent","some","ref","isFocusedFunc","current","isFocused","measureLayout","_left","top","_width","height","value","extraOffset","keyboardVerticalOffset","handleContainerLayout","useCallback","layout","nativeEvent","createElement","KeyboardAvoidingView","style","styles","container","behavior","View","onLayout","collapsable","StyleSheet","create","flex","overflow"],"sourceRoot":"../../../src","sources":["components/CollapsibleContainer.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,sBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,0BAAA,GAAAH,sBAAA,CAAAH,OAAA;AAA2E,SAAAG,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA,KAb3E;AAqBe,SAASI,oBAAoBA,CAAAC,IAAA,EAKlC;EAAA,IALmC;IAC3CC,QAAQ;IACRC,yBAAyB;IACzBC,aAAa,GAAG,EAAE;IAClB,GAAGC;EACE,CAAC,GAAAJ,IAAA;EACN,MAAMK,YAAY,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EACvC,MAAM;IAAEC;EAAsB,CAAC,GAAG,IAAAC,sCAA6B,EAAC,CAAC;EACjE,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAErD,MAAMC,eAAe,GAAG,IAAAN,aAAM,EAAC,CAAC,CAAC;EAEjC,IAAAO,6BAAoB,EAAC,MAAM;IACzBV,aAAa,CAACW,IAAI,CAAEC,GAAG,IAAK;MAC1B,MAAMC,aAAa,GAAGD,GAAG,CAACE,OAAO,CAACC,SAAS;MAC3C,MAAMA,SAAS,GACbF,aAAa,IAAI,OAAOA,aAAa,KAAK,UAAU,GAChDA,aAAa,CAAC,CAAC,GACfA,aAAa;MACnB,IAAIE,SAAS,EAAE;QACbH,GAAG,CAACE,OAAO,CAACE,aAAa;QACvB;QACAd,YAAY,CAACY,OAAO,EACpB,CAACG,KAAa,EAAEC,GAAW,EAAEC,MAAc,EAAEC,MAAc,KAAK;UAC9D,IAAIF,GAAG,GAAGE,MAAM,GAAGd,OAAO,CAACe,KAAK,GAAGZ,eAAe,CAACK,OAAO,EAAE;YAC1D,MAAMQ,WAAW,GACf,CAAAvB,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAEwB,sBAAsB,KAAI,EAAE;YACzDhB,QAAQ,CAACW,GAAG,GAAGE,MAAM,GAAGE,WAAW,GAAGb,eAAe,CAACK,OAAO,CAAC;UAChE;QACF,CAAC,EACD,MAAM,CAAC,CACT,CAAC;MACH;MACA,OAAOC,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,MAAMS,qBAAqB,GAAG,IAAAC,kBAAW,EAAEC,MAAyB,IAAK;IACvE,MAAMN,MAAM,GAAGM,MAAM,CAACC,WAAW,CAACD,MAAM,CAACN,MAAM;IAC/CX,eAAe,CAACK,OAAO,GAAGM,MAAM;IAChChB,qBAAqB,CAACgB,MAAM,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEhE,MAAA,CAAAW,OAAA,CAAA6D,aAAA,CAACrE,YAAA,CAAAsE,oBAAoB,EAAA1C,QAAA;IACnB2C,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,QAAQ,EAAC;EAAS,GACdlC,yBAAyB,gBAE7B3C,MAAA,CAAAW,OAAA,CAAA6D,aAAA,CAACrE,YAAA,CAAA2E,IAAI,EAAA/C,QAAA,KACCc,KAAK;IACTW,GAAG,EAAEV,YAAa;IAClB4B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE/B,KAAK,CAAC6B,KAAK,CAAE;IACvCK,QAAQ,EAAEX,qBAAsB;IAChCY,WAAW,EAAE;EAAM,iBAEnBhF,MAAA,CAAAW,OAAA,CAAA6D,aAAA,CAAChE,0BAAA,CAAAG,OAAyB,QAAE+B,QAAoC,CAC5D,CACc,CAAC;AAE3B;AAEA,MAAMiC,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = CollapsibleHeaderConsumer;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _useCollapsibleHeaderConsumerContext = require("../../hooks/useCollapsibleHeaderConsumerContext");
|
|
10
|
+
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
|
+
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
|
+
function CollapsibleHeaderConsumer(_ref) {
|
|
13
|
+
let {
|
|
14
|
+
children
|
|
15
|
+
} = _ref;
|
|
16
|
+
const [headers, setHeaders] = (0, _react.useState)([]);
|
|
17
|
+
const mounted = (0, _react.useRef)(false);
|
|
18
|
+
(0, _react.useEffect)(() => {
|
|
19
|
+
mounted.current = true;
|
|
20
|
+
return () => {
|
|
21
|
+
mounted.current = false;
|
|
22
|
+
};
|
|
23
|
+
}, []);
|
|
24
|
+
const mount = (0, _react.useCallback)((key, children) => {
|
|
25
|
+
setHeaders(prev => [...prev, {
|
|
26
|
+
key,
|
|
27
|
+
children
|
|
28
|
+
}]);
|
|
29
|
+
}, []);
|
|
30
|
+
const unmount = (0, _react.useCallback)(key => {
|
|
31
|
+
setHeaders(prev => prev.filter(h => h.key !== key));
|
|
32
|
+
}, []);
|
|
33
|
+
const update = (0, _react.useCallback)((key, children) => {
|
|
34
|
+
if (!mounted.current) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
setHeaders(prev => prev.map(item => {
|
|
38
|
+
if (item.key === key) {
|
|
39
|
+
return {
|
|
40
|
+
...item,
|
|
41
|
+
children
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
return item;
|
|
45
|
+
}));
|
|
46
|
+
}, []);
|
|
47
|
+
const context = (0, _react.useMemo)(() => ({
|
|
48
|
+
headers,
|
|
49
|
+
mount,
|
|
50
|
+
unmount,
|
|
51
|
+
update
|
|
52
|
+
}), [headers, mount, unmount, update]);
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_useCollapsibleHeaderConsumerContext.CollapsibleHeaderConsumerContext.Provider, {
|
|
54
|
+
value: context
|
|
55
|
+
}, children, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
56
|
+
style: styles.container,
|
|
57
|
+
pointerEvents: "box-none"
|
|
58
|
+
}, headers.map(item => item.children)));
|
|
59
|
+
}
|
|
60
|
+
const styles = _reactNative.StyleSheet.create({
|
|
61
|
+
container: {
|
|
62
|
+
zIndex: 10
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
//# sourceMappingURL=CollapsibleHeaderConsumer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useCollapsibleHeaderConsumerContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleHeaderConsumer","_ref","children","headers","setHeaders","useState","mounted","useRef","useEffect","current","mount","useCallback","prev","unmount","filter","h","update","map","item","context","useMemo","createElement","CollapsibleHeaderConsumerContext","Provider","value","View","style","styles","container","pointerEvents","StyleSheet","create","zIndex"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderConsumer.tsx"],"mappings":"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"}
|
|
@@ -5,12 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = CollapsibleHeaderContainer;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var _useCollapsibleContext = _interopRequireDefault(require("../../hooks/useCollapsibleContext"));
|
|
11
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
12
|
-
var _useCollapsibleHeaderContext = require("../../hooks/useCollapsibleHeaderContext");
|
|
13
|
-
var _useSharedValueRef = _interopRequireDefault(require("../../utils/useSharedValueRef"));
|
|
8
|
+
var _useCollapsibleHeaderConsumerContext = _interopRequireDefault(require("../../hooks/useCollapsibleHeaderConsumerContext"));
|
|
9
|
+
var _CollapsibleHeaderContainerProvider = _interopRequireDefault(require("./CollapsibleHeaderContainerProvider"));
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
11
|
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); }
|
|
16
12
|
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; }
|
|
@@ -22,90 +18,33 @@ function CollapsibleHeaderContainer(_ref) {
|
|
|
22
18
|
} = _ref;
|
|
23
19
|
const contentKey = (0, _react.useMemo)(() => `collapsible-header-${key++}`, []);
|
|
24
20
|
const {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
scrollY
|
|
30
|
-
} = (0, _useCollapsibleContext.default)();
|
|
31
|
-
const currentLayout = (0, _reactNativeReanimated.useSharedValue)(undefined);
|
|
32
|
-
const [stickyLayouts, setStickyLayouts] = (0, _useSharedValueRef.default)({});
|
|
33
|
-
(0, _react.useEffect)(() => {
|
|
34
|
-
return () => {
|
|
35
|
-
handleHeaderContainerLayout(contentKey);
|
|
36
|
-
};
|
|
37
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
38
|
-
}, [contentKey]);
|
|
39
|
-
const stickyHeight = (0, _reactNativeReanimated.useDerivedValue)(() => Object.values(stickyLayouts.value).reduce((acc, value) => acc + ((value === null || value === void 0 ? void 0 : value.height) ?? 0), 0), []);
|
|
40
|
-
(0, _reactNativeReanimated.useAnimatedReaction)(() => {
|
|
41
|
-
if (!currentLayout.value) {
|
|
42
|
-
return -1;
|
|
43
|
-
}
|
|
44
|
-
return currentLayout.value.height - stickyHeight.value;
|
|
45
|
-
}, (result, previous) => {
|
|
46
|
-
if (result !== -1 && result !== previous) {
|
|
47
|
-
(0, _reactNativeReanimated.runOnJS)(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
const handleLayout = (0, _react.useCallback)(_ref2 => {
|
|
51
|
-
let {
|
|
52
|
-
nativeEvent: {
|
|
53
|
-
layout
|
|
54
|
-
}
|
|
55
|
-
} = _ref2;
|
|
56
|
-
currentLayout.value = layout;
|
|
57
|
-
}, [currentLayout]);
|
|
58
|
-
const handleStickyViewLayout = (0, _react.useCallback)((stickyKey, layout) => {
|
|
59
|
-
setStickyLayouts({
|
|
60
|
-
[stickyKey]: layout
|
|
61
|
-
});
|
|
62
|
-
}, [setStickyLayouts]);
|
|
21
|
+
mount,
|
|
22
|
+
unmount,
|
|
23
|
+
update
|
|
24
|
+
} = (0, _useCollapsibleHeaderConsumerContext.default)();
|
|
63
25
|
const internalStyle = (0, _react.useMemo)(() => {
|
|
64
26
|
return {
|
|
65
27
|
zIndex: 100000 - key
|
|
66
28
|
};
|
|
67
29
|
}, []);
|
|
68
|
-
const
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
return {
|
|
78
|
-
|
|
79
|
-
translateY: translateY.value
|
|
80
|
-
}]
|
|
30
|
+
const content = (0, _react.useMemo)(() => {
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement(_CollapsibleHeaderContainerProvider.default, {
|
|
32
|
+
containerStyle: [containerStyle, internalStyle],
|
|
33
|
+
contentKey: contentKey,
|
|
34
|
+
key: contentKey
|
|
35
|
+
}, children);
|
|
36
|
+
}, [children, containerStyle, contentKey, internalStyle]);
|
|
37
|
+
(0, _react.useEffect)(() => {
|
|
38
|
+
mount(contentKey, content);
|
|
39
|
+
return () => {
|
|
40
|
+
unmount(contentKey);
|
|
81
41
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
const maxV = currentLayout.value.height - stickyHeight.value;
|
|
90
|
-
return Math.max(0, Math.min(value, maxV));
|
|
91
|
-
});
|
|
92
|
-
const value = (0, _react.useMemo)(() => ({
|
|
93
|
-
handleStickyViewLayout,
|
|
94
|
-
animatedY
|
|
95
|
-
}), [handleStickyViewLayout, animatedY]);
|
|
96
|
-
return /*#__PURE__*/_react.default.createElement(_useCollapsibleHeaderContext.CollapsibleHeaderContext.Provider, {
|
|
97
|
-
value: value
|
|
98
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
99
|
-
key: contentKey,
|
|
100
|
-
style: [styles.container, containerStyle, internalStyle, animatedStyle],
|
|
101
|
-
pointerEvents: "box-none",
|
|
102
|
-
onLayout: handleLayout
|
|
103
|
-
}, children));
|
|
42
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
|
+
}, [contentKey]);
|
|
44
|
+
(0, _react.useEffect)(() => {
|
|
45
|
+
update(contentKey, content);
|
|
46
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
47
|
+
}, [content]);
|
|
48
|
+
return null;
|
|
104
49
|
}
|
|
105
|
-
const styles = _reactNative.StyleSheet.create({
|
|
106
|
-
container: {
|
|
107
|
-
overflow: 'hidden',
|
|
108
|
-
backgroundColor: 'white'
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
50
|
//# sourceMappingURL=CollapsibleHeaderContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_useCollapsibleHeaderConsumerContext","_interopRequireDefault","_CollapsibleHeaderContainerProvider","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleHeaderContainer","_ref","children","containerStyle","contentKey","useMemo","mount","unmount","update","useCollapsibleHeaderConsumerContext","internalStyle","zIndex","content","createElement","useEffect"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderContainer.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = CollapsibleHeaderContainerProvider;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _useInternalCollapsibleContext = _interopRequireDefault(require("../../hooks/useInternalCollapsibleContext"));
|
|
10
|
+
var _useCollapsibleContext = _interopRequireDefault(require("../../hooks/useCollapsibleContext"));
|
|
11
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
12
|
+
var _useCollapsibleHeaderContext = require("../../hooks/useCollapsibleHeaderContext");
|
|
13
|
+
var _useSharedValueRef = _interopRequireDefault(require("../../utils/useSharedValueRef"));
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
function CollapsibleHeaderContainerProvider(_ref) {
|
|
18
|
+
let {
|
|
19
|
+
children,
|
|
20
|
+
containerStyle,
|
|
21
|
+
contentKey
|
|
22
|
+
} = _ref;
|
|
23
|
+
const {
|
|
24
|
+
handleHeaderContainerLayout,
|
|
25
|
+
headerViewPositions
|
|
26
|
+
} = (0, _useInternalCollapsibleContext.default)();
|
|
27
|
+
const {
|
|
28
|
+
scrollY
|
|
29
|
+
} = (0, _useCollapsibleContext.default)();
|
|
30
|
+
const currentLayout = (0, _reactNativeReanimated.useSharedValue)(undefined);
|
|
31
|
+
const [stickyLayouts, setStickyLayouts] = (0, _useSharedValueRef.default)({});
|
|
32
|
+
(0, _react.useEffect)(() => {
|
|
33
|
+
return () => {
|
|
34
|
+
handleHeaderContainerLayout(contentKey);
|
|
35
|
+
};
|
|
36
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
37
|
+
}, [contentKey]);
|
|
38
|
+
const stickyHeight = (0, _reactNativeReanimated.useDerivedValue)(() => Object.values(stickyLayouts.value).reduce((acc, value) => acc + ((value === null || value === void 0 ? void 0 : value.height) ?? 0), 0), []);
|
|
39
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => {
|
|
40
|
+
if (!currentLayout.value) {
|
|
41
|
+
return -1;
|
|
42
|
+
}
|
|
43
|
+
return currentLayout.value.height - stickyHeight.value;
|
|
44
|
+
}, (result, previous) => {
|
|
45
|
+
if (result !== -1 && result !== previous) {
|
|
46
|
+
(0, _reactNativeReanimated.runOnJS)(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
const handleLayout = (0, _react.useCallback)(_ref2 => {
|
|
50
|
+
let {
|
|
51
|
+
nativeEvent: {
|
|
52
|
+
layout
|
|
53
|
+
}
|
|
54
|
+
} = _ref2;
|
|
55
|
+
currentLayout.value = layout;
|
|
56
|
+
}, [currentLayout]);
|
|
57
|
+
const handleStickyViewLayout = (0, _react.useCallback)((stickyKey, layout) => {
|
|
58
|
+
setStickyLayouts({
|
|
59
|
+
[stickyKey]: layout
|
|
60
|
+
});
|
|
61
|
+
}, [setStickyLayouts]);
|
|
62
|
+
const translateY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
63
|
+
const position = headerViewPositions.value[contentKey];
|
|
64
|
+
if (!currentLayout.value || !position) {
|
|
65
|
+
return scrollY.value;
|
|
66
|
+
}
|
|
67
|
+
const topPosition = currentLayout.value.height + currentLayout.value.y - position.top - position.stickyHeight;
|
|
68
|
+
return (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, topPosition, 10000], [0, -topPosition, -topPosition], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
69
|
+
});
|
|
70
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
71
|
+
return {
|
|
72
|
+
transform: [{
|
|
73
|
+
translateY: translateY.value
|
|
74
|
+
}]
|
|
75
|
+
};
|
|
76
|
+
});
|
|
77
|
+
const animatedY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
78
|
+
const position = headerViewPositions.value[contentKey];
|
|
79
|
+
if (!currentLayout.value || !position) {
|
|
80
|
+
return 0;
|
|
81
|
+
}
|
|
82
|
+
const value = scrollY.value - currentLayout.value.y + position.top;
|
|
83
|
+
const maxV = currentLayout.value.height - stickyHeight.value;
|
|
84
|
+
return Math.max(0, Math.min(value, maxV));
|
|
85
|
+
});
|
|
86
|
+
const value = (0, _react.useMemo)(() => ({
|
|
87
|
+
handleStickyViewLayout,
|
|
88
|
+
animatedY
|
|
89
|
+
}), [handleStickyViewLayout, animatedY]);
|
|
90
|
+
return /*#__PURE__*/_react.default.createElement(_useCollapsibleHeaderContext.CollapsibleHeaderContext.Provider, {
|
|
91
|
+
value: value
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
93
|
+
key: contentKey,
|
|
94
|
+
style: [styles.container, containerStyle, animatedStyle],
|
|
95
|
+
pointerEvents: "box-none",
|
|
96
|
+
onLayout: handleLayout
|
|
97
|
+
}, children));
|
|
98
|
+
}
|
|
99
|
+
const styles = _reactNative.StyleSheet.create({
|
|
100
|
+
container: {
|
|
101
|
+
overflow: 'hidden',
|
|
102
|
+
backgroundColor: 'white'
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
//# sourceMappingURL=CollapsibleHeaderContainerProvider.js.map
|
|
@@ -0,0 +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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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CollapsibleHeaderConsumerContext = void 0;
|
|
7
|
+
exports.default = useCollapsibleHeaderConsumerContext;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
const CollapsibleHeaderConsumerContext =
|
|
10
|
+
/*#__PURE__*/
|
|
11
|
+
// @ts-ignore
|
|
12
|
+
(0, _react.createContext)({});
|
|
13
|
+
exports.CollapsibleHeaderConsumerContext = CollapsibleHeaderConsumerContext;
|
|
14
|
+
function useCollapsibleHeaderConsumerContext() {
|
|
15
|
+
const ctx = (0, _react.useContext)(CollapsibleHeaderConsumerContext);
|
|
16
|
+
if (!ctx) {
|
|
17
|
+
throw new Error('Component should be wrapped CollapsibleHeaderProvider');
|
|
18
|
+
}
|
|
19
|
+
return ctx;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=useCollapsibleHeaderConsumerContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","CollapsibleHeaderConsumerContext","createContext","exports","useCollapsibleHeaderConsumerContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["hooks/useCollapsibleHeaderConsumerContext.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWO,MAAMC,gCAAgC;AAAA;AAC3C;AACA,IAAAC,oBAAa,EAAuC,CAAC,CAAC,CAAC;AAACC,OAAA,CAAAF,gCAAA,GAAAA,gCAAA;AAE3C,SAASG,mCAAmCA,CAAA,EAAG;EAC5D,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,gCAAgC,CAAC;EACxD,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,uDAAuD,CAAC;EAC1E;EACA,OAAOF,GAAG;AACZ"}
|
|
@@ -19,7 +19,6 @@ function withCollapsibleContext(Component) {
|
|
|
19
19
|
const scrollY = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
20
20
|
const fixedHeaderHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
21
21
|
const containerHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
22
|
-
const containerRef = (0, _react.useRef)(null);
|
|
23
22
|
const scrollViewRef = (0, _react.useRef)(null);
|
|
24
23
|
const headerContainerLayouts = (0, _react.useRef)({});
|
|
25
24
|
const headerViewPositions = (0, _reactNativeReanimated.useSharedValue)({});
|
|
@@ -95,7 +94,6 @@ function withCollapsibleContext(Component) {
|
|
|
95
94
|
}, [scrollY, headerHeight, headerCollapsed]);
|
|
96
95
|
const internalContext = (0, _react.useMemo)(() => ({
|
|
97
96
|
scrollViewRef,
|
|
98
|
-
containerRef,
|
|
99
97
|
handleHeaderContainerLayout,
|
|
100
98
|
setCollapsibleHandlers,
|
|
101
99
|
handleContainerHeight,
|
|
@@ -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","
|
|
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","totalHeight","reduce","acc","_headerContainerLayou","height","withTiming","duration","sortedHeaders","sort","a","b","_headerContainerLayou2","_headerContainerLayou3","y","values","aStickyHeight","index","length","_headerContainerLayou4","headerKey","sHeight","top","handleContainerHeight","context","useMemo","collapse","animated","_collapsibleHandlers$","expand","_collapsibleHandlers$2","scrollTo","offset","animate","_collapsibleHandlers$3","scrollToIndex","params","_collapsibleHandlers$4","internalContext","createElement","CollapsibleContext","Provider","InternalCollapsibleContext"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { KeyboardAvoidingView, StyleSheet, View } from 'react-native';
|
|
|
5
5
|
import useKeyboardShowEvent from '../hooks/useKeyboardShowEvent';
|
|
6
6
|
import useInternalCollapsibleContext from '../hooks/useInternalCollapsibleContext';
|
|
7
7
|
import useCollapsibleContext from '../hooks/useCollapsibleContext';
|
|
8
|
+
import CollapsibleHeaderConsumer from './header/CollapsibleHeaderConsumer';
|
|
8
9
|
export default function CollapsibleContainer(_ref) {
|
|
9
10
|
let {
|
|
10
11
|
children,
|
|
@@ -12,8 +13,8 @@ export default function CollapsibleContainer(_ref) {
|
|
|
12
13
|
textInputRefs = [],
|
|
13
14
|
...props
|
|
14
15
|
} = _ref;
|
|
16
|
+
const containerRef = useRef(null);
|
|
15
17
|
const {
|
|
16
|
-
containerRef,
|
|
17
18
|
handleContainerHeight
|
|
18
19
|
} = useInternalCollapsibleContext();
|
|
19
20
|
const {
|
|
@@ -51,7 +52,7 @@ export default function CollapsibleContainer(_ref) {
|
|
|
51
52
|
style: [styles.container, props.style],
|
|
52
53
|
onLayout: handleContainerLayout,
|
|
53
54
|
collapsable: false
|
|
54
|
-
}), children));
|
|
55
|
+
}), /*#__PURE__*/React.createElement(CollapsibleHeaderConsumer, null, children)));
|
|
55
56
|
}
|
|
56
57
|
const styles = StyleSheet.create({
|
|
57
58
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useRef","KeyboardAvoidingView","StyleSheet","View","useKeyboardShowEvent","useInternalCollapsibleContext","useCollapsibleContext","CollapsibleContainer","_ref","children","keyboardAvoidingViewProps","textInputRefs","props","containerRef","handleContainerHeight","scrollY","scrollTo","containerHeight","some","ref","isFocusedFunc","current","isFocused","measureLayout","_left","top","_width","height","value","extraOffset","keyboardVerticalOffset","handleContainerLayout","layout","nativeEvent","createElement","_extends","style","styles","container","behavior","onLayout","collapsable","create","flex","overflow"],"sourceRoot":"../../../src","sources":["components/CollapsibleContainer.tsx"],"mappings":";AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SACEC,oBAAoB,EAGpBC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,OAAOC,oBAAoB,MAAM,+BAA+B;AAChE,OAAOC,6BAA6B,MAAM,wCAAwC;AAClF,OAAOC,qBAAqB,MAAM,gCAAgC;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","KeyboardAvoidingView","StyleSheet","View","useKeyboardShowEvent","useInternalCollapsibleContext","useCollapsibleContext","CollapsibleHeaderConsumer","CollapsibleContainer","_ref","children","keyboardAvoidingViewProps","textInputRefs","props","containerRef","handleContainerHeight","scrollY","scrollTo","containerHeight","some","ref","isFocusedFunc","current","isFocused","measureLayout","_left","top","_width","height","value","extraOffset","keyboardVerticalOffset","handleContainerLayout","layout","nativeEvent","createElement","_extends","style","styles","container","behavior","onLayout","collapsable","create","flex","overflow"],"sourceRoot":"../../../src","sources":["components/CollapsibleContainer.tsx"],"mappings":";AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SACEC,oBAAoB,EAGpBC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,OAAOC,oBAAoB,MAAM,+BAA+B;AAChE,OAAOC,6BAA6B,MAAM,wCAAwC;AAClF,OAAOC,qBAAqB,MAAM,gCAAgC;AAClE,OAAOC,yBAAyB,MAAM,oCAAoC;AAQ1E,eAAe,SAASC,oBAAoBA,CAAAC,IAAA,EAKlC;EAAA,IALmC;IAC3CC,QAAQ;IACRC,yBAAyB;IACzBC,aAAa,GAAG,EAAE;IAClB,GAAGC;EACE,CAAC,GAAAJ,IAAA;EACN,MAAMK,YAAY,GAAGd,MAAM,CAAO,IAAI,CAAC;EACvC,MAAM;IAAEe;EAAsB,CAAC,GAAGV,6BAA6B,CAAC,CAAC;EACjE,MAAM;IAAEW,OAAO;IAAEC;EAAS,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EAErD,MAAMY,eAAe,GAAGlB,MAAM,CAAC,CAAC,CAAC;EAEjCI,oBAAoB,CAAC,MAAM;IACzBQ,aAAa,CAACO,IAAI,CAAEC,GAAG,IAAK;MAC1B,MAAMC,aAAa,GAAGD,GAAG,CAACE,OAAO,CAACC,SAAS;MAC3C,MAAMA,SAAS,GACbF,aAAa,IAAI,OAAOA,aAAa,KAAK,UAAU,GAChDA,aAAa,CAAC,CAAC,GACfA,aAAa;MACnB,IAAIE,SAAS,EAAE;QACbH,GAAG,CAACE,OAAO,CAACE,aAAa;QACvB;QACAV,YAAY,CAACQ,OAAO,EACpB,CAACG,KAAa,EAAEC,GAAW,EAAEC,MAAc,EAAEC,MAAc,KAAK;UAC9D,IAAIF,GAAG,GAAGE,MAAM,GAAGZ,OAAO,CAACa,KAAK,GAAGX,eAAe,CAACI,OAAO,EAAE;YAC1D,MAAMQ,WAAW,GACf,CAAAnB,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAEoB,sBAAsB,KAAI,EAAE;YACzDd,QAAQ,CAACS,GAAG,GAAGE,MAAM,GAAGE,WAAW,GAAGZ,eAAe,CAACI,OAAO,CAAC;UAChE;QACF,CAAC,EACD,MAAM,CAAC,CACT,CAAC;MACH;MACA,OAAOC,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,MAAMS,qBAAqB,GAAGjC,WAAW,CAAEkC,MAAyB,IAAK;IACvE,MAAML,MAAM,GAAGK,MAAM,CAACC,WAAW,CAACD,MAAM,CAACL,MAAM;IAC/CV,eAAe,CAACI,OAAO,GAAGM,MAAM;IAChCb,qBAAqB,CAACa,MAAM,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE9B,KAAA,CAAAqC,aAAA,CAAClC,oBAAoB,EAAAmC,QAAA;IACnBC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,QAAQ,EAAC;EAAS,GACd7B,yBAAyB,gBAE7Bb,KAAA,CAAAqC,aAAA,CAAChC,IAAI,EAAAiC,QAAA,KACCvB,KAAK;IACTO,GAAG,EAAEN,YAAa;IAClBuB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE1B,KAAK,CAACwB,KAAK,CAAE;IACvCI,QAAQ,EAAET,qBAAsB;IAChCU,WAAW,EAAE;EAAM,iBAEnB5C,KAAA,CAAAqC,aAAA,CAAC5B,yBAAyB,QAAEG,QAAoC,CAC5D,CACc,CAAC;AAE3B;AAEA,MAAM4B,MAAM,GAAGpC,UAAU,CAACyC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
|
@@ -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"}
|