react-native-input-select 2.1.4 → 2.1.6

package/README.md

@@ -161,6 +161,18 @@ export default function App() {
         unselectAllCallback: () => Alert.alert('You removed everything'),
         emptyListMessage: 'No record found',
       }}
+      selectedItemsControls={{
+        removeItemIcon: (
+          <Image
+            source={{
+              uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA',
+            }}
+            style={{ tintColor: 'white', height: 12, width: 12 }}
+          />
+        ),
+        onRemoveItem: () => Alert.alert('Item was removed'),
+        showRemoveIcon: true,
+      }}
     />
   );
 }
@@ -277,7 +289,9 @@ For more examples visit our [wiki page](https://github.com/azeezat/react-native-
 | listControls              | `Object`                                     | `{ selectAllText: 'Choose all', unselectAllText: 'Remove all', selectAllCallback: () => {}, unselectAllCallback: () => {}, hideSelectAll: boolean, emptyListMessage: 'No record found', keyboardShouldPersistTaps: "always" }` |
 | searchControls            | `Object`                                     | `{ textInputStyle: ViewStyle \| TextStyle,  textInputContainerStyle: ViewStyle, textInputProps: TextInputProps, searchCallback:(value)=>{}}`                                                                                   |
 | modalControls             | `Object`                                     | `{ modalBackgroundStyle: ViewStyle, modalOptionsContainerStyle: ViewStyle, modalProps: ModalProps}`                                                                                                                            |
+| minSelectableItems        | `number`                                     | 3                                                                                                                                                                                                                              |
 | maxSelectableItems        | `number`                                     | 5                                                                                                                                                                                                                              |
+| selectedItemsControls     | `Object`                                     | `{ removeItemIcon: ReactNode, onRemoveItem: ()=>{}, showRemoveIcon: boolean}`                                                                                                                                                  |
 | ref                       | `useRef<DropdownSelectHandle \| null>(null)` | Use this to open or close the modal as needed e.g dropdownRef.current?.open() or dropdownRef.current?.close()                                                                                                                  |
 
 ## Contributing

package/lib/commonjs/components/CheckBox/index.js

@@ -22,14 +22,18 @@ const CheckBox = ({
     checkboxComponent,
     checkboxDisabledStyle,
     checkboxStyle,
-    checkboxUnselectedColor,
+    checkboxUnselectedColor = 'white',
     checkboxLabelStyle
   } = checkboxControls ?? {};
   const fillColor = {
-    backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || _colors.colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor || 'white',
+    backgroundColor: disabled ? checkboxDisabledStyle?.backgroundColor || _colors.colors.disabled : value ? checkboxStyle?.backgroundColor || primaryColor : checkboxUnselectedColor,
     borderColor: disabled ? checkboxDisabledStyle?.borderColor || _colors.colors.disabled : checkboxStyle?.borderColor || styles.checkbox.borderColor
   };
   label = typeof label === 'object' ? label : String(label);
+  const checkBoxDimensions = {
+    height: checkboxSize || _constants.CHECKBOX_SIZE,
+    width: checkboxSize || _constants.CHECKBOX_SIZE
+  };
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: onChange ? () => onChange(!value) : null,
     style: [styles.checkboxContainer],
@@ -38,13 +42,12 @@ const CheckBox = ({
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.checkbox, checkboxStyle, fillColor],
     "aria-checked": value
-  }, checkboxComponent || /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+  }, checkboxComponent || /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: checkBoxDimensions
+  }, value ? /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: require('../../asset/check.png'),
-    style: [{
-      height: checkboxSize || _constants.CHECKBOX_SIZE,
-      width: checkboxSize || _constants.CHECKBOX_SIZE
-    }]
-  })), label && label !== '' && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: checkBoxDimensions
+  }) : null)), label && label !== '' && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [checkboxLabelStyle, styles.labelStyle]
   }, label));
 };

