react-progressive-image-loading - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

build/index.js

@@ -0,1 +1,2 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
@@ -19,4 +20,5 @@ var extendStatics = Object.setPrototypeOf ||
 };
-import { assign } from "lodash";
-import * as React from "react";
+Object.defineProperty(exports, "__esModule", { value: true });
+var lodash_1 = require("lodash");
+var React = require("react");
 var ProgressiveImage = (function (_super) {
@@ -38,8 +40,6 @@ __extends(ProgressiveImage, _super);
         var _a = this.props, src = _a.src, style = _a.style, background = _a.background;
-        return (React.createElement("div", null,
-            React.createElement("style", null, "\n                @-webkit-keyframes blur {\n                    0%  { -webkit-filter: blur(10px); }\n                    100% { -webkit-filter: blur(0); }\n                }\n                "),
-            background ?
-                React.createElement("div", __assign({ style: assign(this.getBackgroundStyle(), style) }, this.clonedProps))
-                :
-                    React.createElement("img", __assign({ src: src, style: assign(this.getStyle(), style) }, this.clonedProps))));
+        return background ?
+            React.createElement("div", __assign({ style: lodash_1.assign(this.getBackgroundStyle(), style) }, this.clonedProps))
+            :
+                React.createElement("img", __assign({ src: src, style: lodash_1.assign(this.getStyle(), style) }, this.clonedProps));
     };
@@ -56,4 +56,3 @@ ProgressiveImage.prototype.cloneProps = function () {
             filter: "blur(" + blur + "px)",
-            animation: "blur 400ms",
-            animationTimingFunction: "ease"
+            transition: "blur 500ms ease"
         };
@@ -66,4 +65,3 @@ };
             filter: "blur(" + blur + "px)",
-            animation: "blur 400ms",
-            animationTimingFunction: "ease"
+            transition: "blur 500ms ease"
         };
@@ -73,3 +71,3 @@ };
 }(React.Component));
-export { ProgressiveImage };
+exports.ProgressiveImage = ProgressiveImage;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "react-progressive-image-loading",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Progressively load images using a blur effect. Edit",
@@ -5,0 +5,0 @@ "main": "build/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

18084

decreased by-2.13%

Lines of code

88

decreased by-2.22%

No dependency changes