@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Drawer/Drawer.js

@@ -1,181 +1,162 @@
 "use strict";
 
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _themed = require("@rneui/themed");
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-var _Status = _interopRequireDefault(require("../Status/Status"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useStyles = (0, _themed.makeStyles)(theme => ({
-  overlay: {
-    width: _reactNative.Platform.OS === 'web' ? '55%' : '100%',
-    height: '100%',
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    justifyContent: 'center',
-    alignItems: 'flex-end',
-    paddingVertical: 0,
-    paddingHorizontal: 0,
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0
-  },
-  flx: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-start'
-  },
-  header: {
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    height: 64,
-    width: '100%',
-    alignItems: 'center',
-    paddingHorizontal: theme.spacing.tpRg
-  },
-  middleSection: {
-    flex: 1,
-    width: '100%',
-    paddingHorizontal: theme.spacing.tpRg,
-    fontFamily: theme.fonts.fontFamily,
-    paddingBottom: theme.spacing.tpMd
-  },
-  title: {
-    fontFamily: theme.fonts.fontFamily,
-    fontSize: theme.fonts.h4,
-    letterSpacing: theme.fonts.letterSpacingS,
-    color: theme.colors.primary,
-    fontWeight: theme.fonts.weightM
-  },
-  clear: {
-    fontFamily: theme.fonts.fontFamily,
-    fontSize: theme.fonts.sizeM,
-    fontWeight: theme.fonts.weightM,
-    color: theme.colors.grey3
-  },
-  footer: {
-    paddingHorizontal: theme.spacing.tpRg,
-    paddingVertical: theme.spacing.tpMd,
-    color: 'red',
-    width: '100%',
-    justifyContent: 'flex-end',
-    flexDirection: 'row',
-    alignItems: 'center',
-    fontSize: theme.fonts.sizeS,
-    fontWeight: theme.fonts.weightM,
-    borderTopColor: theme.colors.grey3,
-    borderTopWidth: 1
-  },
-  leftButton: {},
-  leftButtonText: {
-    fontFamily: theme.fonts.fontFamily,
-    fontWeight: theme.fonts.weightM,
-    color: theme.colors.primary
-  },
-  rightButton: {
-    marginLeft: theme.spacing.tpXs
-  },
-  icon: {
-    width: 40
-  },
-  rightButtonText: {
-    // color: 'blue',
-  }
-}));
-const Drawer = ({
-  visible = false,
-  onClear,
-  clearText,
-  onClose,
-  title,
-  titleIcon,
-  titleIconOnPress,
-  titleStatus,
-  statusType = 'unavailable',
-  overlayStyle,
-  children,
-  showHeader = true,
-  showFooter = false,
-  middleSectionStyle,
-  leftButtonText,
-  leftButtonTextStyle,
-  rightButtonStyle,
-  rightButtonText,
-  leftButtonOnPress,
-  rightButtonOnPress,
-  component,
-  footerComponent,
-  headerComponent,
-  clearDisable = true,
-  testID,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const getSaveArea = () => {
-    if (_reactNative.Platform.OS === 'web') {
+var themed_1 = require("@rneui/themed");
+var react_native_1 = require("react-native");
+var react_native_safe_area_context_1 = require("react-native-safe-area-context");
+var react_1 = __importDefault(require("react"));
+var Button_1 = __importDefault(require("../Button/Button"));
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var Status_1 = __importDefault(require("../Status/Status"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    overlay: {
+      width: react_native_1.Platform.OS === 'web' ? '55%' : '100%',
+      height: '100%',
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      justifyContent: 'center',
+      alignItems: 'flex-end',
+      paddingVertical: 0,
+      paddingHorizontal: 0,
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
+    flx: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-start'
+    },
+    header: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      height: 64,
+      width: '100%',
+      alignItems: 'center',
+      paddingHorizontal: theme.spacing.tpRg
+    },
+    middleSection: {
+      flex: 1,
+      width: '100%',
+      paddingHorizontal: theme.spacing.tpRg,
+      fontFamily: theme.fonts.fontFamily,
+      paddingBottom: theme.spacing.tpMd
+    },
+    title: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.h4,
+      letterSpacing: theme.fonts.letterSpacingS,
+      color: theme.colors.primary,
+      fontWeight: theme.fonts.weightM
+    },
+    clear: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeM,
+      fontWeight: theme.fonts.weightM,
+      color: theme.colors.grey3
+    },
+    footer: {
+      paddingHorizontal: theme.spacing.tpRg,
+      paddingVertical: theme.spacing.tpMd,
+      color: 'red',
+      width: '100%',
+      justifyContent: 'flex-end',
+      flexDirection: 'row',
+      alignItems: 'center',
+      fontSize: theme.fonts.sizeS,
+      fontWeight: theme.fonts.weightM,
+      borderTopColor: theme.colors.grey3,
+      borderTopWidth: 1
+    },
+    leftButton: {},
+    leftButtonText: {
+      fontFamily: theme.fonts.fontFamily,
+      fontWeight: theme.fonts.weightM,
+      color: theme.colors.primary
+    },
+    rightButton: {
+      marginLeft: theme.spacing.tpXs
+    },
+    icon: {
+      width: 40
+    },
+    rightButtonText: {
+      // color: 'blue',
+    }
+  };
+});
+var Drawer = function (_a) {
+  var _b = _a.visible,
+    visible = _b === void 0 ? false : _b,
+    onClear = _a.onClear,
+    clearText = _a.clearText,
+    onClose = _a.onClose,
+    title = _a.title,
+    titleIcon = _a.titleIcon,
+    titleIconOnPress = _a.titleIconOnPress,
+    titleStatus = _a.titleStatus,
+    _c = _a.statusType,
+    statusType = _c === void 0 ? 'unavailable' : _c,
+    overlayStyle = _a.overlayStyle,
+    children = _a.children,
+    _d = _a.showHeader,
+    showHeader = _d === void 0 ? true : _d,
+    _e = _a.showFooter,
+    showFooter = _e === void 0 ? false : _e,
+    middleSectionStyle = _a.middleSectionStyle,
+    leftButtonText = _a.leftButtonText,
+    leftButtonTextStyle = _a.leftButtonTextStyle,
+    rightButtonStyle = _a.rightButtonStyle,
+    rightButtonText = _a.rightButtonText,
+    leftButtonOnPress = _a.leftButtonOnPress,
+    rightButtonOnPress = _a.rightButtonOnPress,
+    component = _a.component,
+    footerComponent = _a.footerComponent,
+    headerComponent = _a.headerComponent,
+    _f = _a.clearDisable,
+    clearDisable = _f === void 0 ? true : _f,
+    testID = _a.testID,
+    props = __rest(_a, ["visible", "onClear", "clearText", "onClose", "title", "titleIcon", "titleIconOnPress", "titleStatus", "statusType", "overlayStyle", "children", "showHeader", "showFooter", "middleSectionStyle", "leftButtonText", "leftButtonTextStyle", "rightButtonStyle", "rightButtonText", "leftButtonOnPress", "rightButtonOnPress", "component", "footerComponent", "headerComponent", "clearDisable", "testID"]);
+  var styles = useStyles(props);
+  var getSaveArea = function () {
+    if (react_native_1.Platform.OS === 'web') {
       return null;
     }
-    const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+    var insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
     return {
       paddingTop: insets.top
     };
   };
-  return /*#__PURE__*/_react.default.createElement(_themed.Overlay, {
+  return react_1.default.createElement(themed_1.Overlay, {
     isVisible: visible,
     onBackdropPress: onClose,
     overlayStyle: [styles.overlay, getSaveArea(), overlayStyle],
     testID: testID
-  }, showHeader && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, showHeader && react_1.default.createElement(react_native_1.View, {
     style: styles.header
-  }, headerComponent ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, headerComponent) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, headerComponent ? react_1.default.createElement(react_1.default.Fragment, null, headerComponent) : react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.View, {
     style: [styles.flx, {
       gap: 8
     }]
-  }, titleIcon && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => {
-      titleIconOnPress && titleIconOnPress();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: titleIcon,
-    size: 32,
-    style: styles.icon
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.title
-  }, title), titleStatus && /*#__PURE__*/_react.default.createElement(_Status.default, {
-    mode: 'solid',
-    type: statusType,
-    tag: titleStatus
-  })), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onPress: onClear ?? onClose,
-    type: 'clear',
-    disabled: clearDisable,
-    title: clearText
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    style: [styles.middleSection, middleSectionStyle]
-  }, component, children), showFooter && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.footer]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.leftButton,
-    onPress: leftButtonOnPress
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [styles.leftButtonText, leftButtonTextStyle]
-  }, leftButtonText)), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    style: [styles.rightButton, rightButtonStyle],
-    onPress: rightButtonOnPress
-  }, rightButtonText)), footerComponent && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.footer
-  }, footerComponent));
-};
-var _default = exports.default = (0, _themed.withTheme)(Drawer);
-//# sourceMappingURL=Drawer.js.map& react_1.default.createElement(react_native_1.TouchableOpacity, {
+  }, titleIcon && react_1.default.createElement(react_native_1.TouchableOpacity, {
     onPress: function () {
       titleIconOnPress && titleIconOnPress();
     }
@@ -211,4 +192,3 @@ var _default = exports.default = (0, _themed.withTheme)(Drawer);
   }, footerComponent));
 };
 exports.default = (0, themed_1.withTheme)(Drawer);
