@umituz/react-native-ai-creations 1.2.16 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-creations",
-  "version": "1.2.16",
+  "version": "1.3.0",
   "description": "AI-generated creations gallery with filtering, sharing, and management for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -31,11 +31,11 @@
     "@umituz/react-native-alert": "latest"
   },
   "peerDependencies": {
+    "@react-navigation/native": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
     "@umituz/react-native-bottom-sheet": "latest",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
-    "@umituz/react-native-filter": "latest",
     "@umituz/react-native-image": "latest",
     "@umituz/react-native-sharing": "latest",
     "expo-linear-gradient": ">=14.0.0",
@@ -45,15 +45,15 @@
     "react-native-safe-area-context": ">=5.0.0"
   },
   "devDependencies": {
-    "@umituz/react-native-bottom-sheet": "latest",
-    "@umituz/react-native-filter": "latest",
-    "@umituz/react-native-image": "latest",
-    "expo-linear-gradient": "^15.0.8",
+    "@react-navigation/native": "^7.1.26",
     "@tanstack/react-query": "^5.62.16",
     "@types/react": "^19.0.0",
+    "@umituz/react-native-bottom-sheet": "latest",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
+    "@umituz/react-native-image": "latest",
     "@umituz/react-native-sharing": "latest",
+    "expo-linear-gradient": "^15.0.8",
     "firebase": "^11.0.0",
     "react": "19.1.0",
     "react-native": "0.81.5",
@@ -68,4 +68,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

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

@@ -41,7 +41,7 @@ export type PathBuilder = (userId: string) => string[];
  */
 export type DocumentMapper = (id: string, data: CreationDocument) => Creation;
 
-import type { FilterCategory } from "@umituz/react-native-filter";
+import type { FilterCategory } from "@umituz/react-native-bottom-sheet";
 
 export interface CreationsConfig {
   readonly collectionName: string;

package/src/presentation/hooks/useCreations.ts

@@ -7,7 +7,7 @@ import { useQuery } from "@tanstack/react-query";
 import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
 
 const CACHE_CONFIG = {
-  staleTime: 5 * 60 * 1000,
+  staleTime: 5 * 60 * 1000, // 5 minutes - use cache invalidation on mutations
   gcTime: 30 * 60 * 1000,
 };
 

package/src/presentation/hooks/useCreationsFilter.ts

@@ -8,7 +8,7 @@ import type { Creation } from "../../domain/entities/Creation";
 
 const ALL_FILTER = "all";
 
-import { FilterUtils } from "@umituz/react-native-filter";
+import { FilterUtils } from "@umituz/react-native-bottom-sheet";
 
 interface UseCreationsFilterProps {
   readonly creations: Creation[] | undefined;

package/src/presentation/screens/CreationsGalleryScreen.tsx

@@ -4,11 +4,12 @@ import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useSharing } from "@umituz/react-native-sharing";
 import { ImageGallery } from "@umituz/react-native-image";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useFocusEffect } from "@react-navigation/native";
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
 import { useCreationsFilter } from "../hooks/useCreationsFilter";
 import { useAlert } from "@umituz/react-native-alert";
-import { FilterBottomSheet, type FilterCategory } from "@umituz/react-native-filter";
+import { FilterBottomSheet, type FilterCategory } from "@umituz/react-native-bottom-sheet";
 import { BottomSheetModalRef } from "@umituz/react-native-bottom-sheet";
 import { GalleryHeader, EmptyState, CreationsGrid } from "../components";
 import type { Creation } from "../../domain/entities/Creation";
@@ -51,6 +52,13 @@ export function CreationsGalleryScreen({
   const deleteMutation = useDeleteCreation({ userId, repository });
   const { filtered, selectedIds, toggleFilter, clearFilters, isFiltered } = useCreationsFilter({ creations });
 
+  // Refetch creations when screen comes into focus
+  useFocusEffect(
+    useCallback(() => {
+      refetch();
+    }, [refetch])
+  );
+
   const allCategories = useMemo(() => {
     const categories: FilterCategory[] = [];
     if (config.types.length > 0) {