react-native-input-select 1.1.1 → 1.1.2

package/lib/module/components/Dropdown/DropdownSelectedItemsView.js

@@ -1,5 +1,6 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-import { View, Text, Pressable, ScrollView, StyleSheet, Image } from 'react-native';
+import { View, Text, Pressable, ScrollView, StyleSheet, Image, TouchableOpacity } from 'react-native';
 import { colors } from '../../styles/colors';
 import { inputStyles } from '../../styles/input';
 const DropdownSelectedItemsView = _ref => {
@@ -20,7 +21,8 @@ const DropdownSelectedItemsView = _ref => {
     multipleSelectedItemStyle,
     dropdownErrorStyle,
     primaryColor,
-    disabled
+    disabled,
+    setIndexOfSelectedItem
   } = _ref;
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: () => handleToggleModal(),
@@ -31,7 +33,10 @@ const DropdownSelectedItemsView = _ref => {
       return [pressed && {
         ...inputStyles.inputFocusState,
         borderColor: primaryColor
-      }, inputStyles.input, dropdownStyle, error &&
+      }, {
+        ...inputStyles.input,
+        ...dropdownStyle
+      }, error &&
       //this must be last
       error !== '' && !pressed && {
         ...inputStyles.inputFocusErrorState,
@@ -46,21 +51,48 @@ const DropdownSelectedItemsView = _ref => {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.selectedItemsContainer,
     onStartShouldSetResponder: () => true
-  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((item, i) => /*#__PURE__*/React.createElement(Text, {
+  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((label, i) => /*#__PURE__*/React.createElement(DropdownContent, {
+    onPress: () => {
+      handleToggleModal();
+      setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal
+    },
+
     key: `react-native-input-select-${Math.random()}-${i}`,
     style: [styles.selectedItems, {
       backgroundColor: primaryColor
-    }, multipleSelectedItemStyle]
-  }, item)) : /*#__PURE__*/React.createElement(Text, {
-    style: [styles.blackText, selectedItemStyle]
-  }, getSelectedItemsLabel()), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/React.createElement(Text, {
-    style: [styles.blackText, placeholderStyle]
-  }, placeholder ?? 'Select an option'))), /*#__PURE__*/React.createElement(View, {
+    }, multipleSelectedItemStyle],
+    label: label
+  })) : /*#__PURE__*/React.createElement(DropdownContent, {
+    onPress: () => {
+      handleToggleModal();
+      setIndexOfSelectedItem(getSelectedItemsLabel()); // immediately scrolls to list item with the specified label when modal
+    },
+
+    style: [styles.blackText, selectedItemStyle],
+    label: getSelectedItemsLabel()
+  }), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/React.createElement(DropdownContent, {
+    onPress: () => handleToggleModal(),
+    style: [styles.blackText, placeholderStyle],
+    label: placeholder ?? 'Select an option'
+  }))), /*#__PURE__*/React.createElement(View, {
     style: [styles.iconStyle, dropdownIconStyle]
   }, dropdownIcon || /*#__PURE__*/React.createElement(Image, {
     source: require('../../asset/arrow-down.png')
   })));
 };