-//# sourceMappingURL=Drawer.js.map

package/commonjs/Dropdown/CustomDropdown.js

@@ -267,4 +267,3 @@ var CustomDropdown = function (_a) {
   }, children)));
 };
 exports.default = (0, themed_1.withTheme)(CustomDropdown);
-//# sourceMappingURL=CustomDropdown.js.map

package/commonjs/Dropdown/Dropdown.js

@@ -642,7 +642,7 @@ const Dropdown = ({
 };
 var _default = exports.default = (0, _themed.withTheme)(Dropdown); // 向后兼容的别名导出
 const TapasDropdownModal = exports.TapasDropdownModal = (0, _themed.withTheme)(Dropdown);
-//# sourceMappingURL=Dropdown.js.map     closeModal();
+
         setTimeout(function () {
           onExtendBtnPress === null || onExtendBtnPress === void 0 ? void 0 : onExtendBtnPress();
         }, 300);
@@ -752,4 +752,3 @@ const TapasDropdownModal = exports.TapasDropdownModal = (0, _themed.withTheme)(D
 exports.default = (0, themed_1.withTheme)(Dropdown);
 // 向后兼容的别名导出
 exports.TapasDropdownModal = (0, themed_1.withTheme)(Dropdown);
-//# sourceMappingURL=Dropdown.js.map

package/commonjs/Dropdown/InputDropdown.js

@@ -1,110 +1,167 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
 });
