calvin-svg - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

dist/index.js

		@@ -1,2 +0,2 @@
		'use strict';Object.defineProperty(exports,"__esModule",{value:!0});function _interopDefault(a){return a&&"object"==typeof a&&"default"in a?a["default"]:a}var React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),d3=require("d3"),randomColor=_interopDefault(require("random-color")),_=_interopDefault(require("underscore")),crypto=_interopDefault(require("crypto"));function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _extends(){return _extends=Object.assign\|\|function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectSpread(a){for(var b=1;b<arguments.length;b++){var c=null==arguments[b]?{}:arguments[b],d=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(d=d.concat(Object.getOwnPropertySymbols(c).filter(function(a){return Object.getOwnPropertyDescriptor(c,a).enumerable}))),d.forEach(function(b){_defineProperty(a,b,c[b])})}return a}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)\|\|(e[c]=a[c]);return e}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],!(0<=b.indexOf(c))&&Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _slicedToArray(a,b){return _arrayWithHoles(a)\|\|_iterableToArrayLimit(a,b)\|\|_nonIterableRest()}function _arrayWithHoles(a){if(Array.isArray(a))return a}function _iterableToArrayLimit(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!(b&&c.length===b));d=!0);}catch(a){e=!0,f=a}finally{try{d\|\|null==h["return"]\|\|h["return"]()}finally{if(e)throw f}}return c}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var SVG=function(a){var b=a.children,c=a.height,d=a.width,e=_objectWithoutProperties(a,["children","height","width"]);return React__default.createElement("svg",_extends({preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 ".concat(d," ").concat(c)},e),b)};SVG.defaultProps={children:void 0,height:0,width:0},SVG.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),height:PropTypes.number,width:PropTypes.number};for(var rng=function(){return crypto.randomBytes(16)},byteToHex=[],i=0;256>i;++i)byteToHex[i]=(i+256).toString(16).substr(1);function bytesToUuid(a,b){var c=b\|\|0,d=byteToHex;return[d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]]].join("")}var bytesToUuid_1=bytesToUuid;function v4(a,b,c){var d=b&&c\|\|0;"string"==typeof a&&(b="binary"===a?Array(16):null,a=null),a=a\|\|{};var e=a.random\|\|(a.rng\|\|rng)();if(e[6]=64\|15&e[6],e[8]=128\|63&e[8],b)for(var f=0;16>f;++f)b[d+f]=e[f];return b\|\|bytesToUuid_1(e)}var v4_1=v4,Layer=function(a){var b=a.children,c=a.forwardedRef,d=a.label,e=void 0===d?v4_1():d,f=a.transform,g=void 0===f?"":f,h=a.x,i=void 0===h?0:h,j=a.y,k=void 0===j?0:j,l=_objectWithoutProperties(a,["children","forwardedRef","label","transform","x","y"]),m=React.useRef(e);return React__default.createElement("g",_extends({"aria-label":m,transform:"translate(".concat(i,", ").concat(k,") ").concat(g)},l,{ref:c}),b)};Layer.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),label:PropTypes.string,transform:PropTypes.string,x:PropTypes.number,y:PropTypes.number};var Layer$1=React.forwardRef(function(a,b){return React__default.createElement(Layer,_extends({},a,{forwardedRef:b}))}),centroid=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=d3.arc();return n.centroid(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},d=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=d3.arc();return n(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},arcAccessors=["context","cornerRadius","endAngle","innerRadius","outerRadius","padAngle","padRadius","startAngle"],Arc=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,e=a.forwardedRef,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),o=_.pick.apply(_,[n].concat(arcAccessors)),p=_.omit.apply(_,[n].concat(arcAccessors)),q=centroid(o),r=d(o);return React__default.createElement(Layer$1,{label:"arc",x:l,y:m},React__default.createElement("path",_extends({fill:c},p,{d:r,onClick:function(a){a.shape={centroid:q,x:l,y:m},g(a)},onFocus:function(a){a.shape={centroid:q,x:l,y:m},i(a)},onMouseOver:function(a){a.shape={centroid:q,x:l,y:m},k(a)},ref:e})))};Arc.propTypes={color:PropTypes.string,cornerRadius:PropTypes.number,endAngle:PropTypes.number.isRequired,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,startAngle:PropTypes.number.isRequired,thickness:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var ArcForwarded=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Arc,_extends({},a,{forwardedRef:b}))}));ArcForwarded.d=d;var Curves={basis:d3.curveBasis,"basis-closed":d3.curveBasisClosed,"basis-open":d3.curveBasisOpen,bundle:d3.curveBundle,cardinal:d3.curveCardinal,"cardinal-closed":d3.curveCardinalClosed,"cardinal-open":d3.curveCardinalOpen,"catmull-rom":d3.curveCatmullRom,"catmull-rom-closed":d3.curveCatmullRomClosed,"catmull-rom-open":d3.curveCatmullRomOpen,linear:d3.curveLinear,linearClosed:d3.curveLinearClosed,"monotone-x":d3.curveMonotoneX,"monotone-y":d3.curveMonotoneY,natural:d3.curveNatural,step:d3.curveStep,"step-after":d3.curveStepAfter,"step-before":d3.curveStepBefore},centroid$1=function(a){var b=a.points,c=void 0===b?[]:b,d=c[0]\|\|[0,0,0],e=c[c.length-1]\|\|[0,0,0],f=d.length;return[(d[0]+e[0])/2,2<f?(d[2]+e[2])/2:(d[1]+e[1])/2]},d$1=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=a.y0,f=_objectWithoutProperties(a,["curve","points","y0"]),g=Curves[b]\|\|b,h=(d[0]\|\|[]).length,i=e\|\|(2<h?function(a){return a[2]}:void 0),j=Object.entries(_objectSpread({},f,{curve:g,y0:i})).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},d3.area());return j(d)},areaAccessors=["context","curve","defined","lineX0","lineX1","lineY0","lineY1","x0","x1","y0","y1"],Area=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.x,l=a.y,m=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),n=_.pick.apply(_,[m,"points"].concat(areaAccessors)),o=_.omit.apply(_,[m].concat(areaAccessors)),p=centroid$1(n),q=d$1(n);return React__default.createElement(Layer$1,{label:"area",x:k,y:l},React__default.createElement("path",_extends({fill:c},o,{d:q,onClick:function(a){a.shape={centroid:p,x:k,y:l},f(a)},onFocus:function(a){a.shape={centroid:p,x:k,y:l},h(a)},onMouseOver:function(a){a.shape={centroid:p,x:k,y:l},j(a)},ref:d})))};Area.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,x:PropTypes.number,y:PropTypes.number};var AreaForwarded=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Area,_extends({},a,{forwardedRef:b}))}));AreaForwarded.d=d$1;var Circle=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.radius,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","radius","x","y"]);return React__default.createElement("circle",_extends({cx:l,cy:m,fill:c,r:k},n,{onClick:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},j(a)},ref:d}))};Circle.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Circle$1=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Circle,_extends({},a,{forwardedRef:b}))})),useDirection=function(a){var b=a.bottom,c=a.left,d=a.right,e=a.top;return React.useDebugValue("Direction: bottom(".concat(b,"), left(").concat(c,"), right(").concat(d,"), top(").concat(e,")")),React.useMemo(function(){var a=c?1:0,f=d?1:0,g=e?1:0,h=b?1:0;return[a,f,g,h]},[b,c,d,e])},Stop=function(a){var b=a.color,c=a.offset,d=a.opacity,e=_objectWithoutProperties(a,["color","offset","opacity"]);return React__default.createElement("stop",_extends({offset:"".concat(c,"%"),stopColor:b,stopOpacity:d},e))};Stop.defaultProps={opacity:1},Stop.propTypes={color:PropTypes.string.isRequired,offset:PropTypes.number.isRequired,opacity:PropTypes.number};var Gradient=function(a){var b=a.bottom,c=a.children,d=a.id,e=a.left,f=a.right,g=a.top,h=_objectWithoutProperties(a,["bottom","children","id","left","right","top"]),i=useDirection({bottom:b,left:e,right:f,top:g}),j=_slicedToArray(i,4),k=j[0],l=j[1],m=j[2],n=j[3];return React__default.createElement("defs",null,React__default.createElement("linearGradient",_extends({id:d,x1:k,x2:l,y1:m,y2:n},h),c))};Gradient.defaultProps={bottom:!1,left:!1,right:!1,top:!1},Gradient.propTypes={bottom:PropTypes.bool,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),id:PropTypes.string.isRequired,left:PropTypes.bool,right:PropTypes.bool,top:PropTypes.bool};var centroid$2=function(a){var b=a.points,c=void 0===b?[]:b,d=d3.extent(c,function(a){return a[0]}),e=_slicedToArray(d,2),f=e[0],g=e[1],h=d3.extent(c,function(a){return a[1]}),i=_slicedToArray(h,2),j=i[0],k=i[1];return[(f+g)/2,(j+k)/2]},d$2=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=_objectWithoutProperties(a,["curve","points"]),f=Curves[b]\|\|b,g=Object.entries(_objectSpread({},e,{curve:f})).filter(function(a){var b=_slicedToArray(a,2),c=b[1];return!!c}).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},d3.line());return g(d)},lineAccessors=["context","curve","defined"],Line=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.thickness,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","thickness","x","y"]),o=React.useRef(null),p=_.pick.apply(_,[n,"points"].concat(lineAccessors)),q=_.omit.apply(_,[n].concat(lineAccessors)),r=centroid$2(p),s=d$2(p);return React__default.createElement(Layer$1,{label:"line",x:l,y:m},React__default.createElement("path",_extends({fill:"none",stroke:c,strokeWidth:k},q,{d:s,onClick:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},j(a)},ref:function(a){o.current=a,d&&(d.current=a)}})))};Line.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,thickness:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var LineForwarded=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Line,_extends({},a,{forwardedRef:b}))}));LineForwarded.d=d$2;var Rect=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.height,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.radius,m=void 0===l?0:l,n=a.width,o=a.x,p=a.y,q=_objectWithoutProperties(a,["color","forwardedRef","height","onClick","onFocus","onMouseOver","radius","width","x","y"]);return React__default.createElement("rect",_extends({fill:c,rx:m},q,{onClick:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},g(a)},onFocus:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},i(a)},onMouseOver:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},k(a)},ref:d}))};Rect.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Rect$1=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Rect,_extends({},a,{forwardedRef:b}))})),TEXT={center:"middle",left:"start",right:"end"},VERTICAL={baseline:"baseline",middle:"central",top:"hanging"},Text=function(a){var b=a.color,c=void 0===b?"#222":b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.textAlign,l=a.verticalAlign,m=a.x,n=a.y,o=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","textAlign","verticalAlign","x","y"]);return React__default.createElement("text",_extends({alignmentBaseline:VERTICAL[l],dominantBaseline:VERTICAL[l],fill:c,textAnchor:TEXT[k]},o,{onClick:function(a){a.shape={x:m,y:n},f(a)},onFocus:function(a){a.shape={x:m,y:n},h(a)},onMouseOver:function(a){a.shape={x:m,y:n},j(a)},ref:d,x:m,y:n}))};Text.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,textAlign:PropTypes.oneOf(["center","left","right"]),verticalAlign:PropTypes.oneOf(["baseline","middle","top"]),x:PropTypes.number,y:PropTypes.number};var Text$1=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Text,_extends({},a,{forwardedRef:b}))})),Easings={back:d3.easeBack,"back-in":d3.easeBackIn,"back-in-out":d3.easeBackInOut,"back-out":d3.easeBackOut,bounce:d3.easeBounce,"bounce-in":d3.easeBounceIn,"bounce-in-out":d3.easeBounceInOut,"bounce-out":d3.easeBounceOut,circle:d3.easeCircle,"circle-in":d3.easeCircleIn,"circle-in-out":d3.easeCircleInOut,"circle-out":d3.easeCircleOut,cubic:d3.easeCubic,"cubic-in":d3.easeCubicIn,"cubic-in-out":d3.easeCubicInOut,"cubic-out":d3.easeCubicOut,exp:d3.easeExp,"exp-in":d3.easeExpIn,"exp-in-out":d3.easeExpInOut,"exp-out":d3.easeExpOut,linear:d3.easeLinear,"poly-in":d3.easePolyIn,"poly-in-out":d3.easePolyInOut,"poly-out":d3.easePolyOut,quad:d3.easeQuad,"quad-in":d3.easeQuadIn,"quad-in-out":d3.easeQuadInOut,"quad-out":d3.easeQuadOut,sin:d3.easeSin,"sin-in":d3.easeSinIn,"sin-in-out":d3.easeSinInOut,"sin-out":d3.easeSinOut},FPS=60,Animation=function(a){var b=a.attribute,c=a.delay,d=a.duration,e=a.ease,f=a.from,g=a.step,h=a.to,i=_objectWithoutProperties(a,["attribute","delay","duration","ease","from","step","to"]),j=React.useRef(null),k=React.useRef(!0);React.useLayoutEffect(function(){k.current?k.current=!1:j.current.beginElement()},[f,g,h]);var l=Easings[e]\|\|Easings.linear,m=Math.round(d/1e3FPS),n=Array(m).fill(0).map(function(a,b){return g(l(b/m),f,h)}).join(";");return React__default.createElement("animate",_extends({attributeName:b,begin:"".concat(c,"ms"),dur:"".concat(d,"ms"),ref:j,repeatCount:1},"linear"!==e\|\|"d"===b?{values:n}:{from:f,to:h},i))};Animation.defaultProps={delay:0,duration:250,ease:"linear",from:0,step:function(a,b,c){return b+(c-b)a},to:0},Animation.propTypes={attribute:PropTypes.string.isRequired,delay:PropTypes.number,duration:PropTypes.number,ease:PropTypes.string,from:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),step:PropTypes.func,to:PropTypes.oneOfType([PropTypes.number,PropTypes.string])};var Shapes={Arc:ArcForwarded,Area:AreaForwarded,Circle:Circle$1,Gradient:Gradient,Line:LineForwarded,Rect:Rect$1,Stop:Stop,Text:Text$1};exports.Animation=Animation,exports.Arc=ArcForwarded,exports.Area=AreaForwarded,exports.Circle=Circle$1,exports.Gradient=Gradient,exports.Layer=Layer$1,exports.Line=LineForwarded,exports.Rect=Rect$1,exports.SVG=SVG,exports.Shapes=Shapes,exports.Stop=Stop,exports.Text=Text$1,exports.default=SVG;
		'use strict';Object.defineProperty(exports,"__esModule",{value:!0});function _interopDefault(a){return a&&"object"==typeof a&&"default"in a?a["default"]:a}var React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),d3=require("d3"),randomColor=_interopDefault(require("random-color")),_=_interopDefault(require("underscore")),crypto=_interopDefault(require("crypto"));function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _extends(){return _extends=Object.assign\|\|function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectSpread(a){for(var b=1;b<arguments.length;b++){var c=null==arguments[b]?{}:arguments[b],d=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(d=d.concat(Object.getOwnPropertySymbols(c).filter(function(a){return Object.getOwnPropertyDescriptor(c,a).enumerable}))),d.forEach(function(b){_defineProperty(a,b,c[b])})}return a}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)\|\|(e[c]=a[c]);return e}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],!(0<=b.indexOf(c))&&Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _slicedToArray(a,b){return _arrayWithHoles(a)\|\|_iterableToArrayLimit(a,b)\|\|_nonIterableRest()}function _arrayWithHoles(a){if(Array.isArray(a))return a}function _iterableToArrayLimit(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!(b&&c.length===b));d=!0);}catch(a){e=!0,f=a}finally{try{d\|\|null==h["return"]\|\|h["return"]()}finally{if(e)throw f}}return c}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var SVG=function(a){var b=a.children,c=a.height,d=a.width,e=_objectWithoutProperties(a,["children","height","width"]);return React__default.createElement("svg",_extends({preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 ".concat(d," ").concat(c)},e),b)};SVG.defaultProps={children:void 0,height:0,width:0},SVG.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),height:PropTypes.number,width:PropTypes.number};for(var rng=function(){return crypto.randomBytes(16)},byteToHex=[],i=0;256>i;++i)byteToHex[i]=(i+256).toString(16).substr(1);function bytesToUuid(a,b){var c=b\|\|0,d=byteToHex;return[d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]]].join("")}var bytesToUuid_1=bytesToUuid;function v4(a,b,c){var d=b&&c\|\|0;"string"==typeof a&&(b="binary"===a?Array(16):null,a=null),a=a\|\|{};var e=a.random\|\|(a.rng\|\|rng)();if(e[6]=64\|15&e[6],e[8]=128\|63&e[8],b)for(var f=0;16>f;++f)b[d+f]=e[f];return b\|\|bytesToUuid_1(e)}var v4_1=v4,Layer=function(a){var b=a.children,c=a.forwardedRef,d=a.label,e=void 0===d?v4_1():d,f=a.transform,g=void 0===f?"":f,h=a.x,i=void 0===h?0:h,j=a.y,k=void 0===j?0:j,l=_objectWithoutProperties(a,["children","forwardedRef","label","transform","x","y"]),m=React.useRef(e);return React__default.createElement("g",_extends({"aria-label":m.current,transform:"translate(".concat(i,", ").concat(k,") ").concat(g)},l,{ref:c}),b)};Layer.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),label:PropTypes.string,transform:PropTypes.string,x:PropTypes.number,y:PropTypes.number};var Layer$1=React.forwardRef(function(a,b){return React__default.createElement(Layer,_extends({},a,{forwardedRef:b}))}),centroid=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=d3.arc();return n.centroid(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},d=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=d3.arc();return n(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},arcAccessors=["context","cornerRadius","endAngle","innerRadius","outerRadius","padAngle","padRadius","startAngle"],Arc=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,e=a.forwardedRef,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),o=_.pick.apply(_,[n].concat(arcAccessors)),p=_.omit.apply(_,[n].concat(arcAccessors)),q=centroid(o),r=d(o);return React__default.createElement(Layer$1,{label:"arc",x:l,y:m},React__default.createElement("path",_extends({fill:c},p,{d:r,onClick:function(a){a.shape={centroid:q,x:l,y:m},g(a)},onFocus:function(a){a.shape={centroid:q,x:l,y:m},i(a)},onMouseOver:function(a){a.shape={centroid:q,x:l,y:m},k(a)},ref:e})))};Arc.propTypes={color:PropTypes.string,cornerRadius:PropTypes.number,endAngle:PropTypes.number.isRequired,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,startAngle:PropTypes.number.isRequired,thickness:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var ArcForwarded=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Arc,_extends({},a,{forwardedRef:b}))}));ArcForwarded.d=d;var Curves={basis:d3.curveBasis,"basis-closed":d3.curveBasisClosed,"basis-open":d3.curveBasisOpen,bundle:d3.curveBundle,cardinal:d3.curveCardinal,"cardinal-closed":d3.curveCardinalClosed,"cardinal-open":d3.curveCardinalOpen,"catmull-rom":d3.curveCatmullRom,"catmull-rom-closed":d3.curveCatmullRomClosed,"catmull-rom-open":d3.curveCatmullRomOpen,linear:d3.curveLinear,linearClosed:d3.curveLinearClosed,"monotone-x":d3.curveMonotoneX,"monotone-y":d3.curveMonotoneY,natural:d3.curveNatural,step:d3.curveStep,"step-after":d3.curveStepAfter,"step-before":d3.curveStepBefore},centroid$1=function(a){var b=a.points,c=void 0===b?[]:b,d=c[0]\|\|[0,0,0],e=c[c.length-1]\|\|[0,0,0],f=d.length;return[(d[0]+e[0])/2,2<f?(d[2]+e[2])/2:(d[1]+e[1])/2]},d$1=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=a.y0,f=_objectWithoutProperties(a,["curve","points","y0"]),g=Curves[b]\|\|b,h=(d[0]\|\|[]).length,i=e\|\|(2<h?function(a){return a[2]}:void 0),j=Object.entries(_objectSpread({},f,{curve:g,y0:i})).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},d3.area());return j(d)},areaAccessors=["context","curve","defined","lineX0","lineX1","lineY0","lineY1","x0","x1","y0","y1"],Area=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.x,l=a.y,m=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),n=_.pick.apply(_,[m,"points"].concat(areaAccessors)),o=_.omit.apply(_,[m].concat(areaAccessors)),p=centroid$1(n),q=d$1(n);return React__default.createElement(Layer$1,{label:"area",x:k,y:l},React__default.createElement("path",_extends({fill:c},o,{d:q,onClick:function(a){a.shape={centroid:p,x:k,y:l},f(a)},onFocus:function(a){a.shape={centroid:p,x:k,y:l},h(a)},onMouseOver:function(a){a.shape={centroid:p,x:k,y:l},j(a)},ref:d})))};Area.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,x:PropTypes.number,y:PropTypes.number};var AreaForwarded=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Area,_extends({},a,{forwardedRef:b}))}));AreaForwarded.d=d$1;var Circle=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.radius,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","radius","x","y"]);return React__default.createElement("circle",_extends({cx:l,cy:m,fill:c,r:k},n,{onClick:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},j(a)},ref:d}))};Circle.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Circle$1=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Circle,_extends({},a,{forwardedRef:b}))})),useDirection=function(a){var b=a.bottom,c=a.left,d=a.right,e=a.top;return React.useDebugValue("Direction: bottom(".concat(b,"), left(").concat(c,"), right(").concat(d,"), top(").concat(e,")")),React.useMemo(function(){var a=c?1:0,f=d?1:0,g=e?1:0,h=b?1:0;return[a,f,g,h]},[b,c,d,e])},Stop=function(a){var b=a.color,c=a.offset,d=a.opacity,e=_objectWithoutProperties(a,["color","offset","opacity"]);return React__default.createElement("stop",_extends({offset:"".concat(c,"%"),stopColor:b,stopOpacity:d},e))};Stop.defaultProps={opacity:1},Stop.propTypes={color:PropTypes.string.isRequired,offset:PropTypes.number.isRequired,opacity:PropTypes.number};var Gradient=function(a){var b=a.bottom,c=a.children,d=a.id,e=a.left,f=a.right,g=a.top,h=_objectWithoutProperties(a,["bottom","children","id","left","right","top"]),i=useDirection({bottom:b,left:e,right:f,top:g}),j=_slicedToArray(i,4),k=j[0],l=j[1],m=j[2],n=j[3];return React__default.createElement("defs",null,React__default.createElement("linearGradient",_extends({id:d,x1:k,x2:l,y1:m,y2:n},h),c))};Gradient.defaultProps={bottom:!1,left:!1,right:!1,top:!1},Gradient.propTypes={bottom:PropTypes.bool,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),id:PropTypes.string.isRequired,left:PropTypes.bool,right:PropTypes.bool,top:PropTypes.bool};var centroid$2=function(a){var b=a.points,c=void 0===b?[]:b,d=d3.extent(c,function(a){return a[0]}),e=_slicedToArray(d,2),f=e[0],g=e[1],h=d3.extent(c,function(a){return a[1]}),i=_slicedToArray(h,2),j=i[0],k=i[1];return[(f+g)/2,(j+k)/2]},d$2=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=_objectWithoutProperties(a,["curve","points"]),f=Curves[b]\|\|b,g=Object.entries(_objectSpread({},e,{curve:f})).filter(function(a){var b=_slicedToArray(a,2),c=b[1];return!!c}).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},d3.line());return g(d)},lineAccessors=["context","curve","defined"],Line=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.thickness,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","thickness","x","y"]),o=React.useRef(null),p=_.pick.apply(_,[n,"points"].concat(lineAccessors)),q=_.omit.apply(_,[n].concat(lineAccessors)),r=centroid$2(p),s=d$2(p);return React__default.createElement(Layer$1,{label:"line",x:l,y:m},React__default.createElement("path",_extends({fill:"none",stroke:c,strokeWidth:k},q,{d:s,onClick:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},j(a)},ref:function(a){o.current=a,d&&(d.current=a)}})))};Line.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,thickness:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var LineForwarded=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Line,_extends({},a,{forwardedRef:b}))}));LineForwarded.d=d$2;var Rect=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.height,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.radius,m=void 0===l?0:l,n=a.width,o=a.x,p=a.y,q=_objectWithoutProperties(a,["color","forwardedRef","height","onClick","onFocus","onMouseOver","radius","width","x","y"]);return React__default.createElement("rect",_extends({fill:c,rx:m},q,{onClick:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},g(a)},onFocus:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},i(a)},onMouseOver:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},k(a)},ref:d}))};Rect.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Rect$1=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Rect,_extends({},a,{forwardedRef:b}))})),TEXT={center:"middle",left:"start",right:"end"},VERTICAL={baseline:"baseline",middle:"central",top:"hanging"},Text=function(a){var b=a.color,c=void 0===b?"#222":b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.textAlign,l=a.verticalAlign,m=a.x,n=a.y,o=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","textAlign","verticalAlign","x","y"]);return React__default.createElement("text",_extends({alignmentBaseline:VERTICAL[l],dominantBaseline:VERTICAL[l],fill:c,textAnchor:TEXT[k]},o,{onClick:function(a){a.shape={x:m,y:n},f(a)},onFocus:function(a){a.shape={x:m,y:n},h(a)},onMouseOver:function(a){a.shape={x:m,y:n},j(a)},ref:d,x:m,y:n}))};Text.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,textAlign:PropTypes.oneOf(["center","left","right"]),verticalAlign:PropTypes.oneOf(["baseline","middle","top"]),x:PropTypes.number,y:PropTypes.number};var Text$1=React.memo(React.forwardRef(function(a,b){return React__default.createElement(Text,_extends({},a,{forwardedRef:b}))})),Easings={back:d3.easeBack,"back-in":d3.easeBackIn,"back-in-out":d3.easeBackInOut,"back-out":d3.easeBackOut,bounce:d3.easeBounce,"bounce-in":d3.easeBounceIn,"bounce-in-out":d3.easeBounceInOut,"bounce-out":d3.easeBounceOut,circle:d3.easeCircle,"circle-in":d3.easeCircleIn,"circle-in-out":d3.easeCircleInOut,"circle-out":d3.easeCircleOut,cubic:d3.easeCubic,"cubic-in":d3.easeCubicIn,"cubic-in-out":d3.easeCubicInOut,"cubic-out":d3.easeCubicOut,exp:d3.easeExp,"exp-in":d3.easeExpIn,"exp-in-out":d3.easeExpInOut,"exp-out":d3.easeExpOut,linear:d3.easeLinear,"poly-in":d3.easePolyIn,"poly-in-out":d3.easePolyInOut,"poly-out":d3.easePolyOut,quad:d3.easeQuad,"quad-in":d3.easeQuadIn,"quad-in-out":d3.easeQuadInOut,"quad-out":d3.easeQuadOut,sin:d3.easeSin,"sin-in":d3.easeSinIn,"sin-in-out":d3.easeSinInOut,"sin-out":d3.easeSinOut},FPS=60,Animation=function(a){var b=a.attribute,c=a.delay,d=a.duration,e=a.ease,f=a.from,g=a.step,h=a.to,i=_objectWithoutProperties(a,["attribute","delay","duration","ease","from","step","to"]),j=React.useRef(null),k=React.useRef(!0);React.useLayoutEffect(function(){k.current?k.current=!1:j.current.beginElement()},[f,g,h]);var l=Easings[e]\|\|Easings.linear,m=Math.round(d/1e3FPS),n=Array(m).fill(0).map(function(a,b){return g(l(b/m),f,h)}).join(";");return React__default.createElement("animate",_extends({attributeName:b,begin:"".concat(c,"ms"),dur:"".concat(d,"ms"),ref:j,repeatCount:1},"linear"!==e\|\|"d"===b?{values:n}:{from:f,to:h},i))};Animation.defaultProps={delay:0,duration:250,ease:"linear",from:0,step:function(a,b,c){return b+(c-b)a},to:0},Animation.propTypes={attribute:PropTypes.string.isRequired,delay:PropTypes.number,duration:PropTypes.number,ease:PropTypes.string,from:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),step:PropTypes.func,to:PropTypes.oneOfType([PropTypes.number,PropTypes.string])};var Shapes={Arc:ArcForwarded,Area:AreaForwarded,Circle:Circle$1,Gradient:Gradient,Line:LineForwarded,Rect:Rect$1,Stop:Stop,Text:Text$1};exports.Animation=Animation,exports.Arc=ArcForwarded,exports.Area=AreaForwarded,exports.Circle=Circle$1,exports.Gradient=Gradient,exports.Layer=Layer$1,exports.Line=LineForwarded,exports.Rect=Rect$1,exports.SVG=SVG,exports.Shapes=Shapes,exports.Stop=Stop,exports.Text=Text$1,exports.default=SVG;
		//# sourceMappingURL=index.js.map

