react-iframe - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/react-iframe.min.js

@@ -1,1 +0,1 @@
-"use strict";var React=require("react");var Iframe=React.createClass({displayName:"React-Iframe",propTypes:{url:React.PropTypes.string.isRequired,width:React.PropTypes.string,height:React.PropTypes.string},getDefaultProps:function getDefaultProps(){return{height:"100%",width:"100%"}},shouldComponentUpdate:function shouldComponentUpdate(nextProps){return this.props.url!==nextProps.url},render:function render(){return React.createElement("iframe",{ref:"iframe",frameBorder:"0",src:this.props.url,style:{position:"fixed",height:this.props.height,width:this.props.width},height:this.props.height,width:this.props.width})}});module.exports=Iframe;
+"use strict";var React=require("react");var Iframe=React.createClass({displayName:"React-Iframe",propTypes:{url:React.PropTypes.string.isRequired,width:React.PropTypes.string,height:React.PropTypes.string},getDefaultProps:function getDefaultProps(){return{height:"100%",width:"100%",position:"fixed"}},shouldComponentUpdate:function shouldComponentUpdate(nextProps){return this.props.url!==nextProps.url},render:function render(){return React.createElement("iframe",{ref:"iframe",frameBorder:"0",src:this.props.url,style:{position:this.props.position,height:this.props.height,width:this.props.width},height:this.props.height,width:this.props.width})}});module.exports=Iframe;

index.js

@@ -15,3 +15,4 @@ "use strict";
             height: "100%",
-            width: "100%"
+            width: "100%",
+            position: "fixed"
         };
@@ -28,3 +29,3 @@ },
             src: this.props.url,
-            style: { position: "fixed", height: this.props.height, width: this.props.width },
+            style: { position: this.props.position, height: this.props.height, width: this.props.width },
             height: this.props.height, width: this.props.width });
@@ -31,0 +32,0 @@ }

index.jsx

@@ -15,3 +15,4 @@ "use strict";
         height:'100%',
-        width:'100%'
+        width:'100%',
+        position:'fixed'
         }
@@ -29,3 +30,3 @@ },
             src={this.props.url}
-            style={{position:'fixed',height:this.props.height,width:this.props.width}}
+            style={{position:this.props.position,height:this.props.height,width:this.props.width}}
             height={this.props.height} width={this.props.width}></iframe>
@@ -32,0 +33,0 @@ )

package.json

 {
   "name": "react-iframe",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Iframes with react",
@@ -5,0 +5,0 @@ "main": "index.js",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11383

1.17%

Lines of code

82

2.5%

No dependency changes