-var _exportNames = {};
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _CustomDropdown = _interopRequireWildcard(require("./CustomDropdown"));
-Object.keys(_CustomDropdown).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CustomDropdown[key]) return;
-  Object.defineProperty(exports, key, {
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
     enumerable: true,
-    get: function () {
-      return _CustomDropdown[key];
-    }
+    value: v
   });
+} : function (o, v) {
+  o["default"] = v;
 });
-var _ListItem = _interopRequireDefault(require("../ListItem/ListItem"));
-var _Input = require("../Input/Input");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-//@ts-ignore
-
-const InputDropdown = ({
-  value,
-  prefix = '',
-  options,
-  onChange,
-  width,
-  subWidth,
-  subHeight = 150,
-  required,
-  isVisible,
-  readOnly,
-  clearable,
-  label,
-  defaultShowLabel,
-  labelBg,
-  labelColor,
-  disabled,
-  allCreate,
-  labelPosition,
-  // @ts-ignore
-  theme,
-  children,
-  ...props
-}) => {
-  const [selected, selectedItem] = (0, _react.useState)(value);
-  const [inputValue, setInputValue] = (0, _react.useState)(value?.name || '');
-  const [list, setList] = (0, _react.useState)(options);
-  const clearInput = () => {
+var __importStar = void 0 && (void 0).__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var CustomDropdown_1 = __importDefault(require("./CustomDropdown"));
+var ListItem_1 = __importDefault(require("../ListItem/ListItem"));
+var Input_1 = require("../Input/Input");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+__exportStar(require("./CustomDropdown"), exports);
+var InputDropdown = function (_a) {
+  var value = _a.value,
+    _b = _a.prefix,
+    prefix = _b === void 0 ? '' : _b,
+    options = _a.options,
+    onChange = _a.onChange,
+    width = _a.width,
+    subWidth = _a.subWidth,
+    _c = _a.subHeight,
+    subHeight = _c === void 0 ? 150 : _c,
+    required = _a.required,
+    isVisible = _a.isVisible,
+    readOnly = _a.readOnly,
+    clearable = _a.clearable,
+    label = _a.label,
+    defaultShowLabel = _a.defaultShowLabel,
+    labelBg = _a.labelBg,
+    labelColor = _a.labelColor,
+    disabled = _a.disabled,
+    allCreate = _a.allCreate,
+    labelPosition = _a.labelPosition,
+    // @ts-ignore
+    theme = _a.theme,
+    children = _a.children,
+    props = __rest(_a, ["value", "prefix", "options", "onChange", "width", "subWidth", "subHeight", "required", "isVisible", "readOnly", "clearable", "label", "defaultShowLabel", "labelBg", "labelColor", "disabled", "allCreate", "labelPosition", "theme", "children"]);
+  var _d = (0, react_1.useState)(value),
+    selected = _d[0],
+    selectedItem = _d[1];
+  var _e = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value.name) || ''),
+    inputValue = _e[0],
+    setInputValue = _e[1];
+  var _f = (0, react_1.useState)(options),
+    list = _f[0],
+    setList = _f[1];
+  var clearInput = function () {
     setInputValue('');
     selectedItem({});
     setList(options);
     onChange && onChange();
     props.onPress && props.onPress();
   };
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     if (value) {
       selectedItem(value);
       setInputValue(value.name);
     }
   }, [JSON.stringify(value)]);
