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

Comparing version 3.0.0 to 3.0.1

build/index.d.ts

@@ -21,3 +21,3 @@ /// <reference types="react" />
     };
-    componentWillMount(): void;
+    constructor(props: ProgressiveImageProps);
     render(): JSX.Element;
@@ -27,1 +27,2 @@ private fetch(src);
 }
+export default ProgressiveImage;

build/index.js

@@ -16,15 +16,13 @@ "use strict";
     __extends(ProgressiveImage, _super);
-    function ProgressiveImage() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ProgressiveImage.prototype.componentWillMount = function () {
-        var _this = this;
-        var _a = this.props, src = _a.src, preview = _a.preview;
-        var initialBlur = this.props.initialBlur;
-        this.setState({ src: "", blur: initialBlur });
-        this.fetch(preview)
+    function ProgressiveImage(props) {
+        var _this = _super.call(this, props) || this;
+        var _a = _this.props, src = _a.src, preview = _a.preview;
+        var initialBlur = _this.props.initialBlur;
+        _this.setState({ src: "", blur: initialBlur });
+        _this.fetch(preview)
             .then(function (previewDataURI) { return _this.setState({ src: previewDataURI, blur: initialBlur }); })
             .then(function () { return _this.fetch(src); })
             .then(function (srcDataURI) { return _this.setState({ src: srcDataURI, blur: 0 }); });
-    };
+        return _this;
+    }
     ProgressiveImage.prototype.render = function () {
@@ -50,10 +48,11 @@ var src = this.state.src;
     };
+    ProgressiveImage.defaultProps = {
+        transitionTime: 500,
+        timingFunction: "ease",
+        initialBlur: 10
+    };
     return ProgressiveImage;
 }(React.Component));
-ProgressiveImage.defaultProps = {
-    transitionTime: 500,
-    timingFunction: "ease",
-    initialBlur: 10
-};
 exports.ProgressiveImage = ProgressiveImage;
+exports.default = ProgressiveImage;
 //# sourceMappingURL=index.js.map

package.json

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

README.md

@@ -15,2 +15,8 @@ # React Progressive Image Loading
 
+## Import
+
+```jsx
+import ProgressiveImage from "react-progressive-image-loading";
+```
+
 ## Usage
@@ -17,0 +23,0 @@

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

Improved metrics

Total package byte prevSize

18652

increased by0.74%

Number of lines in readme file

52

increased by13.04%

No dependency changes