react-datocms - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

CHANGELOG.md

@@ -8,2 +8,8 @@ # Changelog
 
+## [1.2.1] - 2020-03-24
+
+### Fixed
+
+- Hide placeholder base64 when actual image is loaded
+
 ## [1.1.2] - 2020-03-18
@@ -10,0 +16,0 @@

dist/Image/index.js

@@ -73,3 +73,5 @@ "use strict";
     const regularSource = data.srcSet && (react_1.default.createElement("source", { srcSet: data.srcSet, sizes: data.sizes }));
-    const placeholder = (react_1.default.createElement("div", { style: Object.assign({ backgroundImage: data.base64 ? `url(${data.base64})` : null, backgroundColor: data.bgColor, backgroundSize: "cover" }, absolutePositioning) }));
+    const placeholder = (react_1.default.createElement("div", { style: Object.assign({ backgroundImage: data.base64 ? `url(${data.base64})` : null, backgroundColor: data.bgColor, backgroundSize: "cover", opacity: showImage ? 0 : 1, transition: !fadeInDuration || fadeInDuration > 0
+                ? `opacity ${fadeInDuration || 500}ms ${fadeInDuration || 500}ms`
+                : null }, absolutePositioning) }));
     const { width, aspectRatio } = data;
@@ -76,0 +78,0 @@ const height = data.height || width / aspectRatio;

package.json

 {
   "name": "react-datocms",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "types": "dist/index.d.ts",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

36188

increased by1.3%

Lines of code

290

increased by0.69%

No dependency changes