-  const simpleFilter = val => {
+  var simpleFilter = function (val) {
     if (!val) {
       setList(options);
       return;
     }
     if (Array.isArray(options)) {
-      const filterList = options?.filter(({
-        name
-      }) => name.includes(val));
+      var filterList = options === null || options === void 0 ? void 0 : options.filter(function (_a) {
+        var name = _a.name;
+        return name.includes(val);
+      });
       setList(filterList);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_CustomDropdown.default, _extends({
-    value: value?.name,
+  return react_1.default.createElement(CustomDropdown_1.default, __assign({
+    value: value === null || value === void 0 ? void 0 : value.name,
     isVisible: isVisible,
     width: width,
     subWidth: subWidth,
     subHeight: subHeight
   }, props, {
-    customButton: /*#__PURE__*/_react.default.createElement(_Input.TapasInput, {
+    customButton: react_1.default.createElement(Input_1.TapasInput, {
       required: required,
       disabled: disabled,
       readOnly: readOnly,
       defaultShowLabel: defaultShowLabel,
       value: inputValue,
-      onFocus: () => {
+      onFocus: function () {
         setList(options);
         props.onPress && props.onPress();
       },
-      onChange: e => {
+      onChange: function (e) {
         setInputValue(e.nativeEvent.text);
         simpleFilter(e.nativeEvent.text);
         props.onSearch && props.onSearch(e.nativeEvent.text);
       },
-      onBlur: () => {
-        if (!allCreate) setInputValue(selected?.name || '');
+      onBlur: function () {
+        if (!allCreate) setInputValue((selected === null || selected === void 0 ? void 0 : selected.name) || '');
       },
       label: label,
       rightIconContainerStyle: {
@@ -112,58 +169,10 @@ const InputDropdown = ({
         right: 8,
         top: -4
       },
-      rightIcon: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, readOnly || !inputValue || !clearable ? /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+      rightIcon: react_1.default.createElement(react_1.Fragment, null, readOnly || !inputValue || !clearable ? react_1.default.createElement(TapasIcon_1.default, {
         size: 20,
         name: isVisible ? 'arrow_drop_up' : 'arrow_drop_down',
         color: disabled ? theme.colors.disabled : theme.colors.colorNormalIcon
-      }) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-        onPress: clearInput
-      }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-        size: 20,
-        name: isVisible ? 'clear-all' : 'arrow_drop_down',
-        color: disabled ? theme.colors.disabled : theme.colors.colorNormalIcon
-      }))),
-      labelPosition: labelPosition,
-      labelBg:
-      //@ts-ignore
-      labelBg ? labelBg : theme.colors.background,
-      labelColor:
-      //@ts-ignore
-      disabled ? theme.colors.disabled : theme.colors.secondary
-    }),
-    onClose: () => {
-      props.onClose && props.onClose();
-    },
-    onPress: () => {
-      props.onPress && props.onPress();
-    }
-  }), Array.isArray(list) ? /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    style: {
-      width: subWidth,
-      maxHeight: subHeight
-    }
-  }, list?.map((item, index) => {
-    const visibleItems = list.filter(item => !item.hide);
-    const currentVisibleIndex = visibleItems.findIndex(visibleItem => visibleItem === item);
-    const isFirst = currentVisibleIndex === 0;
-    const isLast = currentVisibleIndex === visibleItems.length - 1;
-    return !item.hide && /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-      onItemPress: value => {
-        selectedItem(value);
-        setInputValue(value.name);
-        onChange && onChange(value);
-        props.onClose && props.onClose();
-      },
-      key: index,
-      item: item,
-      selected: selected,
-      isFirst: isFirst,
-      isLast: isLast
-    });
-  })) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children));
-};
-var _default = exports.default = (0, _themed.withTheme)(InputDropdown);
-//# sourceMappingURL=InputDropdown.js.map: disabled ? theme.colors.disabled : theme.colors.colorNormalIcon
       }) : react_1.default.createElement(react_native_1.TouchableOpacity, {
         onPress: clearInput
       }, react_1.default.createElement(TapasIcon_1.default, {
@@ -215,4 +224,3 @@ var _default = exports.default = (0, _themed.withTheme)(InputDropdown);
   })) : react_1.default.createElement(react_1.Fragment, null, children));
 };
 exports.default = (0, themed_1.withTheme)(InputDropdown);
-//# sourceMappingURL=InputDropdown.js.map