@ebay/nice-dag-react 1.0.10 → 1.0.11

package/README.md

@@ -1,7 +1,7 @@
 # nice-dag-react
 [![NPM](https://img.shields.io/npm/v/@ebay/nice-dag-react.svg)](https://www.npmjs.com/package/@ebay/nice-dag-react)
 [![Downloads](https://img.shields.io/npm/dm/@ebay/nice-dag-react.svg)](https://www.npmjs.com/package/@ebay/nice-dag-react)
-[![Demo](https://img.shields.io/badge/demo-link-orange.svg)](https://opensource.ebay.com/nice-dag/examples/index.html)
+[![Demo](https://img.shields.io/badge/demo-link-orange.svg)](https://opensource.ebay.com/nice-dag/examples/react/index.html)
 [![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/eBay/nice-dag/blob/main/LICENSE.md)
 
 ## What is nice-dag-react?

package/lib/index.cjs

@@ -24,4 +24,4 @@ Check the render method of \``+e+"`."}return""}}function or(e){{if(e!==void 0){v
 
 Check your code at `+r+":"+t+"."}return""}}var we={};function ir(e){{var r=Pe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function Se(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ir(r);if(we[t])return;we[t]=!0;var n="";e&&e._owner&&e._owner!==te.current&&(n=" It was passed a child from "+j(e._owner.type)+"."),F(e),f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),F(null)}}function xe(e,r){{if(typeof e!="object")return;if(ee(e))for(var t=0;t<e.length;t++){var n=e[t];ae(n)&&Se(n,r)}else if(ae(e))e._store&&(e._store.validated=!0);else if(e){var u=U(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),o;!(o=c.next()).done;)ae(o.value)&&Se(o.value,r)}}}function ur(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===s))t=r.propTypes;else return;if(t){var n=j(r);Ge(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ne){ne=!0;var u=j(r);f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){F(e),f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),F(null);break}}e.ref!==null&&(F(e),f("Invalid attribute `ref` supplied to `React.Fragment`."),F(null))}}function je(e,r,t,n,u,c){{var o=Me(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var h=or(u);h?a+=h:a+=Pe();var d;e===null?d="null":ee(e)?d="array":e!==void 0&&e.$$typeof===l?(d="<"+(j(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,a)}var v=ar(e,r,t,u,c);if(v==null)return v;if(o){var _=r.children;if(_!==void 0)if(n)if(ee(_)){for(var A=0;A<_.length;A++)xe(_[A],e);Object.freeze&&Object.freeze(_)}else f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else xe(_,e)}return e===E?sr(v):ur(v),v}}function cr(e,r,t){return je(e,r,t,!0)}function lr(e,r,t){return je(e,r,t,!1)}var fr=lr,dr=cr;L.Fragment=E,L.jsx=fr,L.jsxs=dr}()),L}(function(i){process.env.NODE_ENV==="production"?i.exports=hr():i.exports=mr()})(ue);const se=ue.exports.Fragment,I=ue.exports.jsx;class Ae extends V.default.Component{render(){if(this.props.niceDag&&this.props.node.ref){const l=this.props.niceDag.getElementByNodeId(this.props.node.id);if(l)return ie.default.createPortal(I(se,{children:this.props.render(this.props)}),l)}return null}}class Ie extends V.default.Component{render(){return this.props.niceDag&&this.props.edge.ref?ie.default.createPortal(I(se,{children:this.props.render(this.props)}),this.props.edge.ref):null}}class Er extends V.default.Component{render(){if(this.props.niceDag){const l=this.props.niceDag.getRootContentElement();return ie.default.createPortal(I(se,{children:this.props.render(this.props.niceDag)}),l)}return null}}function br(i){const l=m.useCallback(()=>{i.remove()},[i]),D=m.useCallback((E,y=40)=>{i.insertNodes(E,y)},[i]);return{onEdgeRemove:l,onNodeInsert:D}}function Rr({node:i,niceDag:l}){const D=m.useCallback(()=>{i.remove()},[i]),E=m.useCallback(O=>{l.startEdgeDragging(i,O)},[l,i]),y=m.useCallback(O=>{l.startNodeDragging(i,O)},[l,i]);return{onNodeRemove:D,startEdgeDragging:E,startNodeDragging:y}}function _r(i){const{initNodes:l}=i;if(!l)throw new Error("initNodes can't be undefined!")}function yr(i){_r(i);const{onMount:l,renderNode:D,renderRootView:E,renderEdge:y,scrollPosition:O,initNodes:C,minimapConfig:P,...p}=i,w=m.useRef(null),g=m.useRef(null),s=m.useRef(null),T=m.useRef(),[R,S]=m.useState(0),K=m.useCallback(()=>{s.current&&s.current.destory()},[S]),U=m.useMemo(()=>({onChange:()=>{S(R+1)}}),[S,R]);return m.useEffect(()=>{if(T.current!==C){if(!s.current){const b=gr.default.init({container:w.current,minimapContainer:g.current,minimapConfig:P,...p},i.editable);s.current=b}s.current.withNodes(C).render(),S(R+1),T.current=C,l&&l()}return s.current.addNiceDagChangeListener(U),()=>{s.current.removeNiceDagChangeListener(U)}},[C,S,R,l]),m.useEffect(()=>(s.current&&s.current.isDestoried&&(s.current.withNodes(C).render(),S(R+1)),()=>{s.current&&s.current.destory()}),[]),{niceDag:s.current,niceDagEl:w,minimapEl:g,render:()=>{if(s.current){const b=s.current.getAllNodes();let f=(b==null?void 0:b.length)>0?b.map(x=>I(Ae,{render:D,node:x,niceDag:s.current,patchVersion:R},x.id)):null;if(E&&(f=[...f,I(Er,{niceDag:s.current,render:E})]),y){const x=s.current.getAllEdges(),H=(x==null?void 0:x.length)>0?x.map($=>I(Ie,{render:y,edge:$,patchVersion:R,niceDag:s.current},`edge-${$.source.id}-${$.target.id}`)):[];f=[...f,...H]}return f}return null},reset:K}}exports.NiceDagEdge=Ie;exports.NiceDagNode=Ae;exports.useNiceDag=yr;exports.useNiceDagEdge=br;exports.useNiceDagNode=Rr;
+Check the top-level render call using <`+t+">.")}return r}}function Se(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ir(r);if(we[t])return;we[t]=!0;var n="";e&&e._owner&&e._owner!==te.current&&(n=" It was passed a child from "+j(e._owner.type)+"."),F(e),f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),F(null)}}function xe(e,r){{if(typeof e!="object")return;if(ee(e))for(var t=0;t<e.length;t++){var n=e[t];ae(n)&&Se(n,r)}else if(ae(e))e._store&&(e._store.validated=!0);else if(e){var u=U(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),o;!(o=c.next()).done;)ae(o.value)&&Se(o.value,r)}}}function ur(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===s))t=r.propTypes;else return;if(t){var n=j(r);Ge(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ne){ne=!0;var u=j(r);f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){F(e),f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),F(null);break}}e.ref!==null&&(F(e),f("Invalid attribute `ref` supplied to `React.Fragment`."),F(null))}}function je(e,r,t,n,u,c){{var o=Me(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var h=or(u);h?a+=h:a+=Pe();var d;e===null?d="null":ee(e)?d="array":e!==void 0&&e.$$typeof===l?(d="<"+(j(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,a)}var v=ar(e,r,t,u,c);if(v==null)return v;if(o){var _=r.children;if(_!==void 0)if(n)if(ee(_)){for(var A=0;A<_.length;A++)xe(_[A],e);Object.freeze&&Object.freeze(_)}else f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else xe(_,e)}return e===E?sr(v):ur(v),v}}function cr(e,r,t){return je(e,r,t,!0)}function lr(e,r,t){return je(e,r,t,!1)}var fr=lr,dr=cr;L.Fragment=E,L.jsx=fr,L.jsxs=dr}()),L}(function(i){process.env.NODE_ENV==="production"?i.exports=hr():i.exports=mr()})(ue);const se=ue.exports.Fragment,I=ue.exports.jsx;class Ae extends V.default.Component{render(){if(this.props.niceDag&&this.props.node.ref){const l=this.props.niceDag.getElementByNodeId(this.props.node.id);if(l)return ie.default.createPortal(I(se,{children:this.props.render(this.props)}),l)}return null}}class Ie extends V.default.Component{render(){return this.props.niceDag&&this.props.edge.ref?ie.default.createPortal(I(se,{children:this.props.render(this.props)}),this.props.edge.ref):null}}class Er extends V.default.Component{render(){if(this.props.niceDag){const l=this.props.niceDag.getRootContentElement();return ie.default.createPortal(I(se,{children:this.props.render(this.props.niceDag)}),l)}return null}}function br(i){const l=m.useCallback(()=>{i.remove()},[i]),D=m.useCallback((E,y=40)=>{i.insertNodes(E,y)},[i]);return{onEdgeRemove:l,onNodeInsert:D}}function Rr({node:i,niceDag:l}){const D=m.useCallback(()=>{i.remove()},[i]),E=m.useCallback(O=>{l.startEdgeDragging(i,O)},[l,i]),y=m.useCallback(O=>{l.startNodeDragging(i,O)},[l,i]);return{onNodeRemove:D,startEdgeDragging:E,startNodeDragging:y}}function _r(i){const{initNodes:l}=i;if(!l)throw new Error("initNodes can't be undefined!")}function yr(i){_r(i);const{onMount:l,renderNode:D,renderRootView:E,renderEdge:y,scrollPosition:O,initNodes:C,minimapConfig:P,...p}=i,w=m.useRef(null),g=m.useRef(null),s=m.useRef(null),T=m.useRef(),[R,S]=m.useState(0),K=m.useCallback(()=>{s.current&&s.current.destory()},[S]),U=m.useMemo(()=>({onChange:()=>{S(R+1)}}),[S,R]);return m.useEffect(()=>{if(T.current!==C){if(!s.current){const b=gr.default.init({container:w.current,minimapContainer:g.current,minimapConfig:P,...p},i.editable);s.current=b}s.current.withNodes(C).render(),S(R+1),T.current=C,l&&l()}return s.current.addNiceDagChangeListener(U),()=>{s.current.removeNiceDagChangeListener(U)}},[C,S,R,l]),m.useEffect(()=>(s.current&&s.current.isDestoried&&(s.current.withNodes(C).render(),S(R+1)),()=>{s.current&&s.current.destory()}),[]),{niceDag:s.current,niceDagEl:w,minimapEl:g,render:()=>{if(s.current){const b=s.current.getAllNodes();let f=(b==null?void 0:b.length)>0?b.map(x=>I(Ae,{render:D,node:x,niceDag:s.current,patchVersion:R},x.id)):null;if(E&&(f=[...f,I(Er,{niceDag:s.current,render:E},"root-view")]),y){const x=s.current.getAllEdges(),H=(x==null?void 0:x.length)>0?x.map($=>I(Ie,{render:y,edge:$,patchVersion:R,niceDag:s.current},`edge-${$.source.id}-${$.target.id}`)):[];f=[...f,...H]}return f}return null},reset:K}}exports.NiceDagEdge=Ie;exports.NiceDagNode=Ae;exports.useNiceDag=yr;exports.useNiceDagEdge=br;exports.useNiceDagNode=Rr;

