@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Navigation/Navigation.js

@@ -1,25 +1,77 @@
 "use strict";
 
+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 = exports.NavItemType = 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; }
-let NavItemType = exports.NavItemType = /*#__PURE__*/function (NavItemType) {
+exports.NavItemType = 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 NavItemType;
+(function (NavItemType) {
   NavItemType["Nav"] = "nav";
   NavItemType["System"] = "system";
-  return NavItemType;
-}({});
-const useStyles = (0, _themed.makeStyles)(theme => {
+})(NavItemType || (exports.NavItemType = NavItemType = {}));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   return {
     menuContainer: {
-      backgroundColor: theme?.colors?.bg1,
+      backgroundColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.bg1,
       display: "flex",
       height: "100%",
       overflow: "hidden"
@@ -28,26 +80,26 @@ const useStyles = (0, _themed.makeStyles)(theme => {
       flexDirection: "row",
       alignItems: "center",
       height: 40,
-      marginBottom: theme?.spacing?.tpSm,
-      borderRadius: theme?.radius?.full,
+      marginBottom: (_b = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _b === void 0 ? void 0 : _b.tpSm,
+      borderRadius: (_c = theme === null || theme === void 0 ? void 0 : theme.radius) === null || _c === void 0 ? void 0 : _c.full,
       minWidth: 40,
       minHeight: 40,
       maxHeight: 40,
       width: 40
     },
     selectedNavItem: {
-      backgroundColor: theme?.colors?.secondary
+      backgroundColor: (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.secondary
     },
     iconContainer: {
-      borderRadius: theme?.radius?.full,
+      borderRadius: (_e = theme === null || theme === void 0 ? void 0 : theme.radius) === null || _e === void 0 ? void 0 : _e.full,
       padding: 10
     },
     selectedIconContainer: {
-      backgroundColor: theme?.colors?.secondary
+      backgroundColor: (_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.secondary
     },
     navItemText: {
-      fontFamily: theme?.fonts?.fontFamily,
-      color: theme?.colors?.white,
+      fontFamily: (_g = theme === null || theme === void 0 ? void 0 : theme.fonts) === null || _g === void 0 ? void 0 : _g.fontFamily,
+      color: (_h = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _h === void 0 ? void 0 : _h.white,
       fontSize: theme.fonts.sizeM,
       fontWeight: theme.fonts.weightM
     },
@@ -56,11 +108,11 @@ const useStyles = (0, _themed.makeStyles)(theme => {
       justifyContent: "center",
       alignItems: "center",
       height: 56,
-      backgroundColor: theme?.colors?.black
+      backgroundColor: (_j = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _j === void 0 ? void 0 : _j.black
     },
     navItemsContainer: {
       marginTop: 10,
-      padding: theme?.spacing?.tpXs
+      padding: (_k = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _k === void 0 ? void 0 : _k.tpXs
     },
     bottomContainer: {
       position: "absolute",
@@ -68,8 +120,8 @@ const useStyles = (0, _themed.makeStyles)(theme => {
       left: 0,
       right: 0,
       borderTopWidth: 1,
-      borderTopColor: theme?.colors?.grey3,
-      padding: theme?.spacing?.tpXs
+      borderTopColor: (_l = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _l === void 0 ? void 0 : _l.grey3,
+      padding: (_m = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _m === void 0 ? void 0 : _m.tpXs
     },
     mask: {
       position: "absolute",
@@ -82,32 +134,38 @@ const useStyles = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const defaultProps = {
+var defaultProps = {
   expanded: false // 统一默认收起状态
 };
-const Navigation = ({
-  onLogoPress,
-  navItems,
-  systemItems,
-  logoImg,
-  expanded,
-  onItemPress,
-  defaultSelectedItem,
-  selectedIndex,
-  onMaskPress,
-  theme,
-  visible = true,
-  navigation,
-  ...props
-}) => {
-  const [isExpanded, setIsExpanded] = (0, _react.useState)(expanded || defaultProps.expanded);
-  const [selectedItem, setSelectedItem] = (0, _react.useState)(defaultSelectedItem);
-  const themeStyles = useStyles(props);
-  const handleToggle = (0, _react.useCallback)(() => {
-    setIsExpanded(prev => !prev);
-    onLogoPress?.();
+var Navigation = function (_a) {
+  var onLogoPress = _a.onLogoPress,
+    navItems = _a.navItems,
+    systemItems = _a.systemItems,
+    logoImg = _a.logoImg,
+    expanded = _a.expanded,
+    onItemPress = _a.onItemPress,
+    defaultSelectedItem = _a.defaultSelectedItem,
+    selectedIndex = _a.selectedIndex,
+    onMaskPress = _a.onMaskPress,
+    theme = _a.theme,
+    _b = _a.visible,
+    visible = _b === void 0 ? true : _b,
+    navigation = _a.navigation,
+    props = __rest(_a, ["onLogoPress", "navItems", "systemItems", "logoImg", "expanded", "onItemPress", "defaultSelectedItem", "selectedIndex", "onMaskPress", "theme", "visible", "navigation"]);
+  var _c = (0, react_1.useState)(expanded || defaultProps.expanded),
+    isExpanded = _c[0],
+    setIsExpanded = _c[1];
+  var _d = (0, react_1.useState)(defaultSelectedItem),
+    selectedItem = _d[0],
+    setSelectedItem = _d[1];
+  var themeStyles = useStyles(props);
+  var handleToggle = (0, react_1.useCallback)(function () {
+    setIsExpanded(function (prev) {
+      return !prev;
+    });
+    onLogoPress === null || onLogoPress === void 0 ? void 0 : onLogoPress();
   }, [onLogoPress]);
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     if (typeof selectedIndex === "number" && navItems && navItems[selectedIndex]) {
       setSelectedItem({
         type: NavItemType.Nav,
@@ -117,88 +175,33 @@ const Navigation = ({
       setSelectedItem(undefined);
     }
   }, [selectedIndex, navItems]);
-  const handleItemPress = (0, _react.useCallback)((selectedItemIndex, type) => {
+  var handleItemPress = (0, react_1.useCallback)(function (selectedItemIndex, type) {
     setSelectedItem({
-      type,
-      selectedItemIndex
+      type: type,
+      selectedItemIndex: selectedItemIndex
     });
-    const item = type === NavItemType.Nav ? navItems?.[selectedItemIndex] : systemItems?.[selectedItemIndex];
+    var item = type === NavItemType.Nav ? navItems === null || navItems === void 0 ? void 0 : navItems[selectedItemIndex] : systemItems === null || systemItems === void 0 ? void 0 : systemItems[selectedItemIndex];
     if (item) {
-      onItemPress?.(item);
+      onItemPress === null || onItemPress === void 0 ? void 0 : onItemPress(item);
       if (navigation && item.name) {
         navigation.navigate(item.name, item.params);
       }
     }
   }, [navItems, systemItems, onItemPress, navigation]);
-  return visible && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return visible && react_1.default.createElement(react_native_1.View, {
     style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: _reactNative.Platform.OS === "web" ? handleToggle : onMaskPress,
+  }, react_1.default.createElement(react_native_1.TouchableOpacity, {
+    onPress: react_native_1.Platform.OS === "web" ? handleToggle : onMaskPress,
     style: isExpanded && themeStyles.mask
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, null)), react_1.default.createElement(react_native_1.View, {
     style: [styles.container, !isExpanded ? styles.smallContainer : styles.expendedContainer]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: themeStyles.menuContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, react_1.default.createElement(react_native_1.TouchableOpacity, {
     onPress: handleToggle,
     accessibilityRole: "button"
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: themeStyles.logoContainer
-  }, /*#__PURE__*/_react.default.createElement(_themed.Image, {
-    source: logoImg,
-    style: {
-      width: 48,
-      height: 48
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [themeStyles.navItemsContainer]
-  }, navItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    key: item.name,
-    onPress: () => handleItemPress(index, NavItemType.Nav),
-    style: [themeStyles.navItem, !isExpanded && styles.smallMenusItemContainer, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.Nav && isExpanded && themeStyles.selectedNavItem]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [themeStyles.iconContainer, !isExpanded && selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.Nav && themeStyles.selectedIconContainer]
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: item.iconName,
-    size: 20,
-    color: theme?.colors?.white
-  })), isExpanded && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [themeStyles.navItemText, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.Nav && styles.selectedItemText]
-  }, item.name)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: themeStyles.bottomContainer
-  }, systemItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    key: item.name,
-    onPress: () => handleItemPress(index, NavItemType.System),
-    style: [themeStyles.navItem, !isExpanded && styles.smallMenusItemContainer, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.System && isExpanded && themeStyles.selectedNavItem]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [themeStyles.iconContainer, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.System && !isExpanded && themeStyles.selectedIconContainer]
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: item.iconName,
-    size: 20,
-    color: theme?.colors?.white
-  })), isExpanded && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [themeStyles.navItemText, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.System && styles.selectedItemText]
-  }, item.name)))))));
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    height: "100%"
-  },
-  smallMenusItemContainer: {
-    marginLeft: 0
-  },
-  smallContainer: {
-    width: 56
-  },
-  expendedContainer: {
-    width: 336
-  },
-  selectedItemText: {
-    fontWeight: "bold"
-  }
-});
-var _default = exports.default = (0, _themed.withTheme)(Navigation);
-//# sourceMappingURL=Navigation.js.map style: themeStyles.logoContainer
   }, react_1.default.createElement(themed_1.Image, {
     source: logoImg,
     style: {
@@ -263,4 +266,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/commonjs/Notification/Notification.js

@@ -1,79 +1,19 @@
 "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
 });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var react_native_2 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var Button_1 = __importDefault(require("../Button/Button"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
+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"));
+var _Button = _interopRequireDefault(require("../Button/Button"));
+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); }
+const useStyles = (0, _themed.makeStyles)(theme => {
   return {
     container: {
       display: 'flex',
@@ -178,112 +118,102 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var TapasNotification = function (_a) {
-  var _b = _a.open,
-    open = _b === void 0 ? false : _b,
-    headerTitleStyle = _a.headerTitleStyle,
-    _c = _a.items,
-    items = _c === void 0 ? [] : _c,
-    _d = _a.title,
-    title = _d === void 0 ? 'Notification' : _d,
-    _e = _a.emptyText,
-    emptyText = _e === void 0 ? 'No Data' : _e,
-    _f = _a.hideHeaderButton,
-    hideHeaderButton = _f === void 0 ? false : _f,
-    style = _a.style,
-    selectedItem = _a.selectedItem,
-    onSelectItem = _a.onSelectItem,
-    onHeaderButtonPress = _a.onHeaderButtonPress,
-    _g = _a.animationDuration,
-    animationDuration = _g === void 0 ? 500 : _g,
-    _h = _a.expandedWidth,
-    expandedWidth = _h === void 0 ? 288 : _h,
-    otherProps = __rest(_a, ["open", "headerTitleStyle", "items", "title", "emptyText", "hideHeaderButton", "style", "selectedItem", "onSelectItem", "onHeaderButtonPress", "animationDuration", "expandedWidth"]);
-  var styles = useStyles();
+const TapasNotification = ({
+  open = false,
+  headerTitleStyle,
+  items = [],
+  title = 'Notification',
+  emptyText = 'No Data',
+  hideHeaderButton = false,
+  style,
+  selectedItem,
+  onSelectItem,
+  onHeaderButtonPress,
+  animationDuration = 500,
+  expandedWidth = 288,
+  ...otherProps
+}) => {
+  const styles = useStyles();
+
   // 动画
-  var expandAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-  var mainContentAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-  (0, react_1.useEffect)(function () {
+  const expandAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const mainContentAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
     expandAnim.setValue(open ? 0 : expandedWidth);
     mainContentAnim.setValue(open ? 0 : expandedWidth - 16);
-    react_native_1.Animated.parallel([react_native_1.Animated.timing(expandAnim, {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(expandAnim, {
       toValue: open ? expandedWidth : 0,
       duration: animationDuration,
-      easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
       useNativeDriver: false
-    }), react_native_1.Animated.timing(mainContentAnim, {
+    }), _reactNative.Animated.timing(mainContentAnim, {
       toValue: open ? expandedWidth - 16 : 0,
       duration: animationDuration,
-      easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
       useNativeDriver: false
     })]).start();
   }, [open, expandedWidth, animationDuration]);
-  var handleItemPress = function (item) {
-    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(item);
+  const handleItemPress = item => {
+    onSelectItem?.(item);
   };
-  var handleHeaderButtonPress = function () {
-    onHeaderButtonPress === null || onHeaderButtonPress === void 0 ? void 0 : onHeaderButtonPress();
+  const handleHeaderButtonPress = () => {
+    onHeaderButtonPress?.();
   };
-  return react_1.default.createElement(react_native_1.Animated.View, __assign({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({}, otherProps, {
     style: [style, styles.container, {
       width: expandAnim
     }]
-  }), react_1.default.createElement(react_native_1.View, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.mainContent
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.header
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.headerTitleContainer
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.headerTitle, headerTitleStyle],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, title)), !hideHeaderButton && react_1.default.createElement(react_native_1.View, {
+  }, title)), !hideHeaderButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.headerButton
-  }, react_1.default.createElement(Button_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     type: "clear",
     onPress: handleHeaderButtonPress
-  }, react_1.default.createElement(TapasIcon_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
     size: 20,
     color: "#FFF",
     style: styles.iconButton,
     name: "more_vert"
-  })))), react_1.default.createElement(react_native_1.Animated.View, {
+  })))), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styles.list, {
       width: mainContentAnim
     }]
-  }, items.length > 0 ? react_1.default.createElement(react_native_2.ScrollView, {
+  }, items.length > 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     showsHorizontalScrollIndicator: false
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.inner
-  }, items.map(function (item, index) {
-    return react_1.default.createElement(react_native_1.Pressable, {
-      onPress: function () {
-        return handleItemPress(item);
-      },
-      key: "".concat(item.id, "-notify-").concat(index),
-      style: [styles.row, selectedItem === item.id && styles.selectedRow]
-    }, item.icon && react_1.default.createElement(TapasIcon_1.default, {
-      size: 20,
-      color: "#FFF",
-      name: item.icon
-    }), react_1.default.createElement(react_native_1.Text, {
-      style: styles.rowText,
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, item.title));
-  }))) : react_1.default.createElement(react_native_1.View, {
+  }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: () => handleItemPress(item),
+    key: `${item.id}-notify-${index}`,
+    style: [styles.row, selectedItem === item.id && styles.selectedRow]
+  }, item.icon && /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+    size: 20,
+    color: "#FFF",
+    name: item.icon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.rowText,
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, item.title))))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.emptyContainer
-  }, react_1.default.createElement(TapasIcon_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
     name: "notifications",
     size: 40,
     color: "#FFF",
     style: styles.emptyIcon
-  }), react_1.default.createElement(react_native_1.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.emptyText,
     numberOfLines: 1,
     ellipsizeMode: "tail"
   }, emptyText)))));
 };
-exports.default = (0, themed_1.withTheme)(TapasNotification);
-//# sourceMappingURL=Notification.js.map
+var _default = exports.default = (0, _themed.withTheme)(TapasNotification);

package/commonjs/Notification/index.js

@@ -11,7 +11,5 @@ Object.defineProperty(exports, "default", {
 });
 var _Notification = _interopRequireDefault(require("./Notification"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.mapimportDefault(Notification_1).default;
   }
 });
-//# sourceMappingURL=index.js.map