react-native-input-select 1.1.1 → 1.1.3

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_input","obj","__esModule","default","DropdownSelectedItemsView","_ref","_getSelectedItemsLabe","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","createElement","Pressable","onPress","style","_ref2","pressed","inputStyles","inputFocusState","borderColor","input","inputFocusErrorState","ScrollView","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","View","styles","selectedItemsContainer","onStartShouldSetResponder","map","item","i","Text","key","Math","random","backgroundColor","blackText","length","iconStyle","Image","source","StyleSheet","create","position","right","top","flexDirection","flexWrap","alignItems","color","colors","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black","_default","exports"],"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","_interopRequireDefault","require","_reactNative","_colors","_input","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","DropdownSelectedItemsView","_ref","_getSelectedItemsLabe","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","Pressable","onPress","style","_ref2","pressed","inputStyles","inputFocusState","borderColor","input","inputFocusErrorState","ScrollView","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","View","styles","selectedItemsContainer","onStartShouldSetResponder","map","label","DropdownContent","Math","random","backgroundColor","blackText","iconStyle","Image","_ref3","rest","TouchableOpacity","Text","StyleSheet","create","position","right","top","flexDirection","flexWrap","alignItems","color","colors","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black","_default","exports"],"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/commonjs/index.js

@@ -55,6 +55,7 @@ const DropdownSelect = _ref => {
     checkboxLabelStyle,
     // kept for backwards compatibility
     checkboxComponentStyles,
+    checkboxComponent,
     listHeaderComponent,
     listFooterComponent,
     listComponentStyles,
@@ -65,9 +66,13 @@ const DropdownSelect = _ref => {
   const [newOptions, setNewOptions] = (0, _react.useState)([]);
   const [open, setOpen] = (0, _react.useState)(false);
   const [selectAll, setSelectAll] = (0, _react.useState)(false);
-  const [selectedItem, setSelectedItem] = (0, _react.useState)(''); //for single selection
-  const [selectedItems, setSelectedItems] = (0, _react.useState)([]); //for multiple selection
+  const [selectedItem, setSelectedItem] = (0, _react.useState)(''); // for single selection
+  const [selectedItems, setSelectedItems] = (0, _react.useState)([]); // for multiple selection
   const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [listIndex, setListIndex] = (0, _react.useState)({
+    itemIndex: 0
+  }); // for scrollToIndex in Sectionlist and Flatlist
+
   (0, _react.useEffect)(() => {
     if (options) {
       setNewOptions(options);
@@ -85,10 +90,11 @@ const DropdownSelect = _ref => {
 
   const isSectionList = newOptions.some(item => item.title && item.data && Array.isArray(item.data));
   const ListTypeComponent = isSectionList ? _DropdownSectionList.default : _DropdownFlatList.default;
-  let modifiedSectionData = (0, _utils.extractPropertyFromArray)(newOptions, 'data').flat();
-  let modifiedOptions = isSectionList ? modifiedSectionData : newOptions;
+  const modifiedSectionData = (0, _utils.extractPropertyFromArray)(newOptions, 'data').flat();
+  const modifiedOptions = isSectionList ? modifiedSectionData : newOptions;
   const optLabel = optionLabel || _constants.DEFAULT_OPTION_LABEL;
   const optValue = optionValue || _constants.DEFAULT_OPTION_VALUE;
+  const optionsCopy = JSON.parse(JSON.stringify(options)); //copy of the original options array
 
   /*===========================================
    * Selection handlers
@@ -113,15 +119,7 @@ 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;
     });
   };
@@ -142,6 +140,26 @@ const DropdownSelect = _ref => {
     });
   };
 
+  /*===========================================
+   * Handle side effects
+   *==========================================*/
+  const checkSelectAll = (0, _react.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
+  (0, _react.useEffect)(() => {
+    if (isMultiple) {
+      checkSelectAll(selectedItems);
+    }
+    return () => {};
+  }, [checkSelectAll, isMultiple, selectedItems]);
+
   /*===========================================
    * Get label handler
    *==========================================*/
@@ -168,7 +186,6 @@ 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);
   };
@@ -201,6 +218,10 @@ const DropdownSelect = _ref => {
     setOpen(!open);
     setSearchValue('');
     setNewOptions(options);
+    setListIndex({
+      itemIndex: 0,
+      sectionIndex: 0
+    });
   };
   (0, _react.useEffect)(() => {
     if (hideModal) {
@@ -211,6 +232,29 @@ const DropdownSelect = _ref => {
   let primary = primaryColor || _colors.colors.gray;
   const sectionListMaxLength = (0, _utils.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({
     label: label,
     placeholder: placeholder,
@@ -233,7 +277,8 @@ const DropdownSelect = _ref => {
     isMultiple: isMultiple,
     primaryColor: primary,
     disabled: disabled,
-    placeholderStyle: placeholderStyle
+    placeholderStyle: placeholderStyle,
+    setIndexOfSelectedItem: setIndexOfSelectedItem
   }, rest)), /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     open: open,
     handleToggleModal: handleToggleModal,
@@ -259,7 +304,8 @@ const DropdownSelect = _ref => {
       checkboxSize: checkboxSize,
       checkboxStyle: checkboxStyle,
       checkboxLabelStyle: checkboxLabelStyle,
-      checkboxComponentStyles: checkboxComponentStyles
+      checkboxComponentStyles: checkboxComponentStyles,
+      checkboxComponent: checkboxComponent
     })))),
     ListFooterComponent: listFooterComponent,
     listComponentStyles: listComponentStyles,
@@ -276,7 +322,9 @@ const DropdownSelect = _ref => {
     checkboxSize: checkboxSize,
     checkboxStyle: checkboxStyle,
     checkboxLabelStyle: checkboxLabelStyle,
-    checkboxComponentStyles: checkboxComponentStyles
+    checkboxComponentStyles: checkboxComponentStyles,
+    checkboxComponent: checkboxComponent,
+    listIndex: listIndex
   })));
 };
 exports.DropdownSelect = DropdownSelect;

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Input","_interopRequireDefault","_CheckBox","_Dropdown","_DropdownFlatList","_DropdownSectionList","_CustomModal","_colors","_constants","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","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","useState","open","setOpen","selectAll","setSelectAll","selectedItem","setSelectedItem","selectedItems","setSelectedItems","searchValue","setSearchValue","useEffect","Array","isArray","isSectionList","some","item","title","data","ListTypeComponent","DropdownSectionList","DropdownFlatList","modifiedSectionData","extractPropertyFromArray","flat","modifiedOptions","optLabel","DEFAULT_OPTION_LABEL","optValue","DEFAULT_OPTION_VALUE","handleSingleSelection","value","handleMultipleSelections","prevVal","_selectedValues","selectedValues","includes","filter","push","handleSelectAll","filteredOptions","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","colors","gray","sectionListMaxLength","getMaxLengthOfSectionListProperty","listIsEmpty","createElement","Fragment","onRequestClose","ListHeaderComponent","onChangeText","text","style","View","styles","optionsContainerStyle","TouchableOpacity","onPress","onChange","ListFooterComponent","exports","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","_default"],"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","_interopRequireWildcard","require","_reactNative","_Input","_interopRequireDefault","_CheckBox","_Dropdown","_DropdownFlatList","_DropdownSectionList","_CustomModal","_colors","_constants","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","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","checkboxComponent","listHeaderComponent","listFooterComponent","listComponentStyles","modalProps","hideModal","rest","newOptions","setNewOptions","useState","open","setOpen","selectAll","setSelectAll","selectedItem","setSelectedItem","selectedItems","setSelectedItems","searchValue","setSearchValue","listIndex","setListIndex","itemIndex","useEffect","Array","isArray","isSectionList","some","item","title","data","ListTypeComponent","DropdownSectionList","DropdownFlatList","modifiedSectionData","extractPropertyFromArray","flat","modifiedOptions","optLabel","DEFAULT_OPTION_LABEL","optValue","DEFAULT_OPTION_VALUE","optionsCopy","JSON","parse","stringify","handleSingleSelection","value","handleMultipleSelections","prevVal","_selectedValues","selectedValues","includes","filter","push","handleSelectAll","filteredOptions","checkSelectAll","useCallback","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","colors","gray","sectionListMaxLength","getMaxLengthOfSectionListProperty","listIsEmpty","setIndexOfSelectedItem","selectedLabel","_item$data","dataItem","createElement","Fragment","onRequestClose","ListHeaderComponent","onChangeText","text","style","View","styles","optionsContainerStyle","TouchableOpacity","onPress","onChange","ListFooterComponent","exports","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","_default"],"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  checkboxComponent,\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                      checkboxComponent={checkboxComponent}\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          checkboxComponent={checkboxComponent}\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/commonjs/types/index.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.types.ts"],"sourcesContent":["import type {\n  ViewStyle,\n  ColorValue,\n  TextStyle,\n  ModalProps,\n} from 'react-native';\n\nexport type DropdownProps = {\n  placeholder?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  options: TFlatList | TSectionList;\n  optionLabel?: string;\n  optionValue?: string;\n  onValueChange: Function;\n  selectedValue?:\n    | string\n    | boolean\n    | number\n    | string[]\n    | boolean[]\n    | number[]\n    | null;\n  isMultiple?: boolean;\n  isSearchable?: boolean;\n  dropdownIcon?: React.ReactNode;\n  labelStyle?: TextStyle;\n  dropdownStyle?: ViewStyle;\n  dropdownIconStyle?: ViewStyle;\n  dropdownContainerStyle?: ViewStyle;\n  dropdownErrorStyle?: ViewStyle;\n  dropdownErrorTextStyle?: TextStyle;\n  dropdownHelperTextStyle?: TextStyle;\n  selectedItemStyle?: TextStyle;\n  multipleSelectedItemStyle?: TextStyle;\n  modalBackgroundStyle?: ViewStyle;\n  modalOptionsContainerStyle?: ViewStyle;\n  searchInputStyle?: ViewStyle;\n  primaryColor?: ColorValue;\n  disabled?: boolean;\n  checkboxSize?: number;\n  checkboxStyle?: ViewStyle;\n  checkboxLabelStyle?: TextStyle;\n  checkboxComponentStyles?: {\n    checkboxSize?: number;\n    checkboxStyle?: ViewStyle;\n    checkboxLabelStyle?: TextStyle;\n  };\n  placeholderStyle?: TextStyle;\n  listHeaderComponent?: React.ReactNode;\n  listFooterComponent?: React.ReactNode;\n  hideModal?: boolean;\n  modalProps?: ModalProps;\n  listComponentStyles?: {\n    listEmptyComponentStyle?: TextStyle;\n    itemSeparatorStyle?: ViewStyle;\n    sectionHeaderStyle?: TextStyle;\n  };\n};\n\nexport type TFlatList = TFlatListItem[];\nexport type TFlatListItem = {\n  [key: string]: string | number | boolean;\n}\n\nexport type TSectionList = TSectionListItem[];\nexport type TSectionListItem = { title: string; data: TFlatList };\n"],"mappings":""}
+{"version":3,"names":[],"sources":["index.types.ts"],"sourcesContent":["import type {\n  ViewStyle,\n  ColorValue,\n  TextStyle,\n  ModalProps,\n} from 'react-native';\n\nexport type DropdownProps = {\n  placeholder?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  options: TFlatList | TSectionList;\n  optionLabel?: string;\n  optionValue?: string;\n  onValueChange: Function;\n  selectedValue?:\n    | string\n    | boolean\n    | number\n    | string[]\n    | boolean[]\n    | number[]\n    | null;\n  isMultiple?: boolean;\n  isSearchable?: boolean;\n  dropdownIcon?: React.ReactNode;\n  labelStyle?: TextStyle;\n  dropdownStyle?: ViewStyle;\n  dropdownIconStyle?: ViewStyle;\n  dropdownContainerStyle?: ViewStyle;\n  dropdownErrorStyle?: ViewStyle;\n  dropdownErrorTextStyle?: TextStyle;\n  dropdownHelperTextStyle?: TextStyle;\n  selectedItemStyle?: TextStyle;\n  multipleSelectedItemStyle?: TextStyle;\n  modalBackgroundStyle?: ViewStyle;\n  modalOptionsContainerStyle?: ViewStyle;\n  searchInputStyle?: ViewStyle;\n  primaryColor?: ColorValue;\n  disabled?: boolean;\n  checkboxSize?: number;\n  checkboxStyle?: ViewStyle;\n  checkboxLabelStyle?: TextStyle;\n  checkboxComponentStyles?: {\n    checkboxSize?: number;\n    checkboxStyle?: ViewStyle;\n    checkboxLabelStyle?: TextStyle;\n  };\n  checkboxComponent?: React.ReactNode;\n  placeholderStyle?: TextStyle;\n  listHeaderComponent?: React.ReactNode;\n  listFooterComponent?: React.ReactNode;\n  hideModal?: boolean;\n  modalProps?: ModalProps;\n  listComponentStyles?: {\n    listEmptyComponentStyle?: TextStyle;\n    itemSeparatorStyle?: ViewStyle;\n    sectionHeaderStyle?: TextStyle;\n  };\n};\n\nexport type TFlatList = TFlatListItem[];\nexport type TFlatListItem = {\n  [key: string]: string | number | boolean;\n}\n\nexport type TSectionList = TSectionListItem[];\nexport type TSectionListItem = { title: string; data: TFlatList };\n"],"mappings":""}

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

@@ -1,13 +1,24 @@
-/* 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';
 import { CHECKBOX_SIZE } from '../../constants';
 /**
- *
- *`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 = _ref => {
   var _checkboxComponentSty, _checkboxComponentSty2;
@@ -20,10 +31,11 @@ const CheckBox = _ref => {
     checkboxStyle,
     checkboxLabelStyle,
     checkboxComponentStyles,
+    checkboxComponent,
     onChange
   } = _ref;
   // const { checkboxSize, checkboxStyle, checkboxLabelStyle } =
-  //   checkboxComponentStyles;
+  //   checkboxComponentStyles || undefined;
   const fillColor = {
     backgroundColor: disabled ? '#d3d3d3' : value ? (checkboxComponentStyles === null || checkboxComponentStyles === void 0 || (_checkboxComponentSty = checkboxComponentStyles.checkboxStyle) === null || _checkboxComponentSty === void 0 ? void 0 : _checkboxComponentSty.backgroundColor) || (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.backgroundColor) || primaryColor || 'green' : 'white',
     borderColor: disabled ? colors.disabled : (checkboxComponentStyles === null || checkboxComponentStyles === void 0 || (_checkboxComponentSty2 = checkboxComponentStyles.checkboxStyle) === null || _checkboxComponentSty2 === void 0 ? void 0 : _checkboxComponentSty2.borderColor) || (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.borderColor) || styles.checkbox.borderColor
@@ -33,8 +45,8 @@ const CheckBox = _ref => {
     style: [styles.checkboxContainer],
     disabled: disabled
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.checkbox, checkboxStyle, fillColor]
-  }, /*#__PURE__*/React.createElement(Image, {
+    style: [styles.checkbox, (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxStyle) || checkboxStyle, fillColor]
+  }, checkboxComponent || /*#__PURE__*/React.createElement(Image, {
     source: require('../../asset/check.png'),
     style: [{
       height: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxSize) || checkboxSize || CHECKBOX_SIZE,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","_ref","_checkboxComponentSty","_checkboxComponentSty2","label","value","disabled","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","onChange","fillColor","backgroundColor","borderColor","styles","checkbox","createElement","onPress","style","checkboxContainer","source","require","height","width","labelStyle","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft"],"sources":["index.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React from 'react';\nimport { Pressable, Text, StyleSheet, Image, View } from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { CHECKBOX_SIZE } from '../../constants';\nimport type { CheckboxProps } from './types';\n\n/**\n *\n *`checkboxSize`, `checkboxStyle`,`checkboxLabelStyle` Will be deleted in version 1.0.\n * and replaced with `checkboxComponentStyles`\n */\n\nconst CheckBox = ({\n  label,\n  value,\n  disabled,\n  primaryColor,\n  checkboxSize,\n  checkboxStyle,\n  checkboxLabelStyle,\n  checkboxComponentStyles,\n  onChange,\n}: CheckboxProps) => {\n  // const { checkboxSize, checkboxStyle, checkboxLabelStyle } =\n  //   checkboxComponentStyles;\n  const fillColor = {\n    backgroundColor: disabled\n      ? '#d3d3d3'\n      : value\n      ? checkboxComponentStyles?.checkboxStyle?.backgroundColor ||\n        checkboxStyle?.backgroundColor ||\n        primaryColor ||\n        'green'\n      : 'white',\n    borderColor: disabled\n      ? colors.disabled\n      : checkboxComponentStyles?.checkboxStyle?.borderColor ||\n        checkboxStyle?.borderColor ||\n        styles.checkbox.borderColor,\n  };\n\n  return (\n    <Pressable\n      onPress={onChange ? () => onChange(!value) : null}\n      style={[styles.checkboxContainer]}\n      disabled={disabled}\n    >\n      <View style={[styles.checkbox, checkboxStyle, fillColor]}>\n        <Image\n          source={require('../../asset/check.png')}\n          style={[\n            {\n              height:\n                checkboxComponentStyles?.checkboxSize ||\n                checkboxSize ||\n                CHECKBOX_SIZE,\n              width:\n                checkboxComponentStyles?.checkboxSize ||\n                checkboxSize ||\n                CHECKBOX_SIZE,\n            },\n          ]}\n        />\n      </View>\n      {label && (\n        <Text\n          style={[\n            checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle,\n            styles.labelStyle,\n          ]}\n        >\n          {label}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  checkboxContainer: {\n    flexDirection: 'row',\n    flexWrap: 'nowrap',\n    alignItems: 'center',\n  },\n  checkbox: {\n    padding: 4,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderRadius: 4,\n    borderColor: 'black',\n  },\n  labelStyle: { marginLeft: 10 },\n});\n\nexport default CheckBox;\n"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","_ref","_checkboxComponentSty","_checkboxComponentSty2","label","value","disabled","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","onChange","fillColor","backgroundColor","borderColor","styles","checkbox","createElement","onPress","style","checkboxContainer","source","require","height","width","labelStyle","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, Text, StyleSheet, Image, View } from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { CHECKBOX_SIZE } from '../../constants';\nimport type { CheckboxProps } from './types';\n\n/**\n  * Individual props `checkboxSize`, `checkboxStyle`, `checkboxLabelStyle` would be replaced in future releases\n  * and replaced with a single object `checkboxComponentStyles` e.g\n\n```js\nconst checkboxComponentStyles = {\n  checkboxSize: 20,\n  checkboxStyle: {\n    backgroundColor: 'purple',\n    borderRadius: 30,\n    padding: 10,\n    borderColor: 'red',\n  },\n  checkboxLabelStyle: { color: 'red', fontSize: 20 },\n};\n```\n  */\n\nconst CheckBox = ({\n  label,\n  value,\n  disabled,\n  primaryColor,\n  checkboxSize,\n  checkboxStyle,\n  checkboxLabelStyle,\n  checkboxComponentStyles,\n  checkboxComponent,\n  onChange,\n}: CheckboxProps) => {\n  // const { checkboxSize, checkboxStyle, checkboxLabelStyle } =\n  //   checkboxComponentStyles || undefined;\n  const fillColor = {\n    backgroundColor: disabled\n      ? '#d3d3d3'\n      : value\n      ? checkboxComponentStyles?.checkboxStyle?.backgroundColor ||\n        checkboxStyle?.backgroundColor ||\n        primaryColor ||\n        'green'\n      : 'white',\n    borderColor: disabled\n      ? colors.disabled\n      : checkboxComponentStyles?.checkboxStyle?.borderColor ||\n        checkboxStyle?.borderColor ||\n        styles.checkbox.borderColor,\n  };\n\n  return (\n    <Pressable\n      onPress={onChange ? () => onChange(!value) : null}\n      style={[styles.checkboxContainer]}\n      disabled={disabled}\n    >\n      <View\n        style={[\n          styles.checkbox,\n          checkboxComponentStyles?.checkboxStyle || checkboxStyle,\n          fillColor,\n        ]}\n      >\n        {checkboxComponent || (\n          <Image\n            source={require('../../asset/check.png')}\n            style={[\n              {\n                height:\n                  checkboxComponentStyles?.checkboxSize ||\n                  checkboxSize ||\n                  CHECKBOX_SIZE,\n                width:\n                  checkboxComponentStyles?.checkboxSize ||\n                  checkboxSize ||\n                  CHECKBOX_SIZE,\n              },\n            ]}\n          />\n        )}\n      </View>\n      {label && (\n        <Text\n          style={[\n            checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle,\n            styles.labelStyle,\n          ]}\n        >\n          {label}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  checkboxContainer: {\n    flexDirection: 'row',\n    flexWrap: 'nowrap',\n    alignItems: 'center',\n  },\n  checkbox: {\n    padding: 4,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderRadius: 4,\n    borderColor: 'black',\n  },\n  labelStyle: { marginLeft: 10 },\n});\n\nexport default CheckBox;\n"],"mappings":"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"}

package/lib/module/components/CheckBox/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ColorValue, ViewStyle, TextStyle } from 'react-native';\n\nexport type CheckboxProps = {\n  label?: string;\n  value?: boolean;\n  disabled?: boolean;\n  primaryColor?: ColorValue;\n  checkboxSize?: number;\n  checkboxStyle?: ViewStyle;\n  checkboxLabelStyle?: TextStyle;\n  checkboxComponentStyles?: {\n    checkboxSize?: number;\n    checkboxStyle?: ViewStyle;\n    checkboxLabelStyle?: TextStyle;\n  };\n  onChange?: (value: boolean | string | number) => void;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\nimport type { ColorValue, ViewStyle, TextStyle } from 'react-native';\n\nexport type CheckboxProps = {\n  label?: string;\n  value?: boolean;\n  disabled?: boolean;\n  primaryColor?: ColorValue;\n  checkboxSize?: number;\n  checkboxStyle?: ViewStyle;\n  checkboxLabelStyle?: TextStyle;\n  checkboxComponentStyles?: {\n    checkboxSize?: number;\n    checkboxStyle?: ViewStyle;\n    checkboxLabelStyle?: TextStyle;\n  };\n  checkboxComponent?: React.ReactNode;\n  onChange?: (value: boolean | string | number) => void;\n};\n"],"mappings":""}

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

@@ -26,7 +26,8 @@ const Dropdown = _ref => {
     dropdownErrorTextStyle,
     dropdownHelperTextStyle,
     primaryColor,
-    disabled
+    disabled,
+    setIndexOfSelectedItem
   } = _ref;
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.dropdownInputContainer, dropdownContainerStyle]
@@ -48,7 +49,8 @@ const Dropdown = _ref => {
     dropdownErrorStyle: dropdownErrorStyle,
     primaryColor: primaryColor,
     disabled: disabled,
-    placeholderStyle: placeholderStyle
+    placeholderStyle: placeholderStyle,
+    setIndexOfSelectedItem: setIndexOfSelectedItem
   }), error && error !== '' && /*#__PURE__*/React.createElement(Text, {
     style: [styles.error, dropdownErrorTextStyle]
   }, error), helperText && helperText !== '' && !error && /*#__PURE__*/React.createElement(Text, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","_ref","label","placeholder","helperText","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","labelStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","primaryColor","disabled","createElement","style","styles","dropdownInputContainer","helper","create","marginBottom","color","gray","caption","red","marginTop","primary","width","blackText","black"],"sources":["Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport DropdownSelectedItemsView from './DropdownSelectedItemsView';\nimport { colors } from '../../styles/colors';\nimport { typography } from '../../styles/typography';\n\nconst Dropdown = ({\n  label,\n  placeholder,\n  helperText,\n  error,\n  getSelectedItemsLabel,\n  handleToggleModal,\n  isMultiple,\n  selectedItem,\n  selectedItems,\n  dropdownIcon,\n  labelStyle,\n  dropdownStyle,\n  dropdownIconStyle,\n  dropdownContainerStyle,\n  selectedItemStyle,\n  placeholderStyle,\n  multipleSelectedItemStyle,\n  dropdownErrorStyle,\n  dropdownErrorTextStyle,\n  dropdownHelperTextStyle,\n  primaryColor,\n  disabled,\n}: any) => {\n  return (\n    <View style={[styles.dropdownInputContainer, dropdownContainerStyle]}>\n      {label && label !== '' && (\n        <Text style={[styles.label, labelStyle]}>{label}</Text>\n      )}\n      <DropdownSelectedItemsView\n        placeholder={placeholder}\n        error={error}\n        getSelectedItemsLabel={getSelectedItemsLabel}\n        handleToggleModal={handleToggleModal}\n        isMultiple={isMultiple}\n        selectedItem={selectedItem}\n        selectedItems={selectedItems}\n        dropdownIcon={dropdownIcon}\n        dropdownStyle={dropdownStyle}\n        dropdownIconStyle={dropdownIconStyle}\n        selectedItemStyle={selectedItemStyle}\n        multipleSelectedItemStyle={multipleSelectedItemStyle}\n        dropdownErrorStyle={dropdownErrorStyle}\n        primaryColor={primaryColor}\n        disabled={disabled}\n        placeholderStyle={placeholderStyle}\n      />\n\n      {error && error !== '' && (\n        <Text style={[styles.error, dropdownErrorTextStyle]}>{error}</Text>\n      )}\n\n      {helperText && helperText !== '' && !error && (\n        <Text style={[styles.helper, dropdownHelperTextStyle]}>\n          {helperText}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  label: { marginBottom: 16, color: colors.gray, ...typography.caption },\n  error: { color: colors.red, marginTop: 8, ...typography.caption },\n  helper: { marginTop: 8, color: colors.primary, ...typography.caption },\n  dropdownInputContainer: { marginBottom: 23, width: '100%' },\n  blackText: { color: colors.black },\n});\n\nexport default Dropdown;\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","_ref","label","placeholder","helperText","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","labelStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","style","styles","dropdownInputContainer","helper","create","marginBottom","color","gray","caption","red","marginTop","primary","width","blackText","black"],"sources":["Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport DropdownSelectedItemsView from './DropdownSelectedItemsView';\nimport { colors } from '../../styles/colors';\nimport { typography } from '../../styles/typography';\n\nconst Dropdown = ({\n  label,\n  placeholder,\n  helperText,\n  error,\n  getSelectedItemsLabel,\n  handleToggleModal,\n  isMultiple,\n  selectedItem,\n  selectedItems,\n  dropdownIcon,\n  labelStyle,\n  dropdownStyle,\n  dropdownIconStyle,\n  dropdownContainerStyle,\n  selectedItemStyle,\n  placeholderStyle,\n  multipleSelectedItemStyle,\n  dropdownErrorStyle,\n  dropdownErrorTextStyle,\n  dropdownHelperTextStyle,\n  primaryColor,\n  disabled,\n  setIndexOfSelectedItem,\n}: any) => {\n  return (\n    <View style={[styles.dropdownInputContainer, dropdownContainerStyle]}>\n      {label && label !== '' && (\n        <Text style={[styles.label, labelStyle]}>{label}</Text>\n      )}\n\n      <DropdownSelectedItemsView\n        placeholder={placeholder}\n        error={error}\n        getSelectedItemsLabel={getSelectedItemsLabel}\n        handleToggleModal={handleToggleModal}\n        isMultiple={isMultiple}\n        selectedItem={selectedItem}\n        selectedItems={selectedItems}\n        dropdownIcon={dropdownIcon}\n        dropdownStyle={dropdownStyle}\n        dropdownIconStyle={dropdownIconStyle}\n        selectedItemStyle={selectedItemStyle}\n        multipleSelectedItemStyle={multipleSelectedItemStyle}\n        dropdownErrorStyle={dropdownErrorStyle}\n        primaryColor={primaryColor}\n        disabled={disabled}\n        placeholderStyle={placeholderStyle}\n        setIndexOfSelectedItem={setIndexOfSelectedItem}\n      />\n\n      {error && error !== '' && (\n        <Text style={[styles.error, dropdownErrorTextStyle]}>{error}</Text>\n      )}\n\n      {helperText && helperText !== '' && !error && (\n        <Text style={[styles.helper, dropdownHelperTextStyle]}>\n          {helperText}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  label: { marginBottom: 16, color: colors.gray, ...typography.caption },\n  error: { color: colors.red, marginTop: 8, ...typography.caption },\n  helper: { marginTop: 8, color: colors.primary, ...typography.caption },\n  dropdownInputContainer: { marginBottom: 23, width: '100%' },\n  blackText: { color: colors.black },\n});\n\nexport default Dropdown;\n"],"mappings":"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"}

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

@@ -1,6 +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); }
 /* 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';
@@ -23,9 +23,22 @@ const DropdownFlatList = _ref => {
     checkboxLabelStyle,
     // kept for backwards compatibility to be removed  in future release
     checkboxComponentStyles,
+    checkboxComponent,
     listComponentStyles,
+    listIndex,
     ...rest
   } = _ref;
+  const flatlistRef = useRef(null);
+  const scrollToItem = index => {
+    var _flatlistRef$current;
+    (_flatlistRef$current = flatlistRef.current) === null || _flatlistRef$current === void 0 ? void 0 : _flatlistRef$current.scrollToIndex({
+      index,
+      animated: true
+    });
+  };
+  useEffect(() => {
+    scrollToItem(listIndex.itemIndex);
+  }, [listIndex]);
   return /*#__PURE__*/React.createElement(FlatList, _extends({
     data: options,
     extraData: isMultiple ? selectedItems : selectedItem,
@@ -45,6 +58,7 @@ const DropdownFlatList = _ref => {
       isMultiple,
       selectedOption: isMultiple ? selectedItems : selectedItem,
       onChange: isMultiple ? handleMultipleSelections : handleSingleSelection,
+      scrollToItem,
       primaryColor,
       checkboxSize,
       // kept for backwards compatibility
@@ -52,15 +66,25 @@ const DropdownFlatList = _ref => {
       // kept for backwards compatibility
       checkboxLabelStyle,
       // kept for backwards compatibility
-      checkboxComponentStyles
+      checkboxComponentStyles,
+      checkboxComponent
     }),
-    keyExtractor: (_item, index) => `Options${index}`
+    keyExtractor: (_item, index) => `Options${index}`,
+    ref: flatlistRef,
+    onScrollToIndexFailed: _ref2 => {
+      let {
+        index
+      } = _ref2;
+      setTimeout(() => {
+        scrollToItem(index);
+      }, 500);
+    }
   }, rest));
 };
-const _renderItem = (_ref2, props) => {
+const _renderItem = (_ref3, props) => {
   let {
     item
-  } = _ref2;
+  } = _ref3;
   return /*#__PURE__*/React.createElement(DropdownListItem, {
     item: item,
     optionLabel: props.optionLabel,
@@ -72,7 +96,9 @@ const _renderItem = (_ref2, props) => {
     checkboxSize: props.checkboxSize,
     checkboxStyle: props.checkboxStyle,
     checkboxLabelStyle: props.checkboxLabelStyle,
-    checkboxComponentStyles: props.checkboxComponentStyles
+    scrollToItem: props.scrollToItem,
+    checkboxComponentStyles: props.checkboxComponentStyles,
+    checkboxComponent: props.checkboxComponent
   });
 };
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","DropdownFlatList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","listComponentStyles","rest","createElement","_extends","data","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","keyExtractor","_item","index","_ref2","props","create"],"sources":["DropdownFlatList.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React from 'react';\nimport { FlatList, StyleSheet } from 'react-native';\nimport DropdownListItem from './DropdownListItem';\nimport { ItemSeparatorComponent, ListEmptyComponent } from '../Others';\n\nconst DropdownFlatList = ({\n  options,\n  optionLabel,\n  optionValue,\n  isMultiple,\n  isSearchable,\n  selectedItems,\n  selectedItem,\n  handleMultipleSelections,\n  handleSingleSelection,\n  primaryColor,\n  checkboxSize, // kept for backwards compatibility to be removed in future release\n  checkboxStyle, // kept for backwards compatibility to be removed in future release\n  checkboxLabelStyle, // kept for backwards compatibility to be removed  in future release\n  checkboxComponentStyles,\n  listComponentStyles,\n  ...rest\n}: any) => {\n  return (\n    <FlatList\n      data={options}\n      extraData={isMultiple ? selectedItems : selectedItem}\n      initialNumToRender={5}\n      ListEmptyComponent={\n        <ListEmptyComponent\n          listEmptyComponentStyle={listComponentStyles?.listEmptyComponentStyle}\n        />\n      }\n      contentContainerStyle={[\n        isSearchable ? { paddingTop: 0 } : styles.contentContainerStyle,\n      ]}\n      ItemSeparatorComponent={() => (\n        <ItemSeparatorComponent\n          itemSeparatorStyle={listComponentStyles?.itemSeparatorStyle}\n        />\n      )}\n      renderItem={(item) =>\n        _renderItem(item, {\n          optionLabel,\n          optionValue,\n          isMultiple,\n          selectedOption: isMultiple ? selectedItems : selectedItem,\n          onChange: isMultiple\n            ? handleMultipleSelections\n            : handleSingleSelection,\n          primaryColor,\n          checkboxSize, // kept for backwards compatibility\n          checkboxStyle, // kept for backwards compatibility\n          checkboxLabelStyle, // kept for backwards compatibility\n          checkboxComponentStyles,\n        })\n      }\n      keyExtractor={(_item, index) => `Options${index}`}\n      {...rest}\n    />\n  );\n};\n\nconst _renderItem = ({ item }: any, props: any) => {\n  return (\n    <DropdownListItem\n      item={item}\n      optionLabel={props.optionLabel}\n      optionValue={props.optionValue}\n      isMultiple={props.isMultiple}\n      selectedOption={props.selectedOption}\n      onChange={props.onChange}\n      primaryColor={props.primaryColor}\n      checkboxSize={props.checkboxSize}\n      checkboxStyle={props.checkboxStyle}\n      checkboxLabelStyle={props.checkboxLabelStyle}\n      checkboxComponentStyles={props.checkboxComponentStyles}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  contentContainerStyle: { paddingTop: 20 },\n});\n\nexport default DropdownFlatList;\n"],"mappings":";AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,sBAAsB,EAAEC,kBAAkB,QAAQ,WAAW;AAEtE,MAAMC,gBAAgB,GAAGC,IAAA,IAiBd;EAAA,IAjBe;IACxBC,OAAO;IACPC,WAAW;IACXC,WAAW;IACXC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,YAAY;IACZC,wBAAwB;IACxBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IAAE;IACdC,aAAa;IAAE;IACfC,kBAAkB;IAAE;IACpBC,uBAAuB;IACvBC,mBAAmB;IACnB,GAAGC;EACA,CAAC,GAAAhB,IAAA;EACJ,oBACEP,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,EAAAwB,QAAA;IACPC,IAAI,EAAElB,OAAQ;IACdmB,SAAS,EAAEhB,UAAU,GAAGE,aAAa,GAAGC,YAAa;IACrDc,kBAAkB,EAAE,CAAE;IACtBvB,kBAAkB,eAChBL,KAAA,CAAAwB,aAAA,CAACnB,kBAAkB;MACjBwB,uBAAuB,EAAEP,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAEO;IAAwB,CACvE,CACF;IACDC,qBAAqB,EAAE,CACrBlB,YAAY,GAAG;MAAEmB,UAAU,EAAE;IAAE,CAAC,GAAGC,MAAM,CAACF,qBAAqB,CAC/D;IACF1B,sBAAsB,EAAEA,CAAA,kBACtBJ,KAAA,CAAAwB,aAAA,CAACpB,sBAAsB;MACrB6B,kBAAkB,EAAEX,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAEW;IAAmB,CAC7D,CACD;IACFC,UAAU,EAAGC,IAAI,IACfC,WAAW,CAACD,IAAI,EAAE;MAChB1B,WAAW;MACXC,WAAW;MACXC,UAAU;MACV0B,cAAc,EAAE1B,UAAU,GAAGE,aAAa,GAAGC,YAAY;MACzDwB,QAAQ,EAAE3B,UAAU,GAChBI,wBAAwB,GACxBC,qBAAqB;MACzBC,YAAY;MACZC,YAAY;MAAE;MACdC,aAAa;MAAE;MACfC,kBAAkB;MAAE;MACpBC;IACF,CAAC,CACF;IACDkB,YAAY,EAAEA,CAACC,KAAK,EAAEC,KAAK,KAAM,UAASA,KAAM;EAAE,GAC9ClB,IAAI,CACT,CAAC;AAEN,CAAC;AAED,MAAMa,WAAW,GAAGA,CAAAM,KAAA,EAAgBC,KAAU,KAAK;EAAA,IAA9B;IAAER;EAAU,CAAC,GAAAO,KAAA;EAChC,oBACE1C,KAAA,CAAAwB,aAAA,CAACrB,gBAAgB;IACfgC,IAAI,EAAEA,IAAK;IACX1B,WAAW,EAAEkC,KAAK,CAAClC,WAAY;IAC/BC,WAAW,EAAEiC,KAAK,CAACjC,WAAY;IAC/BC,UAAU,EAAEgC,KAAK,CAAChC,UAAW;IAC7B0B,cAAc,EAAEM,KAAK,CAACN,cAAe;IACrCC,QAAQ,EAAEK,KAAK,CAACL,QAAS;IACzBrB,YAAY,EAAE0B,KAAK,CAAC1B,YAAa;IACjCC,YAAY,EAAEyB,KAAK,CAACzB,YAAa;IACjCC,aAAa,EAAEwB,KAAK,CAACxB,aAAc;IACnCC,kBAAkB,EAAEuB,KAAK,CAACvB,kBAAmB;IAC7CC,uBAAuB,EAAEsB,KAAK,CAACtB;EAAwB,CACxD,CAAC;AAEN,CAAC;AAED,MAAMW,MAAM,GAAG9B,UAAU,CAAC0C,MAAM,CAAC;EAC/Bd,qBAAqB,EAAE;IAAEC,UAAU,EAAE;EAAG;AAC1C,CAAC,CAAC;AAEF,eAAezB,gBAAgB"}
+{"version":3,"names":["React","useEffect","useRef","FlatList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","DropdownFlatList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","listComponentStyles","listIndex","rest","flatlistRef","scrollToItem","index","_flatlistRef$current","current","scrollToIndex","animated","itemIndex","createElement","_extends","data","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","keyExtractor","_item","ref","onScrollToIndexFailed","_ref2","setTimeout","_ref3","props","create"],"sources":["DropdownFlatList.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React, { useEffect, useRef } from 'react';\nimport { FlatList, StyleSheet } from 'react-native';\nimport DropdownListItem from './DropdownListItem';\nimport { ItemSeparatorComponent, ListEmptyComponent } from '../Others';\nimport { TFlatList } from 'src/types/index.types';\n\nconst DropdownFlatList = ({\n  options,\n  optionLabel,\n  optionValue,\n  isMultiple,\n  isSearchable,\n  selectedItems,\n  selectedItem,\n  handleMultipleSelections,\n  handleSingleSelection,\n  primaryColor,\n  checkboxSize, // kept for backwards compatibility to be removed in future release\n  checkboxStyle, // kept for backwards compatibility to be removed in future release\n  checkboxLabelStyle, // kept for backwards compatibility to be removed  in future release\n  checkboxComponentStyles,\n  checkboxComponent,\n  listComponentStyles,\n  listIndex,\n  ...rest\n}: any) => {\n  const flatlistRef = useRef<FlatList<TFlatList>>(null);\n\n  const scrollToItem = (index: number) => {\n    flatlistRef.current?.scrollToIndex({\n      index,\n      animated: true,\n    });\n  };\n\n  useEffect(() => {\n    scrollToItem(listIndex.itemIndex);\n  }, [listIndex]);\n\n  return (\n    <FlatList\n      data={options}\n      extraData={isMultiple ? selectedItems : selectedItem}\n      initialNumToRender={5}\n      ListEmptyComponent={\n        <ListEmptyComponent\n          listEmptyComponentStyle={listComponentStyles?.listEmptyComponentStyle}\n        />\n      }\n      contentContainerStyle={[\n        isSearchable ? { paddingTop: 0 } : styles.contentContainerStyle,\n      ]}\n      ItemSeparatorComponent={() => (\n        <ItemSeparatorComponent\n          itemSeparatorStyle={listComponentStyles?.itemSeparatorStyle}\n        />\n      )}\n      renderItem={(item) =>\n        _renderItem(item, {\n          optionLabel,\n          optionValue,\n          isMultiple,\n          selectedOption: isMultiple ? selectedItems : selectedItem,\n          onChange: isMultiple\n            ? handleMultipleSelections\n            : handleSingleSelection,\n          scrollToItem,\n          primaryColor,\n          checkboxSize, // kept for backwards compatibility\n          checkboxStyle, // kept for backwards compatibility\n          checkboxLabelStyle, // kept for backwards compatibility\n          checkboxComponentStyles,\n          checkboxComponent\n        })\n      }\n      keyExtractor={(_item, index) => `Options${index}`}\n      ref={flatlistRef}\n      onScrollToIndexFailed={({ index }) => {\n        setTimeout(() => {\n          scrollToItem(index);\n        }, 500);\n      }}\n      {...rest}\n    />\n  );\n};\n\nconst _renderItem = ({ item }: any, props: any) => {\n  return (\n    <DropdownListItem\n      item={item}\n      optionLabel={props.optionLabel}\n      optionValue={props.optionValue}\n      isMultiple={props.isMultiple}\n      selectedOption={props.selectedOption}\n      onChange={props.onChange}\n      primaryColor={props.primaryColor}\n      checkboxSize={props.checkboxSize}\n      checkboxStyle={props.checkboxStyle}\n      checkboxLabelStyle={props.checkboxLabelStyle}\n      scrollToItem={props.scrollToItem}\n      checkboxComponentStyles={props.checkboxComponentStyles}\n      checkboxComponent={props.checkboxComponent}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  contentContainerStyle: { paddingTop: 20 },\n});\n\nexport default DropdownFlatList;\n"],"mappings":"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"}