react-native-input-select 0.35.0 → 1.1.0

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

@@ -3,7 +3,6 @@ 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,
@@ -56,7 +55,6 @@ const Dropdown = _ref => {
     style: [styles.helper, dropdownHelperTextStyle]
   }, helperText));
 };
-
 const styles = StyleSheet.create({
   label: {
     marginBottom: 16,

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

@@ -1 +1 @@
-{"version":3,"sources":["Dropdown.tsx"],"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","styles","dropdownInputContainer","helper","create","marginBottom","color","gray","caption","red","marginTop","primary","width","blackText","black"],"mappings":"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","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"]}
+{"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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"}

package/lib/module/components/Dropdown/{DropdownList.js → DropdownFlatList.js}

@@ -1,12 +1,10 @@
-function _extends() { _extends = Object.assign || 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); }
-
+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 { View, FlatList, StyleSheet, Text } from 'react-native';
+import { FlatList, StyleSheet } from 'react-native';
 import DropdownListItem from './DropdownListItem';
-import { colors } from '../../styles/colors';
-
-const DropdownList = _ref => {
+import { ItemSeparatorComponent, ListEmptyComponent } from '../Others';
+const DropdownFlatList = _ref => {
   let {
     options,
     optionLabel,
@@ -19,22 +17,27 @@ const DropdownList = _ref => {
     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,
+    listComponentStyles,
     ...rest
   } = _ref;
   return /*#__PURE__*/React.createElement(FlatList, _extends({
     data: options,
     extraData: isMultiple ? selectedItems : selectedItem,
     initialNumToRender: 5,
-    ListEmptyComponent: /*#__PURE__*/React.createElement(View, {
-      style: styles.emptyListStyle
-    }, /*#__PURE__*/React.createElement(Text, null, "No options available")),
+    ListEmptyComponent: /*#__PURE__*/React.createElement(ListEmptyComponent, {
+      listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle
+    }),
     contentContainerStyle: [isSearchable ? {
       paddingTop: 0
     } : styles.contentContainerStyle],
-    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(View, {
-      style: styles.itemSeparatorStyle
+    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
+      itemSeparatorStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.itemSeparatorStyle
     }),
     renderItem: item => _renderItem(item, {
       optionLabel,
@@ -44,13 +47,16 @@ const DropdownList = _ref => {
       onChange: isMultiple ? handleMultipleSelections : handleSingleSelection,
       primaryColor,
       checkboxSize,
+      // kept for backwards compatibility
       checkboxStyle,
-      checkboxLabelStyle
+      // kept for backwards compatibility
+      checkboxLabelStyle,
+      // kept for backwards compatibility
+      checkboxComponentStyles
     }),
     keyExtractor: (_item, index) => `Options${index}`
   }, rest));
 };
-
 const _renderItem = (_ref2, props) => {
   let {
     item
@@ -65,24 +71,14 @@ const _renderItem = (_ref2, props) => {
     primaryColor: props.primaryColor,
     checkboxSize: props.checkboxSize,
     checkboxStyle: props.checkboxStyle,
-    checkboxLabelStyle: props.checkboxLabelStyle
+    checkboxLabelStyle: props.checkboxLabelStyle,
+    checkboxComponentStyles: props.checkboxComponentStyles
   });
 };
-
 const styles = StyleSheet.create({
-  itemSeparatorStyle: {
-    backgroundColor: colors.gray,
-    height: 1,
-    opacity: 0.15
-  },
-  emptyListStyle: {
-    alignItems: 'center',
-    width: '100%',
-    marginVertical: 20
-  },
   contentContainerStyle: {
     paddingTop: 20
   }
 });
-export default DropdownList;
-//# sourceMappingURL=DropdownList.js.map
+export default DropdownFlatList;
+//# sourceMappingURL=DropdownFlatList.js.map

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

@@ -0,0 +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"}

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

@@ -1,7 +1,6 @@
 import React, { memo } from 'react';
 import { TouchableOpacity, StyleSheet } from 'react-native';
 import CheckBox from '../CheckBox';
-
 const DropdownListItem = _ref => {
   let {
     item,
@@ -13,27 +12,25 @@ const DropdownListItem = _ref => {
     primaryColor,
     checkboxSize,
     checkboxStyle,
-    checkboxLabelStyle
+    checkboxLabelStyle,
+    checkboxComponentStyles
   } = _ref;
-  const selectedOptionValue = optionValue !== null && optionValue !== void 0 ? optionValue : 'value';
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.dropdownModalOptions,
-    onPress: item.disabled ? () => {} : () => onChange(item[selectedOptionValue]) // intentionally didn't use the disable property
-
+    style: styles.listItemContainerStyle,
+    onPress: item.disabled ? () => {} : () => onChange(item[optionValue]) // intentionally didn't use the disable property
   }, /*#__PURE__*/React.createElement(CheckBox, {
-    value: isMultiple ? selectedOption.includes(item[selectedOptionValue]) : [selectedOption].includes(item[selectedOptionValue]),
-    label: item[optionLabel !== null && optionLabel !== void 0 ? optionLabel : ''],
-    onChange: () => onChange(item[selectedOptionValue]),
+    value: isMultiple ? selectedOption.includes(item[optionValue]) : [selectedOption].includes(item[optionValue]),
+    label: item[optionLabel],
+    onChange: () => onChange(item[optionValue]),
     primaryColor: primaryColor,
-    checkboxSize: checkboxSize,
-    checkboxStyle: checkboxStyle,
-    checkboxLabelStyle: checkboxLabelStyle,
+    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,
     disabled: item.disabled
   }));
 };
-
 const styles = StyleSheet.create({
-  dropdownModalOptions: {
+  listItemContainerStyle: {
     paddingHorizontal: 20,
     paddingVertical: 10,
     flexDirection: 'row',

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

@@ -1 +1 @@
-{"version":3,"sources":["DropdownListItem.tsx"],"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","selectedOptionValue","styles","dropdownModalOptions","disabled","includes","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,SAASC,gBAAT,EAA2BC,UAA3B,QAA6C,cAA7C;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,MAAMC,gBAAgB,GAAG,QAWd;AAAA,MAXe;AACxBC,IAAAA,IADwB;AAExBC,IAAAA,WAFwB;AAGxBC,IAAAA,WAHwB;AAIxBC,IAAAA,UAJwB;AAKxBC,IAAAA,cALwB;AAMxBC,IAAAA,QANwB;AAOxBC,IAAAA,YAPwB;AAQxBC,IAAAA,YARwB;AASxBC,IAAAA,aATwB;AAUxBC,IAAAA;AAVwB,GAWf;AACT,QAAMC,mBAAmB,GAAGR,WAAH,aAAGA,WAAH,cAAGA,WAAH,GAAkB,OAA3C;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,KAAK,EAAES,MAAM,CAACC,oBADhB;AAEE,IAAA,OAAO,EACLZ,IAAI,CAACa,QAAL,GAAgB,MAAM,CAAE,CAAxB,GAA2B,MAAMR,QAAQ,CAACL,IAAI,CAACU,mBAAD,CAAL,CADpC,CACgE;;AAHzE,kBAME,oBAAC,QAAD;AACE,IAAA,KAAK,EACHP,UAAU,GACNC,cAAc,CAACU,QAAf,CAAwBd,IAAI,CAACU,mBAAD,CAA5B,CADM,GAEN,CAACN,cAAD,EAAiBU,QAAjB,CAA0Bd,IAAI,CAACU,mBAAD,CAA9B,CAJR;AAME,IAAA,KAAK,EAAEV,IAAI,CAACC,WAAD,aAACA,WAAD,cAACA,WAAD,GAAgB,EAAhB,CANb;AAOE,IAAA,QAAQ,EAAE,MAAMI,QAAQ,CAACL,IAAI,CAACU,mBAAD,CAAL,CAP1B;AAQE,IAAA,YAAY,EAAEJ,YARhB;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,aAAa,EAAEC,aAVjB;AAWE,IAAA,kBAAkB,EAAEC,kBAXtB;AAYE,IAAA,QAAQ,EAAET,IAAI,CAACa;AAZjB,IANF,CADF;AAuBD,CApCD;;AAsCA,MAAMF,MAAM,GAAGd,UAAU,CAACkB,MAAX,CAAkB;AAC/BH,EAAAA,oBAAoB,EAAE;AACpBI,IAAAA,iBAAiB,EAAE,EADC;AAEpBC,IAAAA,eAAe,EAAE,EAFG;AAGpBC,IAAAA,aAAa,EAAE,KAHK;AAIpBC,IAAAA,UAAU,EAAE;AAJQ;AADS,CAAlB,CAAf;AASA,4BAAexB,IAAI,CAACI,gBAAD,CAAnB","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}: any) => {\n  const selectedOptionValue = optionValue ?? 'value';\n  return (\n    <TouchableOpacity\n      style={styles.dropdownModalOptions}\n      onPress={\n        item.disabled ? () => {} : () => onChange(item[selectedOptionValue]) // intentionally didn't use the disable property\n      }\n    >\n      <CheckBox\n        value={\n          isMultiple\n            ? selectedOption.includes(item[selectedOptionValue])\n            : [selectedOption].includes(item[selectedOptionValue])\n        }\n        label={item[optionLabel ?? '']}\n        onChange={() => onChange(item[selectedOptionValue])}\n        primaryColor={primaryColor}\n        checkboxSize={checkboxSize}\n        checkboxStyle={checkboxStyle}\n        checkboxLabelStyle={checkboxLabelStyle}\n        disabled={item.disabled}\n      />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  dropdownModalOptions: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default memo(DropdownListItem);\n"]}
+{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","_ref","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","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}: 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        checkboxSize={checkboxComponentStyles?.checkboxSize || checkboxSize}\n        checkboxStyle={checkboxComponentStyles?.checkboxStyle || checkboxStyle}\n        checkboxLabelStyle={\n          checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle\n        }\n        disabled={item.disabled}\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,IAYd;EAAA,IAZe;IACxBC,IAAI;IACJC,WAAW;IACXC,WAAW;IACXC,UAAU;IACVC,cAAc;IACdC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,aAAa;IACbC,kBAAkB;IAClBC;EACG,CAAC,GAAAX,IAAA;EACJ,oBACEN,KAAA,CAAAkB,aAAA,CAAChB,gBAAgB;IACfiB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EACLf,IAAI,CAACgB,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMX,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAC,CAAC;EAC9D,gBAEDT,KAAA,CAAAkB,aAAA,CAACd,QAAQ;IACPoB,KAAK,EACHd,UAAU,GACNC,cAAc,CAACc,QAAQ,CAAClB,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACc,QAAQ,CAAClB,IAAI,CAACE,WAAW,CAAC,CAChD;IACDiB,KAAK,EAAEnB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BC,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;IACDO,QAAQ,EAAEhB,IAAI,CAACgB;EAAS,CACzB,CACe,CAAC;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGjB,UAAU,CAACwB,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,4BAAe9B,IAAI,CAACI,gBAAgB,CAAC"}

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

@@ -0,0 +1,130 @@
+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, { useEffect, useState } from 'react';
+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,
+    listComponentStyles,
+    ...rest
+  } = _ref;
+  const [expandedSections, setExpandedSections] = useState(new Set());
+
+  /**
+   * Expand all sections
+   */
+  useEffect(() => {
+    let initialState = new Set(extractPropertyFromArray(options, 'title'));
+    setExpandedSections(initialState);
+  }, [options]);
+
+  /**
+   * @param title
+   */
+  const handleToggleListExpansion = title => {
+    setExpandedSections(expandedSectionsState => {
+      // Using Set here but you can use an array too
+      const next = new Set(expandedSectionsState);
+      if (next.has(title)) {
+        next.delete(title);
+      } else {
+        next.add(title);
+      }
+      return next;
+    });
+  };
+  return /*#__PURE__*/React.createElement(SectionList, _extends({
+    sections: options,
+    extraData: isMultiple ? selectedItems : selectedItem,
+    initialNumToRender: 5,
+    ListEmptyComponent: /*#__PURE__*/React.createElement(ListEmptyComponent, {
+      listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle
+    }),
+    contentContainerStyle: [isSearchable ? {
+      paddingTop: 0
+    } : styles.contentContainerStyle],
+    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
+      itemSeparatorStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.itemSeparatorStyle
+    }),
+    renderItem: item => _renderItem(item, {
+      optionLabel,
+      optionValue,
+      isMultiple,
+      selectedOption: isMultiple ? selectedItems : selectedItem,
+      onChange: isMultiple ? handleMultipleSelections : handleSingleSelection,
+      primaryColor,
+      checkboxSize,
+      // kept for backwards compatibility
+      checkboxStyle,
+      // kept for backwards compatibility
+      checkboxLabelStyle,
+      // kept for backwards compatibility
+      checkboxComponentStyles,
+      expandedSections
+    }),
+    renderSectionHeader: _ref2 => {
+      let {
+        section: {
+          title,
+          data
+        }
+      } = _ref2;
+      return data.length > 0 && /*#__PURE__*/React.createElement(SectionHeaderTitle, {
+        title: title,
+        sectionHeaderStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.sectionHeaderStyle,
+        onPress: () => handleToggleListExpansion(title),
+        isExpanded: expandedSections.has(title)
+      });
+    },
+    keyExtractor: (_item, index) => `Options${index}`,
+    stickySectionHeadersEnabled: false
+  }, rest));
+};
+const _renderItem = (_ref3, props) => {
+  let {
+    section: {
+      title
+    },
+    item
+  } = _ref3;
+  const isExpanded = props === null || props === void 0 ? void 0 : props.expandedSections.has(title);
+
+  //return null if it is not expanded
+  if (!isExpanded) return null;
+  return /*#__PURE__*/React.createElement(DropdownListItem, {
+    item: item,
+    optionLabel: props.optionLabel,
+    optionValue: props.optionValue,
+    isMultiple: props.isMultiple,
+    selectedOption: props.selectedOption,
+    onChange: props.onChange,
+    primaryColor: props.primaryColor,
+    checkboxSize: props.checkboxSize,
+    checkboxStyle: props.checkboxStyle,
+    checkboxLabelStyle: props.checkboxLabelStyle,
+    checkboxComponentStyles: props.checkboxComponentStyles
+  });
+};
+const styles = StyleSheet.create({
+  contentContainerStyle: {
+    paddingTop: 20
+  }
+});
+export default DropdownSectionList;
+//# sourceMappingURL=DropdownSectionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","SectionList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","SectionHeaderTitle","extractPropertyFromArray","DropdownSectionList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","listComponentStyles","rest","expandedSections","setExpandedSections","Set","initialState","handleToggleListExpansion","title","expandedSectionsState","next","has","delete","add","createElement","_extends","sections","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","_ref2","section","data","length","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","_ref3","props","create"],"sources":["DropdownSectionList.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React, { useEffect, useState } 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';\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  listComponentStyles,\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  return (\n    <SectionList\n      sections={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          expandedSections,\n        })\n      }\n      renderSectionHeader={({ section: { title, data } }) =>\n        data.length > 0 && (\n          <SectionHeaderTitle\n            title={title}\n            sectionHeaderStyle={listComponentStyles?.sectionHeaderStyle}\n            onPress={() => handleToggleListExpansion(title)}\n            isExpanded={expandedSections.has(title)}\n          />\n        )\n      }\n      keyExtractor={(_item, index) => `Options${index}`}\n      stickySectionHeadersEnabled={false}\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    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  contentContainerStyle: { paddingTop: 20 },\n});\n\nexport default DropdownSectionList;\n"],"mappings":"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"}

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

@@ -1,11 +1,9 @@
 import React from 'react';
-import { View, Text, Pressable, ScrollView, StyleSheet, Image, TouchableOpacity } from 'react-native';
+import { View, Text, Pressable, ScrollView, StyleSheet, Image } from 'react-native';
 import { colors } from '../../styles/colors';
 import { inputStyles } from '../../styles/input';
-
 const DropdownSelectedItemsView = _ref => {
   var _getSelectedItemsLabe;
-
   let {
     placeholder,
     error,
@@ -30,10 +28,13 @@ const DropdownSelectedItemsView = _ref => {
       let {
         pressed
       } = _ref2;
-      return [pressed && { ...inputStyles.inputFocusState,
+      return [pressed && {
+        ...inputStyles.inputFocusState,
         borderColor: primaryColor
-      }, inputStyles.input, dropdownStyle, error && //this must be last
-      error !== '' && !pressed && { ...inputStyles.inputFocusErrorState,
+      }, inputStyles.input, dropdownStyle, error &&
+      //this must be last
+      error !== '' && !pressed && {
+        ...inputStyles.inputFocusErrorState,
         ...dropdownErrorStyle
       }];
     },
@@ -45,28 +46,21 @@ const DropdownSelectedItemsView = _ref => {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.selectedItemsContainer,
     onStartShouldSetResponder: () => true
-  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((item, i) => /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => handleToggleModal(),
+  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((item, i) => /*#__PURE__*/React.createElement(Text, {
     key: `react-native-input-select-${Math.random()}-${i}`,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.selectedItems, {
       backgroundColor: primaryColor
     }, multipleSelectedItemStyle]
-  }, item))) : /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => handleToggleModal(),
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, item)) : /*#__PURE__*/React.createElement(Text, {
     style: [styles.blackText, selectedItemStyle]
-  }, getSelectedItemsLabel()))), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/React.createElement(Text, {
+  }, getSelectedItemsLabel()), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/React.createElement(Text, {
     style: [styles.blackText, placeholderStyle]
-  }, placeholder !== null && placeholder !== void 0 ? placeholder : 'Select an option')), /*#__PURE__*/React.createElement(View, {
+  }, placeholder ?? 'Select an option'))), /*#__PURE__*/React.createElement(View, {
     style: [styles.iconStyle, dropdownIconStyle]
   }, dropdownIcon || /*#__PURE__*/React.createElement(Image, {
     source: require('../../asset/arrow-down.png')
   })));
 };
