@tisoap/react-flow-smart-edge - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

dist/react-flow-smart-edge.cjs.development.js

@@ -5,11 +5,14 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 var reactFlowRenderer = require('react-flow-renderer');
-var useDebounce = _interopDefault(require('react-use/lib/useDebounce'));
-var warning = _interopDefault(require('tiny-warning'));
+var useDebounce = require('react-use/lib/useDebounce');
+var warning = require('tiny-warning');
 var pathfinding = require('pathfinding');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
+var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning);
+
 function _extends() {
@@ -91,2 +94,3 @@ _extends = Object.assign || function (target) {
   debounceTime = toInteger(debounceTime); // Guarantee correct line type
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 
@@ -97,5 +101,5 @@ if (lineType !== 'curve' && lineType !== 'straight') {
 
-   warning(debounceTime >= 30, 'A small debounce time on SmartEdge can cause performance issues on large graphs.') ;
-   warning(gridRatio >= 10, 'A small grid ratio on SmartEdge can cause performance issues on large graphs.') ;
-  return React__default.createElement(SmartEdgeContext.Provider, {
+  warning__default["default"](debounceTime >= 30, 'A small debounce time on SmartEdge can cause performance issues on large graphs.') ;
+  warning__default["default"](gridRatio >= 10, 'A small grid ratio on SmartEdge can cause performance issues on large graphs.') ;
+  return React__default["default"].createElement(SmartEdgeContext.Provider, {
     value: {
@@ -420,4 +424,5 @@ debounceTime: debounceTime,
         @typescript-eslint/no-unsafe-member-access,
+        @typescript-eslint/no-unsafe-argument,
     */
-    var rf = node == null ? void 0 : node.__rf;
+    var rf = node.__rf;
     var width = Math.max((rf == null ? void 0 : rf.width) || 0, 1);
@@ -432,2 +437,3 @@ var height = Math.max((rf == null ? void 0 : rf.height) || 0, 1);
         @typescript-eslint/no-unsafe-member-access,
+        @typescript-eslint/no-unsafe-argument,
     */
@@ -580,6 +586,6 @@
     if (lineType === 'curve') {
-      return React__default.createElement(reactFlowRenderer.BezierEdge, Object.assign({}, props));
+      return React__default["default"].createElement(reactFlowRenderer.BezierEdge, _extends({}, props));
     }
 
-    return React__default.createElement(reactFlowRenderer.StraightEdge, Object.assign({}, props));
+    return React__default["default"].createElement(reactFlowRenderer.StraightEdge, _extends({}, props));
   } // Here we convert the grid path to a sequence of graph coordinates.
@@ -611,3 +617,3 @@
 
-  var text = label ? React__default.createElement(reactFlowRenderer.EdgeText, {
+  var text = label ? React__default["default"].createElement(reactFlowRenderer.EdgeText, {
     x: labelX,
@@ -623,3 +629,3 @@ y: labelY,
   var markerEnd = reactFlowRenderer.getMarkerEnd(arrowHeadType, markerEndId);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("path", {
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("path", {
     style: style,
@@ -645,3 +651,3 @@ className: 'react-flow__edge-path',
 
-  useDebounce(function () {
+  useDebounce__default["default"](function () {
     setDebouncedProps(_extends({
@@ -651,3 +657,3 @@ storeNodes: storeNodes
   }, debounceTime, [props, storeNodes]);
-  return React__default.createElement(PathFindingEdge, Object.assign({}, debouncedProps));
+  return React__default["default"].createElement(PathFindingEdge, _extends({}, debouncedProps));
 });
@@ -658,3 +664,3 @@ var RegularPathFindingEdge = /*#__PURE__*/React.memo(function (props) {
   });
-  return React__default.createElement(PathFindingEdge, Object.assign({
+  return React__default["default"].createElement(PathFindingEdge, _extends({
     storeNodes: storeNodes
@@ -668,10 +674,10 @@ }, props));
   if (!context) {
-    return React__default.createElement(SmartEdgeProvider, null, React__default.createElement(DebouncedPathFindingEdge, Object.assign({}, props)), ";");
+    return React__default["default"].createElement(SmartEdgeProvider, null, React__default["default"].createElement(DebouncedPathFindingEdge, _extends({}, props)), ";");
   }
 
   if (context.debounceTime === 0) {
-    return React__default.createElement(RegularPathFindingEdge, Object.assign({}, props));
+    return React__default["default"].createElement(RegularPathFindingEdge, _extends({}, props));
   }
 
-  return React__default.createElement(DebouncedPathFindingEdge, Object.assign({}, props));
+  return React__default["default"].createElement(DebouncedPathFindingEdge, _extends({}, props));
 });
@@ -682,3 +688,3 @@ SmartEdge.displayName = 'SmartEdge';
 exports.SmartEdgeProvider = SmartEdgeProvider;
-exports.default = SmartEdge;
+exports["default"] = SmartEdge;
 //# sourceMappingURL=react-flow-smart-edge.cjs.development.js.map

dist/react-flow-smart-edge.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=require("react-flow-renderer"),o=e(require("react-use/lib/useDebounce"));require("tiny-warning");var i=require("pathfinding");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var d=function(e,t){return void 0===t&&(t=10),Math.round(e/t)*t},u=function(e,t){return void 0===t&&(t=10),Math.floor(e/t)*t},l=function(e,t){return void 0===t&&(t=10),Math.ceil(e/t)*t},s=function(e,t){void 0===t&&(t=0);var r=Math.max(Math.round(e),t);return(r=Number.isInteger(r)?r:t)>=t?r:t},c={debounceTime:200,nodePadding:10,gridRatio:10,lineType:"curve",lessCorners:!1},y=t.createContext(c),f=function(e){var t=e.children,n=e.options,o=void 0===n?c:n,i=o.debounceTime,a=void 0===i?200:i,d=o.nodePadding,u=void 0===d?10:d,l=o.gridRatio,f=void 0===l?10:l,g=o.lineType,x=void 0===g?"curve":g,v=o.lessCorners,h=void 0!==v&&v;return f=s(f,2),u=s(u,2),a=s(a),"curve"!==x&&"straight"!==x&&(x="curve"),r.createElement(y.Provider,{value:{debounceTime:a,nodePadding:u,gridRatio:f,lineType:x,lessCorners:h}},t)},g=function(){var e=t.useContext(y);if(void 0===e)throw new Error("useSmartEdge must be used within a SmartEdgeProvider");if(void 0===e.debounceTime||void 0===e.gridRatio||void 0===e.nodePadding||void 0===e.lineType)throw new Error("Missing options on SmartEdgeProvider");return e},x=function(e,t){switch(t){case"top":return{x:e.x,y:e.y-1};case"bottom":return{x:e.x,y:e.y+1};case"left":return{x:e.x-1,y:e.y};case"right":return{x:e.x+1,y:e.y}}},v=function(e,t,r){for(var n=e.getNodeAt(t.x,t.y);!n.walkable;){e.setWalkableAt(n.x,n.y,!0);var o=x(n,r);n=e.getNodeAt(o.x,o.y)}},h=function(e,t,r,n){var o=e.x/n,i=e.y/n,a=t/n,d=r/n;if(a<1)for(;1!==a;)a++,o++;else if(a>1)for(;1!==a;)a--,o--;if(d<1)for(;1!==d;)d++,i++;else if(d>1)for(;1!==d;)d--,i--;return{x:o,y:i}},m=function(e,t,r,n){var o=e.x*n,i=e.y*n,a=t,d=r;if(a<n)for(;a!==n;)a+=n,o-=n;else if(a>n)for(;a!==n;)a-=n,o+=n;if(d<n)for(;d!==n;)d+=n,i-=n;else if(d>n)for(;d!==n;)d-=n,i+=n;return{x:o,y:i}},b={allowDiagonal:!0,dontCrossCorners:!0,diagonalMovement:i.DiagonalMovement.Always},p={allowDiagonal:!1},E=t.memo((function(e){var t=e.sourceX,o=e.sourceY,a=e.sourcePosition,s=e.targetX,c=e.targetY,y=e.targetPosition,f=e.arrowHeadType,E=e.markerEndId,M=e.style,w=e.storeNodes,S=e.label,N=e.labelStyle,P=e.labelShowBg,R=e.labelBgStyle,T=e.labelBgPadding,A=e.labelBgBorderRadius,_=g(),B=_.gridRatio,j=_.lineType,C=_.lessCorners,O=function(e,t,r){void 0===t&&(t=2),void 0===r&&(r=2);var n=Number.MIN_SAFE_INTEGER,o=Number.MIN_SAFE_INTEGER,i=Number.MAX_SAFE_INTEGER,a=Number.MAX_SAFE_INTEGER,d=e.map((function(e){var d,s,c=null==e?void 0:e.__rf,y=Math.max((null==c?void 0:c.width)||0,1),f=Math.max((null==c?void 0:c.height)||0,1),g=(null==c||null==(d=c.position)?void 0:d.x)||0,x=(null==c||null==(s=c.position)?void 0:s.y)||0,v={x:g-t,y:x-t},h={x:g-t,y:x+f+t},m={x:g+y+t,y:x-t},b={x:g+y+t,y:x+f+t};return r>0&&(v.x=u(v.x,r),v.y=u(v.y,r),h.x=u(h.x,r),h.y=l(h.y,r),m.x=l(m.x,r),m.y=u(m.y,r),b.x=l(b.x,r),b.y=l(b.y,r)),v.y<a&&(a=v.y),v.x<i&&(i=v.x),b.y>o&&(o=b.y),b.x>n&&(n=b.x),{id:e.id,width:y,height:f,topLeft:v,bottomLeft:h,topRight:m,bottomRight:b}})),s=2*t;n=l(n+s,r),o=l(o+s,r),i=u(i-s,r),a=u(a-s,r);var c={x:i,y:a},y={x:i,y:o},f={x:n,y:a};return{nodes:d,graph:{topLeft:c,bottomLeft:y,topRight:f,bottomRight:{x:n,y:o},width:Math.abs(c.x-f.x),height:Math.abs(c.y-y.y),xMax:n,yMax:o,xMin:i,yMin:a}}}(w,_.nodePadding,B),I=O.graph,F={x:t,y:o,position:a},L={x:s,y:c,position:y},k=function(e,t,r,n,o){void 0===o&&(o=2);var a=e.xMin,u=e.yMin,s=e.height,c=l(e.width,o)/o+1,y=l(s,o)/o+1,f=new i.Grid(c,y);t.forEach((function(e){for(var t=h(e.topLeft,a,u,o),r=h(e.bottomRight,a,u,o),n=t.x;n<r.x;n++)for(var i=t.y;i<r.y;i++)f.setWalkableAt(n,i,!1)}));var g=h({x:d(r.x,o),y:d(r.y,o)},a,u,o),m=h({x:d(n.x,o),y:d(n.y,o)},a,u,o),b=f.getNodeAt(g.x,g.y);v(f,b,r.position);var p=f.getNodeAt(m.x,m.y);v(f,p,n.position);var E=x(b,r.position),M=x(p,n.position);return{grid:f,start:E,end:M}}(I,O.nodes,F,L,B),q=function(e,t,r,n){var o=new i.AStarFinder(n?p:b),a=[],d=[];try{a=o.findPath(t.x,t.y,r.x,r.y,e),d=i.Util.smoothenPath(e,a)}catch(e){}return{fullPath:a,smoothedPath:d}}(k.grid,k.start,k.end,C),G=q.fullPath,D=q.smoothedPath;if(D.length<=2)return r.createElement("curve"===j?n.BezierEdge:n.StraightEdge,Object.assign({},e));var X=D.map((function(e){var t=m({x:e[0],y:e[1]},I.xMin,I.yMin,B);return[t.x,t.y]})),W="curve"===j?function(e,t,r){return function(e){for(var t=e[0],r=e[0],n="M"+r[0]+","+r[1]+"M",o=0;o<e.length;o++){var i=e[o],a=[(t[0]-(d=i[0]))/2+d,(t[1]-(u=i[1]))/2+u];n+=" "+a[0]+","+a[1],n+="Q"+i[0]+","+i[1],t=i}var d,u,l=e[e.length-1];return n+" "+l[0]+","+l[1]}([[e.x,e.y]].concat(r,[[t.x,t.y]]))}(F,L,X):function(e,t,r){var n="M "+e.x+", "+e.y+" ";return r.forEach((function(e){n+="L "+e[0]+", "+e[1]+" "})),n+="L "+t.x+", "+t.y+" "}(F,L,X),Y=G[Math.floor(G.length/2)],z=m({x:Y[0],y:Y[1]},I.xMin,I.yMin,B),H=S?r.createElement(n.EdgeText,{x:z.x,y:z.y,label:S,labelStyle:N,labelShowBg:P,labelBgStyle:R,labelBgPadding:T,labelBgBorderRadius:A}):null,Q=n.getMarkerEnd(f,E);return r.createElement(r.Fragment,null,r.createElement("path",{style:M,className:"react-flow__edge-path",d:W,markerEnd:Q}),H)})),M=t.memo((function(e){var i=n.useStoreState((function(e){return e.nodes})),d=g().debounceTime,u=t.useState(a({storeNodes:i},e)),l=u[0],s=u[1];return o((function(){s(a({storeNodes:i},e))}),d,[e,i]),r.createElement(E,Object.assign({},l))})),w=t.memo((function(e){var t=n.useStoreState((function(e){return e.nodes}));return r.createElement(E,Object.assign({storeNodes:t},e))}));w.displayName="RegularPathFindingEdge";var S=t.memo((function(e){var n=t.useContext(y);return n?r.createElement(0===n.debounceTime?w:M,Object.assign({},e)):r.createElement(f,null,r.createElement(M,Object.assign({},e)),";")}));S.displayName="SmartEdge",exports.SmartEdge=S,exports.SmartEdgeProvider=f,exports.default=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-flow-renderer"),r=require("react-use/lib/useDebounce");require("tiny-warning");var n=require("pathfinding");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),i=o(r);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}var u=function(e,t){return void 0===t&&(t=10),Math.round(e/t)*t},l=function(e,t){return void 0===t&&(t=10),Math.floor(e/t)*t},s=function(e,t){return void 0===t&&(t=10),Math.ceil(e/t)*t},f=function(e,t){void 0===t&&(t=0);var r=Math.max(Math.round(e),t);return(r=Number.isInteger(r)?r:t)>=t?r:t},y={debounceTime:200,nodePadding:10,gridRatio:10,lineType:"curve",lessCorners:!1},c=e.createContext(y),x=function(e){var t=e.children,r=e.options,n=void 0===r?y:r,o=n.debounceTime,i=void 0===o?200:o,d=n.nodePadding,u=void 0===d?10:d,l=n.gridRatio,s=void 0===l?10:l,x=n.lineType,g=void 0===x?"curve":x,v=n.lessCorners,h=void 0!==v&&v;return s=f(s,2),u=f(u,2),i=f(i),"curve"!==g&&"straight"!==g&&(g="curve"),a.default.createElement(c.Provider,{value:{debounceTime:i,nodePadding:u,gridRatio:s,lineType:g,lessCorners:h}},t)},g=function(){var t=e.useContext(c);if(void 0===t)throw new Error("useSmartEdge must be used within a SmartEdgeProvider");if(void 0===t.debounceTime||void 0===t.gridRatio||void 0===t.nodePadding||void 0===t.lineType)throw new Error("Missing options on SmartEdgeProvider");return t},v=function(e,t){switch(t){case"top":return{x:e.x,y:e.y-1};case"bottom":return{x:e.x,y:e.y+1};case"left":return{x:e.x-1,y:e.y};case"right":return{x:e.x+1,y:e.y}}},h=function(e,t,r){for(var n=e.getNodeAt(t.x,t.y);!n.walkable;){e.setWalkableAt(n.x,n.y,!0);var o=v(n,r);n=e.getNodeAt(o.x,o.y)}},m=function(e,t,r,n){var o=e.x/n,a=e.y/n,i=t/n,d=r/n;if(i<1)for(;1!==i;)i++,o++;else if(i>1)for(;1!==i;)i--,o--;if(d<1)for(;1!==d;)d++,a++;else if(d>1)for(;1!==d;)d--,a--;return{x:o,y:a}},p=function(e,t,r,n){var o=e.x*n,a=e.y*n,i=t,d=r;if(i<n)for(;i!==n;)i+=n,o-=n;else if(i>n)for(;i!==n;)i-=n,o+=n;if(d<n)for(;d!==n;)d+=n,a-=n;else if(d>n)for(;d!==n;)d-=n,a+=n;return{x:o,y:a}},b={allowDiagonal:!0,dontCrossCorners:!0,diagonalMovement:n.DiagonalMovement.Always},E={allowDiagonal:!1},M=e.memo((function(e){var r=e.sourceX,o=e.sourceY,i=e.sourcePosition,f=e.targetX,y=e.targetY,c=e.targetPosition,x=e.arrowHeadType,M=e.markerEndId,w=e.style,S=e.storeNodes,N=e.label,P=e.labelStyle,R=e.labelShowBg,T=e.labelBgStyle,A=e.labelBgPadding,_=e.labelBgBorderRadius,B=g(),C=B.gridRatio,I=B.lineType,F=B.lessCorners,L=function(e,t,r){void 0===t&&(t=2),void 0===r&&(r=2);var n=Number.MIN_SAFE_INTEGER,o=Number.MIN_SAFE_INTEGER,a=Number.MAX_SAFE_INTEGER,i=Number.MAX_SAFE_INTEGER,d=e.map((function(e){var d,u,f=e.__rf,y=Math.max((null==f?void 0:f.width)||0,1),c=Math.max((null==f?void 0:f.height)||0,1),x=(null==f||null==(d=f.position)?void 0:d.x)||0,g=(null==f||null==(u=f.position)?void 0:u.y)||0,v={x:x-t,y:g-t},h={x:x-t,y:g+c+t},m={x:x+y+t,y:g-t},p={x:x+y+t,y:g+c+t};return r>0&&(v.x=l(v.x,r),v.y=l(v.y,r),h.x=l(h.x,r),h.y=s(h.y,r),m.x=s(m.x,r),m.y=l(m.y,r),p.x=s(p.x,r),p.y=s(p.y,r)),v.y<i&&(i=v.y),v.x<a&&(a=v.x),p.y>o&&(o=p.y),p.x>n&&(n=p.x),{id:e.id,width:y,height:c,topLeft:v,bottomLeft:h,topRight:m,bottomRight:p}})),u=2*t;n=s(n+u,r),o=s(o+u,r),a=l(a-u,r),i=l(i-u,r);var f={x:a,y:i},y={x:a,y:o},c={x:n,y:i};return{nodes:d,graph:{topLeft:f,bottomLeft:y,topRight:c,bottomRight:{x:n,y:o},width:Math.abs(f.x-c.x),height:Math.abs(f.y-y.y),xMax:n,yMax:o,xMin:a,yMin:i}}}(S,B.nodePadding,C),k=L.graph,q={x:r,y:o,position:i},G={x:f,y:y,position:c},j=function(e,t,r,o,a){void 0===a&&(a=2);var i=e.xMin,d=e.yMin,l=e.height,f=s(e.width,a)/a+1,y=s(l,a)/a+1,c=new n.Grid(f,y);t.forEach((function(e){for(var t=m(e.topLeft,i,d,a),r=m(e.bottomRight,i,d,a),n=t.x;n<r.x;n++)for(var o=t.y;o<r.y;o++)c.setWalkableAt(n,o,!1)}));var x=m({x:u(r.x,a),y:u(r.y,a)},i,d,a),g=m({x:u(o.x,a),y:u(o.y,a)},i,d,a),p=c.getNodeAt(x.x,x.y);h(c,p,r.position);var b=c.getNodeAt(g.x,g.y);h(c,b,o.position);var E=v(p,r.position),M=v(b,o.position);return{grid:c,start:E,end:M}}(k,L.nodes,q,G,C),D=function(e,t,r,o){var a=new n.AStarFinder(o?E:b),i=[],d=[];try{i=a.findPath(t.x,t.y,r.x,r.y,e),d=n.Util.smoothenPath(e,i)}catch(e){}return{fullPath:i,smoothedPath:d}}(j.grid,j.start,j.end,F),O=D.fullPath,X=D.smoothedPath;if(X.length<=2)return a.default.createElement("curve"===I?t.BezierEdge:t.StraightEdge,d({},e));var W=X.map((function(e){var t=p({x:e[0],y:e[1]},k.xMin,k.yMin,C);return[t.x,t.y]})),Y="curve"===I?function(e,t,r){return function(e){for(var t=e[0],r=e[0],n="M"+r[0]+","+r[1]+"M",o=0;o<e.length;o++){var a=e[o],i=[(t[0]-(d=a[0]))/2+d,(t[1]-(u=a[1]))/2+u];n+=" "+i[0]+","+i[1],n+="Q"+a[0]+","+a[1],t=a}var d,u,l=e[e.length-1];return n+" "+l[0]+","+l[1]}([[e.x,e.y]].concat(r,[[t.x,t.y]]))}(q,G,W):function(e,t,r){var n="M "+e.x+", "+e.y+" ";return r.forEach((function(e){n+="L "+e[0]+", "+e[1]+" "})),n+="L "+t.x+", "+t.y+" "}(q,G,W),z=O[Math.floor(O.length/2)],H=p({x:z[0],y:z[1]},k.xMin,k.yMin,C),Q=N?a.default.createElement(t.EdgeText,{x:H.x,y:H.y,label:N,labelStyle:P,labelShowBg:R,labelBgStyle:T,labelBgPadding:A,labelBgBorderRadius:_}):null,U=t.getMarkerEnd(x,M);return a.default.createElement(a.default.Fragment,null,a.default.createElement("path",{style:w,className:"react-flow__edge-path",d:Y,markerEnd:U}),Q)})),w=e.memo((function(r){var n=t.useStoreState((function(e){return e.nodes})),o=g().debounceTime,u=e.useState(d({storeNodes:n},r)),l=u[0],s=u[1];return i.default((function(){s(d({storeNodes:n},r))}),o,[r,n]),a.default.createElement(M,d({},l))})),S=e.memo((function(e){var r=t.useStoreState((function(e){return e.nodes}));return a.default.createElement(M,d({storeNodes:r},e))}));S.displayName="RegularPathFindingEdge";var N=e.memo((function(t){var r=e.useContext(c);return r?a.default.createElement(0===r.debounceTime?S:w,d({},t)):a.default.createElement(x,null,a.default.createElement(w,d({},t)),";")}));N.displayName="SmartEdge",exports.SmartEdge=N,exports.SmartEdgeProvider=x,exports.default=N;
 //# sourceMappingURL=react-flow-smart-edge.cjs.production.min.js.map

dist/react-flow-smart-edge.esm.js

@@ -83,2 +83,3 @@ import React, { createContext, useContext, memo, useState } from 'react';
   debounceTime = toInteger(debounceTime); // Guarantee correct line type
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 
@@ -411,4 +412,5 @@ if (lineType !== 'curve' && lineType !== 'straight') {
         @typescript-eslint/no-unsafe-member-access,
+        @typescript-eslint/no-unsafe-argument,
     */
-    var rf = node == null ? void 0 : node.__rf;
+    var rf = node.__rf;
     var width = Math.max((rf == null ? void 0 : rf.width) || 0, 1);
@@ -423,2 +425,3 @@ var height = Math.max((rf == null ? void 0 : rf.height) || 0, 1);
         @typescript-eslint/no-unsafe-member-access,
+        @typescript-eslint/no-unsafe-argument,
     */
@@ -571,6 +574,6 @@
     if (lineType === 'curve') {
-      return React.createElement(BezierEdge, Object.assign({}, props));
+      return React.createElement(BezierEdge, _extends({}, props));
     }
 
-    return React.createElement(StraightEdge, Object.assign({}, props));
+    return React.createElement(StraightEdge, _extends({}, props));
   } // Here we convert the grid path to a sequence of graph coordinates.
@@ -639,3 +642,3 @@
   }, debounceTime, [props, storeNodes]);
-  return React.createElement(PathFindingEdge, Object.assign({}, debouncedProps));
+  return React.createElement(PathFindingEdge, _extends({}, debouncedProps));
 });
@@ -646,3 +649,3 @@ var RegularPathFindingEdge = /*#__PURE__*/memo(function (props) {
   });
-  return React.createElement(PathFindingEdge, Object.assign({
+  return React.createElement(PathFindingEdge, _extends({
     storeNodes: storeNodes
@@ -656,15 +659,14 @@ }, props));
   if (!context) {
-    return React.createElement(SmartEdgeProvider, null, React.createElement(DebouncedPathFindingEdge, Object.assign({}, props)), ";");
+    return React.createElement(SmartEdgeProvider, null, React.createElement(DebouncedPathFindingEdge, _extends({}, props)), ";");
   }
 
   if (context.debounceTime === 0) {
-    return React.createElement(RegularPathFindingEdge, Object.assign({}, props));
+    return React.createElement(RegularPathFindingEdge, _extends({}, props));
   }
 
-  return React.createElement(DebouncedPathFindingEdge, Object.assign({}, props));
+  return React.createElement(DebouncedPathFindingEdge, _extends({}, props));
 });
 SmartEdge.displayName = 'SmartEdge';
 
-export default SmartEdge;
-export { SmartEdge, SmartEdgeProvider };
+export { SmartEdge, SmartEdgeProvider, SmartEdge as default };
 //# sourceMappingURL=react-flow-smart-edge.esm.js.map

dist/stories/SmartEdge/SmartEdge.stories.d.ts

 import type { GraphWithProviderProps } from './Graph';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+import type { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const DefaultExample: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("react-flow-renderer").ReactFlowProps>;
-export declare const StraightLines: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const StraightLinesWithLessCorners: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const SmallerDebounce: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const NoDebounce: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const BiggerNodePadding: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const SmallerNodePadding: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const BiggerGridRatio: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const SmallerGridRatio: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GraphWithProviderProps>;
-export declare const SmallExample: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("react-flow-renderer").ReactFlowProps>;
+export declare const DefaultExample: Story<import("react-flow-renderer").ReactFlowProps>;
+export declare const StraightLines: Story<GraphWithProviderProps>;
+export declare const StraightLinesWithLessCorners: Story<GraphWithProviderProps>;
+export declare const SmallerDebounce: Story<GraphWithProviderProps>;
+export declare const NoDebounce: Story<GraphWithProviderProps>;
+export declare const BiggerNodePadding: Story<GraphWithProviderProps>;
+export declare const SmallerNodePadding: Story<GraphWithProviderProps>;
+export declare const BiggerGridRatio: Story<GraphWithProviderProps>;
+export declare const SmallerGridRatio: Story<GraphWithProviderProps>;
+export declare const SmallExample: Story<import("react-flow-renderer").ReactFlowProps>;

package.json

 {
 	"name": "@tisoap/react-flow-smart-edge",
-	"version": "0.4.1",
+	"version": "0.4.2",
 	"keywords": [
@@ -31,14 +31,14 @@ "react",
 		"build-storybook": "build-storybook",
-		"build": "tsdx build",
+		"build": "dts build",
 		"deploy-storybook": "gh-pages -d storybook-static",
-		"lint": "tsdx lint src test stories --fix",
+		"lint": "dts lint src test stories --fix",
 		"predeploy": "npm run build-storybook",
-		"prepare": "tsdx build",
-		"start": "tsdx watch",
+		"prepare": "dts build",
+		"start": "dts watch",
 		"storybook": "start-storybook -p 6006",
-		"test": "tsdx test --passWithNoTests"
+		"test": "dts test --passWithNoTests"
 	},
 	"husky": {
 		"hooks": {
-			"pre-commit": "tsdx lint"
+			"pre-commit": "dts lint"
 		}
@@ -48,33 +48,34 @@ },
 		"pathfinding": "0.4.18",
-		"react-use": "17.3.1",
+		"react-use": "17.3.2",
 		"tiny-warning": "1.0.3"
 	},
 	"devDependencies": {
-		"@babel/core": "7.16.0",
-		"@storybook/addon-essentials": "6.4.9",
+		"@babel/core": "7.17.2",
+		"@storybook/addon-essentials": "6.4.19",
 		"@storybook/addon-info": "5.3.21",
-		"@storybook/addon-links": "6.4.9",
-		"@storybook/addons": "6.4.9",
-		"@storybook/builder-webpack5": "6.4.9",
-		"@storybook/components": "6.4.9",
-		"@storybook/core-events": "6.4.9",
-		"@storybook/manager-webpack5": "6.4.9",
-		"@storybook/react": "6.4.9",
-		"@storybook/theming": "6.4.9",
-		"@tisoap/eslint-config-ts-react": "1.1.1",
+		"@storybook/addon-links": "6.4.19",
+		"@storybook/addons": "6.4.19",
+		"@storybook/builder-webpack5": "6.4.19",
+		"@storybook/components": "6.4.19",
+		"@storybook/core-events": "6.4.19",
+		"@storybook/manager-webpack5": "6.4.19",
+		"@storybook/react": "6.4.19",
+		"@storybook/theming": "6.4.19",
+		"@tisoap/eslint-config-ts-react": "3.0.0",
 		"@types/pathfinding": "0.0.5",
-		"@types/react": "17.0.34",
+		"@types/react": "17.0.39",
 		"@types/react-dom": "17.0.11",
-		"@typescript-eslint/eslint-plugin": "4.33.0",
-		"@typescript-eslint/parser": "4.33.0",
+		"@typescript-eslint/eslint-plugin": "5.11.0",
+		"@typescript-eslint/parser": "5.11.0",
 		"babel-eslint": "10.1.0",
 		"babel-loader": "8.2.3",
-		"eslint": "7.32.0",
-		"eslint-config-prettier": "7.2.0",
-		"eslint-config-react-app": "6.0.0",
-		"eslint-plugin-flowtype": "5.10.0",
-		"eslint-plugin-import": "2.25.3",
+		"dts-cli": "1.2.0",
+		"eslint": "8.9.0",
+		"eslint-config-prettier": "8.3.0",
+		"eslint-config-react-app": "7.0.0",
+		"eslint-plugin-flowtype": "8.0.3",
+		"eslint-plugin-import": "2.25.4",
 		"eslint-plugin-jsx-a11y": "6.5.1",
-		"eslint-plugin-prettier": "3.3.1",
-		"eslint-plugin-react": "7.27.0",
+		"eslint-plugin-prettier": "4.0.0",
+		"eslint-plugin-react": "7.28.0",
 		"eslint-plugin-react-hooks": "4.3.0",
@@ -84,11 +85,10 @@ "eslint-plugin-storybook": "0.5.6",
 		"husky": "7.0.4",
-		"prettier": "2.4.1",
-		"react": "16.14.0",
-		"react-dom": "16.14.0",
-		"react-flow-renderer": "9.6.11",
+		"prettier": "2.5.1",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"react-flow-renderer": "9.7.4",
 		"regenerator-runtime": "0.13.9",
-		"tsdx": "0.14.1",
 		"tslib": "2.3.1",
-		"typescript": "4.4.4",
-		"webpack": "5.64.1"
+		"typescript": "4.5.5",
+		"webpack": "5.68.0"
 	},
@@ -95,0 +95,0 @@ "peerDependencies": {

src/SmartEdge/getBoundingBoxes.ts

@@ -50,4 +50,5 @@ import { roundUp, roundDown } from './utils'
 			@typescript-eslint/no-unsafe-member-access,
+			@typescript-eslint/no-unsafe-argument,
 		*/
-		const rf = node?.__rf
+		const rf = node.__rf
 		const width = Math.max(rf?.width || 0, 1)
@@ -63,2 +64,3 @@ const height = Math.max(rf?.height || 0, 1)
 			@typescript-eslint/no-unsafe-member-access,
+			@typescript-eslint/no-unsafe-argument,
 		*/
@@ -65,0 +67,0 @@

No alert changes

Improved metrics

Total package byte prevSize

199045

increased by0.14%

Lines of code

2118

increased by0.52%

Dependency changes

• + Addedreact-use@17.3.2(transitive)

• - Removedreact-use@17.3.1(transitive)

• Updatedreact-use@17.3.2