@beppla/tapas-ui 1.0.65 → 1.0.67

package/package/module/MultiSelector/README.md

@@ -1,246 +0,0 @@
-# TapasMultiSelector
-
-一个功能完整的多选下拉组件，支持搜索、验证、动画标签和丰富的自定义选项。
-
-## 功能特性
-
-- ✅ 多选支持：可以选择多个选项
-- ✅ 搜索功能：内置搜索栏，支持过滤选项
-- ✅ 动画标签：平滑的标签动画效果
-- ✅ 状态管理：支持正常和错误状态
-- ✅ 验证支持：必填字段验证和状态消息
-- ✅ 动态定位：智能计算弹出位置和方向
-- ✅ 自定义样式：支持多种样式类型和尺寸
-- ✅ 操作按钮：清除和确认按钮
-- ✅ 响应式设计：适配不同屏幕尺寸
-- ✅ 无障碍支持：完整的可访问性支持
-
-## 安装使用
-
-```tsx
-import { TapasMultiSelector } from '@beppla/tapas-ui';
-
-// 基础用法
-<TapasMultiSelector
-  label="选择水果"
-  dropdownItems={fruitOptions}
-  onSelect={(keys) => console.log('选中:', keys)}
-/>
-```
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| `label` | `string` | - | 标签文本 |
-| `title` | `string` | - | 弹出框标题 |
-| `dropdownItems` | `TapasMultiSelectorItem[]` | `[]` | 选项列表 |
-| `selected` | `number[]` | `[]` | 当前选中的选项键值数组 |
-| `onSelect` | `(keys: number[]) => void` | - | 选择变化回调 |
-| `placeholder` | `string` | - | 占位符文本 |
-| `required` | `boolean` | `false` | 是否必填 |
-| `disabled` | `boolean` | `false` | 是否禁用 |
-| `state` | `"normal" \| "error"` | `"normal"` | 状态类型 |
-| `stateMsg` | `string` | - | 状态消息 |
-| `showStateMsg` | `boolean` | `false` | 是否显示状态消息 |
-| `showSelectedValue` | `boolean` | `false` | 是否显示选中值 |
-| `showSearchBar` | `boolean` | `false` | 是否显示搜索栏 |
-| `type` | `"clear" \| "solid"` | `"clear"` | 按钮类型 |
-| `width` | `number` | - | 组件宽度 |
-| `height` | `number` | - | 组件高度 |
-| `radius` | `number` | `12` | 圆角半径 |
-| `icon` | `string` | `"arrow_drop_down"` | 图标名称 |
-| `iconStyle` | `ViewStyle \| TextStyle` | - | 图标样式 |
-| `backgroundColor` | `string` | - | 背景颜色 |
-| `noLabelAnim` | `boolean` | `false` | 是否禁用标签动画 |
-| `offsetWidth` | `number` | `0` | 位置偏移宽度 |
-| `dropdownSubWidth` | `number` | `151` | 弹出框宽度 |
-| `dropdownSubHeight` | `number` | - | 弹出框最大高度 |
-| `visible` | `boolean` | - | 控制弹出框可见性 |
-| `setVisible` | `(val: boolean) => void` | - | 设置弹出框可见性 |
-| `searchPlaceholder` | `string` | `"Search"` | 搜索框占位符 |
-| `clearButtonText` | `string` | `"Clear"` | 清除按钮文本 |
-| `confirmButtonText` | `string` | `"Done"` | 确认按钮文本 |
-
-## TapasMultiSelectorItem 接口
-
-```tsx
-interface TapasMultiSelectorItem {
-  key: number;           // 唯一标识
-  value: string;         // 显示文本
-  secondaryValue?: string; // 次要文本（可选）
-}
-```
-
-## 使用示例
-
-### 基础多选
-
-```tsx
-import React, { useState } from 'react';
-import { TapasMultiSelector, TapasMultiSelectorItem } from '@beppla/tapas-ui';
-
-const MultiSelectDemo = () => {
-  const [selectedFruits, setSelectedFruits] = useState<number[]>([]);
-
-  const fruitOptions: TapasMultiSelectorItem[] = [
-    { key: 1, value: '苹果' },
-    { key: 2, value: '香蕉' },
-    { key: 3, value: '橙子' },
-    { key: 4, value: '葡萄' },
-  ];
-
-  const handleSelection = (keys: number[]) => {
-    setSelectedFruits(keys);
-    console.log('选中的水果:', keys);
-  };
-
-  return (
-    <TapasMultiSelector
-      label="选择水果"
-      dropdownItems={fruitOptions}
-      selected={selectedFruits}
-      onSelect={handleSelection}
-      placeholder="请选择您喜欢的水果"
-      showSelectedValue={true}
-    />
-  );
-};
-```
-
-### 带搜索和验证
-
-```tsx
-import React, { useState } from 'react';
-import { TapasMultiSelector } from '@beppla/tapas-ui';
-
-const ValidatedMultiSelect = () => {
-  const [selectedTags, setSelectedTags] = useState<number[]>([]);
-  const [isValid, setIsValid] = useState(true);
-
-  const tagOptions = [
-    { key: 1, value: '新上市', secondaryValue: '最近添加的产品' },
-    { key: 2, value: '热销', secondaryValue: '销量最高的产品' },
-    { key: 3, value: '促销', secondaryValue: '打折产品' },
-    { key: 4, value: '推荐', secondaryValue: '精选产品' },
-  ];
-
-  const handleSelection = (keys: number[]) => {
-    setSelectedTags(keys);
-    setIsValid(keys.length > 0);
-  };
-
-  return (
-    <TapasMultiSelector
-      label="产品标签"
-      title="选择产品标签"
-      dropdownItems={tagOptions}
-      selected={selectedTags}
-      onSelect={handleSelection}
-      required={true}
-      showSearchBar={true}
-      showStateMsg={true}
-      state={isValid ? 'normal' : 'error'}
-      stateMsg={isValid ? '已选择标签' : '请至少选择一个标签'}
-      searchPlaceholder="搜索标签..."
-      placeholder="选择产品标签"
-      clearButtonText="清除所有"
-      confirmButtonText="应用标签"
-    />
-  );
-};
-```
-
-### 自定义样式
-
-```tsx
-import React from 'react';
-import { TapasMultiSelector } from '@beppla/tapas-ui';
-
-const CustomStyledMultiSelect = () => {
-  const categoryOptions = [
-    { key: 1, value: '电子产品' },
-    { key: 2, value: '服装' },
-    { key: 3, value: '图书' },
-    { key: 4, value: '运动' },
-  ];
-
-  return (
-    <TapasMultiSelector
-      label="产品分类"
-      dropdownItems={categoryOptions}
-      type="solid"
-      radius={20}
-      width={350}
-      height={70}
-      backgroundColor="#f8f9fa"
-      iconStyle={{ color: '#007bff' }}
-      clearButtonText="重置"
-      confirmButtonText="确认选择"
-    />
-  );
-};
-```
-
-### 带次要文本的选项
-
-```tsx
-import React from 'react';
-import { TapasMultiSelector } from '@beppla/tapas-ui';
-
-const SecondaryValueDemo = () => {
-  const departmentOptions = [
-    { key: 1, value: '技术部', secondaryValue: '负责产品开发和维护' },
-    { key: 2, value: '市场部', secondaryValue: '负责品牌推广和销售' },
-    { key: 3, value: '人事部', secondaryValue: '负责人员招聘和管理' },
-    { key: 4, value: '财务部', secondaryValue: '负责财务核算和预算' },
-  ];
-
-  return (
-    <TapasMultiSelector
-      label="选择部门"
-      title="部门选择"
-      dropdownItems={departmentOptions}
-      showSearchBar={true}
-      searchPlaceholder="搜索部门..."
-      placeholder="请选择您感兴趣的部门"
-    />
-  );
-};
-```
-
-## 最佳实践
-
-1. **合理的选项数量**：建议选项数量控制在 5-20 个之间，过多选项考虑分页
-2. **清晰的标签文案**：标签和选项文案应该简洁明确，避免歧义
-3. **适当的验证**：对于重要选择，使用 `required` 和状态消息
-4. **搜索功能**：当选项较多时，启用搜索功能提升用户体验
-5. **自定义按钮文案**：根据业务场景自定义清除和确认按钮文案
-
-## 使用场景
-
-- 产品分类选择
-- 用户权限配置
-- 标签管理系统
-- 兴趣爱好选择
-- 技能评估表单
-- 多选问卷调查
-- 文件类型过滤
-- 用户分组管理
-
-## 注意事项
-
-1. `dropdownItems` 数组为空时，组件仍会正常渲染，但不会显示任何选项
-2. 当 `required` 为 `true` 且没有选择任何选项时，建议显示错误状态
-3. 组件会自动计算弹出位置，确保在屏幕边界内显示
-4. 支持 React Native 和 React Native Web 环境
-5. 动画效果在测试环境中可能需要特殊处理
-
-## 技术实现
-
-- 使用 `Modal` 实现弹出效果
-- 动态计算弹出位置和方向
-- 支持标签动画效果
-- 集成搜索和过滤功能
-- 完整的键盘导航支持
-- 响应式布局设计