-
 const styles = StyleSheet.create({
   iconStyle: {
     position: 'absolute',

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

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

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
-
+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 } from 'react';
 import { TextInput, StyleSheet, View, Platform } from 'react-native';
 import { inputStyles } from '../../styles/input';
@@ -35,4 +34,5 @@ const styles = StyleSheet.create({
     margin: 23
   }
 });
+export default Input;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","placeholder","value","onChangeText","style","primaryColor","rest","isFocused","setFocus","styles","container","input","select","web","outlineColor","borderColor","create","margin"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,IAAhC,EAAsCC,QAAtC,QAAsD,cAAtD;AACA,SAASC,WAAT,QAA4B,oBAA5B;AAEA,OAAO,MAAMC,KAAK,GAAG,QAOV;AAAA,MAPW;AACpBC,IAAAA,WADoB;AAEpBC,IAAAA,KAFoB;AAGpBC,IAAAA,YAHoB;AAIpBC,IAAAA,KAJoB;AAKpBC,IAAAA,YALoB;AAMpB,OAAGC;AANiB,GAOX;AACT,QAAM,CAACC,SAAD,EAAYC,QAAZ,IAAwBd,QAAQ,CAAC,KAAD,CAAtC;AAEA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEe,MAAM,CAACC;AAApB,kBACE,oBAAC,SAAD;AACE,IAAA,WAAW,EAAET,WADf;AAEE,IAAA,KAAK,EAAE,CACLF,WAAW,CAACY,KADP,EAELb,QAAQ,CAACc,MAAT,CAAgB;AACdC,MAAAA,GAAG,EAAE;AACHC,QAAAA,YAAY,EAAET;AADX;AADS,KAAhB,CAFK,EAOLE,SAAS,IAAI;AAAEQ,MAAAA,WAAW,EAAEV;AAAf,KAPR,EAQLD,KARK,CAFT;AAYE,IAAA,OAAO,EAAE,MAAMI,QAAQ,CAAC,IAAD,CAZzB;AAaE,IAAA,MAAM,EAAE,MAAMA,QAAQ,CAAC,KAAD,CAbxB;AAcE,IAAA,KAAK,EAAEN,KAdT;AAeE,IAAA,YAAY,EAAEC;AAfhB,KAgBMG,IAhBN,EADF,CADF;AAsBD,CAhCM;AAkCP,MAAMG,MAAM,GAAGb,UAAU,CAACoB,MAAX,CAAkB;AAC/BN,EAAAA,SAAS,EAAE;AAAEO,IAAAA,MAAM,EAAE;AAAV;AADoB,CAAlB,CAAf","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  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={styles.container}>\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={() => setFocus(true)}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { margin: 23 },\n});\n"]}
+{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","_ref","placeholder","value","onChangeText","style","primaryColor","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","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  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={styles.container}>\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={() => setFocus(true)}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\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,IAOV;EAAA,IAPW;IACpBC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZ,GAAGC;EACA,CAAC,GAAAN,IAAA;EACJ,MAAM,CAACO,SAAS,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACQ,KAAK,EAAEM,MAAM,CAACC;EAAU,gBAC5BnB,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAAkB,QAAA;IACRX,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLN,WAAW,CAACe,KAAK,EACjBhB,QAAQ,CAACiB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEX;MAChB;IACF,CAAC,CAAC,EACFE,SAAS,IAAI;MAAEU,WAAW,EAAEZ;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFc,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAAC,IAAI,CAAE;IAC9BW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BN,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,GACvBG,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACyB,MAAM,CAAC;EAC/BT,SAAS,EAAE;IAAEU,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAetB,KAAK"}

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

@@ -0,0 +1,82 @@
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, Image } from 'react-native';
+import { colors } from '../../styles/colors';
+export const ListEmptyComponent = _ref => {
+  let {
+    listEmptyComponentStyle
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.listEmptyComponentStyle
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: listEmptyComponentStyle
+  }, "No options available"));
+};
+export const ItemSeparatorComponent = _ref2 => {
+  let {
+    itemSeparatorStyle
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.itemSeparatorStyle, itemSeparatorStyle]
+  });
+};
+export const ListItemContainer = _ref3 => {
+  let {
+    children,
+    listItemContainerStyle
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.listItemContainerStyle, listItemContainerStyle]
+  }, children);
+};
+export const SectionHeaderTitle = _ref4 => {
+  let {
+    title,
+    sectionHeaderStyle,
+    onPress,
+    isExpanded
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(ListItemContainer, {
+    listItemContainerStyle: styles.accordionStyle
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.sectionHeaderStyle, sectionHeaderStyle]
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: isExpanded ? null : styles.rotatedIcon90
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: require('../../asset/arrow-down.png')
+  }))));
+};
+const styles = StyleSheet.create({
+  listEmptyComponentStyle: {
+    alignItems: 'center',
+    width: '100%',
+    marginVertical: 20
+  },
+  itemSeparatorStyle: {
+    backgroundColor: colors.gray,
+    height: 1,
+    opacity: 0.15
+  },
+  listItemContainerStyle: {
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  sectionHeaderStyle: {
+    fontWeight: '500'
+  },
+  accordionStyle: {
+    flexDirection: 'row',
+    flexWrap: 'nowrap',
+    justifyContent: 'space-between',
+    alignContent: 'center'
+  },
+  rotatedIcon90: {
+    transform: [{
+      rotate: '-90deg'
+    }]
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Image","colors","ListEmptyComponent","_ref","listEmptyComponentStyle","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 = ({ listEmptyComponentStyle }: any) => {\n  return (\n    <View style={styles.listEmptyComponentStyle}>\n      <Text style={listEmptyComponentStyle}>No options available</Text>\n    </View>\n  );\n};\n\nexport const ItemSeparatorComponent = ({ itemSeparatorStyle }: any) => {\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,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EACjE,oBACER,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACH;EAAwB,gBAC1CT,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEF;EAAwB,GAAC,sBAA0B,CAC5D,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAGC,KAAA,IAAiC;EAAA,IAAhC;IAAEC;EAAwB,CAAC,GAAAD,KAAA;EAChE,oBAAOd,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,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,oBACEjB,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,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,oBACErB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACoB,OAAO,EAAEA;EAAQ,gBACjCxB,KAAA,CAAAU,aAAA,CAACM,iBAAiB;IAACG,sBAAsB,EAAEP,MAAM,CAACc;EAAe,gBAC/D1B,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACW,kBAAkB,EAAEA,kBAAkB;EAAE,GAC1DD,KACG,CAAC,eACPtB,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEc,UAAU,GAAG,IAAI,GAAGb,MAAM,CAACe;EAAc,gBACpD3B,KAAA,CAAAU,aAAA,CAACL,KAAK;IAACuB,MAAM,EAAEC,OAAO,CAAC,4BAA4B;EAAE,CAAE,CACnD,CACW,CACH,CAAC;AAEvB,CAAC;AAED,MAAMjB,MAAM,GAAGT,UAAU,CAAC2B,MAAM,CAAC;EAC/BrB,uBAAuB,EAAE;IACvBsB,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;EACDlB,kBAAkB,EAAE;IAClBmB,eAAe,EAAE5B,MAAM,CAAC6B,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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","CHECKBOX_SIZE"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG,OAA7B;AACP,OAAO,MAAMC,oBAAoB,GAAG,OAA7B;AACP,OAAO,MAAMC,aAAa,GAAG,EAAtB","sourcesContent":["export const DEFAULT_OPTION_LABEL = 'label';\nexport const DEFAULT_OPTION_VALUE = 'value';\nexport const CHECKBOX_SIZE = 14;\n"]}
+{"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"}