@umituz/react-native-ai-generation-content 1.12.12 → 1.12.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.12",
+  "version": "1.12.15",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/creations/domain/value-objects/CreationsConfig.ts

@@ -52,6 +52,7 @@ export interface CreationsConfig {
   readonly gridColumns?: number;
   readonly pathBuilder?: PathBuilder;
   readonly documentMapper?: DocumentMapper;
+  readonly enableFiltering?: boolean;
 }
 
 export const DEFAULT_TRANSLATIONS: CreationsTranslations = {

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -91,17 +91,7 @@ export function CreationCard({
           width: 100,
           height: 100,
         },
-        favoriteBtn: {
-          position: "absolute",
-          top: 4,
-          right: 4,
-          width: 28,
-          height: 28,
-          borderRadius: 14,
-          backgroundColor: "rgba(255,255,255,0.7)",
-          justifyContent: "center",
-          alignItems: "center",
-        },
+
         selectionOverlay: {
           position: "absolute",
           top: 4,
@@ -167,15 +157,6 @@ export function CreationCard({
             {isSelected && <AtomicIcon name="checkmark-circle" size="xs" color="white" />}
           </View>
         )}
-        {!isSelectionMode && onToggleFavorite && (
-          <TouchableOpacity style={styles.favoriteBtn} onPress={handleToggleFavorite}>
-            <AtomicIcon
-              name={creation.isFavorite ? "heart" : "heart-outline"}
-              size="xs"
-              color={creation.isFavorite ? "error" : "secondary"}
-            />
-          </TouchableOpacity>
-        )}
       </View>
       <View style={styles.content}>
         <View>
@@ -187,6 +168,20 @@ export function CreationCard({
         </View>
         {!isSelectionMode && (
           <View style={styles.actions}>
+            {onView && (
+              <TouchableOpacity style={styles.actionBtn} onPress={handleView}>
+                <AtomicIcon name="eye" size="sm" color="primary" />
+              </TouchableOpacity>
+            )}
+            {onToggleFavorite && (
+              <TouchableOpacity style={styles.actionBtn} onPress={handleToggleFavorite}>
+                <AtomicIcon
+                  name={creation.isFavorite ? "heart" : "heart-outline"}
+                  size="sm"
+                  color={creation.isFavorite ? "error" : "primary"}
+                />
+              </TouchableOpacity>
+            )}
             <TouchableOpacity style={styles.actionBtn} onPress={handleShare}>
               <AtomicIcon name="share-social" size="sm" color="primary" />
             </TouchableOpacity>

package/src/domains/creations/presentation/components/GalleryHeader.tsx

@@ -13,6 +13,9 @@ interface GalleryHeaderProps {
     readonly onFavoritesPress?: () => void;
     readonly showOnlyFavorites?: boolean;
     readonly style?: any;
+    readonly subtitle?: string;
+    readonly isFilterEnabled?: boolean;
+    readonly showCount?: boolean;
 }
 
 export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
@@ -25,6 +28,9 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
     filterIcon = 'filter-outline',
     onFavoritesPress,
     showOnlyFavorites = false,
+    subtitle,
+    isFilterEnabled = true,
+    showCount = true,
     style,
 }) => {
     const tokens = useAppDesignTokens();
@@ -35,7 +41,7 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
             <View style={styles.titleArea}>
                 {!!title && <AtomicText style={styles.title}>{title}</AtomicText>}
                 <AtomicText style={styles.subtitle}>
-                    {count} {countLabel}
+                    {subtitle || (showCount ? `${count} ${countLabel}` : '')}
                 </AtomicText>
             </View>
             <View style={styles.actions}>
@@ -52,23 +58,25 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
                         />
                     </TouchableOpacity>
                 )}
-                <TouchableOpacity
-                    onPress={onFilterPress}
-                    style={[styles.filterButton, isFiltered && styles.filterButtonActive]}
-                    activeOpacity={0.7}
-                >
-                    <AtomicIcon
-                        name={filterIcon}
-                        size="sm"
-                        color={isFiltered ? "primary" : "secondary"}
-                    />
-                    <AtomicText style={[styles.filterText, { color: isFiltered ? tokens.colors.primary : tokens.colors.textSecondary }]}>
-                        {filterLabel}
-                    </AtomicText>
-                    {isFiltered && (
-                        <View style={styles.badge} />
-                    )}
-                </TouchableOpacity>
+                {isFilterEnabled && (
+                    <TouchableOpacity
+                        onPress={onFilterPress}
+                        style={[styles.filterButton, isFiltered && styles.filterButtonActive]}
+                        activeOpacity={0.7}
+                    >
+                        <AtomicIcon
+                            name={filterIcon}
+                            size="sm"
+                            color={isFiltered ? "primary" : "secondary"}
+                        />
+                        <AtomicText style={[styles.filterText, { color: isFiltered ? tokens.colors.primary : tokens.colors.textSecondary }]}>
+                            {filterLabel}
+                        </AtomicText>
+                        {isFiltered && (
+                            <View style={styles.badge} />
+                        )}
+                    </TouchableOpacity>
+                )}
             </View>
         </View>
     );

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -32,13 +32,16 @@ interface CreationsGalleryScreenProps {
   readonly userId: string | null;
   readonly repository: ICreationsRepository;
   readonly config: CreationsConfig;
-  readonly t: (key: string) => string;
+  readonly t: (key: string, options?: any) => string;
   readonly enableEditing?: boolean;
   readonly onImageEdit?: (uri: string, creationId: string) => void | Promise<void>;
   readonly onEmptyAction?: () => void;
   readonly emptyActionLabel?: string;
   readonly onBackPress?: () => void;
   readonly headerTitle?: string;
+  readonly showCount?: boolean;
+  readonly enableSearch?: boolean;
+  readonly showGalleryHeader?: boolean;
 }
 
 export function CreationsGalleryScreen({
@@ -52,6 +55,9 @@ export function CreationsGalleryScreen({
   emptyActionLabel,
   onBackPress,
   headerTitle,
+  showCount = true,
+  enableSearch = true,
+  showGalleryHeader = true,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
   const { share } = useSharing();
@@ -184,7 +190,7 @@ export function CreationsGalleryScreen({
               } : undefined}
             />
           )}
-          {!isSelectionMode && (
+          {!isSelectionMode && enableSearch && (
             <View style={{ paddingHorizontal: tokens.spacing.md, paddingBottom: tokens.spacing.xs }}>
               <SearchBar
                 placeholder={t("common.search") || "Search Prompt..."}
@@ -198,16 +204,21 @@ export function CreationsGalleryScreen({
       contentContainerStyle={{ paddingHorizontal: 0 }}
     >
       {(!creations || creations?.length === 0) && !isLoading ? null : (
-        <GalleryHeader
-          title={showScreenHeader || isSelectionMode ? '' : screenTitle}
-          count={filtered.length}
-          countLabel={t(config.translations.photoCount) || 'photos'}
-          isFiltered={isFiltered}
-          filterLabel={t(config.translations.filterLabel) || 'Filter'}
-          onFilterPress={() => filterSheetRef.current?.present()}
-          onFavoritesPress={() => setShowOnlyFavorites(!showOnlyFavorites)}
-          showOnlyFavorites={showOnlyFavorites}
-        />
+        showGalleryHeader ? (
+          <GalleryHeader
+            title={showScreenHeader || isSelectionMode ? '' : screenTitle}
+            count={filtered.length}
+            countLabel=''
+            subtitle={showCount ? t(config.translations.photoCount, { count: filtered.length }) : undefined}
+            isFiltered={isFiltered}
+            filterLabel={t(config.translations.filterLabel) || 'Filter'}
+            onFilterPress={() => filterSheetRef.current?.present()}
+            onFavoritesPress={() => setShowOnlyFavorites(!showOnlyFavorites)}
+            showOnlyFavorites={showOnlyFavorites}
+            isFilterEnabled={config.enableFiltering ?? false}
+            showCount={showCount}
+          />
+        ) : null
       )}
 
       {/* Main Content Grid - handles empty/loading via ListEmptyComponent */}