package/lib/commonjs/components/CheckBox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_constants","e","__esModule","default","CheckBox","label","value","disabled","primaryColor","checkboxControls","onChange","checkboxSize","checkboxComponent","checkboxDisabledStyle","checkboxStyle","checkboxUnselectedColor","checkboxLabelStyle","fillColor","backgroundColor","colors","borderColor","styles","checkbox","String","createElement","Pressable","onPress","style","checkboxContainer","View","Image","source","height","CHECKBOX_SIZE","width","Text","labelStyle","StyleSheet","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["components/CheckBox/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_constants","e","__esModule","default","CheckBox","label","value","disabled","primaryColor","checkboxControls","onChange","checkboxSize","checkboxComponent","checkboxDisabledStyle","checkboxStyle","checkboxUnselectedColor","checkboxLabelStyle","fillColor","backgroundColor","colors","borderColor","styles","checkbox","String","checkBoxDimensions","height","CHECKBOX_SIZE","width","createElement","Pressable","onPress","style","checkboxContainer","View","Image","source","Text","labelStyle","StyleSheet","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["components/CheckBox/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Dropdown/Dropdown.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _DropdownSelectedItemsView = _interopRequireDefault(require("./DropdownSelectedItemsView"));
+var _DropdownSelectedItemsContainer = _interopRequireDefault(require("./DropdownSelectedItemsContainer"));
 var _colors = require("../../styles/colors");
 var _typography = require("../../styles/typography");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,12 +16,14 @@ const Dropdown = ({
   placeholder,
   helperText,
   error,
-  labelsOfSelectedItems,
+  selectionData,
   openModal,
-  closeModal,
   isMultiple,
   selectedItem,
   selectedItems,
+  optionLabel,
+  optionValue,
+  selectedItemsControls,
   dropdownIcon,
   labelStyle,
   dropdownStyle,
@@ -35,7 +37,8 @@ const Dropdown = ({
   dropdownHelperTextStyle,
   primaryColor,
   disabled,
-  setIndexOfSelectedItem
+  setIndexOfSelectedItem,
+  handleMultipleSelections
 }) => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.dropdownInputContainer, dropdownContainerStyle],
@@ -44,30 +47,37 @@ const Dropdown = ({
     testID: testID
   }, label && label !== '' && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.label, labelStyle]
-  }, label), /*#__PURE__*/_react.default.createElement(_DropdownSelectedItemsView.default, {
+  }, label), /*#__PURE__*/_react.default.createElement(_DropdownSelectedItemsContainer.default, {
     placeholder: placeholder,
     error: error,
-    labelsOfSelectedItems: labelsOfSelectedItems,
+    selectionData: selectionData,
     openModal: openModal,
-    closeModal: closeModal,
     isMultiple: isMultiple,
     selectedItem: selectedItem,
     selectedItems: selectedItems,
-    dropdownIcon: dropdownIcon,
+    optionLabel: optionLabel,
+    optionValue: optionValue,
     dropdownStyle: dropdownStyle,
-    dropdownIconStyle: dropdownIconStyle,
     selectedItemStyle: selectedItemStyle,
     multipleSelectedItemStyle: multipleSelectedItemStyle,
     dropdownErrorStyle: dropdownErrorStyle,
     primaryColor: primaryColor,
     disabled: disabled,
     placeholderStyle: placeholderStyle,
-    setIndexOfSelectedItem: setIndexOfSelectedItem
+    setIndexOfSelectedItem: setIndexOfSelectedItem,
+    handleMultipleSelections: handleMultipleSelections,
+    selectedItemsControls: selectedItemsControls
   }), error && error !== '' && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.error, dropdownErrorTextStyle]
   }, error), helperText && helperText !== '' && !error && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.helper, dropdownHelperTextStyle]
-  }, helperText));
+  }, helperText), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.iconStyle, dropdownIconStyle],
+    onPress: () => openModal(),
+    testID: "dropdown-trailing-icon"
+  }, dropdownIcon || /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: require('../../asset/arrow-down.png')
+  })));
 };
 const styles = _reactNative.StyleSheet.create({
   label: {
@@ -91,6 +101,11 @@ const styles = _reactNative.StyleSheet.create({
   },
   blackText: {
     color: _colors.colors.black
+  },
+  iconStyle: {
+    position: 'absolute',
+    right: 25,
+    top: 60
   }
 });
 var _default = exports.default = Dropdown;

package/lib/commonjs/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DropdownSelectedItemsView","_colors","_typography","e","__esModule","default","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","View","style","styles","dropdownInputContainer","accessibilityRole","pointerEvents","Text","helper","StyleSheet","create","marginBottom","color","colors","gray","typography","caption","red","marginTop","primary","width","blackText","black","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Dropdown/Dropdown.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DropdownSelectedItemsContainer","_colors","_typography","e","__esModule","default","Dropdown","testID","label","placeholder","helperText","error","selectionData","openModal","isMultiple","selectedItem","selectedItems","optionLabel","optionValue","selectedItemsControls","dropdownIcon","labelStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","primaryColor","disabled","setIndexOfSelectedItem","handleMultipleSelections","createElement","View","style","styles","dropdownInputContainer","accessibilityRole","pointerEvents","Text","helper","TouchableOpacity","iconStyle","onPress","Image","source","StyleSheet","create","marginBottom","color","colors","gray","typography","caption","red","marginTop","primary","width","blackText","black","position","right","top","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Dropdown/Dropdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Dropdown/DropdownSelectedItem.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const DropdownSelectedItem = ({
+  onPress,
+  style,
+  label,
+  removeItemIcon,
+  onRemoveItem,
+  showRemoveIcon,
+  closeIconStyles,
+  testId,
+  disabled,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
+    onPress: () => onPress()
+  }, rest, {
+    style: [styles.dropdownInputContent, ...(style ?? [])],
+    testID: `dropdown-selected-item-${testId}`
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: (0, _utils.extractTextStylesFromArray)(style)
+  }, label), showRemoveIcon && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: disabled ? null : () => onRemoveItem?.(),
+    testID: `dropdown-selected-item-remove-icon-${testId}`
+  }, removeItemIcon || /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: require('../../asset/close.png'),
+    style: [styles.removeItemIcon, closeIconStyles]
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  dropdownInputContent: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: 8
+  },
+  removeItemIcon: {
+    height: 10,
+    width: 10
+  }
+});
+var _default = exports.default = DropdownSelectedItem;
+//# sourceMappingURL=DropdownSelectedItem.js.map

