@nivo/network - npm Package Compare versions

Comparing version 0.81.0 to 0.82.0

dist/nivo-network.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@nivo/core"),o=require("@react-spring/web"),i=require("react/jsx-runtime"),t=require("@nivo/tooltip"),r=require("d3-force"),d=require("@nivo/colors"),a=require("@nivo/annotations");function s(){return s=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},s.apply(this,arguments)}function c(e,n){if(null==e)return{};var o,i,t={},r=Object.keys(e);for(i=0;i<r.length;i++)o=r[i],n.indexOf(o)>=0||(t[o]=e[o]);return t}var l=e.memo((function(e){var n=e.node,t=e.animated,r=e.onClick,d=e.onMouseEnter,a=e.onMouseMove,s=e.onMouseLeave;return i.jsx(o.animated.circle,{"data-testid":"node."+n.id,transform:o.to([t.x,t.y,t.scale],(function(e,n,o){return"translate("+e+","+n+") scale("+o+")"})),r:o.to([t.size],(function(e){return e/2})),fill:t.color,strokeWidth:t.borderWidth,stroke:t.borderColor,opacity:t.opacity,onClick:r?function(e){return r(n,e)}:void 0,onMouseEnter:d?function(e){return d(n,e)}:void 0,onMouseMove:a?function(e){return a(n,e)}:void 0,onMouseLeave:s?function(e){return s(n,e)}:void 0})})),u=e.memo((function(e){var n=e.link,t=e.animated,r=e.blendMode;return i.jsx(o.animated.line,{"data-testid":"link."+n.id,stroke:t.color,style:{mixBlendMode:r},strokeWidth:n.thickness,strokeLinecap:"round",opacity:t.opacity,x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2})})),v={layers:["links","nodes","annotations"],linkDistance:30,centeringStrength:1,repulsivity:10,distanceMin:1,distanceMax:1/0,iterations:120,nodeSize:12,activeNodeSize:18,inactiveNodeSize:8,nodeColor:"#000000",nodeBorderWidth:0,nodeBorderColor:{from:"color"},linkThickness:1,linkColor:{from:"source.color"},isInteractive:!0,defaultActiveNodeIds:[],nodeTooltip:function(e){var n=e.node;return i.jsx(t.BasicTooltip,{id:n.id,enableChip:!0,color:n.color})},annotations:[],animate:!0,motionConfig:"gentle",role:"img"},f=s({},v,{nodeComponent:l,linkComponent:u,linkBlendMode:"normal"}),h=s({},v,{renderNode:function(e,n){e.fillStyle=n.color,e.beginPath(),e.arc(n.x,n.y,n.size/2,0,2*Math.PI),e.fill(),n.borderWidth>0&&(e.strokeStyle=n.borderColor,e.lineWidth=n.borderWidth,e.stroke())},renderLink:function(e,n){e.strokeStyle=n.color,e.lineWidth=n.thickness,e.beginPath(),e.moveTo(n.source.x,n.source.y),e.lineTo(n.target.x,n.target.y),e.stroke()},pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1}),k=["index"],p=function(n){return e.useMemo((function(){return"function"==typeof n?n:function(){return n}}),[n])},m=function(o){var i=o.center,t=o.nodes,a=o.links,l=o.linkDistance,u=void 0===l?v.linkDistance:l,f=o.centeringStrength,h=void 0===f?v.centeringStrength:f,m=o.repulsivity,g=void 0===m?v.repulsivity:m,C=o.distanceMin,x=void 0===C?v.distanceMin:C,y=o.distanceMax,M=void 0===y?v.distanceMax:y,b=o.iterations,S=void 0===b?v.iterations:b,N=o.nodeSize,z=void 0===N?v.nodeSize:N,I=o.activeNodeSize,W=void 0===I?v.activeNodeSize:I,T=o.inactiveNodeSize,B=void 0===T?v.inactiveNodeSize:T,j=o.nodeColor,w=void 0===j?v.nodeColor:j,A=o.nodeBorderWidth,D=void 0===A?v.nodeBorderWidth:A,E=o.nodeBorderColor,L=void 0===E?v.nodeBorderColor:E,R=o.linkThickness,P=void 0===R?v.linkThickness:R,q=o.linkColor,F=void 0===q?v.linkColor:q,O=o.isInteractive,H=void 0===O?v.isInteractive:O,_=o.defaultActiveNodeIds,G=void 0===_?v.defaultActiveNodeIds:_,J=e.useState(null),K=J[0],Q=J[1],U=e.useState(null),V=U[0],X=U[1],Y=function(n){var o=n.linkDistance,i=n.centeringStrength,t=n.repulsivity,d=n.distanceMin,a=n.distanceMax,s=n.center,c=p(o),l=s[0],u=s[1];return e.useMemo((function(){return{link:r.forceLink().distance((function(e){return c(e.data)})).strength(i),charge:r.forceManyBody().strength(-t).distanceMin(d).distanceMax(a),center:r.forceCenter(l,u)}}),[c,i,t,d,a,l,u])}({linkDistance:u,centeringStrength:h,repulsivity:g,distanceMin:x,distanceMax:M,center:i});e.useEffect((function(){var e=t.map((function(e){return{id:e.id,data:s({},e),index:0,x:0,y:0,vx:0,vy:0}})),n=a.map((function(n){return{data:s({},n),index:0,source:e.find((function(e){return e.id===n.source})),target:e.find((function(e){return e.id===n.target}))}})),o=r.forceSimulation(e).force("link",Y.link.links(n)).force("charge",Y.charge).force("center",Y.center).stop();return o.tick(S),Q(e),X(n),function(){o.stop()}}),[t,a,Y,S,Q,X]);var Z=e.useState(G),$=Z[0],ee=Z[1],ne=function(o){var i=o.size,t=o.activeSize,r=o.inactiveSize,a=o.color,c=o.borderWidth,l=o.borderColor,u=o.isInteractive,v=o.activeNodeIds,f=n.useTheme(),h=p(i),k=p(a),m=p(c),g=d.useInheritedColor(l,f),C=e.useCallback((function(e){var n=k(e.data);return{size:h(e.data),color:n,borderWidth:m(e.data),borderColor:g(s({},e,{color:n}))}}),[h,k,m,g]),x=p(t),y=e.useCallback((function(e){var n=k(e.data);return{size:x(e.data),color:n,borderWidth:m(e.data),borderColor:g(s({},e,{color:n}))}}),[x,k,m,g]),M=p(r),b=e.useCallback((function(e){var n=k(e.data);return{size:M(e.data),color:n,borderWidth:m(e.data),borderColor:g(s({},e,{color:n}))}}),[M,k,m,g]);return e.useCallback((function(e){return u&&0!==v.length?v.includes(e.id)?y(e):b(e):C(e)}),[C,y,b,u,v])}({size:z,activeSize:W,inactiveSize:B,color:w,borderWidth:D,borderColor:L,isInteractive:H,activeNodeIds:$}),oe=e.useMemo((function(){return null===K?null:K.map((function(e){return s({},e,ne(e))}))}),[K,ne]),ie=n.useTheme(),te=p(P),re=d.useInheritedColor(F,ie),de=e.useMemo((function(){return null===V||null===oe?null:V.map((function(e){var n=e.index,o=c(e,k),i={id:o.source.id+"."+o.target.id,data:o.data,index:n,source:oe.find((function(e){return e.id===o.source.id})),target:oe.find((function(e){return e.id===o.target.id}))};return s({},i,{thickness:te(i),color:re(i)})}))}),[V,oe,te,re]);return{nodes:oe,links:de,activeNodeIds:$,setActiveNodeIds:ee}},g=function(e){return{x:e.x,y:e.y}},C=function(e){return{size:e.size,width:e.size,height:e.size}},x=function(e,n){return a.useAnnotations({data:e,annotations:n,getPosition:g,getDimensions:C})},y=function(t){var r=t.links,d=t.linkComponent,a=t.blendMode,s=n.useMotionConfig(),c=s.animate,l=s.config,u=e.useMemo((function(){return[function(e){return{x1:e.source.x,y1:e.source.y,x2:e.source.x,y2:e.source.y,color:e.color,opacity:0}},function(e){return{x1:e.source.x,y1:e.source.y,x2:e.target.x,y2:e.target.y,color:e.color,opacity:1}}]}),[]),v=u[0],f=u[1],h=o.useTransition(r,{keys:function(e){return e.id},initial:f,from:v,enter:f,update:f,expires:!0,config:l,immediate:!c});return i.jsx(i.Fragment,{children:h((function(n,o){return e.createElement(d,{key:o.id,link:o,animated:n,blendMode:a})}))})},M=function(r){var d=r.nodes,a=r.nodeComponent,s=r.onMouseEnter,c=r.onMouseMove,l=r.onMouseLeave,u=r.onClick,v=r.tooltip,f=r.setActiveNodeIds,h=r.isInteractive,k=n.useMotionConfig(),p=k.animate,m=k.config,g=e.useMemo((function(){return[function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:1,opacity:1}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}}]}),[]),C=g[0],x=g[1],y=g[2],M=o.useTransition(d,{keys:function(e){return e.id},initial:x,from:C,enter:x,update:x,leave:y,config:m,immediate:!p}),b=t.useTooltip(),S=b.showTooltipFromEvent,N=b.hideTooltip,z=e.useCallback((function(n,o){S(e.createElement(v,{node:n}),o),f([n.id]),null==s||s(n,o)}),[S,v,f,s]),I=e.useCallback((function(n,o){S(e.createElement(v,{node:n}),o),null==c||c(n,o)}),[S,v,c]),W=e.useCallback((function(e,n){N(),f([]),null==l||l(e,n)}),[N,f,l]);return i.jsx(i.Fragment,{children:M((function(n,o){return e.createElement(a,{key:o.id,node:o,animated:n,onMouseEnter:h?z:void 0,onMouseMove:h?I:void 0,onMouseLeave:h?W:void 0,onClick:h?u:void 0})}))})},b=function(e){var n=e.nodes,o=e.annotations,t=x(n,o);return i.jsx(i.Fragment,{children:t.map((function(e,n){return i.jsx(a.Annotation,s({},e),n)}))})},S=["isInteractive","animate","motionConfig","theme","renderWrapper"],N=function(o){var t=o.width,r=o.height,d=o.margin,a=o.data,s=a.nodes,c=a.links,l=o.linkDistance,u=void 0===l?f.linkDistance:l,v=o.centeringStrength,h=void 0===v?f.centeringStrength:v,k=o.repulsivity,p=void 0===k?f.repulsivity:k,g=o.distanceMin,C=void 0===g?f.distanceMin:g,x=o.distanceMax,S=void 0===x?f.distanceMax:x,N=o.iterations,z=void 0===N?f.iterations:N,I=o.layers,W=void 0===I?f.layers:I,T=o.nodeComponent,B=void 0===T?f.nodeComponent:T,j=o.nodeSize,w=void 0===j?f.nodeSize:j,A=o.activeNodeSize,D=void 0===A?f.activeNodeSize:A,E=o.inactiveNodeSize,L=void 0===E?f.inactiveNodeSize:E,R=o.nodeColor,P=void 0===R?f.nodeColor:R,q=o.nodeBorderWidth,F=void 0===q?f.nodeBorderWidth:q,O=o.nodeBorderColor,H=void 0===O?f.nodeBorderColor:O,_=o.linkComponent,G=void 0===_?f.linkComponent:_,J=o.linkThickness,K=void 0===J?f.linkThickness:J,Q=o.linkColor,U=void 0===Q?f.linkColor:Q,V=o.linkBlendMode,X=void 0===V?f.linkBlendMode:V,Y=o.annotations,Z=void 0===Y?f.annotations:Y,$=o.isInteractive,ee=void 0===$?f.isInteractive:$,ne=o.defaultActiveNodeIds,oe=void 0===ne?f.defaultActiveNodeIds:ne,ie=o.nodeTooltip,te=void 0===ie?f.nodeTooltip:ie,re=o.onMouseEnter,de=o.onMouseMove,ae=o.onMouseLeave,se=o.onClick,ce=o.role,le=void 0===ce?f.role:ce,ue=o.ariaLabel,ve=o.ariaLabelledBy,fe=o.ariaDescribedBy,he=n.useDimensions(t,r,d),ke=he.margin,pe=he.innerWidth,me=he.innerHeight,ge=he.outerWidth,Ce=he.outerHeight,xe=m({center:[pe/2,me/2],nodes:s,links:c,linkDistance:u,centeringStrength:h,repulsivity:p,distanceMin:C,distanceMax:S,iterations:z,nodeSize:w,activeNodeSize:D,inactiveNodeSize:L,nodeColor:P,nodeBorderWidth:F,nodeBorderColor:H,linkThickness:K,linkColor:U,isInteractive:ee,defaultActiveNodeIds:oe}),ye=xe.nodes,Me=xe.links,be=xe.activeNodeIds,Se=xe.setActiveNodeIds,Ne={links:null,nodes:null,annotations:null};W.includes("links")&&null!==Me&&(Ne.links=i.jsx(y,{links:Me,linkComponent:G,blendMode:X},"links")),W.includes("nodes")&&null!==ye&&(Ne.nodes=i.jsx(M,{nodes:ye,nodeComponent:B,onMouseEnter:re,onMouseMove:de,onMouseLeave:ae,onClick:se,tooltip:te,setActiveNodeIds:Se,isInteractive:ee},"nodes")),W.includes("annotations")&&null!==ye&&(Ne.annotations=i.jsx(b,{nodes:ye,annotations:Z},"annotations"));var ze=e.useMemo((function(){return{nodes:ye||[],links:Me||[],activeNodeIds:be,setActiveNodeIds:Se}}),[ye,Me,be,Se]);return i.jsx(n.SvgWrapper,{width:ge,height:Ce,margin:ke,role:le,ariaLabel:ue,ariaLabelledBy:ve,ariaDescribedBy:fe,children:W.map((function(n,o){var t;return"function"==typeof n?i.jsx(e.Fragment,{children:e.createElement(n,ze)},o):null!=(t=null==Ne?void 0:Ne[n])?t:null}))})},z=function(e){var o=e.isInteractive,t=void 0===o?f.isInteractive:o,r=e.animate,d=void 0===r?f.animate:r,a=e.motionConfig,l=void 0===a?f.motionConfig:a,u=e.theme,v=e.renderWrapper,h=c(e,S);return i.jsx(n.Container,{animate:d,isInteractive:t,motionConfig:l,renderWrapper:v,theme:u,children:i.jsx(N,s({isInteractive:t},h))})},I=["theme","isInteractive","animate","motionConfig","renderWrapper"],W=function(o){var r=o.width,d=o.height,s=o.margin,c=o.pixelRatio,l=void 0===c?h.pixelRatio:c,u=o.data,v=u.nodes,f=u.links,k=o.linkDistance,p=void 0===k?h.linkDistance:k,g=o.centeringStrength,C=void 0===g?h.centeringStrength:g,y=o.repulsivity,M=void 0===y?h.repulsivity:y,b=o.distanceMin,S=void 0===b?h.distanceMin:b,N=o.distanceMax,z=void 0===N?h.distanceMax:N,I=o.iterations,W=void 0===I?h.iterations:I,T=o.layers,B=void 0===T?h.layers:T,j=o.renderNode,w=void 0===j?h.renderNode:j,A=o.nodeSize,D=void 0===A?h.nodeSize:A,E=o.activeNodeSize,L=void 0===E?h.activeNodeSize:E,R=o.inactiveNodeSize,P=void 0===R?h.inactiveNodeSize:R,q=o.nodeColor,F=void 0===q?h.nodeColor:q,O=o.nodeBorderWidth,H=void 0===O?h.nodeBorderWidth:O,_=o.nodeBorderColor,G=void 0===_?h.nodeBorderColor:_,J=o.renderLink,K=void 0===J?h.renderLink:J,Q=o.linkThickness,U=void 0===Q?h.linkThickness:Q,V=o.linkColor,X=void 0===V?h.linkColor:V,Y=o.annotations,Z=void 0===Y?h.annotations:Y,$=o.isInteractive,ee=void 0===$?h.isInteractive:$,ne=o.defaultActiveNodeIds,oe=void 0===ne?h.defaultActiveNodeIds:ne,ie=o.nodeTooltip,te=void 0===ie?h.nodeTooltip:ie,re=o.onClick,de=o.canvasRef,ae=e.useRef(null),se=n.useDimensions(r,d,s),ce=se.margin,le=se.innerWidth,ue=se.innerHeight,ve=se.outerWidth,fe=se.outerHeight,he=m({center:[le/2,ue/2],nodes:v,links:f,linkDistance:p,centeringStrength:C,repulsivity:M,distanceMin:S,distanceMax:z,iterations:W,nodeSize:D,activeNodeSize:L,inactiveNodeSize:P,nodeColor:F,nodeBorderWidth:H,nodeBorderColor:G,linkThickness:U,linkColor:X,isInteractive:ee,defaultActiveNodeIds:oe}),ke=he.nodes,pe=he.links,me=he.activeNodeIds,ge=he.setActiveNodeIds,Ce=x(ke,Z),xe=a.useComputedAnnotations({annotations:Ce}),ye=e.useMemo((function(){return{nodes:ke||[],links:pe||[],activeNodeIds:me,setActiveNodeIds:ge}}),[ke,pe,me,ge]),Me=n.useTheme();e.useEffect((function(){if(null!==ae.current){ae.current.width=ve*l,ae.current.height=fe*l;var e=ae.current.getContext("2d");e.scale(l,l),e.fillStyle=Me.background,e.fillRect(0,0,ve,fe),e.translate(ce.left,ce.top),B.forEach((function(n){"links"===n&&null!==pe?pe.forEach((function(n){return K(e,n)})):"nodes"===n&&null!==ke?ke.forEach((function(n){return w(e,n)})):"annotations"===n?a.renderAnnotationsToCanvas(e,{annotations:xe,theme:Me}):"function"==typeof n&&null!==ke&&null!==pe&&n(e,ye)}))}}),[ae,ve,fe,ce.left,ce.top,l,B,Me,ke,pe,w,K,xe,ye]);var be=e.useCallback((function(e){if(ae.current&&null!==ke){var o=n.getRelativeCursor(ae.current,e),i=o[0],t=o[1];return ke.find((function(e){return n.getDistance(e.x,e.y,i-ce.left,t-ce.top)<=e.size/2}))}}),[ae,ce,ke]),Se=t.useTooltip(),Ne=Se.showTooltipFromEvent,ze=Se.hideTooltip,Ie=e.useCallback((function(n){var o=be(n);o?(Ne(e.createElement(te,{node:o}),n),ge([o.id])):(ze(),ge([]))}),[be,Ne,te,ze,ge]),We=e.useCallback((function(){ze(),ge([])}),[ze,ge]),Te=e.useCallback((function(e){if(re){var n=be(e);n&&re(n,e)}}),[be,re]);return i.jsx("canvas",{ref:function(e){ae.current=e,de&&"current"in de&&(de.current=e)},width:ve*l,height:fe*l,style:{width:ve,height:fe,cursor:ee?"auto":"normal"},onClick:ee?Te:void 0,onMouseEnter:ee?Ie:void 0,onMouseLeave:ee?We:void 0,onMouseMove:ee?Ie:void 0})},T=e.forwardRef((function(e,o){var t=e.theme,r=e.isInteractive,d=void 0===r?h.isInteractive:r,a=e.animate,l=void 0===a?h.animate:a,u=e.motionConfig,v=void 0===u?h.motionConfig:u,f=e.renderWrapper,k=c(e,I);return i.jsx(n.Container,{isInteractive:d,animate:l,motionConfig:v,theme:t,renderWrapper:f,children:i.jsx(W,s({isInteractive:d},k,{canvasRef:o}))})})),B=e.forwardRef((function(e,o){return i.jsx(n.ResponsiveWrapper,{children:function(n){var t=n.width,r=n.height;return i.jsx(T,s({width:t,height:r},e,{ref:o}))}})}));exports.Network=z,exports.NetworkCanvas=T,exports.ResponsiveNetwork=function(e){return i.jsx(n.ResponsiveWrapper,{children:function(n){var o=n.width,t=n.height;return i.jsx(z,s({width:o,height:t},e))}})},exports.ResponsiveNetworkCanvas=B,exports.canvasDefaultProps=h,exports.commonDefaultProps=v,exports.svgDefaultProps=f,exports.useNetwork=m,exports.useNodeAnnotations=x;
+"use strict";var e=require("react"),n=require("@nivo/core"),o=require("@react-spring/web"),i=require("react/jsx-runtime"),t=require("@nivo/tooltip"),r=require("d3-force"),d=require("@nivo/colors"),a=require("@nivo/annotations");function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},s.apply(this,arguments)}function c(e,n){if(null==e)return{};var o,i,t={},r=Object.keys(e);for(i=0;i<r.length;i++)o=r[i],n.indexOf(o)>=0||(t[o]=e[o]);return t}var l=e.memo((function(e){var n=e.node,t=e.animated,r=e.onClick,d=e.onMouseEnter,a=e.onMouseMove,s=e.onMouseLeave;return i.jsx(o.animated.circle,{"data-testid":"node."+n.id,transform:o.to([t.x,t.y,t.scale],(function(e,n,o){return"translate("+e+","+n+") scale("+o+")"})),r:o.to([t.size],(function(e){return e/2})),fill:t.color,strokeWidth:t.borderWidth,stroke:t.borderColor,opacity:t.opacity,onClick:r?function(e){return r(n,e)}:void 0,onMouseEnter:d?function(e){return d(n,e)}:void 0,onMouseMove:a?function(e){return a(n,e)}:void 0,onMouseLeave:s?function(e){return s(n,e)}:void 0})})),u=e.memo((function(e){var n=e.link,t=e.animated,r=e.blendMode;return i.jsx(o.animated.line,{"data-testid":"link."+n.id,stroke:t.color,style:{mixBlendMode:r},strokeWidth:n.thickness,strokeLinecap:"round",opacity:t.opacity,x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2})})),v={layers:["links","nodes","annotations"],linkDistance:30,centeringStrength:1,repulsivity:10,distanceMin:1,distanceMax:1/0,iterations:120,nodeSize:12,activeNodeSize:18,inactiveNodeSize:8,nodeColor:"#000000",nodeBorderWidth:0,nodeBorderColor:{from:"color"},linkThickness:1,linkColor:{from:"source.color"},isInteractive:!0,defaultActiveNodeIds:[],nodeTooltip:function(e){var n=e.node;return i.jsx(t.BasicTooltip,{id:n.id,enableChip:!0,color:n.color})},annotations:[],animate:!0,motionConfig:"gentle",role:"img"},f=s({},v,{nodeComponent:l,linkComponent:u,linkBlendMode:"normal"}),h=s({},v,{renderNode:function(e,n){e.fillStyle=n.color,e.beginPath(),e.arc(n.x,n.y,n.size/2,0,2*Math.PI),e.fill(),n.borderWidth>0&&(e.strokeStyle=n.borderColor,e.lineWidth=n.borderWidth,e.stroke())},renderLink:function(e,n){e.strokeStyle=n.color,e.lineWidth=n.thickness,e.beginPath(),e.moveTo(n.source.x,n.source.y),e.lineTo(n.target.x,n.target.y),e.stroke()},pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1}),k=["index"],p=function(n){return e.useMemo((function(){return"function"==typeof n?n:function(){return n}}),[n])},m=function(o){var i=o.center,t=o.nodes,a=o.links,l=o.linkDistance,u=void 0===l?v.linkDistance:l,f=o.centeringStrength,h=void 0===f?v.centeringStrength:f,m=o.repulsivity,g=void 0===m?v.repulsivity:m,C=o.distanceMin,x=void 0===C?v.distanceMin:C,y=o.distanceMax,M=void 0===y?v.distanceMax:y,b=o.iterations,S=void 0===b?v.iterations:b,N=o.nodeSize,z=void 0===N?v.nodeSize:N,I=o.activeNodeSize,W=void 0===I?v.activeNodeSize:I,T=o.inactiveNodeSize,B=void 0===T?v.inactiveNodeSize:T,j=o.nodeColor,w=void 0===j?v.nodeColor:j,A=o.nodeBorderWidth,D=void 0===A?v.nodeBorderWidth:A,E=o.nodeBorderColor,L=void 0===E?v.nodeBorderColor:E,R=o.linkThickness,P=void 0===R?v.linkThickness:R,q=o.linkColor,F=void 0===q?v.linkColor:q,O=o.isInteractive,H=void 0===O?v.isInteractive:O,G=o.defaultActiveNodeIds,J=void 0===G?v.defaultActiveNodeIds:G,K=e.useState(null),Q=K[0],U=K[1],V=e.useState(null),X=V[0],Y=V[1],Z=function(n){var o=n.linkDistance,i=n.centeringStrength,t=n.repulsivity,d=n.distanceMin,a=n.distanceMax,s=n.center,c=p(o),l=s[0],u=s[1];return e.useMemo((function(){return{link:r.forceLink().distance((function(e){return c(e.data)})).strength(i),charge:r.forceManyBody().strength(-t).distanceMin(d).distanceMax(a),center:r.forceCenter(l,u)}}),[c,i,t,d,a,l,u])}({linkDistance:u,centeringStrength:h,repulsivity:g,distanceMin:x,distanceMax:M,center:i});e.useEffect((function(){var e=t.map((function(e){return{id:e.id,data:s({},e),index:0,x:0,y:0,vx:0,vy:0}})),n=a.map((function(n){return{data:s({},n),index:0,source:e.find((function(e){return e.id===n.source})),target:e.find((function(e){return e.id===n.target}))}})),o=r.forceSimulation(e).force("link",Z.link.links(n)).force("charge",Z.charge).force("center",Z.center).stop();return o.tick(S),U(e),Y(n),function(){o.stop()}}),[t,a,Z,S,U,Y]);var $=e.useState(J),_=$[0],ee=$[1],ne=function(o){var i=o.size,t=o.activeSize,r=o.inactiveSize,a=o.color,c=o.borderWidth,l=o.borderColor,u=o.isInteractive,v=o.activeNodeIds,f=n.useTheme(),h=p(i),k=p(a),m=p(c),g=d.useInheritedColor(l,f),C=e.useCallback((function(e){var n=k(e.data);return{size:h(e.data),color:n,borderWidth:m(e.data),borderColor:g(s({},e,{color:n}))}}),[h,k,m,g]),x=p(t),y=e.useCallback((function(e){var n=k(e.data);return{size:x(e.data),color:n,borderWidth:m(e.data),borderColor:g(s({},e,{color:n}))}}),[x,k,m,g]),M=p(r),b=e.useCallback((function(e){var n=k(e.data);return{size:M(e.data),color:n,borderWidth:m(e.data),borderColor:g(s({},e,{color:n}))}}),[M,k,m,g]);return e.useCallback((function(e){return u&&0!==v.length?v.includes(e.id)?y(e):b(e):C(e)}),[C,y,b,u,v])}({size:z,activeSize:W,inactiveSize:B,color:w,borderWidth:D,borderColor:L,isInteractive:H,activeNodeIds:_}),oe=e.useMemo((function(){return null===Q?null:Q.map((function(e){return s({},e,ne(e))}))}),[Q,ne]),ie=n.useTheme(),te=p(P),re=d.useInheritedColor(F,ie),de=e.useMemo((function(){return null===X||null===oe?null:X.map((function(e){var n=e.index,o=c(e,k),i={id:o.source.id+"."+o.target.id,data:o.data,index:n,source:oe.find((function(e){return e.id===o.source.id})),target:oe.find((function(e){return e.id===o.target.id}))};return s({},i,{thickness:te(i),color:re(i)})}))}),[X,oe,te,re]);return{nodes:oe,links:de,activeNodeIds:_,setActiveNodeIds:ee}},g=function(e){return{x:e.x,y:e.y}},C=function(e){return{size:e.size,width:e.size,height:e.size}},x=function(e,n){return a.useAnnotations({data:e,annotations:n,getPosition:g,getDimensions:C})},y=function(t){var r=t.links,d=t.linkComponent,a=t.blendMode,s=n.useMotionConfig(),c=s.animate,l=s.config,u=e.useMemo((function(){return[function(e){return{x1:e.source.x,y1:e.source.y,x2:e.source.x,y2:e.source.y,color:e.color,opacity:0}},function(e){return{x1:e.source.x,y1:e.source.y,x2:e.target.x,y2:e.target.y,color:e.color,opacity:1}}]}),[]),v=u[0],f=u[1],h=o.useTransition(r,{keys:function(e){return e.id},initial:f,from:v,enter:f,update:f,expires:!0,config:l,immediate:!c});return i.jsx(i.Fragment,{children:h((function(n,o){return e.createElement(d,{key:o.id,link:o,animated:n,blendMode:a})}))})},M=function(r){var d=r.nodes,a=r.nodeComponent,s=r.onMouseEnter,c=r.onMouseMove,l=r.onMouseLeave,u=r.onClick,v=r.tooltip,f=r.setActiveNodeIds,h=r.isInteractive,k=n.useMotionConfig(),p=k.animate,m=k.config,g=e.useMemo((function(){return[function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:1,opacity:1}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}}]}),[]),C=g[0],x=g[1],y=g[2],M=o.useTransition(d,{keys:function(e){return e.id},initial:x,from:C,enter:x,update:x,leave:y,config:m,immediate:!p}),b=t.useTooltip(),S=b.showTooltipFromEvent,N=b.hideTooltip,z=e.useCallback((function(n,o){S(e.createElement(v,{node:n}),o),f([n.id]),null==s||s(n,o)}),[S,v,f,s]),I=e.useCallback((function(n,o){S(e.createElement(v,{node:n}),o),null==c||c(n,o)}),[S,v,c]),W=e.useCallback((function(e,n){N(),f([]),null==l||l(e,n)}),[N,f,l]);return i.jsx(i.Fragment,{children:M((function(n,o){return e.createElement(a,{key:o.id,node:o,animated:n,onMouseEnter:h?z:void 0,onMouseMove:h?I:void 0,onMouseLeave:h?W:void 0,onClick:h?u:void 0})}))})},b=function(e){var n=e.nodes,o=e.annotations,t=x(n,o);return i.jsx(i.Fragment,{children:t.map((function(e,n){return i.jsx(a.Annotation,s({},e),n)}))})},S=["isInteractive","animate","motionConfig","theme","renderWrapper"],N=function(o){var t=o.width,r=o.height,d=o.margin,a=o.data,s=a.nodes,c=a.links,l=o.linkDistance,u=void 0===l?f.linkDistance:l,v=o.centeringStrength,h=void 0===v?f.centeringStrength:v,k=o.repulsivity,p=void 0===k?f.repulsivity:k,g=o.distanceMin,C=void 0===g?f.distanceMin:g,x=o.distanceMax,S=void 0===x?f.distanceMax:x,N=o.iterations,z=void 0===N?f.iterations:N,I=o.layers,W=void 0===I?f.layers:I,T=o.nodeComponent,B=void 0===T?f.nodeComponent:T,j=o.nodeSize,w=void 0===j?f.nodeSize:j,A=o.activeNodeSize,D=void 0===A?f.activeNodeSize:A,E=o.inactiveNodeSize,L=void 0===E?f.inactiveNodeSize:E,R=o.nodeColor,P=void 0===R?f.nodeColor:R,q=o.nodeBorderWidth,F=void 0===q?f.nodeBorderWidth:q,O=o.nodeBorderColor,H=void 0===O?f.nodeBorderColor:O,G=o.linkComponent,J=void 0===G?f.linkComponent:G,K=o.linkThickness,Q=void 0===K?f.linkThickness:K,U=o.linkColor,V=void 0===U?f.linkColor:U,X=o.linkBlendMode,Y=void 0===X?f.linkBlendMode:X,Z=o.annotations,$=void 0===Z?f.annotations:Z,_=o.isInteractive,ee=void 0===_?f.isInteractive:_,ne=o.defaultActiveNodeIds,oe=void 0===ne?f.defaultActiveNodeIds:ne,ie=o.nodeTooltip,te=void 0===ie?f.nodeTooltip:ie,re=o.onMouseEnter,de=o.onMouseMove,ae=o.onMouseLeave,se=o.onClick,ce=o.role,le=void 0===ce?f.role:ce,ue=o.ariaLabel,ve=o.ariaLabelledBy,fe=o.ariaDescribedBy,he=n.useDimensions(t,r,d),ke=he.margin,pe=he.innerWidth,me=he.innerHeight,ge=he.outerWidth,Ce=he.outerHeight,xe=m({center:[pe/2,me/2],nodes:s,links:c,linkDistance:u,centeringStrength:h,repulsivity:p,distanceMin:C,distanceMax:S,iterations:z,nodeSize:w,activeNodeSize:D,inactiveNodeSize:L,nodeColor:P,nodeBorderWidth:F,nodeBorderColor:H,linkThickness:Q,linkColor:V,isInteractive:ee,defaultActiveNodeIds:oe}),ye=xe.nodes,Me=xe.links,be=xe.activeNodeIds,Se=xe.setActiveNodeIds,Ne={links:null,nodes:null,annotations:null};W.includes("links")&&null!==Me&&(Ne.links=i.jsx(y,{links:Me,linkComponent:J,blendMode:Y},"links")),W.includes("nodes")&&null!==ye&&(Ne.nodes=i.jsx(M,{nodes:ye,nodeComponent:B,onMouseEnter:re,onMouseMove:de,onMouseLeave:ae,onClick:se,tooltip:te,setActiveNodeIds:Se,isInteractive:ee},"nodes")),W.includes("annotations")&&null!==ye&&(Ne.annotations=i.jsx(b,{nodes:ye,annotations:$},"annotations"));var ze=e.useMemo((function(){return{nodes:ye||[],links:Me||[],activeNodeIds:be,setActiveNodeIds:Se}}),[ye,Me,be,Se]);return i.jsx(n.SvgWrapper,{width:ge,height:Ce,margin:ke,role:le,ariaLabel:ue,ariaLabelledBy:ve,ariaDescribedBy:fe,children:W.map((function(n,o){var t;return"function"==typeof n?i.jsx(e.Fragment,{children:e.createElement(n,ze)},o):null!=(t=null==Ne?void 0:Ne[n])?t:null}))})},z=function(e){var o=e.isInteractive,t=void 0===o?f.isInteractive:o,r=e.animate,d=void 0===r?f.animate:r,a=e.motionConfig,l=void 0===a?f.motionConfig:a,u=e.theme,v=e.renderWrapper,h=c(e,S);return i.jsx(n.Container,{animate:d,isInteractive:t,motionConfig:l,renderWrapper:v,theme:u,children:i.jsx(N,s({isInteractive:t},h))})},I=["theme","isInteractive","animate","motionConfig","renderWrapper"],W=function(o){var r=o.width,d=o.height,s=o.margin,c=o.pixelRatio,l=void 0===c?h.pixelRatio:c,u=o.data,v=u.nodes,f=u.links,k=o.linkDistance,p=void 0===k?h.linkDistance:k,g=o.centeringStrength,C=void 0===g?h.centeringStrength:g,y=o.repulsivity,M=void 0===y?h.repulsivity:y,b=o.distanceMin,S=void 0===b?h.distanceMin:b,N=o.distanceMax,z=void 0===N?h.distanceMax:N,I=o.iterations,W=void 0===I?h.iterations:I,T=o.layers,B=void 0===T?h.layers:T,j=o.renderNode,w=void 0===j?h.renderNode:j,A=o.nodeSize,D=void 0===A?h.nodeSize:A,E=o.activeNodeSize,L=void 0===E?h.activeNodeSize:E,R=o.inactiveNodeSize,P=void 0===R?h.inactiveNodeSize:R,q=o.nodeColor,F=void 0===q?h.nodeColor:q,O=o.nodeBorderWidth,H=void 0===O?h.nodeBorderWidth:O,G=o.nodeBorderColor,J=void 0===G?h.nodeBorderColor:G,K=o.renderLink,Q=void 0===K?h.renderLink:K,U=o.linkThickness,V=void 0===U?h.linkThickness:U,X=o.linkColor,Y=void 0===X?h.linkColor:X,Z=o.annotations,$=void 0===Z?h.annotations:Z,_=o.isInteractive,ee=void 0===_?h.isInteractive:_,ne=o.defaultActiveNodeIds,oe=void 0===ne?h.defaultActiveNodeIds:ne,ie=o.nodeTooltip,te=void 0===ie?h.nodeTooltip:ie,re=o.onClick,de=o.canvasRef,ae=e.useRef(null),se=n.useDimensions(r,d,s),ce=se.margin,le=se.innerWidth,ue=se.innerHeight,ve=se.outerWidth,fe=se.outerHeight,he=m({center:[le/2,ue/2],nodes:v,links:f,linkDistance:p,centeringStrength:C,repulsivity:M,distanceMin:S,distanceMax:z,iterations:W,nodeSize:D,activeNodeSize:L,inactiveNodeSize:P,nodeColor:F,nodeBorderWidth:H,nodeBorderColor:J,linkThickness:V,linkColor:Y,isInteractive:ee,defaultActiveNodeIds:oe}),ke=he.nodes,pe=he.links,me=he.activeNodeIds,ge=he.setActiveNodeIds,Ce=x(ke,$),xe=a.useComputedAnnotations({annotations:Ce}),ye=e.useMemo((function(){return{nodes:ke||[],links:pe||[],activeNodeIds:me,setActiveNodeIds:ge}}),[ke,pe,me,ge]),Me=n.useTheme();e.useEffect((function(){if(null!==ae.current){ae.current.width=ve*l,ae.current.height=fe*l;var e=ae.current.getContext("2d");e.scale(l,l),e.fillStyle=Me.background,e.fillRect(0,0,ve,fe),e.translate(ce.left,ce.top),B.forEach((function(n){"links"===n&&null!==pe?pe.forEach((function(n){return Q(e,n)})):"nodes"===n&&null!==ke?ke.forEach((function(n){return w(e,n)})):"annotations"===n?a.renderAnnotationsToCanvas(e,{annotations:xe,theme:Me}):"function"==typeof n&&null!==ke&&null!==pe&&n(e,ye)}))}}),[ae,ve,fe,ce.left,ce.top,l,B,Me,ke,pe,w,Q,xe,ye]);var be=e.useCallback((function(e){if(ae.current&&null!==ke){var o=n.getRelativeCursor(ae.current,e),i=o[0],t=o[1];return ke.find((function(e){return n.getDistance(e.x,e.y,i-ce.left,t-ce.top)<=e.size/2}))}}),[ae,ce,ke]),Se=t.useTooltip(),Ne=Se.showTooltipFromEvent,ze=Se.hideTooltip,Ie=e.useCallback((function(n){var o=be(n);o?(Ne(e.createElement(te,{node:o}),n),ge([o.id])):(ze(),ge([]))}),[be,Ne,te,ze,ge]),We=e.useCallback((function(){ze(),ge([])}),[ze,ge]),Te=e.useCallback((function(e){if(re){var n=be(e);n&&re(n,e)}}),[be,re]);return i.jsx("canvas",{ref:function(e){ae.current=e,de&&"current"in de&&(de.current=e)},width:ve*l,height:fe*l,style:{width:ve,height:fe,cursor:ee?"auto":"normal"},onClick:ee?Te:void 0,onMouseEnter:ee?Ie:void 0,onMouseLeave:ee?We:void 0,onMouseMove:ee?Ie:void 0})},T=e.forwardRef((function(e,o){var t=e.theme,r=e.isInteractive,d=void 0===r?h.isInteractive:r,a=e.animate,l=void 0===a?h.animate:a,u=e.motionConfig,v=void 0===u?h.motionConfig:u,f=e.renderWrapper,k=c(e,I);return i.jsx(n.Container,{isInteractive:d,animate:l,motionConfig:v,theme:t,renderWrapper:f,children:i.jsx(W,s({isInteractive:d},k,{canvasRef:o}))})})),B=e.forwardRef((function(e,o){return i.jsx(n.ResponsiveWrapper,{children:function(n){var t=n.width,r=n.height;return i.jsx(T,s({width:t,height:r},e,{ref:o}))}})}));exports.Network=z,exports.NetworkCanvas=T,exports.ResponsiveNetwork=function(e){return i.jsx(n.ResponsiveWrapper,{children:function(n){var o=n.width,t=n.height;return i.jsx(z,s({width:o,height:t},e))}})},exports.ResponsiveNetworkCanvas=B,exports.canvasDefaultProps=h,exports.commonDefaultProps=v,exports.svgDefaultProps=f,exports.useNetwork=m,exports.useNodeAnnotations=x;
 //# sourceMappingURL=nivo-network.cjs.js.map

