react-native-input-select 1.3.18 → 2.1.0
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/README.md +40 -95
- package/lib/commonjs/components/CheckBox/index.js +19 -13
- package/lib/commonjs/components/CheckBox/index.js.map +1 -1
- package/lib/commonjs/components/CustomModal/index.js +12 -16
- package/lib/commonjs/components/CustomModal/index.js.map +1 -1
- package/lib/commonjs/components/Dropdown/Dropdown.js +3 -2
- package/lib/commonjs/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownListItem.js +2 -11
- package/lib/commonjs/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js +14 -14
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
- package/lib/commonjs/components/Input/index.js.map +1 -1
- package/lib/commonjs/components/{Dropdown → List}/DropdownFlatList.js +7 -28
- package/lib/commonjs/components/List/DropdownFlatList.js.map +1 -0
- package/lib/commonjs/components/{Dropdown → List}/DropdownSectionList.js +6 -24
- package/lib/commonjs/components/List/DropdownSectionList.js.map +1 -0
- package/lib/commonjs/hooks/index.js +61 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/use-index-of-selected-item.js +49 -0
- package/lib/commonjs/hooks/use-index-of-selected-item.js.map +1 -0
- package/lib/commonjs/hooks/use-modal.js +37 -0
- package/lib/commonjs/hooks/use-modal.js.map +1 -0
- package/lib/commonjs/hooks/use-search.js +58 -0
- package/lib/commonjs/hooks/use-search.js.map +1 -0
- package/lib/commonjs/hooks/use-select-all.js +70 -0
- package/lib/commonjs/hooks/use-select-all.js.map +1 -0
- package/lib/commonjs/hooks/use-selection-handler.js +62 -0
- package/lib/commonjs/hooks/use-selection-handler.js.map +1 -0
- package/lib/commonjs/index.js +120 -260
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/index.js +40 -5
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/components/CheckBox/index.js +19 -13
- package/lib/module/components/CheckBox/index.js.map +1 -1
- package/lib/module/components/CustomModal/index.js +12 -15
- package/lib/module/components/CustomModal/index.js.map +1 -1
- package/lib/module/components/Dropdown/Dropdown.js +3 -2
- package/lib/module/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownListItem.js +2 -11
- package/lib/module/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js +14 -14
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
- package/lib/module/components/Input/index.js.map +1 -1
- package/lib/module/components/{Dropdown → List}/DropdownFlatList.js +7 -28
- package/lib/module/components/List/DropdownFlatList.js.map +1 -0
- package/lib/module/components/{Dropdown → List}/DropdownSectionList.js +6 -24
- package/lib/module/components/List/DropdownSectionList.js.map +1 -0
- package/lib/module/hooks/index.js +6 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/use-index-of-selected-item.js +42 -0
- package/lib/module/hooks/use-index-of-selected-item.js.map +1 -0
- package/lib/module/hooks/use-modal.js +30 -0
- package/lib/module/hooks/use-modal.js.map +1 -0
- package/lib/module/hooks/use-search.js +51 -0
- package/lib/module/hooks/use-search.js.map +1 -0
- package/lib/module/hooks/use-select-all.js +63 -0
- package/lib/module/hooks/use-select-all.js.map +1 -0
- package/lib/module/hooks/use-selection-handler.js +55 -0
- package/lib/module/hooks/use-selection-handler.js.map +1 -0
- package/lib/module/index.js +123 -262
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/index.js +36 -4
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts +4 -2
- package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts.map +1 -1
- package/lib/typescript/src/components/CheckBox/index.d.ts +2 -2
- package/lib/typescript/src/components/CheckBox/index.d.ts.map +1 -1
- package/lib/typescript/src/components/CustomModal/index.d.ts +3 -1
- package/lib/typescript/src/components/CustomModal/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Dropdown/Dropdown.d.ts +1 -1
- package/lib/typescript/src/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts +1 -1
- package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts.map +1 -1
- package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts +1 -1
- package/lib/typescript/src/components/Input/index.d.ts +5 -1
- package/lib/typescript/src/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/src/components/List/DropdownFlatList.d.ts +6 -0
- package/lib/typescript/src/components/List/DropdownFlatList.d.ts.map +1 -0
- package/lib/typescript/src/components/List/DropdownSectionList.d.ts +4 -0
- package/lib/typescript/src/components/List/DropdownSectionList.d.ts.map +1 -0
- package/lib/typescript/src/hooks/index.d.ts +6 -0
- package/lib/typescript/src/hooks/index.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts +23 -0
- package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-modal.d.ts +13 -0
- package/lib/typescript/src/hooks/use-modal.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-search.d.ts +16 -0
- package/lib/typescript/src/hooks/use-search.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-select-all.d.ts +18 -0
- package/lib/typescript/src/hooks/use-select-all.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-selection-handler.d.ts +19 -0
- package/lib/typescript/src/hooks/use-selection-handler.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +19 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types/index.types.d.ts +33 -53
- package/lib/typescript/src/types/index.types.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +17 -3
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/package.json +21 -7
- package/src/components/CheckBox/checkbox.types.ts +2 -2
- package/src/components/CheckBox/index.tsx +23 -47
- package/src/components/CustomModal/index.tsx +15 -23
- package/src/components/Dropdown/Dropdown.tsx +3 -2
- package/src/components/Dropdown/DropdownListItem.tsx +1 -14
- package/src/components/Dropdown/DropdownSelectedItemsView.tsx +13 -13
- package/src/components/Input/index.tsx +13 -2
- package/src/components/{Dropdown → List}/DropdownFlatList.tsx +11 -23
- package/src/components/{Dropdown → List}/DropdownSectionList.tsx +10 -22
- package/src/hooks/index.ts +5 -0
- package/src/hooks/use-index-of-selected-item.ts +49 -0
- package/src/hooks/use-modal.ts +40 -0
- package/src/hooks/use-search.ts +95 -0
- package/src/hooks/use-select-all.ts +79 -0
- package/src/hooks/use-selection-handler.ts +81 -0
- package/src/index.tsx +277 -443
- package/src/types/index.types.ts +41 -56
- package/src/utils/index.ts +60 -3
- package/lib/commonjs/components/Dropdown/DropdownFlatList.js.map +0 -1
- package/lib/commonjs/components/Dropdown/DropdownSectionList.js.map +0 -1
- package/lib/module/components/Dropdown/DropdownFlatList.js.map +0 -1
- package/lib/module/components/Dropdown/DropdownSectionList.js.map +0 -1
- package/lib/typescript/src/components/Dropdown/DropdownFlatList.d.ts +0 -6
- package/lib/typescript/src/components/Dropdown/DropdownFlatList.d.ts.map +0 -1
- package/lib/typescript/src/components/Dropdown/DropdownSectionList.d.ts +0 -4
- package/lib/typescript/src/components/Dropdown/DropdownSectionList.d.ts.map +0 -1
|
@@ -7,32 +7,38 @@ const CheckBox = ({
|
|
|
7
7
|
value,
|
|
8
8
|
disabled,
|
|
9
9
|
primaryColor,
|
|
10
|
-
checkboxSize,
|
|
11
|
-
checkboxStyle,
|
|
12
|
-
checkboxLabelStyle,
|
|
13
|
-
checkboxComponentStyles,
|
|
14
|
-
checkboxComponent,
|
|
15
10
|
checkboxControls,
|
|
16
11
|
onChange
|
|
17
12
|
}) => {
|
|
13
|
+
const {
|
|
14
|
+
checkboxSize,
|
|
15
|
+
checkboxComponent,
|
|
16
|
+
checkboxDisabledStyle,
|
|
17
|
+
checkboxStyle,
|
|
18
|
+
checkboxUnselectedColor,
|
|
19
|
+
checkboxLabelStyle
|
|
20
|
+
} = checkboxControls ?? {};
|
|
18
21
|
const fillColor = {
|
|
19
|
-
backgroundColor: disabled ?
|
|
20
|
-
borderColor: disabled ?
|
|
22
|
+
backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor || 'white',
|
|
23
|
+
borderColor: disabled ? checkboxDisabledStyle?.borderColor || colors.disabled : checkboxStyle?.borderColor || styles.checkbox.borderColor
|
|
21
24
|
};
|
|
25
|
+
label = typeof label === 'object' ? label : String(label);
|
|
22
26
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
23
27
|
onPress: onChange ? () => onChange(!value) : null,
|
|
24
28
|
style: [styles.checkboxContainer],
|
|
25
|
-
disabled: disabled
|
|
29
|
+
disabled: disabled,
|
|
30
|
+
"aria-label": typeof label === 'string' ? label : ''
|
|
26
31
|
}, /*#__PURE__*/React.createElement(View, {
|
|
27
|
-
style: [styles.checkbox,
|
|
28
|
-
|
|
32
|
+
style: [styles.checkbox, checkboxStyle, fillColor],
|
|
33
|
+
"aria-checked": value
|
|
34
|
+
}, checkboxComponent || /*#__PURE__*/React.createElement(Image, {
|
|
29
35
|
source: require('../../asset/check.png'),
|
|
30
36
|
style: [{
|
|
31
|
-
height:
|
|
32
|
-
width:
|
|
37
|
+
height: checkboxSize || CHECKBOX_SIZE,
|
|
38
|
+
width: checkboxSize || CHECKBOX_SIZE
|
|
33
39
|
}]
|
|
34
40
|
})), label && label !== '' && /*#__PURE__*/React.createElement(Text, {
|
|
35
|
-
style: [
|
|
41
|
+
style: [checkboxLabelStyle, styles.labelStyle]
|
|
36
42
|
}, label));
|
|
37
43
|
};
|
|
38
44
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","label","value","disabled","primaryColor","
|
|
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","height","width","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;IACvBC;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,IAAI,OAAO;IACtCI,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;EACzD,oBACET,KAAA,CAAA2B,aAAA,CAAC1B,SAAS;IACR2B,OAAO,EAAEd,QAAQ,GAAG,MAAMA,QAAQ,CAAC,CAACJ,KAAK,CAAC,GAAG,IAAK;IAClDmB,KAAK,EAAE,CAACL,MAAM,CAACM,iBAAiB,CAAE;IAClCnB,QAAQ,EAAEA,QAAS;IACnB,cAAY,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG;EAAG,gBAEnDT,KAAA,CAAA2B,aAAA,CAACtB,IAAI;IACHwB,KAAK,EAAE,CAACL,MAAM,CAACC,QAAQ,EAAEP,aAAa,EAAEG,SAAS,CAAE;IACnD,gBAAcX;EAAM,GAEnBM,iBAAiB,iBAChBhB,KAAA,CAAA2B,aAAA,CAACvB,KAAK;IACJ2B,MAAM,EAAEC,OAAO,CAAC,uBAAuB,CAAE;IACzCH,KAAK,EAAE,CACL;MACEI,MAAM,EAAElB,YAAY,IAAIR,aAAa;MACrC2B,KAAK,EAAEnB,YAAY,IAAIR;IACzB,CAAC;EACD,CACH,CAEC,CAAC,EACNE,KAAK,IAAIA,KAAK,KAAK,EAAE,iBACpBT,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC2B,KAAK,EAAE,CAACT,kBAAkB,EAAEI,MAAM,CAACW,UAAU;EAAE,GAAE1B,KAAY,CAE5D,CAAC;AAEhB,CAAC;AAED,MAAMe,MAAM,GAAGrB,UAAU,CAACiC,MAAM,CAAC;EAC/BN,iBAAiB,EAAE;IACjBO,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE;EACd,CAAC;EACDd,QAAQ,EAAE;IACRe,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,OAAO;IACpBC,YAAY,EAAE,CAAC;IACfpB,WAAW,EAAE;EACf,CAAC;EACDY,UAAU,EAAE;IAAES,UAAU,EAAE;EAAG;AAC/B,CAAC,CAAC;AAEF,eAAepC,QAAQ","ignoreList":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
/* eslint-disable react-native/no-inline-styles */
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { KeyboardAvoidingView, Modal, Platform, SafeAreaView, StyleSheet, TouchableOpacity, TouchableWithoutFeedback } from 'react-native';
|
|
4
5
|
import { colors } from '../../styles/colors';
|
|
@@ -16,28 +17,24 @@ const ModalContentWrapper = ({
|
|
|
16
17
|
};
|
|
17
18
|
const CustomModal = ({
|
|
18
19
|
visible,
|
|
19
|
-
closeModal,
|
|
20
|
-
modalBackgroundStyle,
|
|
21
|
-
//kept for backwards compatibility
|
|
22
|
-
modalOptionsContainerStyle,
|
|
23
|
-
//kept for backwards compatibility
|
|
24
20
|
modalControls,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
children
|
|
21
|
+
children,
|
|
22
|
+
onRequestClose
|
|
28
23
|
}) => {
|
|
29
24
|
return /*#__PURE__*/React.createElement(Modal, _extends({
|
|
30
|
-
transparent: true,
|
|
31
25
|
visible: visible,
|
|
32
|
-
|
|
26
|
+
testID: "react-native-input-select-modal",
|
|
27
|
+
transparent: true,
|
|
33
28
|
animationType: "fade"
|
|
34
|
-
}, modalControls?.modalProps
|
|
35
|
-
onPress:
|
|
36
|
-
style: [styles.modalContainer, styles.modalBackgroundStyle, modalControls?.modalBackgroundStyle
|
|
29
|
+
}, modalControls?.modalProps), /*#__PURE__*/React.createElement(ModalContentWrapper, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
30
|
+
onPress: onRequestClose,
|
|
31
|
+
style: [styles.modalContainer, styles.modalBackgroundStyle, modalControls?.modalBackgroundStyle],
|
|
32
|
+
"aria-label": "close modal"
|
|
37
33
|
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
38
|
-
|
|
34
|
+
accessible: false
|
|
39
35
|
}, /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
40
|
-
style: [styles.modalOptionsContainer, modalControls?.modalOptionsContainerStyle
|
|
36
|
+
style: [styles.modalOptionsContainer, modalControls?.modalOptionsContainerStyle],
|
|
37
|
+
testID: "react-native-input-select-modal-body"
|
|
41
38
|
}, children)))));
|
|
42
39
|
};
|
|
43
40
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","KeyboardAvoidingView","Modal","Platform","SafeAreaView","StyleSheet","TouchableOpacity","TouchableWithoutFeedback","colors","ModalContentWrapper","children","OS","createElement","style","flex","behavior","Fragment","CustomModal","visible","
|
|
1
|
+
{"version":3,"names":["React","KeyboardAvoidingView","Modal","Platform","SafeAreaView","StyleSheet","TouchableOpacity","TouchableWithoutFeedback","colors","ModalContentWrapper","children","OS","createElement","style","flex","behavior","Fragment","CustomModal","visible","modalControls","onRequestClose","_extends","testID","transparent","animationType","modalProps","onPress","styles","modalContainer","modalBackgroundStyle","accessible","modalOptionsContainer","modalOptionsContainerStyle","create","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius","zIndex"],"sourceRoot":"../../../../src","sources":["components/CustomModal/index.tsx"],"mappings":";AAAA;AACA,OAAOA,KAAK,MAA2C,OAAO;AAC9D,SACEC,oBAAoB,EACpBC,KAAK,EAELC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,wBAAwB,QACnB,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAG5C;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAmB;EAC7E,OAAOP,QAAQ,CAACQ,EAAE,KAAK,KAAK,gBAC1BX,KAAA,CAAAY,aAAA,CAACX,oBAAoB;IAACY,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAE,CAAC,CAAE;IAACC,QAAQ,EAAC;EAAS,GAC3DL,QACmB,CAAC,gBAEvBV,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAgB,QAAA,QAAGN,QAAW,CACf;AACH,CAAC;AAED,MAAMO,WAAW,GAAGA,CAAC;EACnBC,OAAO;EACPC,aAAa;EACbT,QAAQ;EACRU;AAGW,CAAC,KAAK;EACjB,oBACEpB,KAAA,CAAAY,aAAA,CAACV,KAAK,EAAAmB,QAAA;IACJH,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAC,iCAAiC;IACxCC,WAAW,EAAE,IAAK;IAClBC,aAAa,EAAC;EAAM,GAChBL,aAAa,EAAEM,UAAU,gBAG7BzB,KAAA,CAAAY,aAAA,CAACH,mBAAmB,qBAClBT,KAAA,CAAAY,aAAA,CAACN,gBAAgB;IACfoB,OAAO,EAAEN,cAAe;IACxBP,KAAK,EAAE,CACLc,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACE,oBAAoB,EAC3BV,aAAa,EAAEU,oBAAoB,CACnC;IACF,cAAW;EAAa,gBAGxB7B,KAAA,CAAAY,aAAA,CAACL,wBAAwB;IAACuB,UAAU,EAAE;EAAM,gBAC1C9B,KAAA,CAAAY,aAAA,CAACR,YAAY;IACXS,KAAK,EAAE,CACLc,MAAM,CAACI,qBAAqB,EAC5BZ,aAAa,EAAEa,0BAA0B,CACzC;IACFV,MAAM,EAAC;EAAsC,GAE5CZ,QACW,CACU,CACV,CACC,CAChB,CAAC;AAEZ,CAAC;AAED,MAAMiB,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,cAAc,EAAE;IACdd,IAAI,EAAE,CAAC;IACPoB,cAAc,EAAE;EAClB,CAAC;EACDL,oBAAoB,EAAE;IAAEM,eAAe,EAAE;EAAqB,CAAC;EAC/DJ,qBAAqB,EAAE;IACrBK,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAE3B,MAAM,CAAC6B,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAevB,WAAW","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ const Dropdown = ({
|
|
|
9
9
|
placeholder,
|
|
10
10
|
helperText,
|
|
11
11
|
error,
|
|
12
|
-
|
|
12
|
+
labelsOfSelectedItems,
|
|
13
13
|
openModal,
|
|
14
14
|
closeModal,
|
|
15
15
|
isMultiple,
|
|
@@ -33,13 +33,14 @@ const Dropdown = ({
|
|
|
33
33
|
return /*#__PURE__*/React.createElement(View, {
|
|
34
34
|
style: [styles.dropdownInputContainer, dropdownContainerStyle],
|
|
35
35
|
accessibilityRole: "combobox",
|
|
36
|
+
pointerEvents: "box-none",
|
|
36
37
|
testID: testID
|
|
37
38
|
}, label && label !== '' && /*#__PURE__*/React.createElement(Text, {
|
|
38
39
|
style: [styles.label, labelStyle]
|
|
39
40
|
}, label), /*#__PURE__*/React.createElement(DropdownSelectedItemsView, {
|
|
40
41
|
placeholder: placeholder,
|
|
41
42
|
error: error,
|
|
42
|
-
|
|
43
|
+
labelsOfSelectedItems: labelsOfSelectedItems,
|
|
43
44
|
openModal: openModal,
|
|
44
45
|
closeModal: closeModal,
|
|
45
46
|
isMultiple: isMultiple,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","testID","label","placeholder","helperText","error","
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","testID","label","placeholder","helperText","error","labelsOfSelectedItems","openModal","closeModal","isMultiple","selectedItem","selectedItems","dropdownIcon","labelStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","style","styles","dropdownInputContainer","accessibilityRole","pointerEvents","helper","create","marginBottom","color","gray","caption","red","marginTop","primary","width","blackText","black"],"sourceRoot":"../../../../src","sources":["components/Dropdown/Dropdown.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,27 +9,18 @@ const DropdownListItem = ({
|
|
|
9
9
|
selectedOption,
|
|
10
10
|
onChange,
|
|
11
11
|
primaryColor,
|
|
12
|
-
checkboxSize,
|
|
13
|
-
checkboxStyle,
|
|
14
|
-
checkboxLabelStyle,
|
|
15
|
-
checkboxComponentStyles,
|
|
16
|
-
checkboxComponent,
|
|
17
12
|
checkboxControls
|
|
18
13
|
}) => {
|
|
19
14
|
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
20
15
|
style: styles.listItemContainerStyle,
|
|
21
|
-
onPress: item.disabled ? () => {} : () => onChange(item[optionValue])
|
|
16
|
+
onPress: item.disabled ? () => {} : () => onChange(item[optionValue])
|
|
22
17
|
}, /*#__PURE__*/React.createElement(CheckBox, {
|
|
23
18
|
value: isMultiple ? selectedOption.includes(item[optionValue]) : [selectedOption].includes(item[optionValue]),
|
|
24
19
|
label: item[optionLabel],
|
|
25
20
|
onChange: () => onChange(item[optionValue]),
|
|
26
21
|
primaryColor: primaryColor,
|
|
27
22
|
checkboxControls: checkboxControls,
|
|
28
|
-
|
|
29
|
-
checkboxStyle: checkboxComponentStyles?.checkboxStyle || checkboxStyle,
|
|
30
|
-
checkboxLabelStyle: checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle,
|
|
31
|
-
disabled: item.disabled,
|
|
32
|
-
checkboxComponent: checkboxComponent
|
|
23
|
+
disabled: item.disabled
|
|
33
24
|
}));
|
|
34
25
|
};
|
|
35
26
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","
|
|
1
|
+
{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxControls","createElement","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownListItem.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC;AACG,CAAC,KAAK;EACT,oBACEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IACfa,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EAAEZ,IAAI,CAACa,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMR,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC;EAAE,gBAEtER,KAAA,CAAAc,aAAA,CAACV,QAAQ;IACPgB,KAAK,EACHX,UAAU,GACNC,cAAc,CAACW,QAAQ,CAACf,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACW,QAAQ,CAACf,IAAI,CAACE,WAAW,CAAC,CAChD;IACDc,KAAK,EAAEhB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCM,QAAQ,EAAEb,IAAI,CAACa;EAAS,CACzB,CACe,CAAC;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,sBAAsB,EAAE;IACtBO,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAe1B,IAAI,CAACI,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { inputStyles } from '../../styles/input';
|
|
|
6
6
|
const DropdownSelectedItemsView = ({
|
|
7
7
|
placeholder,
|
|
8
8
|
error,
|
|
9
|
-
|
|
9
|
+
labelsOfSelectedItems,
|
|
10
10
|
openModal,
|
|
11
11
|
isMultiple,
|
|
12
12
|
selectedItem,
|
|
@@ -22,6 +22,10 @@ const DropdownSelectedItemsView = ({
|
|
|
22
22
|
disabled,
|
|
23
23
|
setIndexOfSelectedItem
|
|
24
24
|
}) => {
|
|
25
|
+
const openActions = label => {
|
|
26
|
+
openModal();
|
|
27
|
+
setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal
|
|
28
|
+
};
|
|
25
29
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
26
30
|
onPress: () => openModal(),
|
|
27
31
|
style: ({
|
|
@@ -38,7 +42,9 @@ const DropdownSelectedItemsView = ({
|
|
|
38
42
|
...inputStyles.inputFocusErrorState,
|
|
39
43
|
...dropdownErrorStyle
|
|
40
44
|
}],
|
|
41
|
-
disabled: disabled
|
|
45
|
+
disabled: disabled,
|
|
46
|
+
"aria-disabled": disabled,
|
|
47
|
+
testID: "react-native-input-select-dropdown-input-container"
|
|
42
48
|
}, /*#__PURE__*/React.createElement(ScrollView, {
|
|
43
49
|
horizontal: true,
|
|
44
50
|
alwaysBounceHorizontal: true,
|
|
@@ -46,26 +52,20 @@ const DropdownSelectedItemsView = ({
|
|
|
46
52
|
}, /*#__PURE__*/React.createElement(View, {
|
|
47
53
|
style: styles.selectedItemsContainer,
|
|
48
54
|
onStartShouldSetResponder: () => true
|
|
49
|
-
}, isMultiple ?
|
|
50
|
-
onPress: () =>
|
|
51
|
-
|
|
52
|
-
setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal
|
|
53
|
-
},
|
|
54
|
-
key: `react-native-input-select-${Math.random()}-${i}`,
|
|
55
|
+
}, isMultiple ? labelsOfSelectedItems?.map((label, i) => /*#__PURE__*/React.createElement(DropdownContent, {
|
|
56
|
+
onPress: () => openActions(label),
|
|
57
|
+
key: `react-native-input-select-list-item-${Math.random()}-${i}`,
|
|
55
58
|
style: [styles.selectedItems, {
|
|
56
59
|
backgroundColor: primaryColor
|
|
57
60
|
}, multipleSelectedItemStyle],
|
|
58
61
|
label: label,
|
|
59
62
|
disabled: disabled
|
|
60
63
|
})) : /*#__PURE__*/React.createElement(DropdownContent, {
|
|
61
|
-
onPress: () =>
|
|
62
|
-
openModal();
|
|
63
|
-
setIndexOfSelectedItem(getSelectedItemsLabel()); // immediately scrolls to list item with the specified label when modal
|
|
64
|
-
},
|
|
64
|
+
onPress: () => openActions(labelsOfSelectedItems),
|
|
65
65
|
style: [styles.blackText, selectedItemStyle],
|
|
66
|
-
label:
|
|
66
|
+
label: labelsOfSelectedItems,
|
|
67
67
|
disabled: disabled
|
|
68
|
-
}),
|
|
68
|
+
}), selectedItem === '' && selectedItems?.length === 0 && /*#__PURE__*/React.createElement(DropdownContent, {
|
|
69
69
|
onPress: () => openModal(),
|
|
70
70
|
style: [styles.blackText, placeholderStyle],
|
|
71
71
|
label: placeholder ?? 'Select an option',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","placeholder","error","
|
|
1
|
+
{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","placeholder","error","labelsOfSelectedItems","openModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","openActions","label","createElement","onPress","style","pressed","inputFocusState","borderColor","input","inputFocusErrorState","testID","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","i","DropdownContent","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","rest","_extends","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItemsView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","returnKeyType","create","margin"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,
|
|
1
|
+
{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","returnKeyType","create","margin"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,QAIH,cAAc;AACrB,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACpBC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,KAAK;EACLC,YAAY;EACZC,uBAAuB;EACvB,GAAGC;AAIY,CAAC,KAAK;EACrB,MAAM,CAACC,SAAS,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACO,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAEN,uBAAuB;EAAE,gBACvDb,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAAkB,QAAA;IACRZ,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLL,WAAW,CAACe,KAAK,EACjBhB,QAAQ,CAACiB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEZ;MAChB;IACF,CAAC,CAAC,EACFG,SAAS,IAAI;MAAEU,WAAW,EAAEb;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFe,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAE;IACFW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BP,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BkB,aAAa,EAAC;EAAQ,GAClBd,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAAC0B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IAAEW,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAevB,KAAK","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
|
2
2
|
/* eslint-disable react-native/no-inline-styles */
|
|
3
3
|
import React, { useEffect, useRef } from 'react';
|
|
4
4
|
import { FlatList, StyleSheet } from 'react-native';
|
|
5
|
-
import DropdownListItem from '
|
|
5
|
+
import DropdownListItem from '../Dropdown/DropdownListItem';
|
|
6
6
|
import { ItemSeparatorComponent, ListEmptyComponent } from '../Others';
|
|
7
7
|
const DropdownFlatList = ({
|
|
8
8
|
options,
|
|
@@ -15,14 +15,6 @@ const DropdownFlatList = ({
|
|
|
15
15
|
handleMultipleSelections,
|
|
16
16
|
handleSingleSelection,
|
|
17
17
|
primaryColor,
|
|
18
|
-
checkboxSize,
|
|
19
|
-
// kept for backwards compatibility to be removed in future release
|
|
20
|
-
checkboxStyle,
|
|
21
|
-
// kept for backwards compatibility to be removed in future release
|
|
22
|
-
checkboxLabelStyle,
|
|
23
|
-
// kept for backwards compatibility to be removed in future release
|
|
24
|
-
checkboxComponentStyles,
|
|
25
|
-
checkboxComponent,
|
|
26
18
|
checkboxControls,
|
|
27
19
|
listComponentStyles,
|
|
28
20
|
listIndex,
|
|
@@ -32,7 +24,7 @@ const DropdownFlatList = ({
|
|
|
32
24
|
}) => {
|
|
33
25
|
const flatlistRef = useRef(null);
|
|
34
26
|
const scrollToItem = index => {
|
|
35
|
-
flatlistRef
|
|
27
|
+
flatlistRef?.current?.scrollToIndex({
|
|
36
28
|
index,
|
|
37
29
|
animated: true
|
|
38
30
|
});
|
|
@@ -42,7 +34,11 @@ const DropdownFlatList = ({
|
|
|
42
34
|
scrollToItem(listIndex.itemIndex);
|
|
43
35
|
}
|
|
44
36
|
}, [listIndex]);
|
|
37
|
+
const itemSeparator = () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
|
|
38
|
+
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
39
|
+
});
|
|
45
40
|
return /*#__PURE__*/React.createElement(FlatList, _extends({
|
|
41
|
+
testID: "react-native-input-select-flat-list",
|
|
46
42
|
data: options,
|
|
47
43
|
extraData: isMultiple ? selectedItems : selectedItem,
|
|
48
44
|
initialNumToRender: 5,
|
|
@@ -53,9 +49,7 @@ const DropdownFlatList = ({
|
|
|
53
49
|
contentContainerStyle: [isSearchable ? {
|
|
54
50
|
paddingTop: 0
|
|
55
51
|
} : styles.contentContainerStyle],
|
|
56
|
-
ItemSeparatorComponent:
|
|
57
|
-
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
58
|
-
}),
|
|
52
|
+
ItemSeparatorComponent: itemSeparator,
|
|
59
53
|
renderItem: item => _renderItem(item, {
|
|
60
54
|
optionLabel,
|
|
61
55
|
optionValue,
|
|
@@ -64,16 +58,6 @@ const DropdownFlatList = ({
|
|
|
64
58
|
onChange: isMultiple ? handleMultipleSelections : handleSingleSelection,
|
|
65
59
|
scrollToItem,
|
|
66
60
|
primaryColor,
|
|
67
|
-
checkboxSize,
|
|
68
|
-
// kept for backwards compatibility
|
|
69
|
-
checkboxStyle,
|
|
70
|
-
// kept for backwards compatibility
|
|
71
|
-
checkboxLabelStyle,
|
|
72
|
-
// kept for backwards compatibility
|
|
73
|
-
checkboxComponentStyles,
|
|
74
|
-
// kept for backwards compatibility
|
|
75
|
-
checkboxComponent,
|
|
76
|
-
// kept for backwards compatibility
|
|
77
61
|
checkboxControls
|
|
78
62
|
}),
|
|
79
63
|
keyExtractor: (_item, index) => `Options${index}`,
|
|
@@ -98,12 +82,7 @@ const _renderItem = ({
|
|
|
98
82
|
selectedOption: props.selectedOption,
|
|
99
83
|
onChange: props.onChange,
|
|
100
84
|
primaryColor: props.primaryColor,
|
|
101
|
-
checkboxSize: props.checkboxSize,
|
|
102
|
-
checkboxStyle: props.checkboxStyle,
|
|
103
|
-
checkboxLabelStyle: props.checkboxLabelStyle,
|
|
104
85
|
scrollToItem: props.scrollToItem,
|
|
105
|
-
checkboxComponentStyles: props.checkboxComponentStyles,
|
|
106
|
-
checkboxComponent: props.checkboxComponent,
|
|
107
86
|
checkboxControls: props.checkboxControls
|
|
108
87
|
});
|
|
109
88
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","FlatList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","DropdownFlatList","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxControls","listComponentStyles","listIndex","emptyListMessage","listEmptyComponent","rest","flatlistRef","scrollToItem","index","current","scrollToIndex","animated","itemIndex","itemSeparator","createElement","itemSeparatorStyle","_extends","testID","data","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","renderItem","item","_renderItem","selectedOption","onChange","keyExtractor","_item","ref","onScrollToIndexFailed","setTimeout","props","create"],"sourceRoot":"../../../../src","sources":["components/List/DropdownFlatList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
|
2
2
|
/* eslint-disable react-native/no-inline-styles */
|
|
3
3
|
import React, { useEffect, useState, useRef } from 'react';
|
|
4
4
|
import { SectionList, StyleSheet } from 'react-native';
|
|
5
|
-
import DropdownListItem from '
|
|
5
|
+
import DropdownListItem from '../Dropdown/DropdownListItem';
|
|
6
6
|
import { ItemSeparatorComponent, ListEmptyComponent, SectionHeaderTitle } from '../Others';
|
|
7
7
|
import { extractPropertyFromArray } from '../../utils';
|
|
8
8
|
const DropdownSectionList = ({
|
|
@@ -16,11 +16,6 @@ const DropdownSectionList = ({
|
|
|
16
16
|
handleMultipleSelections,
|
|
17
17
|
handleSingleSelection,
|
|
18
18
|
primaryColor,
|
|
19
|
-
checkboxSize,
|
|
20
|
-
checkboxStyle,
|
|
21
|
-
checkboxLabelStyle,
|
|
22
|
-
checkboxComponentStyles,
|
|
23
|
-
checkboxComponent,
|
|
24
19
|
checkboxControls,
|
|
25
20
|
listComponentStyles,
|
|
26
21
|
listIndex,
|
|
@@ -71,7 +66,11 @@ const DropdownSectionList = ({
|
|
|
71
66
|
scrollToLocation(listIndex);
|
|
72
67
|
}
|
|
73
68
|
}, [listIndex]);
|
|
69
|
+
const itemSeparator = () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
|
|
70
|
+
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
71
|
+
});
|
|
74
72
|
return /*#__PURE__*/React.createElement(SectionList, _extends({
|
|
73
|
+
testID: "react-native-input-select-section-list",
|
|
75
74
|
sections: options,
|
|
76
75
|
extraData: isMultiple ? selectedItems : selectedItem,
|
|
77
76
|
initialNumToRender: 5,
|
|
@@ -82,9 +81,7 @@ const DropdownSectionList = ({
|
|
|
82
81
|
contentContainerStyle: [isSearchable ? {
|
|
83
82
|
paddingTop: 0
|
|
84
83
|
} : styles.contentContainerStyle],
|
|
85
|
-
ItemSeparatorComponent:
|
|
86
|
-
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
87
|
-
}),
|
|
84
|
+
ItemSeparatorComponent: itemSeparator,
|
|
88
85
|
renderItem: item => _renderItem(item, {
|
|
89
86
|
optionLabel,
|
|
90
87
|
optionValue,
|
|
@@ -92,16 +89,6 @@ const DropdownSectionList = ({
|
|
|
92
89
|
selectedOption: isMultiple ? selectedItems : selectedItem,
|
|
93
90
|
onChange: isMultiple ? handleMultipleSelections : handleSingleSelection,
|
|
94
91
|
primaryColor,
|
|
95
|
-
checkboxSize,
|
|
96
|
-
// kept for backwards compatibility
|
|
97
|
-
checkboxStyle,
|
|
98
|
-
// kept for backwards compatibility
|
|
99
|
-
checkboxLabelStyle,
|
|
100
|
-
// kept for backwards compatibility
|
|
101
|
-
checkboxComponentStyles,
|
|
102
|
-
// kept for backwards compatibility
|
|
103
|
-
checkboxComponent,
|
|
104
|
-
// kept for backwards compatibility
|
|
105
92
|
checkboxControls,
|
|
106
93
|
expandedSections
|
|
107
94
|
}),
|
|
@@ -143,11 +130,6 @@ const _renderItem = ({
|
|
|
143
130
|
selectedOption: props.selectedOption,
|
|
144
131
|
onChange: props.onChange,
|
|
145
132
|
primaryColor: props.primaryColor,
|
|
146
|
-
checkboxSize: props.checkboxSize,
|
|
147
|
-
checkboxStyle: props.checkboxStyle,
|
|
148
|
-
checkboxLabelStyle: props.checkboxLabelStyle,
|
|
149
|
-
checkboxComponentStyles: props.checkboxComponentStyles,
|
|
150
|
-
checkboxComponent: props.checkboxComponent,
|
|
151
133
|
checkboxControls: props.checkboxControls
|
|
152
134
|
});
|
|
153
135
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","useRef","SectionList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","SectionHeaderTitle","extractPropertyFromArray","DropdownSectionList","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxControls","listComponentStyles","listIndex","emptyListMessage","listEmptyComponent","rest","expandedSections","setExpandedSections","Set","initialState","handleToggleListExpansion","title","expandedSectionsState","next","has","delete","add","sectionlistRef","scrollToLocation","current","sectionIndex","animated","itemIndex","itemSeparator","createElement","itemSeparatorStyle","_extends","testID","sections","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","section","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","ref","onScrollToIndexFailed","setTimeout","props","create"],"sourceRoot":"../../../../src","sources":["components/List/DropdownSectionList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,yBAAyB;AACvC,cAAc,8BAA8B;AAC5C,cAAc,aAAa;AAC3B,cAAc,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { useState, useCallback } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* @description for scrollToIndex in Sectionlist and Flatlist
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
export const useIndexOfSelectedItem = ({
|
|
8
|
+
options,
|
|
9
|
+
optionLabel,
|
|
10
|
+
isSectionList
|
|
11
|
+
}) => {
|
|
12
|
+
const [listIndex, setListIndex] = useState({
|
|
13
|
+
itemIndex: -1,
|
|
14
|
+
sectionIndex: -1
|
|
15
|
+
});
|
|
16
|
+
const setIndexOfSelectedItem = useCallback(selectedLabel => {
|
|
17
|
+
if (isSectionList) {
|
|
18
|
+
options.forEach((section, sectionIndex) => {
|
|
19
|
+
const itemIndex = section.data.findIndex(item => item[optionLabel] === selectedLabel);
|
|
20
|
+
if (itemIndex !== -1) {
|
|
21
|
+
setListIndex({
|
|
22
|
+
sectionIndex,
|
|
23
|
+
itemIndex
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
} else {
|
|
28
|
+
const itemIndex = options.findIndex(item => item[optionLabel] === selectedLabel);
|
|
29
|
+
if (itemIndex !== -1) {
|
|
30
|
+
setListIndex({
|
|
31
|
+
itemIndex
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}, [options, optionLabel, isSectionList]);
|
|
36
|
+
return {
|
|
37
|
+
listIndex,
|
|
38
|
+
setListIndex,
|
|
39
|
+
setIndexOfSelectedItem
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=use-index-of-selected-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useCallback","useIndexOfSelectedItem","options","optionLabel","isSectionList","listIndex","setListIndex","itemIndex","sectionIndex","setIndexOfSelectedItem","selectedLabel","forEach","section","data","findIndex","item"],"sourceRoot":"../../../src","sources":["hooks/use-index-of-selected-item.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAS7C;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,OAAO;EACPC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAGvC;IAAEQ,SAAS,EAAE,CAAC,CAAC;IAAEC,YAAY,EAAE,CAAC;EAAE,CAAC,CAAC;EAEvC,MAAMC,sBAAsB,GAAGT,WAAW,CACvCU,aAAqB,IAAK;IACzB,IAAIN,aAAa,EAAE;MAChBF,OAAO,CAAwBS,OAAO,CAAC,CAACC,OAAO,EAAEJ,YAAY,KAAK;QACjE,MAAMD,SAAS,GAAGK,OAAO,CAACC,IAAI,CAACC,SAAS,CACrCC,IAAI,IAAKA,IAAI,CAACZ,WAAW,CAAC,KAAKO,aAClC,CAAC;QACD,IAAIH,SAAS,KAAK,CAAC,CAAC,EAAE;UACpBD,YAAY,CAAC;YAAEE,YAAY;YAAED;UAAU,CAAC,CAAC;QAC3C;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,MAAMA,SAAS,GAAIL,OAAO,CAAqBY,SAAS,CACrDC,IAAI,IAAKA,IAAI,CAACZ,WAAW,CAAC,KAAKO,aAClC,CAAC;MACD,IAAIH,SAAS,KAAK,CAAC,CAAC,EAAE;QACpBD,YAAY,CAAC;UAAEC;QAAU,CAAC,CAAC;MAC7B;IACF;EACF,CAAC,EACD,CAACL,OAAO,EAAEC,WAAW,EAAEC,aAAa,CACtC,CAAC;EAED,OAAO;IAAEC,SAAS;IAAEC,YAAY;IAAEG;EAAuB,CAAC;AAC5D,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { Platform } from 'react-native';
|
|
3
|
+
export const useModal = ({
|
|
4
|
+
resetOptionsRelatedState,
|
|
5
|
+
disabled,
|
|
6
|
+
modalControls
|
|
7
|
+
}) => {
|
|
8
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
9
|
+
const openModal = () => {
|
|
10
|
+
if (disabled) return;
|
|
11
|
+
setIsVisible(true);
|
|
12
|
+
resetOptionsRelatedState();
|
|
13
|
+
};
|
|
14
|
+
const closeModal = () => {
|
|
15
|
+
setIsVisible(false);
|
|
16
|
+
resetOptionsRelatedState();
|
|
17
|
+
|
|
18
|
+
// iOS supports the onDismiss prop but android does not, so we do this explicitly here
|
|
19
|
+
// https://reactnative.dev/docs/modal#ondismiss-ios
|
|
20
|
+
if (Platform.OS === 'android') {
|
|
21
|
+
modalControls?.modalProps?.onDismiss?.();
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
return {
|
|
25
|
+
isVisible,
|
|
26
|
+
openModal: () => openModal(),
|
|
27
|
+
closeModal: () => closeModal()
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=use-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","Platform","useModal","resetOptionsRelatedState","disabled","modalControls","isVisible","setIsVisible","openModal","closeModal","OS","modalProps","onDismiss"],"sourceRoot":"../../../src","sources":["hooks/use-modal.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,QAAQ,QAAQ,cAAc;AASvC,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,wBAAwB;EACxBC,QAAQ;EACRC;AACa,CAAC,KAAK;EACnB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMQ,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAIJ,QAAQ,EAAE;IACdG,YAAY,CAAC,IAAI,CAAC;IAClBJ,wBAAwB,CAAC,CAAC;EAC5B,CAAC;EAED,MAAMM,UAAU,GAAGA,CAAA,KAAM;IACvBF,YAAY,CAAC,KAAK,CAAC;IACnBJ,wBAAwB,CAAC,CAAC;;IAE1B;IACA;IACA,IAAIF,QAAQ,CAACS,EAAE,KAAK,SAAS,EAAE;MAC7BL,aAAa,EAAEM,UAAU,EAAEC,SAAS,GAAG,CAAC;IAC1C;EACF,CAAC;EAED,OAAO;IACLN,SAAS;IACTE,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAAC,CAAC;IAC5BC,UAAU,EAAEA,CAAA,KAAMA,UAAU,CAAC;EAC/B,CAAC;AACH,CAAC","ignoreList":[]}
|