package/lib/commonjs/components/Dropdown/DropdownSelectedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","DropdownSelectedItem","onPress","style","label","removeItemIcon","onRemoveItem","showRemoveIcon","closeIconStyles","testId","disabled","rest","createElement","TouchableOpacity","styles","dropdownInputContent","testID","Text","extractTextStylesFromArray","Pressable","Image","source","StyleSheet","create","display","justifyContent","alignItems","flexDirection","gap","height","width","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,MAAA,GAAAF,OAAA;AAAyD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAczD,MAAMO,oBAAoB,GAAGA,CAAC;EAC5BC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,cAAc;EACdC,YAAY;EACZC,cAAc;EACdC,eAAe;EACfC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACsB,CAAC,KAAK;EAC/B,oBACE9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAA6B,gBAAgB,EAAAxB,QAAA;IACfa,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC;EAAE,GACrBS,IAAI;IACRR,KAAK,EAAE,CAACW,MAAM,CAACC,oBAAoB,EAAE,IAAIZ,KAAK,IAAI,EAAE,CAAC,CAAE;IACvDa,MAAM,EAAE,0BAA0BP,MAAM;EAAG,iBAE3C5B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAAiC,IAAI;IAACd,KAAK,EAAE,IAAAe,iCAA0B,EAACf,KAAK;EAAE,GAAEC,KAAY,CAAC,EAE7DG,cAAc,iBACb1B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAAmC,SAAS;IACRjB,OAAO,EAAEQ,QAAQ,GAAG,IAAI,GAAG,MAAMJ,YAAY,GAAG,CAAE;IAClDU,MAAM,EAAE,sCAAsCP,MAAM;EAAG,GAEtDJ,cAAc,iBACbxB,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAAoC,KAAK;IACJC,MAAM,EAAEtC,OAAO,CAAC,uBAAuB,CAAE;IACzCoB,KAAK,EAAE,CAACW,MAAM,CAACT,cAAc,EAAEG,eAAe;EAAE,CACjD,CAEM,CAEG,CAAC;AAEvB,CAAC;AAED,MAAMM,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,oBAAoB,EAAE;IACpBS,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDvB,cAAc,EAAE;IACdwB,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GAEYa,oBAAoB","ignoreList":[]}

package/lib/commonjs/components/Dropdown/{DropdownSelectedItemsView.js → DropdownSelectedItemsContainer.js}

@@ -8,26 +8,28 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _colors = require("../../styles/colors");
 var _input = require("../../styles/input");
