@geowiki/design-system 0.16.10-dev.5 → 0.16.10-dev.6

package/dist/index.js

@@ -7589,6 +7589,7 @@ var GalleryCarouselOpen = ({
 }) => {
   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);
   (0, import_react25.useEffect)(() => {
     setDefaultPhoto(currentPhoto);
@@ -7612,7 +7613,7 @@ var GalleryCarouselOpen = ({
     }
   };
   const generateBase64ofImage = () => {
-    const img = document.getElementById(defaultPhoto.id);
+    const img = document.getElementById(id);
     let base64;
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
@@ -7632,6 +7633,7 @@ var GalleryCarouselOpen = ({
     const foundPhoto = list.find((list2) => list2.url === defaultPhoto.imageUrl);
     if (foundPhoto) {
       setDefaultText(foundPhoto.text);
+      setDefaultId(foundPhoto.id);
     }
   }, [defaultPhoto, list]);
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react24.Transition.Root, { show: open, as: import_react23.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_react24.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
@@ -7682,7 +7684,7 @@ var GalleryCarouselOpen = ({
             !defaultPhoto.imageUrl.includes(".mp4") && !defaultPhoto.imageUrl.includes(".mov") && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "img",
               {
-                id: defaultPhoto.id,
+                id,
                 src: defaultPhoto.imageUrl,
                 crossOrigin: "anonymous",
                 alt: "Description",
@@ -7693,7 +7695,7 @@ var GalleryCarouselOpen = ({
             (defaultPhoto.imageUrl.includes(".mp4") || defaultPhoto.imageUrl.includes(".mov")) && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "video",
               {
-                id: defaultPhoto.id,
+                id,
                 src: defaultPhoto.imageUrl,
                 controls: true,
                 preload: "metadata",
@@ -7726,7 +7728,7 @@ var GalleryCarouselOpen = ({
             "div",
             {
               className: "z-40 text-white hover:cursor-pointer",
-              onClick: () => saveRotationChanges(generateBase64ofImage(), defaultPhoto.id),
+              onClick: () => saveRotationChanges(generateBase64ofImage(), id),
               children: "Save rotation changes"
             }
           )

package/dist/index.mjs

@@ -7222,6 +7222,7 @@ var GalleryCarouselOpen = ({
 }) => {
   const [defaultPhoto, setDefaultPhoto] = useState14(currentPhoto);
   const [text, setDefaultText] = useState14("");
+  const [id, setDefaultId] = useState14("");
   const [rotation, setRotation] = useState14(0);
   useEffect8(() => {
     setDefaultPhoto(currentPhoto);
@@ -7245,7 +7246,7 @@ var GalleryCarouselOpen = ({
     }
   };
   const generateBase64ofImage = () => {
-    const img = document.getElementById(defaultPhoto.id);
+    const img = document.getElementById(id);
     let base64;
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
@@ -7265,6 +7266,7 @@ var GalleryCarouselOpen = ({
     const foundPhoto = list.find((list2) => list2.url === defaultPhoto.imageUrl);
     if (foundPhoto) {
       setDefaultText(foundPhoto.text);
+      setDefaultId(foundPhoto.id);
     }
   }, [defaultPhoto, list]);
   return /* @__PURE__ */ jsx133(Transition3.Root, { show: open, as: Fragment10, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs58(Dialog5, { as: "div", className: "relative z-10", onClose: setOpen, children: [
@@ -7315,7 +7317,7 @@ var GalleryCarouselOpen = ({
             !defaultPhoto.imageUrl.includes(".mp4") && !defaultPhoto.imageUrl.includes(".mov") && /* @__PURE__ */ jsx133(
               "img",
               {
-                id: defaultPhoto.id,
+                id,
                 src: defaultPhoto.imageUrl,
                 crossOrigin: "anonymous",
                 alt: "Description",
@@ -7326,7 +7328,7 @@ var GalleryCarouselOpen = ({
             (defaultPhoto.imageUrl.includes(".mp4") || defaultPhoto.imageUrl.includes(".mov")) && /* @__PURE__ */ jsx133(
               "video",
               {
-                id: defaultPhoto.id,
+                id,
                 src: defaultPhoto.imageUrl,
                 controls: true,
                 preload: "metadata",
@@ -7359,7 +7361,7 @@ var GalleryCarouselOpen = ({
             "div",
             {
               className: "z-40 text-white hover:cursor-pointer",
-              onClick: () => saveRotationChanges(generateBase64ofImage(), defaultPhoto.id),
+              onClick: () => saveRotationChanges(generateBase64ofImage(), id),
               children: "Save rotation changes"
             }
           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geowiki/design-system",
-  "version": "0.16.10-dev.5",
+  "version": "0.16.10-dev.6",
   "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.10-dev.5"
+    "@geowiki/core": "0.16.10-dev.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",