@abdellatifui/react 3.1.29 → 3.1.31

package/dist/nextgen.d.ts

@@ -101,8 +101,8 @@ export declare const createDefaultConnTemplate: (name: any, id: any, sourceId: a
     name: any;
     id: any;
     details: {};
-    source: any;
-    destination: any;
+    sourceId: any;
+    destinationId: any;
     linkColor: any;
     linkAnimationColor: any;
 };

package/dist/nextgen.js

@@ -191,14 +191,14 @@ function Sf() {
         }
       return null;
     }
-    var I = Object.assign, B = 0, Y, Z, U, ne, z, W, te;
+    var I = Object.assign, B = 0, Y, Z, q, ne, z, W, te;
     function oe() {
     }
     oe.__reactDisabledLog = !0;
     function X() {
       {
         if (B === 0) {
-          Y = console.log, Z = console.info, U = console.warn, ne = console.error, z = console.group, W = console.groupCollapsed, te = console.groupEnd;
+          Y = console.log, Z = console.info, q = console.warn, ne = console.error, z = console.group, W = console.groupCollapsed, te = console.groupEnd;
           var k = {
             configurable: !0,
             enumerable: !0,
@@ -234,7 +234,7 @@ function Sf() {
               value: Z
             }),
             warn: I({}, k, {
-              value: U
+              value: q
             }),
             error: I({}, k, {
               value: ne
@@ -406,9 +406,9 @@ function Sf() {
           }
       }
     }
-    var Se = Array.isArray;
+    var Ee = Array.isArray;
     function bt(k) {
-      return Se(k);
+      return Ee(k);
     }
     function mt(k) {
       {
@@ -553,7 +553,7 @@ Check the render method of \`` + k + "`.";
       return "";
     }
     var se = {};
-    function q(k) {
+    function U(k) {
       {
         var F = jn();
         if (!F) {
@@ -570,7 +570,7 @@ Check the top-level render call using <` + J + ">.");
         if (!k._store || k._store.validated || k.key != null)
           return;
         k._store.validated = !0;
-        var J = q(F);
+        var J = U(F);
         if (se[J])
           return;
         se[J] = !0;
@@ -578,7 +578,7 @@ Check the top-level render call using <` + J + ">.");
         k && k._owner && k._owner !== gn.current && (ue = " It was passed a child from " + M(k._owner.type) + "."), Kt(k), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', J, ue), Kt(null);
       }
     }
-    function Ee(k, F) {
+    function Se(k, F) {
       {
         if (typeof k != "object")
           return;
@@ -655,12 +655,12 @@ Check the top-level render call using <` + J + ">.");
             if (ue)
               if (bt(Dt)) {
                 for (var Un = 0; Un < Dt.length; Un++)
-                  Ee(Dt[Un], k);
+                  Se(Dt[Un], k);
                 Object.freeze && Object.freeze(Dt);
               } else
                 S("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
-              Ee(Dt, k);
+              Se(Dt, k);
         }
         if (it.call(F, "key")) {
           var On = M(k), wt = Object.keys(F).filter(function(yd) {
@@ -933,7 +933,7 @@ const De = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Lf.test(e) && !Bf.test(e)
 ), ac = () => !1, Qf = (e) => Vf.test(e), Zf = (e) => Wf.test(e), ep = () => {
-  const e = De("colors"), n = De("spacing"), t = De("blur"), r = De("brightness"), o = De("borderColor"), s = De("borderRadius"), i = De("borderSpacing"), a = De("borderWidth"), l = De("contrast"), u = De("grayscale"), f = De("hueRotate"), p = De("invert"), h = De("gap"), g = De("gradientColorStops"), y = De("gradientColorStopPositions"), d = De("inset"), b = De("margin"), C = De("opacity"), S = De("padding"), x = De("saturate"), E = De("scale"), v = De("sepia"), w = De("skew"), T = De("space"), j = De("translate"), R = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", ge, n], P = () => [ge, n], M = () => ["", on, vn], I = () => ["auto", nr, ge], B = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Y = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], ne = () => ["", "0", ge], z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [nr, ge];
+  const e = De("colors"), n = De("spacing"), t = De("blur"), r = De("brightness"), o = De("borderColor"), s = De("borderRadius"), i = De("borderSpacing"), a = De("borderWidth"), l = De("contrast"), u = De("grayscale"), f = De("hueRotate"), p = De("invert"), h = De("gap"), g = De("gradientColorStops"), y = De("gradientColorStopPositions"), d = De("inset"), b = De("margin"), C = De("opacity"), S = De("padding"), x = De("saturate"), E = De("scale"), v = De("sepia"), w = De("skew"), T = De("space"), j = De("translate"), R = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", ge, n], P = () => [ge, n], M = () => ["", on, vn], I = () => ["auto", nr, ge], B = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Y = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], ne = () => ["", "0", ge], z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [nr, ge];
   return {
     cacheSize: 500,
     separator: ":",
@@ -1337,7 +1337,7 @@ const De = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...U()]
+        justify: ["normal", ...q()]
       }],
       /**
        * Justify Items
@@ -1358,7 +1358,7 @@ const De = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...U(), "baseline"]
+        content: ["normal", ...q(), "baseline"]
       }],
       /**
        * Align Items
@@ -1379,7 +1379,7 @@ const De = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...U(), "baseline"]
+        "place-content": [...q(), "baseline"]
       }],
       /**
        * Place Items
@@ -5267,22 +5267,22 @@ svg.p-icon g,
     }, a = function() {
       var f, p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", g = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, y = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !0;
       p.hasOwnProperty("pt") && p.pt !== void 0 && (p = p.pt);
-      var d = h, b = /./g.test(d) && !!g[d.split(".")[0]], C = b ? Je.toFlatCase(d.split(".")[1]) : Je.toFlatCase(d), S = g.hostName && Je.toFlatCase(g.hostName), x = S || g.props && g.props.__TYPE && Je.toFlatCase(g.props.__TYPE) || "", E = C === "transition", v = "data-pc-", w = function(U) {
-        return U != null && U.props ? U.hostName ? U.props.__TYPE === U.hostName ? U.props : w(U.parent) : U.parent : void 0;
-      }, T = function(U) {
+      var d = h, b = /./g.test(d) && !!g[d.split(".")[0]], C = b ? Je.toFlatCase(d.split(".")[1]) : Je.toFlatCase(d), S = g.hostName && Je.toFlatCase(g.hostName), x = S || g.props && g.props.__TYPE && Je.toFlatCase(g.props.__TYPE) || "", E = C === "transition", v = "data-pc-", w = function(q) {
+        return q != null && q.props ? q.hostName ? q.props.__TYPE === q.hostName ? q.props : w(q.parent) : q.parent : void 0;
+      }, T = function(q) {
         var ne, z;
-        return ((ne = g.props) === null || ne === void 0 ? void 0 : ne[U]) || ((z = w(g)) === null || z === void 0 ? void 0 : z[U]);
+        return ((ne = g.props) === null || ne === void 0 ? void 0 : ne[q]) || ((z = w(g)) === null || z === void 0 ? void 0 : z[q]);
       };
       rt.cParams = g, rt.cName = x;
       var j = T("ptOptions") || rt.context.ptOptions || {}, R = j.mergeSections, _ = R === void 0 ? !0 : R, A = j.mergeProps, P = A === void 0 ? !1 : A, M = function() {
-        var U = sn.apply(void 0, arguments);
-        return Array.isArray(U) ? {
-          className: Fs.apply(void 0, fa(U))
-        } : Je.isString(U) ? {
-          className: U
-        } : U != null && U.hasOwnProperty("className") && Array.isArray(U.className) ? {
-          className: Fs.apply(void 0, fa(U.className))
-        } : U;
+        var q = sn.apply(void 0, arguments);
+        return Array.isArray(q) ? {
+          className: Fs.apply(void 0, fa(q))
+        } : Je.isString(q) ? {
+          className: q
+        } : q != null && q.hasOwnProperty("className") && Array.isArray(q.className) ? {
+          className: Fs.apply(void 0, fa(q.className))
+        } : q;
       }, I = y ? b ? fc(M, d, g) : pc(M, d, g) : void 0, B = b ? void 0 : _o(Po(p, x), M, d, g), Y = !E && at(at({}, C === "root" && Vs({}, "".concat(v, "name"), g.props && g.props.__parentMetadata ? Je.toFlatCase(g.props.__TYPE) : x)), {}, Vs({}, "".concat(v, "section"), C));
       return _ || !_ && B ? P ? mo([I, B, Object.keys(Y).length ? Y : {}], {
         classNameMergeFunction: (f = rt.context.ptOptions) === null || f === void 0 ? void 0 : f.classNameMergeFunction
@@ -5853,18 +5853,18 @@ const Gp = me((e, n) => {
       /* @__PURE__ */ c.jsxs(yc, { children: [
         /* @__PURE__ */ c.jsx(bc, { children: R ? /* @__PURE__ */ c.jsx("div", { className: V("w-full h-full flex items-center justify-center "), children: /* @__PURE__ */ c.jsx(ui, { size: "xs" }) }) : "No result." }),
         /* @__PURE__ */ c.jsx(xc, { className: "!custom-scroll-bar1 relative", children: t.map((I, B) => {
-          const Z = (f ? I : { label: I })[g], U = x == Z;
-          return U && M(), /* @__PURE__ */ c.jsx(
+          const Z = (f ? I : { label: I })[g], q = x == Z;
+          return q && M(), /* @__PURE__ */ c.jsx(
             Cc,
             {
               "data-id": "__" + Z,
               className: V(
                 `__${Z} my-[5px] transition-all ease-in-out duration-75 h-[25px] z-[300] font-geist truncate  w-full`,
-                U ? "bg-gray-200 text-black px-2" : null
+                q ? "bg-gray-200 text-black px-2" : null
               ),
               value: Z,
               title: Z,
-              children: U ? /* @__PURE__ */ c.jsxs("div", { className: "space-x-2 flex items-center justify-center h-fit w-fit", children: [
+              children: q ? /* @__PURE__ */ c.jsxs("div", { className: "space-x-2 flex items-center justify-center h-fit w-fit", children: [
                 /* @__PURE__ */ c.jsx("div", { className: "rounded-3xl text-blue-500 w-[20px] aspect-square px-0 truncate flex items-center justify-center", children: /* @__PURE__ */ c.jsx(Hl, { size: 14 }) }),
                 /* @__PURE__ */ c.jsx("label", { children: Z })
               ] }) : /* @__PURE__ */ c.jsx("label", { children: Z }),
@@ -6273,9 +6273,9 @@ function im() {
         }
       }
     }
-    var v = l, w = u, T = a, j = i, R = n, _ = f, A = r, P = y, M = g, I = t, B = s, Y = o, Z = p, U = !1;
+    var v = l, w = u, T = a, j = i, R = n, _ = f, A = r, P = y, M = g, I = t, B = s, Y = o, Z = p, q = !1;
     function ne(K) {
-      return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), z(K) || E(K) === l;
+      return q || (q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), z(K) || E(K) === l;
     }
     function z(K) {
       return E(K) === u;
@@ -6614,7 +6614,7 @@ function cm() {
         var te = z[W];
         if (typeof te != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + U(te) + " at index " + W + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + q(te) + " at index " + W + "."
           ), i;
       }
       function oe(X, ie, ae, G, L) {
@@ -6732,7 +6732,7 @@ Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
       }
       return W;
     }
-    function U(z) {
+    function q(z) {
       var W = Z(z);
       switch (W) {
         case "array":
@@ -11000,8 +11000,8 @@ const My = ({ connections: e = [], mapApi: n, options: t, selectedConn: r, _onLi
   name: e,
   id: n,
   details: o || {},
-  source: t,
-  destination: r,
+  sourceId: t,
+  destinationId: r,
   linkColor: s,
   linkAnimationColor: i
 }), Dy = (e) => {
@@ -11058,20 +11058,20 @@ const Fy = me((e, n) => {
     mapStyle: A = ks == null ? void 0 : ks[1],
     isolateNonSelectedLinksOnNodeClick: P = !1,
     showLinkCount: M = !0
-  } = e, I = pe(), B = pe({}), Y = pe(), [Z, U] = D([]), [ne, z] = D([]), [W, te] = D(t), [oe, X] = D(), [ie, ae] = D(null), [G, L] = D({}), [Q, re] = D({}), [he, K] = D(!1), [de, We] = D({ connections: [], nodes: [], countBoxes: [] }), [Ke, it] = D({}), [pt, jt] = D(!1), yt = ye(() => {
+  } = e, I = pe(), B = pe({}), Y = pe(), [Z, q] = D([]), [ne, z] = D([]), [W, te] = D(t), [oe, X] = D(), [ie, ae] = D(null), [G, L] = D({}), [Q, re] = D({}), [he, K] = D(!1), [de, We] = D({ connections: [], nodes: [], countBoxes: [] }), [Ke, it] = D({}), [pt, jt] = D(!1), yt = ye(() => {
     var $, se;
-    return !(($ = B == null ? void 0 : B.current) != null && $.getZoom) || !M ? [] : ((se = B.current) == null ? void 0 : se.getZoom()) < h ? [] : ne == null ? void 0 : ne.map((q) => {
+    return console.log("Original Connections", ne), !(($ = B == null ? void 0 : B.current) != null && $.getZoom) || !M ? [] : ((se = B.current) == null ? void 0 : se.getZoom()) < h ? [] : ne == null ? void 0 : ne.map((U) => {
       var tt, Ge, je, ee, xe, Be, Ce;
-      ((tt = de == null ? void 0 : de.countBoxes) == null ? void 0 : tt.length) > 0 && ((Ge = de == null ? void 0 : de.countBoxes) != null && Ge.includes(q == null ? void 0 : q.connCountBoxId) ? q.visible = !0 : q.visible = !1), oe && (oe == null ? void 0 : oe.connCountBoxId) == (q == null ? void 0 : q.connCountBoxId) ? q.visible = !0 : q.visible = !1, ((je = de == null ? void 0 : de.countBoxes) == null ? void 0 : je.length) == 0 && !oe && (q.visible = !0);
-      const Me = q == null ? void 0 : q.linkColorHex, Ee = B.current.project([(ee = q == null ? void 0 : q.source) == null ? void 0 : ee.lng, (xe = q == null ? void 0 : q.source) == null ? void 0 : xe.lat]), le = B.current.project([(Be = q == null ? void 0 : q.destination) == null ? void 0 : Be.lng, (Ce = q == null ? void 0 : q.destination) == null ? void 0 : Ce.lat]);
-      return q.midpointx = ((Ee == null ? void 0 : Ee.x) + (le == null ? void 0 : le.x)) / 2, q.midpointy = ((Ee == null ? void 0 : Ee.y) + (le == null ? void 0 : le.y)) / 2, /* @__PURE__ */ c.jsx(Yo, { title: "Number of connections", children: /* @__PURE__ */ c.jsx(
+      console.log("connection : ", U), ((tt = de == null ? void 0 : de.countBoxes) == null ? void 0 : tt.length) > 0 && ((Ge = de == null ? void 0 : de.countBoxes) != null && Ge.includes(U == null ? void 0 : U.connCountBoxId) ? U.visible = !0 : U.visible = !1), oe && (oe == null ? void 0 : oe.connCountBoxId) == (U == null ? void 0 : U.connCountBoxId) ? U.visible = !0 : U.visible = !1, ((je = de == null ? void 0 : de.countBoxes) == null ? void 0 : je.length) == 0 && !oe && (U.visible = !0);
+      const Me = U == null ? void 0 : U.linkColorHex, Se = B.current.project([(ee = U == null ? void 0 : U.source) == null ? void 0 : ee.lng, (xe = U == null ? void 0 : U.source) == null ? void 0 : xe.lat]), le = B.current.project([(Be = U == null ? void 0 : U.destination) == null ? void 0 : Be.lng, (Ce = U == null ? void 0 : U.destination) == null ? void 0 : Ce.lat]);
+      return U.midpointx = ((Se == null ? void 0 : Se.x) + (le == null ? void 0 : le.x)) / 2, U.midpointy = ((Se == null ? void 0 : Se.y) + (le == null ? void 0 : le.y)) / 2, /* @__PURE__ */ c.jsx(Yo, { title: "Number of connections", children: /* @__PURE__ */ c.jsx(
         "div",
         {
-          id: "#" + (q == null ? void 0 : q.connCountBoxId),
+          id: "#" + (U == null ? void 0 : U.connCountBoxId),
           style: {
-            top: q == null ? void 0 : q.midpointy,
-            left: q == null ? void 0 : q.midpointx,
-            backgroundColor: q == null ? void 0 : q.linkColorHex,
+            top: U == null ? void 0 : U.midpointy,
+            left: U == null ? void 0 : U.midpointx,
+            backgroundColor: U == null ? void 0 : U.linkColorHex,
             "--ring-color-2": Me,
             transform: "translate(-50%, -50%)",
             display: pt ? "" : "none"
@@ -11079,18 +11079,18 @@ const Fy = me((e, n) => {
           className: V(
             "z-[30] select-none pointer-events-none transition-all duration-300 ease-in-out ring-2 ring-offset-2 absolute font-geist opacity-80 text-white text-xs font-bold w-[20px]  h-[20px] p-1 pt-1.5 rounded-full flex items-center justify-center",
             "ring-[var(--ring-color-2)]",
-            (q == null ? void 0 : q.visible) == !1 ? "hidden" : ""
+            (U == null ? void 0 : U.visible) == !1 ? "hidden" : ""
           ),
-          children: q == null ? void 0 : q.linkCount
+          children: U == null ? void 0 : U.linkCount
         },
-        "_s-" + (q == null ? void 0 : q.u_id)
+        "_s-" + (U == null ? void 0 : U.u_id)
       ) });
     });
   }, [ne, h, oe, de == null ? void 0 : de.countBoxes, pt, M, B == null ? void 0 : B.current]), Yt = ye(() => {
     var se;
     const $ = S(G);
     return $ || "Link : " + ((se = G == null ? void 0 : G.data) == null ? void 0 : se.name);
-  }, [G]), [Se, bt] = D({
+  }, [G]), [Ee, bt] = D({
     linkAnimation: l,
     enableNativeContextMenu: x,
     hideLinksOnDrag: a,
@@ -11102,15 +11102,15 @@ const Fy = me((e, n) => {
     mapStyle: A
   }), mt = ye(() => {
     var $, se;
-    if ((($ = Se == null ? void 0 : Se.mapStyle) == null ? void 0 : $.name) == "static") {
-      const q = structuredClone(Se == null ? void 0 : Se.mapStyle);
-      return p && (q.url.layers[0].paint["background-color"] = p), q.url;
+    if ((($ = Ee == null ? void 0 : Ee.mapStyle) == null ? void 0 : $.name) == "static") {
+      const U = structuredClone(Ee == null ? void 0 : Ee.mapStyle);
+      return p && (U.url.layers[0].paint["background-color"] = p), U.url;
     }
-    return (se = Se == null ? void 0 : Se.mapStyle) == null ? void 0 : se.url;
-  }, [Se == null ? void 0 : Se.mapStyle, p]), Ot = My({
+    return (se = Ee == null ? void 0 : Ee.mapStyle) == null ? void 0 : se.url;
+  }, [Ee == null ? void 0 : Ee.mapStyle, p]), Ot = My({
     connections: ne,
     mapApi: B,
-    options: Se,
+    options: Ee,
     _onLinkSelected: xt,
     selectedConn: G,
     mapDragging: he,
@@ -11143,16 +11143,18 @@ const Fy = me((e, n) => {
   }
   const Xt = ($) => {
     var se;
-    return $ != null && $.linkColor && ((se = $ == null ? void 0 : $.linkColor) != null && se.includes("#")) ? to($ == null ? void 0 : $.linkColor) : $ != null && $.linkColor ? $ == null ? void 0 : $.linkColor : Se == null ? void 0 : Se.defaultLinkColorHex;
+    return $ != null && $.linkColor && ((se = $ == null ? void 0 : $.linkColor) != null && se.includes("#")) ? to($ == null ? void 0 : $.linkColor) : $ != null && $.linkColor ? $ == null ? void 0 : $.linkColor : Ee == null ? void 0 : Ee.defaultLinkColorHex;
   }, Mt = fe(($, se) => {
-    const q = $.map((le) => ({
+    const U = $.map((le) => ({
       ...le,
       connections: []
-    })), Me = (le) => {
+    }));
+    console.log("Processed Nodes", U);
+    const Me = (le) => {
       var Ge;
       const tt = se.filter((je) => (je == null ? void 0 : je.sourceId) == (le == null ? void 0 : le.sourceId) && (je == null ? void 0 : je.destinationId) == (le == null ? void 0 : le.destinationId) || (je == null ? void 0 : je.destinationId) == (le == null ? void 0 : le.sourceId) && (je == null ? void 0 : je.sourceId) == (le == null ? void 0 : le.destinationId) ? je : null);
       return (Ge = tt == null ? void 0 : tt.filter((je) => je != null)) == null ? void 0 : Ge.length;
-    }, Ee = se.map((le) => ({
+    }, Se = se.map((le) => ({
       ...le,
       u_id: le.u_id || Vt(),
       linkColorHex: le.linkColor || s,
@@ -11165,25 +11167,25 @@ const Fy = me((e, n) => {
       timestamp: [0, 5, 10, 15],
       linkCount: Me(le)
     }));
-    q.forEach((le, tt) => {
-      Ee.forEach((Ge, je) => {
+    console.log("Processed Connections", Se), U.forEach((le, tt) => {
+      Se.forEach((Ge, je) => {
         const ee = (le == null ? void 0 : le.elementId) === (Ge == null ? void 0 : Ge.sourceId) ? "source" : (le == null ? void 0 : le.elementId) === (Ge == null ? void 0 : Ge.destinationId) ? "destination" : null;
-        ee && (Ee[je].nodes = [
-          ...Ee[je].nodes,
+        ee && (Se[je].nodes = [
+          ...Se[je].nodes,
           le
-        ], Ee[je][ee] = le == null ? void 0 : le.location, q[tt].connections = [
-          ...q[tt].connections,
+        ], Se[je][ee] = le == null ? void 0 : le.location, U[tt].connections = [
+          ...U[tt].connections,
           Ge
         ]);
       });
-    }), te(q), z(Ee);
+    }), console.log("Processed Nodes final ", U), console.log("Processed Connections final", Se), te(U), z(Se);
   }, []);
   H(() => {
     Mt(t, r);
   }, [r, t]);
   const Ct = fe(() => {
-    localStorage.setItem(`network_map_options_${y}`, JSON.stringify(Se));
-  }, [y, Se]), ce = fe(() => {
+    localStorage.setItem(`network_map_options_${y}`, JSON.stringify(Ee));
+  }, [y, Ee]), ce = fe(() => {
     const $ = localStorage.getItem(`network_map_options_${y}`);
     $ && bt(JSON.parse($));
   }, [y]);
@@ -11191,9 +11193,9 @@ const Fy = me((e, n) => {
     Ct();
   }, [Ct]);
   function rn($) {
-    var se, q, Me, Ee, le, tt, Ge, je;
-    if (re($), f($), Se != null && Se.isolateNonSelectedLinksOnNodeClick) {
-      const ee = (q = (se = $ == null ? void 0 : $.data) == null ? void 0 : se.connections) == null ? void 0 : q.map((Ce) => Ce == null ? void 0 : Ce.sourceId), xe = (Ee = (Me = $ == null ? void 0 : $.data) == null ? void 0 : Me.connections) == null ? void 0 : Ee.map((Ce) => Ce == null ? void 0 : Ce.destinationId), Be = Array.from(/* @__PURE__ */ new Set([...ee, ...xe]));
+    var se, U, Me, Se, le, tt, Ge, je;
+    if (re($), f($), Ee != null && Ee.isolateNonSelectedLinksOnNodeClick) {
+      const ee = (U = (se = $ == null ? void 0 : $.data) == null ? void 0 : se.connections) == null ? void 0 : U.map((Ce) => Ce == null ? void 0 : Ce.sourceId), xe = (Se = (Me = $ == null ? void 0 : $.data) == null ? void 0 : Me.connections) == null ? void 0 : Se.map((Ce) => Ce == null ? void 0 : Ce.destinationId), Be = Array.from(/* @__PURE__ */ new Set([...ee, ...xe]));
       We(
         {
           connections: (tt = (le = $ == null ? void 0 : $.data) == null ? void 0 : le.connections) == null ? void 0 : tt.map((Ce) => Ce == null ? void 0 : Ce.u_id),
@@ -11210,10 +11212,10 @@ const Fy = me((e, n) => {
     $.u_id = Vt(), te((se) => [...se, $]);
   }
   function Tn($) {
-    var q, Me, Ee;
+    var U, Me, Se;
     const se = W == null ? void 0 : W.find((le) => (le == null ? void 0 : le.elementId) == $);
-    se && ((Ee = B.current) == null || Ee.flyTo({
-      center: [(q = se == null ? void 0 : se.location) == null ? void 0 : q.lng, (Me = se == null ? void 0 : se.location) == null ? void 0 : Me.lat],
+    se && ((Se = B.current) == null || Se.flyTo({
+      center: [(U = se == null ? void 0 : se.location) == null ? void 0 : U.lng, (Me = se == null ? void 0 : se.location) == null ? void 0 : Me.lat],
       zoom: 10
     }));
   }
@@ -11221,11 +11223,11 @@ const Fy = me((e, n) => {
     $.u_id = Vt(), z((se) => [...se, $]);
   }
   function vr($) {
-    const se = ne == null ? void 0 : ne.filter((q) => (q == null ? void 0 : q.id) != $);
+    const se = ne == null ? void 0 : ne.filter((U) => (U == null ? void 0 : U.id) != $);
     z(se);
   }
   function Wn($) {
-    const se = W == null ? void 0 : W.filter((q) => (q == null ? void 0 : q.id) != $);
+    const se = W == null ? void 0 : W.filter((U) => (U == null ? void 0 : U.id) != $);
     te(se);
   }
   function Hn() {
@@ -11278,10 +11280,10 @@ const Fy = me((e, n) => {
   }))) || [], [j, ie, G]), Jt = () => {
     jt(!0);
   }, jn = ($) => {
-    var q, Me, Ee;
-    $.layer || X(null), $ != null && $.coordinate && U($.coordinate), B.current.getCanvas().style.cursor = "";
+    var U, Me, Se;
+    $.layer || X(null), $ != null && $.coordinate && q($.coordinate), B.current.getCanvas().style.cursor = "";
     const se = document.querySelector("canvas[data-mapbox-overlay]");
-    se && (se.style.zIndex = "0", se.style.pointerEvents = "none"), $ != null && $.picked && ((Me = (q = $ == null ? void 0 : $.layer) == null ? void 0 : q.props) != null && Me.main) && (B.current.getCanvas().style.cursor = "default", X({ ...$.object }), b({ event: $, data: $ == null ? void 0 : $.object, type: "connection", id: (Ee = $ == null ? void 0 : $.object) == null ? void 0 : Ee.id, mapApi: B }));
+    se && (se.style.zIndex = "0", se.style.pointerEvents = "none"), $ != null && $.picked && ((Me = (U = $ == null ? void 0 : $.layer) == null ? void 0 : U.props) != null && Me.main) && (B.current.getCanvas().style.cursor = "default", X({ ...$.object }), b({ event: $, data: $ == null ? void 0 : $.object, type: "connection", id: (Se = $ == null ? void 0 : $.object) == null ? void 0 : Se.id, mapApi: B }));
   };
   return /* @__PURE__ */ c.jsx("div", { className: "w-full h-full relative bg-blue-200", children: /* @__PURE__ */ c.jsxs(
     "div",
@@ -11334,10 +11336,10 @@ const Fy = me((e, n) => {
                   ref: Y,
                   onClick: ($) => {
                     $ != null && $.layer || (L((se) => {
-                      var q, Me;
-                      return (Me = (q = se == null ? void 0 : se.object) == null ? void 0 : q.nodes) == null || Me.map((Ee) => {
+                      var U, Me;
+                      return (Me = (U = se == null ? void 0 : se.object) == null ? void 0 : U.nodes) == null || Me.map((Se) => {
                         var le, tt;
-                        (tt = (le = Ee == null ? void 0 : Ee.ref) == null ? void 0 : le.current) == null || tt.changeMarkerOutline(!1);
+                        (tt = (le = Se == null ? void 0 : Se.ref) == null ? void 0 : le.current) == null || tt.changeMarkerOutline(!1);
                       }), {};
                     }), We({ connections: [], nodes: [], countBoxes: [] }));
                   },
@@ -11345,15 +11347,15 @@ const Fy = me((e, n) => {
                 }
               ),
               W == null ? void 0 : W.map(($, se) => {
-                var q, Me;
+                var U, Me;
                 return /* @__PURE__ */ c.jsx(
                   Oy,
                   {
                     name: $ == null ? void 0 : $.name,
                     item: $,
                     nodeSizeScaler: g,
-                    longitude: (q = $ == null ? void 0 : $.location) == null ? void 0 : q.lng,
-                    options: Se,
+                    longitude: (U = $ == null ? void 0 : $.location) == null ? void 0 : U.lng,
+                    options: Ee,
                     CreateMapObjectsScheme: Mt,
                     latitude: (Me = $ == null ? void 0 : $.location) == null ? void 0 : Me.lat,
                     nodeIconMapper: _,
@@ -12806,14 +12808,14 @@ const Cb = me((e, n) => {
   function A() {
     return !!["default", "checkbox", "switch", "accordion"].includes(y);
   }
-  function P(U) {
+  function P(q) {
     if (!g) {
       if (o) {
         s.defaultChecked == null && (s.defaultChecked = !1);
         const ne = s.defaultChecked != !0;
-        o(U, s, ne);
+        o(q, s, ne);
       }
-      ["switch", "accordion"].includes(y) || f && (s == null ? void 0 : s.type) != "custom" && f(U, s);
+      ["switch", "accordion"].includes(y) || f && (s == null ? void 0 : s.type) != "custom" && f(q, s);
     }
   }
   const M = ye(() => s.type === "checkbox" && s.checked ? /* @__PURE__ */ c.jsx(ql, {}) : s.icon ? s.icon : null, [s.type, s.checked, s.icon]);
@@ -12822,20 +12824,20 @@ const Cb = me((e, n) => {
   }, [M]);
   const I = () => {
     (l == null ? void 0 : l.length) > 0 && (v(!0), _()), T("yes");
-  }, B = (U) => {
+  }, B = (q) => {
     T("no"), setTimeout(() => {
       var ne;
       ((ne = R == null ? void 0 : R.current) == null ? void 0 : ne.getAttribute("data-highlight")) === "no" && v(!1);
-    }, 100), h == null || h(U);
-  }, Y = (U) => {
-    s.onChange && s.onChange(U);
+    }, 100), h == null || h(q);
+  }, Y = (q) => {
+    s.onChange && s.onChange(q);
   }, Z = ye(() => {
-    var U;
+    var q;
     return p ? [
       p.ctrl && "CTRL",
       p.alt && "ALT",
       p.shift && "SHIFT",
-      (U = p.key) == null ? void 0 : U.toUpperCase()
+      (q = p.key) == null ? void 0 : q.toUpperCase()
     ].filter(Boolean).join("+") : "";
   }, [p]);
   return /* @__PURE__ */ c.jsxs("div", { className: "relative", children: [
@@ -12858,8 +12860,8 @@ const Cb = me((e, n) => {
             {
               disabled: s.disabled,
               defaultChecked: s.defaultChecked,
-              onCheckedChange: (U) => {
-                s.checked = U, Y(U);
+              onCheckedChange: (q) => {
+                s.checked = q, Y(q);
               }
             }
           ) }),
@@ -13428,10 +13430,10 @@ const _b = _e("overflow-visible flex pr-2 font-Roboto text-gray-500", {
       x(/* @__PURE__ */ c.jsx("p", { className: "font-Roboto text-destructive", children: Z })), E && clearTimeout(E);
     else if (Y === "valid") {
       x(/* @__PURE__ */ c.jsx("p", { className: "font-Roboto text-green-600", children: Z })), E && clearTimeout(E);
-      const U = setTimeout(() => {
+      const q = setTimeout(() => {
         x(o);
       }, 15e3);
-      v(U);
+      v(q);
     }
   }
   function M(Y) {
@@ -13441,15 +13443,15 @@ const _b = _e("overflow-visible flex pr-2 font-Roboto text-gray-500", {
     }
   }
   const I = fe((Y, Z) => {
-    const U = Fe(`#${T}`).val();
-    l === "email" && M(Z || U);
+    const q = Fe(`#${T}`).val();
+    l === "email" && M(Z || q);
   }, [n == null ? void 0 : n.current, T]), B = (Y) => {
-    const Z = Y.target, U = Z.value;
+    const Z = Y.target, q = Z.value;
     if (f) {
       const ne = Z.scrollHeight, z = Z.scrollTop;
       z > 0 && (Z.style.height = ne + z + "px");
     }
-    R(U), d(s, U);
+    R(q), d(s, q);
   };
   return H(() => {
     u && R(u);
@@ -14823,8 +14825,8 @@ function yx(e) {
               var Y;
               const I = (Y = a.current.api) == null ? void 0 : Y.getColumnState();
               !(I == null ? void 0 : I.every((Z) => {
-                const U = P[Z.colId];
-                return !U || Z.hide === U.hide;
+                const q = P[Z.colId];
+                return !q || Z.hide === q.hide;
               })) && T < j ? (console.log(`State verification failed, retrying... (${T}/${j})`), R()) : (console.log("Column state successfully applied and verified"), d(!1));
             }, 100);
           } else
@@ -14997,7 +14999,7 @@ const Ui = Fn({}), bx = me((e, n) => {
     onMultiRowSelection: Y = function() {
     },
     hideFromTable: Z = [],
-    expandRows: U = {},
+    expandRows: q = {},
     onExpand: ne = () => {
     },
     onCollapse: z = () => {
@@ -15024,7 +15026,7 @@ const Ui = Fn({}), bx = me((e, n) => {
     B,
     l,
     ie,
-    U,
+    q,
     ne,
     _,
     z,
@@ -15034,7 +15036,7 @@ const Ui = Fn({}), bx = me((e, n) => {
     r
   ), [K] = Gb(a, o), [de, We] = Jb(X, t, e, ie, G), [Ke, it] = Xb(f, We);
   Qb(de);
-  const [pt, jt] = D(!0), [yt, Yt] = D(null), [Se, bt] = D(null), [mt, Ot] = D({ header: null, value: null }), [xt, Xt] = D(!0), [Mt] = px(de, j, mt, xt), [Ct] = tx(de, it, Ke), [ce, rn] = D(0), [mn, hn] = D(!1), Tn = fe((ee) => {
+  const [pt, jt] = D(!0), [yt, Yt] = D(null), [Ee, bt] = D(null), [mt, Ot] = D({ header: null, value: null }), [xt, Xt] = D(!0), [Mt] = px(de, j, mt, xt), [Ct] = tx(de, it, Ke), [ce, rn] = D(0), [mn, hn] = D(!1), Tn = fe((ee) => {
     var Be, Ce, k;
     if (!X.current.api)
       return;
@@ -15093,13 +15095,13 @@ const Ui = Fn({}), bx = me((e, n) => {
     return X.current.api.applyTransaction({ remove: ee }), Kt();
   }, [Jt]), se = fe((ee) => {
     b(ee, ee.data);
-  }, [b]), q = fe(() => {
+  }, [b]), U = fe(() => {
     de.ready && L((ee) => []);
   }, [de.ready]), Me = fe((ee) => {
     ee.updateSingleCallbackKey("ready", !1), C(ee), setTimeout(() => {
       ee.updateSingleCallbackKey("ready", !0);
     }, 1e3);
-  }, [C]), Ee = fe((ee) => {
+  }, [C]), Se = fe((ee) => {
     if (r)
       try {
         const xe = localStorage.getItem(`table_columns_${r}`);
@@ -15130,11 +15132,11 @@ const Ui = Fn({}), bx = me((e, n) => {
     getSelectedRow: jn,
     onRefreshTrigger: Me,
     PanelDialogRef: ae,
-    reset: q,
+    reset: U,
     removeSelectedRows: $,
     getTableData: Kt,
     getRawTableData: Nn
-  }), [Tn, Vn, Wn, Jt, jn, Me, q, $]);
+  }), [Tn, Vn, Wn, Jt, jn, Me, U, $]);
   H(() => {
     X.current && We((ee) => ({ ...ee, ...le }));
   }, [le, We]);
@@ -15176,7 +15178,7 @@ const Ui = Fn({}), bx = me((e, n) => {
     onCellContextMenu: v ? gn : null,
     suppressContextMenu: !0,
     onRowDoubleClicked: se,
-    onFirstDataRendered: Ee,
+    onFirstDataRendered: Se,
     ...s
   }), [
     r,
@@ -15194,7 +15196,7 @@ const Ui = Fn({}), bx = me((e, n) => {
     v,
     gn,
     se,
-    Ee,
+    Se,
     s
   ]), je = ye(() => ({
     tref: ie,
@@ -15265,7 +15267,7 @@ const Ui = Fn({}), bx = me((e, n) => {
           To,
           {
             items: { items: Mt },
-            event: Se
+            event: Ee
           }
         ),
         /* @__PURE__ */ c.jsx(
@@ -16912,7 +16914,7 @@ function q0(e) {
     lg: "1.55556",
     // large font sizes for components
     xl: "1.66667"
-  }, S.lineHeight), B = (n = (t = S.colorSchemes) == null || (t = t.light) == null ? void 0 : t.shadowRing) != null ? n : j.shadowRing, Y = (r = (o = S.colorSchemes) == null || (o = o.light) == null ? void 0 : o.shadowChannel) != null ? r : j.shadowChannel, Z = (s = (i = S.colorSchemes) == null || (i = i.light) == null ? void 0 : i.shadowOpacity) != null ? s : j.shadowOpacity, U = {
+  }, S.lineHeight), B = (n = (t = S.colorSchemes) == null || (t = t.light) == null ? void 0 : t.shadowRing) != null ? n : j.shadowRing, Y = (r = (o = S.colorSchemes) == null || (o = o.light) == null ? void 0 : o.shadowChannel) != null ? r : j.shadowChannel, Z = (s = (i = S.colorSchemes) == null || (i = i.light) == null ? void 0 : i.shadowOpacity) != null ? s : j.shadowOpacity, q = {
     colorSchemes: {
       light: j,
       dark: R
@@ -17031,7 +17033,7 @@ function q0(e) {
         color: x(`palette-text-tertiary, ${j.palette.text.tertiary}`)
       }
     }
-  }, ne = S ? lt(U, S) : U, {
+  }, ne = S ? lt(q, S) : q, {
     colorSchemes: z
   } = ne, W = ve(ne, H0), te = O({
     colorSchemes: z
@@ -17529,7 +17531,7 @@ const iC = (e) => {
     elementType: aC,
     externalForwardedProps: M,
     ownerState: A
-  }), [U, ne] = _t("endDecorator", {
+  }), [q, ne] = _t("endDecorator", {
     className: P.endDecorator,
     elementType: lC,
     externalForwardedProps: M,
@@ -17542,7 +17544,7 @@ const iC = (e) => {
         children: S
       })), R ? /* @__PURE__ */ N.cloneElement(b, {
         variant: b.props.variant || "inline"
-      }) : b, C && /* @__PURE__ */ c.jsx(U, O({}, ne, {
+      }) : b, C && /* @__PURE__ */ c.jsx(q, O({}, ne, {
         children: C
       }))]
     }))
@@ -17846,7 +17848,7 @@ const uC = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     component: B,
     slots: Y = {},
     slotProps: Z = {}
-  } = l, U = ve(l, uC), ne = N.useContext(nd), z = (r = (o = n.disabled) != null ? o : ne == null ? void 0 : ne.disabled) != null ? r : y, W = (s = (i = n.size) != null ? i : ne == null ? void 0 : ne.size) != null ? s : I;
+  } = l, q = ve(l, uC), ne = N.useContext(nd), z = (r = (o = n.disabled) != null ? o : ne == null ? void 0 : ne.disabled) != null ? r : y, W = (s = (i = n.size) != null ? i : ne == null ? void 0 : ne.size) != null ? s : I;
   if (process.env.NODE_ENV !== "production") {
     const ce = ne == null ? void 0 : ne.registerEffect;
     N.useEffect(() => {
@@ -17876,7 +17878,7 @@ const uC = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     color: L ? K || "primary" : K || "neutral",
     variant: he,
     size: W
-  }), it = dC(Ke), pt = O({}, U, {
+  }), it = dC(Ke), pt = O({}, q, {
     component: B,
     slots: Y,
     slotProps: Z
@@ -17886,7 +17888,7 @@ const uC = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     elementType: fC,
     externalForwardedProps: pt,
     ownerState: Ke
-  }), [Yt, Se] = _t("checkbox", {
+  }), [Yt, Ee] = _t("checkbox", {
     className: it.checkbox,
     elementType: pC,
     externalForwardedProps: pt,
@@ -17925,7 +17927,7 @@ const uC = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
   });
   let Ct = f;
   return d ? Ct = null : S ? Ct = x : ie && (Ct = p), /* @__PURE__ */ c.jsxs(jt, O({}, yt, {
-    children: [/* @__PURE__ */ c.jsxs(Yt, O({}, Se, {
+    children: [/* @__PURE__ */ c.jsxs(Yt, O({}, Ee, {
       children: [/* @__PURE__ */ c.jsx(bt, O({}, mt, {
         children: /* @__PURE__ */ c.jsx(Ot, O({}, xt))
       })), Ct]
@@ -18678,7 +18680,7 @@ const MC = Bn("MuiButtonBase", ["root", "disabled", "focusVisible"]), DC = ["act
     TouchRippleProps: M,
     touchRippleRef: I,
     type: B
-  } = r, Y = ve(r, DC), Z = N.useRef(null), U = N.useRef(null), ne = xn(U, I), {
+  } = r, Y = ve(r, DC), Z = N.useRef(null), q = N.useRef(null), ne = xn(q, I), {
     isFocusVisibleRef: z,
     onFocus: W,
     onBlur: te,
@@ -18695,10 +18697,10 @@ const MC = Bn("MuiButtonBase", ["root", "disabled", "focusVisible"]), DC = ["act
   }, []);
   const L = ae && !f && !u;
   N.useEffect(() => {
-    X && h && !f && ae && U.current.pulsate();
+    X && h && !f && ae && q.current.pulsate();
   }, [f, h, X, ae]);
   function Q(ce, rn, mn = p) {
-    return tr((hn) => (rn && rn(hn), !mn && U.current && U.current[ce](hn), !0));
+    return tr((hn) => (rn && rn(hn), !mn && q.current && q.current[ce](hn), !0));
   }
   const re = Q("start", w), he = Q("stop", b), K = Q("stop", C), de = Q("stop", j), We = Q("stop", (ce) => {
     X && ce.preventDefault(), T && T(ce);
@@ -18709,13 +18711,13 @@ const MC = Bn("MuiButtonBase", ["root", "disabled", "focusVisible"]), DC = ["act
   }), Yt = () => {
     const ce = Z.current;
     return l && l !== "button" && !(ce.tagName === "A" && ce.href);
-  }, Se = N.useRef(!1), bt = tr((ce) => {
-    h && !Se.current && X && U.current && ce.key === " " && (Se.current = !0, U.current.stop(ce, () => {
-      U.current.start(ce);
+  }, Ee = N.useRef(!1), bt = tr((ce) => {
+    h && !Ee.current && X && q.current && ce.key === " " && (Ee.current = !0, q.current.stop(ce, () => {
+      q.current.start(ce);
     })), ce.target === ce.currentTarget && Yt() && ce.key === " " && ce.preventDefault(), E && E(ce), ce.target === ce.currentTarget && Yt() && ce.key === "Enter" && !u && (ce.preventDefault(), d && d(ce));
   }), mt = tr((ce) => {
-    h && ce.key === " " && U.current && X && !ce.defaultPrevented && (Se.current = !1, U.current.stop(ce, () => {
-      U.current.pulsate(ce);
+    h && ce.key === " " && q.current && X && !ce.defaultPrevented && (Ee.current = !1, q.current.stop(ce, () => {
+      q.current.pulsate(ce);
     })), v && v(ce), d && ce.target === ce.currentTarget && Yt() && ce.key === " " && !ce.defaultPrevented && d(ce);
   });
   let Ot = l;
@@ -18724,7 +18726,7 @@ const MC = Bn("MuiButtonBase", ["root", "disabled", "focusVisible"]), DC = ["act
   Ot === "button" ? (xt.type = B === void 0 ? "button" : B, xt.disabled = u) : (!Y.href && !Y.to && (xt.role = "button"), u && (xt["aria-disabled"] = u));
   const Xt = xn(t, oe, Z);
   process.env.NODE_ENV !== "production" && N.useEffect(() => {
-    L && !U.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
+    L && !q.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
 `));
   }, [L]);
   const Mt = O({}, r, {

package/dist/types/components/NetworkMap/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../src/components/NetworkMap/Map.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwG,MAAM,OAAO,CAAC;AAG7H,OAAO,kCAAkC,CAAC;AAW1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;IAWrB,CAAA;AA+eD,QAAA,MAAM,UAAU,4GAA4B,CAAC;AAC7C,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../src/components/NetworkMap/Map.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwG,MAAM,OAAO,CAAC;AAG7H,OAAO,kCAAkC,CAAC;AAW1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;IAWrB,CAAA;AAufD,QAAA,MAAM,UAAU,4GAA4B,CAAC;AAC7C,eAAe,UAAU,CAAC"}

package/dist/types/components/NetworkMap/utils.d.ts

@@ -13,8 +13,8 @@ export declare const createDefaultConnTemplate: (name: any, id: any, sourceId: a
     name: any;
     id: any;
     details: {};
-    source: any;
-    destination: any;
+    sourceId: any;
+    destinationId: any;
     linkColor: any;
     linkAnimationColor: any;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@abdellatifui/react",
   "private": false,
-  "version": "3.1.29",
+  "version": "3.1.31",
   "type": "module",
   "types": "dist/nextgen.d.ts",
   "files": [