react-native-input-select 1.3.5 → 1.3.7

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

@@ -1,33 +1,44 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-import { Modal, TouchableOpacity, SafeAreaView, StyleSheet, TouchableWithoutFeedback } from 'react-native';
+import { KeyboardAvoidingView, Modal, Platform, SafeAreaView, StyleSheet, TouchableOpacity, TouchableWithoutFeedback } from 'react-native';
 import { colors } from '../../styles/colors';
-const CustomModal = _ref => {
-  let {
-    visible,
-    onRequestClose,
-    modalBackgroundStyle,
-    //kept for backwards compatibility
-    modalOptionsContainerStyle,
-    //kept for backwards compatibility
-    modalControls,
-    modalProps,
-    //kept for backwards compatibility
-    children
-  } = _ref;
+// In iOS, `SafeAreaView` does not automatically account on keyboard.
+// Therefore, for iOS we need to wrap the content in `KeyboardAvoidingView`.
+const ModalContentWrapper = ({
+  children
+}) => {
+  return Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    style: [{
+      flex: 1
+    }],
+    behavior: "padding"
+  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+const CustomModal = ({
+  visible,
+  onRequestClose,
+  modalBackgroundStyle,
+  //kept for backwards compatibility
+  modalOptionsContainerStyle,
+  //kept for backwards compatibility
+  modalControls,
+  modalProps,
+  //kept for backwards compatibility
+  children
+}) => {
   return /*#__PURE__*/React.createElement(Modal, _extends({
     transparent: true,
     visible: visible,
-    onRequestClose: () => onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(),
+    onRequestClose: e => onRequestClose?.(e),
     animationType: "fade"
-  }, modalControls === null || modalControls === void 0 ? void 0 : modalControls.modalProps, modalProps), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(),
-    style: [styles.modalContainer, styles.modalBackgroundStyle, (modalControls === null || modalControls === void 0 ? void 0 : modalControls.modalBackgroundStyle) || modalBackgroundStyle]
+  }, modalControls?.modalProps, modalProps), /*#__PURE__*/React.createElement(ModalContentWrapper, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: e => onRequestClose?.(e),
+    style: [styles.modalContainer, styles.modalBackgroundStyle, modalControls?.modalBackgroundStyle || modalBackgroundStyle]
   }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
     onPress: () => {}
   }, /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: [styles.modalOptionsContainer, (modalControls === null || modalControls === void 0 ? void 0 : modalControls.modalOptionsContainerStyle) || modalOptionsContainerStyle]
-  }, children))));
+    style: [styles.modalOptionsContainer, modalControls?.modalOptionsContainerStyle || modalOptionsContainerStyle]
+  }, children)))));
 };
 const styles = StyleSheet.create({
   modalContainer: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","TouchableOpacity","SafeAreaView","StyleSheet","TouchableWithoutFeedback","colors","CustomModal","_ref","visible","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalControls","modalProps","children","createElement","_extends","transparent","animationType","onPress","style","styles","modalContainer","modalOptionsContainer","create","flex","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius","zIndex"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Modal,\n  TouchableOpacity,\n  SafeAreaView,\n  StyleSheet,\n  TouchableWithoutFeedback,\n  ModalProps,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { TCustomModalControls } from 'src/types/index.types';\n\nconst CustomModal = ({\n  visible,\n  onRequestClose,\n  modalBackgroundStyle, //kept for backwards compatibility\n  modalOptionsContainerStyle, //kept for backwards compatibility\n  modalControls,\n  modalProps, //kept for backwards compatibility\n  children,\n}: TCustomModalControls & ModalProps) => {\n  return (\n    <Modal\n      transparent={true}\n      visible={visible}\n      onRequestClose={() => onRequestClose?.()}\n      animationType=\"fade\"\n      {...modalControls?.modalProps}\n      {...modalProps} //kept for backwards compatibility\n    >\n      <TouchableOpacity\n        onPress={() => onRequestClose?.()}\n        style={[\n          styles.modalContainer,\n          styles.modalBackgroundStyle,\n          modalControls?.modalBackgroundStyle || modalBackgroundStyle,\n        ]}\n      >\n        {/* Added this `TouchableWithoutFeedback` wrapper because of the closing modal on expo web */}\n        <TouchableWithoutFeedback onPress={() => {}}>\n          <SafeAreaView\n            style={[\n              styles.modalOptionsContainer,\n              modalControls?.modalOptionsContainerStyle ||\n                modalOptionsContainerStyle,\n            ]}\n          >\n            {children}\n          </SafeAreaView>\n        </TouchableWithoutFeedback>\n      </TouchableOpacity>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  modalContainer: {\n    flex: 1,\n    justifyContent: 'flex-end',\n  },\n  modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n  modalOptionsContainer: {\n    maxHeight: '50%',\n    backgroundColor: colors.white,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    zIndex: 5,\n  },\n});\n\nexport default CustomModal;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EACLC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,EACVC,wBAAwB,QAEnB,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAG5C,MAAMC,WAAW,GAAGC,IAAA,IAQqB;EAAA,IARpB;IACnBC,OAAO;IACPC,cAAc;IACdC,oBAAoB;IAAE;IACtBC,0BAA0B;IAAE;IAC5BC,aAAa;IACbC,UAAU;IAAE;IACZC;EACiC,CAAC,GAAAP,IAAA;EAClC,oBACER,KAAA,CAAAgB,aAAA,CAACf,KAAK,EAAAgB,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBT,OAAO,EAAEA,OAAQ;IACjBC,cAAc,EAAEA,CAAA,KAAMA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG,CAAE;IACzCS,aAAa,EAAC;EAAM,GAChBN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEC,UAAU,EACzBA,UAAU,gBAEdd,KAAA,CAAAgB,aAAA,CAACd,gBAAgB;IACfkB,OAAO,EAAEA,CAAA,KAAMV,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG,CAAE;IAClCW,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACX,oBAAoB,EAC3B,CAAAE,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEF,oBAAoB,KAAIA,oBAAoB;EAC3D,gBAGFX,KAAA,CAAAgB,aAAA,CAACX,wBAAwB;IAACe,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAC1CpB,KAAA,CAAAgB,aAAA,CAACb,YAAY;IACXkB,KAAK,EAAE,CACLC,MAAM,CAACE,qBAAqB,EAC5B,CAAAX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAED,0BAA0B,KACvCA,0BAA0B;EAC5B,GAEDG,QACW,CACU,CACV,CACb,CAAC;AAEZ,CAAC;AAED,MAAMO,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdG,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDhB,oBAAoB,EAAE;IAAEiB,eAAe,EAAE;EAAqB,CAAC;EAC/DJ,qBAAqB,EAAE;IACrBK,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEtB,MAAM,CAACwB,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAe1B,WAAW"}
+{"version":3,"names":["React","KeyboardAvoidingView","Modal","Platform","SafeAreaView","StyleSheet","TouchableOpacity","TouchableWithoutFeedback","colors","ModalContentWrapper","children","OS","createElement","style","flex","behavior","Fragment","CustomModal","visible","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalControls","modalProps","_extends","transparent","e","animationType","onPress","styles","modalContainer","modalOptionsContainer","create","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius","zIndex"],"sourceRoot":"../../../../src","sources":["components/CustomModal/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SACEC,oBAAoB,EACpBC,KAAK,EAELC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,wBAAwB,QACnB,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAO5C;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC;AACkB,CAAC,KAAmB;EACtC,OAAOP,QAAQ,CAACQ,EAAE,KAAK,KAAK,gBAC1BX,KAAA,CAAAY,aAAA,CAACX,oBAAoB;IAACY,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAE,CAAC,CAAE;IAACC,QAAQ,EAAC;EAAS,GAC3DL,QACmB,CAAC,gBAEvBV,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAgB,QAAA,QAAGN,QAAW,CACf;AACH,CAAC;AAED,MAAMO,WAAW,GAAGA,CAAC;EACnBC,OAAO;EACPC,cAAc;EACdC,oBAAoB;EAAE;EACtBC,0BAA0B;EAAE;EAC5BC,aAAa;EACbC,UAAU;EAAE;EACZb;AACiC,CAAC,KAAK;EACvC,oBACEV,KAAA,CAAAY,aAAA,CAACV,KAAK,EAAAsB,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBP,OAAO,EAAEA,OAAQ;IACjBC,cAAc,EAAGO,CAAC,IAAKP,cAAc,GAAGO,CAAC,CAAE;IAC3CC,aAAa,EAAC;EAAM,GAChBL,aAAa,EAAEC,UAAU,EACzBA,UAAU,gBAGdvB,KAAA,CAAAY,aAAA,CAACH,mBAAmB,qBAClBT,KAAA,CAAAY,aAAA,CAACN,gBAAgB;IACfsB,OAAO,EAAGF,CAAC,IAAKP,cAAc,GAAGO,CAAC,CAAE;IACpCb,KAAK,EAAE,CACLgB,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACT,oBAAoB,EAC3BE,aAAa,EAAEF,oBAAoB,IAAIA,oBAAoB;EAC3D,gBAGFpB,KAAA,CAAAY,aAAA,CAACL,wBAAwB;IAACqB,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAC1C5B,KAAA,CAAAY,aAAA,CAACR,YAAY;IACXS,KAAK,EAAE,CACLgB,MAAM,CAACE,qBAAqB,EAC5BT,aAAa,EAAED,0BAA0B,IACvCA,0BAA0B;EAC5B,GAEDX,QACW,CACU,CACV,CACC,CAChB,CAAC;AAEZ,CAAC;AAED,MAAMmB,MAAM,GAAGxB,UAAU,CAAC2B,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdhB,IAAI,EAAE,CAAC;IACPmB,cAAc,EAAE;EAClB,CAAC;EACDb,oBAAoB,EAAE;IAAEc,eAAe,EAAE;EAAqB,CAAC;EAC/DH,qBAAqB,EAAE;IACrBI,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAE1B,MAAM,CAAC4B,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAetB,WAAW","ignoreList":[]}

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

@@ -3,32 +3,31 @@ import { View, Text, StyleSheet } from 'react-native';
 import DropdownSelectedItemsView from './DropdownSelectedItemsView';
 import { colors } from '../../styles/colors';
 import { typography } from '../../styles/typography';
-const Dropdown = _ref => {
-  let {
-    label,
-    placeholder,
-    helperText,
-    error,
-    getSelectedItemsLabel,
-    handleToggleModal,
-    isMultiple,
-    selectedItem,
-    selectedItems,
-    dropdownIcon,
-    labelStyle,
-    dropdownStyle,
-    dropdownIconStyle,
-    dropdownContainerStyle,
-    selectedItemStyle,
-    placeholderStyle,
-    multipleSelectedItemStyle,
-    dropdownErrorStyle,
-    dropdownErrorTextStyle,
-    dropdownHelperTextStyle,
-    primaryColor,
-    disabled,
-    setIndexOfSelectedItem
-  } = _ref;
+const Dropdown = ({
+  label,
+  placeholder,
+  helperText,
+  error,
+  getSelectedItemsLabel,
+  handleToggleModal,
+  isMultiple,
+  selectedItem,
+  selectedItems,
+  dropdownIcon,
+  labelStyle,
+  dropdownStyle,
+  dropdownIconStyle,
+  dropdownContainerStyle,
+  selectedItemStyle,
+  placeholderStyle,
+  multipleSelectedItemStyle,
+  dropdownErrorStyle,
+  dropdownErrorTextStyle,
+  dropdownHelperTextStyle,
+  primaryColor,
+  disabled,
+  setIndexOfSelectedItem
+}) => {
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.dropdownInputContainer, dropdownContainerStyle]
   }, label && label !== '' && /*#__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","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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"}
+{"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","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"],"sourceRoot":"../../../../src","sources":["components/Dropdown/Dropdown.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,36 +4,34 @@ import React, { useEffect, useRef } from 'react';
 import { FlatList, StyleSheet } from 'react-native';
 import DropdownListItem from './DropdownListItem';
 import { ItemSeparatorComponent, ListEmptyComponent } from '../Others';
-const DropdownFlatList = _ref => {
-  let {
-    options,
-    optionLabel,
-    optionValue,
-    isMultiple,
-    isSearchable,
-    selectedItems,
-    selectedItem,
-    handleMultipleSelections,
-    handleSingleSelection,
-    primaryColor,
-    checkboxSize,
-    // kept for backwards compatibility to be removed in future release
-    checkboxStyle,
-    // kept for backwards compatibility to be removed in future release
-    checkboxLabelStyle,
-    // kept for backwards compatibility to be removed  in future release
-    checkboxComponentStyles,
-    checkboxComponent,
-    checkboxControls,
-    listComponentStyles,
-    listIndex,
-    emptyListMessage,
-    ...rest
-  } = _ref;
+const DropdownFlatList = ({
+  options,
+  optionLabel,
+  optionValue,
+  isMultiple,
+  isSearchable,
+  selectedItems,
+  selectedItem,
+  handleMultipleSelections,
+  handleSingleSelection,
+  primaryColor,
+  checkboxSize,
+  // kept for backwards compatibility to be removed in future release
+  checkboxStyle,
+  // kept for backwards compatibility to be removed in future release
+  checkboxLabelStyle,
+  // kept for backwards compatibility to be removed  in future release
+  checkboxComponentStyles,
+  checkboxComponent,
+  checkboxControls,
+  listComponentStyles,
+  listIndex,
+  emptyListMessage,
+  ...rest
+}) => {
   const flatlistRef = useRef(null);
   const scrollToItem = index => {
-    var _flatlistRef$current;
-    (_flatlistRef$current = flatlistRef.current) === null || _flatlistRef$current === void 0 ? void 0 : _flatlistRef$current.scrollToIndex({
+    flatlistRef.current?.scrollToIndex({
       index,
       animated: true
     });
@@ -48,14 +46,14 @@ const DropdownFlatList = _ref => {
     extraData: isMultiple ? selectedItems : selectedItem,
     initialNumToRender: 5,
     ListEmptyComponent: /*#__PURE__*/React.createElement(ListEmptyComponent, {
-      listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle,
+      listEmptyComponentStyle: listComponentStyles?.listEmptyComponentStyle,
       emptyListMessage: emptyListMessage
     }),
     contentContainerStyle: [isSearchable ? {
       paddingTop: 0
     } : styles.contentContainerStyle],
     ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
-      itemSeparatorStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.itemSeparatorStyle
+      itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
     }),
     renderItem: item => _renderItem(item, {
       optionLabel,
@@ -79,20 +77,18 @@ const DropdownFlatList = _ref => {
     }),
     keyExtractor: (_item, index) => `Options${index}`,
     ref: flatlistRef,
-    onScrollToIndexFailed: _ref2 => {
-      let {
-        index
-      } = _ref2;
+    onScrollToIndexFailed: ({
+      index
+    }) => {
       setTimeout(() => {
         scrollToItem(index);
       }, 500);
     }
   }, rest));
 };
