@geowiki/design-system 0.16.17 → 0.16.19

package/dist/index.d.mts

@@ -1127,8 +1127,10 @@ interface Props$6 {
     galleryItems: CarouselGalleryItemProps[];
     orientation?: "horizontal" | "vertical";
     allowZoom?: boolean;
+    selectImageText?: string;
     onHover?: (id: string) => void;
     saveRotationChanges?: (base64: string | null, id?: any) => void;
+    selectImage?: (id: string) => void;
 }
 declare const CarouselItemList: (props: Props$6) => React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -1127,8 +1127,10 @@ interface Props$6 {
     galleryItems: CarouselGalleryItemProps[];
     orientation?: "horizontal" | "vertical";
     allowZoom?: boolean;
+    selectImageText?: string;
     onHover?: (id: string) => void;
     saveRotationChanges?: (base64: string | null, id?: any) => void;
+    selectImage?: (id: string) => void;
 }
 declare const CarouselItemList: (props: Props$6) => React$1.JSX.Element;
 

package/dist/index.js

@@ -7608,12 +7608,15 @@ var GalleryCarouselOpen = ({
   open,
   allowZoom,
   setOpen,
-  saveRotationChanges
+  saveRotationChanges,
+  selectImage,
+  selectImageText,
+  imageRotation
 }) => {
   const [defaultPhoto, setDefaultPhoto] = (0, import_react25.useState)(currentPhoto);
   const [text, setDefaultText] = (0, import_react25.useState)("");
   const [id, setDefaultId] = (0, import_react25.useState)("");
-  const [rotation, setRotation] = (0, import_react25.useState)(0);
+  const [rotation, setRotation] = (0, import_react25.useState)(imageRotation);
   (0, import_react25.useEffect)(() => {
     setDefaultPhoto(currentPhoto);
   }, [currentPhoto]);
@@ -7624,6 +7627,7 @@ var GalleryCarouselOpen = ({
     if (currentIndex > 0) {
       const previousIndex = currentIndex - 1;
       setDefaultPhoto({ imageUrl: list[previousIndex].url });
+      setDefaultId(list[previousIndex].id);
     }
   };
   const handleNext = () => {
@@ -7633,6 +7637,7 @@ var GalleryCarouselOpen = ({
     if (currentIndex < list.length - 1) {
       const nextIndex = currentIndex + 1;
       setDefaultPhoto({ imageUrl: list[nextIndex].url });
+      setDefaultId(list[nextIndex].id);
     }
   };
   const generateBase64ofImage = () => {
@@ -7798,9 +7803,20 @@ var GalleryCarouselOpen = ({
             "div",
             {
               className: "z-40 text-white hover:cursor-pointer",
-              onClick: () => saveRotationChanges(generateBase64ofImage(), id),
+              onClick: () => {
+                saveRotationChanges(generateBase64ofImage(), id);
+                setRotation(0);
+              },
               children: "Save rotation changes"
             }
+          ),
+          selectImageText && selectImage && !defaultPhoto.imageUrl.includes(".mp4") && !defaultPhoto.imageUrl.includes(".mov") && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            "div",
+            {
+              className: "z-40 text-white hover:cursor-pointer",
+              onClick: () => selectImage(id),
+              children: selectImageText
+            }
           )
         ] })
       ] }) })
@@ -7848,9 +7864,12 @@ var CarouselItemList = (props) => {
           id: galleryItem.id
         })),
         open,
+        imageRotation: 0,
         allowZoom: props.allowZoom,
+        selectImageText: props.selectImageText,
         setOpen,
-        saveRotationChanges: props.saveRotationChanges
+        saveRotationChanges: props.saveRotationChanges,
+        selectImage: props.selectImage
       }
     )
   ] });

package/dist/index.mjs

@@ -7240,12 +7240,15 @@ var GalleryCarouselOpen = ({
   open,
   allowZoom,
   setOpen,
-  saveRotationChanges
+  saveRotationChanges,
+  selectImage,
+  selectImageText,
+  imageRotation
 }) => {
   const [defaultPhoto, setDefaultPhoto] = useState14(currentPhoto);
   const [text, setDefaultText] = useState14("");
   const [id, setDefaultId] = useState14("");
-  const [rotation, setRotation] = useState14(0);
+  const [rotation, setRotation] = useState14(imageRotation);
   useEffect8(() => {
     setDefaultPhoto(currentPhoto);
   }, [currentPhoto]);
@@ -7256,6 +7259,7 @@ var GalleryCarouselOpen = ({
     if (currentIndex > 0) {
       const previousIndex = currentIndex - 1;
       setDefaultPhoto({ imageUrl: list[previousIndex].url });
+      setDefaultId(list[previousIndex].id);
     }
   };
   const handleNext = () => {
@@ -7265,6 +7269,7 @@ var GalleryCarouselOpen = ({
     if (currentIndex < list.length - 1) {
       const nextIndex = currentIndex + 1;
       setDefaultPhoto({ imageUrl: list[nextIndex].url });
+      setDefaultId(list[nextIndex].id);
     }
   };
   const generateBase64ofImage = () => {
@@ -7430,9 +7435,20 @@ var GalleryCarouselOpen = ({
             "div",
             {
               className: "z-40 text-white hover:cursor-pointer",
-              onClick: () => saveRotationChanges(generateBase64ofImage(), id),
+              onClick: () => {
+                saveRotationChanges(generateBase64ofImage(), id);
+                setRotation(0);
+              },
               children: "Save rotation changes"
             }
+          ),
+          selectImageText && selectImage && !defaultPhoto.imageUrl.includes(".mp4") && !defaultPhoto.imageUrl.includes(".mov") && /* @__PURE__ */ jsx133(
+            "div",
+            {
+              className: "z-40 text-white hover:cursor-pointer",
+              onClick: () => selectImage(id),
+              children: selectImageText
+            }
           )
         ] })
       ] }) })
@@ -7480,9 +7496,12 @@ var CarouselItemList = (props) => {
           id: galleryItem.id
         })),
         open,
+        imageRotation: 0,
         allowZoom: props.allowZoom,
+        selectImageText: props.selectImageText,
         setOpen,
-        saveRotationChanges: props.saveRotationChanges
+        saveRotationChanges: props.saveRotationChanges,
+        selectImage: props.selectImage
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geowiki/design-system",
-  "version": "0.16.17",
+  "version": "0.16.19",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -15,7 +15,7 @@
   "peerDependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@geowiki/core": "0.16.17"
+    "@geowiki/core": "0.16.19"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",