@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/Drawer/Drawer.js

@@ -1,146 +1,173 @@
-"use strict";
-
-var __rest = this && this.__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]];
+import { Overlay, withTheme, makeStyles } from '@rneui/themed';
+import { Text, View, ScrollView, TouchableOpacity, Platform } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import React from 'react';
+import Button from '../Button/Button';
+import Icon from '../Icons/TapasIcon';
+import Status from '../Status/Status';
+const useStyles = makeStyles(theme => ({
+  overlay: {
+    width: 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',
   }
-  return t;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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',
+}));
+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 (Platform.OS === 'web') {
+      return null;
     }
+    const insets = useSafeAreaInsets();
+    return {
+      paddingTop: insets.top
+    };
   };
-});
-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;
+  return /*#__PURE__*/React.createElement(Overlay, {
+    isVisible: visible,
+    onBackdropPress: onClose,
+    overlayStyle: [styles.overlay, getSaveArea(), overlayStyle],
+    testID: testID
+  }, showHeader && /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, headerComponent ? /*#__PURE__*/React.createElement(React.Fragment, null, headerComponent) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.flx, {
+      gap: 8
+    }]
+  }, titleIcon && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      titleIconOnPress && titleIconOnPress();
     }
-    var insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: titleIcon,
+    size: 32,
+    style: styles.icon
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, title), titleStatus && /*#__PURE__*/React.createElement(Status, {
+    mode: 'solid',
+    type: statusType,
+    tag: titleStatus
+  })), /*#__PURE__*/React.createElement(Button, {
+    onPress: onClear ?? onClose,
+    type: 'clear',
+    disabled: clearDisable,
+    title: clearText
+  }))), /*#__PURE__*/React.createElement(ScrollView, {
+    style: [styles.middleSection, middleSectionStyle]
+  }, component, children), showFooter && /*#__PURE__*/React.createElement(View, {
+    style: [styles.footer]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.leftButton,
+    onPress: leftButtonOnPress
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.leftButtonText, leftButtonTextStyle]
+  }, leftButtonText)), /*#__PURE__*/React.createElement(Button, {
+    style: [styles.rightButton, rightButtonStyle],
+    onPress: rightButtonOnPress
+  }, rightButtonText)), footerComponent && /*#__PURE__*/React.createElement(View, {
+    style: styles.footer
+  }, footerComponent));
+};
+export default withTheme(Drawer);
     return {
       paddingTop: insets.top
     };
@@ -192,4 +219,3 @@ var Drawer = function (_a) {
   }, footerComponent));
 };
 exports.default = (0, themed_1.withTheme)(Drawer);
-//# sourceMappingURL=Drawer.js.map

package/module/Dropdown/CustomDropdown.js

@@ -215,4 +215,58 @@ const CustomDropdown = ({
   }, children)));
 };
 export default withTheme(CustomDropdown);
-//# sourceMappingURL=CustomDropdown.js.map
+    titleStyle: __assign(__assign({}, styles.title), isVisible ? __assign(__assign({}, styles.titleExpanded), props.textExpandedStyle) : {}),
+    onPress: function (event) {
+      if (props.disabled) return;
+      handlePress(event);
+    },
+    width: width,
+    type: "outline"
+  }, props), react_1.default.createElement(react_native_1.Text, {
+    disabled: props.disabled,
+    style: {
+      overflow: 'hidden'
+      // whiteSpace: 'nowrap', // 不支持 React Native
+      // textOverflow:"ellipsis" // 不支持 React Native
+    }
+  }, value), icon ? icon : react_1.default.createElement(TapasIcon_1.default, {
+    name: "arrow_drop_down",
+    // @ts-ignore
+    style: [styles.dropdownIcon, isVisible ? __assign(__assign({}, styles.iconExpanded), props.iconExpandedStyle) : {}, props.disabled && {
+      opacity: 0.5
+    }]
+  })), !common_1.isMobile && isVisible && function () {
+    // console.log('CustomDropdown: Rendering desktop dropdown', { isMobile, isVisible, subWidth, subHeight });
+    // 计算默认的 top 和 left 值
+    var defaultTop = subContainerPosition === 'upLeft' || subContainerPosition === 'upRight' || subContainerPosition === 'upCenter' ? -(subHeight + (showSearchBar ? 66 : 16)) : undefined;
+    var defaultLeft = subContainerPosition === 'center' ? -(subWidth - width) / 2 : subContainerPosition === 'right' ? undefined : subContainerPosition === 'left' ? 0 : undefined;
+    return react_1.default.createElement(react_native_1.View, {
+      style: [styles.subContainer,
+      // 应用默认的位置样式（如果没有自定义值）
+      subContainerTop === undefined && defaultTop !== undefined ? {
+        top: defaultTop
+      } : {}, subContainerLeft === undefined && defaultLeft !== undefined ? {
+        left: defaultLeft
+      } : {}, subContainerPosition === 'right' && subContainerLeft === undefined ? {
+        right: 0
+      } : {},
+      // 应用自定义的 top 和 left 值（优先级最高）
+      subContainerTop !== undefined ? {
+        top: subContainerTop
+      } : {}, subContainerLeft !== undefined ? {
+        left: subContainerLeft
+      } : {}, subContainerStyle]
+    }, children);
+  }(), common_1.isMobile && isVisible && react_1.default.createElement(themed_1.BottomSheet, {
+    containerStyle: [styles.bottomSheetContainer, props.containerStyle],
+    backdropStyle: [styles.backdropStyle, props.backdropStyle],
+    isVisible: isVisible,
+    onBackdropPress: props === null || props === void 0 ? void 0 : props.onBackdropPress
+  }, react_1.default.createElement(SheetTitle_1.default, __assign({}, sheetTitlePros)), react_1.default.createElement(react_native_1.ScrollView, {
+    style: [styles.scrollView, props.scrollViewStyle, {
+      width: subWidth
+    }],
+    onPointerEnter: handlePress
+  }, children)));
+};
+exports.default = (0, themed_1.withTheme)(CustomDropdown);