-const _renderItem = (_ref3, props) => {
-  let {
-    item
-  } = _ref3;
+const _renderItem = ({
+  item
+}, props) => {
   return /*#__PURE__*/React.createElement(DropdownListItem, {
     item: item,
     optionLabel: props.optionLabel,

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

@@ -1 +1 @@
-{"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","checkboxControls","listComponentStyles","listIndex","emptyListMessage","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  checkboxControls,\n  listComponentStyles,\n  listIndex,\n  emptyListMessage,\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    if (listIndex.itemIndex >= 0) {\n      scrollToItem(listIndex.itemIndex);\n    }\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          emptyListMessage={emptyListMessage}\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, // kept for backwards compatibility\n          checkboxComponent, // kept for backwards compatibility\n          checkboxControls,\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      checkboxControls={props.checkboxControls}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  contentContainerStyle: { paddingTop: 20 },\n});\n\nexport default DropdownFlatList;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useRef","FlatList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","DropdownFlatList","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","flatlistRef","scrollToItem","index","current","scrollToIndex","animated","itemIndex","createElement","_extends","data","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","keyExtractor","_item","ref","onScrollToIndexFailed","setTimeout","props","create"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownFlatList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,22 +1,21 @@
 import React, { memo } from 'react';
 import { TouchableOpacity, StyleSheet } from 'react-native';
 import CheckBox from '../CheckBox';
-const DropdownListItem = _ref => {
-  let {
-    item,
-    optionLabel,
-    optionValue,
-    isMultiple,
-    selectedOption,
-    onChange,
-    primaryColor,
-    checkboxSize,
-    checkboxStyle,
-    checkboxLabelStyle,
-    checkboxComponentStyles,
-    checkboxComponent,
-    checkboxControls
-  } = _ref;
+const DropdownListItem = ({
+  item,
+  optionLabel,
+  optionValue,
+  isMultiple,
+  selectedOption,
+  onChange,
+  primaryColor,
+  checkboxSize,
+  checkboxStyle,
+  checkboxLabelStyle,
+  checkboxComponentStyles,
+  checkboxComponent,
+  checkboxControls
+}) => {
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.listItemContainerStyle,
     onPress: item.disabled ? () => {} : () => onChange(item[optionValue]) // intentionally didn't use the disable property
@@ -26,9 +25,9 @@ const DropdownListItem = _ref => {
     onChange: () => onChange(item[optionValue]),
     primaryColor: primaryColor,
     checkboxControls: checkboxControls,
-    checkboxSize: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxSize) || checkboxSize,
-    checkboxStyle: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxStyle) || checkboxStyle,
-    checkboxLabelStyle: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxLabelStyle) || checkboxLabelStyle,
+    checkboxSize: checkboxComponentStyles?.checkboxSize || checkboxSize,
+    checkboxStyle: checkboxComponentStyles?.checkboxStyle || checkboxStyle,
+    checkboxLabelStyle: checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle,
     disabled: item.disabled,
     checkboxComponent: checkboxComponent
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","_ref","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","createElement","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"sources":["DropdownListItem.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { TouchableOpacity, StyleSheet } from 'react-native';\nimport CheckBox from '../CheckBox';\n\nconst DropdownListItem = ({\n  item,\n  optionLabel,\n  optionValue,\n  isMultiple,\n  selectedOption,\n  onChange,\n  primaryColor,\n  checkboxSize,\n  checkboxStyle,\n  checkboxLabelStyle,\n  checkboxComponentStyles,\n  checkboxComponent,\n  checkboxControls,\n}: any) => {\n  return (\n    <TouchableOpacity\n      style={styles.listItemContainerStyle}\n      onPress={\n        item.disabled ? () => {} : () => onChange(item[optionValue]) // intentionally didn't use the disable property\n      }\n    >\n      <CheckBox\n        value={\n          isMultiple\n            ? selectedOption.includes(item[optionValue])\n            : [selectedOption].includes(item[optionValue])\n        }\n        label={item[optionLabel]}\n        onChange={() => onChange(item[optionValue])}\n        primaryColor={primaryColor}\n        checkboxControls={checkboxControls}\n        checkboxSize={checkboxComponentStyles?.checkboxSize || checkboxSize}\n        checkboxStyle={checkboxComponentStyles?.checkboxStyle || checkboxStyle}\n        checkboxLabelStyle={\n          checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle\n        }\n        disabled={item.disabled}\n        checkboxComponent={checkboxComponent}\n      />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  listItemContainerStyle: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default memo(DropdownListItem);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,gBAAgB,GAAGC,IAAA,IAcd;EAAA,IAde;IACxBC,IAAI;IACJC,WAAW;IACXC,WAAW;IACXC,UAAU;IACVC,cAAc;IACdC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,aAAa;IACbC,kBAAkB;IAClBC,uBAAuB;IACvBC,iBAAiB;IACjBC;EACG,CAAC,GAAAb,IAAA;EACJ,oBACEN,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB;IACfmB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EACLjB,IAAI,CAACkB,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMb,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAC,CAAC;EAC9D,gBAEDT,KAAA,CAAAoB,aAAA,CAAChB,QAAQ;IACPsB,KAAK,EACHhB,UAAU,GACNC,cAAc,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAChD;IACDmB,KAAK,EAAErB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BM,gBAAgB,EAAEA,gBAAiB;IACnCL,YAAY,EAAE,CAAAG,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEH,YAAY,KAAIA,YAAa;IACpEC,aAAa,EAAE,CAAAE,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEF,aAAa,KAAIA,aAAc;IACvEC,kBAAkB,EAChB,CAAAC,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAED,kBAAkB,KAAIA,kBAChD;IACDS,QAAQ,EAAElB,IAAI,CAACkB,QAAS;IACxBP,iBAAiB,EAAEA;EAAkB,CACtC,CACe,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGnB,UAAU,CAAC0B,MAAM,CAAC;EAC/BN,sBAAsB,EAAE;IACtBO,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAehC,IAAI,CAACI,gBAAgB,CAAC"}
+{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","createElement","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownListItem.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC,aAAa;EACbC,kBAAkB;EAClBC,uBAAuB;EACvBC,iBAAiB;EACjBC;AACG,CAAC,KAAK;EACT,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB;IACfkB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EACLjB,IAAI,CAACkB,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMb,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAC,CAAC;EAC9D,gBAEDR,KAAA,CAAAmB,aAAA,CAACf,QAAQ;IACPqB,KAAK,EACHhB,UAAU,GACNC,cAAc,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAChD;IACDmB,KAAK,EAAErB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BM,gBAAgB,EAAEA,gBAAiB;IACnCL,YAAY,EAAEG,uBAAuB,EAAEH,YAAY,IAAIA,YAAa;IACpEC,aAAa,EAAEE,uBAAuB,EAAEF,aAAa,IAAIA,aAAc;IACvEC,kBAAkB,EAChBC,uBAAuB,EAAED,kBAAkB,IAAIA,kBAChD;IACDS,QAAQ,EAAElB,IAAI,CAACkB,QAAS;IACxBP,iBAAiB,EAAEA;EAAkB,CACtC,CACe,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACyB,MAAM,CAAC;EAC/BN,sBAAsB,EAAE;IACtBO,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAe/B,IAAI,CAACI,gBAAgB,CAAC","ignoreList":[]}

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

@@ -5,29 +5,28 @@ import { SectionList, StyleSheet } from 'react-native';
 import DropdownListItem from './DropdownListItem';
 import { ItemSeparatorComponent, ListEmptyComponent, SectionHeaderTitle } from '../Others';
 import { extractPropertyFromArray } from '../../utils';
-const DropdownSectionList = _ref => {
-  let {
-    options,
-    optionLabel,
-    optionValue,
-    isMultiple,
-    isSearchable,
-    selectedItems,
-    selectedItem,
-    handleMultipleSelections,
-    handleSingleSelection,
-    primaryColor,
-    checkboxSize,
-    checkboxStyle,
-    checkboxLabelStyle,
-    checkboxComponentStyles,
-    checkboxComponent,
-    checkboxControls,
-    listComponentStyles,
-    listIndex,
-    emptyListMessage,
-    ...rest
-  } = _ref;
+const DropdownSectionList = ({
+  options,
+  optionLabel,
+  optionValue,
+  isMultiple,
+  isSearchable,
+  selectedItems,
+  selectedItem,
+  handleMultipleSelections,
+  handleSingleSelection,
+  primaryColor,
+  checkboxSize,
+  checkboxStyle,
+  checkboxLabelStyle,
+  checkboxComponentStyles,
+  checkboxComponent,
+  checkboxControls,
+  listComponentStyles,
+  listIndex,
+  emptyListMessage,
+  ...rest
+}) => {
   const [expandedSections, setExpandedSections] = useState(new Set());
 
   /**
@@ -60,8 +59,7 @@ const DropdownSectionList = _ref => {
 
   const sectionlistRef = useRef(null);
   const scrollToLocation = listIndex => {
-    var _sectionlistRef$curre;
-    sectionlistRef === null || sectionlistRef === void 0 || (_sectionlistRef$curre = sectionlistRef.current) === null || _sectionlistRef$curre === void 0 ? void 0 : _sectionlistRef$curre.scrollToLocation({
+    sectionlistRef?.current?.scrollToLocation({
       sectionIndex: listIndex.sectionIndex,
       animated: true,
       itemIndex: listIndex.itemIndex
@@ -77,14 +75,14 @@ const DropdownSectionList = _ref => {
     extraData: isMultiple ? selectedItems : selectedItem,
     initialNumToRender: 5,
     ListEmptyComponent: /*#__PURE__*/React.createElement(ListEmptyComponent, {
-      listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle,
+      listEmptyComponentStyle: listComponentStyles?.listEmptyComponentStyle,
       emptyListMessage: emptyListMessage
     }),
     contentContainerStyle: [isSearchable ? {
       paddingTop: 0
     } : styles.contentContainerStyle],
     ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
-      itemSeparatorStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.itemSeparatorStyle
+      itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
     }),
     renderItem: item => _renderItem(item, {
       optionLabel,
@@ -106,19 +104,16 @@ const DropdownSectionList = _ref => {
       checkboxControls,
       expandedSections
     }),
-    renderSectionHeader: _ref2 => {
-      let {
-        section: {
-          title
-        }
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(SectionHeaderTitle, {
-        title: title,
-        sectionHeaderStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.sectionHeaderStyle,
-        onPress: () => handleToggleListExpansion(title),
-        isExpanded: expandedSections.has(title)
-      });
-    },
+    renderSectionHeader: ({
+      section: {
+        title
+      }
+    }) => /*#__PURE__*/React.createElement(SectionHeaderTitle, {
+      title: title,
+      sectionHeaderStyle: listComponentStyles?.sectionHeaderStyle,
+      onPress: () => handleToggleListExpansion(title),
+      isExpanded: expandedSections.has(title)
+    }),
     keyExtractor: (_item, index) => `Options${index}`,
     stickySectionHeadersEnabled: false,
     ref: sectionlistRef,
@@ -129,14 +124,13 @@ const DropdownSectionList = _ref => {
     }
   }, rest));
 };
-const _renderItem = (_ref3, props) => {
-  let {
-    section: {
-      title
-    },
-    item
-  } = _ref3;
-  const isExpanded = props === null || props === void 0 ? void 0 : props.expandedSections.has(title);
+const _renderItem = ({
+  section: {
+    title
+  },
+  item
+}, props) => {
+  const isExpanded = props?.expandedSections.has(title);
 
   //return null if it is not expanded
   if (!isExpanded) return null;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useRef","SectionList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","SectionHeaderTitle","extractPropertyFromArray","DropdownSectionList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","expandedSections","setExpandedSections","Set","initialState","handleToggleListExpansion","title","expandedSectionsState","next","has","delete","add","sectionlistRef","scrollToLocation","_sectionlistRef$curre","current","sectionIndex","animated","itemIndex","createElement","_extends","sections","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","_ref2","section","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","ref","onScrollToIndexFailed","setTimeout","_ref3","props","create"],"sources":["DropdownSectionList.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React, { useEffect, useState, useRef } from 'react';\nimport { SectionList, StyleSheet } from 'react-native';\nimport DropdownListItem from './DropdownListItem';\nimport {\n  ItemSeparatorComponent,\n  ListEmptyComponent,\n  SectionHeaderTitle,\n} from '../Others';\nimport { extractPropertyFromArray } from '../../utils';\nimport { TSectionList } from 'src/types/index.types';\n\nconst DropdownSectionList = ({\n  options,\n  optionLabel,\n  optionValue,\n  isMultiple,\n  isSearchable,\n  selectedItems,\n  selectedItem,\n  handleMultipleSelections,\n  handleSingleSelection,\n  primaryColor,\n  checkboxSize,\n  checkboxStyle,\n  checkboxLabelStyle,\n  checkboxComponentStyles,\n  checkboxComponent,\n  checkboxControls,\n  listComponentStyles,\n  listIndex,\n  emptyListMessage,\n  ...rest\n}: any) => {\n  const [expandedSections, setExpandedSections] = useState(new Set());\n\n  /**\n   * Expand all sections\n   */\n  useEffect(() => {\n    let initialState = new Set(extractPropertyFromArray(options, 'title'));\n    setExpandedSections(initialState);\n  }, [options]);\n\n  /**\n   * @param title\n   */\n  const handleToggleListExpansion = (title: string) => {\n    setExpandedSections((expandedSectionsState) => {\n      // Using Set here but you can use an array too\n      const next = new Set(expandedSectionsState);\n      if (next.has(title)) {\n        next.delete(title);\n      } else {\n        next.add(title);\n      }\n      return next;\n    });\n  };\n\n  /**\n   * @description Scroll to item location\n   */\n\n  const sectionlistRef = useRef<SectionList<TSectionList>>(null);\n\n  const scrollToLocation = (listIndex: any) => {\n    sectionlistRef?.current?.scrollToLocation({\n      sectionIndex: listIndex.sectionIndex,\n      animated: true,\n      itemIndex: listIndex.itemIndex,\n    });\n  };\n\n  useEffect(() => {\n    if (listIndex.itemIndex >= 0 && listIndex.sectionIndex >= 0) {\n      scrollToLocation(listIndex);\n    }\n  }, [listIndex]);\n\n  return (\n    <SectionList\n      sections={options}\n      extraData={isMultiple ? selectedItems : selectedItem}\n      initialNumToRender={5}\n      ListEmptyComponent={\n        <ListEmptyComponent\n          listEmptyComponentStyle={listComponentStyles?.listEmptyComponentStyle}\n          emptyListMessage={emptyListMessage}\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, // kept for backwards compatibility\n          checkboxComponent, // kept for backwards compatibility\n          checkboxControls,\n          expandedSections,\n        })\n      }\n      renderSectionHeader={({ section: { title } }) => (\n        <SectionHeaderTitle\n          title={title}\n          sectionHeaderStyle={listComponentStyles?.sectionHeaderStyle}\n          onPress={() => handleToggleListExpansion(title)}\n          isExpanded={expandedSections.has(title)}\n        />\n      )}\n      keyExtractor={(_item, index) => `Options${index}`}\n      stickySectionHeadersEnabled={false}\n      ref={sectionlistRef}\n      onScrollToIndexFailed={() => {\n        setTimeout(() => {\n          scrollToLocation(listIndex);\n        }, 500);\n      }}\n      {...rest}\n    />\n  );\n};\n\nconst _renderItem = ({ section: { title }, item }: any, props: any) => {\n  const isExpanded = props?.expandedSections.has(title);\n\n  //return null if it is not expanded\n  if (!isExpanded) return null;\n\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      checkboxComponent={props.checkboxComponent}\n      checkboxControls={props.checkboxControls}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  contentContainerStyle: { paddingTop: 20 },\n});\n\nexport default DropdownSectionList;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","useRef","SectionList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","SectionHeaderTitle","extractPropertyFromArray","DropdownSectionList","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","expandedSections","setExpandedSections","Set","initialState","handleToggleListExpansion","title","expandedSectionsState","next","has","delete","add","sectionlistRef","scrollToLocation","current","sectionIndex","animated","itemIndex","createElement","_extends","sections","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","section","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","ref","onScrollToIndexFailed","setTimeout","props","create"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSectionList.tsx"],"mappings":"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","ignoreList":[]}