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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.12",
+  "version": "1.12.14",
   "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/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,14 @@ 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;
 }
 
 export function CreationsGalleryScreen({
@@ -52,6 +53,7 @@ export function CreationsGalleryScreen({
   emptyActionLabel,
   onBackPress,
   headerTitle,
+  showCount = true,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
   const { share } = useSharing();
@@ -201,12 +203,15 @@ export function CreationsGalleryScreen({
         <GalleryHeader
           title={showScreenHeader || isSelectionMode ? '' : screenTitle}
           count={filtered.length}
-          countLabel={t(config.translations.photoCount) || 'photos'}
+          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}
         />
       )}