@beppla/tapas-ui 1.4.15 → 1.4.16

package/components/StatisticCard/StatisticCard.tsx

@@ -1,132 +0,0 @@
-import React from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import Text from '../Text/Text';
-import Card from '../Card/Card';
-
-export interface StatisticCardProps {
-  title: string;
-  value: string | number;
-  prefix?: string;
-  suffix?: string;
-  trend?: {
-    value: number;
-    isPositive?: boolean;
-  };
-  description?: string;
-  icon?: React.ReactNode;
-  color?: string;
-  onPress?: () => void;
-  loading?: boolean;
-  style?: any;
-}
-
-export const StatisticCard: React.FC<StatisticCardProps> = ({
-  title,
-  value,
-  prefix = '',
-  suffix = '',
-  trend,
-  description,
-  icon,
-  color = '#FF6B00',
-  onPress,
-  loading = false,
-  style,
-}) => {
-  const Container: any = onPress ? TouchableOpacity : View;
-
-  const getTrendColor = () => {
-    if (!trend) return undefined;
-    return trend.isPositive !== false ? '#00B894' : '#D63031';
-  };
-
-  const getTrendSymbol = () => {
-    if (!trend) return '';
-    return trend.isPositive !== false ? '+' : '';
-  };
-
-  return (
-    <Container onPress={onPress} disabled={!onPress} activeOpacity={0.7}>
-      <Card cardId="statistic-card" style={[styles.container, style]}>
-        <View style={styles.header}>
-          <Text style={styles.title}>{title}</Text>
-          {icon && <View style={styles.iconContainer}>{icon}</View>}
-        </View>
-
-        <View style={styles.content}>
-          {loading ? (
-            <Text style={styles.loading}>Loading...</Text>
-          ) : (
-            <>
-              <Text style={[styles.value, { color }]}>
-                {prefix}{value}{suffix}
-              </Text>
-
-              {trend && (
-                <View style={styles.trendContainer}>
-                  <Text style={[styles.trend, { color: getTrendColor() }]}>
-                    {getTrendSymbol()}{trend.value.toFixed(1)}%
-                  </Text>
-                </View>
-              )}
-
-              {description && (
-                <Text style={styles.description}>{description}</Text>
-              )}
-            </>
-          )}
-        </View>
-      </Card>
-    </Container>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 16,
-    minHeight: 120,
-  },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 12,
-  },
-  title: {
-    fontSize: 14,
-    color: '#7F8C8D',
-    fontWeight: '500',
-  },
-  iconContainer: {
-    width: 32,
-    height: 32,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  content: {
-    flex: 1,
-  },
-  value: {
-    fontSize: 32,
-    fontWeight: 'bold',
-    marginBottom: 4,
-  },
-  loading: {
-    fontSize: 16,
-    color: '#999',
-  },
-  trendContainer: {
-    marginTop: 4,
-    marginBottom: 8,
-  },
-  trend: {
-    fontSize: 14,
-    fontWeight: '600',
-  },
-  description: {
-    fontSize: 12,
-    color: '#95A5A6',
-    marginTop: 4,
-  },
-});
-

package/components/StatisticCard/index.tsx

@@ -1,3 +0,0 @@
-export { StatisticCard } from './StatisticCard';
-export type { StatisticCardProps } from './StatisticCard';
-