dist/nivo-network.es.js

@@ -1,2 +0,2 @@
-import{memo as e,useState as n,useMemo as i,useEffect as o,useCallback as t,createElement as r,Fragment as d,forwardRef as a,useRef as c}from"react";import{useTheme as l,useMotionConfig as s,Container as u,useDimensions as v,SvgWrapper as f,ResponsiveWrapper as h,getRelativeCursor as k,getDistance as p}from"@nivo/core";import{animated as m,to as g,useTransition as y}from"@react-spring/web";import{jsx as C,Fragment as M}from"react/jsx-runtime";import{BasicTooltip as x,useTooltip as z}from"@nivo/tooltip";import{forceLink as I,forceManyBody as S,forceCenter as b,forceSimulation as N}from"d3-force";import{useInheritedColor as W}from"@nivo/colors";import{useAnnotations as B,Annotation as T,useComputedAnnotations as w,renderAnnotationsToCanvas as A}from"@nivo/annotations";function L(){return L=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},L.apply(this,arguments)}function D(e,n){if(null==e)return{};var i,o,t={},r=Object.keys(e);for(o=0;o<r.length;o++)i=r[o],n.indexOf(i)>=0||(t[i]=e[i]);return t}var E=e((function(e){var n=e.node,i=e.animated,o=e.onClick,t=e.onMouseEnter,r=e.onMouseMove,d=e.onMouseLeave;return C(m.circle,{"data-testid":"node."+n.id,transform:g([i.x,i.y,i.scale],(function(e,n,i){return"translate("+e+","+n+") scale("+i+")"})),r:g([i.size],(function(e){return e/2})),fill:i.color,strokeWidth:i.borderWidth,stroke:i.borderColor,opacity:i.opacity,onClick:o?function(e){return o(n,e)}:void 0,onMouseEnter:t?function(e){return t(n,e)}:void 0,onMouseMove:r?function(e){return r(n,e)}:void 0,onMouseLeave:d?function(e){return d(n,e)}:void 0})})),R=e((function(e){var n=e.link,i=e.animated,o=e.blendMode;return C(m.line,{"data-testid":"link."+n.id,stroke:i.color,style:{mixBlendMode:o},strokeWidth:n.thickness,strokeLinecap:"round",opacity:i.opacity,x1:i.x1,y1:i.y1,x2:i.x2,y2:i.y2})})),P={layers:["links","nodes","annotations"],linkDistance:30,centeringStrength:1,repulsivity:10,distanceMin:1,distanceMax:1/0,iterations:120,nodeSize:12,activeNodeSize:18,inactiveNodeSize:8,nodeColor:"#000000",nodeBorderWidth:0,nodeBorderColor:{from:"color"},linkThickness:1,linkColor:{from:"source.color"},isInteractive:!0,defaultActiveNodeIds:[],nodeTooltip:function(e){var n=e.node;return C(x,{id:n.id,enableChip:!0,color:n.color})},annotations:[],animate:!0,motionConfig:"gentle",role:"img"},O=L({},P,{nodeComponent:E,linkComponent:R,linkBlendMode:"normal"}),j=L({},P,{renderNode:function(e,n){e.fillStyle=n.color,e.beginPath(),e.arc(n.x,n.y,n.size/2,0,2*Math.PI),e.fill(),n.borderWidth>0&&(e.strokeStyle=n.borderColor,e.lineWidth=n.borderWidth,e.stroke())},renderLink:function(e,n){e.strokeStyle=n.color,e.lineWidth=n.thickness,e.beginPath(),e.moveTo(n.source.x,n.source.y),e.lineTo(n.target.x,n.target.y),e.stroke()},pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1}),H=["index"],F=function(e){return i((function(){return"function"==typeof e?e:function(){return e}}),[e])},q=function(e){var r=e.center,d=e.nodes,a=e.links,c=e.linkDistance,s=void 0===c?P.linkDistance:c,u=e.centeringStrength,v=void 0===u?P.centeringStrength:u,f=e.repulsivity,h=void 0===f?P.repulsivity:f,k=e.distanceMin,p=void 0===k?P.distanceMin:k,m=e.distanceMax,g=void 0===m?P.distanceMax:m,y=e.iterations,C=void 0===y?P.iterations:y,M=e.nodeSize,x=void 0===M?P.nodeSize:M,z=e.activeNodeSize,B=void 0===z?P.activeNodeSize:z,T=e.inactiveNodeSize,w=void 0===T?P.inactiveNodeSize:T,A=e.nodeColor,E=void 0===A?P.nodeColor:A,R=e.nodeBorderWidth,O=void 0===R?P.nodeBorderWidth:R,j=e.nodeBorderColor,q=void 0===j?P.nodeBorderColor:j,G=e.linkThickness,J=void 0===G?P.linkThickness:G,K=e.linkColor,Q=void 0===K?P.linkColor:K,U=e.isInteractive,V=void 0===U?P.isInteractive:U,X=e.defaultActiveNodeIds,Y=void 0===X?P.defaultActiveNodeIds:X,Z=n(null),$=Z[0],_=Z[1],ee=n(null),ne=ee[0],ie=ee[1],oe=function(e){var n=e.linkDistance,o=e.centeringStrength,t=e.repulsivity,r=e.distanceMin,d=e.distanceMax,a=e.center,c=F(n),l=a[0],s=a[1];return i((function(){return{link:I().distance((function(e){return c(e.data)})).strength(o),charge:S().strength(-t).distanceMin(r).distanceMax(d),center:b(l,s)}}),[c,o,t,r,d,l,s])}({linkDistance:s,centeringStrength:v,repulsivity:h,distanceMin:p,distanceMax:g,center:r});o((function(){var e=d.map((function(e){return{id:e.id,data:L({},e),index:0,x:0,y:0,vx:0,vy:0}})),n=a.map((function(n){return{data:L({},n),index:0,source:e.find((function(e){return e.id===n.source})),target:e.find((function(e){return e.id===n.target}))}})),i=N(e).force("link",oe.link.links(n)).force("charge",oe.charge).force("center",oe.center).stop();return i.tick(C),_(e),ie(n),function(){i.stop()}}),[d,a,oe,C,_,ie]);var te=n(Y),re=te[0],de=te[1],ae=function(e){var n=e.size,i=e.activeSize,o=e.inactiveSize,r=e.color,d=e.borderWidth,a=e.borderColor,c=e.isInteractive,s=e.activeNodeIds,u=l(),v=F(n),f=F(r),h=F(d),k=W(a,u),p=t((function(e){var n=f(e.data);return{size:v(e.data),color:n,borderWidth:h(e.data),borderColor:k(L({},e,{color:n}))}}),[v,f,h,k]),m=F(i),g=t((function(e){var n=f(e.data);return{size:m(e.data),color:n,borderWidth:h(e.data),borderColor:k(L({},e,{color:n}))}}),[m,f,h,k]),y=F(o),C=t((function(e){var n=f(e.data);return{size:y(e.data),color:n,borderWidth:h(e.data),borderColor:k(L({},e,{color:n}))}}),[y,f,h,k]);return t((function(e){return c&&0!==s.length?s.includes(e.id)?g(e):C(e):p(e)}),[p,g,C,c,s])}({size:x,activeSize:B,inactiveSize:w,color:E,borderWidth:O,borderColor:q,isInteractive:V,activeNodeIds:re}),ce=i((function(){return null===$?null:$.map((function(e){return L({},e,ae(e))}))}),[$,ae]),le=l(),se=F(J),ue=W(Q,le),ve=i((function(){return null===ne||null===ce?null:ne.map((function(e){var n=e.index,i=D(e,H),o={id:i.source.id+"."+i.target.id,data:i.data,index:n,source:ce.find((function(e){return e.id===i.source.id})),target:ce.find((function(e){return e.id===i.target.id}))};return L({},o,{thickness:se(o),color:ue(o)})}))}),[ne,ce,se,ue]);return{nodes:ce,links:ve,activeNodeIds:re,setActiveNodeIds:de}},G=function(e){return{x:e.x,y:e.y}},J=function(e){return{size:e.size,width:e.size,height:e.size}},K=function(e,n){return B({data:e,annotations:n,getPosition:G,getDimensions:J})},Q=function(e){var n=e.links,o=e.linkComponent,t=e.blendMode,d=s(),a=d.animate,c=d.config,l=i((function(){return[function(e){return{x1:e.source.x,y1:e.source.y,x2:e.source.x,y2:e.source.y,color:e.color,opacity:0}},function(e){return{x1:e.source.x,y1:e.source.y,x2:e.target.x,y2:e.target.y,color:e.color,opacity:1}}]}),[]),u=l[0],v=l[1],f=y(n,{keys:function(e){return e.id},initial:v,from:u,enter:v,update:v,expires:!0,config:c,immediate:!a});return C(M,{children:f((function(e,n){return r(o,{key:n.id,link:n,animated:e,blendMode:t})}))})},U=function(e){var n=e.nodes,o=e.nodeComponent,d=e.onMouseEnter,a=e.onMouseMove,c=e.onMouseLeave,l=e.onClick,u=e.tooltip,v=e.setActiveNodeIds,f=e.isInteractive,h=s(),k=h.animate,p=h.config,m=i((function(){return[function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:1,opacity:1}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}}]}),[]),g=m[0],x=m[1],I=m[2],S=y(n,{keys:function(e){return e.id},initial:x,from:g,enter:x,update:x,leave:I,config:p,immediate:!k}),b=z(),N=b.showTooltipFromEvent,W=b.hideTooltip,B=t((function(e,n){N(r(u,{node:e}),n),v([e.id]),null==d||d(e,n)}),[N,u,v,d]),T=t((function(e,n){N(r(u,{node:e}),n),null==a||a(e,n)}),[N,u,a]),w=t((function(e,n){W(),v([]),null==c||c(e,n)}),[W,v,c]);return C(M,{children:S((function(e,n){return r(o,{key:n.id,node:n,animated:e,onMouseEnter:f?B:void 0,onMouseMove:f?T:void 0,onMouseLeave:f?w:void 0,onClick:f?l:void 0})}))})},V=function(e){var n=e.nodes,i=e.annotations,o=K(n,i);return C(M,{children:o.map((function(e,n){return C(T,L({},e),n)}))})},X=["isInteractive","animate","motionConfig","theme","renderWrapper"],Y=function(e){var n=e.width,o=e.height,t=e.margin,a=e.data,c=a.nodes,l=a.links,s=e.linkDistance,u=void 0===s?O.linkDistance:s,h=e.centeringStrength,k=void 0===h?O.centeringStrength:h,p=e.repulsivity,m=void 0===p?O.repulsivity:p,g=e.distanceMin,y=void 0===g?O.distanceMin:g,M=e.distanceMax,x=void 0===M?O.distanceMax:M,z=e.iterations,I=void 0===z?O.iterations:z,S=e.layers,b=void 0===S?O.layers:S,N=e.nodeComponent,W=void 0===N?O.nodeComponent:N,B=e.nodeSize,T=void 0===B?O.nodeSize:B,w=e.activeNodeSize,A=void 0===w?O.activeNodeSize:w,L=e.inactiveNodeSize,D=void 0===L?O.inactiveNodeSize:L,E=e.nodeColor,R=void 0===E?O.nodeColor:E,P=e.nodeBorderWidth,j=void 0===P?O.nodeBorderWidth:P,H=e.nodeBorderColor,F=void 0===H?O.nodeBorderColor:H,G=e.linkComponent,J=void 0===G?O.linkComponent:G,K=e.linkThickness,X=void 0===K?O.linkThickness:K,Y=e.linkColor,Z=void 0===Y?O.linkColor:Y,$=e.linkBlendMode,_=void 0===$?O.linkBlendMode:$,ee=e.annotations,ne=void 0===ee?O.annotations:ee,ie=e.isInteractive,oe=void 0===ie?O.isInteractive:ie,te=e.defaultActiveNodeIds,re=void 0===te?O.defaultActiveNodeIds:te,de=e.nodeTooltip,ae=void 0===de?O.nodeTooltip:de,ce=e.onMouseEnter,le=e.onMouseMove,se=e.onMouseLeave,ue=e.onClick,ve=e.role,fe=void 0===ve?O.role:ve,he=e.ariaLabel,ke=e.ariaLabelledBy,pe=e.ariaDescribedBy,me=v(n,o,t),ge=me.margin,ye=me.innerWidth,Ce=me.innerHeight,Me=me.outerWidth,xe=me.outerHeight,ze=q({center:[ye/2,Ce/2],nodes:c,links:l,linkDistance:u,centeringStrength:k,repulsivity:m,distanceMin:y,distanceMax:x,iterations:I,nodeSize:T,activeNodeSize:A,inactiveNodeSize:D,nodeColor:R,nodeBorderWidth:j,nodeBorderColor:F,linkThickness:X,linkColor:Z,isInteractive:oe,defaultActiveNodeIds:re}),Ie=ze.nodes,Se=ze.links,be=ze.activeNodeIds,Ne=ze.setActiveNodeIds,We={links:null,nodes:null,annotations:null};b.includes("links")&&null!==Se&&(We.links=C(Q,{links:Se,linkComponent:J,blendMode:_},"links")),b.includes("nodes")&&null!==Ie&&(We.nodes=C(U,{nodes:Ie,nodeComponent:W,onMouseEnter:ce,onMouseMove:le,onMouseLeave:se,onClick:ue,tooltip:ae,setActiveNodeIds:Ne,isInteractive:oe},"nodes")),b.includes("annotations")&&null!==Ie&&(We.annotations=C(V,{nodes:Ie,annotations:ne},"annotations"));var Be=i((function(){return{nodes:Ie||[],links:Se||[],activeNodeIds:be,setActiveNodeIds:Ne}}),[Ie,Se,be,Ne]);return C(f,{width:Me,height:xe,margin:ge,role:fe,ariaLabel:he,ariaLabelledBy:ke,ariaDescribedBy:pe,children:b.map((function(e,n){var i;return"function"==typeof e?C(d,{children:r(e,Be)},n):null!=(i=null==We?void 0:We[e])?i:null}))})},Z=function(e){var n=e.isInteractive,i=void 0===n?O.isInteractive:n,o=e.animate,t=void 0===o?O.animate:o,r=e.motionConfig,d=void 0===r?O.motionConfig:r,a=e.theme,c=e.renderWrapper,l=D(e,X);return C(u,{animate:t,isInteractive:i,motionConfig:d,renderWrapper:c,theme:a,children:C(Y,L({isInteractive:i},l))})},$=function(e){return C(h,{children:function(n){var i=n.width,o=n.height;return C(Z,L({width:i,height:o},e))}})},_=["theme","isInteractive","animate","motionConfig","renderWrapper"],ee=function(e){var n=e.width,d=e.height,a=e.margin,s=e.pixelRatio,u=void 0===s?j.pixelRatio:s,f=e.data,h=f.nodes,m=f.links,g=e.linkDistance,y=void 0===g?j.linkDistance:g,M=e.centeringStrength,x=void 0===M?j.centeringStrength:M,I=e.repulsivity,S=void 0===I?j.repulsivity:I,b=e.distanceMin,N=void 0===b?j.distanceMin:b,W=e.distanceMax,B=void 0===W?j.distanceMax:W,T=e.iterations,L=void 0===T?j.iterations:T,D=e.layers,E=void 0===D?j.layers:D,R=e.renderNode,P=void 0===R?j.renderNode:R,O=e.nodeSize,H=void 0===O?j.nodeSize:O,F=e.activeNodeSize,G=void 0===F?j.activeNodeSize:F,J=e.inactiveNodeSize,Q=void 0===J?j.inactiveNodeSize:J,U=e.nodeColor,V=void 0===U?j.nodeColor:U,X=e.nodeBorderWidth,Y=void 0===X?j.nodeBorderWidth:X,Z=e.nodeBorderColor,$=void 0===Z?j.nodeBorderColor:Z,_=e.renderLink,ee=void 0===_?j.renderLink:_,ne=e.linkThickness,ie=void 0===ne?j.linkThickness:ne,oe=e.linkColor,te=void 0===oe?j.linkColor:oe,re=e.annotations,de=void 0===re?j.annotations:re,ae=e.isInteractive,ce=void 0===ae?j.isInteractive:ae,le=e.defaultActiveNodeIds,se=void 0===le?j.defaultActiveNodeIds:le,ue=e.nodeTooltip,ve=void 0===ue?j.nodeTooltip:ue,fe=e.onClick,he=e.canvasRef,ke=c(null),pe=v(n,d,a),me=pe.margin,ge=pe.innerWidth,ye=pe.innerHeight,Ce=pe.outerWidth,Me=pe.outerHeight,xe=q({center:[ge/2,ye/2],nodes:h,links:m,linkDistance:y,centeringStrength:x,repulsivity:S,distanceMin:N,distanceMax:B,iterations:L,nodeSize:H,activeNodeSize:G,inactiveNodeSize:Q,nodeColor:V,nodeBorderWidth:Y,nodeBorderColor:$,linkThickness:ie,linkColor:te,isInteractive:ce,defaultActiveNodeIds:se}),ze=xe.nodes,Ie=xe.links,Se=xe.activeNodeIds,be=xe.setActiveNodeIds,Ne=K(ze,de),We=w({annotations:Ne}),Be=i((function(){return{nodes:ze||[],links:Ie||[],activeNodeIds:Se,setActiveNodeIds:be}}),[ze,Ie,Se,be]),Te=l();o((function(){if(null!==ke.current){ke.current.width=Ce*u,ke.current.height=Me*u;var e=ke.current.getContext("2d");e.scale(u,u),e.fillStyle=Te.background,e.fillRect(0,0,Ce,Me),e.translate(me.left,me.top),E.forEach((function(n){"links"===n&&null!==Ie?Ie.forEach((function(n){return ee(e,n)})):"nodes"===n&&null!==ze?ze.forEach((function(n){return P(e,n)})):"annotations"===n?A(e,{annotations:We,theme:Te}):"function"==typeof n&&null!==ze&&null!==Ie&&n(e,Be)}))}}),[ke,Ce,Me,me.left,me.top,u,E,Te,ze,Ie,P,ee,We,Be]);var we=t((function(e){if(ke.current&&null!==ze){var n=k(ke.current,e),i=n[0],o=n[1];return ze.find((function(e){return p(e.x,e.y,i-me.left,o-me.top)<=e.size/2}))}}),[ke,me,ze]),Ae=z(),Le=Ae.showTooltipFromEvent,De=Ae.hideTooltip,Ee=t((function(e){var n=we(e);n?(Le(r(ve,{node:n}),e),be([n.id])):(De(),be([]))}),[we,Le,ve,De,be]),Re=t((function(){De(),be([])}),[De,be]),Pe=t((function(e){if(fe){var n=we(e);n&&fe(n,e)}}),[we,fe]);return C("canvas",{ref:function(e){ke.current=e,he&&"current"in he&&(he.current=e)},width:Ce*u,height:Me*u,style:{width:Ce,height:Me,cursor:ce?"auto":"normal"},onClick:ce?Pe:void 0,onMouseEnter:ce?Ee:void 0,onMouseLeave:ce?Re:void 0,onMouseMove:ce?Ee:void 0})},ne=a((function(e,n){var i=e.theme,o=e.isInteractive,t=void 0===o?j.isInteractive:o,r=e.animate,d=void 0===r?j.animate:r,a=e.motionConfig,c=void 0===a?j.motionConfig:a,l=e.renderWrapper,s=D(e,_);return C(u,{isInteractive:t,animate:d,motionConfig:c,theme:i,renderWrapper:l,children:C(ee,L({isInteractive:t},s,{canvasRef:n}))})})),ie=a((function(e,n){return C(h,{children:function(i){var o=i.width,t=i.height;return C(ne,L({width:o,height:t},e,{ref:n}))}})}));export{Z as Network,ne as NetworkCanvas,$ as ResponsiveNetwork,ie as ResponsiveNetworkCanvas,j as canvasDefaultProps,P as commonDefaultProps,O as svgDefaultProps,q as useNetwork,K as useNodeAnnotations};
+import{memo as e,useState as n,useEffect as i,useMemo as o,useCallback as t,createElement as r,Fragment as d,forwardRef as a,useRef as c}from"react";import{useTheme as l,useMotionConfig as s,Container as u,useDimensions as v,SvgWrapper as f,ResponsiveWrapper as h,getRelativeCursor as k,getDistance as p}from"@nivo/core";import{animated as m,to as g,useTransition as y}from"@react-spring/web";import{jsx as C,Fragment as M}from"react/jsx-runtime";import{BasicTooltip as x,useTooltip as z}from"@nivo/tooltip";import{forceSimulation as b,forceLink as I,forceManyBody as S,forceCenter as N}from"d3-force";import{useInheritedColor as W}from"@nivo/colors";import{useAnnotations as B,Annotation as T,useComputedAnnotations as w,renderAnnotationsToCanvas as A}from"@nivo/annotations";function L(){return L=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},L.apply(this,arguments)}function D(e,n){if(null==e)return{};var i,o,t={},r=Object.keys(e);for(o=0;o<r.length;o++)i=r[o],n.indexOf(i)>=0||(t[i]=e[i]);return t}var E=e((function(e){var n=e.node,i=e.animated,o=e.onClick,t=e.onMouseEnter,r=e.onMouseMove,d=e.onMouseLeave;return C(m.circle,{"data-testid":"node."+n.id,transform:g([i.x,i.y,i.scale],(function(e,n,i){return"translate("+e+","+n+") scale("+i+")"})),r:g([i.size],(function(e){return e/2})),fill:i.color,strokeWidth:i.borderWidth,stroke:i.borderColor,opacity:i.opacity,onClick:o?function(e){return o(n,e)}:void 0,onMouseEnter:t?function(e){return t(n,e)}:void 0,onMouseMove:r?function(e){return r(n,e)}:void 0,onMouseLeave:d?function(e){return d(n,e)}:void 0})})),R=e((function(e){var n=e.link,i=e.animated,o=e.blendMode;return C(m.line,{"data-testid":"link."+n.id,stroke:i.color,style:{mixBlendMode:o},strokeWidth:n.thickness,strokeLinecap:"round",opacity:i.opacity,x1:i.x1,y1:i.y1,x2:i.x2,y2:i.y2})})),O={layers:["links","nodes","annotations"],linkDistance:30,centeringStrength:1,repulsivity:10,distanceMin:1,distanceMax:1/0,iterations:120,nodeSize:12,activeNodeSize:18,inactiveNodeSize:8,nodeColor:"#000000",nodeBorderWidth:0,nodeBorderColor:{from:"color"},linkThickness:1,linkColor:{from:"source.color"},isInteractive:!0,defaultActiveNodeIds:[],nodeTooltip:function(e){var n=e.node;return C(x,{id:n.id,enableChip:!0,color:n.color})},annotations:[],animate:!0,motionConfig:"gentle",role:"img"},P=L({},O,{nodeComponent:E,linkComponent:R,linkBlendMode:"normal"}),j=L({},O,{renderNode:function(e,n){e.fillStyle=n.color,e.beginPath(),e.arc(n.x,n.y,n.size/2,0,2*Math.PI),e.fill(),n.borderWidth>0&&(e.strokeStyle=n.borderColor,e.lineWidth=n.borderWidth,e.stroke())},renderLink:function(e,n){e.strokeStyle=n.color,e.lineWidth=n.thickness,e.beginPath(),e.moveTo(n.source.x,n.source.y),e.lineTo(n.target.x,n.target.y),e.stroke()},pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1}),H=["index"],F=function(e){return o((function(){return"function"==typeof e?e:function(){return e}}),[e])},q=function(e){var r=e.center,d=e.nodes,a=e.links,c=e.linkDistance,s=void 0===c?O.linkDistance:c,u=e.centeringStrength,v=void 0===u?O.centeringStrength:u,f=e.repulsivity,h=void 0===f?O.repulsivity:f,k=e.distanceMin,p=void 0===k?O.distanceMin:k,m=e.distanceMax,g=void 0===m?O.distanceMax:m,y=e.iterations,C=void 0===y?O.iterations:y,M=e.nodeSize,x=void 0===M?O.nodeSize:M,z=e.activeNodeSize,B=void 0===z?O.activeNodeSize:z,T=e.inactiveNodeSize,w=void 0===T?O.inactiveNodeSize:T,A=e.nodeColor,E=void 0===A?O.nodeColor:A,R=e.nodeBorderWidth,P=void 0===R?O.nodeBorderWidth:R,j=e.nodeBorderColor,q=void 0===j?O.nodeBorderColor:j,G=e.linkThickness,J=void 0===G?O.linkThickness:G,K=e.linkColor,Q=void 0===K?O.linkColor:K,U=e.isInteractive,V=void 0===U?O.isInteractive:U,X=e.defaultActiveNodeIds,Y=void 0===X?O.defaultActiveNodeIds:X,Z=n(null),$=Z[0],_=Z[1],ee=n(null),ne=ee[0],ie=ee[1],oe=function(e){var n=e.linkDistance,i=e.centeringStrength,t=e.repulsivity,r=e.distanceMin,d=e.distanceMax,a=e.center,c=F(n),l=a[0],s=a[1];return o((function(){return{link:I().distance((function(e){return c(e.data)})).strength(i),charge:S().strength(-t).distanceMin(r).distanceMax(d),center:N(l,s)}}),[c,i,t,r,d,l,s])}({linkDistance:s,centeringStrength:v,repulsivity:h,distanceMin:p,distanceMax:g,center:r});i((function(){var e=d.map((function(e){return{id:e.id,data:L({},e),index:0,x:0,y:0,vx:0,vy:0}})),n=a.map((function(n){return{data:L({},n),index:0,source:e.find((function(e){return e.id===n.source})),target:e.find((function(e){return e.id===n.target}))}})),i=b(e).force("link",oe.link.links(n)).force("charge",oe.charge).force("center",oe.center).stop();return i.tick(C),_(e),ie(n),function(){i.stop()}}),[d,a,oe,C,_,ie]);var te=n(Y),re=te[0],de=te[1],ae=function(e){var n=e.size,i=e.activeSize,o=e.inactiveSize,r=e.color,d=e.borderWidth,a=e.borderColor,c=e.isInteractive,s=e.activeNodeIds,u=l(),v=F(n),f=F(r),h=F(d),k=W(a,u),p=t((function(e){var n=f(e.data);return{size:v(e.data),color:n,borderWidth:h(e.data),borderColor:k(L({},e,{color:n}))}}),[v,f,h,k]),m=F(i),g=t((function(e){var n=f(e.data);return{size:m(e.data),color:n,borderWidth:h(e.data),borderColor:k(L({},e,{color:n}))}}),[m,f,h,k]),y=F(o),C=t((function(e){var n=f(e.data);return{size:y(e.data),color:n,borderWidth:h(e.data),borderColor:k(L({},e,{color:n}))}}),[y,f,h,k]);return t((function(e){return c&&0!==s.length?s.includes(e.id)?g(e):C(e):p(e)}),[p,g,C,c,s])}({size:x,activeSize:B,inactiveSize:w,color:E,borderWidth:P,borderColor:q,isInteractive:V,activeNodeIds:re}),ce=o((function(){return null===$?null:$.map((function(e){return L({},e,ae(e))}))}),[$,ae]),le=l(),se=F(J),ue=W(Q,le),ve=o((function(){return null===ne||null===ce?null:ne.map((function(e){var n=e.index,i=D(e,H),o={id:i.source.id+"."+i.target.id,data:i.data,index:n,source:ce.find((function(e){return e.id===i.source.id})),target:ce.find((function(e){return e.id===i.target.id}))};return L({},o,{thickness:se(o),color:ue(o)})}))}),[ne,ce,se,ue]);return{nodes:ce,links:ve,activeNodeIds:re,setActiveNodeIds:de}},G=function(e){return{x:e.x,y:e.y}},J=function(e){return{size:e.size,width:e.size,height:e.size}},K=function(e,n){return B({data:e,annotations:n,getPosition:G,getDimensions:J})},Q=function(e){var n=e.links,i=e.linkComponent,t=e.blendMode,d=s(),a=d.animate,c=d.config,l=o((function(){return[function(e){return{x1:e.source.x,y1:e.source.y,x2:e.source.x,y2:e.source.y,color:e.color,opacity:0}},function(e){return{x1:e.source.x,y1:e.source.y,x2:e.target.x,y2:e.target.y,color:e.color,opacity:1}}]}),[]),u=l[0],v=l[1],f=y(n,{keys:function(e){return e.id},initial:v,from:u,enter:v,update:v,expires:!0,config:c,immediate:!a});return C(M,{children:f((function(e,n){return r(i,{key:n.id,link:n,animated:e,blendMode:t})}))})},U=function(e){var n=e.nodes,i=e.nodeComponent,d=e.onMouseEnter,a=e.onMouseMove,c=e.onMouseLeave,l=e.onClick,u=e.tooltip,v=e.setActiveNodeIds,f=e.isInteractive,h=s(),k=h.animate,p=h.config,m=o((function(){return[function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:1,opacity:1}},function(e){return{x:e.x,y:e.y,size:e.size,color:e.color,borderWidth:e.borderWidth,borderColor:e.borderColor,scale:0,opacity:0}}]}),[]),g=m[0],x=m[1],b=m[2],I=y(n,{keys:function(e){return e.id},initial:x,from:g,enter:x,update:x,leave:b,config:p,immediate:!k}),S=z(),N=S.showTooltipFromEvent,W=S.hideTooltip,B=t((function(e,n){N(r(u,{node:e}),n),v([e.id]),null==d||d(e,n)}),[N,u,v,d]),T=t((function(e,n){N(r(u,{node:e}),n),null==a||a(e,n)}),[N,u,a]),w=t((function(e,n){W(),v([]),null==c||c(e,n)}),[W,v,c]);return C(M,{children:I((function(e,n){return r(i,{key:n.id,node:n,animated:e,onMouseEnter:f?B:void 0,onMouseMove:f?T:void 0,onMouseLeave:f?w:void 0,onClick:f?l:void 0})}))})},V=function(e){var n=e.nodes,i=e.annotations,o=K(n,i);return C(M,{children:o.map((function(e,n){return C(T,L({},e),n)}))})},X=["isInteractive","animate","motionConfig","theme","renderWrapper"],Y=function(e){var n=e.width,i=e.height,t=e.margin,a=e.data,c=a.nodes,l=a.links,s=e.linkDistance,u=void 0===s?P.linkDistance:s,h=e.centeringStrength,k=void 0===h?P.centeringStrength:h,p=e.repulsivity,m=void 0===p?P.repulsivity:p,g=e.distanceMin,y=void 0===g?P.distanceMin:g,M=e.distanceMax,x=void 0===M?P.distanceMax:M,z=e.iterations,b=void 0===z?P.iterations:z,I=e.layers,S=void 0===I?P.layers:I,N=e.nodeComponent,W=void 0===N?P.nodeComponent:N,B=e.nodeSize,T=void 0===B?P.nodeSize:B,w=e.activeNodeSize,A=void 0===w?P.activeNodeSize:w,L=e.inactiveNodeSize,D=void 0===L?P.inactiveNodeSize:L,E=e.nodeColor,R=void 0===E?P.nodeColor:E,O=e.nodeBorderWidth,j=void 0===O?P.nodeBorderWidth:O,H=e.nodeBorderColor,F=void 0===H?P.nodeBorderColor:H,G=e.linkComponent,J=void 0===G?P.linkComponent:G,K=e.linkThickness,X=void 0===K?P.linkThickness:K,Y=e.linkColor,Z=void 0===Y?P.linkColor:Y,$=e.linkBlendMode,_=void 0===$?P.linkBlendMode:$,ee=e.annotations,ne=void 0===ee?P.annotations:ee,ie=e.isInteractive,oe=void 0===ie?P.isInteractive:ie,te=e.defaultActiveNodeIds,re=void 0===te?P.defaultActiveNodeIds:te,de=e.nodeTooltip,ae=void 0===de?P.nodeTooltip:de,ce=e.onMouseEnter,le=e.onMouseMove,se=e.onMouseLeave,ue=e.onClick,ve=e.role,fe=void 0===ve?P.role:ve,he=e.ariaLabel,ke=e.ariaLabelledBy,pe=e.ariaDescribedBy,me=v(n,i,t),ge=me.margin,ye=me.innerWidth,Ce=me.innerHeight,Me=me.outerWidth,xe=me.outerHeight,ze=q({center:[ye/2,Ce/2],nodes:c,links:l,linkDistance:u,centeringStrength:k,repulsivity:m,distanceMin:y,distanceMax:x,iterations:b,nodeSize:T,activeNodeSize:A,inactiveNodeSize:D,nodeColor:R,nodeBorderWidth:j,nodeBorderColor:F,linkThickness:X,linkColor:Z,isInteractive:oe,defaultActiveNodeIds:re}),be=ze.nodes,Ie=ze.links,Se=ze.activeNodeIds,Ne=ze.setActiveNodeIds,We={links:null,nodes:null,annotations:null};S.includes("links")&&null!==Ie&&(We.links=C(Q,{links:Ie,linkComponent:J,blendMode:_},"links")),S.includes("nodes")&&null!==be&&(We.nodes=C(U,{nodes:be,nodeComponent:W,onMouseEnter:ce,onMouseMove:le,onMouseLeave:se,onClick:ue,tooltip:ae,setActiveNodeIds:Ne,isInteractive:oe},"nodes")),S.includes("annotations")&&null!==be&&(We.annotations=C(V,{nodes:be,annotations:ne},"annotations"));var Be=o((function(){return{nodes:be||[],links:Ie||[],activeNodeIds:Se,setActiveNodeIds:Ne}}),[be,Ie,Se,Ne]);return C(f,{width:Me,height:xe,margin:ge,role:fe,ariaLabel:he,ariaLabelledBy:ke,ariaDescribedBy:pe,children:S.map((function(e,n){var i;return"function"==typeof e?C(d,{children:r(e,Be)},n):null!=(i=null==We?void 0:We[e])?i:null}))})},Z=function(e){var n=e.isInteractive,i=void 0===n?P.isInteractive:n,o=e.animate,t=void 0===o?P.animate:o,r=e.motionConfig,d=void 0===r?P.motionConfig:r,a=e.theme,c=e.renderWrapper,l=D(e,X);return C(u,{animate:t,isInteractive:i,motionConfig:d,renderWrapper:c,theme:a,children:C(Y,L({isInteractive:i},l))})},$=function(e){return C(h,{children:function(n){var i=n.width,o=n.height;return C(Z,L({width:i,height:o},e))}})},_=["theme","isInteractive","animate","motionConfig","renderWrapper"],ee=function(e){var n=e.width,d=e.height,a=e.margin,s=e.pixelRatio,u=void 0===s?j.pixelRatio:s,f=e.data,h=f.nodes,m=f.links,g=e.linkDistance,y=void 0===g?j.linkDistance:g,M=e.centeringStrength,x=void 0===M?j.centeringStrength:M,b=e.repulsivity,I=void 0===b?j.repulsivity:b,S=e.distanceMin,N=void 0===S?j.distanceMin:S,W=e.distanceMax,B=void 0===W?j.distanceMax:W,T=e.iterations,L=void 0===T?j.iterations:T,D=e.layers,E=void 0===D?j.layers:D,R=e.renderNode,O=void 0===R?j.renderNode:R,P=e.nodeSize,H=void 0===P?j.nodeSize:P,F=e.activeNodeSize,G=void 0===F?j.activeNodeSize:F,J=e.inactiveNodeSize,Q=void 0===J?j.inactiveNodeSize:J,U=e.nodeColor,V=void 0===U?j.nodeColor:U,X=e.nodeBorderWidth,Y=void 0===X?j.nodeBorderWidth:X,Z=e.nodeBorderColor,$=void 0===Z?j.nodeBorderColor:Z,_=e.renderLink,ee=void 0===_?j.renderLink:_,ne=e.linkThickness,ie=void 0===ne?j.linkThickness:ne,oe=e.linkColor,te=void 0===oe?j.linkColor:oe,re=e.annotations,de=void 0===re?j.annotations:re,ae=e.isInteractive,ce=void 0===ae?j.isInteractive:ae,le=e.defaultActiveNodeIds,se=void 0===le?j.defaultActiveNodeIds:le,ue=e.nodeTooltip,ve=void 0===ue?j.nodeTooltip:ue,fe=e.onClick,he=e.canvasRef,ke=c(null),pe=v(n,d,a),me=pe.margin,ge=pe.innerWidth,ye=pe.innerHeight,Ce=pe.outerWidth,Me=pe.outerHeight,xe=q({center:[ge/2,ye/2],nodes:h,links:m,linkDistance:y,centeringStrength:x,repulsivity:I,distanceMin:N,distanceMax:B,iterations:L,nodeSize:H,activeNodeSize:G,inactiveNodeSize:Q,nodeColor:V,nodeBorderWidth:Y,nodeBorderColor:$,linkThickness:ie,linkColor:te,isInteractive:ce,defaultActiveNodeIds:se}),ze=xe.nodes,be=xe.links,Ie=xe.activeNodeIds,Se=xe.setActiveNodeIds,Ne=K(ze,de),We=w({annotations:Ne}),Be=o((function(){return{nodes:ze||[],links:be||[],activeNodeIds:Ie,setActiveNodeIds:Se}}),[ze,be,Ie,Se]),Te=l();i((function(){if(null!==ke.current){ke.current.width=Ce*u,ke.current.height=Me*u;var e=ke.current.getContext("2d");e.scale(u,u),e.fillStyle=Te.background,e.fillRect(0,0,Ce,Me),e.translate(me.left,me.top),E.forEach((function(n){"links"===n&&null!==be?be.forEach((function(n){return ee(e,n)})):"nodes"===n&&null!==ze?ze.forEach((function(n){return O(e,n)})):"annotations"===n?A(e,{annotations:We,theme:Te}):"function"==typeof n&&null!==ze&&null!==be&&n(e,Be)}))}}),[ke,Ce,Me,me.left,me.top,u,E,Te,ze,be,O,ee,We,Be]);var we=t((function(e){if(ke.current&&null!==ze){var n=k(ke.current,e),i=n[0],o=n[1];return ze.find((function(e){return p(e.x,e.y,i-me.left,o-me.top)<=e.size/2}))}}),[ke,me,ze]),Ae=z(),Le=Ae.showTooltipFromEvent,De=Ae.hideTooltip,Ee=t((function(e){var n=we(e);n?(Le(r(ve,{node:n}),e),Se([n.id])):(De(),Se([]))}),[we,Le,ve,De,Se]),Re=t((function(){De(),Se([])}),[De,Se]),Oe=t((function(e){if(fe){var n=we(e);n&&fe(n,e)}}),[we,fe]);return C("canvas",{ref:function(e){ke.current=e,he&&"current"in he&&(he.current=e)},width:Ce*u,height:Me*u,style:{width:Ce,height:Me,cursor:ce?"auto":"normal"},onClick:ce?Oe:void 0,onMouseEnter:ce?Ee:void 0,onMouseLeave:ce?Re:void 0,onMouseMove:ce?Ee:void 0})},ne=a((function(e,n){var i=e.theme,o=e.isInteractive,t=void 0===o?j.isInteractive:o,r=e.animate,d=void 0===r?j.animate:r,a=e.motionConfig,c=void 0===a?j.motionConfig:a,l=e.renderWrapper,s=D(e,_);return C(u,{isInteractive:t,animate:d,motionConfig:c,theme:i,renderWrapper:l,children:C(ee,L({isInteractive:t},s,{canvasRef:n}))})})),ie=a((function(e,n){return C(h,{children:function(i){var o=i.width,t=i.height;return C(ne,L({width:o,height:t},e,{ref:n}))}})}));export{Z as Network,ne as NetworkCanvas,$ as ResponsiveNetwork,ie as ResponsiveNetworkCanvas,j as canvasDefaultProps,O as commonDefaultProps,P as svgDefaultProps,q as useNetwork,K as useNodeAnnotations};
 //# sourceMappingURL=nivo-network.es.js.map

