react-svg - npm Package Compare versions

Comparing version 2.1.16 to 2.1.17

dist/ReactSVG.js

@@ -122,11 +122,15 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	      var div = document.createElement('div');
-	      div.innerHTML = _server2.default.renderToStaticMarkup(_react2.default.createElement('img', {
-	        className: className,
-	        'data-src': path,
-	        style: style
-	      }));
+	      div.innerHTML = _server2.default.renderToStaticMarkup(_react2.default.createElement(
+	        'div',
+	        null,
+	        _react2.default.createElement('img', {
+	          className: className,
+	          'data-src': path,
+	          style: style
+	        })
+	      ));
 
-	      var img = this.container.appendChild(div.firstChild);
+	      var imgWrapper = this.container.appendChild(div.firstChild);
 
-	      (0, _svgInjector2.default)(img, {
+	      (0, _svgInjector2.default)(imgWrapper.firstChild, {
 	        evalScripts: evalScripts,
@@ -133,0 +137,0 @@ each: each

dist/ReactSVG.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom/server")):"function"==typeof define&&define.amd?define(["react","react-dom/server"],t):"object"==typeof exports?exports.ReactSVG=t(require("react"),require("react-dom/server")):e.ReactSVG=t(e.React,e.ReactDOMServer)}(this,function(e,t){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),s=r(2),c=n(s),u=r(3),f=n(u),p=r(1),d=n(p),v=function(e){function t(){var e,r,n,a;o(this,t);for(var l=arguments.length,s=Array(l),c=0;c<l;c++)s[c]=arguments[c];return r=n=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(s))),n.refCallback=function(e){return e?(n.container=e,void n.renderSVG()):void n.removeSVG()},a=r,i(n,a)}return a(t,e),l(t,[{key:"renderSVG",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,t=e.callback,r=e.className,n=e.evalScripts,o=e.path,i=e.style,a=document.createElement("div");a.innerHTML=f.default.renderToStaticMarkup(c.default.createElement("img",{className:r,"data-src":o,style:i}));var l=this.container.appendChild(a.firstChild);(0,d.default)(l,{evalScripts:n,each:t})}},{key:"removeSVG",value:function(){this.container.removeChild(this.container.firstChild)}},{key:"componentWillReceiveProps",value:function(e){this.removeSVG(),this.renderSVG(e)}},{key:"shouldComponentUpdate",value:function(){return!1}},{key:"render",value:function(){return c.default.createElement("div",{ref:this.refCallback})}}]),t}(s.Component);v.defaultProps={callback:function(){},className:"",evalScripts:"once",style:{}},v.propTypes={callback:s.PropTypes.func,className:s.PropTypes.string,evalScripts:s.PropTypes.oneOf(["always","once","never"]),path:s.PropTypes.string.isRequired,style:s.PropTypes.object},t.default=v,e.exports=t.default},function(e,t,r){var n;/**
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom/server")):"function"==typeof define&&define.amd?define(["react","react-dom/server"],t):"object"==typeof exports?exports.ReactSVG=t(require("react"),require("react-dom/server")):e.ReactSVG=t(e.React,e.ReactDOMServer)}(this,function(e,t){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),s=r(2),c=n(s),u=r(3),f=n(u),p=r(1),d=n(p),v=function(e){function t(){var e,r,n,a;o(this,t);for(var l=arguments.length,s=Array(l),c=0;c<l;c++)s[c]=arguments[c];return r=n=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(s))),n.refCallback=function(e){return e?(n.container=e,void n.renderSVG()):void n.removeSVG()},a=r,i(n,a)}return a(t,e),l(t,[{key:"renderSVG",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,t=e.callback,r=e.className,n=e.evalScripts,o=e.path,i=e.style,a=document.createElement("div");a.innerHTML=f.default.renderToStaticMarkup(c.default.createElement("div",null,c.default.createElement("img",{className:r,"data-src":o,style:i})));var l=this.container.appendChild(a.firstChild);(0,d.default)(l.firstChild,{evalScripts:n,each:t})}},{key:"removeSVG",value:function(){this.container.removeChild(this.container.firstChild)}},{key:"componentWillReceiveProps",value:function(e){this.removeSVG(),this.renderSVG(e)}},{key:"shouldComponentUpdate",value:function(){return!1}},{key:"render",value:function(){return c.default.createElement("div",{ref:this.refCallback})}}]),t}(s.Component);v.defaultProps={callback:function(){},className:"",evalScripts:"once",style:{}},v.propTypes={callback:s.PropTypes.func,className:s.PropTypes.string,evalScripts:s.PropTypes.oneOf(["always","once","never"]),path:s.PropTypes.string.isRequired,style:s.PropTypes.object},t.default=v,e.exports=t.default},function(e,t,r){var n;/**
 	 * SVGInjector v1.1.3 - Fast, caching, dynamic inline SVG DOM injection library
@@ -3,0 +3,0 @@ * https://github.com/iconic/SVGInjector

lib/index.js

@@ -66,11 +66,15 @@ 'use strict';
       var div = document.createElement('div');
-      div.innerHTML = _server2.default.renderToStaticMarkup(_react2.default.createElement('img', {
-        className: className,
-        'data-src': path,
-        style: style
-      }));
+      div.innerHTML = _server2.default.renderToStaticMarkup(_react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement('img', {
+          className: className,
+          'data-src': path,
+          style: style
+        })
+      ));
 
-      var img = this.container.appendChild(div.firstChild);
+      var imgWrapper = this.container.appendChild(div.firstChild);
 
-      (0, _svgInjector2.default)(img, {
+      (0, _svgInjector2.default)(imgWrapper.firstChild, {
         evalScripts: evalScripts,
@@ -77,0 +81,0 @@ each: each

package.json

 {
   "name": "react-svg",
-  "version": "2.1.16",
+  "version": "2.1.17",
   "description": "A react.js svg component for loading svg files into the dom.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

44510

increased by0.61%

Lines of code

677

increased by1.2%

No dependency changes