react-native-input-select 1.3.5 → 1.3.7

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

@@ -3,46 +3,41 @@ import React from 'react';
 import { View, Text, Pressable, ScrollView, StyleSheet, Image, TouchableOpacity } from 'react-native';
 import { colors } from '../../styles/colors';
 import { inputStyles } from '../../styles/input';
-const DropdownSelectedItemsView = _ref => {
-  var _getSelectedItemsLabe;
-  let {
-    placeholder,
-    error,
-    getSelectedItemsLabel,
-    handleToggleModal,
-    isMultiple,
-    selectedItem,
-    selectedItems,
-    dropdownIcon,
-    dropdownStyle,
-    dropdownIconStyle,
-    selectedItemStyle,
-    placeholderStyle,
-    multipleSelectedItemStyle,
-    dropdownErrorStyle,
-    primaryColor,
-    disabled,
-    setIndexOfSelectedItem
-  } = _ref;
+const DropdownSelectedItemsView = ({
+  placeholder,
+  error,
+  getSelectedItemsLabel,
+  handleToggleModal,
+  isMultiple,
+  selectedItem,
+  selectedItems,
+  dropdownIcon,
+  dropdownStyle,
+  dropdownIconStyle,
+  selectedItemStyle,
+  placeholderStyle,
+  multipleSelectedItemStyle,
+  dropdownErrorStyle,
+  primaryColor,
+  disabled,
+  setIndexOfSelectedItem
+}) => {
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: () => handleToggleModal(),
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [pressed && {
-        ...inputStyles.inputFocusState,
-        borderColor: primaryColor
-      }, {
-        ...inputStyles.input,
-        ...dropdownStyle
-      }, error &&
-      //this must be last
-      error !== '' && !pressed && {
-        ...inputStyles.inputFocusErrorState,
-        ...dropdownErrorStyle
-      }];
-    },
+    style: ({
+      pressed
+    }) => [pressed && {
+      ...inputStyles.inputFocusState,
+      borderColor: primaryColor
+    }, {
+      ...inputStyles.input,
+      ...dropdownStyle
+    }, error &&
+    //this must be last
+    error !== '' && !pressed && {
+      ...inputStyles.inputFocusErrorState,
+      ...dropdownErrorStyle
+    }],
     disabled: disabled
   }, /*#__PURE__*/React.createElement(ScrollView, {
     horizontal: true,
@@ -51,12 +46,11 @@ const DropdownSelectedItemsView = _ref => {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.selectedItemsContainer,
     onStartShouldSetResponder: () => true
-  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((label, i) => /*#__PURE__*/React.createElement(DropdownContent, {
+  }, isMultiple ? getSelectedItemsLabel()?.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
@@ -68,11 +62,10 @@ const DropdownSelectedItemsView = _ref => {
       handleToggleModal();
       setIndexOfSelectedItem(getSelectedItemsLabel()); // immediately scrolls to list item with the specified label when modal
     },
-
     style: [styles.blackText, selectedItemStyle],
     label: getSelectedItemsLabel(),
     disabled: disabled
-  }), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/React.createElement(DropdownContent, {
+  }), !selectedItem && selectedItems?.length === 0 && /*#__PURE__*/React.createElement(DropdownContent, {
     onPress: () => handleToggleModal(),
     style: [styles.blackText, placeholderStyle],
     label: placeholder ?? 'Select an option',
@@ -83,13 +76,12 @@ const DropdownSelectedItemsView = _ref => {
     source: require('../../asset/arrow-down.png')
   })));
 };
-const DropdownContent = _ref3 => {
-  let {
-    onPress,
-    style,
-    label,
-    ...rest
-  } = _ref3;
+const DropdownContent = ({
+  onPress,
+  style,
+  label,
+  ...rest
+}) => {
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
     onPress: () => onPress()
   }, rest), /*#__PURE__*/React.createElement(Text, {

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

@@ -1 +1 @@
-{"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                disabled={disabled}\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              disabled={disabled}\n            />\n          )}\n          {!selectedItem && selectedItems?.length === 0 && (\n            <DropdownContent\n              onPress={() => handleToggleModal()}\n              style={[styles.blackText, placeholderStyle]}\n              label={placeholder ?? 'Select an option'}\n              disabled={disabled}\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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"}
+{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","onPress","style","pressed","inputFocusState","borderColor","input","inputFocusErrorState","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","label","i","DropdownContent","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","rest","_extends","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItemsView.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,16 +2,15 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useState } from 'react';
 import { TextInput, StyleSheet, View, Platform } from 'react-native';
 import { inputStyles } from '../../styles/input';
-export const Input = _ref => {
-  let {
-    placeholder,
-    value,
-    onChangeText,
-    style,
-    primaryColor,
-    textInputContainerStyle,
-    ...rest
-  } = _ref;
+export const Input = ({
+  placeholder,
+  value,
+  onChangeText,
+  style,
+  primaryColor,
+  textInputContainerStyle,
+  ...rest
+}) => {
   const [isFocused, setFocus] = useState(false);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, textInputContainerStyle]

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","_ref","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","returnKeyType","create","margin"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TextInput, StyleSheet, View, Platform } from 'react-native';\nimport { inputStyles } from '../../styles/input';\n\nexport const Input = ({\n  placeholder,\n  value,\n  onChangeText,\n  style,\n  primaryColor,\n  textInputContainerStyle,\n  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={[styles.container, textInputContainerStyle]}>\n      <TextInput\n        placeholder={placeholder}\n        style={[\n          inputStyles.input,\n          Platform.select({\n            web: {\n              outlineColor: primaryColor,\n            },\n          }),\n          isFocused && { borderColor: primaryColor },\n          style,\n        ]}\n        onFocus={() => {\n          setFocus(true);\n        }}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\n        returnKeyType=\"search\"\n        {...rest}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { margin: 23 },\n});\n\nexport default Input;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAQV;EAAA,IARW;IACpBC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZC,uBAAuB;IACvB,GAAGC;EACA,CAAC,GAAAP,IAAA;EACJ,MAAM,CAACQ,SAAS,EAAEC,QAAQ,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAkB,aAAA,CAACd,IAAI;IAACQ,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAEN,uBAAuB;EAAE,gBACvDd,KAAA,CAAAkB,aAAA,CAAChB,SAAS,EAAAmB,QAAA;IACRZ,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLN,WAAW,CAACgB,KAAK,EACjBjB,QAAQ,CAACkB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEZ;MAChB;IACF,CAAC,CAAC,EACFG,SAAS,IAAI;MAAEU,WAAW,EAAEb;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFe,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAE;IACFW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BP,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BkB,aAAa,EAAC;EAAQ,GAClBd,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGhB,UAAU,CAAC2B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IAAEW,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAexB,KAAK"}
+{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","returnKeyType","create","margin"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACpBC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,KAAK;EACLC,YAAY;EACZC,uBAAuB;EACvB,GAAGC;AACA,CAAC,KAAK;EACT,MAAM,CAACC,SAAS,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACO,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAEN,uBAAuB;EAAE,gBACvDb,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAAkB,QAAA;IACRZ,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLL,WAAW,CAACe,KAAK,EACjBhB,QAAQ,CAACiB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEZ;MAChB;IACF,CAAC,CAAC,EACFG,SAAS,IAAI;MAAEU,WAAW,EAAEb;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFe,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAE;IACFW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BP,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BkB,aAAa,EAAC;EAAQ,GAClBd,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAAC0B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IAAEW,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAevB,KAAK","ignoreList":[]}

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

@@ -1,41 +1,37 @@
 import React from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, Image } from 'react-native';
 import { colors } from '../../styles/colors';
-export const ListEmptyComponent = _ref => {
-  let {
-    listEmptyComponentStyle,
-    emptyListMessage
-  } = _ref;
+export const ListEmptyComponent = ({
+  listEmptyComponentStyle,
+  emptyListMessage
+}) => {
   return /*#__PURE__*/React.createElement(View, {
     style: styles.listEmptyComponentStyle
   }, /*#__PURE__*/React.createElement(Text, {
     style: listEmptyComponentStyle
   }, emptyListMessage || 'No options available'));
 };
-export const ItemSeparatorComponent = _ref2 => {
-  let {
-    itemSeparatorStyle
-  } = _ref2;
+export const ItemSeparatorComponent = ({
+  itemSeparatorStyle
+}) => {
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.itemSeparatorStyle, itemSeparatorStyle]
   });
 };
-export const ListItemContainer = _ref3 => {
-  let {
-    children,
-    listItemContainerStyle
-  } = _ref3;
+export const ListItemContainer = ({
+  children,
+  listItemContainerStyle
+}) => {
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.listItemContainerStyle, listItemContainerStyle]
   }, children);
 };