dist/index.module.js

		@@ -1,2 +0,2 @@
		import React,{forwardRef,useRef,memo,useMemo,useDebugValue,useLayoutEffect}from"react";import PropTypes from"prop-types";import{arc,curveBasis,curveBasisClosed,curveBasisOpen,curveBundle,curveCardinal,curveCardinalClosed,curveCardinalOpen,curveCatmullRom,curveCatmullRomClosed,curveCatmullRomOpen,curveLinear,curveLinearClosed,curveMonotoneX,curveMonotoneY,curveNatural,curveStep,curveStepAfter,curveStepBefore,area,line,extent,easeBack,easeBackIn,easeBackInOut,easeBackOut,easeBounce,easeBounceIn,easeBounceInOut,easeBounceOut,easeCircle,easeCircleIn,easeCircleInOut,easeCircleOut,easeCubic,easeCubicIn,easeCubicInOut,easeCubicOut,easeExp,easeExpIn,easeExpInOut,easeExpOut,easeLinear,easePolyIn,easePolyInOut,easePolyOut,easeQuad,easeQuadIn,easeQuadInOut,easeQuadOut,easeSin,easeSinIn,easeSinInOut,easeSinOut}from"d3";import randomColor from"random-color";import _ from"underscore";import crypto from"crypto";function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _extends(){return _extends=Object.assign\|\|function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectSpread(a){for(var b=1;b<arguments.length;b++){var c=null==arguments[b]?{}:arguments[b],d=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(d=d.concat(Object.getOwnPropertySymbols(c).filter(function(a){return Object.getOwnPropertyDescriptor(c,a).enumerable}))),d.forEach(function(b){_defineProperty(a,b,c[b])})}return a}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)\|\|(e[c]=a[c]);return e}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],!(0<=b.indexOf(c))&&Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _slicedToArray(a,b){return _arrayWithHoles(a)\|\|_iterableToArrayLimit(a,b)\|\|_nonIterableRest()}function _arrayWithHoles(a){if(Array.isArray(a))return a}function _iterableToArrayLimit(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!(b&&c.length===b));d=!0);}catch(a){e=!0,f=a}finally{try{d\|\|null==h["return"]\|\|h["return"]()}finally{if(e)throw f}}return c}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var SVG=function(a){var b=a.children,c=a.height,d=a.width,e=_objectWithoutProperties(a,["children","height","width"]);return React.createElement("svg",_extends({preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 ".concat(d," ").concat(c)},e),b)};SVG.defaultProps={children:void 0,height:0,width:0},SVG.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),height:PropTypes.number,width:PropTypes.number};for(var rng=function(){return crypto.randomBytes(16)},byteToHex=[],i=0;256>i;++i)byteToHex[i]=(i+256).toString(16).substr(1);function bytesToUuid(a,b){var c=b\|\|0,d=byteToHex;return[d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]]].join("")}var bytesToUuid_1=bytesToUuid;function v4(a,b,c){var d=b&&c\|\|0;"string"==typeof a&&(b="binary"===a?Array(16):null,a=null),a=a\|\|{};var e=a.random\|\|(a.rng\|\|rng)();if(e[6]=64\|15&e[6],e[8]=128\|63&e[8],b)for(var f=0;16>f;++f)b[d+f]=e[f];return b\|\|bytesToUuid_1(e)}var v4_1=v4,Layer=function(a){var b=a.children,c=a.forwardedRef,d=a.label,e=void 0===d?v4_1():d,f=a.transform,g=void 0===f?"":f,h=a.x,i=void 0===h?0:h,j=a.y,k=void 0===j?0:j,l=_objectWithoutProperties(a,["children","forwardedRef","label","transform","x","y"]),m=useRef(e);return React.createElement("g",_extends({"aria-label":m,transform:"translate(".concat(i,", ").concat(k,") ").concat(g)},l,{ref:c}),b)};Layer.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),label:PropTypes.string,transform:PropTypes.string,x:PropTypes.number,y:PropTypes.number};var Layer$1=forwardRef(function(a,b){return React.createElement(Layer,_extends({},a,{forwardedRef:b}))}),centroid=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=arc();return n.centroid(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},d=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=arc();return n(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},arcAccessors=["context","cornerRadius","endAngle","innerRadius","outerRadius","padAngle","padRadius","startAngle"],Arc=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,e=a.forwardedRef,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),o=_.pick.apply(_,[n].concat(arcAccessors)),p=_.omit.apply(_,[n].concat(arcAccessors)),q=centroid(o),r=d(o);return React.createElement(Layer$1,{label:"arc",x:l,y:m},React.createElement("path",_extends({fill:c},p,{d:r,onClick:function(a){a.shape={centroid:q,x:l,y:m},g(a)},onFocus:function(a){a.shape={centroid:q,x:l,y:m},i(a)},onMouseOver:function(a){a.shape={centroid:q,x:l,y:m},k(a)},ref:e})))};Arc.propTypes={color:PropTypes.string,cornerRadius:PropTypes.number,endAngle:PropTypes.number.isRequired,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,startAngle:PropTypes.number.isRequired,thickness:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var ArcForwarded=memo(forwardRef(function(a,b){return React.createElement(Arc,_extends({},a,{forwardedRef:b}))}));ArcForwarded.d=d;var Curves={basis:curveBasis,"basis-closed":curveBasisClosed,"basis-open":curveBasisOpen,bundle:curveBundle,cardinal:curveCardinal,"cardinal-closed":curveCardinalClosed,"cardinal-open":curveCardinalOpen,"catmull-rom":curveCatmullRom,"catmull-rom-closed":curveCatmullRomClosed,"catmull-rom-open":curveCatmullRomOpen,linear:curveLinear,linearClosed:curveLinearClosed,"monotone-x":curveMonotoneX,"monotone-y":curveMonotoneY,natural:curveNatural,step:curveStep,"step-after":curveStepAfter,"step-before":curveStepBefore},centroid$1=function(a){var b=a.points,c=void 0===b?[]:b,d=c[0]\|\|[0,0,0],e=c[c.length-1]\|\|[0,0,0],f=d.length;return[(d[0]+e[0])/2,2<f?(d[2]+e[2])/2:(d[1]+e[1])/2]},d$1=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=a.y0,f=_objectWithoutProperties(a,["curve","points","y0"]),g=Curves[b]\|\|b,h=(d[0]\|\|[]).length,i=e\|\|(2<h?function(a){return a[2]}:void 0),j=Object.entries(_objectSpread({},f,{curve:g,y0:i})).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},area());return j(d)},areaAccessors=["context","curve","defined","lineX0","lineX1","lineY0","lineY1","x0","x1","y0","y1"],Area=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.x,l=a.y,m=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),n=_.pick.apply(_,[m,"points"].concat(areaAccessors)),o=_.omit.apply(_,[m].concat(areaAccessors)),p=centroid$1(n),q=d$1(n);return React.createElement(Layer$1,{label:"area",x:k,y:l},React.createElement("path",_extends({fill:c},o,{d:q,onClick:function(a){a.shape={centroid:p,x:k,y:l},f(a)},onFocus:function(a){a.shape={centroid:p,x:k,y:l},h(a)},onMouseOver:function(a){a.shape={centroid:p,x:k,y:l},j(a)},ref:d})))};Area.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,x:PropTypes.number,y:PropTypes.number};var AreaForwarded=memo(forwardRef(function(a,b){return React.createElement(Area,_extends({},a,{forwardedRef:b}))}));AreaForwarded.d=d$1;var Circle=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.radius,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","radius","x","y"]);return React.createElement("circle",_extends({cx:l,cy:m,fill:c,r:k},n,{onClick:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},j(a)},ref:d}))};Circle.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Circle$1=memo(forwardRef(function(a,b){return React.createElement(Circle,_extends({},a,{forwardedRef:b}))})),useDirection=function(a){var b=a.bottom,c=a.left,d=a.right,e=a.top;return useDebugValue("Direction: bottom(".concat(b,"), left(").concat(c,"), right(").concat(d,"), top(").concat(e,")")),useMemo(function(){var a=c?1:0,f=d?1:0,g=e?1:0,h=b?1:0;return[a,f,g,h]},[b,c,d,e])},Stop=function(a){var b=a.color,c=a.offset,d=a.opacity,e=_objectWithoutProperties(a,["color","offset","opacity"]);return React.createElement("stop",_extends({offset:"".concat(c,"%"),stopColor:b,stopOpacity:d},e))};Stop.defaultProps={opacity:1},Stop.propTypes={color:PropTypes.string.isRequired,offset:PropTypes.number.isRequired,opacity:PropTypes.number};var Gradient=function(a){var b=a.bottom,c=a.children,d=a.id,e=a.left,f=a.right,g=a.top,h=_objectWithoutProperties(a,["bottom","children","id","left","right","top"]),i=useDirection({bottom:b,left:e,right:f,top:g}),j=_slicedToArray(i,4),k=j[0],l=j[1],m=j[2],n=j[3];return React.createElement("defs",null,React.createElement("linearGradient",_extends({id:d,x1:k,x2:l,y1:m,y2:n},h),c))};Gradient.defaultProps={bottom:!1,left:!1,right:!1,top:!1},Gradient.propTypes={bottom:PropTypes.bool,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),id:PropTypes.string.isRequired,left:PropTypes.bool,right:PropTypes.bool,top:PropTypes.bool};var centroid$2=function(a){var b=a.points,c=void 0===b?[]:b,d=extent(c,function(a){return a[0]}),e=_slicedToArray(d,2),f=e[0],g=e[1],h=extent(c,function(a){return a[1]}),i=_slicedToArray(h,2),j=i[0],k=i[1];return[(f+g)/2,(j+k)/2]},d$2=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=_objectWithoutProperties(a,["curve","points"]),f=Curves[b]\|\|b,g=Object.entries(_objectSpread({},e,{curve:f})).filter(function(a){var b=_slicedToArray(a,2),c=b[1];return!!c}).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},line());return g(d)},lineAccessors=["context","curve","defined"],Line=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.thickness,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","thickness","x","y"]),o=useRef(null),p=_.pick.apply(_,[n,"points"].concat(lineAccessors)),q=_.omit.apply(_,[n].concat(lineAccessors)),r=centroid$2(p),s=d$2(p);return React.createElement(Layer$1,{label:"line",x:l,y:m},React.createElement("path",_extends({fill:"none",stroke:c,strokeWidth:k},q,{d:s,onClick:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},j(a)},ref:function(a){o.current=a,d&&(d.current=a)}})))};Line.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,thickness:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var LineForwarded=memo(forwardRef(function(a,b){return React.createElement(Line,_extends({},a,{forwardedRef:b}))}));LineForwarded.d=d$2;var Rect=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.height,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.radius,m=void 0===l?0:l,n=a.width,o=a.x,p=a.y,q=_objectWithoutProperties(a,["color","forwardedRef","height","onClick","onFocus","onMouseOver","radius","width","x","y"]);return React.createElement("rect",_extends({fill:c,rx:m},q,{onClick:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},g(a)},onFocus:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},i(a)},onMouseOver:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},k(a)},ref:d}))};Rect.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Rect$1=memo(forwardRef(function(a,b){return React.createElement(Rect,_extends({},a,{forwardedRef:b}))})),TEXT={center:"middle",left:"start",right:"end"},VERTICAL={baseline:"baseline",middle:"central",top:"hanging"},Text=function(a){var b=a.color,c=void 0===b?"#222":b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.textAlign,l=a.verticalAlign,m=a.x,n=a.y,o=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","textAlign","verticalAlign","x","y"]);return React.createElement("text",_extends({alignmentBaseline:VERTICAL[l],dominantBaseline:VERTICAL[l],fill:c,textAnchor:TEXT[k]},o,{onClick:function(a){a.shape={x:m,y:n},f(a)},onFocus:function(a){a.shape={x:m,y:n},h(a)},onMouseOver:function(a){a.shape={x:m,y:n},j(a)},ref:d,x:m,y:n}))};Text.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,textAlign:PropTypes.oneOf(["center","left","right"]),verticalAlign:PropTypes.oneOf(["baseline","middle","top"]),x:PropTypes.number,y:PropTypes.number};var Text$1=memo(forwardRef(function(a,b){return React.createElement(Text,_extends({},a,{forwardedRef:b}))})),Easings={back:easeBack,"back-in":easeBackIn,"back-in-out":easeBackInOut,"back-out":easeBackOut,bounce:easeBounce,"bounce-in":easeBounceIn,"bounce-in-out":easeBounceInOut,"bounce-out":easeBounceOut,circle:easeCircle,"circle-in":easeCircleIn,"circle-in-out":easeCircleInOut,"circle-out":easeCircleOut,cubic:easeCubic,"cubic-in":easeCubicIn,"cubic-in-out":easeCubicInOut,"cubic-out":easeCubicOut,exp:easeExp,"exp-in":easeExpIn,"exp-in-out":easeExpInOut,"exp-out":easeExpOut,linear:easeLinear,"poly-in":easePolyIn,"poly-in-out":easePolyInOut,"poly-out":easePolyOut,quad:easeQuad,"quad-in":easeQuadIn,"quad-in-out":easeQuadInOut,"quad-out":easeQuadOut,sin:easeSin,"sin-in":easeSinIn,"sin-in-out":easeSinInOut,"sin-out":easeSinOut},FPS=60,Animation=function(a){var b=a.attribute,c=a.delay,d=a.duration,e=a.ease,f=a.from,g=a.step,h=a.to,i=_objectWithoutProperties(a,["attribute","delay","duration","ease","from","step","to"]),j=useRef(null),k=useRef(!0);useLayoutEffect(function(){k.current?k.current=!1:j.current.beginElement()},[f,g,h]);var l=Easings[e]\|\|Easings.linear,m=Math.round(d/1e3FPS),n=Array(m).fill(0).map(function(a,b){return g(l(b/m),f,h)}).join(";");return React.createElement("animate",_extends({attributeName:b,begin:"".concat(c,"ms"),dur:"".concat(d,"ms"),ref:j,repeatCount:1},"linear"!==e\|\|"d"===b?{values:n}:{from:f,to:h},i))};Animation.defaultProps={delay:0,duration:250,ease:"linear",from:0,step:function(a,b,c){return b+(c-b)a},to:0},Animation.propTypes={attribute:PropTypes.string.isRequired,delay:PropTypes.number,duration:PropTypes.number,ease:PropTypes.string,from:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),step:PropTypes.func,to:PropTypes.oneOfType([PropTypes.number,PropTypes.string])};var Shapes={Arc:ArcForwarded,Area:AreaForwarded,Circle:Circle$1,Gradient:Gradient,Line:LineForwarded,Rect:Rect$1,Stop:Stop,Text:Text$1};export default SVG;export{Animation,ArcForwarded as Arc,AreaForwarded as Area,Circle$1 as Circle,Gradient,Layer$1 as Layer,LineForwarded as Line,Rect$1 as Rect,SVG,Shapes,Stop,Text$1 as Text};
		import React,{forwardRef,useRef,memo,useMemo,useDebugValue,useLayoutEffect}from"react";import PropTypes from"prop-types";import{arc,curveBasis,curveBasisClosed,curveBasisOpen,curveBundle,curveCardinal,curveCardinalClosed,curveCardinalOpen,curveCatmullRom,curveCatmullRomClosed,curveCatmullRomOpen,curveLinear,curveLinearClosed,curveMonotoneX,curveMonotoneY,curveNatural,curveStep,curveStepAfter,curveStepBefore,area,line,extent,easeBack,easeBackIn,easeBackInOut,easeBackOut,easeBounce,easeBounceIn,easeBounceInOut,easeBounceOut,easeCircle,easeCircleIn,easeCircleInOut,easeCircleOut,easeCubic,easeCubicIn,easeCubicInOut,easeCubicOut,easeExp,easeExpIn,easeExpInOut,easeExpOut,easeLinear,easePolyIn,easePolyInOut,easePolyOut,easeQuad,easeQuadIn,easeQuadInOut,easeQuadOut,easeSin,easeSinIn,easeSinInOut,easeSinOut}from"d3";import randomColor from"random-color";import _ from"underscore";import crypto from"crypto";function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _extends(){return _extends=Object.assign\|\|function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectSpread(a){for(var b=1;b<arguments.length;b++){var c=null==arguments[b]?{}:arguments[b],d=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(d=d.concat(Object.getOwnPropertySymbols(c).filter(function(a){return Object.getOwnPropertyDescriptor(c,a).enumerable}))),d.forEach(function(b){_defineProperty(a,b,c[b])})}return a}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)\|\|(e[c]=a[c]);return e}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],!(0<=b.indexOf(c))&&Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _slicedToArray(a,b){return _arrayWithHoles(a)\|\|_iterableToArrayLimit(a,b)\|\|_nonIterableRest()}function _arrayWithHoles(a){if(Array.isArray(a))return a}function _iterableToArrayLimit(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!(b&&c.length===b));d=!0);}catch(a){e=!0,f=a}finally{try{d\|\|null==h["return"]\|\|h["return"]()}finally{if(e)throw f}}return c}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var SVG=function(a){var b=a.children,c=a.height,d=a.width,e=_objectWithoutProperties(a,["children","height","width"]);return React.createElement("svg",_extends({preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 ".concat(d," ").concat(c)},e),b)};SVG.defaultProps={children:void 0,height:0,width:0},SVG.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),height:PropTypes.number,width:PropTypes.number};for(var rng=function(){return crypto.randomBytes(16)},byteToHex=[],i=0;256>i;++i)byteToHex[i]=(i+256).toString(16).substr(1);function bytesToUuid(a,b){var c=b\|\|0,d=byteToHex;return[d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],"-",d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]],d[a[c++]]].join("")}var bytesToUuid_1=bytesToUuid;function v4(a,b,c){var d=b&&c\|\|0;"string"==typeof a&&(b="binary"===a?Array(16):null,a=null),a=a\|\|{};var e=a.random\|\|(a.rng\|\|rng)();if(e[6]=64\|15&e[6],e[8]=128\|63&e[8],b)for(var f=0;16>f;++f)b[d+f]=e[f];return b\|\|bytesToUuid_1(e)}var v4_1=v4,Layer=function(a){var b=a.children,c=a.forwardedRef,d=a.label,e=void 0===d?v4_1():d,f=a.transform,g=void 0===f?"":f,h=a.x,i=void 0===h?0:h,j=a.y,k=void 0===j?0:j,l=_objectWithoutProperties(a,["children","forwardedRef","label","transform","x","y"]),m=useRef(e);return React.createElement("g",_extends({"aria-label":m.current,transform:"translate(".concat(i,", ").concat(k,") ").concat(g)},l,{ref:c}),b)};Layer.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),label:PropTypes.string,transform:PropTypes.string,x:PropTypes.number,y:PropTypes.number};var Layer$1=forwardRef(function(a,b){return React.createElement(Layer,_extends({},a,{forwardedRef:b}))}),centroid=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=arc();return n.centroid(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},d=function(a){var b=Math.PI,c=a.endAngle,d=void 0===c?0:c,e=a.thickness,f=a.height,g=void 0===f?0:f,h=a.startAngle,i=void 0===h?0:h,j=a.width,k=void 0===j?0:j,l=_objectWithoutProperties(a,["endAngle","thickness","height","startAngle","width"]),m=Math.min(g/2,k/2),n=arc();return n(_objectSpread({},l,{endAngle:2(d/360)b,innerRadius:e?m-e:0,outerRadius:m,startAngle:2(i/360)b}))},arcAccessors=["context","cornerRadius","endAngle","innerRadius","outerRadius","padAngle","padRadius","startAngle"],Arc=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,e=a.forwardedRef,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),o=_.pick.apply(_,[n].concat(arcAccessors)),p=_.omit.apply(_,[n].concat(arcAccessors)),q=centroid(o),r=d(o);return React.createElement(Layer$1,{label:"arc",x:l,y:m},React.createElement("path",_extends({fill:c},p,{d:r,onClick:function(a){a.shape={centroid:q,x:l,y:m},g(a)},onFocus:function(a){a.shape={centroid:q,x:l,y:m},i(a)},onMouseOver:function(a){a.shape={centroid:q,x:l,y:m},k(a)},ref:e})))};Arc.propTypes={color:PropTypes.string,cornerRadius:PropTypes.number,endAngle:PropTypes.number.isRequired,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,startAngle:PropTypes.number.isRequired,thickness:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var ArcForwarded=memo(forwardRef(function(a,b){return React.createElement(Arc,_extends({},a,{forwardedRef:b}))}));ArcForwarded.d=d;var Curves={basis:curveBasis,"basis-closed":curveBasisClosed,"basis-open":curveBasisOpen,bundle:curveBundle,cardinal:curveCardinal,"cardinal-closed":curveCardinalClosed,"cardinal-open":curveCardinalOpen,"catmull-rom":curveCatmullRom,"catmull-rom-closed":curveCatmullRomClosed,"catmull-rom-open":curveCatmullRomOpen,linear:curveLinear,linearClosed:curveLinearClosed,"monotone-x":curveMonotoneX,"monotone-y":curveMonotoneY,natural:curveNatural,step:curveStep,"step-after":curveStepAfter,"step-before":curveStepBefore},centroid$1=function(a){var b=a.points,c=void 0===b?[]:b,d=c[0]\|\|[0,0,0],e=c[c.length-1]\|\|[0,0,0],f=d.length;return[(d[0]+e[0])/2,2<f?(d[2]+e[2])/2:(d[1]+e[1])/2]},d$1=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=a.y0,f=_objectWithoutProperties(a,["curve","points","y0"]),g=Curves[b]\|\|b,h=(d[0]\|\|[]).length,i=e\|\|(2<h?function(a){return a[2]}:void 0),j=Object.entries(_objectSpread({},f,{curve:g,y0:i})).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},area());return j(d)},areaAccessors=["context","curve","defined","lineX0","lineX1","lineY0","lineY1","x0","x1","y0","y1"],Area=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.x,l=a.y,m=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","x","y"]),n=_.pick.apply(_,[m,"points"].concat(areaAccessors)),o=_.omit.apply(_,[m].concat(areaAccessors)),p=centroid$1(n),q=d$1(n);return React.createElement(Layer$1,{label:"area",x:k,y:l},React.createElement("path",_extends({fill:c},o,{d:q,onClick:function(a){a.shape={centroid:p,x:k,y:l},f(a)},onFocus:function(a){a.shape={centroid:p,x:k,y:l},h(a)},onMouseOver:function(a){a.shape={centroid:p,x:k,y:l},j(a)},ref:d})))};Area.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,x:PropTypes.number,y:PropTypes.number};var AreaForwarded=memo(forwardRef(function(a,b){return React.createElement(Area,_extends({},a,{forwardedRef:b}))}));AreaForwarded.d=d$1;var Circle=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.radius,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","radius","x","y"]);return React.createElement("circle",_extends({cx:l,cy:m,fill:c,r:k},n,{onClick:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:[(l+k)/2,(m+k)/2],radius:k,x:l,y:m},j(a)},ref:d}))};Circle.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Circle$1=memo(forwardRef(function(a,b){return React.createElement(Circle,_extends({},a,{forwardedRef:b}))})),useDirection=function(a){var b=a.bottom,c=a.left,d=a.right,e=a.top;return useDebugValue("Direction: bottom(".concat(b,"), left(").concat(c,"), right(").concat(d,"), top(").concat(e,")")),useMemo(function(){var a=c?1:0,f=d?1:0,g=e?1:0,h=b?1:0;return[a,f,g,h]},[b,c,d,e])},Stop=function(a){var b=a.color,c=a.offset,d=a.opacity,e=_objectWithoutProperties(a,["color","offset","opacity"]);return React.createElement("stop",_extends({offset:"".concat(c,"%"),stopColor:b,stopOpacity:d},e))};Stop.defaultProps={opacity:1},Stop.propTypes={color:PropTypes.string.isRequired,offset:PropTypes.number.isRequired,opacity:PropTypes.number};var Gradient=function(a){var b=a.bottom,c=a.children,d=a.id,e=a.left,f=a.right,g=a.top,h=_objectWithoutProperties(a,["bottom","children","id","left","right","top"]),i=useDirection({bottom:b,left:e,right:f,top:g}),j=_slicedToArray(i,4),k=j[0],l=j[1],m=j[2],n=j[3];return React.createElement("defs",null,React.createElement("linearGradient",_extends({id:d,x1:k,x2:l,y1:m,y2:n},h),c))};Gradient.defaultProps={bottom:!1,left:!1,right:!1,top:!1},Gradient.propTypes={bottom:PropTypes.bool,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]),id:PropTypes.string.isRequired,left:PropTypes.bool,right:PropTypes.bool,top:PropTypes.bool};var centroid$2=function(a){var b=a.points,c=void 0===b?[]:b,d=extent(c,function(a){return a[0]}),e=_slicedToArray(d,2),f=e[0],g=e[1],h=extent(c,function(a){return a[1]}),i=_slicedToArray(h,2),j=i[0],k=i[1];return[(f+g)/2,(j+k)/2]},d$2=function(a){var b=a.curve,c=a.points,d=void 0===c?[]:c,e=_objectWithoutProperties(a,["curve","points"]),f=Curves[b]\|\|b,g=Object.entries(_objectSpread({},e,{curve:f})).filter(function(a){var b=_slicedToArray(a,2),c=b[1];return!!c}).reduce(function(a,b){var c=_slicedToArray(b,2),d=c[0],e=c[1];return a[d](e)},line());return g(d)},lineAccessors=["context","curve","defined"],Line=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.thickness,l=a.x,m=a.y,n=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","thickness","x","y"]),o=useRef(null),p=_.pick.apply(_,[n,"points"].concat(lineAccessors)),q=_.omit.apply(_,[n].concat(lineAccessors)),r=centroid$2(p),s=d$2(p);return React.createElement(Layer$1,{label:"line",x:l,y:m},React.createElement("path",_extends({fill:"none",stroke:c,strokeWidth:k},q,{d:s,onClick:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},f(a)},onFocus:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},h(a)},onMouseOver:function(a){a.shape={centroid:r,length:o.current?o.current.getTotalLength():0,thickness:k,x:l,y:m},j(a)},ref:function(a){o.current=a,d&&(d.current=a)}})))};Line.propTypes={color:PropTypes.string,curve:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,points:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)).isRequired,thickness:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var LineForwarded=memo(forwardRef(function(a,b){return React.createElement(Line,_extends({},a,{forwardedRef:b}))}));LineForwarded.d=d$2;var Rect=function(a){var b=a.color,c=void 0===b?randomColor().hexString():b,d=a.forwardedRef,e=a.height,f=a.onClick,g=void 0===f?function(){}:f,h=a.onFocus,i=void 0===h?function(){}:h,j=a.onMouseOver,k=void 0===j?function(){}:j,l=a.radius,m=void 0===l?0:l,n=a.width,o=a.x,p=a.y,q=_objectWithoutProperties(a,["color","forwardedRef","height","onClick","onFocus","onMouseOver","radius","width","x","y"]);return React.createElement("rect",_extends({fill:c,rx:m},q,{onClick:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},g(a)},onFocus:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},i(a)},onMouseOver:function(a){a.shape={centroid:[o+n/2,p+e],height:e,width:n,x:o,y:p},k(a)},ref:d}))};Rect.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),height:PropTypes.number.isRequired,onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,radius:PropTypes.number,width:PropTypes.number.isRequired,x:PropTypes.number,y:PropTypes.number};var Rect$1=memo(forwardRef(function(a,b){return React.createElement(Rect,_extends({},a,{forwardedRef:b}))})),TEXT={center:"middle",left:"start",right:"end"},VERTICAL={baseline:"baseline",middle:"central",top:"hanging"},Text=function(a){var b=a.color,c=void 0===b?"#222":b,d=a.forwardedRef,e=a.onClick,f=void 0===e?function(){}:e,g=a.onFocus,h=void 0===g?function(){}:g,i=a.onMouseOver,j=void 0===i?function(){}:i,k=a.textAlign,l=a.verticalAlign,m=a.x,n=a.y,o=_objectWithoutProperties(a,["color","forwardedRef","onClick","onFocus","onMouseOver","textAlign","verticalAlign","x","y"]);return React.createElement("text",_extends({alignmentBaseline:VERTICAL[l],dominantBaseline:VERTICAL[l],fill:c,textAnchor:TEXT[k]},o,{onClick:function(a){a.shape={x:m,y:n},f(a)},onFocus:function(a){a.shape={x:m,y:n},h(a)},onMouseOver:function(a){a.shape={x:m,y:n},j(a)},ref:d,x:m,y:n}))};Text.propTypes={color:PropTypes.string,forwardedRef:PropTypes.oneOfType([PropTypes.func,PropTypes.shape({current:PropTypes.instanceOf(Element)})]),onClick:PropTypes.func,onFocus:PropTypes.func,onMouseOver:PropTypes.func,textAlign:PropTypes.oneOf(["center","left","right"]),verticalAlign:PropTypes.oneOf(["baseline","middle","top"]),x:PropTypes.number,y:PropTypes.number};var Text$1=memo(forwardRef(function(a,b){return React.createElement(Text,_extends({},a,{forwardedRef:b}))})),Easings={back:easeBack,"back-in":easeBackIn,"back-in-out":easeBackInOut,"back-out":easeBackOut,bounce:easeBounce,"bounce-in":easeBounceIn,"bounce-in-out":easeBounceInOut,"bounce-out":easeBounceOut,circle:easeCircle,"circle-in":easeCircleIn,"circle-in-out":easeCircleInOut,"circle-out":easeCircleOut,cubic:easeCubic,"cubic-in":easeCubicIn,"cubic-in-out":easeCubicInOut,"cubic-out":easeCubicOut,exp:easeExp,"exp-in":easeExpIn,"exp-in-out":easeExpInOut,"exp-out":easeExpOut,linear:easeLinear,"poly-in":easePolyIn,"poly-in-out":easePolyInOut,"poly-out":easePolyOut,quad:easeQuad,"quad-in":easeQuadIn,"quad-in-out":easeQuadInOut,"quad-out":easeQuadOut,sin:easeSin,"sin-in":easeSinIn,"sin-in-out":easeSinInOut,"sin-out":easeSinOut},FPS=60,Animation=function(a){var b=a.attribute,c=a.delay,d=a.duration,e=a.ease,f=a.from,g=a.step,h=a.to,i=_objectWithoutProperties(a,["attribute","delay","duration","ease","from","step","to"]),j=useRef(null),k=useRef(!0);useLayoutEffect(function(){k.current?k.current=!1:j.current.beginElement()},[f,g,h]);var l=Easings[e]\|\|Easings.linear,m=Math.round(d/1e3FPS),n=Array(m).fill(0).map(function(a,b){return g(l(b/m),f,h)}).join(";");return React.createElement("animate",_extends({attributeName:b,begin:"".concat(c,"ms"),dur:"".concat(d,"ms"),ref:j,repeatCount:1},"linear"!==e\|\|"d"===b?{values:n}:{from:f,to:h},i))};Animation.defaultProps={delay:0,duration:250,ease:"linear",from:0,step:function(a,b,c){return b+(c-b)a},to:0},Animation.propTypes={attribute:PropTypes.string.isRequired,delay:PropTypes.number,duration:PropTypes.number,ease:PropTypes.string,from:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),step:PropTypes.func,to:PropTypes.oneOfType([PropTypes.number,PropTypes.string])};var Shapes={Arc:ArcForwarded,Area:AreaForwarded,Circle:Circle$1,Gradient:Gradient,Line:LineForwarded,Rect:Rect$1,Stop:Stop,Text:Text$1};export default SVG;export{Animation,ArcForwarded as Arc,AreaForwarded as Area,Circle$1 as Circle,Gradient,Layer$1 as Layer,LineForwarded as Line,Rect$1 as Rect,SVG,Shapes,Stop,Text$1 as Text};
		//# sourceMappingURL=index.module.js.map

package.json

		@@ -76,3 +76,3 @@ {
		},
		"version": "2.0.2"
		"version": "2.0.3"
		}

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.module.js.map

Sorry, the diff of this file is not supported yet

calvin-svg - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics