@umituz/react-native-ai-generation-content 1.11.5 → 1.11.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/presentation/components/GenerationProgressBar.tsx +3 -3
  3. package/src/presentation/components/GenerationProgressContent.tsx +8 -8
  4. package/src/presentation/components/PendingJobCard.tsx +7 -7
  5. package/src/presentation/components/PendingJobCardActions.tsx +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-ai-generation-content",
3
- "version": "1.11.5",
3
+ "version": "1.11.6",
4
4
  "description": "Provider-agnostic AI generation orchestration for React Native",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
package/src/presentation/components/GenerationProgressBar.tsx CHANGED
@@ -4,8 +4,8 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { View, StyleSheet, Text } from "react-native";
8
- import { useAppDesignTokens } from "@umituz/react-native-design-system";
7
+ import { AtomicText, View, StyleSheet } from "react-native";
8
+ import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
9
9
 
10
10
  export interface GenerationProgressBarProps {
11
11
  progress: number;
@@ -48,7 +48,7 @@ export const GenerationProgressBar: React.FC<GenerationProgressBarProps> = ({
48
48
  ]}
49
49
  >
50
50
  {Math.round(clampedProgress)}%
51
- </Text>
51
+ </AtomicText>
52
52
  </View>
53
53
  );
54
54
  };
package/src/presentation/components/GenerationProgressContent.tsx CHANGED
@@ -4,9 +4,9 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
8
- import { useAppDesignTokens } from "@umituz/react-native-design-system";
9
- import { GenerationProgressBar } from "./GenerationProgressBar";
7
+ import { AtomicText, View, TouchableOpacity, StyleSheet } from "react-native";
8
+ import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
9
+ import { AtomicText, GenerationProgressBar } from "./GenerationProgressBar";
10
10
 
11
11
  export interface GenerationProgressContentProps {
12
12
  progress: number;
@@ -45,13 +45,13 @@ export const GenerationProgressContent: React.FC<
45
45
  return (
46
46
  <View style={[styles.modal, { backgroundColor: activeBgColor }]}>
47
47
  {title && (
48
- <Text style={[styles.title, { color: activeTextColor }]}>{title}</Text>
48
+ <AtomicText type="bodyMedium" style={[styles.title, { color: activeTextColor }]}>{title}</AtomicText>
49
49
  )}
50
50
 
51
51
  {message && (
52
- <Text style={[styles.message, { color: activeTextColor }]}>
52
+ <AtomicText type="bodyMedium" style={[styles.message, { color: activeTextColor }]}>
53
53
  {message}
54
- </Text>
54
+ </AtomicText>
55
55
  )}
56
56
 
57
57
  <GenerationProgressBar
@@ -62,7 +62,7 @@ export const GenerationProgressContent: React.FC<
62
62
  />
63
63
 
64
64
  {hint && (
65
- <Text style={[styles.hint, { color: activeTextColor }]}>{hint}</Text>
65
+ <AtomicText type="bodyMedium" style={[styles.hint, { color: activeTextColor }]}>{hint}</AtomicText>
66
66
  )}
67
67
 
68
68
  {onDismiss && (
@@ -73,7 +73,7 @@ export const GenerationProgressContent: React.FC<
73
73
  ]}
74
74
  onPress={onDismiss}
75
75
  >
76
- <Text style={styles.dismissText}>{dismissLabel || "OK"}</Text>
76
+ <AtomicText type="bodyMedium" style={styles.dismissText}>{dismissLabel || "OK"}</AtomicText>
77
77
  </TouchableOpacity>
78
78
  )}
79
79
  </View>
package/src/presentation/components/PendingJobCard.tsx CHANGED
@@ -4,11 +4,11 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { View, Text, ActivityIndicator, StyleSheet } from "react-native";
8
- import { useAppDesignTokens } from "@umituz/react-native-design-system";
7
+ import { AtomicText, View, ActivityIndicator, StyleSheet } from "react-native";
8
+ import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
9
9
  import type { BackgroundJob } from "../../domain/entities/job.types";
10
- import { PendingJobProgressBar } from "./PendingJobProgressBar";
11
- import { PendingJobCardActions } from "./PendingJobCardActions";
10
+ import { AtomicText, PendingJobProgressBar } from "./PendingJobProgressBar";
11
+ import { AtomicText, PendingJobCardActions } from "./PendingJobCardActions";
12
12
 
13
13
  export interface StatusLabels {
14
14
  readonly queued?: string;
@@ -106,10 +106,10 @@ export function PendingJobCard<TInput = unknown, TResult = unknown>({
106
106
  )}
107
107
  <View style={styles.content}>
108
108
  <View>
109
- {typeLabel && <Text style={styles.typeText}>{typeLabel}</Text>}
110
- <Text style={styles.statusText} numberOfLines={1}>
109
+ {typeLabel && <AtomicText type="bodyMedium" style={styles.typeText}>{typeLabel}</AtomicText>}
110
+ <AtomicText type="bodyMedium" style={styles.statusText} numberOfLines={1}>
111
111
  {statusText}
112
- </Text>
112
+ </AtomicText>
113
113
  {!isFailed && <PendingJobProgressBar progress={job.progress} />}
114
114
  </View>
115
115
  {renderActions ? (
package/src/presentation/components/PendingJobCardActions.tsx CHANGED
@@ -4,8 +4,8 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
8
- import { useAppDesignTokens } from "@umituz/react-native-design-system";
7
+ import { AtomicText, View, TouchableOpacity, StyleSheet } from "react-native";
8
+ import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
9
9
 
10
10
  export interface PendingJobCardActionsProps {
11
11
  id: string;
@@ -57,7 +57,7 @@ export const PendingJobCardActions: React.FC<PendingJobCardActionsProps> = ({
57
57
  style={styles.actionButton}
58
58
  onPress={() => onRetry(id)}
59
59
  >
60
- <Text style={styles.text}>↻</Text>
60
+ <AtomicText type="bodyMedium" style={styles.text}>↻</AtomicText>
61
61
  </TouchableOpacity>
62
62
  )}
63
63
  {onCancel && (
@@ -65,7 +65,7 @@ export const PendingJobCardActions: React.FC<PendingJobCardActionsProps> = ({
65
65
  style={styles.actionButton}
66
66
  onPress={() => onCancel(id)}
67
67
  >
68
- <Text style={styles.errorText}>✕</Text>
68
+ <AtomicText type="bodyMedium" style={styles.errorText}>✕</AtomicText>
69
69
  </TouchableOpacity>
70
70
  )}
71
71
  </View>