-export const SectionHeaderTitle = _ref4 => {
-  let {
-    title,
-    sectionHeaderStyle,
-    onPress,
-    isExpanded
-  } = _ref4;
+export const SectionHeaderTitle = ({
+  title,
+  sectionHeaderStyle,
+  onPress,
+  isExpanded
+}) => {
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(ListItemContainer, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Image","colors","ListEmptyComponent","_ref","listEmptyComponentStyle","emptyListMessage","createElement","style","styles","ItemSeparatorComponent","_ref2","itemSeparatorStyle","ListItemContainer","_ref3","children","listItemContainerStyle","SectionHeaderTitle","_ref4","title","sectionHeaderStyle","onPress","isExpanded","accordionStyle","rotatedIcon90","source","require","create","alignItems","width","marginVertical","backgroundColor","gray","height","opacity","paddingHorizontal","paddingVertical","flexDirection","fontWeight","flexWrap","justifyContent","alignContent","transform","rotate"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  View,\n  Text,\n  StyleSheet,\n  TouchableOpacity,\n  TextStyle,\n  Image,\n  ViewStyle,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nexport const ListEmptyComponent = ({\n  listEmptyComponentStyle,\n  emptyListMessage,\n}: any) => {\n  return (\n    <View style={styles.listEmptyComponentStyle}>\n      <Text style={listEmptyComponentStyle}>\n        {emptyListMessage || 'No options available'}\n      </Text>\n    </View>\n  );\n};\n\nexport const ItemSeparatorComponent = ({\n  itemSeparatorStyle,\n}: {\n  itemSeparatorStyle: ViewStyle;\n}) => {\n  return <View style={[styles.itemSeparatorStyle, itemSeparatorStyle]} />;\n};\n\nexport const ListItemContainer = ({\n  children,\n  listItemContainerStyle,\n}: {\n  children: ReactNode;\n  listItemContainerStyle: ViewStyle;\n}) => {\n  return (\n    <View style={[styles.listItemContainerStyle, listItemContainerStyle]}>\n      {children}\n    </View>\n  );\n};\n\nexport const SectionHeaderTitle = ({\n  title,\n  sectionHeaderStyle,\n  onPress,\n  isExpanded,\n}: {\n  title: string;\n  sectionHeaderStyle?: TextStyle;\n  onPress?: () => void;\n  isExpanded: Boolean;\n}) => {\n  return (\n    <TouchableOpacity onPress={onPress}>\n      <ListItemContainer listItemContainerStyle={styles.accordionStyle}>\n        <Text style={[styles.sectionHeaderStyle, sectionHeaderStyle]}>\n          {title}\n        </Text>\n        <View style={isExpanded ? null : styles.rotatedIcon90}>\n          <Image source={require('../../asset/arrow-down.png')} />\n        </View>\n      </ListItemContainer>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  listEmptyComponentStyle: {\n    alignItems: 'center',\n    width: '100%',\n    marginVertical: 20,\n  },\n  itemSeparatorStyle: {\n    backgroundColor: colors.gray,\n    height: 1,\n    opacity: 0.15,\n  },\n  listItemContainerStyle: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  sectionHeaderStyle: { fontWeight: '500' },\n  accordionStyle: {\n    flexDirection: 'row',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n    alignContent: 'center',\n  },\n  rotatedIcon90: {\n    transform: [{ rotate: '-90deg' }],\n  },\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,gBAAgB,EAEhBC,KAAK,QAEA,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAGvB;EAAA,IAHwB;IACjCC,uBAAuB;IACvBC;EACG,CAAC,GAAAF,IAAA;EACJ,oBACER,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACJ;EAAwB,gBAC1CT,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEH;EAAwB,GAClCC,gBAAgB,IAAI,sBACjB,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAGC,KAAA,IAIhC;EAAA,IAJiC;IACrCC;EAGF,CAAC,GAAAD,KAAA;EACC,oBAAOf,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACG,kBAAkB,EAAEA,kBAAkB;EAAE,CAAE,CAAC;AACzE,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGC,KAAA,IAM3B;EAAA,IAN4B;IAChCC,QAAQ;IACRC;EAIF,CAAC,GAAAF,KAAA;EACC,oBACElB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACO,sBAAsB,EAAEA,sBAAsB;EAAE,GAClED,QACG,CAAC;AAEX,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAGC,KAAA,IAU5B;EAAA,IAV6B;IACjCC,KAAK;IACLC,kBAAkB;IAClBC,OAAO;IACPC;EAMF,CAAC,GAAAJ,KAAA;EACC,oBACEtB,KAAA,CAAAW,aAAA,CAACP,gBAAgB;IAACqB,OAAO,EAAEA;EAAQ,gBACjCzB,KAAA,CAAAW,aAAA,CAACM,iBAAiB;IAACG,sBAAsB,EAAEP,MAAM,CAACc;EAAe,gBAC/D3B,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACW,kBAAkB,EAAEA,kBAAkB;EAAE,GAC1DD,KACG,CAAC,eACPvB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEc,UAAU,GAAG,IAAI,GAAGb,MAAM,CAACe;EAAc,gBACpD5B,KAAA,CAAAW,aAAA,CAACN,KAAK;IAACwB,MAAM,EAAEC,OAAO,CAAC,4BAA4B;EAAE,CAAE,CACnD,CACW,CACH,CAAC;AAEvB,CAAC;AAED,MAAMjB,MAAM,GAAGV,UAAU,CAAC4B,MAAM,CAAC;EAC/BtB,uBAAuB,EAAE;IACvBuB,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;EACDlB,kBAAkB,EAAE;IAClBmB,eAAe,EAAE7B,MAAM,CAAC8B,IAAI;IAC5BC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE;EACX,CAAC;EACDlB,sBAAsB,EAAE;IACtBmB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE;EACd,CAAC;EACDR,kBAAkB,EAAE;IAAEkB,UAAU,EAAE;EAAM,CAAC;EACzCf,cAAc,EAAE;IACdc,aAAa,EAAE,KAAK;IACpBE,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE;EAChB,CAAC;EACDjB,aAAa,EAAE;IACbkB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Image","colors","ListEmptyComponent","listEmptyComponentStyle","emptyListMessage","createElement","style","styles","ItemSeparatorComponent","itemSeparatorStyle","ListItemContainer","children","listItemContainerStyle","SectionHeaderTitle","title","sectionHeaderStyle","onPress","isExpanded","accordionStyle","rotatedIcon90","source","require","create","alignItems","width","marginVertical","backgroundColor","gray","height","opacity","paddingHorizontal","paddingVertical","flexDirection","fontWeight","flexWrap","justifyContent","alignContent","transform","rotate"],"sourceRoot":"../../../../src","sources":["components/Others/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,gBAAgB,EAEhBC,KAAK,QAEA,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,uBAAuB;EACvBC;AACG,CAAC,KAAK;EACT,oBACET,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACJ;EAAwB,gBAC1CR,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEH;EAAwB,GAClCC,gBAAgB,IAAI,sBACjB,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAGA,CAAC;EACrCC;AAGF,CAAC,KAAK;EACJ,oBAAOd,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACE,kBAAkB,EAAEA,kBAAkB;EAAE,CAAE,CAAC;AACzE,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,QAAQ;EACRC;AAIF,CAAC,KAAK;EACJ,oBACEjB,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACK,sBAAsB,EAAEA,sBAAsB;EAAE,GAClED,QACG,CAAC;AAEX,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAGA,CAAC;EACjCC,KAAK;EACLC,kBAAkB;EAClBC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,oBACEtB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACiB,OAAO,EAAEA;EAAQ,gBACjCrB,KAAA,CAAAU,aAAA,CAACK,iBAAiB;IAACE,sBAAsB,EAAEL,MAAM,CAACW;EAAe,gBAC/DvB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACQ,kBAAkB,EAAEA,kBAAkB;EAAE,GAC1DD,KACG,CAAC,eACPnB,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEW,UAAU,GAAG,IAAI,GAAGV,MAAM,CAACY;EAAc,gBACpDxB,KAAA,CAAAU,aAAA,CAACL,KAAK;IAACoB,MAAM,EAAEC,OAAO,CAAC,4BAA4B;EAAE,CAAE,CACnD,CACW,CACH,CAAC;AAEvB,CAAC;AAED,MAAMd,MAAM,GAAGT,UAAU,CAACwB,MAAM,CAAC;EAC/BnB,uBAAuB,EAAE;IACvBoB,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;EACDhB,kBAAkB,EAAE;IAClBiB,eAAe,EAAEzB,MAAM,CAAC0B,IAAI;IAC5BC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE;EACX,CAAC;EACDjB,sBAAsB,EAAE;IACtBkB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE;EACd,CAAC;EACDR,kBAAkB,EAAE;IAAEkB,UAAU,EAAE;EAAM,CAAC;EACzCf,cAAc,EAAE;IACdc,aAAa,EAAE,KAAK;IACpBE,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE;EAChB,CAAC;EACDjB,aAAa,EAAE;IACbkB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","CHECKBOX_SIZE"],"sources":["index.ts"],"sourcesContent":["export const DEFAULT_OPTION_LABEL = 'label';\nexport const DEFAULT_OPTION_VALUE = 'value';\nexport const CHECKBOX_SIZE = 14;\n"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,aAAa,GAAG,EAAE"}
+{"version":3,"names":["DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","CHECKBOX_SIZE"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,aAAa,GAAG,EAAE","ignoreList":[]}

package/lib/module/index.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); }
-import React, { useState, useEffect, useCallback } from 'react';
-import { TouchableOpacity, StyleSheet, View } from 'react-native';
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { TouchableOpacity, StyleSheet, View, Platform } from 'react-native';
 import Input from './components/Input';
 import CheckBox from './components/CheckBox';
 import Dropdown from './components/Dropdown/Dropdown';
@@ -10,61 +10,59 @@ import CustomModal from './components/CustomModal';
 import { colors } from './styles/colors';
 import { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';
 import { escapeRegExp, extractPropertyFromArray } from './utils';
-export const DropdownSelect = _ref => {
-  var _extractPropertyFromA, _searchControls$textI;
-  let {
-    placeholder,
-    label,
-    error,
-    helperText,
-    options,
-    optionLabel,
-    optionValue,
-    onValueChange,
-    selectedValue,
-    isMultiple,
-    isSearchable,
-    dropdownIcon,
-    labelStyle,
-    placeholderStyle,
-    dropdownStyle,
-    dropdownIconStyle,
-    dropdownContainerStyle,
-    dropdownErrorStyle,
-    dropdownErrorTextStyle,
-    dropdownHelperTextStyle,
-    selectedItemStyle,
-    multipleSelectedItemStyle,
-    modalBackgroundStyle,
-    // kept for backwards compatibility
-    modalOptionsContainerStyle,
-    // kept for backwards compatibility
-    searchInputStyle,
-    // kept for backwards compatibility
-    primaryColor,
-    disabled,
-    checkboxSize,
-    // kept for backwards compatibility
-    checkboxStyle,
-    // kept for backwards compatibility
-    checkboxLabelStyle,
-    // kept for backwards compatibility
-    checkboxComponentStyles,
-    // kept for backwards compatibility
-    checkboxComponent,
-    // kept for backwards compatibility
-    listHeaderComponent,
-    listFooterComponent,
-    listComponentStyles,
-    modalProps,
-    // kept for backwards compatibility
-    hideModal = false,
-    listControls,
-    searchControls,
-    modalControls,
-    checkboxControls,
-    ...rest
-  } = _ref;
+export const DropdownSelect = ({
+  placeholder,
+  label,
+  error,
+  helperText,
+  options,
+  optionLabel,
+  optionValue,
+  onValueChange,
+  selectedValue,
+  isMultiple,
+  isSearchable,
+  dropdownIcon,
+  labelStyle,
+  placeholderStyle,
+  dropdownStyle,
+  dropdownIconStyle,
+  dropdownContainerStyle,
+  dropdownErrorStyle,
+  dropdownErrorTextStyle,
+  dropdownHelperTextStyle,
+  selectedItemStyle,
+  multipleSelectedItemStyle,
+  modalBackgroundStyle,
+  // kept for backwards compatibility
+  modalOptionsContainerStyle,
+  // kept for backwards compatibility
+  searchInputStyle,
+  // kept for backwards compatibility
+  primaryColor,
+  disabled,
+  checkboxSize,
+  // kept for backwards compatibility
+  checkboxStyle,
+  // kept for backwards compatibility
+  checkboxLabelStyle,
+  // kept for backwards compatibility
+  checkboxComponentStyles,
+  // kept for backwards compatibility
+  checkboxComponent,
+  // kept for backwards compatibility
+  listHeaderComponent,
+  listFooterComponent,
+  listComponentStyles,
+  modalProps,
+  // kept for backwards compatibility
+  hideModal = false,
+  listControls,
+  searchControls,
+  modalControls,
+  checkboxControls,
+  ...rest
+}) => {
   const [newOptions, setNewOptions] = useState([]);
   const [open, setOpen] = useState(false);
   const [selectAll, setSelectAll] = useState(false);
@@ -90,9 +88,9 @@ export const DropdownSelect = _ref => {
    *==========================================*/
 
   // check the structure of the new options array to determine if it is a section list or a
-  const isSectionList = newOptions === null || newOptions === void 0 ? void 0 : newOptions.some(item => item.title && item.data && Array.isArray(item.data));
+  const isSectionList = newOptions?.some(item => item.title && item.data && Array.isArray(item.data));
   const ListTypeComponent = isSectionList ? DropdownSectionList : DropdownFlatList;
-  const modifiedSectionData = (_extractPropertyFromA = extractPropertyFromArray(newOptions, 'data')) === null || _extractPropertyFromA === void 0 ? void 0 : _extractPropertyFromA.flat();
+  const modifiedSectionData = extractPropertyFromArray(newOptions, 'data')?.flat();
 
   /**
    * `options` is the original array, it never changes. (Do not use except you really need the original array) .
@@ -116,12 +114,10 @@ export const DropdownSelect = _ref => {
       setOpen(false); // close modal upon selection
     }
   };
-
   const handleMultipleSelections = value => {
     setSelectedItems(prevVal => {
-      var _selectedValues;
       let selectedValues = [...prevVal];
-      if ((_selectedValues = selectedValues) !== null && _selectedValues !== void 0 && _selectedValues.includes(value)) {
+      if (selectedValues?.includes(value)) {
         selectedValues = selectedValues.filter(item => item !== value);
       } else {
         selectedValues.push(value);
@@ -131,7 +127,7 @@ export const DropdownSelect = _ref => {
     });
   };
   const removeDisabledItems = items => {
-    return items === null || items === void 0 ? void 0 : items.filter(item => !item.disabled);
+    return items?.filter(item => !item.disabled);
   };
   const handleSelectAll = () => {
     setSelectAll(prevVal => {
@@ -148,10 +144,10 @@ export const DropdownSelect = _ref => {
       onValueChange(selectedValues); // send value to parent
       return !prevVal;
     });
-    if (typeof (listControls === null || listControls === void 0 ? void 0 : listControls.selectAllCallback) === 'function' && !selectAll) {
+    if (typeof listControls?.selectAllCallback === 'function' && !selectAll) {
       listControls.selectAllCallback();
     }
-    if (typeof (listControls === null || listControls === void 0 ? void 0 : listControls.unselectAllCallback) === 'function' && selectAll) {
+    if (typeof listControls?.unselectAllCallback === 'function' && selectAll) {
       listControls.unselectAllCallback();
     }
   };
@@ -160,9 +156,8 @@ export const DropdownSelect = _ref => {
    * Handle side effects
    *==========================================*/
   const checkSelectAll = useCallback(selectedValues => {
-    var _removeDisabledItems;
     //if the list contains disabled values, those values will not be selected
-    if (((_removeDisabledItems = removeDisabledItems(modifiedOptions)) === null || _removeDisabledItems === void 0 ? void 0 : _removeDisabledItems.length) === (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length)) {
+    if (removeDisabledItems(modifiedOptions)?.length === selectedValues?.length) {
       setSelectAll(true);
     } else {
       setSelectAll(false);
@@ -183,15 +178,14 @@ export const DropdownSelect = _ref => {
   const getSelectedItemsLabel = () => {
     if (isMultiple && Array.isArray(selectedItems)) {
       let selectedLabels = [];
-      selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.forEach(element => {
-        var _modifiedOptions$find;
-        let selectedItemLabel = modifiedOptions === null || modifiedOptions === void 0 || (_modifiedOptions$find = modifiedOptions.find(item => item[optValue] === element)) === null || _modifiedOptions$find === void 0 ? void 0 : _modifiedOptions$find[optLabel];
+      selectedItems?.forEach(element => {
+        let selectedItemLabel = modifiedOptions?.find(item => item[optValue] === element)?.[optLabel];
         selectedLabels.push(selectedItemLabel);
       });
       return selectedLabels;
     }
-    let selectedItemLabel = modifiedOptions === null || modifiedOptions === void 0 ? void 0 : modifiedOptions.find(item => item[optValue] === selectedItem);
-    return selectedItemLabel === null || selectedItemLabel === void 0 ? void 0 : selectedItemLabel[optLabel];
+    let selectedItemLabel = modifiedOptions?.find(item => item[optValue] === selectedItem);
+    return selectedItemLabel?.[optLabel];
   };
 
   /*===========================================
@@ -231,6 +225,22 @@ export const DropdownSelect = _ref => {
     return searchResults;
   };
 
+  /**
+   * To prevent triggering on modalProps.onDismiss on first render, we perform this check
+   */
+  const hasComponentBeenRendered = useRef(false);
+
+  /**
+   * Explicitly adding this here because the onDismiss only works on iOS Modals
+   * https://reactnative.dev/docs/modal#ondismiss-ios
+   */
+  useEffect(() => {
+    if (hasComponentBeenRendered.current && !open && Platform.OS === 'android') {
+      modalControls?.modalProps?.onDismiss?.();
+    }
+    hasComponentBeenRendered.current = true;
+  }, [open]);
+
   /*===========================================
    * Modal
    *==========================================*/
@@ -259,9 +269,8 @@ export const DropdownSelect = _ref => {
    * setIndexOfSelectedItem - For ScrollToIndex
    *==========================================*/
   const setIndexOfSelectedItem = selectedLabel => {
-    isSectionList ? options === null || options === void 0 ? void 0 : options.map((item, sectionIndex) => {
-      var _item$data;
-      item === null || item === void 0 || (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.find((dataItem, itemIndex) => {
+    isSectionList ? options?.map((item, sectionIndex) => {
+      item?.data?.find((dataItem, itemIndex) => {
         if (dataItem[optLabel] === selectedLabel) {
           setListIndex({
             sectionIndex,
@@ -269,7 +278,7 @@ export const DropdownSelect = _ref => {
           });
         }
       });
-    }) : options === null || options === void 0 ? void 0 : options.find((item, itemIndex) => {
+    }) : options?.find((item, itemIndex) => {
       if (item[optLabel] === selectedLabel) {
         setListIndex({
           itemIndex
@@ -314,17 +323,17 @@ export const DropdownSelect = _ref => {
     ListHeaderComponent: /*#__PURE__*/React.createElement(React.Fragment, null, isSearchable && /*#__PURE__*/React.createElement(Input, _extends({
       value: searchValue,
       onChangeText: text => onSearch(text),
-      style: (searchControls === null || searchControls === void 0 ? void 0 : searchControls.textInputStyle) || searchInputStyle,
+      style: searchControls?.textInputStyle || searchInputStyle,
       primaryColor: primary,
-      textInputContainerStyle: searchControls === null || searchControls === void 0 ? void 0 : searchControls.textInputContainerStyle,
-      placeholder: (searchControls === null || searchControls === void 0 || (_searchControls$textI = searchControls.textInputProps) === null || _searchControls$textI === void 0 ? void 0 : _searchControls$textI.placeholder) || 'Search'
-    }, searchControls === null || searchControls === void 0 ? void 0 : searchControls.textInputProps)), listHeaderComponent, !(listControls !== null && listControls !== void 0 && listControls.hideSelectAll) && isMultiple && (modifiedOptions === null || modifiedOptions === void 0 ? void 0 : modifiedOptions.length) > 1 && /*#__PURE__*/React.createElement(View, {
+      textInputContainerStyle: searchControls?.textInputContainerStyle,
+      placeholder: searchControls?.textInputProps?.placeholder || 'Search'
+    }, searchControls?.textInputProps)), listHeaderComponent, !listControls?.hideSelectAll && isMultiple && modifiedOptions?.length > 1 && /*#__PURE__*/React.createElement(View, {
       style: styles.optionsContainerStyle
     }, /*#__PURE__*/React.createElement(TouchableOpacity, {
       onPress: () => {}
     }, /*#__PURE__*/React.createElement(CheckBox, {
       value: selectAll,
-      label: selectAll ? (listControls === null || listControls === void 0 ? void 0 : listControls.unselectAllText) || 'Clear all' : (listControls === null || listControls === void 0 ? void 0 : listControls.selectAllText) || 'Select all',
+      label: selectAll ? listControls?.unselectAllText || 'Clear all' : listControls?.selectAllText || 'Select all',
       onChange: () => handleSelectAll(),
       primaryColor: primary,
       checkboxControls: checkboxControls,
@@ -353,7 +362,7 @@ export const DropdownSelect = _ref => {
     checkboxComponent: checkboxComponent,
     checkboxControls: checkboxControls,
     listIndex: listIndex,
-    emptyListMessage: listControls === null || listControls === void 0 ? void 0 : listControls.emptyListMessage
+    emptyListMessage: listControls?.emptyListMessage
   })));
 };
 const styles = StyleSheet.create({