package/lib/index.js

@@ -16,16 +16,16 @@ function gr() {
   if (Fe)
     return V;
   Fe = 1;
-  var s = M, l = Symbol.for("react.element"), T = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, y = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, P = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function _(w, p, O) {
+  var s = M, l = Symbol.for("react.element"), T = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, y = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function _(P, p, O) {
     var g, u = {}, C = null, R = null;
     O !== void 0 && (C = "" + O), p.key !== void 0 && (C = "" + p.key), p.ref !== void 0 && (R = p.ref);
     for (g in p)
-      m.call(p, g) && !P.hasOwnProperty(g) && (u[g] = p[g]);
-    if (w && w.defaultProps)
-      for (g in p = w.defaultProps, p)
+      m.call(p, g) && !w.hasOwnProperty(g) && (u[g] = p[g]);
+    if (P && P.defaultProps)
+      for (g in p = P.defaultProps, p)
         u[g] === void 0 && (u[g] = p[g]);
-    return { $$typeof: l, type: w, key: C, ref: R, props: u, _owner: y.current };
+    return { $$typeof: l, type: P, key: C, ref: R, props: u, _owner: y.current };
   }
   return V.Fragment = T, V.jsx = _, V.jsxs = _, V;
 }
@@ -42,7 +42,7 @@ var L = {};
 var Ae;
 function hr() {
   return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
-    var s = M, l = Symbol.for("react.element"), T = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), w = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), D = Symbol.iterator, H = "@@iterator";
+    var s = M, l = Symbol.for("react.element"), T = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), P = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), D = Symbol.iterator, H = "@@iterator";
     function U(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -70,7 +70,7 @@ function hr() {
     var X = !1, $ = !1, Ie = !1, $e = !1, We = !1, ce;
     ce = Symbol.for("react.module.reference");
     function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === m || e === P || We || e === y || e === O || e === g || $e || e === R || X || $ || Ie || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === u || e.$$typeof === _ || e.$$typeof === w || e.$$typeof === p || e.$$typeof === ce || e.getModuleId !== void 0));