+var _DropdownSelectedItem = _interopRequireDefault(require("./DropdownSelectedItem"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const DropdownSelectedItemsView = ({
+const DropdownSelectedItemsContainer = ({
   placeholder,
   error,
-  labelsOfSelectedItems,
+  selectionData = [],
   openModal,
   isMultiple,
   selectedItem,
   selectedItems,
-  dropdownIcon,
+  optionLabel,
+  optionValue,
   dropdownStyle,
-  dropdownIconStyle,
-  selectedItemStyle,
-  placeholderStyle,
-  multipleSelectedItemStyle,
+  placeholderStyle = {},
+  selectedItemStyle = {},
+  multipleSelectedItemStyle = {},
   dropdownErrorStyle,
   primaryColor,
-  disabled,
-  setIndexOfSelectedItem
+  disabled = false,
+  setIndexOfSelectedItem,
+  selectedItemsControls,
+  handleMultipleSelections
 }) => {
   const openActions = label => {
     openModal();
@@ -59,48 +61,41 @@ const DropdownSelectedItemsView = ({
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.selectedItemsContainer,
     onStartShouldSetResponder: () => true
-  }, isMultiple ? labelsOfSelectedItems?.map((label, i) => /*#__PURE__*/_react.default.createElement(DropdownContent, {
-    onPress: () => openActions(label),
-    key: `react-native-input-select-list-item-${Math.random()}-${i}`,
-    style: [styles.selectedItems, {
-      backgroundColor: primaryColor
-    }, multipleSelectedItemStyle],
-    label: label,
-    disabled: disabled
-  })) : /*#__PURE__*/_react.default.createElement(DropdownContent, {
-    onPress: () => openActions(labelsOfSelectedItems),
+  }, isMultiple ? selectionData?.map((data, i) => {
+    const label = data[optionLabel];
+    const value = data[optionValue];
+    return /*#__PURE__*/_react.default.createElement(_DropdownSelectedItem.default, {
+      onPress: () => openActions(label),
+      key: `react-native-input-select-list-item-${Math.random()}-${i}`,
+      style: [styles.selectedItems, {
+        backgroundColor: primaryColor
+      }, multipleSelectedItemStyle],
+      closeIconStyles: {
+        tintColor: multipleSelectedItemStyle?.color || styles.selectedItems.color
+      },
+      label: label,
+      disabled: disabled || data.disabled,
+      showRemoveIcon: selectedItemsControls?.showRemoveIcon || true,
+      removeItemIcon: selectedItemsControls?.removeItemIcon,
+      onRemoveItem: () => {
+        handleMultipleSelections?.(value);
+        selectedItemsControls?.onRemoveItem?.(); //user defined control
+      },
+      testId: `${i}`
+    });
+  }) : /*#__PURE__*/_react.default.createElement(_DropdownSelectedItem.default, {
+    onPress: () => openActions(String(selectionData?.[optionLabel] ?? '')),
     style: [styles.blackText, selectedItemStyle],
-    label: labelsOfSelectedItems,
+    label: selectionData[optionLabel],
     disabled: disabled
-  }), selectedItem === '' && selectedItems?.length === 0 && /*#__PURE__*/_react.default.createElement(DropdownContent, {
+  }), selectedItem === '' && selectedItems?.length === 0 && /*#__PURE__*/_react.default.createElement(_DropdownSelectedItem.default, {
     onPress: () => openModal(),
     style: [styles.blackText, placeholderStyle],
     label: placeholder ?? 'Select an option',
     disabled: disabled
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.iconStyle, dropdownIconStyle]
-  }, dropdownIcon || /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-    source: require('../../asset/arrow-down.png')
-  })));
-};
-const DropdownContent = ({
-  onPress,
-  style,
-  label,
-  ...rest
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
-    onPress: () => onPress()
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: style
-  }, label));
+  }))));
 };
 const styles = _reactNative.StyleSheet.create({
-  iconStyle: {
-    position: 'absolute',
-    right: 25,
-    top: 25
-  },
   selectedItemsContainer: {
     flexDirection: 'row',
     flexWrap: 'nowrap',
@@ -119,5 +114,5 @@ const styles = _reactNative.StyleSheet.create({
     color: _colors.colors.black
   }
 });
-var _default = exports.default = DropdownSelectedItemsView;
-//# sourceMappingURL=DropdownSelectedItemsView.js.map
+var _default = exports.default = DropdownSelectedItemsContainer;
+//# sourceMappingURL=DropdownSelectedItemsContainer.js.map

package/lib/commonjs/components/Dropdown/DropdownSelectedItemsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_input","_DropdownSelectedItem","e","__esModule","default","DropdownSelectedItemsContainer","placeholder","error","selectionData","openModal","isMultiple","selectedItem","selectedItems","optionLabel","optionValue","dropdownStyle","placeholderStyle","selectedItemStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","selectedItemsControls","handleMultipleSelections","openActions","label","createElement","Pressable","onPress","style","pressed","inputStyles","inputFocusState","borderColor","input","inputFocusErrorState","testID","ScrollView","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","View","styles","selectedItemsContainer","onStartShouldSetResponder","map","data","i","value","key","Math","random","backgroundColor","closeIconStyles","tintColor","color","showRemoveIcon","removeItemIcon","onRemoveItem","testId","String","blackText","length","StyleSheet","create","flexDirection","flexWrap","alignItems","colors","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItemsContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA0D,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAqB1D,MAAMG,8BAA8B,GAAGA,CAAC;EACtCC,WAAW;EACXC,KAAK;EACLC,aAAa,GAAG,EAAE;EAClBC,SAAS;EACTC,UAAU;EACVC,YAAY;EACZC,aAAa;EACbC,WAAW;EACXC,WAAW;EACXC,aAAa;EACbC,gBAAgB,GAAG,CAAC,CAAC;EACrBC,iBAAiB,GAAG,CAAC,CAAC;EACtBC,yBAAyB,GAAG,CAAC,CAAC;EAC9BC,kBAAkB;EAClBC,YAAY;EACZC,QAAQ,GAAG,KAAK;EAChBC,sBAAsB;EACtBC,qBAAqB;EACrBC;AACyD,CAAC,KAAK;EAC/D,MAAMC,WAAW,GAAIC,KAAa,IAAK;IACrCjB,SAAS,CAAC,CAAC;IACXa,sBAAsB,CAACI,KAAK,CAAC,CAAC,CAAC;EACjC,CAAC;EAED,oBACE/B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC7B,YAAA,CAAA8B,SAAS;IACRC,OAAO,EAAEA,CAAA,KAAMpB,SAAS,CAAC,CAAE;IAC3BqB,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBA,OAAO,IAAI;MACT,GAAGC,kBAAW,CAACC,eAAe;MAC9BC,WAAW,EAAEd;IACf,CAAC,EACD;MAAE,GAAGY,kBAAW,CAACG,KAAK;MAAE,GAAGpB;IAAc,CAAC,EAC1CR,KAAK;IAAI;IACPA,KAAK,KAAK,EAAE,IACZ,CAACwB,OAAO,IAAI;MACV,GAAGC,kBAAW,CAACI,oBAAoB;MACnC,GAAGjB;IACL,CAAC,CACH;IACFE,QAAQ,EAAEA,QAAS;IACnB,iBAAeA,QAAS;IACxBgB,MAAM,EAAC;EAAoD,gBAE3D1C,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC7B,YAAA,CAAAwC,UAAU;IACTC,UAAU;IACVC,sBAAsB;IACtBC,8BAA8B,EAAE;EAAM,gBAEtC9C,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC7B,YAAA,CAAA4C,IAAI;IACHZ,KAAK,EAAEa,MAAM,CAACC,sBAAuB;IACrCC,yBAAyB,EAAEA,CAAA,KAAM;EAAK,GAErCnC,UAAU,GACRF,aAAa,EAAsBsC,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;IACnD,MAAMtB,KAAK,GAAGqB,IAAI,CAAClC,WAAW,CAAC;IAC/B,MAAMoC,KAAK,GAAGF,IAAI,CAACjC,WAAW,CAAC;IAE/B,oBACEnB,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC1B,qBAAA,CAAAG,OAAoB;MACnByB,OAAO,EAAEA,CAAA,KAAMJ,WAAW,CAACC,KAAe,CAAE;MAC5CwB,GAAG,EAAE,uCAAuCC,IAAI,CAACC,MAAM,CAAC,CAAC,IAAIJ,CAAC,EAAG;MACjElB,KAAK,EAAE,CACLa,MAAM,CAAC/B,aAAa,EACpB;QAAEyC,eAAe,EAAEjC;MAAa,CAAC,EACjCF,yBAAyB,CACzB;MACFoC,eAAe,EAAE;QACfC,SAAS,EACNrC,yBAAyB,EAAgBsC,KAAK,IAC/Cb,MAAM,CAAC/B,aAAa,CAAC4C;MACzB,CAAE;MACF9B,KAAK,EAAEA,KAAM;MACbL,QAAQ,EAAEA,QAAQ,IAAK0B,IAAI,CAAC1B,QAAqB;MACjDoC,cAAc,EAAElC,qBAAqB,EAAEkC,cAAc,IAAI,IAAK;MAC9DC,cAAc,EAAEnC,qBAAqB,EAAEmC,cAAe;MACtDC,YAAY,EAAEA,CAAA,KAAM;QAClBnC,wBAAwB,GAAGyB,KAAsB,CAAC;QAClD1B,qBAAqB,EAAEoC,YAAY,GAAG,CAAC,CAAC,CAAC;MAC3C,CAAE;MACFC,MAAM,EAAE,GAAGZ,CAAC;IAAG,CAChB,CAAC;EAEN,CAAC,CAAC,gBAEFrD,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC1B,qBAAA,CAAAG,OAAoB;IACnByB,OAAO,EAAEA,CAAA,KACPJ,WAAW,CACToC,MAAM,CAAErD,aAAa,GAAqBK,WAAW,CAAC,IAAI,EAAE,CAC9D,CACD;IACDiB,KAAK,EAAE,CAACa,MAAM,CAACmB,SAAS,EAAE7C,iBAAiB,CAAE;IAC7CS,KAAK,EAAGlB,aAAa,CAAmBK,WAAW,CAAY;IAC/DQ,QAAQ,EAAEA;EAAS,CACpB,CACF,EAGAV,YAAY,KAAK,EAAE,IAAIC,aAAa,EAAEmD,MAAM,KAAK,CAAC,iBACjDpE,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC1B,qBAAA,CAAAG,OAAoB;IACnByB,OAAO,EAAEA,CAAA,KAAMpB,SAAS,CAAC,CAAE;IAC3BqB,KAAK,EAAE,CAACa,MAAM,CAACmB,SAAS,EAAE9C,gBAAgB,CAAE;IAC5CU,KAAK,EAAEpB,WAAW,IAAI,kBAAmB;IACzCe,QAAQ,EAAEA;EAAS,CACpB,CAEC,CACI,CACH,CAAC;AAEhB,CAAC;AAED,MAAMsB,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,sBAAsB,EAAE;IACtBsB,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE;EACd,CAAC;EACDxD,aAAa,EAAE;IACb4C,KAAK,EAAEa,cAAM,CAACC,KAAK;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,EAAE;IAChBpB,eAAe,EAAEgB,cAAM,CAACK,OAAO;IAC/BC,WAAW,EAAE,EAAE;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDd,SAAS,EAAE;IAAEN,KAAK,EAAEa,cAAM,CAACQ;EAAM;AACnC,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3E,OAAA,GAEYC,8BAA8B","ignoreList":[]}

package/lib/commonjs/components/List/DropdownFlatList.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _DropdownListItem = _interopRequireDefault(require("../Dropdown/DropdownListItem"));
+var _DropdownListItem = _interopRequireDefault(require("./DropdownListItem"));
 var _Others = require("../Others");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }

package/lib/commonjs/components/List/DropdownListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CheckBox","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxControls","createElement","TouchableOpacity","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","alignItems","_default","exports","memo"],"sourceRoot":"../../../../src","sources":["components/List/DropdownListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/List/DropdownSectionList.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _DropdownListItem = _interopRequireDefault(require("../Dropdown/DropdownListItem"));
+var _DropdownListItem = _interopRequireDefault(require("./DropdownListItem"));
 var _Others = require("../Others");
 var _utils = require("../../utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/commonjs/hooks/use-selection-handler.js

@@ -8,18 +8,22 @@ var _react = require("react");
 const useSelectionHandler = ({
   initialSelectedValue,
   isMultiple,
+  minSelectableItems = 0,
   maxSelectableItems,
   onValueChange,
   closeModal,
   autoCloseOnSelect
 }) => {
-  // Initialize state based on whether it's multiple selection or not
+  // Initialize state based on whether it is multiple selection or not
   const [selectedItem, setSelectedItem] = (0, _react.useState)(isMultiple ? '' : initialSelectedValue);
   const [selectedItems, setSelectedItems] = (0, _react.useState)(isMultiple ? initialSelectedValue : []);
   const handleSingleSelection = (0, _react.useCallback)(value => {
     if (selectedItem === value) {
-      setSelectedItem('');
-      onValueChange(''); // Send null to parent when deselected
+      // Deselect item if minSelectableItems is not reached
+      if (minSelectableItems === 0) {
+        setSelectedItem('');
+        onValueChange(''); // Send null to parent when deselected
+      }
     } else {
       setSelectedItem(value);
       onValueChange(value); // Send selected value to parent
@@ -28,13 +32,15 @@ const useSelectionHandler = ({
         closeModal(); // close modal upon selection
       }
     }
-  }, [selectedItem, onValueChange, autoCloseOnSelect, closeModal]);
+  }, [selectedItem, minSelectableItems, onValueChange, autoCloseOnSelect, closeModal]);
   const handleMultipleSelections = (0, _react.useCallback)(value => {
     setSelectedItems(prevVal => {
       let selectedValues = [...prevVal];
       if (selectedValues.includes(value)) {
-        // Remove item
-        selectedValues = selectedValues.filter(item => item !== value);
+        // Only remove item if it doesn't drop below the minimum required
+        if (selectedValues.length > minSelectableItems) {
+          selectedValues = selectedValues.filter(item => item !== value);
+        }
       } else {
         // Add item
         if (maxSelectableItems && selectedValues.length >= maxSelectableItems) {
@@ -45,7 +51,7 @@ const useSelectionHandler = ({
       onValueChange(selectedValues); // Send selected values to parent
       return selectedValues;
     });
-  }, [maxSelectableItems, onValueChange]);
+  }, [minSelectableItems, maxSelectableItems, onValueChange]);
 
   // Return the relevant state and handlers
   return {

package/lib/commonjs/hooks/use-selection-handler.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useSelectionHandler","initialSelectedValue","isMultiple","maxSelectableItems","onValueChange","closeModal","autoCloseOnSelect","selectedItem","setSelectedItem","useState","selectedItems","setSelectedItems","handleSingleSelection","useCallback","value","handleMultipleSelections","prevVal","selectedValues","includes","filter","item","length","push","exports"],"sourceRoot":"../../../src","sources":["hooks/use-selection-handler.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYO,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,GAAG,IAAAC,eAAQ,EAC9CP,UAAU,GAAG,EAAE,GAAID,oBACrB,CAAC;EACD,MAAM,CAACS,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAChDP,UAAU,GAAID,oBAAoB,GAAuB,EAC3D,CAAC;EAED,MAAMW,qBAAqB,GAAG,IAAAC,kBAAW,EACtCC,KAAoB,IAAK;IACxB,IAAIP,YAAY,KAAKO,KAAK,EAAE;MAC1BN,eAAe,CAAC,EAAE,CAAC;MACnBJ,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC,MAAM;MACLI,eAAe,CAACM,KAAK,CAAC;MACtBV,aAAa,CAACU,KAAK,CAAC,CAAC,CAAC;;MAEtB,IAAIR,iBAAiB,EAAE;QACrBD,UAAU,CAAC,CAAC,CAAC,CAAC;MAChB;IACF;EACF,CAAC,EACD,CAACE,YAAY,EAAEH,aAAa,EAAEE,iBAAiB,EAAED,UAAU,CAC7D,CAAC;EAED,MAAMU,wBAAwB,GAAG,IAAAF,kBAAW,EACzCC,KAAoB,IAAK;IACxBH,gBAAgB,CAAEK,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,IACEX,kBAAkB,IAClBc,cAAc,CAACI,MAAM,IAAIlB,kBAAkB,EAC3C;UACA,OAAOc,cAAc;QACvB;QACAA,cAAc,CAACK,IAAI,CAACR,KAAK,CAAC;MAC5B;MAEAV,aAAa,CAACa,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAOA,cAAc;IACvB,CAAC,CAAC;EACJ,CAAC,EACD,CAACd,kBAAkB,EAAEC,aAAa,CACpC,CAAC;;EAED;EACA,OAAO;IACLG,YAAY;IACZG,aAAa;IACbE,qBAAqB;IACrBG,wBAAwB;IACxBJ,gBAAgB;IAAE;IAClBH,eAAe,CAAE;EACnB,CAAC;AACH,CAAC;AAACe,OAAA,CAAAvB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","useSelectionHandler","initialSelectedValue","isMultiple","minSelectableItems","maxSelectableItems","onValueChange","closeModal","autoCloseOnSelect","selectedItem","setSelectedItem","useState","selectedItems","setSelectedItems","handleSingleSelection","useCallback","value","handleMultipleSelections","prevVal","selectedValues","includes","length","filter","item","push","exports"],"sourceRoot":"../../../src","sources":["hooks/use-selection-handler.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,oBAAoB;EACpBC,UAAU;EACVC,kBAAkB,GAAG,CAAC;EACtBC,kBAAkB;EAClBC,aAAa;EACbC,UAAU;EACVC;AACwB,CAAC,KAAK;EAC9B;EACA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAC9CR,UAAU,GAAG,EAAE,GAAID,oBACrB,CAAC;EACD,MAAM,CAACU,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAChDR,UAAU,GAAID,oBAAoB,GAAuB,EAC3D,CAAC;EAED,MAAMY,qBAAqB,GAAG,IAAAC,kBAAW,EACtCC,KAAoB,IAAK;IACxB,IAAIP,YAAY,KAAKO,KAAK,EAAE;MAC1B;MACA,IAAIZ,kBAAkB,KAAK,CAAC,EAAE;QAC5BM,eAAe,CAAC,EAAE,CAAC;QACnBJ,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;MACrB;IACF,CAAC,MAAM;MACLI,eAAe,CAACM,KAAK,CAAC;MACtBV,aAAa,CAACU,KAAK,CAAC,CAAC,CAAC;;MAEtB,IAAIR,iBAAiB,EAAE;QACrBD,UAAU,CAAC,CAAC,CAAC,CAAC;MAChB;IACF;EACF,CAAC,EACD,CACEE,YAAY,EACZL,kBAAkB,EAClBE,aAAa,EACbE,iBAAiB,EACjBD,UAAU,CAEd,CAAC;EAED,MAAMU,wBAAwB,GAAG,IAAAF,kBAAW,EACzCC,KAAoB,IAAK;IACxBH,gBAAgB,CAAEK,OAAO,IAAK;MAC5B,IAAIC,cAAc,GAAG,CAAC,GAAGD,OAAO,CAAC;MAEjC,IAAIC,cAAc,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE;QAClC;QACA,IAAIG,cAAc,CAACE,MAAM,GAAGjB,kBAAkB,EAAE;UAC9Ce,cAAc,GAAGA,cAAc,CAACG,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKP,KAAK,CAAC;QAClE;MACF,CAAC,MAAM;QACL;QACA,IACEX,kBAAkB,IAClBc,cAAc,CAACE,MAAM,IAAIhB,kBAAkB,EAC3C;UACA,OAAOc,cAAc;QACvB;QACAA,cAAc,CAACK,IAAI,CAACR,KAAK,CAAC;MAC5B;MAEAV,aAAa,CAACa,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAOA,cAAc;IACvB,CAAC,CAAC;EACJ,CAAC,EACD,CAACf,kBAAkB,EAAEC,kBAAkB,EAAEC,aAAa,CACxD,CAAC;;EAED;EACA,OAAO;IACLG,YAAY;IACZG,aAAa;IACbE,qBAAqB;IACrBG,wBAAwB;IACxBJ,gBAAgB;IAAE;IAClBH,eAAe,CAAE;EACnB,CAAC;AACH,CAAC;AAACe,OAAA,CAAAxB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -54,7 +54,9 @@ const DropdownSelect = exports.DropdownSelect = /*#__PURE__*/(0, _react.forwardR
   searchControls,
   modalControls,
   checkboxControls,
+  selectedItemsControls,
   autoCloseOnSelect = true,
+  minSelectableItems,
   maxSelectableItems,
   ...rest
 }, ref) => {
@@ -134,6 +136,7 @@ const DropdownSelect = exports.DropdownSelect = /*#__PURE__*/(0, _react.forwardR
   } = (0, _hooks.useSelectionHandler)({
     initialSelectedValue: selectedValue,
     isMultiple,
+    minSelectableItems,
     maxSelectableItems,
     onValueChange,
     closeModal: () => closeModal(),
@@ -141,8 +144,10 @@ const DropdownSelect = exports.DropdownSelect = /*#__PURE__*/(0, _react.forwardR
   });
   (0, _react.useEffect)(() => {
     isMultiple ? setSelectedItems(selectedValue) : setSelectedItem(selectedValue);
-    return () => {};
-  }, [selectedValue, setSelectedItems, setSelectedItem, isMultiple, onValueChange]);
+
+    // setSelectedItems already updates selectedValue, so omit it from dependency array to avoid infinite loop
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [setSelectedItems, setSelectedItem, isMultiple, onValueChange]);
 
   /*===========================================
    * List type
@@ -177,18 +182,19 @@ const DropdownSelect = exports.DropdownSelect = /*#__PURE__*/(0, _react.forwardR
     placeholder: placeholder,
     helperText: helperText,
     error: error,
-    labelsOfSelectedItems: (0, _utils.getLabelsOfSelectedItems)({
+    selectionData: (0, _utils.getSelectionsData)({
       isMultiple,
-      optionLabel,
       optionValue,
       selectedItem,
       selectedItems,
       modifiedOptions
     }),
+    optionLabel: optionLabel,
+    optionValue: optionValue,
     selectedItem: selectedItem,
     selectedItems: selectedItems,
+    selectedItemsControls: selectedItemsControls,
     openModal: () => openModal(),
-    closeModal: () => closeModal(),
     labelStyle: labelStyle,
     dropdownIcon: dropdownIcon,
     dropdownStyle: dropdownStyle,
@@ -203,7 +209,8 @@ const DropdownSelect = exports.DropdownSelect = /*#__PURE__*/(0, _react.forwardR
     primaryColor: primaryColor,
     disabled: disabled,
     placeholderStyle: placeholderStyle,
-    setIndexOfSelectedItem: setIndexOfSelectedItem
+    setIndexOfSelectedItem: setIndexOfSelectedItem,
+    handleMultipleSelections: handleMultipleSelections
   }, rest)), /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     visible: isVisible,
     onRequestClose: () => closeModal(),