@r0b0t3d/react-native-collapsible 1.5.0-alpha.5 → 1.5.0-alpha.7
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 +35 -11
- package/lib/commonjs/components/CollapsibleContainer.js.map +1 -1
- package/lib/commonjs/index.js +1 -9
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/CollapsibleContainer.js +35 -11
- package/lib/module/components/CollapsibleContainer.js.map +1 -1
- package/lib/module/index.js +0 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/components/CollapsibleContainer.d.ts +3 -2
- package/lib/typescript/components/CollapsibleContainer.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +0 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CollapsibleContainer.tsx +40 -10
- package/src/index.tsx +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = CollapsibleContainerWrapper;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _useKeyboardShowEvent = _interopRequireDefault(require("../hooks/useKeyboardShowEvent"));
|
|
@@ -17,9 +17,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
17
17
|
function CollapsibleContainer(_ref) {
|
|
18
18
|
let {
|
|
19
19
|
children,
|
|
20
|
+
KeyboardAvoidingViewComponent = _reactNative.KeyboardAvoidingView,
|
|
20
21
|
keyboardAvoidingViewProps,
|
|
21
|
-
textInputRefs = []
|
|
22
|
-
...props
|
|
22
|
+
textInputRefs = []
|
|
23
23
|
} = _ref;
|
|
24
24
|
const {
|
|
25
25
|
containerHeight,
|
|
@@ -46,20 +46,44 @@ function CollapsibleContainer(_ref) {
|
|
|
46
46
|
return isFocused;
|
|
47
47
|
});
|
|
48
48
|
});
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(KeyboardAvoidingViewComponent, _extends({
|
|
50
|
+
style: styles.container,
|
|
51
|
+
behavior: "padding"
|
|
52
|
+
}, keyboardAvoidingViewProps), children);
|
|
53
|
+
}
|
|
54
|
+
function CollapsibleContainerWrapper(_ref2) {
|
|
55
|
+
let {
|
|
56
|
+
children,
|
|
57
|
+
textInputRefs,
|
|
58
|
+
keyboardAvoidingViewProps,
|
|
59
|
+
KeyboardAvoidingViewComponent,
|
|
60
|
+
...props
|
|
61
|
+
} = _ref2;
|
|
62
|
+
const {
|
|
63
|
+
containerHeight,
|
|
64
|
+
containerRef
|
|
65
|
+
} = (0, _useInternalCollapsibleContext.default)();
|
|
49
66
|
(0, _react.useLayoutEffect)(() => {
|
|
50
67
|
const {
|
|
51
68
|
height
|
|
52
69
|
} = containerRef.current.unstable_getBoundingClientRect();
|
|
53
70
|
containerHeight.value = height;
|
|
54
71
|
}, []);
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
72
|
+
function renderContent() {
|
|
73
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
|
|
74
|
+
ref: containerRef,
|
|
75
|
+
style: [styles.container, props.style],
|
|
76
|
+
collapsable: false
|
|
77
|
+
}), /*#__PURE__*/_react.default.createElement(_CollapsibleHeaderConsumer.default, null, children));
|
|
78
|
+
}
|
|
79
|
+
if (textInputRefs && textInputRefs.length > 0) {
|
|
80
|
+
return /*#__PURE__*/_react.default.createElement(CollapsibleContainer, {
|
|
81
|
+
textInputRefs: textInputRefs,
|
|
82
|
+
keyboardAvoidingViewProps: keyboardAvoidingViewProps,
|
|
83
|
+
KeyboardAvoidingViewComponent: KeyboardAvoidingViewComponent
|
|
84
|
+
}, renderContent());
|
|
85
|
+
}
|
|
86
|
+
return renderContent();
|
|
63
87
|
}
|
|
64
88
|
const styles = _reactNative.StyleSheet.create({
|
|
65
89
|
container: {
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","KeyboardAvoidingViewComponent","KeyboardAvoidingView","keyboardAvoidingViewProps","textInputRefs","containerHeight","containerRef","useInternalCollapsibleContext","scrollY","scrollTo","useCollapsibleContext","useKeyboardShowEvent","some","ref","isFocusedFunc","current","isFocused","measureLayout","_left","top","_width","height","value","extraOffset","keyboardVerticalOffset","createElement","style","styles","container","behavior","CollapsibleContainerWrapper","_ref2","props","useLayoutEffect","unstable_getBoundingClientRect","renderContent","View","collapsable","StyleSheet","create","flex","overflow"],"sourceRoot":"../../../src","sources":["components/CollapsibleContainer.tsx"],"mappings":"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"}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -13,8 +13,7 @@ var _exportNames = {
|
|
|
13
13
|
CollapsibleHeaderContainer: true,
|
|
14
14
|
StickyView: true,
|
|
15
15
|
CollapsibleView: true,
|
|
16
|
-
CollapsibleFlashList: true
|
|
17
|
-
CollapsibleLegendList: true
|
|
16
|
+
CollapsibleFlashList: true
|
|
18
17
|
};
|
|
19
18
|
Object.defineProperty(exports, "CollapsibleContainer", {
|
|
20
19
|
enumerable: true,
|
|
@@ -40,12 +39,6 @@ Object.defineProperty(exports, "CollapsibleHeaderContainer", {
|
|
|
40
39
|
return _CollapsibleHeaderContainer.default;
|
|
41
40
|
}
|
|
42
41
|
});
|
|
43
|
-
Object.defineProperty(exports, "CollapsibleLegendList", {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function () {
|
|
46
|
-
return _CollapsibleLegendList.default;
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
42
|
Object.defineProperty(exports, "CollapsibleScrollView", {
|
|
50
43
|
enumerable: true,
|
|
51
44
|
get: function () {
|
|
@@ -103,7 +96,6 @@ Object.keys(_CollapsibleView).forEach(function (key) {
|
|
|
103
96
|
});
|
|
104
97
|
});
|
|
105
98
|
var _CollapsibleFlashList = _interopRequireDefault(require("./plugins/CollapsibleFlashList"));
|
|
106
|
-
var _CollapsibleLegendList = _interopRequireDefault(require("./plugins/CollapsibleLegendList"));
|
|
107
99
|
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); }
|
|
108
100
|
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; }
|
|
109
101
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_withCollapsibleContext","_interopRequireDefault","require","_useCollapsibleContext","_CollapsibleContainer","_CollapsibleFlatList","_CollapsibleScrollView","_CollapsibleSectionList","_CollapsibleHeaderContainer","_StickyView","_CollapsibleView","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_CollapsibleFlashList","
|
|
1
|
+
{"version":3,"names":["_withCollapsibleContext","_interopRequireDefault","require","_useCollapsibleContext","_CollapsibleContainer","_CollapsibleFlatList","_CollapsibleScrollView","_CollapsibleSectionList","_CollapsibleHeaderContainer","_StickyView","_CollapsibleView","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_CollapsibleFlashList","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,oBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,sBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,uBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,2BAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,gBAAA,GAAAC,uBAAA,CAAAT,OAAA;AACAU,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,qBAAA,GAAAvB,sBAAA,CAAAC,OAAA;AAAiF,SAAAuB,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,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAV,GAAA,CAAAO,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAxB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAyB,wBAAA,WAAAtB,GAAA,IAAAe,GAAA,QAAAf,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAY,GAAA,EAAAf,GAAA,SAAAuB,IAAA,GAAAF,qBAAA,GAAAxB,MAAA,CAAAyB,wBAAA,CAAAP,GAAA,EAAAf,GAAA,cAAAuB,IAAA,KAAAA,IAAA,CAAAf,GAAA,IAAAe,IAAA,CAAAC,GAAA,KAAA3B,MAAA,CAAAS,cAAA,CAAAc,MAAA,EAAApB,GAAA,EAAAuB,IAAA,YAAAH,MAAA,CAAApB,GAAA,IAAAe,GAAA,CAAAf,GAAA,SAAAoB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAAA,SAAAlC,uBAAA6B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
|
@@ -6,12 +6,12 @@ import useKeyboardShowEvent from '../hooks/useKeyboardShowEvent';
|
|
|
6
6
|
import useInternalCollapsibleContext from '../hooks/useInternalCollapsibleContext';
|
|
7
7
|
import useCollapsibleContext from '../hooks/useCollapsibleContext';
|
|
8
8
|
import CollapsibleHeaderConsumer from './header/CollapsibleHeaderConsumer';
|
|
9
|
-
|
|
9
|
+
function CollapsibleContainer(_ref) {
|
|
10
10
|
let {
|
|
11
11
|
children,
|
|
12
|
+
KeyboardAvoidingViewComponent = KeyboardAvoidingView,
|
|
12
13
|
keyboardAvoidingViewProps,
|
|
13
|
-
textInputRefs = []
|
|
14
|
-
...props
|
|
14
|
+
textInputRefs = []
|
|
15
15
|
} = _ref;
|
|
16
16
|
const {
|
|
17
17
|
containerHeight,
|
|
@@ -38,20 +38,44 @@ export default function CollapsibleContainer(_ref) {
|
|
|
38
38
|
return isFocused;
|
|
39
39
|
});
|
|
40
40
|
});
|
|
41
|
+
return /*#__PURE__*/React.createElement(KeyboardAvoidingViewComponent, _extends({
|
|
42
|
+
style: styles.container,
|
|
43
|
+
behavior: "padding"
|
|
44
|
+
}, keyboardAvoidingViewProps), children);
|
|
45
|
+
}
|
|
46
|
+
export default function CollapsibleContainerWrapper(_ref2) {
|
|
47
|
+
let {
|
|
48
|
+
children,
|
|
49
|
+
textInputRefs,
|
|
50
|
+
keyboardAvoidingViewProps,
|
|
51
|
+
KeyboardAvoidingViewComponent,
|
|
52
|
+
...props
|
|
53
|
+
} = _ref2;
|
|
54
|
+
const {
|
|
55
|
+
containerHeight,
|
|
56
|
+
containerRef
|
|
57
|
+
} = useInternalCollapsibleContext();
|
|
41
58
|
useLayoutEffect(() => {
|
|
42
59
|
const {
|
|
43
60
|
height
|
|
44
61
|
} = containerRef.current.unstable_getBoundingClientRect();
|
|
45
62
|
containerHeight.value = height;
|
|
46
63
|
}, []);
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
64
|
+
function renderContent() {
|
|
65
|
+
return /*#__PURE__*/React.createElement(View, _extends({}, props, {
|
|
66
|
+
ref: containerRef,
|
|
67
|
+
style: [styles.container, props.style],
|
|
68
|
+
collapsable: false
|
|
69
|
+
}), /*#__PURE__*/React.createElement(CollapsibleHeaderConsumer, null, children));
|
|
70
|
+
}
|
|
71
|
+
if (textInputRefs && textInputRefs.length > 0) {
|
|
72
|
+
return /*#__PURE__*/React.createElement(CollapsibleContainer, {
|
|
73
|
+
textInputRefs: textInputRefs,
|
|
74
|
+
keyboardAvoidingViewProps: keyboardAvoidingViewProps,
|
|
75
|
+
KeyboardAvoidingViewComponent: KeyboardAvoidingViewComponent
|
|
76
|
+
}, renderContent());
|
|
77
|
+
}
|
|
78
|
+
return renderContent();
|
|
55
79
|
}
|
|
56
80
|
const styles = StyleSheet.create({
|
|
57
81
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useLayoutEffect","KeyboardAvoidingView","StyleSheet","View","useKeyboardShowEvent","useInternalCollapsibleContext","useCollapsibleContext","CollapsibleHeaderConsumer","CollapsibleContainer","_ref","children","
|
|
1
|
+
{"version":3,"names":["React","useLayoutEffect","KeyboardAvoidingView","StyleSheet","View","useKeyboardShowEvent","useInternalCollapsibleContext","useCollapsibleContext","CollapsibleHeaderConsumer","CollapsibleContainer","_ref","children","KeyboardAvoidingViewComponent","keyboardAvoidingViewProps","textInputRefs","containerHeight","containerRef","scrollY","scrollTo","some","ref","isFocusedFunc","current","isFocused","measureLayout","_left","top","_width","height","value","extraOffset","keyboardVerticalOffset","createElement","_extends","style","styles","container","behavior","CollapsibleContainerWrapper","_ref2","props","unstable_getBoundingClientRect","renderContent","collapsable","length","create","flex","overflow"],"sourceRoot":"../../../src","sources":["components/CollapsibleContainer.tsx"],"mappings":";AAAA;AACA,OAAOA,KAAK,IAAIC,eAAe,QAAQ,OAAO;AAC9C,SACEC,oBAAoB,EAEpBC,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;AAS1E,SAASC,oBAAoBA,CAAAC,IAAA,EAKnB;EAAA,IALoB;IAC5BC,QAAQ;IACRC,6BAA6B,GAAGV,oBAAoB;IACpDW,yBAAyB;IACzBC,aAAa,GAAG;EACX,CAAC,GAAAJ,IAAA;EACN,MAAM;IAAEK,eAAe;IAAEC;EAAa,CAAC,GAAGV,6BAA6B,CAAC,CAAC;EACzE,MAAM;IAAEW,OAAO;IAAEC;EAAS,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EAErDF,oBAAoB,CAAC,MAAM;IACzBS,aAAa,CAACK,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;QACAR,YAAY,CAACM,OAAO,EACpB,CAACG,KAAa,EAAEC,GAAW,EAAEC,MAAc,EAAEC,MAAc,KAAK;UAC9D,IAAIF,GAAG,GAAGE,MAAM,GAAGX,OAAO,CAACY,KAAK,GAAGd,eAAe,CAACc,KAAK,EAAE;YACxD,MAAMC,WAAW,GACf,CAAAjB,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAEkB,sBAAsB,KAAI,EAAE;YACzDb,QAAQ,CAACQ,GAAG,GAAGE,MAAM,GAAGE,WAAW,GAAGf,eAAe,CAACc,KAAK,CAAC;UAC9D;QACF,CAAC,EACD,MAAM,CAAC,CACT,CAAC;MACH;MACA,OAAON,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,oBACEvB,KAAA,CAAAgC,aAAA,CAACpB,6BAA6B,EAAAqB,QAAA;IAC5BC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,QAAQ,EAAC;EAAS,GACdxB,yBAAyB,GAE5BF,QAC4B,CAAC;AAEpC;AAEA,eAAe,SAAS2B,2BAA2BA,CAAAC,KAAA,EAMzC;EAAA,IAN0C;IAClD5B,QAAQ;IACRG,aAAa;IACbD,yBAAyB;IACzBD,6BAA6B;IAC7B,GAAG4B;EACE,CAAC,GAAAD,KAAA;EACN,MAAM;IAAExB,eAAe;IAAEC;EAAa,CAAC,GAAGV,6BAA6B,CAAC,CAAC;EAEzEL,eAAe,CAAC,MAAM;IACpB,MAAM;MAAE2B;IAAO,CAAC,GAAGZ,YAAY,CAACM,OAAO,CAACmB,8BAA8B,CAAC,CAAC;IACxE1B,eAAe,CAACc,KAAK,GAAGD,MAAM;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,SAASc,aAAaA,CAAA,EAAG;IACvB,oBACE1C,KAAA,CAAAgC,aAAA,CAAC5B,IAAI,EAAA6B,QAAA,KACCO,KAAK;MACTpB,GAAG,EAAEJ,YAAa;MAClBkB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEI,KAAK,CAACN,KAAK,CAAE;MACvCS,WAAW,EAAE;IAAM,iBAEnB3C,KAAA,CAAAgC,aAAA,CAACxB,yBAAyB,QAAEG,QAAoC,CAC5D,CAAC;EAEX;EAEA,IAAIG,aAAa,IAAIA,aAAa,CAAC8B,MAAM,GAAG,CAAC,EAAE;IAC7C,oBACE5C,KAAA,CAAAgC,aAAA,CAACvB,oBAAoB;MACnBK,aAAa,EAAEA,aAAc;MAC7BD,yBAAyB,EAAEA,yBAA0B;MACrDD,6BAA6B,EAAEA;IAA8B,GAE5D8B,aAAa,CAAC,CACK,CAAC;EAE3B;EACA,OAAOA,aAAa,CAAC,CAAC;AACxB;AAEA,MAAMP,MAAM,GAAGhC,UAAU,CAAC0C,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
package/lib/module/index.js
CHANGED
|
@@ -9,5 +9,4 @@ export { default as StickyView } from './components/header/StickyView';
|
|
|
9
9
|
export { default as CollapsibleView } from './components/CollapsibleView';
|
|
10
10
|
export * from './components/CollapsibleView';
|
|
11
11
|
export { default as CollapsibleFlashList } from './plugins/CollapsibleFlashList';
|
|
12
|
-
export { default as CollapsibleLegendList } from './plugins/CollapsibleLegendList';
|
|
13
12
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleScrollView","CollapsibleSectionList","CollapsibleHeaderContainer","StickyView","CollapsibleView","CollapsibleFlashList"
|
|
1
|
+
{"version":3,"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleScrollView","CollapsibleSectionList","CollapsibleHeaderContainer","StickyView","CollapsibleView","CollapsibleFlashList"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,+BAA+B;AAEhF,SAASF,OAAO,IAAIG,oBAAoB,QAAQ,mCAAmC;AACnF,SAASH,OAAO,IAAII,mBAAmB,QAAQ,6CAA6C;AAC5F,SAASJ,OAAO,IAAIK,qBAAqB,QAAQ,+CAA+C;AAChG,SAASL,OAAO,IAAIM,sBAAsB,QAAQ,gDAAgD;AAClG,SAASN,OAAO,IAAIO,0BAA0B,QAAQ,gDAAgD;AACtG,SAASP,OAAO,IAAIQ,UAAU,QAAQ,gCAAgC;AACtE,SAASR,OAAO,IAAIS,eAAe,QAAQ,8BAA8B;AACzE,cAAc,8BAA8B;AAE5C,SAAST,OAAO,IAAIU,oBAAoB,QAAQ,gCAAgC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { KeyboardAvoidingViewProps, ViewProps } from 'react-native';
|
|
2
|
+
import { KeyboardAvoidingView, KeyboardAvoidingViewProps, ViewProps } from 'react-native';
|
|
3
3
|
type Props = Omit<ViewProps, 'ref' | 'onLayout'> & {
|
|
4
4
|
children: Element;
|
|
5
|
+
KeyboardAvoidingViewComponent?: typeof KeyboardAvoidingView;
|
|
5
6
|
keyboardAvoidingViewProps?: KeyboardAvoidingViewProps;
|
|
6
7
|
textInputRefs?: any[];
|
|
7
8
|
};
|
|
8
|
-
export default function
|
|
9
|
+
export default function CollapsibleContainerWrapper({ children, textInputRefs, keyboardAvoidingViewProps, KeyboardAvoidingViewComponent, ...props }: Props): React.JSX.Element;
|
|
9
10
|
export {};
|
|
10
11
|
//# sourceMappingURL=CollapsibleContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EAGzB,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B,CAAC,EAAE,OAAO,oBAAoB,CAAC;IAC5D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB,CAAC;AA+CF,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,QAAQ,EACR,aAAa,EACb,yBAAyB,EACzB,6BAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,KAAK,qBAiCP"}
|
|
@@ -9,5 +9,4 @@ export { default as StickyView } from './components/header/StickyView';
|
|
|
9
9
|
export { default as CollapsibleView } from './components/CollapsibleView';
|
|
10
10
|
export * from './components/CollapsibleView';
|
|
11
11
|
export { default as CollapsibleFlashList } from './plugins/CollapsibleFlashList';
|
|
12
|
-
export { default as CollapsibleLegendList } from './plugins/CollapsibleLegendList';
|
|
13
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC"}
|
package/package.json
CHANGED
|
@@ -14,15 +14,16 @@ import CollapsibleHeaderConsumer from './header/CollapsibleHeaderConsumer';
|
|
|
14
14
|
|
|
15
15
|
type Props = Omit<ViewProps, 'ref' | 'onLayout'> & {
|
|
16
16
|
children: Element;
|
|
17
|
+
KeyboardAvoidingViewComponent?: typeof KeyboardAvoidingView;
|
|
17
18
|
keyboardAvoidingViewProps?: KeyboardAvoidingViewProps;
|
|
18
19
|
textInputRefs?: any[];
|
|
19
20
|
};
|
|
20
21
|
|
|
21
|
-
|
|
22
|
+
function CollapsibleContainer({
|
|
22
23
|
children,
|
|
24
|
+
KeyboardAvoidingViewComponent = KeyboardAvoidingView,
|
|
23
25
|
keyboardAvoidingViewProps,
|
|
24
26
|
textInputRefs = [],
|
|
25
|
-
...props
|
|
26
27
|
}: Props) {
|
|
27
28
|
const { containerHeight, containerRef } = useInternalCollapsibleContext();
|
|
28
29
|
const { scrollY, scrollTo } = useCollapsibleContext();
|
|
@@ -52,17 +53,33 @@ export default function CollapsibleContainer({
|
|
|
52
53
|
});
|
|
53
54
|
});
|
|
54
55
|
|
|
55
|
-
useLayoutEffect(() => {
|
|
56
|
-
const { height } = containerRef.current.unstable_getBoundingClientRect();
|
|
57
|
-
containerHeight.value = height;
|
|
58
|
-
}, []);
|
|
59
|
-
|
|
60
56
|
return (
|
|
61
|
-
<
|
|
57
|
+
<KeyboardAvoidingViewComponent
|
|
62
58
|
style={styles.container}
|
|
63
59
|
behavior="padding"
|
|
64
60
|
{...keyboardAvoidingViewProps}
|
|
65
61
|
>
|
|
62
|
+
{children}
|
|
63
|
+
</KeyboardAvoidingViewComponent>
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
export default function CollapsibleContainerWrapper({
|
|
68
|
+
children,
|
|
69
|
+
textInputRefs,
|
|
70
|
+
keyboardAvoidingViewProps,
|
|
71
|
+
KeyboardAvoidingViewComponent,
|
|
72
|
+
...props
|
|
73
|
+
}: Props) {
|
|
74
|
+
const { containerHeight, containerRef } = useInternalCollapsibleContext();
|
|
75
|
+
|
|
76
|
+
useLayoutEffect(() => {
|
|
77
|
+
const { height } = containerRef.current.unstable_getBoundingClientRect();
|
|
78
|
+
containerHeight.value = height;
|
|
79
|
+
}, []);
|
|
80
|
+
|
|
81
|
+
function renderContent() {
|
|
82
|
+
return (
|
|
66
83
|
<View
|
|
67
84
|
{...props}
|
|
68
85
|
ref={containerRef}
|
|
@@ -71,8 +88,21 @@ export default function CollapsibleContainer({
|
|
|
71
88
|
>
|
|
72
89
|
<CollapsibleHeaderConsumer>{children}</CollapsibleHeaderConsumer>
|
|
73
90
|
</View>
|
|
74
|
-
|
|
75
|
-
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
if (textInputRefs && textInputRefs.length > 0) {
|
|
95
|
+
return (
|
|
96
|
+
<CollapsibleContainer
|
|
97
|
+
textInputRefs={textInputRefs}
|
|
98
|
+
keyboardAvoidingViewProps={keyboardAvoidingViewProps}
|
|
99
|
+
KeyboardAvoidingViewComponent={KeyboardAvoidingViewComponent}
|
|
100
|
+
>
|
|
101
|
+
{renderContent()}
|
|
102
|
+
</CollapsibleContainer>
|
|
103
|
+
);
|
|
104
|
+
}
|
|
105
|
+
return renderContent();
|
|
76
106
|
}
|
|
77
107
|
|
|
78
108
|
const styles = StyleSheet.create({
|
package/src/index.tsx
CHANGED
|
@@ -11,4 +11,3 @@ export { default as CollapsibleView } from './components/CollapsibleView';
|
|
|
11
11
|
export * from './components/CollapsibleView';
|
|
12
12
|
|
|
13
13
|
export { default as CollapsibleFlashList } from './plugins/CollapsibleFlashList';
|
|
14
|
-
export { default as CollapsibleLegendList } from './plugins/CollapsibleLegendList';
|