react-percentage-circle - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

dist/react-percentage-circle.js

@@ -108,6 +108,8 @@ (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.ReactPercentageCircle = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
     var text = props.text || '';
+    var className = props.className;
     delete props.text;
+    delete props.className;
     return React.createElement(
       'text',
-      _extends({}, props, { 'text-anchor': 'middle' }),
+      _extends({}, props, { className: className }),
       text
@@ -114,0 +116,0 @@ );

dist/react-percentage-circle.min.js

@@ -1,1 +0,1 @@
-!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.ReactPercentageCircle=e()}}(function(){return function e(t,r,n){function o(a,s){if(!r[a]){if(!t[a]){var c="function"==typeof require&&require;if(!s&&c)return c(a,!0);if(i)return i(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var f=r[a]={exports:{}};t[a][0].call(f.exports,function(e){var r=t[a][1][e];return o(r?r:e)},f,f.exports,e,t,r,n)}return r[a].exports}for(var i="function"==typeof require&&require,a=0;a<n.length;a++)o(n[a]);return o}({1:[function(e,t,r){"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function o(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;10>r;r++)t["_"+String.fromCharCode(r)]=r;var n=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==n.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;t.exports=o()?Object.assign:function(e,t){for(var r,o,s=n(e),c=1;c<arguments.length;c++){r=Object(arguments[c]);for(var l in r)i.call(r,l)&&(s[l]=r[l]);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(r);for(var f=0;f<o.length;f++)a.call(r,o[f])&&(s[o[f]]=r[o[f]])}}return s}},{}],2:[function(e,t,r){(function(r){"use strict";var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o="undefined"!=typeof window?window.React:"undefined"!=typeof r?r.React:null,i=e("object-assign"),a={strokeWidth:1,strokeColor:"#3FC7FA",trailWidth:1,trailColor:"#D9D9D9"},s=o.createClass({displayName:"Caption",render:function(){var e=i({},this.props),t=e.text||"";return delete e.text,o.createElement("text",n({},e,{"text-anchor":"middle"}),t)}}),c=o.createClass({displayName:"Circle",render:function(){var e=i({},this.props),t=e.strokeWidth,r=50-t/2,n="M 50,50 m 0,-"+r+"\n     a "+r+","+r+" 0 1 1 0,"+2*r+"\n     a "+r+","+r+" 0 1 1 0,-"+2*r,s=2*Math.PI*r,c={strokeDasharray:s+"px "+s+"px",strokeDashoffset:(100-e.percent)/100*s+"px",transition:"stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease"};return["strokeWidth","strokeColor","trailWidth","trailColor"].forEach(function(t){return"trailWidth"===t&&!e.trailWidth&&e.strokeWidth?void(e.trailWidth=e.strokeWidth):void(e[t]||(e[t]=a[t]))}),o.createElement("svg",{className:"rc-progress-circle",viewBox:"0 0 100 100"},o.createElement("path",{className:"rc-progress-circle-trail",d:n,stroke:e.trailColor,strokeWidth:e.trailWidth,fillOpacity:"0"}),o.createElement("path",{className:"rc-progress-circle-path",d:n,strokeLinecap:"round",stroke:e.strokeColor,strokeWidth:e.strokeWidth,fillOpacity:"0",style:c}),this.props.children)}});t.exports={Circle:c,Caption:s}}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"object-assign":1}]},{},[2])(2)});
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.ReactPercentageCircle=e()}}(function(){return function e(t,r,n){function o(a,s){if(!r[a]){if(!t[a]){var l="function"==typeof require&&require;if(!s&&l)return l(a,!0);if(i)return i(a,!0);var c=new Error("Cannot find module '"+a+"'");throw c.code="MODULE_NOT_FOUND",c}var f=r[a]={exports:{}};t[a][0].call(f.exports,function(e){var r=t[a][1][e];return o(r?r:e)},f,f.exports,e,t,r,n)}return r[a].exports}for(var i="function"==typeof require&&require,a=0;a<n.length;a++)o(n[a]);return o}({1:[function(e,t,r){"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function o(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;10>r;r++)t["_"+String.fromCharCode(r)]=r;var n=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==n.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;t.exports=o()?Object.assign:function(e,t){for(var r,o,s=n(e),l=1;l<arguments.length;l++){r=Object(arguments[l]);for(var c in r)i.call(r,c)&&(s[c]=r[c]);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(r);for(var f=0;f<o.length;f++)a.call(r,o[f])&&(s[o[f]]=r[o[f]])}}return s}},{}],2:[function(e,t,r){(function(r){"use strict";var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o="undefined"!=typeof window?window.React:"undefined"!=typeof r?r.React:null,i=e("object-assign"),a={strokeWidth:1,strokeColor:"#3FC7FA",trailWidth:1,trailColor:"#D9D9D9"},s=o.createClass({displayName:"Caption",render:function(){var e=i({},this.props),t=e.text||"",r=e.className;return delete e.text,delete e.className,o.createElement("text",n({},e,{className:r}),t)}}),l=o.createClass({displayName:"Circle",render:function(){var e=i({},this.props),t=e.strokeWidth,r=50-t/2,n="M 50,50 m 0,-"+r+"\n     a "+r+","+r+" 0 1 1 0,"+2*r+"\n     a "+r+","+r+" 0 1 1 0,-"+2*r,s=2*Math.PI*r,l={strokeDasharray:s+"px "+s+"px",strokeDashoffset:(100-e.percent)/100*s+"px",transition:"stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease"};return["strokeWidth","strokeColor","trailWidth","trailColor"].forEach(function(t){return"trailWidth"===t&&!e.trailWidth&&e.strokeWidth?void(e.trailWidth=e.strokeWidth):void(e[t]||(e[t]=a[t]))}),o.createElement("svg",{className:"rc-progress-circle",viewBox:"0 0 100 100"},o.createElement("path",{className:"rc-progress-circle-trail",d:n,stroke:e.trailColor,strokeWidth:e.trailWidth,fillOpacity:"0"}),o.createElement("path",{className:"rc-progress-circle-path",d:n,strokeLinecap:"round",stroke:e.strokeColor,strokeWidth:e.strokeWidth,fillOpacity:"0",style:l}),this.props.children)}});t.exports={Circle:l,Caption:s}}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"object-assign":1}]},{},[2])(2)});

lib/ReactPercentageCircle.js

@@ -26,3 +26,3 @@ 'use strict';
       'text',
-      _extends({}, props, { 'class': className }),
+      _extends({}, props, { className: className }),
       text
@@ -72,2 +72,2 @@ );
   Caption: Caption
-};
+};

package.json

 {
   "name": "react-percentage-circle",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "React Percentage Circle",
@@ -5,0 +5,0 @@ "main": "lib/ReactPercentageCircle.js",

src/ReactPercentageCircle.js

@@ -19,3 +19,3 @@ const React = require('react');
     return (
-      <text {...props} props, className=className>{text}</text>
+      <text {...props} className={className}>{text}</text>
     );
@@ -22,0 +22,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

25006

0.32%

Lines of code

400

0.25%

No dependency changes