@beppla/tapas-ui 1.0.71 → 1.0.73

package/module/MessageBox/MessageBox.js

@@ -181,102 +181,4 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(MessageBox);
-//# sourceMappingURL=MessageBox.js.mapText, {
-    style: styles.messagebox_btn_txt,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, closeBtnText || "Close")) : null, !hideConfirmBtn ? react_1.default.createElement(react_native_1.Pressable, {
-    style: [styles.messagebox_btn, {
-      backgroundColor: theme.theme.colors.primary
-    }],
-    onPress: handleConfirm
-  }, react_1.default.createElement(react_native_1.Text, {
-    style: [styles.messagebox_btn_txt, {
-      color: theme.theme.colors.white
-    }],
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, confirmBtnText || "Confirm")) : null) : null)));
-};
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var _a, _b, _c;
-  return {
-    modalContainer: {
-      flex: 1,
-      justifyContent: "center",
-      alignItems: "center",
-      backgroundColor: "rgba(0, 0, 0, 0.6)",
-      zIndex: 10
-    },
-    modalContent: {
-      width: 392,
-      borderRadius: 12,
-      backgroundColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.white,
-      display: "flex",
-      flexDirection: "column",
-      padding: 16,
-      gap: 16
-    },
-    messagebox_header: {
-      display: "flex",
-      flexDirection: "row",
-      gap: 4,
-      height: 20
-    },
-    messagebox_header_icon: {
-      width: 20,
-      height: 20,
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignContent: "center",
-      alignItems: "center"
-    },
-    messagebox_header_txt_con: {
-      display: "flex",
-      flexDirection: "row",
-      flex: 1,
-      overflow: "hidden"
-    },
-    messagebox_header_txt: {
-      fontSize: 16,
-      fontWeight: "700",
-      color: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary
-    },
-    messagebox_main: {
-      display: "flex",
-      flexDirection: "column",
-      flex: 1,
-      overflow: "hidden"
-    },
-    messagebox_main_txt: {
-      fontSize: 14,
-      fontWeight: "400",
-      color: (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.secondary
-    },
-    messagebox_footer: {
-      display: "flex",
-      flexDirection: "row",
-      justifyContent: "flex-end",
-      gap: 8,
-      height: 40
-    },
-    messagebox_btn: {
-      height: 40,
-      display: "flex",
-      flexDirection: "row",
-      justifyContent: "center",
-      alignContent: "center",
-      alignItems: "center",
-      paddingLeft: 16,
-      paddingRight: 16,
-      borderRadius: 20
-    },
-    messagebox_btn_txt: {
-      fontSize: 14,
-      fontWeight: "600"
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(MessageBox);
 //# sourceMappingURL=MessageBox.js.map

package/module/MessageBox/MessageBox.js.map

@@ -1,2 +1 @@
 {"version":3,"names":["React","useEffect","useState","useCallback","useMemo","View","Text","Modal","Pressable","withTheme","makeStyles","useTheme","TapasIcon","MessageBox","state","title","text","icon","visible","confirmBtnText","closeBtnText","hideFooter","hideCloseBtn","hideConfirmBtn","descNumberOfLines","onVisibilityChange","onClose","onConfirm","theme","styles","useStyles","modalVisible","setModalVisible","Boolean","stateIcon","handleClose","handleConfirm","handleRequestClose","createElement","animationType","transparent","onRequestClose","style","modalContainer","modalContent","messagebox_header","messagebox_header_icon","name","size","color","colors","primary","messagebox_header_txt_con","messagebox_header_txt","numberOfLines","ellipsizeMode","messagebox_main","messagebox_main_txt","messagebox_footer","messagebox_btn","onPress","messagebox_btn_txt","backgroundColor","white","flex","justifyContent","alignItems","zIndex","width","borderRadius","display","flexDirection","padding","gap","height","alignContent","overflow","fontSize","fontWeight","secondary","paddingLeft","paddingRight"],"sourceRoot":"../../../components","sources":["MessageBox/MessageBox.tsx"],"mappings":"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","ignoreList":[]}
-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","ignoreList":[]}

package/module/MultiSelector/MultiSelector.js

@@ -1,154 +1,75 @@
-"use strict";
-
-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
+import React, { useEffect, useRef, useState } from "react";
+import { View, Modal, TouchableOpacity, Text, Dimensions, Pressable, Animated, ScrollView } from "react-native";
+import { makeStyles, useTheme, withTheme } from "@rneui/themed";
+import Icon from "../Icons/TapasIcon";
+const TapasMultiSelector = ({
+  icon = "arrow_drop_down",
+  width,
+  height,
+  iconStyle,
+  title,
+  label,
+  required,
+  dropdownSubWidth,
+  dropdownSubHeight,
+  dropdownItems = [],
+  selected,
+  showSelectedValue = false,
+  backgroundColor,
+  onSelect,
+  placeholder,
+  disabled,
+  type,
+  state = "normal",
+  stateMsg,
+  showStateMsg = false,
+  radius = 12,
+  offsetWidth = 0,
+  showSearchBar = false,
+  noLabelAnim = false,
+  visible,
+  setVisible,
+  searchPlaceholder = "Search",
+  clearButtonText = "Clear",
+  confirmButtonText = "Done",
+  testID
+}) => {
+  const theme = useTheme();
+  const styles = useStyles(theme);
+  const [modalVisible, setModalVisible] = useState(false);
+  const [dropdownWidthCalc, setDropdownWidthCalc] = useState(dropdownSubWidth ?? 151);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    top: 0,
+    left: 0
   });
-} : 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 __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-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 TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var TapasMultiSelector = function (_a) {
-  var _b = _a.icon,
-    icon = _b === void 0 ? "arrow_drop_down" : _b,
-    width = _a.width,
-    height = _a.height,
-    iconStyle = _a.iconStyle,
-    title = _a.title,
-    label = _a.label,
-    required = _a.required,
-    dropdownSubWidth = _a.dropdownSubWidth,
-    dropdownSubHeight = _a.dropdownSubHeight,
-    _c = _a.dropdownItems,
-    dropdownItems = _c === void 0 ? [] : _c,
-    selected = _a.selected,
-    _d = _a.showSelectedValue,
-    showSelectedValue = _d === void 0 ? false : _d,
-    backgroundColor = _a.backgroundColor,
-    onSelect = _a.onSelect,
-    placeholder = _a.placeholder,
-    disabled = _a.disabled,
-    type = _a.type,
-    _e = _a.state,
-    state = _e === void 0 ? "normal" : _e,
-    stateMsg = _a.stateMsg,
-    _f = _a.showStateMsg,
-    showStateMsg = _f === void 0 ? false : _f,
-    _g = _a.radius,
-    radius = _g === void 0 ? 12 : _g,
-    _h = _a.offsetWidth,
-    offsetWidth = _h === void 0 ? 0 : _h,
-    _j = _a.showSearchBar,
-    showSearchBar = _j === void 0 ? false : _j,
-    _k = _a.noLabelAnim,
-    noLabelAnim = _k === void 0 ? false : _k,
-    visible = _a.visible,
-    setVisible = _a.setVisible,
-    _l = _a.searchPlaceholder,
-    searchPlaceholder = _l === void 0 ? "Search" : _l,
-    _m = _a.clearButtonText,
-    clearButtonText = _m === void 0 ? "Clear" : _m,
-    _o = _a.confirmButtonText,
-    confirmButtonText = _o === void 0 ? "Done" : _o,
-    testID = _a.testID;
-  var theme = (0, themed_1.useTheme)();
-  var styles = useStyles(theme);
-  var _p = (0, react_1.useState)(false),
-    modalVisible = _p[0],
-    setModalVisible = _p[1];
-  var _q = (0, react_1.useState)(dropdownSubWidth !== null && dropdownSubWidth !== void 0 ? dropdownSubWidth : 151),
-    dropdownWidthCalc = _q[0],
-    setDropdownWidthCalc = _q[1];
-  var _r = (0, react_1.useState)({
-      top: 0,
-      left: 0
-    }),
-    dropdownPosition = _r[0],
-    setDropdownPosition = _r[1];
-  var _s = (0, react_1.useState)(selected !== null && selected !== void 0 ? selected : []),
-    selectedItemKey = _s[0],
-    setSelectedItemKey = _s[1];
-  var _t = (0, react_1.useState)(18),
-    top = _t[0],
-    setTop = _t[1];
-  var buttonRef = (0, react_1.useRef)(null);
-  var topAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(18)).current;
-  var offsetSpace = 8;
-  var offsetHeight = 10;
-  var openDropdown = function () {
+  const [selectedItemKey, setSelectedItemKey] = useState(selected ?? []);
+  const [top, setTop] = useState(18);
+  const buttonRef = useRef(null);
+  const topAnim = useRef(new Animated.Value(18)).current;
+  const offsetSpace = 8;
+  const offsetHeight = 10;
+  const openDropdown = () => {
     if (disabled) return;
     if (buttonRef.current) {
-      buttonRef.current.measure(function (_fx, _fy, width, height, px, py) {
-        var window = react_native_1.Dimensions.get("window");
-        var dropdownHeight = dropdownSubHeight !== null && dropdownSubHeight !== void 0 ? dropdownSubHeight : Math.min(40 * dropdownItems.length + 24, 448);
-        var dropdownWidth = Math.max(width, dropdownSubWidth !== null && dropdownSubWidth !== void 0 ? dropdownSubWidth : 151);
+      buttonRef.current.measure((_fx, _fy, width, height, px, py) => {
+        const window = Dimensions.get("window");
+        const dropdownHeight = dropdownSubHeight ?? Math.min(40 * dropdownItems.length + 24, 448);
+        const dropdownWidth = Math.max(width, dropdownSubWidth ?? 151);
         setDropdownWidthCalc(dropdownWidth);
+
         // 计算下方空间是否足够
-        var enoughSpaceBelow = py + height + dropdownHeight + offsetHeight <= window.height;
-        var enoughSpaceAbove = py - dropdownHeight >= 0;
-        var enoughSpaceRight = px + dropdownWidth <= window.width;
+        const enoughSpaceBelow = py + height + dropdownHeight + offsetHeight <= window.height;
+        const enoughSpaceAbove = py - dropdownHeight >= 0;
+        const enoughSpaceRight = px + dropdownWidth <= window.width;
+
         // 处理 px 由于 tab screen的问题 导致 px 可能是多个屏宽倍数的问题
-        var adjustedPx = px % window.width + (px > window.width ? 56 : 0) + offsetWidth;
+        const adjustedPx = px % window.width + (px > window.width ? 56 : 0) + offsetWidth;
         // 根据空间决定显示方向和位置
-        var top = enoughSpaceBelow ? py + height + offsetSpace : enoughSpaceAbove ? py - dropdownHeight - offsetHeight - 16 : py + height + offsetSpace;
-        var left = enoughSpaceRight ? adjustedPx : adjustedPx + width - dropdownWidth;
+        const top = enoughSpaceBelow ? py + height + offsetSpace : enoughSpaceAbove ? py - dropdownHeight - offsetHeight - 16 : py + height + offsetSpace;
+        const left = enoughSpaceRight ? adjustedPx : adjustedPx + width - dropdownWidth;
         setDropdownPosition({
-          top: top,
-          left: left
+          top,
+          left
         });
         if (setVisible) {
           setVisible(true);
@@ -158,77 +79,65 @@ var TapasMultiSelector = function (_a) {
       });
     }
   };
-  (0, react_1.useEffect)(function () {
-    setSelectedItemKey(selected !== null && selected !== void 0 ? selected : []);
+  useEffect(() => {
+    setSelectedItemKey(selected ?? []);
   }, [selected]);
-  (0, react_1.useEffect)(function () {
+  useEffect(() => {
     if (typeof visible === "boolean" && visible !== undefined) {
       setModalVisible(visible);
     }
   }, [visible]);
-  (0, react_1.useEffect)(function () {
-    var start = selectedItemKey.length === 0 ? 0 : 18;
-    var target = selectedItemKey.length === 0 ? 18 : 0;
+  useEffect(() => {
+    const start = selectedItemKey.length === 0 ? 0 : 18;
+    const target = selectedItemKey.length === 0 ? 18 : 0;
     if (top === target) return;
     setTop(target);
     topAnim.setValue(start);
-    react_native_1.Animated.timing(topAnim, {
+    Animated.timing(topAnim, {
       toValue: target,
       duration: 300,
       useNativeDriver: true
     }).start();
   }, [selectedItemKey]);
-  var closeModal = function () {
+  const closeModal = () => {
     if (setVisible) {
       setVisible(false);
     } else {
       setModalVisible(false);
     }
   };
-  var handleItemSelect = function (key) {
-    var newSelected = selectedItemKey.includes(key) ? selectedItemKey.filter(function (k) {
-      return k !== key;
-    }) : __spreadArray(__spreadArray([], selectedItemKey, true), [key], false);
+  const handleItemSelect = key => {
+    const newSelected = selectedItemKey.includes(key) ? selectedItemKey.filter(k => k !== key) : [...selectedItemKey, key];
     setSelectedItemKey(newSelected);
   };
-  var handleClear = function () {
+  const handleClear = () => {
     setSelectedItemKey([]);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect([]);
+    onSelect?.([]);
     closeModal();
   };
-  var handleConfirm = function () {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedItemKey);
+  const handleConfirm = () => {
+    onSelect?.(selectedItemKey);
     closeModal();
   };
-  var renderCheckbox = function (item) {
-    return react_1.default.createElement(react_native_1.View, {
-      style: styles.checkboxContainer
-    }, react_1.default.createElement(react_native_1.View, {
-      style: [styles.checkbox, selectedItemKey.includes(item.key) && styles.checkboxChecked]
-    }, selectedItemKey.includes(item.key) && react_1.default.createElement(react_native_1.Text, {
-      style: styles.checkmark
-    }, "\u2713")), react_1.default.createElement(react_native_1.Text, {
-      style: styles.optionText,
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, item.value));
-  };
-  var renderButton = function (text, onPress, disabled, primary) {
-    if (disabled === void 0) {
-      disabled = false;
-    }
-    if (primary === void 0) {
-      primary = false;
-    }
-    return react_1.default.createElement(react_native_1.TouchableOpacity, {
-      style: [styles.button, primary && styles.primaryButton, disabled && styles.disabledButton],
-      onPress: onPress,
-      disabled: disabled
-    }, react_1.default.createElement(react_native_1.Text, {
-      style: [styles.buttonText, primary && styles.primaryButtonText, disabled && styles.disabledButtonText]
-    }, text));
-  };
-  return react_1.default.createElement(react_native_1.View, {
+  const renderCheckbox = item => /*#__PURE__*/React.createElement(View, {
+    style: styles.checkboxContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.checkbox, selectedItemKey.includes(item.key) && styles.checkboxChecked]
+  }, selectedItemKey.includes(item.key) && /*#__PURE__*/React.createElement(Text, {
+    style: styles.checkmark
+  }, "\u2713")), /*#__PURE__*/React.createElement(Text, {
+    style: styles.optionText,
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, item.value));
+  const renderButton = (text, onPress, disabled = false, primary = false) => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, primary && styles.primaryButton, disabled && styles.disabledButton],
+    onPress: onPress,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, primary && styles.primaryButtonText, disabled && styles.disabledButtonText]
+  }, text));
+  return /*#__PURE__*/React.createElement(View, {
     style: [styles.con, width ? {
       maxWidth: width,
       minWidth: width
@@ -237,16 +146,16 @@ var TapasMultiSelector = function (_a) {
       maxHeight: height + (label ? 7 : 0) + (showStateMsg ? 15 : 0)
     } : null],
     testID: testID
-  }, label && !noLabelAnim && react_1.default.createElement(react_native_1.Animated.View, {
+  }, label && !noLabelAnim && /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.labelCon, {
       top: topAnim
     }, {
       backgroundColor: backgroundColor || theme.theme.colors.white
     }]
-  }, react_1.default.createElement(react_native_1.Pressable, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
     style: styles.labelInner,
     onPress: openDropdown
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.label_text, state === "error" && {
       color: theme.theme.colors.error
     }, selectedItemKey.length === 0 && {
@@ -256,16 +165,16 @@ var TapasMultiSelector = function (_a) {
     }],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, selectedItemKey.length === 0 ? placeholder || label : label), required && react_1.default.createElement(react_native_1.Text, {
+  }, selectedItemKey.length === 0 ? placeholder || label : label), required && /*#__PURE__*/React.createElement(Text, {
     style: styles.required
-  }, "*"))), react_1.default.createElement(react_native_1.TouchableOpacity, {
+  }, "*"))), /*#__PURE__*/React.createElement(TouchableOpacity, {
     ref: buttonRef,
     style: [showSelectedValue || noLabelAnim && label ? styles.btn : null, type === "solid" ? styles.solidBtn : null, type === "solid" && radius ? {
       borderRadius: radius
     } : null, label ? {
       marginTop: 7
     } : null, noLabelAnim && label && backgroundColor ? {
-      backgroundColor: backgroundColor
+      backgroundColor
     } : null, state === "error" ? {
       borderColor: theme.theme.colors.error
     } : null, disabled ? {
@@ -273,7 +182,7 @@ var TapasMultiSelector = function (_a) {
     } : null],
     disabled: disabled,
     onPress: openDropdown
-  }, showSelectedValue ? react_1.default.createElement(react_native_1.Text, {
+  }, showSelectedValue ? /*#__PURE__*/React.createElement(Text, {
     style: [styles.alignCenter, {
       flexGrow: 1,
       marginRight: 12
@@ -282,11 +191,7 @@ var TapasMultiSelector = function (_a) {
     }],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, !(selectedItemKey === null || selectedItemKey === void 0 ? void 0 : selectedItemKey.length) ? placeholder || "Select an option" : dropdownItems.filter(function (item) {
-    return selectedItemKey.includes(item.key);
-  }).map(function (item) {
-    return item.value;
-  }).join(", ")) : noLabelAnim && label ? react_1.default.createElement(react_native_1.Text, {
+  }, !selectedItemKey?.length ? placeholder || "Select an option" : dropdownItems.filter(item => selectedItemKey.includes(item.key)).map(item => item.value).join(", ")) : noLabelAnim && label ? /*#__PURE__*/React.createElement(Text, {
     style: [styles.alignCenter, {
       flexGrow: 1,
       marginRight: 2
@@ -295,30 +200,30 @@ var TapasMultiSelector = function (_a) {
     }],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, label) : null, react_1.default.createElement(TapasIcon_1.default, {
+  }, label) : null, /*#__PURE__*/React.createElement(Icon, {
     name: modalVisible && icon === "arrow_drop_down" ? "arrow_drop_up" : icon === "arrow_drop_up" ? "arrow_drop_down" : icon || "arrow_drop_down",
     style: [styles.icon, iconStyle, disabled && {
       color: theme.theme.colors.grey3
     }]
-  })), showStateMsg && react_1.default.createElement(react_native_1.View, {
+  })), showStateMsg && /*#__PURE__*/React.createElement(View, {
     style: styles.msg
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.msgText, state === "error" && {
       color: theme.theme.colors.error
     }],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, stateMsg)), react_1.default.createElement(react_native_1.Modal, {
+  }, stateMsg)), /*#__PURE__*/React.createElement(Modal, {
     transparent: true,
     visible: modalVisible,
     onRequestClose: closeModal,
     animationType: "fade"
-  }, react_1.default.createElement(react_native_1.TouchableOpacity, {
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: {
       flex: 1
     },
     onPress: closeModal
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.optionsCon, {
       top: dropdownPosition.top,
       left: dropdownPosition.left,
@@ -326,44 +231,39 @@ var TapasMultiSelector = function (_a) {
     }, dropdownSubHeight ? {
       maxHeight: dropdownSubHeight
     } : null]
-  }, title && react_1.default.createElement(react_native_1.View, {
+  }, title && /*#__PURE__*/React.createElement(View, {
     style: [styles.flx, styles.titleCon]
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: styles.title
-  }, title)), showSearchBar && react_1.default.createElement(react_native_1.View, {
+  }, title)), showSearchBar && /*#__PURE__*/React.createElement(View, {
     style: styles.searchContainer
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: styles.searchPlaceholder
-  }, searchPlaceholder)), react_1.default.createElement(react_native_1.ScrollView, {
+  }, searchPlaceholder)), /*#__PURE__*/React.createElement(ScrollView, {
     style: styles.optionsScrollView,
     showsHorizontalScrollIndicator: false,
     showsVerticalScrollIndicator: false
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.optionsInner
-  }, dropdownItems.length > 0 ? dropdownItems.map(function (item) {
-    return react_1.default.createElement(react_native_1.Pressable, {
-      style: function (_a) {
-        var pressed = _a.pressed;
-        return [styles.option, {
-          backgroundColor: pressed ? theme.theme.colors.grey4 || "#f0f0f0" : "transparent"
-        }];
-      },
-      key: "tapas-dropdown-option-".concat(item.key),
-      onPress: function () {
-        return handleItemSelect(item.key);
-      }
-    }, renderCheckbox(item));
-  }) : react_1.default.createElement(react_native_1.Text, {
+  }, dropdownItems.length > 0 ? dropdownItems.map(item => /*#__PURE__*/React.createElement(Pressable, {
+    style: ({
+      pressed
+    }) => [styles.option, {
+      backgroundColor: pressed ? theme.theme.colors.grey4 || "#f0f0f0" : "transparent"
+    }],
+    key: `tapas-dropdown-option-${item.key}`,
+    onPress: () => handleItemSelect(item.key)
+  }, renderCheckbox(item))) : /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [styles.optionText, styles.noOptions]
-  }, "No options"))), react_1.default.createElement(react_native_1.View, {
+  }, "No options"))), /*#__PURE__*/React.createElement(View, {
     style: styles.footer
-  }, renderButton(clearButtonText, handleClear), renderButton(confirmButtonText, handleConfirm, !(selectedItemKey === null || selectedItemKey === void 0 ? void 0 : selectedItemKey.length), true))))));
+  }, renderButton(clearButtonText, handleClear), renderButton(confirmButtonText, handleConfirm, !selectedItemKey?.length, true))))));
 };
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
+const useStyles = makeStyles(theme => {
   return {
     flx: {
       display: "flex",
@@ -574,5 +474,5 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-exports.default = (0, themed_1.withTheme)(TapasMultiSelector);
+export default withTheme(TapasMultiSelector);
 //# sourceMappingURL=MultiSelector.js.map