@wix/editor-react-components 1.2617.0 → 1.2618.0

package/dist/site/components/Image3/Image3.types.d.ts

@@ -13,6 +13,7 @@ export type Image3Props = {
     displayMode?: 'fill' | 'fit' | 'fitWidth';
     image?: {
         uri?: string;
+        url?: string;
         name?: string;
         width?: number;
         height?: number;

package/dist/site/components/Image3/component.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
-import { a as getDataAttributes, n as normalizeWixUri } from "../chunks/dataUtils.js";
+import { a as getDataAttributes, c as getExternalImageUrl, n as normalizeWixUri } from "../chunks/dataUtils.js";
 import { e as getTabIndexAttribute } from "../chunks/a11y.js";
 import { L as Link } from "../chunks/Link.js";
 import * as React from "react";
@@ -141,18 +141,46 @@ const Image3 = (props) => {
     dataset: { motionPart: `BG_IMG ${id}` },
     sources
   };
-  image2.uri = normalizeWixUri(image2.uri ?? "");
-  const seoImageUrl = renderingContext.SEO && image2.uri ? getPlaceholder(
+  const externalImageUrl = getExternalImageUrl(image2.uri, image2.url);
+  const normalizedUri = !externalImageUrl && image2.uri ? normalizeWixUri(image2.uri) : "";
+  const seoImageUrl = renderingContext.SEO && normalizedUri ? getPlaceholder(
     "fill",
-    { ...image2, id: image2.uri },
+    {
+      ...image2,
+      id: normalizedUri,
+      uri: normalizedUri
+    },
     { alignment: "center", htmlTag: "img" },
     { hasAnimation: image2.animated, isSEOBot: true }
   ).uri : void 0;
+  const imgProps = {
+    loading: priority === "low" ? "lazy" : void 0,
+    fetchpriority: priority === "high" ? "high" : void 0,
+    ...role && { role }
+  };
   let InnerImg;
   if (sources && sources.length) {
     InnerImg = /* @__PURE__ */ jsx(ImageNG, { ...imageNGProps });
-  } else {
-    InnerImg = image2.uri ? /* @__PURE__ */ jsx(
+  } else if (externalImageUrl) {
+    InnerImg = /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: `img-${id}`,
+        "data-motion-part": `BG_IMG ${id}`,
+        className: style.wowImage,
+        children: /* @__PURE__ */ jsx("picture", { children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            ...imgProps,
+            alt: image2.alt ?? "",
+            src: externalImageUrl,
+            style: { objectFit: displayMode === "fit" ? "contain" : "cover" }
+          }
+        ) })
+      }
+    );
+  } else if (normalizedUri) {
+    InnerImg = /* @__PURE__ */ jsx(
       "wow-image",
       {
         id: `img-${id}`,
@@ -161,22 +189,22 @@ const Image3 = (props) => {
           containerId: id,
           encoding: "AVIF",
           hasAnimation: image2.animated,
-          imageData: { ...image2, displayMode }
+          imageData: { ...image2, uri: normalizedUri, displayMode }
         }),
         "data-motion-part": `BG_IMG ${id}`,
         class: style.wowImage,
         children: /* @__PURE__ */ jsx("picture", { children: /* @__PURE__ */ jsx(
           "img",
           {
-            loading: priority === "low" ? "lazy" : void 0,
-            fetchpriority: priority === "high" ? "high" : void 0,
+            ...imgProps,
             alt: image2.alt ?? "",
-            src: renderingContext.SEO ? `${STATIC_MEDIA_URL$1}${seoImageUrl}` : void 0,
-            ...role && { role }
+            src: renderingContext.SEO ? `${STATIC_MEDIA_URL$1}${seoImageUrl}` : void 0
           }
         ) })
       }
-    ) : /* @__PURE__ */ jsx("svg", { width: "1", height: "1", viewBox: "0 0 1 1" });
+    );
+  } else {
+    InnerImg = /* @__PURE__ */ jsx("svg", { width: "1", height: "1", viewBox: "0 0 1 1" });
   }
   const InnerLayout = /* @__PURE__ */ jsx(
     "div",

package/dist/site/components/Image3/css.css

@@ -57,6 +57,10 @@
   mask-repeat: no-repeat;
   mask-image: var(--maskImage, none);
 }
+.image3__6ufCe .wowImage__1yncg img {
+  inline-size: 100%;
+  block-size: 100%;
+}
 
 .linkLayer__hoVt- {
   display: block;

package/dist/site/components/SiteLogo/css.css

@@ -142,6 +142,10 @@
   mask-repeat: no-repeat;
   mask-image: var(--maskImage, none);
 }
+.image3__6ufCe .wowImage__1yncg img {
+  inline-size: 100%;
+  block-size: 100%;
+}
 
 .linkLayer__hoVt- {
   display: block;

package/dist/site/components/Slideshow/constants.d.ts

@@ -128,6 +128,16 @@ export declare const slideshowCssPropertiesDefaults: {
     readonly borderRadius: "0";
     readonly boxShadow: "none";
 };
+export declare const iconPlacementAxis: {
+    readonly 'next-to-text': "row";
+    readonly 'above-text': "column";
+    readonly 'below-text': "column";
+    readonly 'vertically-stacked': "column";
+    readonly 'before-text': "row";
+    readonly 'after-text': "row";
+};
+export type IconPlacement = keyof typeof iconPlacementAxis;
+export declare const navigationButtonGapFields: readonly ["rowGap", "columnGap"];
 export declare const slideshowCssCustomPropertiesDefaults: {
     readonly 'animation-duration': "0.5s";
     readonly orientation: "horizontal";

package/dist/site/components/chunks/dataUtils.js

@@ -30,9 +30,19 @@ const normalizeWixUri = (uri) => {
   }
   return withoutHash.replace(/^wix:\/\/v1\//, "").replace(/\/.*$/, "");
 };
+const getExternalImageUrl = (uri, url) => {
+  if (uri && /^https?:\/\//i.test(uri)) {
+    return uri;
+  }
+  if (!uri && url && /^https?:\/\//i.test(url)) {
+    return url;
+  }
+  return void 0;
+};
 export {
   getDataAttributes as a,
   getUniqueId as b,
+  getExternalImageUrl as c,
   getQaDataAttributes as g,
   isEmptyObject as i,
   normalizeWixUri as n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2617.0",
+  "version": "1.2618.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -198,5 +198,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "43052776f6ccf8f7fe05c6a510ff3aa7deecc80ad853f7c75c1190fd"
+  "falconPackageHash": "2b07aec047b3714ee2e2901cd11669e1cf689f95fc3f842553784405"
 }