react-native-input-select 0.35.0 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["DropdownListItem.tsx"],"names":["DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","selectedOptionValue","styles","dropdownModalOptions","disabled","includes","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,6BAAC,6BAAD;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,6BAAC,iBAAD;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,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,oBAAoB,EAAE;AACpBK,IAAAA,iBAAiB,EAAE,EADC;AAEpBC,IAAAA,eAAe,EAAE,EAFG;AAGpBC,IAAAA,aAAa,EAAE,KAHK;AAIpBC,IAAAA,UAAU,EAAE;AAJQ;AADS,CAAlB,CAAf;;4BASe,iBAAKrB,gBAAL,C","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","_interopRequireWildcard","require","_reactNative","_CheckBox","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DropdownListItem","_ref","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","createElement","TouchableOpacity","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","alignItems","_default","memo","exports"],"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":"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"}

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

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _DropdownListItem = _interopRequireDefault(require("./DropdownListItem"));
+var _Others = require("../Others");
+var _utils = require("../../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 */
+const DropdownSectionList = _ref => {
+  let {
+    options,
+    optionLabel,
+    optionValue,
+    isMultiple,
+    isSearchable,
+    selectedItems,
+    selectedItem,
+    handleMultipleSelections,
+    handleSingleSelection,
+    primaryColor,
+    checkboxSize,
+    checkboxStyle,
+    checkboxLabelStyle,
+    checkboxComponentStyles,
+    listComponentStyles,
+    ...rest
+  } = _ref;
+  const [expandedSections, setExpandedSections] = (0, _react.useState)(new Set());
+
+  /**
+   * Expand all sections
+   */
+  (0, _react.useEffect)(() => {
+    let initialState = new Set((0, _utils.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.default.createElement(_reactNative.SectionList, _extends({
+    sections: options,
+    extraData: isMultiple ? selectedItems : selectedItem,
+    initialNumToRender: 5,
+    ListEmptyComponent: /*#__PURE__*/_react.default.createElement(_Others.ListEmptyComponent, {
+      listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle
+    }),
+    contentContainerStyle: [isSearchable ? {
+      paddingTop: 0
+    } : styles.contentContainerStyle],
+    ItemSeparatorComponent: () => /*#__PURE__*/_react.default.createElement(_Others.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.default.createElement(_Others.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.default.createElement(_DropdownListItem.default, {
+    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 = _reactNative.StyleSheet.create({
+  contentContainerStyle: {
+    paddingTop: 20
+  }
+});
+var _default = DropdownSectionList;
+exports.default = _default;
+//# sourceMappingURL=DropdownSectionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_DropdownListItem","_interopRequireDefault","_Others","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DropdownSectionList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","listComponentStyles","rest","expandedSections","setExpandedSections","useState","Set","useEffect","initialState","extractPropertyFromArray","handleToggleListExpansion","title","expandedSectionsState","next","delete","add","createElement","SectionList","sections","extraData","initialNumToRender","ListEmptyComponent","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","ItemSeparatorComponent","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","_ref2","section","data","SectionHeaderTitle","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","_ref3","props","StyleSheet","create","_default","exports"],"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/commonjs/components/Dropdown/DropdownSelectedItemsView.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _colors = require("../../styles/colors");
-
 var _input = require("../../styles/input");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DropdownSelectedItemsView = _ref => {
   var _getSelectedItemsLabe;
-
   let {
     placeholder,
     error,
@@ -42,10 +35,13 @@ const DropdownSelectedItemsView = _ref => {
       let {
         pressed
       } = _ref2;
-      return [pressed && { ..._input.inputStyles.inputFocusState,
+      return [pressed && {
+        ..._input.inputStyles.inputFocusState,
         borderColor: primaryColor
-      }, _input.inputStyles.input, dropdownStyle, error && //this must be last
-      error !== '' && !pressed && { ..._input.inputStyles.inputFocusErrorState,
+      }, _input.inputStyles.input, dropdownStyle, error &&
+      //this must be last
+      error !== '' && !pressed && {
+        ..._input.inputStyles.inputFocusErrorState,
         ...dropdownErrorStyle
       }];
     },
@@ -57,28 +53,21 @@ const DropdownSelectedItemsView = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.selectedItemsContainer,
     onStartShouldSetResponder: () => true
-  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((item, i) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => handleToggleModal(),
+  }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((item, i) => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     key: `react-native-input-select-${Math.random()}-${i}`,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.selectedItems, {
       backgroundColor: primaryColor
     }, multipleSelectedItemStyle]
-  }, item))) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => handleToggleModal(),
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, item)) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.blackText, selectedItemStyle]
-  }, getSelectedItemsLabel()))), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, getSelectedItemsLabel()), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.blackText, placeholderStyle]
-  }, placeholder !== null && placeholder !== void 0 ? placeholder : 'Select an option')), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, placeholder ?? 'Select an option'))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.iconStyle, dropdownIconStyle]
   }, dropdownIcon || /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: require('../../asset/arrow-down.png')
   })));
 };
