react-native-input-select 1.1.9 → 1.1.10
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/CustomModal/index.js +5 -2
- package/lib/commonjs/components/CustomModal/index.js.map +1 -1
- package/lib/module/components/CustomModal/index.js +6 -3
- package/lib/module/components/CustomModal/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CustomModal/index.tsx +10 -5
|
@@ -26,9 +26,11 @@ const CustomModal = _ref => {
|
|
|
26
26
|
}, modalProps), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
27
27
|
onPress: () => onRequestClose(),
|
|
28
28
|
style: [styles.modalContainer, styles.modalBackgroundStyle, modalBackgroundStyle]
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
|
|
30
|
+
onPress: () => {}
|
|
29
31
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
|
|
30
32
|
style: [styles.modalOptionsContainer, modalOptionsContainerStyle]
|
|
31
|
-
}, children)));
|
|
33
|
+
}, children))));
|
|
32
34
|
};
|
|
33
35
|
const styles = _reactNative.StyleSheet.create({
|
|
34
36
|
modalContainer: {
|
|
@@ -42,7 +44,8 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
42
44
|
maxHeight: '50%',
|
|
43
45
|
backgroundColor: _colors.colors.white,
|
|
44
46
|
borderTopLeftRadius: 16,
|
|
45
|
-
borderTopRightRadius: 16
|
|
47
|
+
borderTopRightRadius: 16,
|
|
48
|
+
zIndex: 5
|
|
46
49
|
}
|
|
47
50
|
});
|
|
48
51
|
var _default = CustomModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CustomModal","_ref","open","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","Modal","transparent","visible","animationType","TouchableOpacity","onPress","style","styles","modalContainer","SafeAreaView","modalOptionsContainer","StyleSheet","create","flex","justifyContent","backgroundColor","maxHeight","colors","white","borderTopLeftRadius","borderTopRightRadius","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Modal,\n TouchableOpacity,\n SafeAreaView,\n StyleSheet,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n open,\n onRequestClose,\n modalBackgroundStyle,\n modalOptionsContainerStyle,\n modalProps,\n children,\n}: any) => {\n return (\n <Modal\n transparent={true}\n visible={open}\n onRequestClose={() => onRequestClose()}\n animationType=\"fade\"\n {...modalProps}\n >\n <TouchableOpacity\n onPress={() => onRequestClose()}\n style={[\n styles.modalContainer,\n styles.modalBackgroundStyle,\n modalBackgroundStyle,\n ]}\n >\n <SafeAreaView\n
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CustomModal","_ref","open","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","Modal","transparent","visible","animationType","TouchableOpacity","onPress","style","styles","modalContainer","TouchableWithoutFeedback","SafeAreaView","modalOptionsContainer","StyleSheet","create","flex","justifyContent","backgroundColor","maxHeight","colors","white","borderTopLeftRadius","borderTopRightRadius","zIndex","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Modal,\n TouchableOpacity,\n SafeAreaView,\n StyleSheet,\n TouchableWithoutFeedback,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n open,\n onRequestClose,\n modalBackgroundStyle,\n modalOptionsContainerStyle,\n modalProps,\n children,\n}: any) => {\n return (\n <Modal\n transparent={true}\n visible={open}\n onRequestClose={() => onRequestClose()}\n animationType=\"fade\"\n {...modalProps}\n >\n <TouchableOpacity\n onPress={() => onRequestClose()}\n style={[\n styles.modalContainer,\n styles.modalBackgroundStyle,\n modalBackgroundStyle,\n ]}\n >\n {/* Added this `TouchableWithoutFeedback` wrapper because of the closing modal on expo web */}\n <TouchableWithoutFeedback onPress={() => {}}>\n <SafeAreaView\n style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}\n >\n {children}\n </SafeAreaView>\n </TouchableWithoutFeedback>\n </TouchableOpacity>\n </Modal>\n );\n};\n\nconst styles = StyleSheet.create({\n modalContainer: {\n flex: 1,\n justifyContent: 'flex-end',\n },\n modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n modalOptionsContainer: {\n maxHeight: '50%',\n backgroundColor: colors.white,\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n zIndex: 5,\n },\n});\n\nexport default CustomModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAF,OAAA;AAA6C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAE7C,MAAMQ,WAAW,GAAGC,IAAA,IAOT;EAAA,IAPU;IACnBC,IAAI;IACJC,cAAc;IACdC,oBAAoB;IACpBC,0BAA0B;IAC1BC,UAAU;IACVC;EACG,CAAC,GAAAN,IAAA;EACJ,oBACEvB,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAA4B,KAAK,EAAAvB,QAAA;IACJwB,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAET,IAAK;IACdC,cAAc,EAAEA,CAAA,KAAMA,cAAc,CAAC,CAAE;IACvCS,aAAa,EAAC;EAAM,GAChBN,UAAU,gBAEd5B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAAgC,gBAAgB;IACfC,OAAO,EAAEA,CAAA,KAAMX,cAAc,CAAC,CAAE;IAChCY,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACZ,oBAAoB,EAC3BA,oBAAoB;EACpB,gBAGF1B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAAqC,wBAAwB;IAACJ,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAC1CpC,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAAsC,YAAY;IACXJ,KAAK,EAAE,CAACC,MAAM,CAACI,qBAAqB,EAAEf,0BAA0B;EAAE,GAEjEE,QACW,CACU,CACV,CACb,CAAC;AAEZ,CAAC;AAED,MAAMS,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,cAAc,EAAE;IACdM,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDpB,oBAAoB,EAAE;IAAEqB,eAAe,EAAE;EAAqB,CAAC;EAC/DL,qBAAqB,EAAE;IACrBM,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEE,cAAM,CAACC,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYhC,WAAW;AAAAiC,OAAA,CAAAhD,OAAA,GAAA+C,QAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Modal, TouchableOpacity, SafeAreaView, StyleSheet } from 'react-native';
|
|
3
|
+
import { Modal, TouchableOpacity, SafeAreaView, StyleSheet, TouchableWithoutFeedback } from 'react-native';
|
|
4
4
|
import { colors } from '../../styles/colors';
|
|
5
5
|
const CustomModal = _ref => {
|
|
6
6
|
let {
|
|
@@ -19,9 +19,11 @@ const CustomModal = _ref => {
|
|
|
19
19
|
}, modalProps), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
20
20
|
onPress: () => onRequestClose(),
|
|
21
21
|
style: [styles.modalContainer, styles.modalBackgroundStyle, modalBackgroundStyle]
|
|
22
|
+
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
23
|
+
onPress: () => {}
|
|
22
24
|
}, /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
23
25
|
style: [styles.modalOptionsContainer, modalOptionsContainerStyle]
|
|
24
|
-
}, children)));
|
|
26
|
+
}, children))));
|
|
25
27
|
};
|
|
26
28
|
const styles = StyleSheet.create({
|
|
27
29
|
modalContainer: {
|
|
@@ -35,7 +37,8 @@ const styles = StyleSheet.create({
|
|
|
35
37
|
maxHeight: '50%',
|
|
36
38
|
backgroundColor: colors.white,
|
|
37
39
|
borderTopLeftRadius: 16,
|
|
38
|
-
borderTopRightRadius: 16
|
|
40
|
+
borderTopRightRadius: 16,
|
|
41
|
+
zIndex: 5
|
|
39
42
|
}
|
|
40
43
|
});
|
|
41
44
|
export default CustomModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Modal","TouchableOpacity","SafeAreaView","StyleSheet","colors","CustomModal","_ref","open","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","_extends","transparent","visible","animationType","onPress","style","styles","modalContainer","modalOptionsContainer","create","flex","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Modal,\n TouchableOpacity,\n SafeAreaView,\n StyleSheet,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n open,\n onRequestClose,\n modalBackgroundStyle,\n modalOptionsContainerStyle,\n modalProps,\n children,\n}: any) => {\n return (\n <Modal\n transparent={true}\n visible={open}\n onRequestClose={() => onRequestClose()}\n animationType=\"fade\"\n {...modalProps}\n >\n <TouchableOpacity\n onPress={() => onRequestClose()}\n style={[\n styles.modalContainer,\n styles.modalBackgroundStyle,\n modalBackgroundStyle,\n ]}\n >\n <SafeAreaView\n
|
|
1
|
+
{"version":3,"names":["React","Modal","TouchableOpacity","SafeAreaView","StyleSheet","TouchableWithoutFeedback","colors","CustomModal","_ref","open","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","_extends","transparent","visible","animationType","onPress","style","styles","modalContainer","modalOptionsContainer","create","flex","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius","zIndex"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Modal,\n TouchableOpacity,\n SafeAreaView,\n StyleSheet,\n TouchableWithoutFeedback,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n open,\n onRequestClose,\n modalBackgroundStyle,\n modalOptionsContainerStyle,\n modalProps,\n children,\n}: any) => {\n return (\n <Modal\n transparent={true}\n visible={open}\n onRequestClose={() => onRequestClose()}\n animationType=\"fade\"\n {...modalProps}\n >\n <TouchableOpacity\n onPress={() => onRequestClose()}\n style={[\n styles.modalContainer,\n styles.modalBackgroundStyle,\n modalBackgroundStyle,\n ]}\n >\n {/* Added this `TouchableWithoutFeedback` wrapper because of the closing modal on expo web */}\n <TouchableWithoutFeedback onPress={() => {}}>\n <SafeAreaView\n style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}\n >\n {children}\n </SafeAreaView>\n </TouchableWithoutFeedback>\n </TouchableOpacity>\n </Modal>\n );\n};\n\nconst styles = StyleSheet.create({\n modalContainer: {\n flex: 1,\n justifyContent: 'flex-end',\n },\n modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n modalOptionsContainer: {\n maxHeight: '50%',\n backgroundColor: colors.white,\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n zIndex: 5,\n },\n});\n\nexport default CustomModal;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EACLC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,EACVC,wBAAwB,QACnB,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,MAAMC,WAAW,GAAGC,IAAA,IAOT;EAAA,IAPU;IACnBC,IAAI;IACJC,cAAc;IACdC,oBAAoB;IACpBC,0BAA0B;IAC1BC,UAAU;IACVC;EACG,CAAC,GAAAN,IAAA;EACJ,oBACER,KAAA,CAAAe,aAAA,CAACd,KAAK,EAAAe,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAET,IAAK;IACdC,cAAc,EAAEA,CAAA,KAAMA,cAAc,CAAC,CAAE;IACvCS,aAAa,EAAC;EAAM,GAChBN,UAAU,gBAEdb,KAAA,CAAAe,aAAA,CAACb,gBAAgB;IACfkB,OAAO,EAAEA,CAAA,KAAMV,cAAc,CAAC,CAAE;IAChCW,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACX,oBAAoB,EAC3BA,oBAAoB;EACpB,gBAGFX,KAAA,CAAAe,aAAA,CAACV,wBAAwB;IAACe,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAC1CpB,KAAA,CAAAe,aAAA,CAACZ,YAAY;IACXkB,KAAK,EAAE,CAACC,MAAM,CAACE,qBAAqB,EAAEZ,0BAA0B;EAAE,GAEjEE,QACW,CACU,CACV,CACb,CAAC;AAEZ,CAAC;AAED,MAAMQ,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdG,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDhB,oBAAoB,EAAE;IAAEiB,eAAe,EAAE;EAAqB,CAAC;EAC/DJ,qBAAqB,EAAE;IACrBK,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEtB,MAAM,CAACwB,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAe1B,WAAW"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-input-select",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.10",
|
|
4
4
|
"description": "A customizable dropdown selection package for react-native for android and iOS with multiple select and search capabilities.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
TouchableOpacity,
|
|
5
5
|
SafeAreaView,
|
|
6
6
|
StyleSheet,
|
|
7
|
+
TouchableWithoutFeedback,
|
|
7
8
|
} from 'react-native';
|
|
8
9
|
import { colors } from '../../styles/colors';
|
|
9
10
|
|
|
@@ -31,11 +32,14 @@ const CustomModal = ({
|
|
|
31
32
|
modalBackgroundStyle,
|
|
32
33
|
]}
|
|
33
34
|
>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
{/* Added this `TouchableWithoutFeedback` wrapper because of the closing modal on expo web */}
|
|
36
|
+
<TouchableWithoutFeedback onPress={() => {}}>
|
|
37
|
+
<SafeAreaView
|
|
38
|
+
style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}
|
|
39
|
+
>
|
|
40
|
+
{children}
|
|
41
|
+
</SafeAreaView>
|
|
42
|
+
</TouchableWithoutFeedback>
|
|
39
43
|
</TouchableOpacity>
|
|
40
44
|
</Modal>
|
|
41
45
|
);
|
|
@@ -52,6 +56,7 @@ const styles = StyleSheet.create({
|
|
|
52
56
|
backgroundColor: colors.white,
|
|
53
57
|
borderTopLeftRadius: 16,
|
|
54
58
|
borderTopRightRadius: 16,
|
|
59
|
+
zIndex: 5,
|
|
55
60
|
},
|
|
56
61
|
});
|
|
57
62
|
|