dist/types/defaults.d.ts

@@ -8,3 +8,3 @@ import { NetworkCommonProps, InputNode, LayerId, InputLink } from './types';
     linkComponent: import("./types").LinkComponent<InputNode, InputLink>;
-    linkBlendMode: import("@nivo/core").CssMixBlendMode;
+    linkBlendMode: NonNullable<import("@nivo/core").CssMixBlendMode | undefined>;
     animate: boolean;
@@ -11,0 +11,0 @@ motionConfig: string | Partial<import("@react-spring/core").AnimationConfig>;

dist/types/types.d.ts

@@ -22,3 +22,3 @@ import { AriaAttributes, MouseEvent, FunctionComponent } from 'react';
 }
-export declare type TransientNode<Node extends InputNode> = Omit<ComputedNode<Node>, 'size' | 'color' | 'borderWidth' | 'borderColor'>;
+export type TransientNode<Node extends InputNode> = Omit<ComputedNode<Node>, 'size' | 'color' | 'borderWidth' | 'borderColor'>;
 export interface NodeAnimatedProps {
@@ -42,4 +42,4 @@ x: number;
 }
-export declare type NodeComponent<Node extends InputNode> = FunctionComponent<NodeProps<Node>>;
-export declare type NodeCanvasRenderer<Node extends InputNode> = (ctx: CanvasRenderingContext2D, node: ComputedNode<Node>) => void;
+export type NodeComponent<Node extends InputNode> = FunctionComponent<NodeProps<Node>>;
+export type NodeCanvasRenderer<Node extends InputNode> = (ctx: CanvasRenderingContext2D, node: ComputedNode<Node>) => void;
 export interface InputLink {
@@ -77,4 +77,4 @@ source: string;
 }
