react-native-input-select 2.0.0 → 2.1.1
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 +16 -59
- package/lib/commonjs/components/CheckBox/index.js +16 -12
- package/lib/commonjs/components/CheckBox/index.js.map +1 -1
- package/lib/commonjs/components/CustomModal/index.js +3 -9
- package/lib/commonjs/components/CustomModal/index.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownListItem.js +1 -10
- package/lib/commonjs/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js +1 -1
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
- package/lib/commonjs/components/List/DropdownFlatList.js +0 -23
- package/lib/commonjs/components/List/DropdownFlatList.js.map +1 -1
- package/lib/commonjs/components/List/DropdownSectionList.js +0 -20
- package/lib/commonjs/components/List/DropdownSectionList.js.map +1 -1
- package/lib/commonjs/hooks/use-modal.js +0 -3
- package/lib/commonjs/hooks/use-modal.js.map +1 -1
- package/lib/commonjs/hooks/use-search.js +8 -3
- package/lib/commonjs/hooks/use-search.js.map +1 -1
- package/lib/commonjs/index.js +4 -38
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/index.js +1 -1
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/components/CheckBox/index.js +16 -12
- package/lib/module/components/CheckBox/index.js.map +1 -1
- package/lib/module/components/CustomModal/index.js +3 -9
- package/lib/module/components/CustomModal/index.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownListItem.js +1 -10
- package/lib/module/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js +1 -1
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
- package/lib/module/components/List/DropdownFlatList.js +0 -23
- package/lib/module/components/List/DropdownFlatList.js.map +1 -1
- package/lib/module/components/List/DropdownSectionList.js +0 -20
- package/lib/module/components/List/DropdownSectionList.js.map +1 -1
- package/lib/module/hooks/use-modal.js +0 -3
- package/lib/module/hooks/use-modal.js.map +1 -1
- package/lib/module/hooks/use-search.js +8 -3
- package/lib/module/hooks/use-search.js.map +1 -1
- package/lib/module/index.js +4 -38
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/index.js +1 -1
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts +2 -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 +2 -2
- package/lib/typescript/src/components/CustomModal/index.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/List/DropdownFlatList.d.ts +1 -1
- package/lib/typescript/src/components/List/DropdownFlatList.d.ts.map +1 -1
- package/lib/typescript/src/components/List/DropdownSectionList.d.ts +1 -1
- package/lib/typescript/src/components/List/DropdownSectionList.d.ts.map +1 -1
- package/lib/typescript/src/hooks/use-modal.d.ts +1 -3
- package/lib/typescript/src/hooks/use-modal.d.ts.map +1 -1
- package/lib/typescript/src/hooks/use-search.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types/index.types.d.ts +3 -39
- package/lib/typescript/src/types/index.types.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +1 -1
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/package.json +13 -6
- package/src/components/CheckBox/checkbox.types.ts +2 -2
- package/src/components/CheckBox/index.tsx +20 -46
- package/src/components/CustomModal/index.tsx +4 -9
- package/src/components/Dropdown/DropdownListItem.tsx +0 -11
- package/src/components/Dropdown/DropdownSelectedItemsView.tsx +1 -1
- package/src/components/List/DropdownFlatList.tsx +0 -15
- package/src/components/List/DropdownSectionList.tsx +0 -15
- package/src/hooks/use-modal.ts +1 -5
- package/src/hooks/use-search.ts +10 -4
- package/src/index.tsx +3 -26
- package/src/types/index.types.ts +4 -46
- package/src/utils/index.ts +1 -1
package/lib/module/index.js
CHANGED
|
@@ -35,30 +35,12 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
|
|
|
35
35
|
dropdownHelperTextStyle,
|
|
36
36
|
selectedItemStyle,
|
|
37
37
|
multipleSelectedItemStyle,
|
|
38
|
-
modalBackgroundStyle,
|
|
39
|
-
// kept for backwards compatibility
|
|
40
|
-
modalOptionsContainerStyle,
|
|
41
|
-
// kept for backwards compatibility
|
|
42
|
-
searchInputStyle,
|
|
43
|
-
// kept for backwards compatibility
|
|
44
38
|
primaryColor = colors.gray,
|
|
45
39
|
disabled = false,
|
|
46
|
-
checkboxSize,
|
|
47
|
-
// kept for backwards compatibility
|
|
48
|
-
checkboxStyle,
|
|
49
|
-
// kept for backwards compatibility
|
|
50
|
-
checkboxLabelStyle,
|
|
51
|
-
// kept for backwards compatibility
|
|
52
|
-
checkboxComponentStyles,
|
|
53
|
-
// kept for backwards compatibility
|
|
54
|
-
checkboxComponent,
|
|
55
|
-
// kept for backwards compatibility
|
|
56
40
|
listHeaderComponent,
|
|
57
41
|
listFooterComponent,
|
|
58
42
|
listComponentStyles,
|
|
59
43
|
listEmptyComponent,
|
|
60
|
-
modalProps,
|
|
61
|
-
// kept for backwards compatibility
|
|
62
44
|
listControls,
|
|
63
45
|
searchControls,
|
|
64
46
|
modalControls,
|
|
@@ -127,7 +109,6 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
|
|
|
127
109
|
} = useModal({
|
|
128
110
|
resetOptionsRelatedState,
|
|
129
111
|
disabled,
|
|
130
|
-
modalProps,
|
|
131
112
|
modalControls
|
|
132
113
|
});
|
|
133
114
|
|
|
@@ -150,7 +131,7 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
|
|
|
150
131
|
autoCloseOnSelect
|
|
151
132
|
});
|
|
152
133
|
useEffect(() => {
|
|
153
|
-
isMultiple ? setSelectedItems(
|
|
134
|
+
isMultiple ? setSelectedItems(selectedValue) : setSelectedItem(selectedValue);
|
|
154
135
|
return () => {};
|
|
155
136
|
}, [selectedValue, setSelectedItems, setSelectedItem, isMultiple, onValueChange]);
|
|
156
137
|
|
|
@@ -217,17 +198,12 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
|
|
|
217
198
|
}, rest)), /*#__PURE__*/React.createElement(CustomModal, {
|
|
218
199
|
visible: isVisible,
|
|
219
200
|
onRequestClose: () => closeModal(),
|
|
220
|
-
|
|
221
|
-
,
|
|
222
|
-
modalOptionsContainerStyle: modalOptionsContainerStyle // kept for backwards compatibility
|
|
223
|
-
,
|
|
224
|
-
modalControls: modalControls,
|
|
225
|
-
modalProps: modalProps // kept for backwards compatibility
|
|
201
|
+
modalControls: modalControls
|
|
226
202
|
}, /*#__PURE__*/React.createElement(ListTypeComponent, {
|
|
227
203
|
ListHeaderComponent: /*#__PURE__*/React.createElement(React.Fragment, null, isSearchable && /*#__PURE__*/React.createElement(Input, _extends({
|
|
228
204
|
value: searchValue,
|
|
229
205
|
onChangeText: text => setSearchValue(text),
|
|
230
|
-
style: searchControls?.textInputStyle
|
|
206
|
+
style: searchControls?.textInputStyle,
|
|
231
207
|
primaryColor: primaryColor,
|
|
232
208
|
textInputContainerStyle: searchControls?.textInputContainerStyle,
|
|
233
209
|
placeholder: searchControls?.textInputProps?.placeholder || 'Search',
|
|
@@ -241,12 +217,7 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
|
|
|
241
217
|
label: selectAll ? listControls?.unselectAllText || 'Clear all' : listControls?.selectAllText || 'Select all',
|
|
242
218
|
onChange: () => handleSelectAll(),
|
|
243
219
|
primaryColor: primaryColor,
|
|
244
|
-
checkboxControls: checkboxControls
|
|
245
|
-
checkboxSize: checkboxSize,
|
|
246
|
-
checkboxStyle: checkboxStyle,
|
|
247
|
-
checkboxLabelStyle: checkboxLabelStyle,
|
|
248
|
-
checkboxComponentStyles: checkboxComponentStyles,
|
|
249
|
-
checkboxComponent: checkboxComponent
|
|
220
|
+
checkboxControls: checkboxControls
|
|
250
221
|
})))),
|
|
251
222
|
ListFooterComponent: listFooterComponent,
|
|
252
223
|
listComponentStyles: listComponentStyles,
|
|
@@ -260,11 +231,6 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
|
|
|
260
231
|
handleMultipleSelections: handleMultipleSelections,
|
|
261
232
|
handleSingleSelection: handleSingleSelection,
|
|
262
233
|
primaryColor: primaryColor,
|
|
263
|
-
checkboxSize: checkboxSize,
|
|
264
|
-
checkboxStyle: checkboxStyle,
|
|
265
|
-
checkboxLabelStyle: checkboxLabelStyle,
|
|
266
|
-
checkboxComponentStyles: checkboxComponentStyles,
|
|
267
|
-
checkboxComponent: checkboxComponent,
|
|
268
234
|
checkboxControls: checkboxControls,
|
|
269
235
|
listIndex: listIndex,
|
|
270
236
|
listEmptyComponent: listEmptyComponent,
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","TouchableOpacity","StyleSheet","View","Input","CheckBox","Dropdown","DropdownFlatList","DropdownSectionList","CustomModal","colors","DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","extractPropertyFromArray","getLabelsOfSelectedItems","useSelectionHandler","useModal","useSearch","useIndexOfSelectedItem","useSelectAll","DropdownSelect","testID","placeholder","label","error","helperText","options","optionLabel","optionValue","onValueChange","isMultiple","selectedValue","isSearchable","dropdownIcon","labelStyle","placeholderStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","selectedItemStyle","multipleSelectedItemStyle","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","TouchableOpacity","StyleSheet","View","Input","CheckBox","Dropdown","DropdownFlatList","DropdownSectionList","CustomModal","colors","DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","extractPropertyFromArray","getLabelsOfSelectedItems","useSelectionHandler","useModal","useSearch","useIndexOfSelectedItem","useSelectAll","DropdownSelect","testID","placeholder","label","error","helperText","options","optionLabel","optionValue","onValueChange","isMultiple","selectedValue","isSearchable","dropdownIcon","labelStyle","placeholderStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","selectedItemStyle","multipleSelectedItemStyle","primaryColor","gray","disabled","listHeaderComponent","listFooterComponent","listComponentStyles","listEmptyComponent","listControls","searchControls","modalControls","checkboxControls","autoCloseOnSelect","maxSelectableItems","rest","ref","open","openModal","close","closeModal","searchValue","setSearchValue","setFilteredOptions","filteredOptions","isSectionList","initialOptions","searchCallback","value","listIndex","setListIndex","setIndexOfSelectedItem","resetOptionsRelatedState","itemIndex","sectionIndex","isVisible","selectedItem","selectedItems","setSelectedItem","setSelectedItems","handleSingleSelection","handleMultipleSelections","initialSelectedValue","ListTypeComponent","modifiedSectionData","flat","modifiedOptions","selectAll","handleSelectAll","createElement","Fragment","_extends","labelsOfSelectedItems","visible","onRequestClose","ListHeaderComponent","onChangeText","text","style","textInputStyle","textInputContainerStyle","textInputProps","hideSelectAll","length","styles","optionsContainerStyle","accessible","unselectAllText","selectAllText","onChange","ListFooterComponent","emptyListMessage","create","paddingHorizontal","paddingVertical","flexDirection"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,QACd,OAAO;AACd,SAASC,gBAAgB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACjE,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,OAAOC,QAAQ,MAAM,gCAAgC;AACrD,OAAOC,gBAAgB,MAAM,oCAAoC;AACjE,OAAOC,mBAAmB,MAAM,uCAAuC;AACvE,OAAOC,WAAW,MAAM,0BAA0B;AAClD,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,oBAAoB,EAAEC,oBAAoB,QAAQ,aAAa;AAMxE,SAASC,wBAAwB,EAAEC,wBAAwB,QAAQ,SAAS;AAC5E,SACEC,mBAAmB,EACnBC,QAAQ,EACRC,SAAS,EACTC,sBAAsB,EACtBC,YAAY,QACP,SAAS;AAEhB,OAAO,MAAMC,cAAc,gBAAGvB,UAAU,CACtC,CACE;EACEwB,MAAM;EACNC,WAAW;EACXC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,WAAW,GAAGhB,oBAAoB;EAClCiB,WAAW,GAAGhB,oBAAoB;EAClCiB,aAAa;EACbC,UAAU,GAAG,KAAK;EAClBC,aAAa,GAAGD,UAAU,GAAG,EAAE,GAAG,EAAE;EACpCE,YAAY;EACZC,YAAY;EACZC,UAAU;EACVC,gBAAgB;EAChBC,aAAa;EACbC,iBAAiB;EACjBC,sBAAsB;EACtBC,kBAAkB;EAClBC,sBAAsB;EACtBC,uBAAuB;EACvBC,iBAAiB;EACjBC,yBAAyB;EACzBC,YAAY,GAAGlC,MAAM,CAACmC,IAAI;EAC1BC,QAAQ,GAAG,KAAK;EAChBC,mBAAmB;EACnBC,mBAAmB;EACnBC,mBAAmB;EACnBC,kBAAkB;EAClBC,YAAY;EACZC,cAAc;EACdC,aAAa;EACbC,gBAAgB;EAChBC,iBAAiB,GAAG,IAAI;EACxBC,kBAAkB;EAClB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH;AACJ;AACA;AACA;EACI1D,mBAAmB,CAAC0D,GAAG,EAAE,OAAO;IAC9BC,IAAI,EAAEA,CAAA,KAAMC,SAAS,CAAC,CAAC;IACvBC,KAAK,EAAEA,CAAA,KAAMC,UAAU,CAAC;EAC1B,CAAC,CAAC,CAAC;;EAEH;AACJ;AACA;EACI,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,kBAAkB;IAClBC,eAAe;IACfC;EACF,CAAC,GAAGlD,SAAS,CAAC;IACZmD,cAAc,EAAE1C,OAAO;IACvBC,WAAW;IACXC,WAAW;IACXyC,cAAc,EAAEvE,WAAW,CACxBwE,KAAK,IAAKlB,cAAc,EAAEiB,cAAc,GAAGC,KAAK,CAAC,EAClD,CAAClB,cAAc,CACjB;EACF,CAAC,CAAC;;EAEF;AACJ;AACA;EACI,MAAM;IAAEmB,SAAS;IAAEC,YAAY;IAAEC;EAAuB,CAAC,GACvDvD,sBAAsB,CAAC;IACrBQ,OAAO;IACPC,WAAW;IACXwC;EACF,CAAC,CAAC;;EAEJ;AACJ;AACA;EACI,MAAMO,wBAAwB,GAAG5E,WAAW,CAAC,MAAM;IACjDkE,cAAc,CAAC,EAAE,CAAC;IAClBC,kBAAkB,CAACvC,OAAO,CAAC;IAC3B8C,YAAY,CAAC;MAAEG,SAAS,EAAE,CAAC,CAAC;MAAEC,YAAY,EAAE,CAAC;IAAE,CAAC,CAAC;EACnD,CAAC,EAAE,CAAClD,OAAO,EAAEuC,kBAAkB,EAAEO,YAAY,EAAER,cAAc,CAAC,CAAC;;EAE/D;AACJ;AACA;EACI,MAAM;IAAEa,SAAS;IAAEjB,SAAS;IAAEE;EAAW,CAAC,GAAG9C,QAAQ,CAAC;IACpD0D,wBAAwB;IACxB5B,QAAQ;IACRO;EACF,CAAC,CAAC;;EAEF;AACJ;AACA;EACI,MAAM;IACJyB,YAAY;IACZC,aAAa;IACbC,eAAe;IACfC,gBAAgB;IAChBC,qBAAqB;IACrBC;EACF,CAAC,GAAGpE,mBAAmB,CAAC;IACtBqE,oBAAoB,EAAErD,aAAa;IACnCD,UAAU;IACV0B,kBAAkB;IAClB3B,aAAa;IACbiC,UAAU,EAAEA,CAAA,KAAMA,UAAU,CAAC,CAAC;IAC9BP;EACF,CAAC,CAAC;EAEFxD,SAAS,CAAC,MAAM;IACd+B,UAAU,GACNmD,gBAAgB,CAAClD,aAAgC,CAAC,GAClDiD,eAAe,CAACjD,aAA8B,CAAC;IAEnD,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CACDA,aAAa,EACbkD,gBAAgB,EAChBD,eAAe,EACflD,UAAU,EACVD,aAAa,CACd,CAAC;;EAEF;AACJ;AACA;EACI,MAAMwD,iBAAiB,GAAGlB,aAAa,GACnC3D,mBAAmB,GACnBD,gBAAgB;EACpB,MAAM+E,mBAAmB,GAAGzE,wBAAwB,CAClDqD,eAAe,EACf,MACF,CAAC,EAAEqB,IAAI,CAAC,CAAC;;EAET;AACJ;AACA;AACA;AACA;EACI,MAAMC,eAAe,GAAGrB,aAAa,GACjCmB,mBAAmB,GACnBpB,eAAe;;EAEnB;AACJ;AACA;EACI,MAAM;IAAEuB,SAAS;IAAEC;EAAgB,CAAC,GAAGvE,YAAY,CAAC;IAClDO,OAAO,EAAE8D,eAAe;IACxBT,aAAa;IACbjD,UAAU;IACVD,aAAa;IACbsB,YAAY;IACZvB;EACF,CAAC,CAAC;EAEF,oBACEhC,KAAA,CAAA+F,aAAA,CAAA/F,KAAA,CAAAgG,QAAA,qBACEhG,KAAA,CAAA+F,aAAA,CAACrF,QAAQ,EAAAuF,QAAA;IACPxE,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACbD,WAAW,EAAEA,WAAY;IACzBG,UAAU,EAAEA,UAAW;IACvBD,KAAK,EAAEA,KAAM;IACbsE,qBAAqB,EAAEhF,wBAAwB,CAAC;MAC9CgB,UAAU;MACVH,WAAW;MACXC,WAAW;MACXkD,YAAY;MACZC,aAAa;MACbS;IACF,CAAC,CAAE;IACHV,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BnB,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAAC,CAAE;IAC7BE,UAAU,EAAEA,CAAA,KAAMA,UAAU,CAAC,CAAE;IAC/B5B,UAAU,EAAEA,UAAW;IACvBD,YAAY,EAAEA,YAAa;IAC3BG,aAAa,EAAEA,aAAc;IAC7BC,iBAAiB,EAAEA,iBAAkB;IACrCC,sBAAsB,EAAEA,sBAAuB;IAC/CC,kBAAkB,EAAEA,kBAAmB;IACvCC,sBAAsB,EAAEA,sBAAuB;IAC/CC,uBAAuB,EAAEA,uBAAwB;IACjDC,iBAAiB,EAAEA,iBAAkB;IACrCC,yBAAyB,EAAEA,yBAA0B;IACrDb,UAAU,EAAEA,UAAW;IACvBc,YAAY,EAAEA,YAAa;IAC3BE,QAAQ,EAAEA,QAAS;IACnBX,gBAAgB,EAAEA,gBAAiB;IACnCsC,sBAAsB,EAAEA;EAAuB,GAC3ChB,IAAI,CACT,CAAC,eACF7D,KAAA,CAAA+F,aAAA,CAAClF,WAAW;IACVsF,OAAO,EAAElB,SAAU;IACnBmB,cAAc,EAAEA,CAAA,KAAMlC,UAAU,CAAC,CAAE;IACnCT,aAAa,EAAEA;EAAc,gBAE7BzD,KAAA,CAAA+F,aAAA,CAACN,iBAAiB;IAChBY,mBAAmB,eACjBrG,KAAA,CAAA+F,aAAA,CAAA/F,KAAA,CAAAgG,QAAA,QACG5D,YAAY,iBACXpC,KAAA,CAAA+F,aAAA,CAACvF,KAAK,EAAAyF,QAAA;MACJvB,KAAK,EAAEP,WAAY;MACnBmC,YAAY,EAAGC,IAAY,IAAKnC,cAAc,CAACmC,IAAI,CAAE;MACrDC,KAAK,EAAEhD,cAAc,EAAEiD,cAAe;MACtCzD,YAAY,EAAEA,YAAa;MAC3B0D,uBAAuB,EACrBlD,cAAc,EAAEkD,uBACjB;MACDhF,WAAW,EACT8B,cAAc,EAAEmD,cAAc,EAAEjF,WAAW,IAAI,QAChD;MACD,cACE8B,cAAc,EAAEmD,cAAc,EAAEjF,WAAW,IAAI;IAChD,GACG8B,cAAc,EAAEmD,cAAc,CACnC,CACF,EACAxD,mBAAmB,EACnB,CAACI,YAAY,EAAEqD,aAAa,IAC3B1E,UAAU,IACV0D,eAAe,EAAEiB,MAAM,GAAG,CAAC,iBACzB7G,KAAA,CAAA+F,aAAA,CAACxF,IAAI;MAACiG,KAAK,EAAEM,MAAM,CAACC;IAAsB,gBACxC/G,KAAA,CAAA+F,aAAA,CAAC1F,gBAAgB;MAAC2G,UAAU,EAAE;IAAM,gBAClChH,KAAA,CAAA+F,aAAA,CAACtF,QAAQ;MACPiE,KAAK,EAAEmB,SAAU;MACjBlE,KAAK,EACHkE,SAAS,GACLtC,YAAY,EAAE0D,eAAe,IAAI,WAAW,GAC5C1D,YAAY,EAAE2D,aAAa,IAAI,YACpC;MACDC,QAAQ,EAAEA,CAAA,KAAMrB,eAAe,CAAC,CAAE;MAClC9C,YAAY,EAAEA,YAAa;MAC3BU,gBAAgB,EAAEA;IAAiB,CACpC,CACe,CACd,CAEV,CACH;IACD0D,mBAAmB,EAAEhE,mBAAoB;IACzCC,mBAAmB,EAAEA,mBAAoB;IACzCvB,OAAO,EAAEwC,eAAgB;IACzBvC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBE,UAAU,EAAEA,UAAW;IACvBE,YAAY,EAAEA,YAAa;IAC3B+C,aAAa,EAAEA,aAAc;IAC7BD,YAAY,EAAEA,YAAa;IAC3BK,wBAAwB,EAAEA,wBAAyB;IACnDD,qBAAqB,EAAEA,qBAAsB;IAC7CtC,YAAY,EAAEA,YAAa;IAC3BU,gBAAgB,EAAEA,gBAAiB;IACnCiB,SAAS,EAAEA,SAAU;IACrBrB,kBAAkB,EAAEA,kBAAmB;IACvC+D,gBAAgB,EAAE9D,YAAY,EAAE8D;EAAiB,CAClD,CACU,CACb,CAAC;AAEP,CACF,CAAC;AACD,MAAMP,MAAM,GAAGxG,UAAU,CAACgH,MAAM,CAAC;EAC/BP,qBAAqB,EAAE;IACrBQ,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAejG,cAAc","ignoreList":[]}
|
|
@@ -30,7 +30,7 @@ export const getLabelsOfSelectedItems = ({
|
|
|
30
30
|
let selectedLabels = [];
|
|
31
31
|
selectedItems?.forEach(element => {
|
|
32
32
|
let selectedItemLabel = modifiedOptions?.find(item => item[optionValue] === element)?.[optionLabel];
|
|
33
|
-
if (selectedItemLabel) {
|
|
33
|
+
if (selectedItemLabel !== '') {
|
|
34
34
|
selectedLabels.push(selectedItemLabel);
|
|
35
35
|
}
|
|
36
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["extractPropertyFromArray","arr","property","extractedValue","map","item","escapeRegExp","text","replace","removeDisabledItems","items","filter","disabled","isSectionList","options","some","title","data","Array","isArray","getLabelsOfSelectedItems","isMultiple","optionLabel","optionValue","selectedItem","selectedItems","modifiedOptions","selectedLabels","forEach","element","selectedItemLabel","find","push"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAQA,OAAO,MAAMA,wBAAwB,GAAGA,CAACC,GAAU,EAAEC,QAAgB,KAAK;EACxE,IAAIC,cAAc,GAAGF,GAAG,EAAEG,GAAG,CAAEC,IAAS,IAAKA,IAAI,CAACH,QAAQ,CAAC,CAAC;EAE5D,OAAOC,cAAc;AACvB,CAAC;AAED,OAAO,MAAMG,YAAY,GAAIC,IAAY,IAAK;EAC5C,OAAOA,IAAI,CAACC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;AACpD,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIC,KAAgB,IAAK;EACvD,OAAOA,KAAK,EAAEC,MAAM,CAAEN,IAAmB,IAAK,CAACA,IAAI,CAACO,QAAQ,CAAC;AAC/D,CAAC;AAED,OAAO,MAAMC,aAAa,GAAIC,OAAiC,IAAc;EAC3E,OAAQA,OAAO,CAAkBC,IAAI,CAClCV,IAAI,IAAKA,IAAI,CAACW,KAAK,IAAIX,IAAI,CAACY,IAAI,IAAIC,KAAK,CAACC,OAAO,CAACd,IAAI,CAACY,IAAI,CAC9D,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC,UAAU;EACVC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC,aAAa;EACbC;AAQF,CAAC,KAAK;EACJ;EACA,IAAIL,UAAU,IAAIH,KAAK,CAACC,OAAO,CAACM,aAAa,CAAC,EAAE;IAC9C,IAAIE,cAAiD,GAAG,EAAE;IAE1DF,aAAa,EAAEG,OAAO,CAAEC,OAAsB,IAAK;MACjD,IAAIC,iBAAiB,GAAGJ,eAAe,EAAEK,IAAI,CAC1C1B,IAAmB,IAAKA,IAAI,CAACkB,WAAW,CAAC,KAAKM,OACjD,CAAC,GAAGP,WAAW,CAAC;MAEhB,IAAIQ,iBAAiB,EAAE;
|
|
1
|
+
{"version":3,"names":["extractPropertyFromArray","arr","property","extractedValue","map","item","escapeRegExp","text","replace","removeDisabledItems","items","filter","disabled","isSectionList","options","some","title","data","Array","isArray","getLabelsOfSelectedItems","isMultiple","optionLabel","optionValue","selectedItem","selectedItems","modifiedOptions","selectedLabels","forEach","element","selectedItemLabel","find","push"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAQA,OAAO,MAAMA,wBAAwB,GAAGA,CAACC,GAAU,EAAEC,QAAgB,KAAK;EACxE,IAAIC,cAAc,GAAGF,GAAG,EAAEG,GAAG,CAAEC,IAAS,IAAKA,IAAI,CAACH,QAAQ,CAAC,CAAC;EAE5D,OAAOC,cAAc;AACvB,CAAC;AAED,OAAO,MAAMG,YAAY,GAAIC,IAAY,IAAK;EAC5C,OAAOA,IAAI,CAACC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;AACpD,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIC,KAAgB,IAAK;EACvD,OAAOA,KAAK,EAAEC,MAAM,CAAEN,IAAmB,IAAK,CAACA,IAAI,CAACO,QAAQ,CAAC;AAC/D,CAAC;AAED,OAAO,MAAMC,aAAa,GAAIC,OAAiC,IAAc;EAC3E,OAAQA,OAAO,CAAkBC,IAAI,CAClCV,IAAI,IAAKA,IAAI,CAACW,KAAK,IAAIX,IAAI,CAACY,IAAI,IAAIC,KAAK,CAACC,OAAO,CAACd,IAAI,CAACY,IAAI,CAC9D,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC,UAAU;EACVC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC,aAAa;EACbC;AAQF,CAAC,KAAK;EACJ;EACA,IAAIL,UAAU,IAAIH,KAAK,CAACC,OAAO,CAACM,aAAa,CAAC,EAAE;IAC9C,IAAIE,cAAiD,GAAG,EAAE;IAE1DF,aAAa,EAAEG,OAAO,CAAEC,OAAsB,IAAK;MACjD,IAAIC,iBAAiB,GAAGJ,eAAe,EAAEK,IAAI,CAC1C1B,IAAmB,IAAKA,IAAI,CAACkB,WAAW,CAAC,KAAKM,OACjD,CAAC,GAAGP,WAAW,CAAC;MAEhB,IAAIQ,iBAAiB,KAAK,EAAE,EAAE;QAC5BH,cAAc,CAACK,IAAI,CAACF,iBAAiB,CAAC;MACxC;IACF,CAAC,CAAC;IACF,OAAOH,cAAc;EACvB;;EAEA;EACA,IAAIG,iBAAiB,GAAGJ,eAAe,EAAEK,IAAI,CAC1C1B,IAAmB,IAAKA,IAAI,CAACkB,WAAW,CAAC,KAAKC,YACjD,CAAC;EACD,OAAOM,iBAAiB,GAAGR,WAAW,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ColorValue } from 'react-native';
|
|
2
|
-
import { TCheckboxControls
|
|
2
|
+
import { TCheckboxControls } from '../../types/index.types';
|
|
3
3
|
export type CheckboxProps = {
|
|
4
4
|
label?: string;
|
|
5
5
|
value?: boolean;
|
|
@@ -8,5 +8,5 @@ export type CheckboxProps = {
|
|
|
8
8
|
onChange?: (value: boolean | string | number) => void;
|
|
9
9
|
} & {
|
|
10
10
|
checkboxControls?: TCheckboxControls;
|
|
11
|
-
}
|
|
11
|
+
};
|
|
12
12
|
//# sourceMappingURL=checkbox.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACvD,GAAG;IAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { CheckboxProps } from './checkbox.types';
|
|
3
|
-
declare const CheckBox: ({ label, value, disabled, primaryColor,
|
|
3
|
+
declare const CheckBox: ({ label, value, disabled, primaryColor, checkboxControls, onChange, }: CheckboxProps) => React.JSX.Element;
|
|
4
4
|
export default CheckBox;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,0EAOX,aAAa,sBAiDf,CAAC;AAkBF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ModalProps } from 'react-native';
|
|
3
|
-
import { TCustomModalControls
|
|
4
|
-
declare const CustomModal: ({ visible,
|
|
3
|
+
import { TCustomModalControls } from 'src/types/index.types';
|
|
4
|
+
declare const CustomModal: ({ visible, modalControls, children, onRequestClose, }: {
|
|
5
5
|
modalControls?: TCustomModalControls;
|
|
6
6
|
} & ModalProps) => React.JSX.Element;
|
|
7
7
|
export default CustomModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CustomModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAGL,UAAU,EAMX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CustomModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAGL,UAAU,EAMX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAc7D,QAAA,MAAM,WAAW,0DAKd;IACD,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC,GAAG,UAAU,sBAoCb,CAAC;AAiBF,eAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const _default: React.MemoExoticComponent<({ item, optionLabel, optionValue, isMultiple, selectedOption, onChange, primaryColor,
|
|
2
|
+
declare const _default: React.MemoExoticComponent<({ item, optionLabel, optionValue, isMultiple, selectedOption, onChange, primaryColor, checkboxControls, }: any) => React.JSX.Element>;
|
|
3
3
|
export default _default;
|
|
4
4
|
//# sourceMappingURL=DropdownListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;8JAajC,GAAG;AA+BN,wBAAsC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FlatListProps } from 'react-native';
|
|
3
3
|
import { TFlatList } from '../../types/index.types';
|
|
4
|
-
declare const DropdownFlatList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor,
|
|
4
|
+
declare const DropdownFlatList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxControls, listComponentStyles, listIndex, emptyListMessage, listEmptyComponent, ...rest }: any & FlatListProps<TFlatList>) => React.JSX.Element;
|
|
5
5
|
export default DropdownFlatList;
|
|
6
6
|
//# sourceMappingURL=DropdownFlatList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownFlatList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,aAAa,EAAc,MAAM,cAAc,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"DropdownFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownFlatList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,aAAa,EAAc,MAAM,cAAc,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAA,MAAM,gBAAgB,iQAiBnB,GAAG,GAAG,aAAa,CAAC,SAAS,CAAC,sBAkEhC,CAAC;AAsBF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const DropdownSectionList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor,
|
|
2
|
+
declare const DropdownSectionList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxControls, listComponentStyles, listIndex, emptyListMessage, listEmptyComponent, ...rest }: any) => React.JSX.Element;
|
|
3
3
|
export default DropdownSectionList;
|
|
4
4
|
//# sourceMappingURL=DropdownSectionList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownSectionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownSectionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,QAAA,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DropdownSectionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownSectionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,QAAA,MAAM,mBAAmB,iQAiBtB,GAAG,sBA0GL,CAAC;AA0BF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { ModalProps } from 'react-native';
|
|
2
1
|
import { TCustomModalControls } from '../types/index.types';
|
|
3
2
|
interface UseModalProps {
|
|
4
3
|
resetOptionsRelatedState: () => void;
|
|
5
4
|
disabled?: boolean;
|
|
6
|
-
modalProps?: ModalProps;
|
|
7
5
|
modalControls?: TCustomModalControls;
|
|
8
6
|
}
|
|
9
|
-
export declare const useModal: ({ resetOptionsRelatedState, disabled,
|
|
7
|
+
export declare const useModal: ({ resetOptionsRelatedState, disabled, modalControls, }: UseModalProps) => {
|
|
10
8
|
isVisible: boolean;
|
|
11
9
|
openModal: () => void;
|
|
12
10
|
closeModal: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-modal.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,aAAa;IACrB,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,2DAIlB,aAAa;;;;CAyBf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-search.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAGb,MAAM,sBAAsB,CAAC;AAG9B,UAAU,cAAc;IACtB,cAAc,EAAE,SAAS,GAAG,YAAY,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,kEAKnB,cAAc;;;;;;
|
|
1
|
+
{"version":3,"file":"use-search.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAGb,MAAM,sBAAsB,CAAC;AAG9B,UAAU,cAAc;IACtB,cAAc,EAAE,SAAS,GAAG,YAAY,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,kEAKnB,cAAc;;;;;;CA+EhB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DropdownSelectHandle } from './types/index.types';
|
|
3
|
-
export declare const DropdownSelect: React.ForwardRefExoticComponent<import("./types/index.types").CommonDropdownProps & import("./types/index.types").TDropdownInputProps &
|
|
3
|
+
export declare const DropdownSelect: React.ForwardRefExoticComponent<import("./types/index.types").CommonDropdownProps & import("./types/index.types").TDropdownInputProps & {
|
|
4
4
|
searchControls?: {
|
|
5
5
|
textInputStyle?: import("react-native").ViewStyle | import("react-native").TextStyle;
|
|
6
6
|
textInputContainerStyle?: import("react-native").ViewStyle;
|
|
@@ -17,6 +17,6 @@ export declare const DropdownSelect: React.ForwardRefExoticComponent<import("./t
|
|
|
17
17
|
hideSelectAll?: boolean;
|
|
18
18
|
emptyListMessage?: string;
|
|
19
19
|
};
|
|
20
|
-
} & React.RefAttributes<DropdownSelectHandle>>;
|
|
20
|
+
} & import("./types/index.types").TListProps & React.RefAttributes<DropdownSelectHandle>>;
|
|
21
21
|
export default DropdownSelect;
|
|
22
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAU7B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAU7B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;yFA6Q1B,CAAC;AASF,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ViewStyle, ColorValue, TextStyle, ModalProps, TextInputProps } from 'react-native';
|
|
3
|
-
export type DropdownProps = CommonDropdownProps & TDropdownInputProps &
|
|
3
|
+
export type DropdownProps = CommonDropdownProps & TDropdownInputProps & TControls & TListProps;
|
|
4
4
|
export type CommonDropdownProps = {
|
|
5
5
|
testID?: string;
|
|
6
6
|
label?: string;
|
|
@@ -31,8 +31,6 @@ export type TDropdownInputProps = {
|
|
|
31
31
|
primaryColor?: ColorValue;
|
|
32
32
|
disabled?: boolean;
|
|
33
33
|
placeholderStyle?: TextStyle;
|
|
34
|
-
/** @deprecated Use useRef to access the open and close props.*/
|
|
35
|
-
hideModal?: boolean;
|
|
36
34
|
};
|
|
37
35
|
type TControls = {
|
|
38
36
|
searchControls?: TSearchControls;
|
|
@@ -40,32 +38,12 @@ type TControls = {
|
|
|
40
38
|
modalControls?: TCustomModalControls;
|
|
41
39
|
listControls?: TListControls;
|
|
42
40
|
};
|
|
43
|
-
export type TSearchProps = {
|
|
44
|
-
/** @deprecated Use `searchControls = {{textInputStyle: ViewStyle | TextStyle }}` instead.*/
|
|
45
|
-
searchInputStyle?: ViewStyle;
|
|
46
|
-
};
|
|
47
41
|
type TSearchControls = {
|
|
48
42
|
textInputStyle?: ViewStyle | TextStyle;
|
|
49
43
|
textInputContainerStyle?: ViewStyle;
|
|
50
44
|
textInputProps?: TextInputProps;
|
|
51
45
|
searchCallback?: (value: string) => void;
|
|
52
46
|
};
|
|
53
|
-
export type TCheckboxProps = {
|
|
54
|
-
/** @deprecated Use `checkboxControls = {{checkboxSize: number }}` instead.*/
|
|
55
|
-
checkboxSize?: number;
|
|
56
|
-
/** @deprecated Use `checkboxControls = {{checkboxStyle: ViewStyle }}` instead.*/
|
|
57
|
-
checkboxStyle?: ViewStyle;
|
|
58
|
-
/** @deprecated Use `checkboxControls = {{checkboxLabelStyle: TextStyle }}` instead.*/
|
|
59
|
-
checkboxLabelStyle?: TextStyle;
|
|
60
|
-
/** @deprecated Use `checkboxControls` instead.*/
|
|
61
|
-
checkboxComponentStyles?: {
|
|
62
|
-
checkboxSize?: number;
|
|
63
|
-
checkboxStyle?: ViewStyle;
|
|
64
|
-
checkboxLabelStyle?: TextStyle;
|
|
65
|
-
};
|
|
66
|
-
/** @deprecated Use `checkboxControls = {{checkboxComponent: <View></View> }}` instead.*/
|
|
67
|
-
checkboxComponent?: React.ReactNode;
|
|
68
|
-
};
|
|
69
47
|
export type TCheckboxControls = {
|
|
70
48
|
checkboxSize?: number;
|
|
71
49
|
checkboxStyle?: ViewStyle;
|
|
@@ -74,24 +52,10 @@ export type TCheckboxControls = {
|
|
|
74
52
|
checkboxDisabledStyle?: ViewStyle;
|
|
75
53
|
checkboxUnselectedColor?: ColorValue;
|
|
76
54
|
};
|
|
77
|
-
export type TCustomModalProps = {
|
|
78
|
-
/** @deprecated Use `modalControls = {{modalBackgroundStyle: ViewStyle}} instead.*/
|
|
79
|
-
modalBackgroundStyle?: ViewStyle;
|
|
80
|
-
/** @deprecated Use `modalControls = {{ modalOptionsContainerStyle: ViewStyle}} instead.*/
|
|
81
|
-
modalOptionsContainerStyle?: ViewStyle;
|
|
82
|
-
/** @deprecated Use `modalControls = {{modalProps: ModalProps }}` instead.*/
|
|
83
|
-
modalProps?: ModalProps & {
|
|
84
|
-
/** @deprecated Use `onDismiss` instead.*/
|
|
85
|
-
closeModal?: () => void;
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
55
|
export type TCustomModalControls = {
|
|
89
56
|
modalBackgroundStyle?: ViewStyle;
|
|
90
57
|
modalOptionsContainerStyle?: ViewStyle;
|
|
91
|
-
modalProps?: ModalProps
|
|
92
|
-
/** @deprecated Use `onDismiss` instead.*/
|
|
93
|
-
closeModal?: () => void;
|
|
94
|
-
};
|
|
58
|
+
modalProps?: ModalProps;
|
|
95
59
|
};
|
|
96
60
|
export type TListProps = {
|
|
97
61
|
listHeaderComponent?: React.ReactNode;
|
|
@@ -111,7 +75,7 @@ type TListControls = {
|
|
|
111
75
|
hideSelectAll?: boolean;
|
|
112
76
|
emptyListMessage?: string;
|
|
113
77
|
};
|
|
114
|
-
export type TSelectedItem = string | number | boolean;
|
|
78
|
+
export type TSelectedItem = string | number | boolean | undefined;
|
|
115
79
|
export type TSelectedItemWithReactComponent = TSelectedItem | React.ReactElement;
|
|
116
80
|
export type TFlatList = TFlatListItem[];
|
|
117
81
|
export type TFlatListItem = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.types.d.ts","sourceRoot":"","sources":["../../../../src/types/index.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAC7C,mBAAmB,GACnB,
|
|
1
|
+
{"version":3,"file":"index.types.d.ts","sourceRoot":"","sources":["../../../../src/types/index.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,5 +16,5 @@ export declare const getLabelsOfSelectedItems: ({ isMultiple, optionLabel, optio
|
|
|
16
16
|
selectedItem: TSelectedItem;
|
|
17
17
|
selectedItems: TSelectedItem[];
|
|
18
18
|
modifiedOptions: TFlatList;
|
|
19
|
-
}) => TSelectedItemWithReactComponent | TSelectedItemWithReactComponent[]
|
|
19
|
+
}) => TSelectedItemWithReactComponent | TSelectedItemWithReactComponent[];
|
|
20
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,+BAA+B,EAChC,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,wBAAwB,QAAS,GAAG,EAAE,YAAY,MAAM,UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,MAAM,WAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,SAAS,oBAEnD,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,SAAS,GAAG,YAAY,KAAG,OAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,4FAOlC;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,eAAe,EAAE,SAAS,CAAC;CAC5B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,+BAA+B,EAChC,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,wBAAwB,QAAS,GAAG,EAAE,YAAY,MAAM,UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,MAAM,WAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,SAAS,oBAEnD,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,SAAS,GAAG,YAAY,KAAG,OAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,4FAOlC;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,eAAe,EAAE,SAAS,CAAC;CAC5B,wEAsBA,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-input-select",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "A customizable dropdown selection package for react-native for android and iOS with multiple select and search capabilities.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
],
|
|
24
24
|
"scripts": {
|
|
25
25
|
"test": "jest",
|
|
26
|
+
"test:coverage": "jest --coverage",
|
|
26
27
|
"typescript": "tsc --noEmit",
|
|
27
28
|
"lint": "eslint \"**/*.{js,ts,tsx}\"",
|
|
28
29
|
"prepare": "bob build",
|
|
@@ -43,7 +44,12 @@
|
|
|
43
44
|
"android",
|
|
44
45
|
"dropdown",
|
|
45
46
|
"selection",
|
|
46
|
-
"
|
|
47
|
+
"dropdown menu",
|
|
48
|
+
"multiple select",
|
|
49
|
+
"picker",
|
|
50
|
+
"pull-down menu",
|
|
51
|
+
"combo box",
|
|
52
|
+
"list box"
|
|
47
53
|
],
|
|
48
54
|
"repository": "https://github.com/azeezat/react-native-select",
|
|
49
55
|
"author": "Azeezat <azeezat94@gmail.com> (https://github.com/azeezat)",
|
|
@@ -63,12 +69,12 @@
|
|
|
63
69
|
"@react-native-community/eslint-config": "^3.2.0",
|
|
64
70
|
"@release-it/conventional-changelog": "^8.0.1",
|
|
65
71
|
"@testing-library/jest-dom": "^6.4.8",
|
|
66
|
-
"@testing-library/react-native": "^12.
|
|
72
|
+
"@testing-library/react-native": "^12.9.0",
|
|
67
73
|
"@types/jest": "^29.5.12",
|
|
68
74
|
"@types/react": "18.3.2",
|
|
69
75
|
"@types/react-native": "^0.73.0",
|
|
70
76
|
"commitlint": "^19.3.0",
|
|
71
|
-
"eslint": "^
|
|
77
|
+
"eslint": "^8.0.0",
|
|
72
78
|
"eslint-config-prettier": "^7.0.0",
|
|
73
79
|
"eslint-plugin-prettier": "^3.1.3",
|
|
74
80
|
"husky": "^9.0.11",
|
|
@@ -77,7 +83,7 @@
|
|
|
77
83
|
"pod-install": "^0.2.2",
|
|
78
84
|
"prettier": "^2.0.5",
|
|
79
85
|
"react": "^18.3.1",
|
|
80
|
-
"react-native": "^0.
|
|
86
|
+
"react-native": "^0.75.0",
|
|
81
87
|
"react-native-builder-bob": "^0.23.2",
|
|
82
88
|
"react-test-renderer": "^18.3.1",
|
|
83
89
|
"release-it": "^17.2.1",
|
|
@@ -95,7 +101,8 @@
|
|
|
95
101
|
],
|
|
96
102
|
"coverageReporters": [
|
|
97
103
|
"html",
|
|
98
|
-
"text"
|
|
104
|
+
"text",
|
|
105
|
+
"lcov"
|
|
99
106
|
],
|
|
100
107
|
"coverageThreshold": {
|
|
101
108
|
"global": {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ColorValue } from 'react-native';
|
|
2
|
-
import { TCheckboxControls
|
|
2
|
+
import { TCheckboxControls } from '../../types/index.types';
|
|
3
3
|
|
|
4
4
|
export type CheckboxProps = {
|
|
5
5
|
label?: string;
|
|
@@ -7,4 +7,4 @@ export type CheckboxProps = {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
primaryColor?: ColorValue;
|
|
9
9
|
onChange?: (value: boolean | string | number) => void;
|
|
10
|
-
} & { checkboxControls?: TCheckboxControls }
|
|
10
|
+
} & { checkboxControls?: TCheckboxControls };
|
|
@@ -9,32 +9,29 @@ const CheckBox = ({
|
|
|
9
9
|
value,
|
|
10
10
|
disabled,
|
|
11
11
|
primaryColor,
|
|
12
|
-
checkboxSize,
|
|
13
|
-
checkboxStyle,
|
|
14
|
-
checkboxLabelStyle,
|
|
15
|
-
checkboxComponentStyles,
|
|
16
|
-
checkboxComponent,
|
|
17
12
|
checkboxControls,
|
|
18
13
|
onChange,
|
|
19
14
|
}: CheckboxProps) => {
|
|
15
|
+
const {
|
|
16
|
+
checkboxSize,
|
|
17
|
+
checkboxComponent,
|
|
18
|
+
checkboxDisabledStyle,
|
|
19
|
+
checkboxStyle,
|
|
20
|
+
checkboxUnselectedColor,
|
|
21
|
+
checkboxLabelStyle,
|
|
22
|
+
} = checkboxControls ?? {};
|
|
23
|
+
|
|
20
24
|
const fillColor = {
|
|
21
25
|
backgroundColor: disabled
|
|
22
|
-
?
|
|
23
|
-
colors.disabled
|
|
26
|
+
? checkboxDisabledStyle?.backgroundColor || colors.disabled
|
|
24
27
|
: value
|
|
25
|
-
?
|
|
26
|
-
|
|
27
|
-
checkboxStyle?.backgroundColor ||
|
|
28
|
-
primaryColor
|
|
29
|
-
: checkboxControls?.checkboxUnselectedColor || 'white',
|
|
28
|
+
? checkboxStyle?.backgroundColor || primaryColor
|
|
29
|
+
: checkboxUnselectedColor || 'white',
|
|
30
30
|
borderColor: disabled
|
|
31
|
-
?
|
|
32
|
-
:
|
|
33
|
-
checkboxComponentStyles?.checkboxStyle?.borderColor ||
|
|
34
|
-
checkboxStyle?.borderColor ||
|
|
35
|
-
styles.checkbox.borderColor,
|
|
31
|
+
? checkboxDisabledStyle?.borderColor || colors.disabled
|
|
32
|
+
: checkboxStyle?.borderColor || styles.checkbox.borderColor,
|
|
36
33
|
};
|
|
37
|
-
|
|
34
|
+
label = typeof label === 'object' ? label : String(label);
|
|
38
35
|
return (
|
|
39
36
|
<Pressable
|
|
40
37
|
onPress={onChange ? () => onChange(!value) : null}
|
|
@@ -43,46 +40,23 @@ const CheckBox = ({
|
|
|
43
40
|
aria-label={typeof label === 'string' ? label : ''}
|
|
44
41
|
>
|
|
45
42
|
<View
|
|
46
|
-
style={[
|
|
47
|
-
styles.checkbox,
|
|
48
|
-
checkboxControls?.checkboxStyle ||
|
|
49
|
-
checkboxComponentStyles?.checkboxStyle ||
|
|
50
|
-
checkboxStyle,
|
|
51
|
-
fillColor,
|
|
52
|
-
]}
|
|
43
|
+
style={[styles.checkbox, checkboxStyle, fillColor]}
|
|
53
44
|
aria-checked={value}
|
|
54
45
|
>
|
|
55
|
-
{
|
|
46
|
+
{checkboxComponent || (
|
|
56
47
|
<Image
|
|
57
48
|
source={require('../../asset/check.png')}
|
|
58
49
|
style={[
|
|
59
50
|
{
|
|
60
|
-
height:
|
|
61
|
-
|
|
62
|
-
checkboxComponentStyles?.checkboxSize ||
|
|
63
|
-
checkboxSize ||
|
|
64
|
-
CHECKBOX_SIZE,
|
|
65
|
-
width:
|
|
66
|
-
checkboxControls?.checkboxSize ||
|
|
67
|
-
checkboxComponentStyles?.checkboxSize ||
|
|
68
|
-
checkboxSize ||
|
|
69
|
-
CHECKBOX_SIZE,
|
|
51
|
+
height: checkboxSize || CHECKBOX_SIZE,
|
|
52
|
+
width: checkboxSize || CHECKBOX_SIZE,
|
|
70
53
|
},
|
|
71
54
|
]}
|
|
72
55
|
/>
|
|
73
56
|
)}
|
|
74
57
|
</View>
|
|
75
58
|
{label && label !== '' && (
|
|
76
|
-
<Text
|
|
77
|
-
style={[
|
|
78
|
-
checkboxControls?.checkboxLabelStyle ||
|
|
79
|
-
checkboxComponentStyles?.checkboxLabelStyle ||
|
|
80
|
-
checkboxLabelStyle,
|
|
81
|
-
styles.labelStyle,
|
|
82
|
-
]}
|
|
83
|
-
>
|
|
84
|
-
{label}
|
|
85
|
-
</Text>
|
|
59
|
+
<Text style={[checkboxLabelStyle, styles.labelStyle]}>{label}</Text>
|
|
86
60
|
)}
|
|
87
61
|
</Pressable>
|
|
88
62
|
);
|