+      return !!(typeof e == "string" || typeof e == "function" || e === m || e === w || We || e === y || e === O || e === g || $e || e === R || X || $ || Ie || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === u || e.$$typeof === _ || e.$$typeof === P || e.$$typeof === p || e.$$typeof === ce || e.getModuleId !== void 0));
     }
     function Ve(e, r, t) {
       var n = e.displayName;
@@ -94,7 +94,7 @@ function hr() {
           return "Fragment";
         case T:
           return "Portal";
-        case P:
+        case w:
           return "Profiler";
         case y:
           return "StrictMode";
@@ -105,7 +105,7 @@ function hr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case w:
+          case P:
             var r = e;
             return le(r) + ".Consumer";
           case _:
@@ -371,7 +371,7 @@ function hr() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, Te, Pe, te;
+    }, Te, we, te;
     te = {};
     function Xe(e) {
       if (G.call(e, "ref")) {
@@ -409,7 +409,7 @@ function hr() {
     function rr(e, r) {
       {
         var t = function() {
-          Pe || (Pe = !0, f("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          we || (we = !0, f("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -461,13 +461,13 @@ function hr() {
         return tr(e, a, h, i, n, Y.current, o);
       }
     }
-    var ne = E.ReactCurrentOwner, we = E.ReactDebugCurrentFrame;
+    var ne = E.ReactCurrentOwner, Pe = E.ReactDebugCurrentFrame;
     function N(e) {
       if (e) {
         var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(t);
+        Pe.setExtraStackFrame(t);
       } else
-        we.setExtraStackFrame(null);
+        Pe.setExtraStackFrame(null);
     }
     var ae;
     ae = !1;
@@ -662,16 +662,16 @@ function Tr(s) {
     onNodeInsert: T
   };
 }
-function Pr({
+function wr({
   node: s,
   niceDag: l
 }) {
   const T = A(() => {
     s.remove();
-  }, [s]), m = A((P) => {
-    l.startEdgeDragging(s, P);
-  }, [l, s]), y = A((P) => {
-    l.startNodeDragging(s, P);
+  }, [s]), m = A((w) => {
+    l.startEdgeDragging(s, w);
+  }, [l, s]), y = A((w) => {
+    l.startNodeDragging(s, w);
   }, [l, s]);
   return {
     onNodeRemove: T,
@@ -686,16 +686,16 @@ function br(s) {
   if (!l)
     throw new Error("initNodes can't be undefined!");
 }
-function wr(s) {
+function Pr(s) {
   br(s);
   const {
     onMount: l,
     renderNode: T,
     renderRootView: m,
     renderEdge: y,
-    scrollPosition: P,
+    scrollPosition: w,
     initNodes: _,
-    minimapConfig: w,
+    minimapConfig: P,
     ...p
   } = s, O = K(null), g = K(null), u = K(null), C = K(), [R, D] = dr(0), H = A(() => {
     u.current && u.current.destory();
@@ -710,7 +710,7 @@ function wr(s) {
         const E = pr.init({
           container: O.current,
           minimapContainer: g.current,
-          minimapConfig: w,
+          minimapConfig: P,
           ...p
         }, s.editable);
         u.current = E;
@@ -738,7 +738,7 @@ function wr(s) {
         if (m && (f = [...f, /* @__PURE__ */ I(Rr, {
           niceDag: u.current,
           render: m
-        })]), y) {
+        }, "root-view")]), y) {
           const S = u.current.getAllEdges(), X = (S == null ? void 0 : S.length) > 0 ? S.map(($) => /* @__PURE__ */ I(Er, {
             render: y,
             edge: $,
@@ -757,7 +757,7 @@ function wr(s) {
 export {
   Er as NiceDagEdge,
   mr as NiceDagNode,
-  wr as useNiceDag,
+  Pr as useNiceDag,
   Tr as useNiceDagEdge,
-  Pr as useNiceDagNode
+  wr as useNiceDagNode
 };

package/lib/index.umd.cjs

@@ -24,4 +24,4 @@ Check the render method of \``+e+"`."}return""}}function hr(e){{if(e!==void 0){v
 
 Check your code at `+r+":"+t+"."}return""}}var ke={};function mr(e){{var r=Ne();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function Fe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=mr(r);if(ke[t])return;ke[t]=!0;var n="";e&&e._owner&&e._owner!==ue.current&&(n=" It was passed a child from "+N(e._owner.type)+"."),I(e),l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),I(null)}}function Ae(e,r){{if(typeof e!="object")return;if(ie(e))for(var t=0;t<e.length;t++){var n=e[t];ce(n)&&Fe(n,r)}else if(ce(e))e._store&&(e._store.validated=!0);else if(e){var u=q(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),i;!(i=c.next()).done;)ce(i.value)&&Fe(i.value,r)}}}function Er(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===g||r.$$typeof===s))t=r.propTypes;else return;if(t){var n=N(r);ar(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!se){se=!0;var u=N(r);l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function br(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){I(e),l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),I(null);break}}e.ref!==null&&(I(e),l("Invalid attribute `ref` supplied to `React.Fragment`."),I(null))}}function Ie(e,r,t,n,u,c){{var i=Xe(e);if(!i){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var m=hr(u);m?a+=m:a+=Ne();var d;e===null?d="null":ie(e)?d="array":e!==void 0&&e.$$typeof===f?(d="<"+(N(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,a)}var v=gr(e,r,t,u,c);if(v==null)return v;if(i){var R=r.children;if(R!==void 0)if(n)if(ie(R)){for(var $=0;$<R.length;$++)Ae(R[$],e);Object.freeze&&Object.freeze(R)}else l("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ae(R,e)}return e===b?br(v):Er(v),v}}function yr(e,r,t){return Ie(e,r,t,!0)}function _r(e,r,t){return Ie(e,r,t,!1)}var Rr=_r,Cr=yr;M.Fragment=b,M.jsx=Rr,M.jsxs=Cr}()),M}(function(o){process.env.NODE_ENV==="production"?o.exports=Le():o.exports=Ve()})(Z);const Q=Z.exports.Fragment,A=Z.exports.jsx;class de extends W.default.Component{render(){if(this.props.niceDag&&this.props.node.ref){const f=this.props.niceDag.getElementByNodeId(this.props.node.id);if(f)return X.default.createPortal(A(Q,{children:this.props.render(this.props)}),f)}return null}}class ve extends W.default.Component{render(){return this.props.niceDag&&this.props.edge.ref?X.default.createPortal(A(Q,{children:this.props.render(this.props)}),this.props.edge.ref):null}}class Ue extends W.default.Component{render(){if(this.props.niceDag){const f=this.props.niceDag.getRootContentElement();return X.default.createPortal(A(Q,{children:this.props.render(this.props.niceDag)}),f)}return null}}function qe(o){const f=p.useCallback(()=>{o.remove()},[o]),O=p.useCallback((b,C=40)=>{o.insertNodes(b,C)},[o]);return{onEdgeRemove:f,onNodeInsert:O}}function Be({node:o,niceDag:f}){const O=p.useCallback(()=>{o.remove()},[o]),b=p.useCallback(P=>{f.startEdgeDragging(o,P)},[f,o]),C=p.useCallback(P=>{f.startNodeDragging(o,P)},[f,o]);return{onNodeRemove:O,startEdgeDragging:b,startNodeDragging:C}}function Je(o){const{initNodes:f}=o;if(!f)throw new Error("initNodes can't be undefined!")}function Ge(o){Je(o);const{onMount:f,renderNode:O,renderRootView:b,renderEdge:C,scrollPosition:P,initNodes:T,minimapConfig:w,...g}=o,S=p.useRef(null),h=p.useRef(null),s=p.useRef(null),D=p.useRef(),[_,j]=p.useState(0),ee=p.useCallback(()=>{s.current&&s.current.destory()},[j]),q=p.useMemo(()=>({onChange:()=>{j(_+1)}}),[j,_]);return p.useEffect(()=>{if(D.current!==T){if(!s.current){const y=Me.default.init({container:S.current,minimapContainer:h.current,minimapConfig:w,...g},o.editable);s.current=y}s.current.withNodes(T).render(),j(_+1),D.current=T,f&&f()}return s.current.addNiceDagChangeListener(q),()=>{s.current.removeNiceDagChangeListener(q)}},[T,j,_,f]),p.useEffect(()=>(s.current&&s.current.isDestoried&&(s.current.withNodes(T).render(),j(_+1)),()=>{s.current&&s.current.destory()}),[]),{niceDag:s.current,niceDagEl:S,minimapEl:h,render:()=>{if(s.current){const y=s.current.getAllNodes();let l=(y==null?void 0:y.length)>0?y.map(x=>A(de,{render:O,node:x,niceDag:s.current,patchVersion:_},x.id)):null;if(b&&(l=[...l,A(Ue,{niceDag:s.current,render:b})]),C){const x=s.current.getAllEdges(),re=(x==null?void 0:x.length)>0?x.map(L=>A(ve,{render:C,edge:L,patchVersion:_,niceDag:s.current},`edge-${L.source.id}-${L.target.id}`)):[];l=[...l,...re]}return l}return null},reset:ee}}E.NiceDagEdge=ve,E.NiceDagNode=de,E.useNiceDag=Ge,E.useNiceDagEdge=qe,E.useNiceDagNode=Be,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+Check the top-level render call using <`+t+">.")}return r}}function Fe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=mr(r);if(ke[t])return;ke[t]=!0;var n="";e&&e._owner&&e._owner!==ue.current&&(n=" It was passed a child from "+N(e._owner.type)+"."),I(e),l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),I(null)}}function Ae(e,r){{if(typeof e!="object")return;if(ie(e))for(var t=0;t<e.length;t++){var n=e[t];ce(n)&&Fe(n,r)}else if(ce(e))e._store&&(e._store.validated=!0);else if(e){var u=q(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),i;!(i=c.next()).done;)ce(i.value)&&Fe(i.value,r)}}}function Er(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===g||r.$$typeof===s))t=r.propTypes;else return;if(t){var n=N(r);ar(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!se){se=!0;var u=N(r);l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function br(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){I(e),l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),I(null);break}}e.ref!==null&&(I(e),l("Invalid attribute `ref` supplied to `React.Fragment`."),I(null))}}function Ie(e,r,t,n,u,c){{var i=Xe(e);if(!i){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var m=hr(u);m?a+=m:a+=Ne();var d;e===null?d="null":ie(e)?d="array":e!==void 0&&e.$$typeof===f?(d="<"+(N(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,a)}var v=gr(e,r,t,u,c);if(v==null)return v;if(i){var R=r.children;if(R!==void 0)if(n)if(ie(R)){for(var $=0;$<R.length;$++)Ae(R[$],e);Object.freeze&&Object.freeze(R)}else l("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ae(R,e)}return e===b?br(v):Er(v),v}}function yr(e,r,t){return Ie(e,r,t,!0)}function _r(e,r,t){return Ie(e,r,t,!1)}var Rr=_r,Cr=yr;M.Fragment=b,M.jsx=Rr,M.jsxs=Cr}()),M}(function(o){process.env.NODE_ENV==="production"?o.exports=Le():o.exports=Ve()})(Z);const Q=Z.exports.Fragment,A=Z.exports.jsx;class de extends W.default.Component{render(){if(this.props.niceDag&&this.props.node.ref){const f=this.props.niceDag.getElementByNodeId(this.props.node.id);if(f)return X.default.createPortal(A(Q,{children:this.props.render(this.props)}),f)}return null}}class ve extends W.default.Component{render(){return this.props.niceDag&&this.props.edge.ref?X.default.createPortal(A(Q,{children:this.props.render(this.props)}),this.props.edge.ref):null}}class Ue extends W.default.Component{render(){if(this.props.niceDag){const f=this.props.niceDag.getRootContentElement();return X.default.createPortal(A(Q,{children:this.props.render(this.props.niceDag)}),f)}return null}}function qe(o){const f=p.useCallback(()=>{o.remove()},[o]),O=p.useCallback((b,C=40)=>{o.insertNodes(b,C)},[o]);return{onEdgeRemove:f,onNodeInsert:O}}function Be({node:o,niceDag:f}){const O=p.useCallback(()=>{o.remove()},[o]),b=p.useCallback(P=>{f.startEdgeDragging(o,P)},[f,o]),C=p.useCallback(P=>{f.startNodeDragging(o,P)},[f,o]);return{onNodeRemove:O,startEdgeDragging:b,startNodeDragging:C}}function Je(o){const{initNodes:f}=o;if(!f)throw new Error("initNodes can't be undefined!")}function Ge(o){Je(o);const{onMount:f,renderNode:O,renderRootView:b,renderEdge:C,scrollPosition:P,initNodes:T,minimapConfig:w,...g}=o,S=p.useRef(null),h=p.useRef(null),s=p.useRef(null),D=p.useRef(),[_,j]=p.useState(0),ee=p.useCallback(()=>{s.current&&s.current.destory()},[j]),q=p.useMemo(()=>({onChange:()=>{j(_+1)}}),[j,_]);return p.useEffect(()=>{if(D.current!==T){if(!s.current){const y=Me.default.init({container:S.current,minimapContainer:h.current,minimapConfig:w,...g},o.editable);s.current=y}s.current.withNodes(T).render(),j(_+1),D.current=T,f&&f()}return s.current.addNiceDagChangeListener(q),()=>{s.current.removeNiceDagChangeListener(q)}},[T,j,_,f]),p.useEffect(()=>(s.current&&s.current.isDestoried&&(s.current.withNodes(T).render(),j(_+1)),()=>{s.current&&s.current.destory()}),[]),{niceDag:s.current,niceDagEl:S,minimapEl:h,render:()=>{if(s.current){const y=s.current.getAllNodes();let l=(y==null?void 0:y.length)>0?y.map(x=>A(de,{render:O,node:x,niceDag:s.current,patchVersion:_},x.id)):null;if(b&&(l=[...l,A(Ue,{niceDag:s.current,render:b},"root-view")]),C){const x=s.current.getAllEdges(),re=(x==null?void 0:x.length)>0?x.map(L=>A(ve,{render:C,edge:L,patchVersion:_,niceDag:s.current},`edge-${L.source.id}-${L.target.id}`)):[];l=[...l,...re]}return l}return null},reset:ee}}E.NiceDagEdge=ve,E.NiceDagNode=de,E.useNiceDag=Ge,E.useNiceDagEdge=qe,E.useNiceDagNode=Be,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/nice-dag-react",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "license": "MIT",
   "type": "module",
   "main": "./lib/index.cjs",
@@ -122,5 +122,5 @@
     "test": "jest",
     "release": "pnpm build && pnpm version patch && yarn publish"
   },
-  "readme": "# nice-dag-react\n[![NPM](https://img.shields.io/npm/v/@ebay/nice-dag-react.svg)](https://www.npmjs.com/package/@ebay/nice-dag-react)\n[![Downloads](https://img.shields.io/npm/dm/@ebay/nice-dag-react.svg)](https://www.npmjs.com/package/@ebay/nice-dag-react)\n[![Demo](https://img.shields.io/badge/demo-link-orange.svg)](https://opensource.ebay.com/nice-dag/examples/index.html)\n[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/eBay/nice-dag/blob/main/LICENSE.md)\n\n## What is nice-dag-react?\n\n`nice-dag-react` is a wrapper of DOM operations given by `nice-dag-core`. In terms of **React** based **DAG Diagram** or **Flow Editor**, you can simply use this customized **react hook** which is given by `nice-dag-react` module. \n\nFor more details, please you can visit [Doc Portal](https://opensource.ebay.com/nice-dag/docs/api-ref/useNiceDag).\n"
+  "readme": "# nice-dag-react\n[![NPM](https://img.shields.io/npm/v/@ebay/nice-dag-react.svg)](https://www.npmjs.com/package/@ebay/nice-dag-react)\n[![Downloads](https://img.shields.io/npm/dm/@ebay/nice-dag-react.svg)](https://www.npmjs.com/package/@ebay/nice-dag-react)\n[![Demo](https://img.shields.io/badge/demo-link-orange.svg)](https://opensource.ebay.com/nice-dag/examples/react/index.html)\n[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/eBay/nice-dag/blob/main/LICENSE.md)\n\n## What is nice-dag-react?\n\n`nice-dag-react` is a wrapper of DOM operations given by `nice-dag-core`. In terms of **React** based **DAG Diagram** or **Flow Editor**, you can simply use this customized **react hook** which is given by `nice-dag-react` module. \n\nFor more details, please you can visit [Doc Portal](https://opensource.ebay.com/nice-dag/docs/api-ref/useNiceDag).\n"
 }