-export declare type LinkComponent<Node extends InputNode, Link extends InputLink> = FunctionComponent<LinkProps<Node, Link>>;
-export declare type LinkCanvasRenderer<Node extends InputNode, Link extends InputLink> = (ctx: CanvasRenderingContext2D, node: ComputedLink<Node, Link>) => void;
+export type LinkComponent<Node extends InputNode, Link extends InputLink> = FunctionComponent<LinkProps<Node, Link>>;
+export type LinkCanvasRenderer<Node extends InputNode, Link extends InputLink> = (ctx: CanvasRenderingContext2D, node: ComputedLink<Node, Link>) => void;
 export interface NetworkDataProps<Node extends InputNode, Link extends InputLink> {
@@ -86,3 +86,3 @@ data: {
 }
-export declare type LayerId = 'links' | 'nodes' | 'annotations';
+export type LayerId = 'links' | 'nodes' | 'annotations';
 export interface CustomLayerProps<Node extends InputNode, Link extends InputLink> {
@@ -94,10 +94,10 @@ nodes: ComputedNode<Node>[];
 }
-export declare type CustomLayer<Node extends InputNode, Link extends InputLink> = FunctionComponent<CustomLayerProps<Node, Link>>;
-export declare type CustomCanvasLayer<Node extends InputNode, Link extends InputLink> = (ctx: CanvasRenderingContext2D, props: CustomLayerProps<Node, Link>) => void;
+export type CustomLayer<Node extends InputNode, Link extends InputLink> = FunctionComponent<CustomLayerProps<Node, Link>>;
+export type CustomCanvasLayer<Node extends InputNode, Link extends InputLink> = (ctx: CanvasRenderingContext2D, props: CustomLayerProps<Node, Link>) => void;
 export interface NodeTooltipProps<Node extends InputNode> {
     node: ComputedNode<Node>;
 }
-export declare type NodeTooltip<Node extends InputNode> = FunctionComponent<NodeTooltipProps<Node>>;
-export declare type DerivedProp<Target, Output extends number | string> = Output | ((target: Target) => Output);
-export declare type NetworkCommonProps<Node extends InputNode, Link extends InputLink> = {
+export type NodeTooltip<Node extends InputNode> = FunctionComponent<NodeTooltipProps<Node>>;
+export type DerivedProp<Target, Output extends number | string> = Output | ((target: Target) => Output);
+export type NetworkCommonProps<Node extends InputNode, Link extends InputLink> = {
     margin: Box;
@@ -130,3 +130,3 @@ linkDistance: DerivedProp<Link, number>;
 } & Required<ModernMotionProps>;
-export declare type NetworkSvgProps<Node extends InputNode, Link extends InputLink> = Partial<NetworkCommonProps<Node, Link>> & NetworkDataProps<Node, Link> & Dimensions & {
+export type NetworkSvgProps<Node extends InputNode, Link extends InputLink> = Partial<NetworkCommonProps<Node, Link>> & NetworkDataProps<Node, Link> & Dimensions & {
     layers?: (LayerId | CustomLayer<Node, Link>)[];
@@ -140,3 +140,3 @@ nodeComponent?: NodeComponent<Node>;
 };
-export declare type NetworkCanvasProps<Node extends InputNode, Link extends InputLink> = Partial<NetworkCommonProps<Node, Link>> & NetworkDataProps<Node, Link> & Dimensions & {
+export type NetworkCanvasProps<Node extends InputNode, Link extends InputLink> = Partial<NetworkCommonProps<Node, Link>> & NetworkDataProps<Node, Link> & Dimensions & {
     layers?: (LayerId | CustomCanvasLayer<Node, Link>)[];
@@ -143,0 +143,0 @@ renderNode?: NodeCanvasRenderer<Node>;

package.json

 {
-  "name": "@nivo/network",
-  "version": "0.81.0",
-  "license": "MIT",
-  "author": {
-    "name": "Raphaël Benitte",
-    "url": "https://github.com/plouc"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/plouc/nivo.git",
-    "directory": "packages/network"
-  },
-  "keywords": [
-    "nivo",
-    "dataviz",
-    "react",
-    "d3",
-    "charts",
-    "graph",
-    "directed-layout",
-    "network"
-  ],
-  "main": "./dist/nivo-network.cjs.js",
-  "module": "./dist/nivo-network.es.js",
-  "typings": "./dist/types/index.d.ts",
-  "files": [
-    "README.md",
-    "LICENSE.md",
-    "dist/",
-    "!dist/tsconfig.tsbuildinfo"
-  ],
-  "dependencies": {
-    "@nivo/annotations": "0.81.0",
-    "@nivo/colors": "0.81.0",
-    "@nivo/tooltip": "0.81.0",
-    "@react-spring/web": "9.4.5 || ^9.7.2",
-    "d3-force": "^2.0.1"
-  },
-  "devDependencies": {
-    "@nivo/core": "0.81.0"
-  },
-  "peerDependencies": {
-    "@nivo/core": "0.81.0",
-    "react": ">= 16.14.0 < 19.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "56db9cb7738f406a21085c11ab28716044fceb5b"
+    "name": "@nivo/network",
+    "version": "0.82.0",
+    "license": "MIT",
+    "author": {
+        "name": "Raphaël Benitte",
+        "url": "https://github.com/plouc"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/plouc/nivo.git",
+        "directory": "packages/network"
+    },
+    "keywords": [
+        "nivo",
+        "dataviz",
+        "react",
+        "d3",
+        "charts",
+        "graph",
+        "directed-layout",
+        "network"
+    ],
+    "main": "./dist/nivo-network.cjs.js",
+    "module": "./dist/nivo-network.es.js",
+    "types": "./dist/types/index.d.ts",
+    "files": [
+        "README.md",
+        "LICENSE.md",
+        "dist/",
+        "!dist/tsconfig.tsbuildinfo"
+    ],
+    "dependencies": {
+        "@nivo/annotations": "0.82.0",
+        "@nivo/colors": "0.82.0",
+        "@nivo/tooltip": "0.82.0",
+        "@react-spring/web": "9.4.5 || ^9.7.2",
+        "@types/d3-force": "^2.1.0",
+        "d3-force": "^2.0.1"
+    },
+    "peerDependencies": {
+        "@nivo/core": "workspace:*",
+        "react": ">= 16.14.0 < 19.0.0"
+    },
+    "devDependencies": {
+        "@nivo/core": "0.82.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "579fc012df24e154a387243559165e344b6523da"
 }

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

Worsened metrics

Total package byte prevSize

204793

decreased by-18.31%

Dependency count

8

increased by14.29%

Number of package files

40

decreased by-2.44%

Lines of code

475

decreased by-0.42%

Dependency changes

• + Added@types/d3-force@^2.1.0

• + Added@nivo/annotations@0.82.0(transitive)

• + Added@nivo/colors@0.82.0(transitive)

• + Added@nivo/tooltip@0.82.0(transitive)

• + Added@types/d3-color@2.0.6(transitive)

• + Added@types/d3-force@2.1.7(transitive)

• + Added@types/d3-scale@3.3.5(transitive)

• + Added@types/d3-scale-chromatic@2.0.4(transitive)

• + Added@types/d3-time@2.1.4(transitive)

• + Added@types/prop-types@15.7.14(transitive)

• + Addedd3-format@2.0.0(transitive)

• - Removed@nivo/annotations@0.81.0(transitive)

• - Removed@nivo/colors@0.81.0(transitive)

• - Removed@nivo/core@0.81.0(transitive)

• - Removed@nivo/recompose@0.81.0(transitive)

• - Removed@nivo/tooltip@0.81.0(transitive)

• - Removedd3-format@1.4.5(transitive)

• - Removedd3-path@1.0.9(transitive)

• - Removedd3-shape@1.3.7(transitive)

• - Removedreact-lifecycles-compat@3.0.4(transitive)

• Updated@nivo/annotations@0.82.0

• Updated@nivo/colors@0.82.0

• Updated@nivo/tooltip@0.82.0