@plasmicapp/react-web 0.2.98 → 0.2.101

package/dist/all.d.ts

@@ -106,7 +106,12 @@ interface PlasmicImgProps extends ImgTagProps {
      * or just a src string with unknown intrinsic dimensions.
      */
     src?: string | {
-        src: string;
+        src: string | {
+            src: string;
+            height: number;
+            width: number;
+            blurDataURL?: string;
+        };
         fullHeight: number;
         fullWidth: number;
         aspectRatio?: number;

package/dist/react-web.cjs.development.js

@@ -852,7 +852,7 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
       fullHeight = _ref.fullHeight,
       aspectRatio = _ref.aspectRatio;
 
-  var srcStr = src ? typeof src === "string" ? src : src.src : ""; // Assume external image if either dimension is null and use usual <img>
+  var srcStr = src ? typeof src === "string" ? src : typeof src.src === "string" ? src.src : src.src.src : ""; // Assume external image if either dimension is null and use usual <img>
 
   if (fullHeight == null || fullWidth == null) {
     return React__default.createElement("img", Object.assign({
@@ -869,6 +869,8 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
     displayWidth = "100%";
   }
 
+  var computedDisplayWidth = displayWidth;
+
   if (fullWidth && fullHeight && (!displayWidth || displayWidth === "auto") && !!getPixelLength(displayHeight)) {
     // If there's a pixel length specified for displayHeight but not displayWidth,
     // then we can derive the pixel length for displayWidth.  Having an explicit
@@ -878,7 +880,7 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
       // We shouldn't do it for SVGs though, because `fullWidth` and
       // `fullHeight` might have rounded values so the final
       // `displayWidth` could differ by 1px or so.
-      displayWidth = getPixelLength(displayHeight) * fullWidth / fullHeight;
+      computedDisplayWidth = getPixelLength(displayHeight) * fullWidth / fullHeight;
     }
   }
 
@@ -894,7 +896,7 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
     spacerHeight = Math.round(spacerWidth / aspectRatio);
   }
 
-  var _getWidths = getWidths(displayWidth, fullWidth, {
+  var _getWidths = getWidths(computedDisplayWidth, fullWidth, {
     minWidth: displayMinWidth
   }),
       sizes = _getWidths.sizes,
@@ -906,7 +908,7 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
 
   var wrapperStyle = _extends({}, style || {});
 
-  var spacerStyle = pick(style || {}, "objectFit", "objectPosition");
+  var spacerStyle = _extends({}, pick(style || {}, "objectFit", "objectPosition"));
 
   if (displayWidth != null && displayWidth !== "auto") {
     // If width is set, set it on the wrapper along with min/max width
@@ -938,22 +940,19 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
   }
 
   if (displayHeight != null && displayHeight !== "auto") {
-    spacerStyle.height = "100%";
-    wrapperStyle.height = displayHeight;
-    wrapperStyle.minHeight = displayMinHeight;
-    wrapperStyle.maxHeight = displayMaxHeight;
+    spacerStyle.height = "100%"; // wrapperStyle.height = displayHeight;
+    // wrapperStyle.minHeight = displayMinHeight;
+    // wrapperStyle.maxHeight = displayMaxHeight;
   } else {
     spacerStyle.height = displayHeight;
     wrapperStyle.height = "auto";
 
     if (displayMinHeight) {
-      spacerStyle.minHeight = "100%";
-      wrapperStyle.minHeight = displayMinHeight;
+      spacerStyle.minHeight = "100%"; // wrapperStyle.minHeight = displayMinHeight;
     }
 
     if (displayMaxHeight != null && displayMaxHeight !== "none") {
-      spacerStyle.maxHeight = "100%";
-      wrapperStyle.maxHeight = displayMaxHeight;
+      spacerStyle.maxHeight = "100%"; // wrapperStyle.maxHeight = displayMaxHeight;
     }
   }