package/module/Dropdown/Dropdown.js

@@ -720,4 +720,3 @@ var Dropdown = function (_a) {
 exports.default = (0, themed_1.withTheme)(Dropdown);
 // 向后兼容的别名导出
 exports.TapasDropdownModal = (0, themed_1.withTheme)(Dropdown);
-//# sourceMappingURL=Dropdown.js.map

package/module/Dropdown/InputDropdown.js

@@ -1,149 +1,131 @@
-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); }
-import React, { Fragment, useState, useEffect } from 'react';
-import { TouchableOpacity, ScrollView } from 'react-native';
-import { withTheme } from '@rneui/themed';
-import CustomDropdown from './CustomDropdown';
-import CustomListItem from '../ListItem/ListItem';
-import { TapasInput } from '../Input/Input';
-import Icon from '../Icons/TapasIcon';
-export * from './CustomDropdown';
-//@ts-ignore
+"use strict";
 
-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] = useState(value);
-  const [inputValue, setInputValue] = useState(value?.name || '');
-  const [list, setList] = useState(options);
-  const clearInput = () => {
+var __assign = this && this.__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 = this && this.__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 __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__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 = this && this.__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = this && this.__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 = this && this.__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();
   };
-  useEffect(() => {
+  (0, react_1.useEffect)(function () {
     if (value) {
       selectedItem(value);
       setInputValue(value.name);
     }
   }, [JSON.stringify(value)]);
-  const simpleFilter = val => {
-    if (!val) {
-      setList(options);
-      return;
-    }
-    if (Array.isArray(options)) {
-      const filterList = options?.filter(({
-        name
-      }) => name.includes(val));
-      setList(filterList);
-    }
-  };
-  return /*#__PURE__*/React.createElement(CustomDropdown, _extends({
-    value: value?.name,
-    isVisible: isVisible,
-    width: width,
-    subWidth: subWidth,
-    subHeight: subHeight
-  }, props, {
-    customButton: /*#__PURE__*/React.createElement(TapasInput, {
-      required: required,
-      disabled: disabled,
-      readOnly: readOnly,
-      defaultShowLabel: defaultShowLabel,
-      value: inputValue,
-      onFocus: () => {
-        setList(options);
-        props.onPress && props.onPress();
-      },
-      onChange: e => {
-        setInputValue(e.nativeEvent.text);
-        simpleFilter(e.nativeEvent.text);
-        props.onSearch && props.onSearch(e.nativeEvent.text);
-      },
-      onBlur: () => {
-        if (!allCreate) setInputValue(selected?.name || '');
-      },
-      label: label,
-      rightIconContainerStyle: {
-        position: 'absolute',
-        right: 8,
-        top: -4
-      },
-      rightIcon: /*#__PURE__*/React.createElement(Fragment, null, readOnly || !inputValue || !clearable ? /*#__PURE__*/React.createElement(Icon, {
-        size: 20,
-        name: isVisible ? 'arrow_drop_up' : 'arrow_drop_down',
-        color: disabled ? theme.colors.disabled : theme.colors.colorNormalIcon
-      }) : /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: clearInput
-      }, /*#__PURE__*/React.createElement(Icon, {
-        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.createElement(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.createElement(CustomListItem, {
-      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.createElement(Fragment, null, children));
-};
-export default withTheme(InputDropdown);
-//# sourceMappingURL=InputDropdown.js.map (val) {
+  var simpleFilter = function (val) {
     if (!val) {
       setList(options);
       return;
@@ -242,4 +224,3 @@ export default withTheme(InputDropdown);
   })) : react_1.default.createElement(react_1.Fragment, null, children));
 };
 exports.default = (0, themed_1.withTheme)(InputDropdown);
-//# sourceMappingURL=InputDropdown.js.map