@rubixstudios/payload-images 1.0.2 → 1.0.4

package/README.md

@@ -1,6 +1,8 @@
 # PayloadCMS Image Search Plugin
 
-Integrated Payload CMS plugin for stock image search across Unsplash, Pexels, and Pixabay, with filterable results and instant import.
+PayloadCMS plugin for stock image search across Unsplash, Pexels, and Pixabay, with filterable results and instant import.
+
+<img width="1899" height="907" alt="image" src="https://github.com/user-attachments/assets/1c19f977-d075-4dfc-9f52-8d9426bc1500" />
 
 This project is an independent implementation derived [PayloadBites' Image Search](https://github.com/rilrom/payload-bites/tree/main/packages/image-search) extended with provider-specific image filtering and improved Windows OS compatibility.
 

package/dist/components/SearchImages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchImages/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAmB/D,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,sBAAsB,kBAAkB,CAAA;AAOrD,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAgcpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchImages/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAmB/D,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,sBAAsB,kBAAkB,CAAA;AAOrD,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBA4bpD,CAAA"}

package/dist/components/SearchImages/index.js

@@ -78,6 +78,7 @@ export const SearchImages = (props)=>{
         pixabayFilters
     ]);
     const getFeaturedPhotos = useCallback(async ()=>{
+        if (!selectedProvider?.value) return;
         try {
             setLoading(true);
             resetImages();
@@ -155,17 +156,6 @@ export const SearchImages = (props)=>{
     const handleSelectChange = useCallback((select)=>{
         setSelectedProvider(select);
     }, []);
-    const handleSearch = useCallback(()=>{
-        if (value.length > 0) {
-            getPhotos(1);
-        } else {
-            getFeaturedPhotos();
-        }
-    }, [
-        getFeaturedPhotos,
-        getPhotos,
-        value
-    ]);
     const handleSelect = async (url, download)=>{
         onSelect(url);
         if (!download) return;
@@ -177,15 +167,19 @@ export const SearchImages = (props)=>{
     };
     useEffect(()=>{
         if (!selectedProvider) {
-            getProviderOptions();
-            return;
+            void getProviderOptions();
         }
-        handleSearch();
     }, [
         getProviderOptions,
-        handleSearch,
         selectedProvider
     ]);
+    useEffect(()=>{
+        if (!selectedProvider?.value) return;
+        void getFeaturedPhotos();
+    }, [
+        selectedProvider,
+        getFeaturedPhotos
+    ]);
     return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
     }, /*#__PURE__*/ React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubixstudios/payload-images",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A Payload CMS plugin that integrates with stock image providers including Unsplash, Pexels and Pixabay.",
   "license": "MIT",
   "author": "Rubix Studios <hello@rubixstudios.com.au> (https://rubixstudios.com.au)",
@@ -58,7 +58,7 @@
     "release": "semantic-release"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.12",
+    "@biomejs/biome": "2.3.13",
     "@payloadcms/ui": "^3.73.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
@@ -91,5 +91,5 @@
       }
     }
   },
-  "packageManager": "pnpm@10.28.1"
+  "packageManager": "pnpm@10.28.2"
 }