@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Header/Header.js

@@ -1,113 +1,180 @@
 "use strict";
 
+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 __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+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 __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 _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-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; }
+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"));
 // ts-ignore
-const useStyles = (0, _themed.makeStyles)(theme => ({
-  headerContainer: {
-    backgroundColor: theme.colors.background,
-    height: 72
-  },
-  title: {
-    color: theme.colors.primary,
-    fontFamily: theme.fonts.fontFamily,
-    fontSize: theme.fonts.h2,
-    fontWeight: theme.fonts.weightL,
-    letterSpacing: theme.fonts.letterSpacingM,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  mobileTitle: {
-    fontSize: theme.fonts.h3,
-    fontStyle: "normal",
-    letterSpacing: theme.fonts.letterSpacingS
-  },
-  webTitle: {
-    minWidth: undefined,
-    flexDirection: "row",
-    flexGrow: 1,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    justifyContent: "flex-start"
-  },
-  leftContainer: {
-    justifyContent: "center",
-    overflow: 'hidden'
-  },
-  rightContainer: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  searchContainer: {
-    width: 168,
-    marginRight: 8,
-    paddingLeft: 16,
-    paddingRight: 40,
-    paddingVertical: 8,
-    height: 40,
-    backgroundColor: theme.colors.colorSurface7,
-    borderRadius: theme.radius.full,
-    fontSize: theme.fonts.sizeM,
-    fontFamily: theme.fonts.fontFamily
-  },
-  searchInputContainer: {
-    borderBottomWidth: 0,
-    // placeholderTextColor: theme.colors.colorTextPlaceholder, // Not supported in React Native
-    height: "100%",
-    width: "100%"
-  },
-  searchInput: {
-    fontFamily: theme.fonts.fontFamily,
-    fontSize: theme.fonts.sizeM
-    // outlineWidth: 0, // Not supported in React Native
-  },
-  dropdownContent: {
-    paddingVertical: 10,
-    paddingHorizontal: 20,
-    backgroundColor: "#ffffff",
-    borderRadius: 5
-  },
-  mobileSearchContainer: {
-    width: 40,
-    height: 40,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: theme.colors.colorSurface7,
-    borderRadius: theme.radius.full,
-    marginRight: 8
-  }
-}));
-const isWeb = _reactNative.Platform.OS === "web";
-const HeaderComponent = ({
-  title,
-  searchPlaceholderText,
-  avatarSource,
-  hasBack = false,
-  // @ts-ignore
-  theme,
-  searchOnChangeText,
-  avatarOnPress,
-  leftIcon = "menu",
-  showLeftIcon = false,
-  onLeftIconPress,
-  backIconStyle,
-  isShowSearch = false,
-  ...props
-}) => {
-  const [searchText, setSearchText] = (0, _react.useState)("");
-  const [visible] = (0, _react.useState)(showLeftIcon);
-  const styles = useStyles(props);
-
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    headerContainer: {
+      backgroundColor: theme.colors.background,
+      height: 72
+    },
+    title: {
+      color: theme.colors.primary,
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.h2,
+      fontWeight: theme.fonts.weightL,
+      letterSpacing: theme.fonts.letterSpacingM,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    mobileTitle: {
+      fontSize: theme.fonts.h3,
+      fontStyle: "normal",
+      letterSpacing: theme.fonts.letterSpacingS
+    },
+    webTitle: {
+      minWidth: undefined,
+      flexDirection: "row",
+      flexGrow: 1,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      justifyContent: "flex-start"
+    },
+    leftContainer: {
+      justifyContent: "center",
+      overflow: 'hidden'
+    },
+    rightContainer: {
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    searchContainer: {
+      width: 168,
+      marginRight: 8,
+      paddingLeft: 16,
+      paddingRight: 40,
+      paddingVertical: 8,
+      height: 40,
+      backgroundColor: theme.colors.colorSurface7,
+      borderRadius: theme.radius.full,
+      fontSize: theme.fonts.sizeM,
+      fontFamily: theme.fonts.fontFamily
+    },
+    searchInputContainer: {
+      borderBottomWidth: 0,
+      // placeholderTextColor: theme.colors.colorTextPlaceholder, // Not supported in React Native
+      height: "100%",
+      width: "100%"
+    },
+    searchInput: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeM
+      // outlineWidth: 0, // Not supported in React Native
+    },
+    dropdownContent: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      backgroundColor: "#ffffff",
+      borderRadius: 5
+    },
+    mobileSearchContainer: {
+      width: 40,
+      height: 40,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: theme.colors.colorSurface7,
+      borderRadius: theme.radius.full,
+      marginRight: 8
+    }
+  };
+});
+var isWeb = react_native_1.Platform.OS === "web";
+var HeaderComponent = function (_a) {
+  var _b, _c, _d, _e;
+  var title = _a.title,
+    searchPlaceholderText = _a.searchPlaceholderText,
+    avatarSource = _a.avatarSource,
+    _f = _a.hasBack,
+    hasBack = _f === void 0 ? false : _f,
+    // @ts-ignore
+    theme = _a.theme,
+    searchOnChangeText = _a.searchOnChangeText,
+    avatarOnPress = _a.avatarOnPress,
+    _g = _a.leftIcon,
+    leftIcon = _g === void 0 ? "menu" : _g,
+    _h = _a.showLeftIcon,
+    showLeftIcon = _h === void 0 ? false : _h,
+    onLeftIconPress = _a.onLeftIconPress,
+    backIconStyle = _a.backIconStyle,
+    _j = _a.isShowSearch,
+    isShowSearch = _j === void 0 ? false : _j,
+    props = __rest(_a, ["title", "searchPlaceholderText", "avatarSource", "hasBack", "theme", "searchOnChangeText", "avatarOnPress", "leftIcon", "showLeftIcon", "onLeftIconPress", "backIconStyle", "isShowSearch"]);
+  var _k = (0, react_1.useState)(""),
+    searchText = _k[0],
+    setSearchText = _k[1];
+  var visible = (0, react_1.useState)(showLeftIcon)[0];
+  var styles = useStyles(props);
   // TODO: click avatar to show some dropdown menu for login/logout
   // const [isDropdownVisible, setIsDropdownVisible] = useState(false);
   // const handleMouseEnter = () => {
@@ -116,20 +183,19 @@ const HeaderComponent = ({
   // const handleMouseLeave = () => {
   //     setIsDropdownVisible(false);
   // };
-
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     if (searchOnChangeText) {
       searchOnChangeText(searchText);
     }
   }, [searchText]);
-  const handleLeftIconPress = () => {
+  var handleLeftIconPress = function () {
     onLeftIconPress && onLeftIconPress();
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return react_1.default.createElement(react_native_1.View, {
     testID: "header"
-  }, /*#__PURE__*/_react.default.createElement(_themed.Header, {
+  }, react_1.default.createElement(themed_1.Header, {
     leftContainerStyle: styles.leftContainer,
-    leftComponent: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    leftComponent: react_1.default.createElement(react_native_1.View, {
       style: {
         display: "flex",
         flexDirection: "row",
@@ -137,63 +203,8 @@ const HeaderComponent = ({
         overflow: 'hidden',
         width: '100%'
       }
-    }, visible && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      onPress: handleLeftIconPress
-    }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-      style: {
-        marginRight: 10
-      },
-      name: leftIcon,
-      size: 20,
-      color: theme?.colors?.grey1
-    })), hasBack && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    }, visible && react_1.default.createElement(react_native_1.TouchableOpacity, {
       onPress: handleLeftIconPress
-    }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-      style: {
-        marginRight: 10,
-        ...backIconStyle
-      },
-      name: "back",
-      size: 20,
-      color: theme?.colors?.grey1
-    })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: [styles.title, !isWeb ? styles.mobileTitle : styles.webTitle, hasBack && styles.mobileTitle]
-    }, title)),
-    rightComponent: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.rightContainer
-    }, isWeb && isShowSearch && /*#__PURE__*/_react.default.createElement(_themed.Input, {
-      placeholder: searchPlaceholderText,
-      leftIcon: /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-        name: "search",
-        size: 24,
-        color: theme?.colors?.grey1
-      }),
-      containerStyle: styles.searchContainer,
-      inputContainerStyle: styles.searchInputContainer,
-      inputStyle: styles.searchInput,
-      onChangeText: setSearchText
-    }), !isWeb && isShowSearch && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.mobileSearchContainer
-    }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-      name: "search",
-      size: 24,
-      color: theme?.colors?.grey1
-    })), avatarSource && /*#__PURE__*/_react.default.createElement(_themed.Avatar, {
-      rounded: true,
-      source: {
-        uri: avatarSource
-      },
-      size: "small",
-      onPress: avatarOnPress
-    })),
-    centerContainerStyle: {
-      flex: 0.01
-    },
-    containerStyle: [styles.headerContainer, props.headerContainerStyle]
-  }));
-};
-var _default = exports.default = (0, _themed.withTheme)(HeaderComponent);
-//# sourceMappingURL=Header.js.maponPress: handleLeftIconPress
     }, react_1.default.createElement(TapasIcon_1.default, {
       style: {
         marginRight: 10
@@ -247,4 +258,3 @@ var _default = exports.default = (0, _themed.withTheme)(HeaderComponent);
   }));
 };
 exports.default = (0, themed_1.withTheme)(HeaderComponent);
