@umituz/react-native-ai-generation-content 1.72.10 → 1.72.12

package/src/shared/utils/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared Utilities
+ */
+
+export * from "./date";
+export * from "./filters";

package/src/domains/creations/presentation/components/filter-bar-utils.ts

@@ -1,96 +0,0 @@
-/**
- * CreationsFilterBar Helper Functions
- */
-
-import type {
-  FilterButton,
-  MediaFilterLabels,
-  StatusFilterLabels,
-} from "./CreationsFilterBar.types";
-
-/**
- * Helper to create filter buttons from filter state
- */
-export function createMediaFilterButtons(
-  activeFilter: string,
-  onSelect: (filter: string) => void,
-  labels: MediaFilterLabels
-): FilterButton[] {
-  return [
-    {
-      id: "all",
-      label: labels.all,
-      icon: "grid",
-      active: activeFilter === "all",
-      onPress: () => onSelect("all"),
-    },
-    {
-      id: "image",
-      label: labels.images,
-      icon: "image",
-      active: activeFilter === "image",
-      onPress: () => onSelect("image"),
-    },
-    {
-      id: "video",
-      label: labels.videos,
-      icon: "film",
-      active: activeFilter === "video",
-      onPress: () => onSelect("video"),
-    },
-    {
-      id: "voice",
-      label: labels.voice,
-      icon: "mic",
-      active: activeFilter === "voice",
-      onPress: () => onSelect("voice"),
-    },
-  ];
-}
-
-/**
- * Helper to create status filter buttons
- */
-export function createStatusFilterButtons(
-  activeFilter: string,
-  onSelect: (filter: string) => void,
-  labels: StatusFilterLabels
-): FilterButton[] {
-  return [
-    {
-      id: "all",
-      label: labels.all,
-      icon: "options",
-      active: activeFilter === "all",
-      onPress: () => onSelect("all"),
-    },
-    {
-      id: "completed",
-      label: labels.completed,
-      icon: "checkmark-circle",
-      active: activeFilter === "completed",
-      onPress: () => onSelect("completed"),
-    },
-    {
-      id: "processing",
-      label: labels.processing,
-      icon: "refresh",
-      active: activeFilter === "processing",
-      onPress: () => onSelect("processing"),
-    },
-    {
-      id: "pending",
-      label: labels.pending,
-      icon: "time",
-      active: activeFilter === "pending",
-      onPress: () => onSelect("pending"),
-    },
-    {
-      id: "failed",
-      label: labels.failed,
-      icon: "close-circle",
-      active: activeFilter === "failed",
-      onPress: () => onSelect("failed"),
-    },
-  ];
-}

package/src/presentation/components/GenerationProgressBar.tsx

@@ -1,78 +0,0 @@
-/**
- * GenerationProgressBar
- * Individual progress bar component for AI generation
- */
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
-import { clampProgress, roundProgress } from "../../infrastructure/utils/progress.utils";
-
-export interface GenerationProgressBarProps {
-    progress: number;
-    textColor?: string;
-    progressColor?: string;
-    backgroundColor?: string;
-}
-
-export const GenerationProgressBar: React.FC<GenerationProgressBarProps> = ({
-    progress,
-    textColor,
-    progressColor,
-    backgroundColor,
-}) => {
-    const tokens = useAppDesignTokens();
-    const clampedProgress = clampProgress(progress);
-
-    return (
-        <View style={styles.container}>
-            <View
-                style={[
-                    styles.background,
-                    { backgroundColor: backgroundColor || tokens.colors.borderLight },
-                ]}
-            >
-                <View
-                    style={[
-                        styles.fill,
-                        {
-                            backgroundColor: progressColor || tokens.colors.primary,
-                            width: `${clampedProgress}%`,
-                        },
-                    ]}
-                />
-            </View>
-            <AtomicText
-                style={[
-                    styles.text,
-                    { color: textColor || tokens.colors.textPrimary },
-                ]}
-            >
-                {roundProgress(clampedProgress)}%
-            </AtomicText>
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    container: {
-        width: "100%",
-        marginBottom: 16,
-        alignItems: "center",
-    },
-    background: {
-        width: "100%",
-        height: 8,
-        borderRadius: 4,
-        overflow: "hidden",
-    },
-    fill: {
-        height: "100%",
-        borderRadius: 4,
-    },
-    text: {
-        fontSize: 14,
-        fontWeight: "600",
-        marginTop: 8,
-    },
-});

package/src/presentation/components/PendingJobProgressBar.tsx

@@ -1,56 +0,0 @@
-/**
- * PendingJobProgressBar
- * Individual progress bar for the PendingJobCard
- */
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { clampProgress } from "../../infrastructure/utils/progress.utils";
-
-export interface PendingJobProgressBarProps {
-    progress: number;
-    backgroundColor?: string;
-    fillColor?: string;
-}
-
-export const PendingJobProgressBar: React.FC<PendingJobProgressBarProps> = ({
-    progress,
-    backgroundColor,
-    fillColor,
-}) => {
-    const tokens = useAppDesignTokens();
-    const clampedProgress = clampProgress(progress);
-
-    return (
-        <View
-            style={[
-                styles.progressContainer,
-                { backgroundColor: backgroundColor || tokens.colors.borderLight },
-            ]}
-        >
-            <View
-                style={[
-                    styles.progressFill,
-                    {
-                        backgroundColor: fillColor || tokens.colors.primary,
-                        width: `${clampedProgress}%`,
-                    },
-                ]}
-            />
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    progressContainer: {
-        height: 4,
-        borderRadius: 2,
-        marginTop: 8,
-        overflow: "hidden",
-    },
-    progressFill: {
-        height: "100%",
-        borderRadius: 2,
-    },
-});