-
 const styles = _reactNative.StyleSheet.create({
   iconStyle: {
     position: 'absolute',
@@ -103,7 +92,6 @@ const styles = _reactNative.StyleSheet.create({
     color: _colors.colors.black
   }
 });
-
 var _default = DropdownSelectedItemsView;
 exports.default = _default;
 //# sourceMappingURL=DropdownSelectedItemsView.js.map

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

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

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

@@ -3,20 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Input = void 0;
-
+exports.default = exports.Input = void 0;
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _input = require("../../styles/input");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
 const Input = _ref => {
   let {
     placeholder,
@@ -44,12 +37,12 @@ const Input = _ref => {
     onChangeText: onChangeText
   }, rest)));
 };
-
 exports.Input = Input;
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     margin: 23
   }
 });
+var _default = Input;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["Input","placeholder","value","onChangeText","style","primaryColor","rest","isFocused","setFocus","styles","container","inputStyles","input","Platform","select","web","outlineColor","borderColor","StyleSheet","create","margin"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,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,IAAwB,qBAAS,KAAT,CAA9B;AAEA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,6BAAC,sBAAD;AACE,IAAA,WAAW,EAAET,WADf;AAEE,IAAA,KAAK,EAAE,CACLU,mBAAYC,KADP,EAELC,sBAASC,MAAT,CAAgB;AACdC,MAAAA,GAAG,EAAE;AACHC,QAAAA,YAAY,EAAEX;AADX;AADS,KAAhB,CAFK,EAOLE,SAAS,IAAI;AAAEU,MAAAA,WAAW,EAAEZ;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,GAAGS,wBAAWC,MAAX,CAAkB;AAC/BT,EAAAA,SAAS,EAAE;AAAEU,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","_interopRequireWildcard","require","_reactNative","_input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Input","_ref","placeholder","value","onChangeText","style","primaryColor","rest","isFocused","setFocus","useState","createElement","View","styles","container","TextInput","inputStyles","input","Platform","select","web","outlineColor","borderColor","onFocus","onBlur","exports","StyleSheet","create","margin","_default"],"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":"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"}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SectionHeaderTitle = exports.ListItemContainer = exports.ListEmptyComponent = exports.ItemSeparatorComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colors = require("../../styles/colors");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ListEmptyComponent = _ref => {
+  let {
+    listEmptyComponentStyle
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.listEmptyComponentStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: listEmptyComponentStyle
+  }, "No options available"));
+};
+exports.ListEmptyComponent = ListEmptyComponent;
+const ItemSeparatorComponent = _ref2 => {
+  let {
+    itemSeparatorStyle
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.itemSeparatorStyle, itemSeparatorStyle]
+  });
+};
+exports.ItemSeparatorComponent = ItemSeparatorComponent;
+const ListItemContainer = _ref3 => {
+  let {
+    children,
+    listItemContainerStyle
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.listItemContainerStyle, listItemContainerStyle]
+  }, children);
+};
+exports.ListItemContainer = ListItemContainer;
+const SectionHeaderTitle = _ref4 => {
+  let {
+    title,
+    sectionHeaderStyle,
+    onPress,
+    isExpanded
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(ListItemContainer, {
+    listItemContainerStyle: styles.accordionStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.sectionHeaderStyle, sectionHeaderStyle]
+  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: isExpanded ? null : styles.rotatedIcon90
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: require('../../asset/arrow-down.png')
+  }))));
+};
+exports.SectionHeaderTitle = SectionHeaderTitle;
+const styles = _reactNative.StyleSheet.create({
+  listEmptyComponentStyle: {
+    alignItems: 'center',
+    width: '100%',
+    marginVertical: 20
+  },
+  itemSeparatorStyle: {
+    backgroundColor: _colors.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/commonjs/components/Others/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","ListEmptyComponent","_ref","listEmptyComponentStyle","createElement","View","style","styles","Text","exports","ItemSeparatorComponent","_ref2","itemSeparatorStyle","ListItemContainer","_ref3","children","listItemContainerStyle","SectionHeaderTitle","_ref4","title","sectionHeaderStyle","onPress","isExpanded","TouchableOpacity","accordionStyle","rotatedIcon90","Image","source","StyleSheet","create","alignItems","width","marginVertical","backgroundColor","colors","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":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","CHECKBOX_SIZE"],"mappings":";;;;;;AAAO,MAAMA,oBAAoB,GAAG,OAA7B;;AACA,MAAMC,oBAAoB,GAAG,OAA7B;;AACA,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","exports","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":";;;;;;AAAO,MAAMA,oBAAoB,GAAG,OAAO;AAACC,OAAA,CAAAD,oBAAA,GAAAA,oBAAA;AACrC,MAAME,oBAAoB,GAAG,OAAO;AAACD,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AACrC,MAAMC,aAAa,GAAG,EAAE;AAACF,OAAA,CAAAE,aAAA,GAAAA,aAAA"}