@beppla/tapas-ui 1.0.71 → 1.0.73

package/module/Toast/Toast.js

@@ -1,69 +1,9 @@
-"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
-  });
-} : 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 __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
-});
-exports.Toast = void 0;
-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 isWeb = react_native_1.Platform.OS === 'web';
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
+import React, { useEffect } from 'react';
+import { TouchableOpacity, View, Platform } from 'react-native';
+import { Text, makeStyles, withTheme } from '@rneui/themed';
+import Icon from '../Icons/TapasIcon';
+const isWeb = Platform.OS === 'web';
+const useStyles = makeStyles(theme => {
   return {
     toastWrapper: {
       zIndex: 99999,
@@ -134,64 +74,61 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var ToastType;
-(function (ToastType) {
+var ToastType = /*#__PURE__*/function (ToastType) {
   ToastType["Success"] = "check_circle_filled";
   ToastType["Error"] = "warning_filled";
   ToastType["Warning"] = "warning_filled";
   ToastType["Info"] = "warning_filled";
-})(ToastType || (ToastType = {}));
-var Toast = function (_a) {
-  var _b = _a.visible,
-    visible = _b === void 0 ? false : _b,
-    message = _a.message,
-    _c = _a.duration,
-    duration = _c === void 0 ? 2000 : _c,
-    _d = _a.type,
-    type = _d === void 0 ? 'Info' : _d,
-    actionText = _a.actionText,
-    onActionPress = _a.onActionPress,
-    description = _a.description,
-    hideToast = _a.hideToast,
-    style = _a.style,
-    props = __rest(_a, ["visible", "message", "duration", "type", "actionText", "onActionPress", "description", "hideToast", "style"]);
-  var styles = useStyles(props);
-  (0, react_1.useEffect)(function () {
+  return ToastType;
+}(ToastType || {});
+export const Toast = ({
+  visible = false,
+  message,
+  duration = 2000,
+  type = 'Info',
+  actionText,
+  onActionPress,
+  description,
+  hideToast,
+  style,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  useEffect(() => {
     if (visible) {
-      var timer_1 = setTimeout(function () {
+      const timer = setTimeout(() => {
         hideToast && hideToast();
       }, duration);
-      return function () {
-        clearTimeout(timer_1);
+      return () => {
+        clearTimeout(timer);
       };
     }
   }, [visible]);
-  var renderMessage = function () {
-    return react_1.default.createElement(react_native_1.View, {
+  const renderMessage = () => {
+    return /*#__PURE__*/React.createElement(View, {
       style: [styles.toastWrapper, style]
-    }, react_1.default.createElement(react_native_1.View, {
+    }, /*#__PURE__*/React.createElement(View, {
       style: [styles.toastContainer, actionText ? styles.hasActionText : {}],
       testID: "toast"
-    }, react_1.default.createElement(react_native_1.View, {
+    }, /*#__PURE__*/React.createElement(View, {
       style: styles.iconContainer
-    }, react_1.default.createElement(TapasIcon_1.default, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       style: styles[type],
       name: ToastType[type],
       size: 24
-    })), (message || description) && react_1.default.createElement(react_native_1.View, {
+    })), (message || description) && /*#__PURE__*/React.createElement(View, {
       style: styles.messageContainer
-    }, message && react_1.default.createElement(themed_1.Text, {
+    }, message && /*#__PURE__*/React.createElement(Text, {
       style: styles.messageText
-    }, message), description && react_1.default.createElement(themed_1.Text, {
+    }, message), description && /*#__PURE__*/React.createElement(Text, {
       style: styles.discText
-    }, description)), actionText && react_1.default.createElement(react_native_1.TouchableOpacity, {
+    }, description)), actionText && /*#__PURE__*/React.createElement(TouchableOpacity, {
       onPress: onActionPress
-    }, react_1.default.createElement(themed_1.Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       style: styles.actionText
     }, actionText))));
   };
   return visible && renderMessage();
 };
-exports.Toast = Toast;
-exports.default = (0, themed_1.withTheme)(exports.Toast);
+export default withTheme(Toast);
 //# sourceMappingURL=Toast.js.map

package/module/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["__createBinding","Object","create","o","m","k","k2","undefined","desc","getOwnPropertyDescriptor","__esModule","writable","configurable","enumerable","get","defineProperty","__setModuleDefault","v","value","__importStar","ownKeys","getOwnPropertyNames","ar","prototype","hasOwnProperty","call","length","mod","result","i","__rest","s","e","t","p","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__importDefault","exports","Toast","react_1","require","react_native_1","themed_1","TapasIcon_1","isWeb","Platform","OS","useStyles","makeStyles","theme","toastWrapper","zIndex","height","textAlign","display","flexDirection","justifyContent","toastContainer","fontFamily","fonts","alignItems","backgroundColor","colors","primary","paddingVertical","paddingRight","paddingLeft","borderRadius","radius","rounded","maxWidth","minWidth","hasActionText","flex","messageContainer","flexGrow","flexShrink","flexBasis","messageText","fontSize","color","white","overflow","discText","colorInvertNormalIcon","actionText","paddingHorizontal","iconContainer","Success","success","Error","error","Warning","warning","Info","info","ToastType","_a","_b","visible","message","_c","duration","_d","type","onActionPress","description","hideToast","style","props","styles","useEffect","timer_1","setTimeout","clearTimeout","renderMessage","default","createElement","View","testID","name","size","Text","TouchableOpacity","onPress","withTheme"],"sourceRoot":"../../../components","sources":["Toast/Toast.js"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","TouchableOpacity","View","Platform","Text","makeStyles","withTheme","Icon","isWeb","OS","useStyles","theme","toastWrapper","zIndex","height","textAlign","display","flexDirection","justifyContent","toastContainer","fontFamily","fonts","alignItems","backgroundColor","colors","primary","paddingVertical","paddingRight","paddingLeft","borderRadius","radius","rounded","maxWidth","minWidth","hasActionText","flex","messageContainer","flexGrow","flexShrink","flexBasis","messageText","fontSize","color","white","overflow","discText","colorInvertNormalIcon","actionText","paddingHorizontal","iconContainer","Success","success","Error","error","Warning","warning","Info","info","ToastType","Toast","visible","message","duration","type","onActionPress","description","hideToast","style","props","styles","timer","setTimeout","clearTimeout","renderMessage","createElement","testID","name","size","onPress"],"sourceRoot":"../../../components","sources":["Toast/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/module/UserSwitcher/UserSwitcher.js

@@ -1,119 +1,37 @@
-"use strict";
+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, { useEffect, useRef, useState, useCallback } from "react";
+import { Animated, View, Pressable } from "react-native";
+import { withTheme, makeStyles } from "@rneui/themed";
+import TapasButton from "../Button/Button";
+import TapasIcon from "../Icons/TapasIcon";
+import TapasImage from "../Image/Image";
+const TapasUserSwitcher = ({
+  userList = [],
+  isLoggedIn = false,
+  height = 40,
+  currentUserId,
+  avatarType = "svg",
+  loginButtonText = "Login",
+  onUserSwitcherPress,
+  onLoginPress,
+  onUserListChange,
+  animationDuration = 500,
+  style,
+  testID,
+  ...otherProps
+}) => {
+  const styles = useStyles();
+  const [containerWidth, setContainerWidth] = useState(80);
 
-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 __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 __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
-});
-exports.TapasUserSwitcher = exports.UserSwitcher = void 0;
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var Button_1 = __importDefault(require("../Button/Button"));
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var Image_1 = __importDefault(require("../Image/Image"));
-var TapasUserSwitcher = function (_a) {
-  var _b = _a.userList,
-    userList = _b === void 0 ? [] : _b,
-    _c = _a.isLoggedIn,
-    isLoggedIn = _c === void 0 ? false : _c,
-    _d = _a.height,
-    height = _d === void 0 ? 40 : _d,
-    currentUserId = _a.currentUserId,
-    _e = _a.avatarType,
-    avatarType = _e === void 0 ? "svg" : _e,
-    _f = _a.loginButtonText,
-    loginButtonText = _f === void 0 ? "Login" : _f,
-    onUserSwitcherPress = _a.onUserSwitcherPress,
-    onLoginPress = _a.onLoginPress,
-    onUserListChange = _a.onUserListChange,
-    _g = _a.animationDuration,
-    animationDuration = _g === void 0 ? 500 : _g,
-    style = _a.style,
-    testID = _a.testID,
-    otherProps = __rest(_a, ["userList", "isLoggedIn", "height", "currentUserId", "avatarType", "loginButtonText", "onUserSwitcherPress", "onLoginPress", "onUserListChange", "animationDuration", "style", "testID"]);
-  var styles = useStyles();
-  var _h = (0, react_1.useState)(80),
-    containerWidth = _h[0],
-    setContainerWidth = _h[1];
   // 动画相关
-  var fadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-  var scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.9)).current;
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const scaleAnim = useRef(new Animated.Value(0.9)).current;
+
   // 头像尺寸配置
-  var avatarSizes = [40, 32, 24];
+  const avatarSizes = [40, 32, 24];
+
   // 根据用户数量计算容器宽度
-  (0, react_1.useEffect)(function () {
+  useEffect(() => {
     if (userList.length >= 3) {
       setContainerWidth(68);
     } else if (userList.length === 2) {
@@ -122,8 +40,9 @@ var TapasUserSwitcher = function (_a) {
       setContainerWidth(40);
     }
   }, [userList.length]);
+
   // 当前用户ID改变时触发动画
-  (0, react_1.useEffect)(function () {
+  useEffect(() => {
     // 在测试环境中跳过动画以避免 act() 警告
     if (process.env.NODE_ENV === 'test') {
       fadeAnim.setValue(1);
@@ -132,61 +51,62 @@ var TapasUserSwitcher = function (_a) {
     }
     fadeAnim.setValue(0);
     scaleAnim.setValue(0.9);
-    react_native_1.Animated.parallel([react_native_1.Animated.timing(fadeAnim, {
+    Animated.parallel([Animated.timing(fadeAnim, {
       toValue: 1,
       duration: animationDuration,
       useNativeDriver: true
-    }), react_native_1.Animated.timing(scaleAnim, {
+    }), Animated.timing(scaleAnim, {
       toValue: 1,
       duration: animationDuration,
       useNativeDriver: true
     })]).start();
   }, [currentUserId, animationDuration]);
+
   // 将当前用户移动到列表前面
-  var moveUserToFront = (0, react_1.useCallback)(function (users, userId) {
-    var currentUserIndex = users.findIndex(function (user) {
-      return user.id === userId;
-    });
+  const moveUserToFront = useCallback((users, userId) => {
+    const currentUserIndex = users.findIndex(user => user.id === userId);
     if (currentUserIndex === -1) return users;
-    var currentUser = users[currentUserIndex];
+    const currentUser = users[currentUserIndex];
     if (!currentUser) return users;
-    var otherUsers = users.filter(function (user) {
-      return user.id !== userId;
-    });
-    return __spreadArray([currentUser], otherUsers, true);
+    const otherUsers = users.filter(user => user.id !== userId);
+    return [currentUser, ...otherUsers];
   }, []);
+
   // 获取要显示的用户列表（最多3个）
-  var getDisplayUsers = (0, react_1.useCallback)(function () {
-    var orderedUsers = currentUserId ? moveUserToFront(userList, currentUserId) : userList;
+  const getDisplayUsers = useCallback(() => {
+    const orderedUsers = currentUserId ? moveUserToFront(userList, currentUserId) : userList;
     return orderedUsers.slice(0, 3);
   }, [userList, currentUserId, moveUserToFront]);
+
   // 处理用户切换器点击
-  var handleUserSwitcherPress = (0, react_1.useCallback)(function () {
-    onUserSwitcherPress === null || onUserSwitcherPress === void 0 ? void 0 : onUserSwitcherPress();
+  const handleUserSwitcherPress = useCallback(() => {
+    onUserSwitcherPress?.();
   }, [onUserSwitcherPress]);
+
   // 处理登录按钮点击
-  var handleLoginPress = (0, react_1.useCallback)(function () {
-    onLoginPress === null || onLoginPress === void 0 ? void 0 : onLoginPress();
+  const handleLoginPress = useCallback(() => {
+    onLoginPress?.();
   }, [onLoginPress]);
+
   // 渲染头像
-  var renderAvatar = (0, react_1.useCallback)(function (user, index) {
-    var size = avatarSizes[index] || 40;
-    var leftPosition = index === 0 ? 0 : index === 1 ? 24 : 44;
-    var zIndex = 10 - index * 2;
-    var opacity = 1 - index * 0.15;
-    var avatarContainerStyle = [styles.avatarContainer, {
+  const renderAvatar = useCallback((user, index) => {
+    const size = avatarSizes[index] || 40;
+    const leftPosition = index === 0 ? 0 : index === 1 ? 24 : 44;
+    const zIndex = 10 - index * 2;
+    const opacity = 1 - index * 0.15;
+    const avatarContainerStyle = [styles.avatarContainer, {
       left: leftPosition,
       width: size,
       height: size,
       borderRadius: size / 2,
-      zIndex: zIndex,
-      opacity: opacity
+      zIndex,
+      opacity
     }];
     if (user.avatar) {
-      return react_1.default.createElement(react_native_1.View, {
-        key: user.id || "user-".concat(index),
+      return /*#__PURE__*/React.createElement(View, {
+        key: user.id || `user-${index}`,
         style: avatarContainerStyle
-      }, avatarType === "svg" ? react_1.default.createElement(react_native_1.View, {
+      }, avatarType === "svg" ? /*#__PURE__*/React.createElement(View, {
         style: {
           width: size,
           height: size,
@@ -194,100 +114,99 @@ var TapasUserSwitcher = function (_a) {
           borderRadius: size / 2
         },
         testID: "svg-avatar"
-      }, react_1.default.createElement(TapasIcon_1.default, {
+      }, /*#__PURE__*/React.createElement(TapasIcon, {
         name: "user",
         size: size * 0.6,
         color: "#666"
-      })) : react_1.default.createElement(Image_1.default, {
+      })) : /*#__PURE__*/React.createElement(TapasImage, {
         width: size,
         height: size,
         radius: true,
         uri: user.avatar
       }));
     }
+
     // 默认头像
-    return react_1.default.createElement(react_native_1.View, {
-      key: user.id || "user-".concat(index),
+    return /*#__PURE__*/React.createElement(View, {
+      key: user.id || `user-${index}`,
       style: avatarContainerStyle
-    }, react_1.default.createElement(react_native_1.View, {
+    }, /*#__PURE__*/React.createElement(View, {
       style: [styles.defaultAvatarBackground, {
-        opacity: opacity
+        opacity
       }]
-    }, react_1.default.createElement(TapasIcon_1.default, {
+    }, /*#__PURE__*/React.createElement(TapasIcon, {
       style: styles.defaultAvatarIcon,
       size: size / 2,
       color: "#999",
       name: "person"
     })));
   }, [avatarType, styles]);
+
   // 渲染用户列表
-  var renderUserList = (0, react_1.useCallback)(function () {
-    var displayUsers = getDisplayUsers();
-    return react_1.default.createElement(react_native_1.Pressable, {
+  const renderUserList = useCallback(() => {
+    const displayUsers = getDisplayUsers();
+    return /*#__PURE__*/React.createElement(Pressable, {
       style: [styles.userListContainer, {
-        height: height
+        height
       }],
       onPress: handleUserSwitcherPress,
       testID: testID
-    }, displayUsers.map(function (user, index) {
-      return renderAvatar(user, index);
-    }));
+    }, displayUsers.map((user, index) => renderAvatar(user, index)));
   }, [getDisplayUsers, height, handleUserSwitcherPress, renderAvatar, styles, testID]);
-  return react_1.default.createElement(react_native_1.View, __assign({}, otherProps, {
+  return /*#__PURE__*/React.createElement(View, _extends({}, otherProps, {
     style: [styles.container, {
-      height: height,
+      height,
       width: isLoggedIn ? containerWidth : "auto"
     }, style]
-  }), react_1.default.createElement(react_native_1.Animated.View, {
+  }), /*#__PURE__*/React.createElement(Animated.View, {
     style: {
       opacity: fadeAnim,
       transform: [{
         scale: scaleAnim
       }]
     }
-  }, isLoggedIn ? renderUserList() : react_1.default.createElement(Button_1.default, {
+  }, isLoggedIn ? renderUserList() : /*#__PURE__*/React.createElement(TapasButton, {
     onPress: handleLoginPress
   }, loginButtonText)));
 };
-exports.TapasUserSwitcher = TapasUserSwitcher;
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  return {
-    container: {
-      display: "flex",
-      height: 40,
-      alignSelf: "center"
-    },
-    userListContainer: {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      height: 40,
-      position: "relative"
-    },
-    avatarContainer: {
-      display: "flex",
-      position: "absolute",
-      flexDirection: "column",
-      justifyContent: "center",
-      overflow: "hidden",
-      zIndex: 1
-    },
-    defaultAvatarBackground: {
-      display: "flex",
-      flexGrow: 1,
-      borderRadius: 20,
-      justifyContent: "center",
-      flexDirection: "column",
-      backgroundColor: theme.colors.grey2
-    },
-    defaultAvatarIcon: {
-      display: "flex",
-      alignSelf: "center"
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(TapasUserSwitcher);
+const useStyles = makeStyles(theme => ({
+  container: {
+    display: "flex",
+    height: 40,
+    alignSelf: "center"
+  },
+  userListContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    height: 40,
+    position: "relative"
+  },
+  avatarContainer: {
+    display: "flex",
+    position: "absolute",
+    flexDirection: "column",
+    justifyContent: "center",
+    overflow: "hidden",
+    zIndex: 1
+  },
+  defaultAvatarBackground: {
+    display: "flex",
+    flexGrow: 1,
+    borderRadius: 20,
+    justifyContent: "center",
+    flexDirection: "column",
+    backgroundColor: theme.colors.grey2
+  },
+  defaultAvatarIcon: {
+    display: "flex",
+    alignSelf: "center"
+  }
+}));
+export default withTheme(TapasUserSwitcher);
+
 // Export aliases for compatibility
-exports.UserSwitcher = (0, themed_1.withTheme)(TapasUserSwitcher);
+export const UserSwitcher = withTheme(TapasUserSwitcher);
+export { TapasUserSwitcher };
 //# sourceMappingURL=UserSwitcher.js.map