+const DropdownContent = _ref3 => {
+  let {
+    onPress,
+    style,
+    label,
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    onPress: () => onPress()
+  }, rest), /*#__PURE__*/React.createElement(Text, {
+    style: style
+  }, label));
+};
 const styles = StyleSheet.create({
   iconStyle: {
     position: 'absolute',

package/lib/module/components/Dropdown/DropdownSelectedItemsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","colors","inputStyles","DropdownSelectedItemsView","_ref","_getSelectedItemsLabe","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","createElement","onPress","style","_ref2","pressed","inputFocusState","borderColor","input","inputFocusErrorState","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","item","i","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sources":["DropdownSelectedItemsView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  Image,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { inputStyles } from '../../styles/input';\n\nconst DropdownSelectedItemsView = ({\n  placeholder,\n  error,\n  getSelectedItemsLabel,\n  handleToggleModal,\n  isMultiple,\n  selectedItem,\n  selectedItems,\n  dropdownIcon,\n  dropdownStyle,\n  dropdownIconStyle,\n  selectedItemStyle,\n  placeholderStyle,\n  multipleSelectedItemStyle,\n  dropdownErrorStyle,\n  primaryColor,\n  disabled,\n}: any) => {\n  return (\n    <Pressable\n      onPress={() => handleToggleModal()}\n      style={({ pressed }) => [\n        pressed && {\n          ...inputStyles.inputFocusState,\n          borderColor: primaryColor,\n        },\n        inputStyles.input,\n        dropdownStyle,\n        error && //this must be last\n          error !== '' &&\n          !pressed && {\n            ...inputStyles.inputFocusErrorState,\n            ...dropdownErrorStyle,\n          },\n      ]}\n      disabled={disabled}\n    >\n      <ScrollView\n        horizontal\n        alwaysBounceHorizontal\n        showsHorizontalScrollIndicator={false}\n      >\n        <View\n          style={styles.selectedItemsContainer}\n          onStartShouldSetResponder={() => true}\n        >\n          {isMultiple ? (\n            getSelectedItemsLabel()?.map((item: any, i: Number) => (\n              <Text\n                key={`react-native-input-select-${Math.random()}-${i}`}\n                style={[\n                  styles.selectedItems,\n                  { backgroundColor: primaryColor },\n                  multipleSelectedItemStyle,\n                ]}\n              >\n                {item}\n              </Text>\n            ))\n          ) : (\n            <Text style={[styles.blackText, selectedItemStyle]}>\n              {getSelectedItemsLabel()}\n            </Text>\n          )}\n          {!selectedItem && selectedItems?.length === 0 && (\n            <Text style={[styles.blackText, placeholderStyle]}>\n              {placeholder ?? 'Select an option'}\n            </Text>\n          )}\n        </View>\n      </ScrollView>\n      <View style={[styles.iconStyle, dropdownIconStyle]}>\n        {dropdownIcon || (\n          <Image source={require('../../asset/arrow-down.png')} />\n        )}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iconStyle: { position: 'absolute', right: 25, top: 25 },\n  selectedItemsContainer: {\n    flexDirection: 'row',\n    flexWrap: 'nowrap',\n    alignItems: 'center',\n  },\n  selectedItems: {\n    color: colors.white,\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n    borderRadius: 10,\n    backgroundColor: colors.primary,\n    marginRight: 10,\n    overflow: 'hidden',\n  },\n  blackText: { color: colors.black },\n});\n\nexport default DropdownSelectedItemsView;\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","_ref","_getSelectedItemsLabe","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","onPress","style","_ref2","pressed","inputFocusState","borderColor","input","inputFocusErrorState","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","label","i","DropdownContent","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","_ref3","rest","_extends","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sources":["DropdownSelectedItemsView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  Image,\n  TouchableOpacity,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { inputStyles } from '../../styles/input';\n\nconst DropdownSelectedItemsView = ({\n  placeholder,\n  error,\n  getSelectedItemsLabel,\n  handleToggleModal,\n  isMultiple,\n  selectedItem,\n  selectedItems,\n  dropdownIcon,\n  dropdownStyle,\n  dropdownIconStyle,\n  selectedItemStyle,\n  placeholderStyle,\n  multipleSelectedItemStyle,\n  dropdownErrorStyle,\n  primaryColor,\n  disabled,\n  setIndexOfSelectedItem,\n}: any) => {\n  return (\n    <Pressable\n      onPress={() => handleToggleModal()}\n      style={({ pressed }) => [\n        pressed && {\n          ...inputStyles.inputFocusState,\n          borderColor: primaryColor,\n        },\n        { ...inputStyles.input, ...dropdownStyle },\n        error && //this must be last\n          error !== '' &&\n          !pressed && {\n            ...inputStyles.inputFocusErrorState,\n            ...dropdownErrorStyle,\n          },\n      ]}\n      disabled={disabled}\n    >\n      <ScrollView\n        horizontal\n        alwaysBounceHorizontal\n        showsHorizontalScrollIndicator={false}\n      >\n        <View\n          style={styles.selectedItemsContainer}\n          onStartShouldSetResponder={() => true}\n        >\n          {isMultiple ? (\n            getSelectedItemsLabel()?.map((label: string, i: Number) => (\n              <DropdownContent\n                onPress={() => {\n                  handleToggleModal();\n                  setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal\n                }}\n                key={`react-native-input-select-${Math.random()}-${i}`}\n                style={[\n                  styles.selectedItems,\n                  { backgroundColor: primaryColor },\n                  multipleSelectedItemStyle,\n                ]}\n                label={label}\n              />\n            ))\n          ) : (\n            <DropdownContent\n              onPress={() => {\n                handleToggleModal();\n                setIndexOfSelectedItem(getSelectedItemsLabel()); // immediately scrolls to list item with the specified label when modal\n              }}\n              style={[styles.blackText, selectedItemStyle]}\n              label={getSelectedItemsLabel()}\n            />\n          )}\n          {!selectedItem && selectedItems?.length === 0 && (\n            <DropdownContent\n              onPress={() => handleToggleModal()}\n              style={[styles.blackText, placeholderStyle]}\n              label={placeholder ?? 'Select an option'}\n            />\n          )}\n        </View>\n      </ScrollView>\n      <View style={[styles.iconStyle, dropdownIconStyle]}>\n        {dropdownIcon || (\n          <Image source={require('../../asset/arrow-down.png')} />\n        )}\n      </View>\n    </Pressable>\n  );\n};\n\nconst DropdownContent = ({ onPress, style, label, ...rest }: any) => {\n  return (\n    <TouchableOpacity onPress={() => onPress()} {...rest}>\n      <Text style={style}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iconStyle: { position: 'absolute', right: 25, top: 25 },\n  selectedItemsContainer: {\n    flexDirection: 'row',\n    flexWrap: 'nowrap',\n    alignItems: 'center',\n  },\n  selectedItems: {\n    color: colors.white,\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n    borderRadius: 10,\n    backgroundColor: colors.primary,\n    marginRight: 10,\n    overflow: 'hidden',\n  },\n  blackText: { color: colors.black },\n});\n\nexport default DropdownSelectedItemsView;\n"],"mappings":"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"}

package/lib/module/index.js

@@ -1,5 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { TouchableOpacity, StyleSheet, View } from 'react-native';
 import Input from './components/Input';
 import CheckBox from './components/CheckBox';
@@ -56,9 +56,13 @@ export const DropdownSelect = _ref => {
   const [newOptions, setNewOptions] = useState([]);
   const [open, setOpen] = useState(false);
   const [selectAll, setSelectAll] = useState(false);
-  const [selectedItem, setSelectedItem] = useState(''); //for single selection
-  const [selectedItems, setSelectedItems] = useState([]); //for multiple selection
+  const [selectedItem, setSelectedItem] = useState(''); // for single selection
+  const [selectedItems, setSelectedItems] = useState([]); // for multiple selection
   const [searchValue, setSearchValue] = useState('');
+  const [listIndex, setListIndex] = useState({
+    itemIndex: 0
+  }); // for scrollToIndex in Sectionlist and Flatlist
+
   useEffect(() => {
     if (options) {
       setNewOptions(options);
@@ -76,10 +80,11 @@ export const DropdownSelect = _ref => {
 
   const isSectionList = newOptions.some(item => item.title && item.data && Array.isArray(item.data));
   const ListTypeComponent = isSectionList ? DropdownSectionList : DropdownFlatList;
-  let modifiedSectionData = extractPropertyFromArray(newOptions, 'data').flat();
-  let modifiedOptions = isSectionList ? modifiedSectionData : newOptions;
+  const modifiedSectionData = extractPropertyFromArray(newOptions, 'data').flat();
+  const modifiedOptions = isSectionList ? modifiedSectionData : newOptions;
   const optLabel = optionLabel || DEFAULT_OPTION_LABEL;
   const optValue = optionValue || DEFAULT_OPTION_VALUE;
+  const optionsCopy = JSON.parse(JSON.stringify(options)); //copy of the original options array
 
   /*===========================================
    * Selection handlers
@@ -104,15 +109,7 @@ export const DropdownSelect = _ref => {
       } else {
         selectedValues.push(value);
       }
-      setSelectedItems(selectedValues);
       onValueChange(selectedValues); //send value to parent
-
-      //select all checkbox should not be checked if the list contains disabled values
-      if (modifiedOptions.filter(item => !item.disabled).length === selectedValues.length) {
-        setSelectAll(true);
-      } else {
-        setSelectAll(false);
-      }
       return selectedValues;
     });
   };
@@ -133,6 +130,26 @@ export const DropdownSelect = _ref => {
     });
   };
 
+  /*===========================================
+   * Handle side effects
+   *==========================================*/
+  const checkSelectAll = useCallback(selectedValues => {
+    //if the list contains disabled values, those values will not be selected
+    if (modifiedOptions.filter(item => !item.disabled).length === selectedValues.length) {
+      setSelectAll(true);
+    } else {
+      setSelectAll(false);
+    }
+  }, [modifiedOptions]);
+
+  // anytime the selected items change, check if it is time to set `selectAll` to true
+  useEffect(() => {
+    if (isMultiple) {
+      checkSelectAll(selectedItems);
+    }
+    return () => {};
+  }, [checkSelectAll, isMultiple, selectedItems]);
+
   /*===========================================
    * Get label handler
    *==========================================*/
@@ -159,7 +176,6 @@ export const DropdownSelect = _ref => {
     const regexFilter = new RegExp(searchText, 'i');
 
     //Because Search mutates the initial state, we have to search with a copy of the original array
-    const optionsCopy = JSON.parse(JSON.stringify(options));
     const searchResults = isSectionList ? searchSectionList(optionsCopy, regexFilter) : searchFlatList(optionsCopy, regexFilter);
     setNewOptions(searchResults);
   };
@@ -192,6 +208,10 @@ export const DropdownSelect = _ref => {
     setOpen(!open);
     setSearchValue('');
     setNewOptions(options);
+    setListIndex({
+      itemIndex: 0,
+      sectionIndex: 0
+    });
   };
   useEffect(() => {
     if (hideModal) {
@@ -202,6 +222,29 @@ export const DropdownSelect = _ref => {
   let primary = primaryColor || colors.gray;
   const sectionListMaxLength = getMaxLengthOfSectionListProperty(newOptions, 'data');
   const listIsEmpty = isSectionList ? sectionListMaxLength > 1 : newOptions.length > 1;
+
+  /*===========================================
+   * setIndexOfSelectedItem - For ScrollToIndex
+   *==========================================*/
+  const setIndexOfSelectedItem = selectedLabel => {
+    isSectionList ? optionsCopy.map((item, sectionIndex) => {
+      var _item$data;
+      (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.find((dataItem, itemIndex) => {
+        if (dataItem[optLabel] === selectedLabel) {
+          setListIndex({
+            sectionIndex,
+            itemIndex
+          });
+        }
+      });
+    }) : optionsCopy === null || optionsCopy === void 0 ? void 0 : optionsCopy.find((item, itemIndex) => {
+      if (item[optLabel] === selectedLabel) {
+        setListIndex({
+          itemIndex
+        });
+      }
+    });
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, _extends({
     label: label,
     placeholder: placeholder,
@@ -224,7 +267,8 @@ export const DropdownSelect = _ref => {
     isMultiple: isMultiple,
     primaryColor: primary,
     disabled: disabled,
-    placeholderStyle: placeholderStyle
+    placeholderStyle: placeholderStyle,
+    setIndexOfSelectedItem: setIndexOfSelectedItem
   }, rest)), /*#__PURE__*/React.createElement(CustomModal, {
     open: open,
     handleToggleModal: handleToggleModal,
@@ -267,7 +311,8 @@ export const DropdownSelect = _ref => {
     checkboxSize: checkboxSize,
     checkboxStyle: checkboxStyle,
     checkboxLabelStyle: checkboxLabelStyle,
-    checkboxComponentStyles: checkboxComponentStyles
+    checkboxComponentStyles: checkboxComponentStyles,
+    listIndex: listIndex
   })));
 };
 const styles = StyleSheet.create({

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","TouchableOpacity","StyleSheet","View","Input","CheckBox","Dropdown","DropdownFlatList","DropdownSectionList","CustomModal","colors","DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","extractPropertyFromArray","getMaxLengthOfSectionListProperty","DropdownSelect","_ref","placeholder","label","error","helperText","options","optionLabel","optionValue","onValueChange","selectedValue","isMultiple","isSearchable","dropdownIcon","labelStyle","placeholderStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","selectedItemStyle","multipleSelectedItemStyle","modalBackgroundStyle","modalOptionsContainerStyle","searchInputStyle","primaryColor","disabled","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","listHeaderComponent","listFooterComponent","listComponentStyles","modalProps","hideModal","rest","newOptions","setNewOptions","open","setOpen","selectAll","setSelectAll","selectedItem","setSelectedItem","selectedItems","setSelectedItems","searchValue","setSearchValue","Array","isArray","isSectionList","some","item","title","data","ListTypeComponent","modifiedSectionData","flat","modifiedOptions","optLabel","optValue","handleSingleSelection","value","handleMultipleSelections","prevVal","_selectedValues","selectedValues","includes","filter","push","length","handleSelectAll","filteredOptions","i","getSelectedItemsLabel","selectedLabels","forEach","element","_modifiedOptions$find","selectedItemLabel","find","onSearch","searchText","toString","toLocaleLowerCase","trim","regexFilter","RegExp","optionsCopy","JSON","parse","stringify","searchResults","searchSectionList","searchFlatList","flatList","toLowerCase","search","sectionList","map","listItem","handleToggleModal","primary","gray","sectionListMaxLength","listIsEmpty","createElement","Fragment","_extends","onRequestClose","ListHeaderComponent","onChangeText","text","style","styles","optionsContainerStyle","onPress","onChange","ListFooterComponent","create","paddingHorizontal","paddingVertical","flexDirection"],"sources":["index.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { TouchableOpacity, StyleSheet, View } from 'react-native';\nimport Input from './components/Input';\nimport CheckBox from './components/CheckBox';\nimport Dropdown from './components/Dropdown/Dropdown';\nimport DropdownFlatList from './components/Dropdown/DropdownFlatList';\nimport DropdownSectionList from './components/Dropdown/DropdownSectionList';\nimport CustomModal from './components/CustomModal';\nimport { colors } from './styles/colors';\nimport { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';\nimport type {\n  DropdownProps,\n  TFlatList,\n  TFlatListItem,\n  TSectionList,\n  TSectionListItem,\n} from './types/index.types';\nimport {\n  extractPropertyFromArray,\n  getMaxLengthOfSectionListProperty,\n} from './utils';\n\nexport const DropdownSelect: React.FC<DropdownProps> = ({\n  placeholder,\n  label,\n  error,\n  helperText,\n  options,\n  optionLabel,\n  optionValue,\n  onValueChange,\n  selectedValue,\n  isMultiple,\n  isSearchable,\n  dropdownIcon,\n  labelStyle,\n  placeholderStyle,\n  dropdownStyle,\n  dropdownIconStyle,\n  dropdownContainerStyle,\n  dropdownErrorStyle,\n  dropdownErrorTextStyle,\n  dropdownHelperTextStyle,\n  selectedItemStyle,\n  multipleSelectedItemStyle,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  searchInputStyle,\n  primaryColor,\n  disabled,\n  checkboxSize, // kept for backwards compatibility\n  checkboxStyle, // kept for backwards compatibility\n  checkboxLabelStyle, // kept for backwards compatibility\n  checkboxComponentStyles,\n  listHeaderComponent,\n  listFooterComponent,\n  listComponentStyles,\n  modalProps,\n  hideModal = false,\n  ...rest\n}) => {\n  const [newOptions, setNewOptions] = useState<TFlatList | TSectionList>([]);\n  const [open, setOpen] = useState<boolean>(false);\n  const [selectAll, setSelectAll] = useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = useState<any>(''); //for single selection\n  const [selectedItems, setSelectedItems] = useState<any[]>([]); //for multiple selection\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  useEffect(() => {\n    if (options) {\n      setNewOptions(options);\n    }\n    return () => {};\n  }, [options]);\n\n  useEffect(() => {\n    isMultiple\n      ? setSelectedItems(Array.isArray(selectedValue) ? selectedValue : [])\n      : setSelectedItem(selectedValue);\n\n    return () => {};\n  }, [selectedValue, isMultiple, onValueChange]);\n\n  /*===========================================\n   * List type\n   *==========================================*/\n\n  const isSectionList = newOptions.some(\n    (item) => item.title && item.data && Array.isArray(item.data)\n  );\n\n  const ListTypeComponent = isSectionList\n    ? DropdownSectionList\n    : DropdownFlatList;\n  let modifiedSectionData = extractPropertyFromArray(newOptions, 'data').flat();\n  let modifiedOptions = isSectionList ? modifiedSectionData : newOptions;\n\n  const optLabel = optionLabel || DEFAULT_OPTION_LABEL;\n  const optValue = optionValue || DEFAULT_OPTION_VALUE;\n\n  /*===========================================\n   * Selection handlers\n   *==========================================*/\n  const handleSingleSelection = (value: string | number) => {\n    if (selectedItem === value) {\n      setSelectedItem(null);\n      onValueChange(null); //send value to parent\n    } else {\n      setSelectedItem(value);\n      onValueChange(value); //send value to parent\n      setOpen(false); //close modal upon selection\n    }\n  };\n\n  const handleMultipleSelections = (value: string[] | number[]) => {\n    setSelectedItems((prevVal) => {\n      let selectedValues = [...prevVal];\n\n      if (selectedValues?.includes(value)) {\n        selectedValues = selectedValues.filter((item) => item !== value);\n      } else {\n        selectedValues.push(value);\n      }\n\n      setSelectedItems(selectedValues);\n      onValueChange(selectedValues); //send value to parent\n\n      //select all checkbox should not be checked if the list contains disabled values\n      if (\n        modifiedOptions.filter((item: TFlatListItem) => !item.disabled)\n          .length === selectedValues.length\n      ) {\n        setSelectAll(true);\n      } else {\n        setSelectAll(false);\n      }\n      return selectedValues;\n    });\n  };\n\n  const handleSelectAll = () => {\n    setSelectAll((prevVal) => {\n      const selectedValues = [];\n\n      //don't select disabled items\n      const filteredOptions = modifiedOptions.filter(\n        (item: TFlatListItem) => !item.disabled\n      );\n\n      if (!prevVal) {\n        for (let i = 0; i < filteredOptions.length; i++) {\n          selectedValues.push(filteredOptions[i][optValue]);\n        }\n      }\n\n      setSelectedItems(selectedValues);\n      onValueChange(selectedValues); //send value to parent\n      return !prevVal;\n    });\n  };\n\n  /*===========================================\n   * Get label handler\n   *==========================================*/\n  const getSelectedItemsLabel = () => {\n    if (isMultiple && Array.isArray(selectedItems)) {\n      let selectedLabels: Array<string> = [];\n\n      selectedItems?.forEach((element: number | string) => {\n        let selectedItemLabel = modifiedOptions?.find(\n          (item: TFlatListItem) => item[optValue] === element\n        )?.[optLabel];\n        selectedLabels.push(selectedItemLabel);\n      });\n      return selectedLabels;\n    }\n\n    let selectedItemLabel = modifiedOptions?.find(\n      (item: TFlatListItem) => item[optValue] === selectedItem\n    );\n    return selectedItemLabel?.[optLabel];\n  };\n\n  /*===========================================\n   * Search\n   *==========================================*/\n  const onSearch = (value: string) => {\n    setSearchValue(value);\n\n    let searchText = value.toString().toLocaleLowerCase().trim();\n\n    const regexFilter = new RegExp(searchText, 'i');\n\n    //Because Search mutates the initial state, we have to search with a copy of the original array\n    const optionsCopy = JSON.parse(JSON.stringify(options));\n    const searchResults = isSectionList\n      ? searchSectionList(optionsCopy as TSectionList, regexFilter)\n      : searchFlatList(optionsCopy as TFlatList, regexFilter);\n\n    setNewOptions(searchResults);\n  };\n\n  const searchFlatList = (flatList: TFlatList, regexFilter: RegExp) => {\n    const searchResults = flatList.filter((item: TFlatListItem) => {\n      if (\n        item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n        item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n      ) {\n        return item;\n      }\n      return;\n    });\n    return searchResults;\n  };\n\n  const searchSectionList = (\n    sectionList: TSectionList,\n    regexFilter: RegExp\n  ) => {\n    const searchResults = sectionList.map((listItem: TSectionListItem) => {\n      listItem.data = listItem.data.filter((item: TFlatListItem) => {\n        if (\n          item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n          item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n        ) {\n          return listItem.data.push(item);\n        }\n        return;\n      });\n\n      return listItem;\n    });\n\n    return searchResults;\n  };\n\n  /*===========================================\n   * Modal\n   *==========================================*/\n  const handleToggleModal = () => {\n    setOpen(!open);\n    setSearchValue('');\n    setNewOptions(options);\n  };\n\n  useEffect(() => {\n    if (hideModal) {\n      setOpen(false);\n    }\n    return () => {};\n  }, [hideModal]);\n\n  let primary = primaryColor || colors.gray;\n\n  const sectionListMaxLength = getMaxLengthOfSectionListProperty(\n    newOptions as TSectionList,\n    'data'\n  );\n\n  const listIsEmpty = isSectionList\n    ? sectionListMaxLength > 1\n    : newOptions.length > 1;\n\n  return (\n    <>\n      <Dropdown\n        label={label}\n        placeholder={placeholder}\n        helperText={helperText}\n        error={error}\n        getSelectedItemsLabel={getSelectedItemsLabel}\n        selectedItem={selectedItem}\n        selectedItems={selectedItems}\n        handleToggleModal={handleToggleModal}\n        labelStyle={labelStyle}\n        dropdownIcon={dropdownIcon}\n        dropdownStyle={dropdownStyle}\n        dropdownIconStyle={dropdownIconStyle}\n        dropdownContainerStyle={dropdownContainerStyle}\n        dropdownErrorStyle={dropdownErrorStyle}\n        dropdownErrorTextStyle={dropdownErrorTextStyle}\n        dropdownHelperTextStyle={dropdownHelperTextStyle}\n        selectedItemStyle={selectedItemStyle}\n        multipleSelectedItemStyle={multipleSelectedItemStyle}\n        isMultiple={isMultiple}\n        primaryColor={primary}\n        disabled={disabled}\n        placeholderStyle={placeholderStyle}\n        {...rest}\n      />\n      <CustomModal\n        open={open}\n        handleToggleModal={handleToggleModal}\n        modalBackgroundStyle={modalBackgroundStyle}\n        modalOptionsContainerStyle={modalOptionsContainerStyle}\n        onRequestClose={() => {}}\n        modalProps={modalProps}\n      >\n        <ListTypeComponent\n          ListHeaderComponent={\n            <>\n              {isSearchable && (\n                <Input\n                  value={searchValue}\n                  onChangeText={(text: string) => onSearch(text)}\n                  style={searchInputStyle}\n                  primaryColor={primary}\n                />\n              )}\n              {listHeaderComponent}\n              {isMultiple && listIsEmpty && (\n                <View style={styles.optionsContainerStyle}>\n                  <TouchableOpacity onPress={() => {}}>\n                    <CheckBox\n                      value={selectAll}\n                      label={selectAll ? 'Clear all' : 'Select all'}\n                      onChange={() => handleSelectAll()}\n                      primaryColor={primary}\n                      checkboxSize={checkboxSize}\n                      checkboxStyle={checkboxStyle}\n                      checkboxLabelStyle={checkboxLabelStyle}\n                      checkboxComponentStyles={checkboxComponentStyles}\n                    />\n                  </TouchableOpacity>\n                </View>\n              )}\n            </>\n          }\n          ListFooterComponent={listFooterComponent}\n          listComponentStyles={listComponentStyles}\n          options={newOptions}\n          optionLabel={optLabel}\n          optionValue={optValue}\n          isMultiple={isMultiple}\n          isSearchable={isSearchable}\n          selectedItems={selectedItems}\n          selectedItem={selectedItem}\n          handleMultipleSelections={handleMultipleSelections}\n          handleSingleSelection={handleSingleSelection}\n          primaryColor={primary}\n          checkboxSize={checkboxSize}\n          checkboxStyle={checkboxStyle}\n          checkboxLabelStyle={checkboxLabelStyle}\n          checkboxComponentStyles={checkboxComponentStyles}\n        />\n      </CustomModal>\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  optionsContainerStyle: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n  },\n});\n\nexport default DropdownSelect;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","useEffect","useCallback","TouchableOpacity","StyleSheet","View","Input","CheckBox","Dropdown","DropdownFlatList","DropdownSectionList","CustomModal","colors","DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","extractPropertyFromArray","getMaxLengthOfSectionListProperty","DropdownSelect","_ref","placeholder","label","error","helperText","options","optionLabel","optionValue","onValueChange","selectedValue","isMultiple","isSearchable","dropdownIcon","labelStyle","placeholderStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","selectedItemStyle","multipleSelectedItemStyle","modalBackgroundStyle","modalOptionsContainerStyle","searchInputStyle","primaryColor","disabled","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","listHeaderComponent","listFooterComponent","listComponentStyles","modalProps","hideModal","rest","newOptions","setNewOptions","open","setOpen","selectAll","setSelectAll","selectedItem","setSelectedItem","selectedItems","setSelectedItems","searchValue","setSearchValue","listIndex","setListIndex","itemIndex","Array","isArray","isSectionList","some","item","title","data","ListTypeComponent","modifiedSectionData","flat","modifiedOptions","optLabel","optValue","optionsCopy","JSON","parse","stringify","handleSingleSelection","value","handleMultipleSelections","prevVal","_selectedValues","selectedValues","includes","filter","push","handleSelectAll","filteredOptions","i","length","checkSelectAll","getSelectedItemsLabel","selectedLabels","forEach","element","_modifiedOptions$find","selectedItemLabel","find","onSearch","searchText","toString","toLocaleLowerCase","trim","regexFilter","RegExp","searchResults","searchSectionList","searchFlatList","flatList","toLowerCase","search","sectionList","map","listItem","handleToggleModal","sectionIndex","primary","gray","sectionListMaxLength","listIsEmpty","setIndexOfSelectedItem","selectedLabel","_item$data","dataItem","createElement","Fragment","_extends","onRequestClose","ListHeaderComponent","onChangeText","text","style","styles","optionsContainerStyle","onPress","onChange","ListFooterComponent","create","paddingHorizontal","paddingVertical","flexDirection"],"sources":["index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { TouchableOpacity, StyleSheet, View } from 'react-native';\nimport Input from './components/Input';\nimport CheckBox from './components/CheckBox';\nimport Dropdown from './components/Dropdown/Dropdown';\nimport DropdownFlatList from './components/Dropdown/DropdownFlatList';\nimport DropdownSectionList from './components/Dropdown/DropdownSectionList';\nimport CustomModal from './components/CustomModal';\nimport { colors } from './styles/colors';\nimport { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';\nimport type {\n  DropdownProps,\n  TFlatList,\n  TFlatListItem,\n  TSectionList,\n  TSectionListItem,\n} from './types/index.types';\nimport {\n  extractPropertyFromArray,\n  getMaxLengthOfSectionListProperty,\n} from './utils';\n\nexport const DropdownSelect: React.FC<DropdownProps> = ({\n  placeholder,\n  label,\n  error,\n  helperText,\n  options,\n  optionLabel,\n  optionValue,\n  onValueChange,\n  selectedValue,\n  isMultiple,\n  isSearchable,\n  dropdownIcon,\n  labelStyle,\n  placeholderStyle,\n  dropdownStyle,\n  dropdownIconStyle,\n  dropdownContainerStyle,\n  dropdownErrorStyle,\n  dropdownErrorTextStyle,\n  dropdownHelperTextStyle,\n  selectedItemStyle,\n  multipleSelectedItemStyle,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  searchInputStyle,\n  primaryColor,\n  disabled,\n  checkboxSize, // kept for backwards compatibility\n  checkboxStyle, // kept for backwards compatibility\n  checkboxLabelStyle, // kept for backwards compatibility\n  checkboxComponentStyles,\n  listHeaderComponent,\n  listFooterComponent,\n  listComponentStyles,\n  modalProps,\n  hideModal = false,\n  ...rest\n}) => {\n  const [newOptions, setNewOptions] = useState<TFlatList | TSectionList>([]);\n  const [open, setOpen] = useState<boolean>(false);\n  const [selectAll, setSelectAll] = useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = useState<any>(''); // for single selection\n  const [selectedItems, setSelectedItems] = useState<any[]>([]); // for multiple selection\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [listIndex, setListIndex] = useState<{\n    sectionIndex?: number;\n    itemIndex: number;\n  }>({ itemIndex: 0 }); // for scrollToIndex in Sectionlist and Flatlist\n\n  useEffect(() => {\n    if (options) {\n      setNewOptions(options);\n    }\n    return () => {};\n  }, [options]);\n\n  useEffect(() => {\n    isMultiple\n      ? setSelectedItems(Array.isArray(selectedValue) ? selectedValue : [])\n      : setSelectedItem(selectedValue);\n\n    return () => {};\n  }, [selectedValue, isMultiple, onValueChange]);\n\n  /*===========================================\n   * List type\n   *==========================================*/\n\n  const isSectionList = newOptions.some(\n    (item) => item.title && item.data && Array.isArray(item.data)\n  );\n\n  const ListTypeComponent = isSectionList\n    ? DropdownSectionList\n    : DropdownFlatList;\n  const modifiedSectionData = extractPropertyFromArray(\n    newOptions,\n    'data'\n  ).flat();\n  const modifiedOptions = isSectionList ? modifiedSectionData : newOptions;\n\n  const optLabel = optionLabel || DEFAULT_OPTION_LABEL;\n  const optValue = optionValue || DEFAULT_OPTION_VALUE;\n  const optionsCopy = JSON.parse(JSON.stringify(options)); //copy of the original options array\n\n  /*===========================================\n   * Selection handlers\n   *==========================================*/\n  const handleSingleSelection = (value: string | number) => {\n    if (selectedItem === value) {\n      setSelectedItem(null);\n      onValueChange(null); //send value to parent\n    } else {\n      setSelectedItem(value);\n      onValueChange(value); //send value to parent\n      setOpen(false); //close modal upon selection\n    }\n  };\n\n  const handleMultipleSelections = (value: string[] | number[]) => {\n    setSelectedItems((prevVal) => {\n      let selectedValues = [...prevVal];\n\n      if (selectedValues?.includes(value)) {\n        selectedValues = selectedValues.filter((item) => item !== value);\n      } else {\n        selectedValues.push(value);\n      }\n      onValueChange(selectedValues); //send value to parent\n      return selectedValues;\n    });\n  };\n\n  const handleSelectAll = () => {\n    setSelectAll((prevVal) => {\n      const selectedValues = [];\n\n      //don't select disabled items\n      const filteredOptions = modifiedOptions.filter(\n        (item: TFlatListItem) => !item.disabled\n      );\n\n      if (!prevVal) {\n        for (let i = 0; i < filteredOptions.length; i++) {\n          selectedValues.push(filteredOptions[i][optValue]);\n        }\n      }\n\n      setSelectedItems(selectedValues);\n      onValueChange(selectedValues); //send value to parent\n      return !prevVal;\n    });\n  };\n\n  /*===========================================\n   * Handle side effects\n   *==========================================*/\n  const checkSelectAll = useCallback(\n    (selectedValues: any[]) => {\n      //if the list contains disabled values, those values will not be selected\n      if (\n        modifiedOptions.filter((item: TFlatListItem) => !item.disabled)\n          .length === selectedValues.length\n      ) {\n        setSelectAll(true);\n      } else {\n        setSelectAll(false);\n      }\n    },\n    [modifiedOptions]\n  );\n\n  // anytime the selected items change, check if it is time to set `selectAll` to true\n  useEffect(() => {\n    if (isMultiple) {\n      checkSelectAll(selectedItems);\n    }\n    return () => {};\n  }, [checkSelectAll, isMultiple, selectedItems]);\n\n  /*===========================================\n   * Get label handler\n   *==========================================*/\n  const getSelectedItemsLabel = () => {\n    if (isMultiple && Array.isArray(selectedItems)) {\n      let selectedLabels: Array<string> = [];\n\n      selectedItems?.forEach((element: number | string) => {\n        let selectedItemLabel = modifiedOptions?.find(\n          (item: TFlatListItem) => item[optValue] === element\n        )?.[optLabel];\n        selectedLabels.push(selectedItemLabel);\n      });\n      return selectedLabels;\n    }\n\n    let selectedItemLabel = modifiedOptions?.find(\n      (item: TFlatListItem) => item[optValue] === selectedItem\n    );\n    return selectedItemLabel?.[optLabel];\n  };\n\n  /*===========================================\n   * Search\n   *==========================================*/\n  const onSearch = (value: string) => {\n    setSearchValue(value);\n\n    let searchText = value.toString().toLocaleLowerCase().trim();\n\n    const regexFilter = new RegExp(searchText, 'i');\n\n    //Because Search mutates the initial state, we have to search with a copy of the original array\n    const searchResults = isSectionList\n      ? searchSectionList(optionsCopy as TSectionList, regexFilter)\n      : searchFlatList(optionsCopy as TFlatList, regexFilter);\n\n    setNewOptions(searchResults);\n  };\n\n  const searchFlatList = (flatList: TFlatList, regexFilter: RegExp) => {\n    const searchResults = flatList.filter((item: TFlatListItem) => {\n      if (\n        item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n        item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n      ) {\n        return item;\n      }\n      return;\n    });\n    return searchResults;\n  };\n\n  const searchSectionList = (\n    sectionList: TSectionList,\n    regexFilter: RegExp\n  ) => {\n    const searchResults = sectionList.map((listItem: TSectionListItem) => {\n      listItem.data = listItem.data.filter((item: TFlatListItem) => {\n        if (\n          item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n          item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n        ) {\n          return listItem.data.push(item);\n        }\n        return;\n      });\n\n      return listItem;\n    });\n\n    return searchResults;\n  };\n\n  /*===========================================\n   * Modal\n   *==========================================*/\n  const handleToggleModal = () => {\n    setOpen(!open);\n    setSearchValue('');\n    setNewOptions(options);\n    setListIndex({ itemIndex: 0, sectionIndex: 0 });\n  };\n\n  useEffect(() => {\n    if (hideModal) {\n      setOpen(false);\n    }\n    return () => {};\n  }, [hideModal]);\n\n  let primary = primaryColor || colors.gray;\n\n  const sectionListMaxLength = getMaxLengthOfSectionListProperty(\n    newOptions as TSectionList,\n    'data'\n  );\n\n  const listIsEmpty = isSectionList\n    ? sectionListMaxLength > 1\n    : newOptions.length > 1;\n\n  /*===========================================\n   * setIndexOfSelectedItem - For ScrollToIndex\n   *==========================================*/\n  const setIndexOfSelectedItem = (selectedLabel: string) => {\n    isSectionList\n      ? optionsCopy.map((item: TSectionListItem, sectionIndex: number) => {\n          item.data?.find((dataItem: TFlatListItem, itemIndex: number) => {\n            if (dataItem[optLabel] === selectedLabel) {\n              setListIndex({ sectionIndex, itemIndex });\n            }\n          });\n        })\n      : optionsCopy?.find((item: TFlatListItem, itemIndex: number) => {\n          if (item[optLabel] === selectedLabel) {\n            setListIndex({ itemIndex });\n          }\n        });\n  };\n\n  return (\n    <>\n      <Dropdown\n        label={label}\n        placeholder={placeholder}\n        helperText={helperText}\n        error={error}\n        getSelectedItemsLabel={getSelectedItemsLabel}\n        selectedItem={selectedItem}\n        selectedItems={selectedItems}\n        handleToggleModal={handleToggleModal}\n        labelStyle={labelStyle}\n        dropdownIcon={dropdownIcon}\n        dropdownStyle={dropdownStyle}\n        dropdownIconStyle={dropdownIconStyle}\n        dropdownContainerStyle={dropdownContainerStyle}\n        dropdownErrorStyle={dropdownErrorStyle}\n        dropdownErrorTextStyle={dropdownErrorTextStyle}\n        dropdownHelperTextStyle={dropdownHelperTextStyle}\n        selectedItemStyle={selectedItemStyle}\n        multipleSelectedItemStyle={multipleSelectedItemStyle}\n        isMultiple={isMultiple}\n        primaryColor={primary}\n        disabled={disabled}\n        placeholderStyle={placeholderStyle}\n        setIndexOfSelectedItem={setIndexOfSelectedItem}\n        {...rest}\n      />\n      <CustomModal\n        open={open}\n        handleToggleModal={handleToggleModal}\n        modalBackgroundStyle={modalBackgroundStyle}\n        modalOptionsContainerStyle={modalOptionsContainerStyle}\n        onRequestClose={() => {}}\n        modalProps={modalProps}\n      >\n        <ListTypeComponent\n          ListHeaderComponent={\n            <>\n              {isSearchable && (\n                <Input\n                  value={searchValue}\n                  onChangeText={(text: string) => onSearch(text)}\n                  style={searchInputStyle}\n                  primaryColor={primary}\n                />\n              )}\n              {listHeaderComponent}\n              {isMultiple && listIsEmpty && (\n                <View style={styles.optionsContainerStyle}>\n                  <TouchableOpacity onPress={() => {}}>\n                    <CheckBox\n                      value={selectAll}\n                      label={selectAll ? 'Clear all' : 'Select all'}\n                      onChange={() => handleSelectAll()}\n                      primaryColor={primary}\n                      checkboxSize={checkboxSize}\n                      checkboxStyle={checkboxStyle}\n                      checkboxLabelStyle={checkboxLabelStyle}\n                      checkboxComponentStyles={checkboxComponentStyles}\n                    />\n                  </TouchableOpacity>\n                </View>\n              )}\n            </>\n          }\n          ListFooterComponent={listFooterComponent}\n          listComponentStyles={listComponentStyles}\n          options={newOptions}\n          optionLabel={optLabel}\n          optionValue={optValue}\n          isMultiple={isMultiple}\n          isSearchable={isSearchable}\n          selectedItems={selectedItems}\n          selectedItem={selectedItem}\n          handleMultipleSelections={handleMultipleSelections}\n          handleSingleSelection={handleSingleSelection}\n          primaryColor={primary}\n          checkboxSize={checkboxSize}\n          checkboxStyle={checkboxStyle}\n          checkboxLabelStyle={checkboxLabelStyle}\n          checkboxComponentStyles={checkboxComponentStyles}\n          listIndex={listIndex}\n        />\n      </CustomModal>\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  optionsContainerStyle: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n  },\n});\n\nexport default DropdownSelect;\n"],"mappings":"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"}

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

@@ -1,9 +1,21 @@
 /// <reference types="react" />
 import type { CheckboxProps } from './types';
 /**
- *
- *`checkboxSize`, `checkboxStyle`,`checkboxLabelStyle` Will be deleted in version 1.0.
- * and replaced with `checkboxComponentStyles`
- */
+  * Individual props `checkboxSize`, `checkboxStyle`, `checkboxLabelStyle` would be replaced in future releases
+  * and replaced with a single object `checkboxComponentStyles` e.g
+
+```js
+const checkboxComponentStyles = {
+  checkboxSize: 20,
+  checkboxStyle: {
+    backgroundColor: 'purple',
+    borderRadius: 30,
+    padding: 10,
+    borderColor: 'red',
+  },
+  checkboxLabelStyle: { color: 'red', fontSize: 20 },
+};
+```
+  */
 declare const CheckBox: ({ label, value, disabled, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, onChange, }: CheckboxProps) => JSX.Element;
 export default CheckBox;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Dropdown: ({ label, placeholder, helperText, error, getSelectedItemsLabel, handleToggleModal, isMultiple, selectedItem, selectedItems, dropdownIcon, labelStyle, dropdownStyle, dropdownIconStyle, dropdownContainerStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, dropdownErrorTextStyle, dropdownHelperTextStyle, primaryColor, disabled, }: any) => JSX.Element;
+declare const Dropdown: ({ label, placeholder, helperText, error, getSelectedItemsLabel, handleToggleModal, isMultiple, selectedItem, selectedItems, dropdownIcon, labelStyle, dropdownStyle, dropdownIconStyle, dropdownContainerStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, dropdownErrorTextStyle, dropdownHelperTextStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => JSX.Element;
 export default Dropdown;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DropdownFlatList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, listComponentStyles, ...rest }: any) => JSX.Element;
+declare const DropdownFlatList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, listComponentStyles, listIndex, ...rest }: any) => JSX.Element;
 export default DropdownFlatList;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DropdownSectionList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, listComponentStyles, ...rest }: any) => JSX.Element;
+declare const DropdownSectionList: ({ options, optionLabel, optionValue, isMultiple, isSearchable, selectedItems, selectedItem, handleMultipleSelections, handleSingleSelection, primaryColor, checkboxSize, checkboxStyle, checkboxLabelStyle, checkboxComponentStyles, listComponentStyles, listIndex, ...rest }: any) => JSX.Element;
 export default DropdownSectionList;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DropdownSelectedItemsView: ({ placeholder, error, getSelectedItemsLabel, handleToggleModal, isMultiple, selectedItem, selectedItems, dropdownIcon, dropdownStyle, dropdownIconStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, }: any) => JSX.Element;
+declare const DropdownSelectedItemsView: ({ placeholder, error, getSelectedItemsLabel, handleToggleModal, isMultiple, selectedItem, selectedItems, dropdownIcon, dropdownStyle, dropdownIconStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => JSX.Element;
 export default DropdownSelectedItemsView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-select",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "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",

package/src/components/CheckBox/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-native/no-inline-styles */
 import React from 'react';
 import { Pressable, Text, StyleSheet, Image, View } from 'react-native';
 import { colors } from '../../styles/colors';
@@ -6,10 +5,22 @@ import { CHECKBOX_SIZE } from '../../constants';
 import type { CheckboxProps } from './types';
 
 /**
- *
- *`checkboxSize`, `checkboxStyle`,`checkboxLabelStyle` Will be deleted in version 1.0.
- * and replaced with `checkboxComponentStyles`
- */
+  * Individual props `checkboxSize`, `checkboxStyle`, `checkboxLabelStyle` would be replaced in future releases
+  * and replaced with a single object `checkboxComponentStyles` e.g
+
+```js
+const checkboxComponentStyles = {
+  checkboxSize: 20,
+  checkboxStyle: {
+    backgroundColor: 'purple',
+    borderRadius: 30,
+    padding: 10,
+    borderColor: 'red',
+  },
+  checkboxLabelStyle: { color: 'red', fontSize: 20 },
+};
+```
+  */
 
 const CheckBox = ({
   label,
@@ -23,7 +34,7 @@ const CheckBox = ({
   onChange,
 }: CheckboxProps) => {
   // const { checkboxSize, checkboxStyle, checkboxLabelStyle } =
-  //   checkboxComponentStyles;
+  //   checkboxComponentStyles || undefined;
   const fillColor = {
     backgroundColor: disabled
       ? '#d3d3d3'

package/src/components/Dropdown/Dropdown.tsx

@@ -27,12 +27,14 @@ const Dropdown = ({
   dropdownHelperTextStyle,
   primaryColor,
   disabled,
+  setIndexOfSelectedItem,
 }: any) => {
   return (
     <View style={[styles.dropdownInputContainer, dropdownContainerStyle]}>
       {label && label !== '' && (
         <Text style={[styles.label, labelStyle]}>{label}</Text>
       )}
+
       <DropdownSelectedItemsView
         placeholder={placeholder}
         error={error}
@@ -50,6 +52,7 @@ const Dropdown = ({
         primaryColor={primaryColor}
         disabled={disabled}
         placeholderStyle={placeholderStyle}
+        setIndexOfSelectedItem={setIndexOfSelectedItem}
       />
 
       {error && error !== '' && (

package/src/components/Dropdown/DropdownFlatList.tsx

@@ -1,8 +1,9 @@
 /* eslint-disable react-native/no-inline-styles */
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { FlatList, StyleSheet } from 'react-native';
 import DropdownListItem from './DropdownListItem';
 import { ItemSeparatorComponent, ListEmptyComponent } from '../Others';
+import { TFlatList } from 'src/types/index.types';
 
 const DropdownFlatList = ({
   options,
@@ -20,8 +21,22 @@ const DropdownFlatList = ({
   checkboxLabelStyle, // kept for backwards compatibility to be removed  in future release
   checkboxComponentStyles,
   listComponentStyles,
+  listIndex,
   ...rest
 }: any) => {
+  const flatlistRef = useRef<FlatList<TFlatList>>(null);
+
+  const scrollToItem = (index: number) => {
+    flatlistRef.current?.scrollToIndex({
+      index,
+      animated: true,
+    });
+  };
+
+  useEffect(() => {
+    scrollToItem(listIndex.itemIndex);
+  }, [listIndex]);
+
   return (
     <FlatList
       data={options}
@@ -49,6 +64,7 @@ const DropdownFlatList = ({
           onChange: isMultiple
             ? handleMultipleSelections
             : handleSingleSelection,
+          scrollToItem,
           primaryColor,
           checkboxSize, // kept for backwards compatibility
           checkboxStyle, // kept for backwards compatibility
@@ -57,6 +73,12 @@ const DropdownFlatList = ({
         })
       }
       keyExtractor={(_item, index) => `Options${index}`}
+      ref={flatlistRef}
+      onScrollToIndexFailed={({ index }) => {
+        setTimeout(() => {
+          scrollToItem(index);
+        }, 500);
+      }}
       {...rest}
     />
   );
@@ -75,6 +97,7 @@ const _renderItem = ({ item }: any, props: any) => {
       checkboxSize={props.checkboxSize}
       checkboxStyle={props.checkboxStyle}
       checkboxLabelStyle={props.checkboxLabelStyle}
+      scrollToItem={props.scrollToItem}
       checkboxComponentStyles={props.checkboxComponentStyles}
     />
   );