react-native-input-select 2.1.4 → 2.1.6

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

@@ -2,18 +2,22 @@ import { useState, useCallback } from 'react';
 export 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] = useState(isMultiple ? '' : initialSelectedValue);
   const [selectedItems, setSelectedItems] = useState(isMultiple ? initialSelectedValue : []);
   const handleSingleSelection = 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
@@ -22,13 +26,15 @@ export const useSelectionHandler = ({
         closeModal(); // close modal upon selection
       }
     }
-  }, [selectedItem, onValueChange, autoCloseOnSelect, closeModal]);
+  }, [selectedItem, minSelectableItems, onValueChange, autoCloseOnSelect, closeModal]);
   const handleMultipleSelections = 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) {
@@ -39,7 +45,7 @@ export 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/module/hooks/use-selection-handler.js.map

@@ -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":[]}
+{"version":3,"names":["useState","useCallback","useSelectionHandler","initialSelectedValue","isMultiple","minSelectableItems","maxSelectableItems","onValueChange","closeModal","autoCloseOnSelect","selectedItem","setSelectedItem","selectedItems","setSelectedItems","handleSingleSelection","value","handleMultipleSelections","prevVal","selectedValues","includes","length","filter","item","push"],"sourceRoot":"../../../src","sources":["hooks/use-selection-handler.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAa7C,OAAO,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,GAAGX,QAAQ,CAC9CI,UAAU,GAAG,EAAE,GAAID,oBACrB,CAAC;EACD,MAAM,CAACS,aAAa,EAAEC,gBAAgB,CAAC,GAAGb,QAAQ,CAChDI,UAAU,GAAID,oBAAoB,GAAuB,EAC3D,CAAC;EAED,MAAMW,qBAAqB,GAAGb,WAAW,CACtCc,KAAoB,IAAK;IACxB,IAAIL,YAAY,KAAKK,KAAK,EAAE;MAC1B;MACA,IAAIV,kBAAkB,KAAK,CAAC,EAAE;QAC5BM,eAAe,CAAC,EAAE,CAAC;QACnBJ,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;MACrB;IACF,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,CACEE,YAAY,EACZL,kBAAkB,EAClBE,aAAa,EACbE,iBAAiB,EACjBD,UAAU,CAEd,CAAC;EAED,MAAMQ,wBAAwB,GAAGf,WAAW,CACzCc,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;QACA,IAAIG,cAAc,CAACE,MAAM,GAAGf,kBAAkB,EAAE;UAC9Ca,cAAc,GAAGA,cAAc,CAACG,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKP,KAAK,CAAC;QAClE;MACF,CAAC,MAAM;QACL;QACA,IACET,kBAAkB,IAClBY,cAAc,CAACE,MAAM,IAAId,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,CAACb,kBAAkB,EAAEC,kBAAkB,EAAEC,aAAa,CACxD,CAAC;;EAED;EACA,OAAO;IACLG,YAAY;IACZE,aAAa;IACbE,qBAAqB;IACrBE,wBAAwB;IACxBH,gBAAgB;IAAE;IAClBF,eAAe,CAAE;EACnB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -9,7 +9,7 @@ import DropdownSectionList from './components/List/DropdownSectionList';
 import CustomModal from './components/CustomModal';
 import { colors } from './styles/colors';
 import { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';
-import { extractPropertyFromArray, getLabelsOfSelectedItems } from './utils';
+import { extractPropertyFromArray, getSelectionsData } from './utils';
 import { useSelectionHandler, useModal, useSearch, useIndexOfSelectedItem, useSelectAll } from './hooks';
 export const DropdownSelect = /*#__PURE__*/forwardRef(({
   testID,
@@ -45,7 +45,9 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
   searchControls,
   modalControls,
   checkboxControls,
+  selectedItemsControls,
   autoCloseOnSelect = true,
+  minSelectableItems,
   maxSelectableItems,
   ...rest
 }, ref) => {
@@ -125,6 +127,7 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
   } = useSelectionHandler({
     initialSelectedValue: selectedValue,
     isMultiple,
+    minSelectableItems,
     maxSelectableItems,
     onValueChange,
     closeModal: () => closeModal(),
@@ -132,8 +135,10 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
   });
   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
@@ -168,18 +173,19 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
     placeholder: placeholder,
     helperText: helperText,
     error: error,
-    labelsOfSelectedItems: getLabelsOfSelectedItems({
+    selectionData: 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,
@@ -194,7 +200,8 @@ export const DropdownSelect = /*#__PURE__*/forwardRef(({
     primaryColor: primaryColor,
     disabled: disabled,
     placeholderStyle: placeholderStyle,
-    setIndexOfSelectedItem: setIndexOfSelectedItem
+    setIndexOfSelectedItem: setIndexOfSelectedItem,
+    handleMultipleSelections: handleMultipleSelections
   }, rest)), /*#__PURE__*/React.createElement(CustomModal, {
     visible: isVisible,
     onRequestClose: () => closeModal(),

package/lib/module/index.js.map

@@ -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","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","keyboardShouldPersistTaps","create","paddingHorizontal","paddingVertical","flexDirection"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"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","getSelectionsData","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","selectedItemsControls","autoCloseOnSelect","minSelectableItems","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","selectionData","visible","onRequestClose","ListHeaderComponent","onChangeText","text","style","textInputStyle","textInputContainerStyle","textInputProps","hideSelectAll","length","styles","optionsContainerStyle","accessible","unselectAllText","selectAllText","onChange","ListFooterComponent","emptyListMessage","keyboardShouldPersistTaps","create","paddingHorizontal","paddingVertical","flexDirection"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["colors","primary","red","black","white","dark","gray","lightGray","disabled"],"sourceRoot":"../../../src","sources":["styles/colors.ts"],"mappings":"AAAA,OAAO,MAAMA,MAAW,GAAG;EACzBC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["colors","primary","red","black","white","dark","gray","lightGray","disabled"],"sourceRoot":"../../../src","sources":["styles/colors.ts"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/lib/module/styles/input.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","colors","inputStyles","create","input","paddingVertical","paddingHorizontal","backgroundColor","lightGray","borderRadius","borderColor","dark","borderWidth","color","width","minHeight","inputFocusErrorState","borderStyle","red","inputFocusState","primary"],"sourceRoot":"../../../src","sources":["styles/input.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,WAAgB,GAAGF,UAAU,CAACG,MAAM,CAAC;EAChDC,KAAK,EAAE;IACLC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAEN,MAAM,CAACO,SAAS;IACjCC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAET,MAAM,CAACU,IAAI;IACxBC,WAAW,EAAE,CAAC;IACdC,KAAK,EAAEZ,MAAM,CAACU,IAAI;IAClBG,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACb,CAAC;EACDC,oBAAoB,EAAE;IACpBJ,WAAW,EAAE,CAAC;IACdK,WAAW,EAAE,OAAO;IACpBP,WAAW,EAAET,MAAM,CAACiB;EACtB,CAAC;EACDC,eAAe,EAAE;IACfP,WAAW,EAAE,CAAC;IACdK,WAAW,EAAE,OAAO;IACpBP,WAAW,EAAET,MAAM,CAACmB;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","colors","inputStyles","create","input","paddingVertical","paddingHorizontal","backgroundColor","lightGray","borderRadius","borderColor","dark","borderWidth","color","width","minHeight","inputFocusErrorState","borderStyle","red","inputFocusState","primary"],"sourceRoot":"../../../src","sources":["styles/input.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,WAAW,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC3CC,KAAK,EAAE;IACLC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAEN,MAAM,CAACO,SAAS;IACjCC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAET,MAAM,CAACU,IAAI;IACxBC,WAAW,EAAE,CAAC;IACdC,KAAK,EAAEZ,MAAM,CAACU,IAAI;IAClBG,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACb,CAAC;EACDC,oBAAoB,EAAE;IACpBJ,WAAW,EAAE,CAAC;IACdK,WAAW,EAAE,OAAO;IACpBP,WAAW,EAAET,MAAM,CAACiB;EACtB,CAAC;EACDC,eAAe,EAAE;IACfP,WAAW,EAAE,CAAC;IACdK,WAAW,EAAE,OAAO;IACpBP,WAAW,EAAET,MAAM,CAACmB;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/utils/index.js

@@ -17,28 +17,44 @@ export const isSectionList = options => {
  * @description get the labels of the items that were selected from the options array for either multiple or single selections
  * @returns
  */
-export const getLabelsOfSelectedItems = ({
+export const getSelectionsData = ({
   isMultiple,
-  optionLabel,
   optionValue,
   selectedItem,
   selectedItems,
   modifiedOptions
 }) => {
   // Multiple select
-  if (isMultiple && Array.isArray(selectedItems)) {
-    let selectedLabels = [];
-    selectedItems?.forEach(element => {
-      let selectedItemLabel = modifiedOptions?.find(item => item[optionValue] === element)?.[optionLabel];
-      if (selectedItemLabel !== '') {
-        selectedLabels.push(selectedItemLabel);
+  if (isMultiple) {
+    let currentSelections = [];
+    Array.isArray(selectedItems) && selectedItems.forEach(element => {
+      const currentSelection = modifiedOptions?.find(item => item[optionValue] === element);
+
+      // Only push if currentSelection is defined and is of the correct type
+      if (currentSelection) {
+        currentSelections.push(currentSelection);
       }
     });
-    return selectedLabels;
+    return currentSelections;
   }
 
   // Single select
-  let selectedItemLabel = modifiedOptions?.find(item => item[optionValue] === selectedItem);
-  return selectedItemLabel?.[optionLabel];
+  let current = modifiedOptions?.find(item => item[optionValue] === selectedItem);
+  return current ? current : {};
+};
+const textStyleKeys = ['color', 'fontSize', 'fontFamily', 'fontWeight', 'fontStyle', 'textAlign', 'lineHeight', 'textDecorationLine', 'textDecorationStyle', 'textDecorationColor', 'textShadowColor', 'textShadowOffset', 'textShadowRadius', 'letterSpacing', 'textTransform'];
+export const extractTextStylesFromArray = (styleArray = []) => {
+  const extractedStyles = {};
+  for (const styleObject of styleArray) {
+    if (styleObject && typeof styleObject === 'object') {
+      // Ensure it's a valid style object
+      for (const prop in styleObject) {
+        if (textStyleKeys.includes(prop)) {
+          extractedStyles[prop] = styleObject[prop];
+        }
+      }
+    }
+  }
+  return extractedStyles;
 };
 //# sourceMappingURL=index.js.map

package/lib/module/utils/index.js.map

@@ -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,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":[]}
+{"version":3,"names":["extractPropertyFromArray","arr","property","extractedValue","map","item","escapeRegExp","text","replace","removeDisabledItems","items","filter","disabled","isSectionList","options","some","title","data","Array","isArray","getSelectionsData","isMultiple","optionValue","selectedItem","selectedItems","modifiedOptions","currentSelections","forEach","element","currentSelection","find","push","current","textStyleKeys","extractTextStylesFromArray","styleArray","extractedStyles","styleObject","prop","includes"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAIA,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,iBAAiB,GAAGA,CAAC;EAChCC,UAAU;EACVC,WAAW;EACXC,YAAY;EACZC,aAAa;EACbC;AAOF,CAAC,KAAsC;EACrC;EACA,IAAIJ,UAAU,EAAE;IACd,IAAIK,iBAAkC,GAAG,EAAE;IAE3CR,KAAK,CAACC,OAAO,CAACK,aAAa,CAAC,IAC1BA,aAAa,CAACG,OAAO,CAAEC,OAAsB,IAAK;MAChD,MAAMC,gBAAgB,GAAGJ,eAAe,EAAEK,IAAI,CAC3CzB,IAAmB,IAAKA,IAAI,CAACiB,WAAW,CAAC,KAAKM,OACjD,CAAC;;MAED;MACA,IAAIC,gBAAgB,EAAE;QACpBH,iBAAiB,CAACK,IAAI,CAACF,gBAAgB,CAAC;MAC1C;IACF,CAAC,CAAC;IAEJ,OAAOH,iBAAiB;EAC1B;;EAEA;EACA,IAAIM,OAAO,GAAGP,eAAe,EAAEK,IAAI,CAChCzB,IAAmB,IAAKA,IAAI,CAACiB,WAAW,CAAC,KAAKC,YACjD,CAAC;EACD,OAAOS,OAAO,GAAGA,OAAO,GAAG,CAAC,CAAC;AAC/B,CAAC;AAED,MAAMC,aAAa,GAAG,CACpB,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,eAAe,CAChB;AAED,OAAO,MAAMC,0BAA0B,GAAGA,CACxCC,UAAqC,GAAG,EAAE,KACvC;EACH,MAAMC,eAAoC,GAAG,CAAC,CAAC;EAC/C,KAAK,MAAMC,WAAW,IAAIF,UAAU,EAAE;IACpC,IAAIE,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;MAClD;MACA,KAAK,MAAMC,IAAI,IAAID,WAAW,EAAE;QAC9B,IAAIJ,aAAa,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAE;UAChCF,eAAe,CAACE,IAAI,CAAC,GAAID,WAAW,CAAyBC,IAAI,CAAC;QACpE;MACF;IACF;EACF;EACA,OAAOF,eAAe;AACxB,CAAC","ignoreList":[]}

package/lib/typescript/src/components/CheckBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,GAAI,uEAOf,aAAa,sBAiDf,CAAC;AAkBF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,GAAI,uEAOf,aAAa,sBAsDf,CAAC;AAkBF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
-declare const 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, }: any) => React.JSX.Element;
+import { DropdownSelectedItemsContainerProps } from './DropdownSelectedItemsContainer';
+import { TDropdownInputProps } from 'src/types/index.types';
+declare const 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, }: TDropdownInputProps & DropdownSelectedItemsContainerProps) => React.JSX.Element;
 export default Dropdown;
 //# sourceMappingURL=Dropdown.d.ts.map

package/lib/typescript/src/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,QAAQ,GAAI,oZA0Bf,GAAG,sBA4CL,CAAC;AAUF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAuC,EACrC,mCAAmC,EACpC,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,QAAQ,GAAI,2cA6Bf,mBAAmB,GAAG,mCAAmC,sBAwD3D,CAAC;AAWF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/Dropdown/DropdownSelectedItem.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { ImageStyle, ViewStyle, TextStyle } from 'react-native';
+export interface DropdownSelectedItemProps {
+    onPress: () => void;
+    style?: (TextStyle | ViewStyle)[];
+    label: string | ReactNode;
+    removeItemIcon?: ReactNode;
+    onRemoveItem?: () => void;
+    showRemoveIcon?: boolean;
+    disabled: boolean;
+    closeIconStyles?: ImageStyle;
+    testId?: string;
+}
+declare const DropdownSelectedItem: ({ onPress, style, label, removeItemIcon, onRemoveItem, showRemoveIcon, closeIconStyles, testId, disabled, ...rest }: DropdownSelectedItemProps) => React.JSX.Element;
+export default DropdownSelectedItem;
+//# sourceMappingURL=DropdownSelectedItem.d.ts.map

package/lib/typescript/src/components/Dropdown/DropdownSelectedItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSelectedItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAML,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,oBAAoB,GAAI,qHAW3B,yBAAyB,sBAyB3B,CAAC;AAgBF,eAAe,oBAAoB,CAAC"}

package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsContainer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TDropdownInputProps, TFlatListItem, TSelectedItem, TSelectedItemsControls, TSelectedItemWithReactComponent } from 'src/types/index.types';
+export interface DropdownSelectedItemsContainerProps {
+    openModal: () => void;
+    selectedItem: TSelectedItemWithReactComponent;
+    selectedItems: TSelectedItemWithReactComponent[];
+    optionLabel: string;
+    optionValue: string;
+    setIndexOfSelectedItem: (label: string) => void;
+    selectedItemsControls?: TSelectedItemsControls;
+    selectionData: TFlatListItem | TFlatListItem[];
+    handleMultipleSelections?: (value: TSelectedItem) => void;
+}
+declare const DropdownSelectedItemsContainer: ({ placeholder, error, selectionData, openModal, isMultiple, selectedItem, selectedItems, optionLabel, optionValue, dropdownStyle, placeholderStyle, selectedItemStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, setIndexOfSelectedItem, selectedItemsControls, handleMultipleSelections, }: TDropdownInputProps & DropdownSelectedItemsContainerProps) => React.JSX.Element;
+export default DropdownSelectedItemsContainer;
+//# sourceMappingURL=DropdownSelectedItemsContainer.d.ts.map

package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSelectedItemsContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownSelectedItemsContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,+BAA+B,EAChC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,mCAAmC;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,+BAA+B,CAAC;IAC9C,aAAa,EAAE,+BAA+B,EAAE,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB,CAAC,EAAE,sBAAsB,CAAC;IAC/C,aAAa,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAC/C,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3D;AAED,QAAA,MAAM,8BAA8B,GAAI,0TAoBrC,mBAAmB,GAAG,mCAAmC,sBA4F3D,CAAC;AAoBF,eAAe,8BAA8B,CAAC"}

package/lib/typescript/src/components/List/DropdownListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;8JAajC,GAAG;AA+BN,wBAAsC"}

package/lib/typescript/src/hooks/use-selection-handler.d.ts

@@ -2,12 +2,13 @@ import { TSelectedItem } from '../types/index.types';
 interface UseSelectionHandlerProps {
     initialSelectedValue: TSelectedItem | TSelectedItem[];
     isMultiple: boolean;
+    minSelectableItems?: number;
     maxSelectableItems?: number;
     onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
     closeModal: () => void;
     autoCloseOnSelect: boolean;
 }
-export declare const useSelectionHandler: ({ initialSelectedValue, isMultiple, maxSelectableItems, onValueChange, closeModal, autoCloseOnSelect, }: UseSelectionHandlerProps) => {
+export declare const useSelectionHandler: ({ initialSelectedValue, isMultiple, minSelectableItems, maxSelectableItems, onValueChange, closeModal, autoCloseOnSelect, }: UseSelectionHandlerProps) => {
     selectedItem: TSelectedItem;
     selectedItems: TSelectedItem[];
     handleSingleSelection: (value: TSelectedItem) => void;

package/lib/typescript/src/hooks/use-selection-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-handler.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-selection-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,UAAU,wBAAwB;IAChC,oBAAoB,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,aAAa,EAAE,KAAK,IAAI,CAAC;IACxE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,GAAI,yGAOjC,wBAAwB;;;mCAUf,aAAa;sCAiBb,aAAa;;;CAkCxB,CAAC"}
+{"version":3,"file":"use-selection-handler.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-selection-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,UAAU,wBAAwB;IAChC,oBAAoB,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,aAAa,EAAE,KAAK,IAAI,CAAC;IACxE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,GAAI,6HAQjC,wBAAwB;;;mCAUf,aAAa;sCA0Bb,aAAa;;;CAoCxB,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -18,6 +18,7 @@ export declare const DropdownSelect: React.ForwardRefExoticComponent<import("./t
         emptyListMessage?: string;
         keyboardShouldPersistTaps?: "always" | "never" | "handled";
     };
+    selectedItemsControls?: import("./types/index.types").TSelectedItemsControls;
 } & import("./types/index.types").TListProps & React.RefAttributes<DropdownSelectHandle>>;
 export default DropdownSelect;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -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;;;;;;;;;;;;;;;;;;yFA8Q1B,CAAC;AASF,eAAe,cAAc,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;yFA8Q1B,CAAC;AASF,eAAe,cAAc,CAAC"}

package/lib/typescript/src/styles/colors.d.ts

@@ -1,2 +1,11 @@
-export declare const colors: any;
+export declare const colors: {
+    primary: string;
+    red: string;
+    black: string;
+    white: string;
+    dark: string;
+    gray: string;
+    lightGray: string;
+    disabled: string;
+};
 //# sourceMappingURL=colors.d.ts.map

package/lib/typescript/src/styles/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,EAAE,GASpB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}

package/lib/typescript/src/styles/input.d.ts

@@ -1,2 +1,24 @@
-export declare const inputStyles: any;
+export declare const inputStyles: {
+    input: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        backgroundColor: string;
+        borderRadius: number;
+        borderColor: string;
+        borderWidth: number;
+        color: string;
+        width: "100%";
+        minHeight: number;
+    };
+    inputFocusErrorState: {
+        borderWidth: number;
+        borderStyle: "solid";
+        borderColor: string;
+    };
+    inputFocusState: {
+        borderWidth: number;
+        borderStyle: "solid";
+        borderColor: string;
+    };
+};
 //# sourceMappingURL=input.d.ts.map

package/lib/typescript/src/styles/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/styles/input.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,EAAE,GAsBxB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/styles/input.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;CAsBtB,CAAC"}

package/lib/typescript/src/types/index.types.d.ts

@@ -2,17 +2,18 @@ import React from 'react';
 import type { ViewStyle, ColorValue, TextStyle, ModalProps, TextInputProps } from 'react-native';
 export type DropdownProps = CommonDropdownProps & TDropdownInputProps & TControls & TListProps;
 export type CommonDropdownProps = {
-    testID?: string;
-    label?: string;
     options: TFlatList | TSectionList;
-    optionLabel?: string;
-    optionValue?: string;
     onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
     selectedValue: TSelectedItem | TSelectedItem[];
+    optionLabel?: string;
+    optionValue?: string;
     autoCloseOnSelect?: boolean;
+    minSelectableItems?: number;
     maxSelectableItems?: number;
 };
 export type TDropdownInputProps = {
+    testID?: string;
+    label?: string;
     placeholder?: string;
     error?: string;
     helperText?: string;
@@ -26,8 +27,8 @@ export type TDropdownInputProps = {
     dropdownErrorStyle?: ViewStyle;
     dropdownErrorTextStyle?: TextStyle;
     dropdownHelperTextStyle?: TextStyle;
-    selectedItemStyle?: TextStyle;
-    multipleSelectedItemStyle?: TextStyle;
+    selectedItemStyle?: TextStyle | ViewStyle;
+    multipleSelectedItemStyle?: TextStyle | ViewStyle;
     primaryColor?: ColorValue;
     disabled?: boolean;
     placeholderStyle?: TextStyle;
@@ -37,6 +38,7 @@ type TControls = {
     checkboxControls?: TCheckboxControls;
     modalControls?: TCustomModalControls;
     listControls?: TListControls;
+    selectedItemsControls?: TSelectedItemsControls;
 };
 type TSearchControls = {
     textInputStyle?: ViewStyle | TextStyle;
@@ -76,6 +78,11 @@ type TListControls = {
     emptyListMessage?: string;
     keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
 };
+export type TSelectedItemsControls = {
+    showRemoveIcon?: boolean;
+    removeItemIcon?: React.ReactNode;
+    onRemoveItem?: () => void;
+};
 export type TSelectedItem = string | number | boolean | undefined;
 export type TSelectedItemWithReactComponent = TSelectedItem | React.ReactElement;
 export type TFlatList = TFlatListItem[];

package/lib/typescript/src/types/index.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.types.d.ts","sourceRoot":"","sources":["../../../../src/types/index.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.types.d.ts","sourceRoot":"","sources":["../../../../src/types/index.types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/index.d.ts

@@ -1,5 +1,6 @@
+import { TextStyle, ViewStyle } from 'react-native';
 import { TSelectedItem } from '../types/index.types';
-import { TFlatList, TFlatListItem, TSectionList, TSelectedItemWithReactComponent } from '../types/index.types';
+import { TFlatList, TFlatListItem, TSectionList } from '../types/index.types';
 export declare const extractPropertyFromArray: (arr: any[], property: string) => any[];
 export declare const escapeRegExp: (text: string) => string;
 export declare const removeDisabledItems: (items: TFlatList) => TFlatListItem[];
@@ -9,12 +10,12 @@ export declare const isSectionList: (options: TFlatList | TSectionList) => boole
  * @description get the labels of the items that were selected from the options array for either multiple or single selections
  * @returns
  */
-export declare const getLabelsOfSelectedItems: ({ isMultiple, optionLabel, optionValue, selectedItem, selectedItems, modifiedOptions, }: {
+export declare const getSelectionsData: ({ isMultiple, optionValue, selectedItem, selectedItems, modifiedOptions, }: {
     isMultiple: boolean;
-    optionLabel: string;
     optionValue: string;
     selectedItem: TSelectedItem;
     selectedItems: TSelectedItem[];
     modifiedOptions: TFlatList;
-}) => TSelectedItemWithReactComponent | TSelectedItemWithReactComponent[];
+}) => TFlatListItem | TFlatListItem[];
+export declare const extractTextStylesFromArray: (styleArray?: (ViewStyle & TextStyle)[]) => Record<string, any>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/index.d.ts.map

@@ -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,GAAI,KAAK,GAAG,EAAE,EAAE,UAAU,MAAM,UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,WAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,oBAEnD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,SAAS,GAAG,YAAY,KAAG,OAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GAAI,yFAOtC;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,wBAAwB,GAAI,KAAK,GAAG,EAAE,EAAE,UAAU,MAAM,UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,WAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,oBAEnD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,SAAS,GAAG,YAAY,KAAG,OAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,4EAM/B;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,eAAe,EAAE,SAAS,CAAC;CAC5B,KAAG,aAAa,GAAG,aAAa,EAyBhC,CAAC;AAoBF,eAAO,MAAM,0BAA0B,GACrC,aAAY,CAAC,SAAS,GAAG,SAAS,CAAC,EAAO,wBAc3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-select",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "A customizable dropdown selection package for react-native for android and iOS with multiple select and search capabilities.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -107,10 +107,10 @@
     ],
     "coverageThreshold": {
       "global": {
-        "branches": 94,
-        "functions": 94,
-        "lines": 94,
-        "statements": 94
+        "branches": 91,
+        "functions": 92,
+        "lines": 92,
+        "statements": 92
       }
     }
   },

package/src/components/CheckBox/index.tsx

@@ -17,7 +17,7 @@ const CheckBox = ({
     checkboxComponent,
     checkboxDisabledStyle,
     checkboxStyle,
-    checkboxUnselectedColor,
+    checkboxUnselectedColor = 'white',
     checkboxLabelStyle,
   } = checkboxControls ?? {};
 
@@ -26,12 +26,18 @@ const CheckBox = ({
       ? checkboxDisabledStyle?.backgroundColor || colors.disabled
       : value
       ? checkboxStyle?.backgroundColor || primaryColor
-      : checkboxUnselectedColor || 'white',
+      : checkboxUnselectedColor,
     borderColor: disabled
       ? checkboxDisabledStyle?.borderColor || colors.disabled
       : checkboxStyle?.borderColor || styles.checkbox.borderColor,
   };
   label = typeof label === 'object' ? label : String(label);
+
+  const checkBoxDimensions = {
+    height: checkboxSize || CHECKBOX_SIZE,
+    width: checkboxSize || CHECKBOX_SIZE,
+  };
+
   return (
     <Pressable
       onPress={onChange ? () => onChange(!value) : null}
@@ -44,15 +50,14 @@ const CheckBox = ({
         aria-checked={value}
       >
         {checkboxComponent || (
-          <Image
-            source={require('../../asset/check.png')}
-            style={[
-              {
-                height: checkboxSize || CHECKBOX_SIZE,
-                width: checkboxSize || CHECKBOX_SIZE,
-              },
-            ]}
-          />
+          <View style={checkBoxDimensions}>
+            {value ? (
+              <Image
+                source={require('../../asset/check.png')}
+                style={checkBoxDimensions}
+              />
+            ) : null}
+          </View>
         )}
       </View>
       {label && label !== '' && (