package/package/module/MultiSelector/index.js

@@ -1,2 +0,0 @@
-export { default } from './MultiSelector';
-//# sourceMappingURL=index.js.map

package/package/module/MultiSelector/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default"],"sourceRoot":"../../../components","sources":["MultiSelector/index.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB","ignoreList":[]}

package/package/module/Navigation/Navigation.js

@@ -1,191 +0,0 @@
-import React, { useEffect, useState, useCallback } from "react";
-import { View, TouchableOpacity, Text, StyleSheet, Platform } from "react-native";
-import { Image, withTheme, makeStyles } from "@rneui/themed";
-import Icon from "../Icons/TapasIcon";
-export let NavItemType = /*#__PURE__*/function (NavItemType) {
-  NavItemType["Nav"] = "nav";
-  NavItemType["System"] = "system";
-  return NavItemType;
-}({});
-const useStyles = makeStyles(theme => {
-  return {
-    menuContainer: {
-      backgroundColor: theme?.colors?.bg1,
-      display: "flex",
-      height: "100%",
-      overflow: "hidden"
-    },
-    navItem: {
-      flexDirection: "row",
-      alignItems: "center",
-      height: 40,
-      marginBottom: theme?.spacing?.tpSm,
-      borderRadius: theme?.radius?.full,
-      minWidth: 80,
-      minHeight: 40,
-      maxHeight: 56
-    },
-    selectedNavItem: {
-      backgroundColor: theme?.colors?.secondary
-    },
-    iconContainer: {
-      borderRadius: theme?.radius?.full,
-      padding: 10
-    },
-    selectedIconContainer: {
-      backgroundColor: theme?.colors?.secondary
-    },
-    navItemText: {
-      fontFamily: theme?.fonts?.fontFamily,
-      color: theme?.colors?.white,
-      fontSize: theme.fonts.sizeM,
-      fontWeight: theme.fonts.weightM
-    },
-    logoContainer: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      height: 56,
-      backgroundColor: theme?.colors?.black
-    },
-    navItemsContainer: {
-      marginTop: 10,
-      padding: theme?.spacing?.tpXs
-    },
-    bottomContainer: {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      borderTopWidth: 1,
-      borderTopColor: theme?.colors?.grey3,
-      padding: theme?.spacing?.tpXs
-    },
-    mask: {
-      position: "absolute",
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      width: "500%",
-      backgroundColor: "rgba(0,0,0,0.5)"
-    }
-  };
-});
-const defaultProps = {
-  expanded: false // 统一默认收起状态
-};
-const Navigation = ({
-  onLogoPress,
-  navItems,
-  systemItems,
-  logoImg,
-  expanded,
-  onItemPress,
-  defaultSelectedItem,
-  selectedIndex,
-  onMaskPress,
-  theme,
-  visible = true,
-  navigation,
-  ...props
-}) => {
-  const [isExpanded, setIsExpanded] = useState(expanded || defaultProps.expanded);
-  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);
-  const themeStyles = useStyles(props);
-  const handleToggle = useCallback(() => {
-    setIsExpanded(prev => !prev);
-    onLogoPress?.();
-  }, [onLogoPress]);
-  useEffect(() => {
-    if (typeof selectedIndex === "number" && navItems && navItems[selectedIndex]) {
-      setSelectedItem({
-        type: NavItemType.Nav,
-        selectedItemIndex: selectedIndex
-      });
-    } else {
-      setSelectedItem(undefined);
-    }
-  }, [selectedIndex, navItems]);
-  const handleItemPress = useCallback((selectedItemIndex, type) => {
-    setSelectedItem({
-      type,
-      selectedItemIndex
-    });
-    const item = type === NavItemType.Nav ? navItems?.[selectedItemIndex] : systemItems?.[selectedItemIndex];
-    if (item) {
-      onItemPress?.(item);
-      if (navigation && item.name) {
-        navigation.navigate(item.name, item.params);
-      }
-    }
-  }, [navItems, systemItems, onItemPress, navigation]);
-  return visible && /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: Platform.OS === "web" ? handleToggle : onMaskPress,
-    style: isExpanded && themeStyles.mask
-  }, /*#__PURE__*/React.createElement(View, null)), /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, !isExpanded ? styles.smallContainer : styles.expendedContainer]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: themeStyles.menuContainer
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: handleToggle,
-    accessibilityRole: "button"
-  }, /*#__PURE__*/React.createElement(View, {
-    style: themeStyles.logoContainer
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: logoImg,
-    style: {
-      width: 48,
-      height: 48
-    }
-  }))), /*#__PURE__*/React.createElement(View, {
-    style: [themeStyles.navItemsContainer]
-  }, navItems?.map((item, index) => /*#__PURE__*/React.createElement(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.createElement(View, {
-    style: [themeStyles.iconContainer, !isExpanded && selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.Nav && themeStyles.selectedIconContainer]
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: item.iconName,
-    size: 20,
-    color: theme?.colors?.white
-  })), isExpanded && /*#__PURE__*/React.createElement(Text, {
-    style: [themeStyles.navItemText, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.Nav && styles.selectedItemText]
-  }, item.name)))), /*#__PURE__*/React.createElement(View, {
-    style: themeStyles.bottomContainer
-  }, systemItems?.map((item, index) => /*#__PURE__*/React.createElement(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.createElement(View, {
-    style: [themeStyles.iconContainer, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.System && !isExpanded && themeStyles.selectedIconContainer]
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: item.iconName,
-    size: 20,
-    color: theme?.colors?.white
-  })), isExpanded && /*#__PURE__*/React.createElement(Text, {
-    style: [themeStyles.navItemText, selectedItem?.selectedItemIndex === index && selectedItem?.type === NavItemType.System && styles.selectedItemText]
-  }, item.name)))))));
-};
-const styles = StyleSheet.create({
-  container: {
-    height: "100%"
-  },
-  smallMenusItemContainer: {
-    marginLeft: 0
-  },
-  smallContainer: {
-    width: 56
-  },
-  expendedContainer: {
-    width: 336
-  },
-  selectedItemText: {
-    fontWeight: "bold"
-  }
-});
-export default withTheme(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/package/module/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","useCallback","View","TouchableOpacity","Text","StyleSheet","Platform","Image","withTheme","makeStyles","Icon","NavItemType","useStyles","theme","menuContainer","backgroundColor","colors","bg1","display","height","overflow","navItem","flexDirection","alignItems","marginBottom","spacing","tpSm","borderRadius","radius","full","minWidth","minHeight","maxHeight","selectedNavItem","secondary","iconContainer","padding","selectedIconContainer","navItemText","fontFamily","fonts","color","white","fontSize","sizeM","fontWeight","weightM","logoContainer","justifyContent","black","navItemsContainer","marginTop","tpXs","bottomContainer","position","bottom","left","right","borderTopWidth","borderTopColor","grey3","mask","top","width","defaultProps","expanded","Navigation","onLogoPress","navItems","systemItems","logoImg","onItemPress","defaultSelectedItem","selectedIndex","onMaskPress","visible","navigation","props","isExpanded","setIsExpanded","selectedItem","setSelectedItem","themeStyles","handleToggle","prev","type","Nav","selectedItemIndex","undefined","handleItemPress","item","name","navigate","params","createElement","style","styles","container","onPress","OS","smallContainer","expendedContainer","accessibilityRole","source","map","index","key","smallMenusItemContainer","iconName","size","selectedItemText","System","create","marginLeft"],"sourceRoot":"../../../components","sources":["Navigation/Navigation.tsx"],"mappings":"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","ignoreList":[]}

package/package/module/Notification/Notification.js

@@ -1,212 +0,0 @@
-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 } from 'react';
-import { Animated, Easing, View, Text, Pressable } from 'react-native';
-import { ScrollView } from 'react-native';
-import { makeStyles, withTheme } from '@rneui/themed';
-import TapasIcon from '../Icons/TapasIcon';
-import TapasButton from '../Button/Button';
-const useStyles = makeStyles(theme => {
-  return {
-    container: {
-      display: 'flex',
-      flexDirection: 'column',
-      overflow: 'hidden',
-      backgroundColor: theme.colors.colorSurface2
-    },
-    mainContent: {
-      display: 'flex',
-      flexGrow: 1,
-      flexDirection: 'column',
-      overflow: 'hidden',
-      flex: 1,
-      marginRight: 8,
-      marginLeft: 8,
-      marginTop: 24,
-      marginBottom: 24
-    },
-    header: {
-      display: 'flex',
-      flexDirection: 'row',
-      height: 40,
-      marginBottom: 10,
-      overflow: 'hidden',
-      marginLeft: 8
-    },
-    headerTitleContainer: {
-      marginRight: 8,
-      display: 'flex',
-      flexDirection: 'row',
-      flexGrow: 1,
-      overflow: 'hidden',
-      justifyContent: 'space-between'
-    },
-    headerTitle: {
-      fontSize: 16,
-      fontWeight: '700',
-      color: theme.colors.white,
-      flex: 1,
-      lineHeight: 40
-    },
-    headerButton: {
-      width: 40,
-      height: 40,
-      display: 'flex'
-    },
-    iconButton: {
-      alignSelf: 'center'
-    },
-    list: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'flex-start',
-      overflow: 'hidden',
-      flex: 1,
-      marginTop: 12,
-      marginBottom: 12
-    },
-    inner: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: 12
-    },
-    emptyContainer: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center',
-      flexGrow: 1,
-      overflow: 'hidden',
-      gap: 10
-    },
-    emptyIcon: {
-      width: 40,
-      height: 40,
-      opacity: 0.3,
-      alignSelf: 'center'
-    },
-    emptyText: {
-      textAlign: 'center',
-      fontSize: 14,
-      fontWeight: '500',
-      color: theme.colors.colorSurface11
-    },
-    row: {
-      display: 'flex',
-      flexDirection: 'row',
-      height: 40,
-      paddingLeft: 12,
-      paddingRight: 16,
-      borderRadius: 20,
-      justifyContent: 'flex-start',
-      alignItems: 'center',
-      gap: 8
-    },
-    rowText: {
-      fontSize: 14,
-      fontWeight: '600',
-      color: theme.colors.colorTextInvert1
-    },
-    selectedRow: {
-      backgroundColor: theme.colors.secondary
-    }
-  };
-});
-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();
-
-  // 动画
-  const expandAnim = useRef(new Animated.Value(0)).current;
-  const mainContentAnim = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    expandAnim.setValue(open ? 0 : expandedWidth);
-    mainContentAnim.setValue(open ? 0 : expandedWidth - 16);
-    Animated.parallel([Animated.timing(expandAnim, {
-      toValue: open ? expandedWidth : 0,
-      duration: animationDuration,
-      easing: Easing.inOut(Easing.ease),
-      useNativeDriver: false
-    }), Animated.timing(mainContentAnim, {
-      toValue: open ? expandedWidth - 16 : 0,
-      duration: animationDuration,
-      easing: Easing.inOut(Easing.ease),
-      useNativeDriver: false
-    })]).start();
-  }, [open, expandedWidth, animationDuration]);
-  const handleItemPress = item => {
-    onSelectItem?.(item);
-  };
-  const handleHeaderButtonPress = () => {
-    onHeaderButtonPress?.();
-  };
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, otherProps, {
-    style: [style, styles.container, {
-      width: expandAnim
-    }]
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.mainContent
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.headerTitleContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.headerTitle, headerTitleStyle],
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, title)), !hideHeaderButton && /*#__PURE__*/React.createElement(View, {
-    style: styles.headerButton
-  }, /*#__PURE__*/React.createElement(TapasButton, {
-    type: "clear",
-    onPress: handleHeaderButtonPress
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    size: 20,
-    color: "#FFF",
-    style: styles.iconButton,
-    name: "more_vert"
-  })))), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.list, {
-      width: mainContentAnim
-    }]
-  }, items.length > 0 ? /*#__PURE__*/React.createElement(ScrollView, {
-    showsHorizontalScrollIndicator: false
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.inner
-  }, items.map((item, index) => /*#__PURE__*/React.createElement(Pressable, {
-    onPress: () => handleItemPress(item),
-    key: `${item.id}-notify-${index}`,
-    style: [styles.row, selectedItem === item.id && styles.selectedRow]
-  }, item.icon && /*#__PURE__*/React.createElement(TapasIcon, {
-    size: 20,
-    color: "#FFF",
-    name: item.icon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.rowText,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, item.title))))) : /*#__PURE__*/React.createElement(View, {
-    style: styles.emptyContainer
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    name: "notifications",
-    size: 40,
-    color: "#FFF",
-    style: styles.emptyIcon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.emptyText,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, emptyText)))));
-};
-export default withTheme(TapasNotification);
-//# sourceMappingURL=Notification.js.map