-//# sourceMappingURL=Header.js.map

package/commonjs/HelloWave/HelloWave.js

@@ -1,60 +1,66 @@
 "use strict";
 
-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 __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 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var Text_1 = __importDefault(require("../Text/Text"));
-var HelloWave = function (_a) {
-  var _b = _a.emoji,
-    emoji = _b === void 0 ? '👋' : _b,
-    _c = _a.duration,
-    duration = _c === void 0 ? 150 : _c,
-    _d = _a.repeatCount,
-    repeatCount = _d === void 0 ? 4 : _d,
-    style = _a.style,
-    textStyle = _a.textStyle,
-    testID = _a.testID,
-    props = __rest(_a, ["emoji", "duration", "repeatCount", "style", "textStyle", "testID"]);
-  var rotationAnimation = new react_native_1.Animated.Value(0);
-  react_1.default.useEffect(function () {
-    var createAnimation = function () {
-      return react_native_1.Animated.sequence([react_native_1.Animated.timing(rotationAnimation, {
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _Text = _interopRequireDefault(require("../Text/Text"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const HelloWave = ({
+  emoji = '👋',
+  duration = 150,
+  repeatCount = 4,
+  style,
+  textStyle,
+  testID,
+  ...props
+}) => {
+  const rotationAnimation = new _reactNative.Animated.Value(0);
+  _react.default.useEffect(() => {
+    const createAnimation = () => {
+      return _reactNative.Animated.sequence([_reactNative.Animated.timing(rotationAnimation, {
         toValue: 25,
-        duration: duration,
+        duration,
         useNativeDriver: true
-      }), react_native_1.Animated.timing(rotationAnimation, {
+      }), _reactNative.Animated.timing(rotationAnimation, {
         toValue: 0,
-        duration: duration,
+        duration,
         useNativeDriver: true
       })]);
     };
-    var animation = react_native_1.Animated.loop(createAnimation(), {
+    const animation = _reactNative.Animated.loop(createAnimation(), {
+      iterations: repeatCount
+    });
+    animation.start();
+    return () => animation.stop();
+  }, [duration, repeatCount]);
+  const animatedStyle = {
+    transform: [{
+      rotate: rotationAnimation.interpolate({
+        inputRange: [0, 25],
+        outputRange: ['0deg', '25deg']
+      })
+    }]
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
+    style: [animatedStyle, style],
+    testID: testID
+  }, props), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    style: [styles.text, textStyle]
+  }, emoji));
+};
+const styles = _reactNative.StyleSheet.create({
+  text: {
+    fontSize: 28,
+    lineHeight: 32,
+    marginTop: -6
+  }
+});
+var _default = exports.default = (0, _themed.withTheme)(HelloWave);
       iterations: repeatCount
     });
     animation.start();
@@ -85,4 +91,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(HelloWave);
-//# sourceMappingURL=HelloWave.js.map

package/commonjs/Hoverable/Hoverable.js

@@ -53,7 +53,6 @@ const Hoverable = ({
   }, renderChildren());
 };
 var _default = exports.default = Hoverable;
-//# sourceMappingURL=Hoverable.js.mapren(isHovered);
     }
     if ((0, react_1.isValidElement)(children)) {
       return (0, react_1.cloneElement)(children, {
@@ -112,4 +111,3 @@ var _default = exports.default = Hoverable;
   }, renderChildren());
 };
 exports.default = Hoverable;
-//# sourceMappingURL=Hoverable.js.map

package/commonjs/IconText/IconText.js

@@ -109,7 +109,6 @@ const useStyles = (0, _themed.makeStyles)((theme, props) => {
   };
 });
 var _default = exports.default = (0, _themed.withTheme)(IconText);
-//# sourceMappingURL=IconText.js.map : _b.sizeXs) || 12;
       iconSize = 12;
       pdv = 2;
       break;
@@ -156,4 +155,3 @@ var _default = exports.default = (0, _themed.withTheme)(IconText);
   };
 });
 exports.default = (0, themed_1.withTheme)(IconText);
-//# sourceMappingURL=IconText.js.map