react-native-input-select 2.1.4 → 2.1.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/CheckBox/index.js +11 -8
- package/lib/commonjs/components/CheckBox/index.js.map +1 -1
- package/lib/module/components/CheckBox/index.js +11 -8
- package/lib/module/components/CheckBox/index.js.map +1 -1
- package/lib/typescript/src/components/CheckBox/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CheckBox/index.tsx +16 -11
|
@@ -22,14 +22,18 @@ const CheckBox = ({
|
|
|
22
22
|
checkboxComponent,
|
|
23
23
|
checkboxDisabledStyle,
|
|
24
24
|
checkboxStyle,
|
|
25
|
-
checkboxUnselectedColor,
|
|
25
|
+
checkboxUnselectedColor = 'white',
|
|
26
26
|
checkboxLabelStyle
|
|
27
27
|
} = checkboxControls ?? {};
|
|
28
28
|
const fillColor = {
|
|
29
|
-
backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || _colors.colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor
|
|
29
|
+
backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || _colors.colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor,
|
|
30
30
|
borderColor: disabled ? checkboxDisabledStyle?.borderColor || _colors.colors.disabled : checkboxStyle?.borderColor || styles.checkbox.borderColor
|
|
31
31
|
};
|
|
32
32
|
label = typeof label === 'object' ? label : String(label);
|
|
33
|
+
const checkBoxDimensions = {
|
|
34
|
+
height: checkboxSize || _constants.CHECKBOX_SIZE,
|
|
35
|
+
width: checkboxSize || _constants.CHECKBOX_SIZE
|
|
36
|
+
};
|
|
33
37
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
34
38
|
onPress: onChange ? () => onChange(!value) : null,
|
|
35
39
|
style: [styles.checkboxContainer],
|
|
@@ -38,13 +42,12 @@ const CheckBox = ({
|
|
|
38
42
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
39
43
|
style: [styles.checkbox, checkboxStyle, fillColor],
|
|
40
44
|
"aria-checked": value
|
|
41
|
-
}, checkboxComponent || /*#__PURE__*/_react.default.createElement(_reactNative.
|
|
45
|
+
}, checkboxComponent || /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
46
|
+
style: checkBoxDimensions
|
|
47
|
+
}, value ? /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
42
48
|
source: require('../../asset/check.png'),
|
|
43
|
-
style:
|
|
44
|
-
|
|
45
|
-
width: checkboxSize || _constants.CHECKBOX_SIZE
|
|
46
|
-
}]
|
|
47
|
-
})), label && label !== '' && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
49
|
+
style: checkBoxDimensions
|
|
50
|
+
}) : null)), label && label !== '' && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
48
51
|
style: [checkboxLabelStyle, styles.labelStyle]
|
|
49
52
|
}, label));
|
|
50
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_constants","e","__esModule","default","CheckBox","label","value","disabled","primaryColor","checkboxControls","onChange","checkboxSize","checkboxComponent","checkboxDisabledStyle","checkboxStyle","checkboxUnselectedColor","checkboxLabelStyle","fillColor","backgroundColor","colors","borderColor","styles","checkbox","String","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_constants","e","__esModule","default","CheckBox","label","value","disabled","primaryColor","checkboxControls","onChange","checkboxSize","checkboxComponent","checkboxDisabledStyle","checkboxStyle","checkboxUnselectedColor","checkboxLabelStyle","fillColor","backgroundColor","colors","borderColor","styles","checkbox","String","checkBoxDimensions","height","CHECKBOX_SIZE","width","createElement","Pressable","onPress","style","checkboxContainer","View","Image","source","Text","labelStyle","StyleSheet","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["components/CheckBox/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,14 +15,18 @@ const CheckBox = ({
|
|
|
15
15
|
checkboxComponent,
|
|
16
16
|
checkboxDisabledStyle,
|
|
17
17
|
checkboxStyle,
|
|
18
|
-
checkboxUnselectedColor,
|
|
18
|
+
checkboxUnselectedColor = 'white',
|
|
19
19
|
checkboxLabelStyle
|
|
20
20
|
} = checkboxControls ?? {};
|
|
21
21
|
const fillColor = {
|
|
22
|
-
backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor
|
|
22
|
+
backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor,
|
|
23
23
|
borderColor: disabled ? checkboxDisabledStyle?.borderColor || colors.disabled : checkboxStyle?.borderColor || styles.checkbox.borderColor
|
|
24
24
|
};
|
|
25
25
|
label = typeof label === 'object' ? label : String(label);
|
|
26
|
+
const checkBoxDimensions = {
|
|
27
|
+
height: checkboxSize || CHECKBOX_SIZE,
|
|
28
|
+
width: checkboxSize || CHECKBOX_SIZE
|
|
29
|
+
};
|
|
26
30
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
27
31
|
onPress: onChange ? () => onChange(!value) : null,
|
|
28
32
|
style: [styles.checkboxContainer],
|
|
@@ -31,13 +35,12 @@ const CheckBox = ({
|
|
|
31
35
|
}, /*#__PURE__*/React.createElement(View, {
|
|
32
36
|
style: [styles.checkbox, checkboxStyle, fillColor],
|
|
33
37
|
"aria-checked": value
|
|
34
|
-
}, checkboxComponent || /*#__PURE__*/React.createElement(
|
|
38
|
+
}, checkboxComponent || /*#__PURE__*/React.createElement(View, {
|
|
39
|
+
style: checkBoxDimensions
|
|
40
|
+
}, value ? /*#__PURE__*/React.createElement(Image, {
|
|
35
41
|
source: require('../../asset/check.png'),
|
|
36
|
-
style:
|
|
37
|
-
|
|
38
|
-
width: checkboxSize || CHECKBOX_SIZE
|
|
39
|
-
}]
|
|
40
|
-
})), label && label !== '' && /*#__PURE__*/React.createElement(Text, {
|
|
42
|
+
style: checkBoxDimensions
|
|
43
|
+
}) : null)), label && label !== '' && /*#__PURE__*/React.createElement(Text, {
|
|
41
44
|
style: [checkboxLabelStyle, styles.labelStyle]
|
|
42
45
|
}, label));
|
|
43
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","label","value","disabled","primaryColor","checkboxControls","onChange","checkboxSize","checkboxComponent","checkboxDisabledStyle","checkboxStyle","checkboxUnselectedColor","checkboxLabelStyle","fillColor","backgroundColor","borderColor","styles","checkbox","String","createElement","onPress","style","checkboxContainer","source","require","
|
|
1
|
+
{"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","label","value","disabled","primaryColor","checkboxControls","onChange","checkboxSize","checkboxComponent","checkboxDisabledStyle","checkboxStyle","checkboxUnselectedColor","checkboxLabelStyle","fillColor","backgroundColor","borderColor","styles","checkbox","String","checkBoxDimensions","height","width","createElement","onPress","style","checkboxContainer","source","require","labelStyle","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft"],"sourceRoot":"../../../../src","sources":["components/CheckBox/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,gBAAgB;EAChBC;AACa,CAAC,KAAK;EACnB,MAAM;IACJC,YAAY;IACZC,iBAAiB;IACjBC,qBAAqB;IACrBC,aAAa;IACbC,uBAAuB,GAAG,OAAO;IACjCC;EACF,CAAC,GAAGP,gBAAgB,IAAI,CAAC,CAAC;EAE1B,MAAMQ,SAAS,GAAG;IAChBC,eAAe,EAAEX,QAAQ,GACrBM,qBAAqB,EAAEK,eAAe,IAAIhB,MAAM,CAACK,QAAQ,GACzDD,KAAK,GACLQ,aAAa,EAAEI,eAAe,IAAIV,YAAY,GAC9CO,uBAAuB;IAC3BI,WAAW,EAAEZ,QAAQ,GACjBM,qBAAqB,EAAEM,WAAW,IAAIjB,MAAM,CAACK,QAAQ,GACrDO,aAAa,EAAEK,WAAW,IAAIC,MAAM,CAACC,QAAQ,CAACF;EACpD,CAAC;EACDd,KAAK,GAAG,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGiB,MAAM,CAACjB,KAAK,CAAC;EAEzD,MAAMkB,kBAAkB,GAAG;IACzBC,MAAM,EAAEb,YAAY,IAAIR,aAAa;IACrCsB,KAAK,EAAEd,YAAY,IAAIR;EACzB,CAAC;EAED,oBACEP,KAAA,CAAA8B,aAAA,CAAC7B,SAAS;IACR8B,OAAO,EAAEjB,QAAQ,GAAG,MAAMA,QAAQ,CAAC,CAACJ,KAAK,CAAC,GAAG,IAAK;IAClDsB,KAAK,EAAE,CAACR,MAAM,CAACS,iBAAiB,CAAE;IAClCtB,QAAQ,EAAEA,QAAS;IACnB,cAAY,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG;EAAG,gBAEnDT,KAAA,CAAA8B,aAAA,CAACzB,IAAI;IACH2B,KAAK,EAAE,CAACR,MAAM,CAACC,QAAQ,EAAEP,aAAa,EAAEG,SAAS,CAAE;IACnD,gBAAcX;EAAM,GAEnBM,iBAAiB,iBAChBhB,KAAA,CAAA8B,aAAA,CAACzB,IAAI;IAAC2B,KAAK,EAAEL;EAAmB,GAC7BjB,KAAK,gBACJV,KAAA,CAAA8B,aAAA,CAAC1B,KAAK;IACJ8B,MAAM,EAAEC,OAAO,CAAC,uBAAuB,CAAE;IACzCH,KAAK,EAAEL;EAAmB,CAC3B,CAAC,GACA,IACA,CAEJ,CAAC,EACNlB,KAAK,IAAIA,KAAK,KAAK,EAAE,iBACpBT,KAAA,CAAA8B,aAAA,CAAC5B,IAAI;IAAC8B,KAAK,EAAE,CAACZ,kBAAkB,EAAEI,MAAM,CAACY,UAAU;EAAE,GAAE3B,KAAY,CAE5D,CAAC;AAEhB,CAAC;AAED,MAAMe,MAAM,GAAGrB,UAAU,CAACkC,MAAM,CAAC;EAC/BJ,iBAAiB,EAAE;IACjBK,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE;EACd,CAAC;EACDf,QAAQ,EAAE;IACRgB,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,OAAO;IACpBC,YAAY,EAAE,CAAC;IACfrB,WAAW,EAAE;EACf,CAAC;EACDa,UAAU,EAAE;IAAES,UAAU,EAAE;EAAG;AAC/B,CAAC,CAAC;AAEF,eAAerC,QAAQ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,GAAI,uEAOf,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,GAAI,uEAOf,aAAa,sBAsDf,CAAC;AAkBF,eAAe,QAAQ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-input-select",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.5",
|
|
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",
|
|
@@ -17,7 +17,7 @@ const CheckBox = ({
|
|
|
17
17
|
checkboxComponent,
|
|
18
18
|
checkboxDisabledStyle,
|
|
19
19
|
checkboxStyle,
|
|
20
|
-
checkboxUnselectedColor,
|
|
20
|
+
checkboxUnselectedColor = 'white',
|
|
21
21
|
checkboxLabelStyle,
|
|
22
22
|
} = checkboxControls ?? {};
|
|
23
23
|
|
|
@@ -26,12 +26,18 @@ const CheckBox = ({
|
|
|
26
26
|
? checkboxDisabledStyle?.backgroundColor || colors.disabled
|
|
27
27
|
: value
|
|
28
28
|
? checkboxStyle?.backgroundColor || primaryColor
|
|
29
|
-
: checkboxUnselectedColor
|
|
29
|
+
: checkboxUnselectedColor,
|
|
30
30
|
borderColor: disabled
|
|
31
31
|
? checkboxDisabledStyle?.borderColor || colors.disabled
|
|
32
32
|
: checkboxStyle?.borderColor || styles.checkbox.borderColor,
|
|
33
33
|
};
|
|
34
34
|
label = typeof label === 'object' ? label : String(label);
|
|
35
|
+
|
|
36
|
+
const checkBoxDimensions = {
|
|
37
|
+
height: checkboxSize || CHECKBOX_SIZE,
|
|
38
|
+
width: checkboxSize || CHECKBOX_SIZE,
|
|
39
|
+
};
|
|
40
|
+
|
|
35
41
|
return (
|
|
36
42
|
<Pressable
|
|
37
43
|
onPress={onChange ? () => onChange(!value) : null}
|
|
@@ -44,15 +50,14 @@ const CheckBox = ({
|
|
|
44
50
|
aria-checked={value}
|
|
45
51
|
>
|
|
46
52
|
{checkboxComponent || (
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
/>
|
|
53
|
+
<View style={checkBoxDimensions}>
|
|
54
|
+
{value ? (
|
|
55
|
+
<Image
|
|
56
|
+
source={require('../../asset/check.png')}
|
|
57
|
+
style={checkBoxDimensions}
|
|
58
|
+
/>
|
|
59
|
+
) : null}
|
|
60
|
+
</View>
|
|
56
61
|
)}
|
|
57
62
|
</View>
|
|
58
63
|
{label && label !== '' && (
|