react-native-input-select 1.3.18 → 2.0.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 +38 -36
- package/lib/commonjs/components/CheckBox/index.js +4 -2
- package/lib/commonjs/components/CheckBox/index.js.map +1 -1
- package/lib/commonjs/components/CustomModal/index.js +11 -9
- 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 +1 -1
- package/lib/commonjs/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js +13 -13
- 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 -5
- package/lib/commonjs/components/List/DropdownFlatList.js.map +1 -0
- package/lib/commonjs/components/{Dropdown → List}/DropdownSectionList.js +6 -4
- 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 +40 -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 +118 -224
- 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 +4 -2
- package/lib/module/components/CheckBox/index.js.map +1 -1
- package/lib/module/components/CustomModal/index.js +11 -8
- 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 +1 -1
- package/lib/module/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js +13 -13
- 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 -5
- package/lib/module/components/List/DropdownFlatList.js.map +1 -0
- package/lib/module/components/{Dropdown → List}/DropdownSectionList.js +6 -4
- 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 +33 -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 +121 -226
- 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 +1 -1
- package/lib/typescript/src/components/CheckBox/index.d.ts.map +1 -1
- package/lib/typescript/src/components/CustomModal/index.d.ts +4 -2
- 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.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/{Dropdown → List}/DropdownFlatList.d.ts +1 -1
- package/lib/typescript/src/components/List/DropdownFlatList.d.ts.map +1 -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 +15 -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 +54 -38
- 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 +8 -6
- package/src/components/CustomModal/index.tsx +14 -17
- package/src/components/Dropdown/Dropdown.tsx +3 -2
- package/src/components/Dropdown/DropdownListItem.tsx +1 -3
- package/src/components/Dropdown/DropdownSelectedItemsView.tsx +12 -12
- package/src/components/Input/index.tsx +13 -2
- package/src/components/{Dropdown → List}/DropdownFlatList.tsx +11 -8
- package/src/components/{Dropdown → List}/DropdownSectionList.tsx +10 -7
- package/src/hooks/index.ts +5 -0
- package/src/hooks/use-index-of-selected-item.ts +49 -0
- package/src/hooks/use-modal.ts +44 -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 +300 -443
- package/src/types/index.types.ts +67 -40
- 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.map +0 -1
- package/lib/typescript/src/components/Dropdown/DropdownSectionList.d.ts.map +0 -1
- /package/lib/typescript/src/components/{Dropdown → List}/DropdownSectionList.d.ts +0 -0
|
@@ -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,7 +17,6 @@ const ModalContentWrapper = ({
|
|
|
16
17
|
};
|
|
17
18
|
const CustomModal = ({
|
|
18
19
|
visible,
|
|
19
|
-
closeModal,
|
|
20
20
|
modalBackgroundStyle,
|
|
21
21
|
//kept for backwards compatibility
|
|
22
22
|
modalOptionsContainerStyle,
|
|
@@ -24,20 +24,23 @@ const CustomModal = ({
|
|
|
24
24
|
modalControls,
|
|
25
25
|
modalProps,
|
|
26
26
|
//kept for backwards compatibility
|
|
27
|
-
children
|
|
27
|
+
children,
|
|
28
|
+
onRequestClose
|
|
28
29
|
}) => {
|
|
29
30
|
return /*#__PURE__*/React.createElement(Modal, _extends({
|
|
30
|
-
transparent: true,
|
|
31
31
|
visible: visible,
|
|
32
|
-
|
|
32
|
+
testID: "react-native-input-select-modal",
|
|
33
|
+
transparent: true,
|
|
33
34
|
animationType: "fade"
|
|
34
35
|
}, modalControls?.modalProps, modalProps), /*#__PURE__*/React.createElement(ModalContentWrapper, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
35
|
-
onPress:
|
|
36
|
-
style: [styles.modalContainer, styles.modalBackgroundStyle, modalControls?.modalBackgroundStyle || modalBackgroundStyle]
|
|
36
|
+
onPress: onRequestClose,
|
|
37
|
+
style: [styles.modalContainer, styles.modalBackgroundStyle, modalControls?.modalBackgroundStyle || modalBackgroundStyle],
|
|
38
|
+
"aria-label": "close modal"
|
|
37
39
|
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
38
|
-
|
|
40
|
+
accessible: false
|
|
39
41
|
}, /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
40
|
-
style: [styles.modalOptionsContainer, modalControls?.modalOptionsContainerStyle || modalOptionsContainerStyle]
|
|
42
|
+
style: [styles.modalOptionsContainer, modalControls?.modalOptionsContainerStyle || modalOptionsContainerStyle],
|
|
43
|
+
testID: "react-native-input-select-modal-body"
|
|
41
44
|
}, children)))));
|
|
42
45
|
};
|
|
43
46
|
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","modalBackgroundStyle","modalOptionsContainerStyle","modalControls","modalProps","onRequestClose","_extends","testID","transparent","animationType","onPress","styles","modalContainer","accessible","modalOptionsContainer","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,oBAAoB;EAAE;EACtBC,0BAA0B;EAAE;EAC5BC,aAAa;EACbC,UAAU;EAAE;EACZZ,QAAQ;EACRa;AAGW,CAAC,KAAK;EACjB,oBACEvB,KAAA,CAAAY,aAAA,CAACV,KAAK,EAAAsB,QAAA;IACJN,OAAO,EAAEA,OAAQ;IACjBO,MAAM,EAAC,iCAAiC;IACxCC,WAAW,EAAE,IAAK;IAClBC,aAAa,EAAC;EAAM,GAChBN,aAAa,EAAEC,UAAU,EACzBA,UAAU,gBAGdtB,KAAA,CAAAY,aAAA,CAACH,mBAAmB,qBAClBT,KAAA,CAAAY,aAAA,CAACN,gBAAgB;IACfsB,OAAO,EAAEL,cAAe;IACxBV,KAAK,EAAE,CACLgB,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACV,oBAAoB,EAC3BE,aAAa,EAAEF,oBAAoB,IAAIA,oBAAoB,CAC3D;IACF,cAAW;EAAa,gBAGxBnB,KAAA,CAAAY,aAAA,CAACL,wBAAwB;IAACwB,UAAU,EAAE;EAAM,gBAC1C/B,KAAA,CAAAY,aAAA,CAACR,YAAY;IACXS,KAAK,EAAE,CACLgB,MAAM,CAACG,qBAAqB,EAC5BX,aAAa,EAAED,0BAA0B,IACvCA,0BAA0B,CAC5B;IACFK,MAAM,EAAC;EAAsC,GAE5Cf,QACW,CACU,CACV,CACC,CAChB,CAAC;AAEZ,CAAC;AAED,MAAMmB,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,cAAc,EAAE;IACdhB,IAAI,EAAE,CAAC;IACPoB,cAAc,EAAE;EAClB,CAAC;EACDf,oBAAoB,EAAE;IAAEgB,eAAe,EAAE;EAAqB,CAAC;EAC/DH,qBAAqB,EAAE;IACrBI,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":[]}
|
|
@@ -18,7 +18,7 @@ const DropdownListItem = ({
|
|
|
18
18
|
}) => {
|
|
19
19
|
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
20
20
|
style: styles.listItemContainerStyle,
|
|
21
|
-
onPress: item.disabled ? () => {} : () => onChange(item[optionValue])
|
|
21
|
+
onPress: item.disabled ? () => {} : () => onChange(item[optionValue])
|
|
22
22
|
}, /*#__PURE__*/React.createElement(CheckBox, {
|
|
23
23
|
value: isMultiple ? selectedOption.includes(item[optionValue]) : [selectedOption].includes(item[optionValue]),
|
|
24
24
|
label: item[optionLabel],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","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,YAAY;EACZC,aAAa;EACbC,kBAAkB;EAClBC,uBAAuB;EACvBC,iBAAiB;EACjBC;AACG,CAAC,KAAK;EACT,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB;IACfkB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,
|
|
1
|
+
{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","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,YAAY;EACZC,aAAa;EACbC,kBAAkB;EAClBC,uBAAuB;EACvBC,iBAAiB;EACjBC;AACG,CAAC,KAAK;EACT,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB;IACfkB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EAAEjB,IAAI,CAACkB,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMb,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC;EAAE,gBAEtER,KAAA,CAAAmB,aAAA,CAACf,QAAQ;IACPqB,KAAK,EACHhB,UAAU,GACNC,cAAc,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAChD;IACDmB,KAAK,EAAErB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BM,gBAAgB,EAAEA,gBAAiB;IACnCL,YAAY,EAAEG,uBAAuB,EAAEH,YAAY,IAAIA,YAAa;IACpEC,aAAa,EAAEE,uBAAuB,EAAEF,aAAa,IAAIA,aAAc;IACvEC,kBAAkB,EAChBC,uBAAuB,EAAED,kBAAkB,IAAIA,kBAChD;IACDS,QAAQ,EAAElB,IAAI,CAACkB,QAAS;IACxBP,iBAAiB,EAAEA;EAAkB,CACtC,CACe,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACyB,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,4BAAe/B,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,24 +52,18 @@ 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(),
|
|
@@ -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,
|
|
@@ -32,7 +32,7 @@ const DropdownFlatList = ({
|
|
|
32
32
|
}) => {
|
|
33
33
|
const flatlistRef = useRef(null);
|
|
34
34
|
const scrollToItem = index => {
|
|
35
|
-
flatlistRef
|
|
35
|
+
flatlistRef?.current?.scrollToIndex({
|
|
36
36
|
index,
|
|
37
37
|
animated: true
|
|
38
38
|
});
|
|
@@ -42,7 +42,11 @@ const DropdownFlatList = ({
|
|
|
42
42
|
scrollToItem(listIndex.itemIndex);
|
|
43
43
|
}
|
|
44
44
|
}, [listIndex]);
|
|
45
|
+
const itemSeparator = () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
|
|
46
|
+
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
47
|
+
});
|
|
45
48
|
return /*#__PURE__*/React.createElement(FlatList, _extends({
|
|
49
|
+
testID: "react-native-input-select-flat-list",
|
|
46
50
|
data: options,
|
|
47
51
|
extraData: isMultiple ? selectedItems : selectedItem,
|
|
48
52
|
initialNumToRender: 5,
|
|
@@ -53,9 +57,7 @@ const DropdownFlatList = ({
|
|
|
53
57
|
contentContainerStyle: [isSearchable ? {
|
|
54
58
|
paddingTop: 0
|
|
55
59
|
} : styles.contentContainerStyle],
|
|
56
|
-
ItemSeparatorComponent:
|
|
57
|
-
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
58
|
-
}),
|
|
60
|
+
ItemSeparatorComponent: itemSeparator,
|
|
59
61
|
renderItem: item => _renderItem(item, {
|
|
60
62
|
optionLabel,
|
|
61
63
|
optionValue,
|
|
@@ -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","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","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":";AAAA;AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAiBC,UAAU,QAAQ,cAAc;AAClE,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,sBAAsB,EAAEC,kBAAkB,QAAQ,WAAW;AAGtE,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,OAAO;EACPC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,YAAY;EACZC,aAAa;EACbC,YAAY;EACZC,wBAAwB;EACxBC,qBAAqB;EACrBC,YAAY;EACZC,YAAY;EAAE;EACdC,aAAa;EAAE;EACfC,kBAAkB;EAAE;EACpBC,uBAAuB;EACvBC,iBAAiB;EACjBC,gBAAgB;EAChBC,mBAAmB;EACnBC,SAAS;EACTC,gBAAgB;EAChBC,kBAAkB;EAClB,GAAGC;AAC2B,CAAC,KAAK;EACpC,MAAMC,WAAW,GAAG5B,MAAM,CAAsB,IAAI,CAAC;EAErD,MAAM6B,YAAY,GAAIC,KAAa,IAAK;IACtCF,WAAW,EAAEG,OAAO,EAAEC,aAAa,CAAC;MAClCF,KAAK;MACLG,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC;EAEDlC,SAAS,CAAC,MAAM;IACd,IAAIyB,SAAS,CAACU,SAAS,IAAI,CAAC,EAAE;MAC5BL,YAAY,CAACL,SAAS,CAACU,SAAS,CAAC;IACnC;EACF,CAAC,EAAE,CAACV,SAAS,CAAC,CAAC;EAEf,MAAMW,aAAa,GAAGA,CAAA,kBACpBrC,KAAA,CAAAsC,aAAA,CAAChC,sBAAsB;IACrBiC,kBAAkB,EAAEd,mBAAmB,EAAEc;EAAmB,CAC7D,CACF;EAED,oBACEvC,KAAA,CAAAsC,aAAA,CAACnC,QAAQ,EAAAqC,QAAA;IACPC,MAAM,EAAC,qCAAqC;IAC5CC,IAAI,EAAEjC,OAAQ;IACdkC,SAAS,EAAE/B,UAAU,GAAGE,aAAa,GAAGC,YAAa;IACrD6B,kBAAkB,EAAE,CAAE;IACtBrC,kBAAkB,EAChBqB,kBAAkB,iBAChB5B,KAAA,CAAAsC,aAAA,CAAC/B,kBAAkB;MACjBsC,uBAAuB,EACrBpB,mBAAmB,EAAEoB,uBACtB;MACDlB,gBAAgB,EAAEA;IAAiB,CACpC,CAEJ;IACDmB,qBAAqB,EAAE,CACrBjC,YAAY,GAAG;MAAEkC,UAAU,EAAE;IAAE,CAAC,GAAGC,MAAM,CAACF,qBAAqB,CAC/D;IACFxC,sBAAsB,EAAE+B,aAAc;IACtCY,UAAU,EAAGC,IAAI,IACfC,WAAW,CAACD,IAAI,EAAE;MAChBxC,WAAW;MACXC,WAAW;MACXC,UAAU;MACVwC,cAAc,EAAExC,UAAU,GAAGE,aAAa,GAAGC,YAAY;MACzDsC,QAAQ,EAAEzC,UAAU,GAChBI,wBAAwB,GACxBC,qBAAqB;MACzBc,YAAY;MACZb,YAAY;MACZC,YAAY;MAAE;MACdC,aAAa;MAAE;MACfC,kBAAkB;MAAE;MACpBC,uBAAuB;MAAE;MACzBC,iBAAiB;MAAE;MACnBC;IACF,CAAC,CACF;IACD8B,YAAY,EAAEA,CAACC,KAAK,EAAEvB,KAAK,KAAK,UAAUA,KAAK,EAAG;IAClDwB,GAAG,EAAE1B,WAAY;IACjB2B,qBAAqB,EAAEA,CAAC;MAAEzB;IAAM,CAAC,KAAK;MACpC0B,UAAU,CAAC,MAAM;QACf3B,YAAY,CAACC,KAAK,CAAC;MACrB,CAAC,EAAE,GAAG,CAAC;IACT;EAAE,GACEH,IAAI,CACT,CAAC;AAEN,CAAC;AAED,MAAMsB,WAAW,GAAGA,CAAC;EAAED;AAAU,CAAC,EAAES,KAAU,KAAK;EACjD,oBACE3D,KAAA,CAAAsC,aAAA,CAACjC,gBAAgB;IACf6C,IAAI,EAAEA,IAAK;IACXxC,WAAW,EAAEiD,KAAK,CAACjD,WAAY;IAC/BC,WAAW,EAAEgD,KAAK,CAAChD,WAAY;IAC/BC,UAAU,EAAE+C,KAAK,CAAC/C,UAAW;IAC7BwC,cAAc,EAAEO,KAAK,CAACP,cAAe;IACrCC,QAAQ,EAAEM,KAAK,CAACN,QAAS;IACzBnC,YAAY,EAAEyC,KAAK,CAACzC,YAAa;IACjCC,YAAY,EAAEwC,KAAK,CAACxC,YAAa;IACjCC,aAAa,EAAEuC,KAAK,CAACvC,aAAc;IACnCC,kBAAkB,EAAEsC,KAAK,CAACtC,kBAAmB;IAC7CU,YAAY,EAAE4B,KAAK,CAAC5B,YAAa;IACjCT,uBAAuB,EAAEqC,KAAK,CAACrC,uBAAwB;IACvDC,iBAAiB,EAAEoC,KAAK,CAACpC,iBAAkB;IAC3CC,gBAAgB,EAAEmC,KAAK,CAACnC;EAAiB,CAC1C,CAAC;AAEN,CAAC;AAED,MAAMwB,MAAM,GAAG5C,UAAU,CAACwD,MAAM,CAAC;EAC/Bd,qBAAqB,EAAE;IAAEC,UAAU,EAAE;EAAG;AAC1C,CAAC,CAAC;AAEF,eAAevC,gBAAgB","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 = ({
|
|
@@ -71,7 +71,11 @@ const DropdownSectionList = ({
|
|
|
71
71
|
scrollToLocation(listIndex);
|
|
72
72
|
}
|
|
73
73
|
}, [listIndex]);
|
|
74
|
+
const itemSeparator = () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
|
|
75
|
+
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
76
|
+
});
|
|
74
77
|
return /*#__PURE__*/React.createElement(SectionList, _extends({
|
|
78
|
+
testID: "react-native-input-select-section-list",
|
|
75
79
|
sections: options,
|
|
76
80
|
extraData: isMultiple ? selectedItems : selectedItem,
|
|
77
81
|
initialNumToRender: 5,
|
|
@@ -82,9 +86,7 @@ const DropdownSectionList = ({
|
|
|
82
86
|
contentContainerStyle: [isSearchable ? {
|
|
83
87
|
paddingTop: 0
|
|
84
88
|
} : styles.contentContainerStyle],
|
|
85
|
-
ItemSeparatorComponent:
|
|
86
|
-
itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
|
|
87
|
-
}),
|
|
89
|
+
ItemSeparatorComponent: itemSeparator,
|
|
88
90
|
renderItem: item => _renderItem(item, {
|
|
89
91
|
optionLabel,
|
|
90
92
|
optionValue,
|
|
@@ -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","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","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,33 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { Platform } from 'react-native';
|
|
3
|
+
export const useModal = ({
|
|
4
|
+
resetOptionsRelatedState,
|
|
5
|
+
disabled,
|
|
6
|
+
modalProps,
|
|
7
|
+
modalControls
|
|
8
|
+
}) => {
|
|
9
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
10
|
+
const openModal = () => {
|
|
11
|
+
if (disabled) return;
|
|
12
|
+
setIsVisible(true);
|
|
13
|
+
resetOptionsRelatedState();
|
|
14
|
+
};
|
|
15
|
+
const closeModal = () => {
|
|
16
|
+
setIsVisible(false);
|
|
17
|
+
resetOptionsRelatedState();
|
|
18
|
+
|
|
19
|
+
// iOS supports the onDismiss prop but android does not, so we do this explicitly here
|
|
20
|
+
// https://reactnative.dev/docs/modal#ondismiss-ios
|
|
21
|
+
if (Platform.OS === 'android') {
|
|
22
|
+
modalControls?.modalProps?.closeModal?.(); //kept for backwards compatibility
|
|
23
|
+
modalProps?.onDismiss?.(); //kept for backwards compatibility
|
|
24
|
+
modalControls?.modalProps?.onDismiss?.();
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
return {
|
|
28
|
+
isVisible,
|
|
29
|
+
openModal: () => openModal(),
|
|
30
|
+
closeModal: () => closeModal()
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=use-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","Platform","useModal","resetOptionsRelatedState","disabled","modalProps","modalControls","isVisible","setIsVisible","openModal","closeModal","OS","onDismiss"],"sourceRoot":"../../../src","sources":["hooks/use-modal.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAAqBC,QAAQ,QAAQ,cAAc;AAUnD,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,wBAAwB;EACxBC,QAAQ;EACRC,UAAU;EACVC;AACa,CAAC,KAAK;EACnB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMS,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAIL,QAAQ,EAAE;IACdI,YAAY,CAAC,IAAI,CAAC;IAClBL,wBAAwB,CAAC,CAAC;EAC5B,CAAC;EAED,MAAMO,UAAU,GAAGA,CAAA,KAAM;IACvBF,YAAY,CAAC,KAAK,CAAC;IACnBL,wBAAwB,CAAC,CAAC;;IAE1B;IACA;IACA,IAAIF,QAAQ,CAACU,EAAE,KAAK,SAAS,EAAE;MAC7BL,aAAa,EAAED,UAAU,EAAEK,UAAU,GAAG,CAAC,CAAC,CAAC;MAC3CL,UAAU,EAAEO,SAAS,GAAG,CAAC,CAAC,CAAC;MAC3BN,aAAa,EAAED,UAAU,EAAEO,SAAS,GAAG,CAAC;IAC1C;EACF,CAAC;EAED,OAAO;IACLL,SAAS;IACTE,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAAC,CAAC;IAC5BC,UAAU,EAAEA,CAAA,KAAMA,UAAU,CAAC;EAC/B,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { useState, useCallback, useEffect } from 'react';
|
|
2
|
+
import { escapeRegExp, isSectionList } from '../utils';
|
|
3
|
+
export const useSearch = ({
|
|
4
|
+
initialOptions,
|
|
5
|
+
optionLabel,
|
|
6
|
+
optionValue,
|
|
7
|
+
searchCallback
|
|
8
|
+
}) => {
|
|
9
|
+
const [searchValue, setSearchValue] = useState('');
|
|
10
|
+
const [filteredOptions, setFilteredOptions] = useState(initialOptions);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
setFilteredOptions(initialOptions);
|
|
13
|
+
return () => {};
|
|
14
|
+
}, [initialOptions]);
|
|
15
|
+
const searchFlatList = useCallback((flatList, regexFilter) => {
|
|
16
|
+
return flatList.filter(item => {
|
|
17
|
+
return item[optionLabel].toString().toLowerCase().search(regexFilter) !== -1 || item[optionValue].toString().toLowerCase().search(regexFilter) !== -1;
|
|
18
|
+
});
|
|
19
|
+
}, [optionLabel, optionValue]);
|
|
20
|
+
const searchSectionList = useCallback((sectionList, regexFilter) => {
|
|
21
|
+
return sectionList.map(listItem => {
|
|
22
|
+
// A section list is the combination of several flat lists
|
|
23
|
+
const filteredData = searchFlatList(listItem.data, regexFilter);
|
|
24
|
+
return {
|
|
25
|
+
...listItem,
|
|
26
|
+
data: filteredData
|
|
27
|
+
};
|
|
28
|
+
});
|
|
29
|
+
}, [searchFlatList]);
|
|
30
|
+
const isSection = isSectionList(initialOptions);
|
|
31
|
+
const onSearch = useCallback(value => {
|
|
32
|
+
searchCallback?.(value);
|
|
33
|
+
const searchText = escapeRegExp(value).toLowerCase().trim();
|
|
34
|
+
const regexFilter = new RegExp(searchText, 'i');
|
|
35
|
+
const searchResults = isSection ? searchSectionList(initialOptions, regexFilter) : searchFlatList(initialOptions, regexFilter);
|
|
36
|
+
setFilteredOptions(searchResults);
|
|
37
|
+
}, [initialOptions, isSection, searchCallback, searchFlatList, searchSectionList]);
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
if (searchValue) {
|
|
40
|
+
onSearch(searchValue);
|
|
41
|
+
}
|
|
42
|
+
}, [onSearch, searchValue]);
|
|
43
|
+
return {
|
|
44
|
+
searchValue,
|
|
45
|
+
setSearchValue,
|
|
46
|
+
filteredOptions,
|
|
47
|
+
setFilteredOptions,
|
|
48
|
+
isSectionList: isSection
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=use-search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useCallback","useEffect","escapeRegExp","isSectionList","useSearch","initialOptions","optionLabel","optionValue","searchCallback","searchValue","setSearchValue","filteredOptions","setFilteredOptions","searchFlatList","flatList","regexFilter","filter","item","toString","toLowerCase","search","searchSectionList","sectionList","map","listItem","filteredData","data","isSection","onSearch","value","searchText","trim","RegExp","searchResults"],"sourceRoot":"../../../src","sources":["hooks/use-search.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAOxD,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AAStD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACxBC,cAAc;EACdC,WAAW;EACXC,WAAW;EACXC;AACc,CAAC,KAAK;EACpB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAAS,EAAE,CAAC;EAC1D,MAAM,CAACY,eAAe,EAAEC,kBAAkB,CAAC,GAAGb,QAAQ,CAEpDM,cAAc,CAAC;EAEjBJ,SAAS,CAAC,MAAM;IACdW,kBAAkB,CAACP,cAAc,CAAC;IAClC,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,MAAMQ,cAAc,GAAGb,WAAW,CAChC,CAACc,QAAmB,EAAEC,WAAmB,KAAK;IAC5C,OAAOD,QAAQ,CAACE,MAAM,CAAEC,IAAmB,IAAK;MAC9C,OACEA,IAAI,CAACX,WAAW,CAAC,CAACY,QAAQ,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACL,WAAW,CAAC,KAC5D,CAAC,CAAC,IACJE,IAAI,CAACV,WAAW,CAAC,CAACW,QAAQ,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACL,WAAW,CAAC,KAAK,CAAC,CAAC;IAEzE,CAAC,CAAC;EACJ,CAAC,EACD,CAACT,WAAW,EAAEC,WAAW,CAC3B,CAAC;EAED,MAAMc,iBAAiB,GAAGrB,WAAW,CACnC,CAACsB,WAAyB,EAAEP,WAAmB,KAAK;IAClD,OAAOO,WAAW,CAACC,GAAG,CAAEC,QAA0B,IAAK;MACrD;MACA,MAAMC,YAAY,GAAGZ,cAAc,CAACW,QAAQ,CAACE,IAAI,EAAEX,WAAW,CAAC;MAE/D,OAAO;QAAE,GAAGS,QAAQ;QAAEE,IAAI,EAAED;MAAa,CAAC;IAC5C,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,cAAc,CACjB,CAAC;EAED,MAAMc,SAAS,GAAGxB,aAAa,CAACE,cAAc,CAAC;EAE/C,MAAMuB,QAAQ,GAAG5B,WAAW,CACzB6B,KAAa,IAAK;IACjBrB,cAAc,GAAGqB,KAAK,CAAC;IAEvB,MAAMC,UAAU,GAAG5B,YAAY,CAAC2B,KAAK,CAAC,CAACV,WAAW,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;IAC3D,MAAMhB,WAAW,GAAG,IAAIiB,MAAM,CAACF,UAAU,EAAE,GAAG,CAAC;IAE/C,MAAMG,aAAa,GAAGN,SAAS,GAC3BN,iBAAiB,CAAChB,cAAc,EAAkBU,WAAW,CAAC,GAC9DF,cAAc,CAACR,cAAc,EAAeU,WAAW,CAAC;IAE5DH,kBAAkB,CAACqB,aAAa,CAAC;EACnC,CAAC,EACD,CACE5B,cAAc,EACdsB,SAAS,EACTnB,cAAc,EACdK,cAAc,EACdQ,iBAAiB,CAErB,CAAC;EAEDpB,SAAS,CAAC,MAAM;IACd,IAAIQ,WAAW,EAAE;MACfmB,QAAQ,CAACnB,WAAW,CAAC;IACvB;EACF,CAAC,EAAE,CAACmB,QAAQ,EAAEnB,WAAW,CAAC,CAAC;EAE3B,OAAO;IACLA,WAAW;IACXC,cAAc;IACdC,eAAe;IACfC,kBAAkB;IAClBT,aAAa,EAAEwB;EACjB,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
2
|
+
import { removeDisabledItems } from '../utils';
|
|
3
|
+
export const useSelectAll = ({
|
|
4
|
+
options,
|
|
5
|
+
selectedItems,
|
|
6
|
+
isMultiple,
|
|
7
|
+
onValueChange,
|
|
8
|
+
listControls,
|
|
9
|
+
optionValue
|
|
10
|
+
}) => {
|
|
11
|
+
const [selectAll, setSelectAll] = useState(false);
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* @description Handle "Select All" logic
|
|
15
|
+
*/
|
|
16
|
+
const handleSelectAll = useCallback(() => {
|
|
17
|
+
setSelectAll(prevVal => {
|
|
18
|
+
let selectedValues = [];
|
|
19
|
+
|
|
20
|
+
// Remove disabled items from selection
|
|
21
|
+
const filteredOptions = removeDisabledItems(options);
|
|
22
|
+
|
|
23
|
+
// if everything has not been selected, select all the values in the list
|
|
24
|
+
if (!prevVal) {
|
|
25
|
+
selectedValues = filteredOptions.map(obj => obj[optionValue]);
|
|
26
|
+
}
|
|
27
|
+
onValueChange(selectedValues); // Send selected values to parent
|
|
28
|
+
return !prevVal;
|
|
29
|
+
});
|
|
30
|
+
if (typeof listControls?.selectAllCallback === 'function' && !selectAll) {
|
|
31
|
+
listControls.selectAllCallback();
|
|
32
|
+
}
|
|
33
|
+
if (typeof listControls?.unselectAllCallback === 'function' && selectAll) {
|
|
34
|
+
listControls.unselectAllCallback();
|
|
35
|
+
}
|
|
36
|
+
}, [options, optionValue, listControls, selectAll, onValueChange]);
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Check if all items are selected
|
|
40
|
+
*/
|
|
41
|
+
const checkSelectAll = useCallback(() => {
|
|
42
|
+
if (removeDisabledItems(options)?.length === selectedItems?.length) {
|
|
43
|
+
setSelectAll(true);
|
|
44
|
+
} else {
|
|
45
|
+
setSelectAll(false);
|
|
46
|
+
}
|
|
47
|
+
}, [options, selectedItems]);
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* if the user decides to select the options one by one, this hook
|
|
51
|
+
* runs to check if everything has been selected so that the `selectAll checkbox` can be selected
|
|
52
|
+
*/
|
|
53
|
+
useEffect(() => {
|
|
54
|
+
if (isMultiple) {
|
|
55
|
+
checkSelectAll();
|
|
56
|
+
}
|
|
57
|
+
}, [checkSelectAll, isMultiple, selectedItems]);
|
|
58
|
+
return {
|
|
59
|
+
selectAll,
|
|
60
|
+
handleSelectAll
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=use-select-all.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useState","removeDisabledItems","useSelectAll","options","selectedItems","isMultiple","onValueChange","listControls","optionValue","selectAll","setSelectAll","handleSelectAll","prevVal","selectedValues","filteredOptions","map","obj","selectAllCallback","unselectAllCallback","checkSelectAll","length"],"sourceRoot":"../../../src","sources":["hooks/use-select-all.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAExD,SAASC,mBAAmB,QAAQ,UAAU;AAc9C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,OAAO;EACPC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,YAAY;EACZC;AACsB,CAAC,KAAK;EAC5B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAU,KAAK,CAAC;;EAE1D;AACF;AACA;EACE,MAAMW,eAAe,GAAGb,WAAW,CAAC,MAAM;IACxCY,YAAY,CAAEE,OAAO,IAAK;MACxB,IAAIC,cAA+B,GAAG,EAAE;;MAExC;MACA,MAAMC,eAAe,GAAGb,mBAAmB,CAACE,OAAO,CAAC;;MAEpD;MACA,IAAI,CAACS,OAAO,EAAE;QACZC,cAAc,GAAGC,eAAe,CAACC,GAAG,CACjCC,GAAG,IAAKA,GAAG,CAACR,WAAW,CAC1B,CAAoB;MACtB;MAEAF,aAAa,CAACO,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAO,CAACD,OAAO;IACjB,CAAC,CAAC;IAEF,IAAI,OAAOL,YAAY,EAAEU,iBAAiB,KAAK,UAAU,IAAI,CAACR,SAAS,EAAE;MACvEF,YAAY,CAACU,iBAAiB,CAAC,CAAC;IAClC;IAEA,IAAI,OAAOV,YAAY,EAAEW,mBAAmB,KAAK,UAAU,IAAIT,SAAS,EAAE;MACxEF,YAAY,CAACW,mBAAmB,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAACf,OAAO,EAAEK,WAAW,EAAED,YAAY,EAAEE,SAAS,EAAEH,aAAa,CAAC,CAAC;;EAElE;AACF;AACA;EACE,MAAMa,cAAc,GAAGrB,WAAW,CAAC,MAAM;IACvC,IAAIG,mBAAmB,CAACE,OAAO,CAAC,EAAEiB,MAAM,KAAKhB,aAAa,EAAEgB,MAAM,EAAE;MAClEV,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACP,OAAO,EAAEC,aAAa,CAAC,CAAC;;EAE5B;AACF;AACA;AACA;EACEL,SAAS,CAAC,MAAM;IACd,IAAIM,UAAU,EAAE;MACdc,cAAc,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,cAAc,EAAEd,UAAU,EAAED,aAAa,CAAC,CAAC;EAE/C,OAAO;IAAEK,SAAS;IAAEE;EAAgB,CAAC;AACvC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { useState, useCallback } from 'react';
|
|
2
|
+
export const useSelectionHandler = ({
|
|
3
|
+
initialSelectedValue,
|
|
4
|
+
isMultiple,
|
|
5
|
+
maxSelectableItems,
|
|
6
|
+
onValueChange,
|
|
7
|
+
closeModal,
|
|
8
|
+
autoCloseOnSelect
|
|
9
|
+
}) => {
|
|
10
|
+
// Initialize state based on whether it's multiple selection or not
|
|
11
|
+
const [selectedItem, setSelectedItem] = useState(isMultiple ? '' : initialSelectedValue);
|
|
12
|
+
const [selectedItems, setSelectedItems] = useState(isMultiple ? initialSelectedValue : []);
|
|
13
|
+
const handleSingleSelection = useCallback(value => {
|
|
14
|
+
if (selectedItem === value) {
|
|
15
|
+
setSelectedItem('');
|
|
16
|
+
onValueChange(''); // Send null to parent when deselected
|
|
17
|
+
} else {
|
|
18
|
+
setSelectedItem(value);
|
|
19
|
+
onValueChange(value); // Send selected value to parent
|
|
20
|
+
|
|
21
|
+
if (autoCloseOnSelect) {
|
|
22
|
+
closeModal(); // close modal upon selection
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}, [selectedItem, onValueChange, autoCloseOnSelect, closeModal]);
|
|
26
|
+
const handleMultipleSelections = useCallback(value => {
|
|
27
|
+
setSelectedItems(prevVal => {
|
|
28
|
+
let selectedValues = [...prevVal];
|
|
29
|
+
if (selectedValues.includes(value)) {
|
|
30
|
+
// Remove item
|
|
31
|
+
selectedValues = selectedValues.filter(item => item !== value);
|
|
32
|
+
} else {
|
|
33
|
+
// Add item
|
|
34
|
+
if (maxSelectableItems && selectedValues.length >= maxSelectableItems) {
|
|
35
|
+
return selectedValues;
|
|
36
|
+
}
|
|
37
|
+
selectedValues.push(value);
|
|
38
|
+
}
|
|
39
|
+
onValueChange(selectedValues); // Send selected values to parent
|
|
40
|
+
return selectedValues;
|
|
41
|
+
});
|
|
42
|
+
}, [maxSelectableItems, onValueChange]);
|
|
43
|
+
|
|
44
|
+
// Return the relevant state and handlers
|
|
45
|
+
return {
|
|
46
|
+
selectedItem,
|
|
47
|
+
selectedItems,
|
|
48
|
+
handleSingleSelection,
|
|
49
|
+
handleMultipleSelections,
|
|
50
|
+
setSelectedItems,
|
|
51
|
+
// Expose for potential manual control
|
|
52
|
+
setSelectedItem // Expose for potential manual control
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=use-selection-handler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useCallback","useSelectionHandler","initialSelectedValue","isMultiple","maxSelectableItems","onValueChange","closeModal","autoCloseOnSelect","selectedItem","setSelectedItem","selectedItems","setSelectedItems","handleSingleSelection","value","handleMultipleSelections","prevVal","selectedValues","includes","filter","item","length","push"],"sourceRoot":"../../../src","sources":["hooks/use-selection-handler.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAY7C,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,oBAAoB;EACpBC,UAAU;EACVC,kBAAkB;EAClBC,aAAa;EACbC,UAAU;EACVC;AACwB,CAAC,KAAK;EAC9B;EACA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGV,QAAQ,CAC9CI,UAAU,GAAG,EAAE,GAAID,oBACrB,CAAC;EACD,MAAM,CAACQ,aAAa,EAAEC,gBAAgB,CAAC,GAAGZ,QAAQ,CAChDI,UAAU,GAAID,oBAAoB,GAAuB,EAC3D,CAAC;EAED,MAAMU,qBAAqB,GAAGZ,WAAW,CACtCa,KAAoB,IAAK;IACxB,IAAIL,YAAY,KAAKK,KAAK,EAAE;MAC1BJ,eAAe,CAAC,EAAE,CAAC;MACnBJ,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC,MAAM;MACLI,eAAe,CAACI,KAAK,CAAC;MACtBR,aAAa,CAACQ,KAAK,CAAC,CAAC,CAAC;;MAEtB,IAAIN,iBAAiB,EAAE;QACrBD,UAAU,CAAC,CAAC,CAAC,CAAC;MAChB;IACF;EACF,CAAC,EACD,CAACE,YAAY,EAAEH,aAAa,EAAEE,iBAAiB,EAAED,UAAU,CAC7D,CAAC;EAED,MAAMQ,wBAAwB,GAAGd,WAAW,CACzCa,KAAoB,IAAK;IACxBF,gBAAgB,CAAEI,OAAO,IAAK;MAC5B,IAAIC,cAAc,GAAG,CAAC,GAAGD,OAAO,CAAC;MAEjC,IAAIC,cAAc,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE;QAClC;QACAG,cAAc,GAAGA,cAAc,CAACE,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKN,KAAK,CAAC;MAClE,CAAC,MAAM;QACL;QACA,IACET,kBAAkB,IAClBY,cAAc,CAACI,MAAM,IAAIhB,kBAAkB,EAC3C;UACA,OAAOY,cAAc;QACvB;QACAA,cAAc,CAACK,IAAI,CAACR,KAAK,CAAC;MAC5B;MAEAR,aAAa,CAACW,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAOA,cAAc;IACvB,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,kBAAkB,EAAEC,aAAa,CACpC,CAAC;;EAED;EACA,OAAO;IACLG,YAAY;IACZE,aAAa;IACbE,qBAAqB;IACrBE,wBAAwB;IACxBH,gBAAgB;IAAE;IAClBF,eAAe,CAAE;EACnB,CAAC;AACH,CAAC","ignoreList":[]}
|