@uipath/apollo-react 6.16.1 → 6.16.3

package/dist/canvas/components/AddNodePanel/AddNodePanel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodePanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodePanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,YAAY,EAAE,QAAQ,EAAE,KACrB,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAK3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"AddNodePanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodePanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,YAAY,EAAE,QAAQ,EAAE,KACrB,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IASf,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAK3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/canvas/components/AlignmentGuides/useAlignmentGuides.cjs

@@ -95,36 +95,42 @@ function resolveAxisCandidate(dragged, others, threshold, orientation) {
     }
     return candidates.filter(({ delta })=>Math.abs(delta) <= threshold).sort((a, b)=>Math.abs(a.delta) - Math.abs(b.delta) || a.priority - b.priority || a.position - b.position || a.matchedNodeId.localeCompare(b.matchedNodeId))[0];
 }
-function buildGuide(candidate, dragged, others, orientation) {
-    const matchingOthers = others.filter((other)=>{
-        const anchors = getAxisAnchors(other, orientation);
-        const candidateAnchors = 'center' === candidate.kind ? [
-            anchors[1]
-        ] : [
-            anchors[0],
-            anchors[2]
+function buildAlignedGuides(dragged, others, orientation) {
+    const draggedAnchors = getAxisAnchors(dragged, orientation);
+    return draggedAnchors.flatMap((position, draggedIndex)=>{
+        const matchingOthers = others.filter((other)=>{
+            const anchors = getAxisAnchors(other, orientation);
+            const comparableAnchors = 1 === draggedIndex ? [
+                anchors[1]
+            ] : [
+                anchors[0],
+                anchors[2]
+            ];
+            return comparableAnchors.some((anchor)=>Math.abs(anchor - position) < 0.5);
+        });
+        if (0 === matchingOthers.length) return [];
+        const ranges = [
+            dragged,
+            ...matchingOthers
+        ].map((bounds)=>'vertical' === orientation ? [
+                bounds.y1,
+                bounds.y2
+            ] : [
+                bounds.x1,
+                bounds.x2
+            ]);
+        return [
+            {
+                id: `${orientation}-${draggedIndex}-${position}`,
+                orientation,
+                position,
+                start: Math.min(...ranges.map(([rangeStart])=>rangeStart)),
+                end: Math.max(...ranges.map(([, rangeEnd])=>rangeEnd)),
+                kind: 1 === draggedIndex ? 'center' : 'edge',
+                matchedNodeIds: matchingOthers.map(({ id })=>id)
+            }
         ];
-        return candidateAnchors.some((anchor)=>Math.abs(anchor - candidate.position) < 0.5);
     });
-    const ranges = [
-        dragged,
-        ...matchingOthers
-    ].map((bounds)=>'vertical' === orientation ? [
-            bounds.y1,
-            bounds.y2
-        ] : [
-            bounds.x1,
-            bounds.x2
-        ]);
-    return {
-        id: `${orientation}-${candidate.position}`,
-        orientation,
-        position: candidate.position,
-        start: Math.min(...ranges.map(([rangeStart])=>rangeStart)),
-        end: Math.max(...ranges.map(([, rangeEnd])=>rangeEnd)),
-        kind: candidate.kind,
-        matchedNodeIds: matchingOthers.map(({ id })=>id)
-    };
 }
 function computeAlignmentResult(dragged, others, threshold) {
     const vertical = resolveAxisCandidate(dragged, others, threshold, 'vertical');
@@ -143,12 +149,8 @@ function computeAlignmentResult(dragged, others, threshold) {
         cy: dragged.cy + delta.dy
     };
     const guides = [
-        ...vertical ? [
-            buildGuide(vertical, snapped, others, 'vertical')
-        ] : [],
-        ...horizontal ? [
-            buildGuide(horizontal, snapped, others, 'horizontal')
-        ] : []
+        ...vertical ? buildAlignedGuides(snapped, others, 'vertical') : [],
+        ...horizontal ? buildAlignedGuides(snapped, others, 'horizontal') : []
     ];
     return {
         guides,

package/dist/canvas/components/AlignmentGuides/useAlignmentGuides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAlignmentGuides.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AlignmentGuides/useAlignmentGuides.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAKjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM9E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAE,IAAI,EAAW,GAAG,UAAU,CAW1E;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AA+FD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,EAAE,MAAM,GAChB,eAAe,CAmBjB;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,EAAE,MAAM,GAChB,kBAAkB,EAAE,CAEtB;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,EAAE,MAAM,GAChB,kBAAkB,CAEpB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,GAAE,IAAI,EAAU,GAAG,UAAU,CAejF;AAED,MAAM,WAAW,yBAAyB;IAOxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAMrB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,IAAI,EAAE,EACb,KAAK,EAAE,kBAAkB,GACxB,uBAAuB,EAAE,CAK3B;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,UAAU,CAAC;CAC5B;AAUD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CAkD1B"}
+{"version":3,"file":"useAlignmentGuides.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AlignmentGuides/useAlignmentGuides.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAKjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM9E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAE,IAAI,EAAW,GAAG,UAAU,CAW1E;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAwGD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,EAAE,MAAM,GAChB,eAAe,CAmBjB;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,EAAE,MAAM,GAChB,kBAAkB,EAAE,CAEtB;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,EAAE,MAAM,GAChB,kBAAkB,CAEpB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,GAAE,IAAI,EAAU,GAAG,UAAU,CAejF;AAED,MAAM,WAAW,yBAAyB;IAOxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAMrB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,IAAI,EAAE,EACb,KAAK,EAAE,kBAAkB,GACxB,uBAAuB,EAAE,CAK3B;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,UAAU,CAAC;CAC5B;AAUD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CAkD1B"}

package/dist/canvas/components/AlignmentGuides/useAlignmentGuides.js

@@ -61,36 +61,42 @@ function resolveAxisCandidate(dragged, others, threshold, orientation) {
     }
     return candidates.filter(({ delta })=>Math.abs(delta) <= threshold).sort((a, b)=>Math.abs(a.delta) - Math.abs(b.delta) || a.priority - b.priority || a.position - b.position || a.matchedNodeId.localeCompare(b.matchedNodeId))[0];
 }
-function buildGuide(candidate, dragged, others, orientation) {
-    const matchingOthers = others.filter((other)=>{
-        const anchors = getAxisAnchors(other, orientation);
-        const candidateAnchors = 'center' === candidate.kind ? [
-            anchors[1]
-        ] : [
-            anchors[0],
-            anchors[2]
+function buildAlignedGuides(dragged, others, orientation) {
+    const draggedAnchors = getAxisAnchors(dragged, orientation);
+    return draggedAnchors.flatMap((position, draggedIndex)=>{
+        const matchingOthers = others.filter((other)=>{
+            const anchors = getAxisAnchors(other, orientation);
+            const comparableAnchors = 1 === draggedIndex ? [
+                anchors[1]
+            ] : [
+                anchors[0],
+                anchors[2]
+            ];
+            return comparableAnchors.some((anchor)=>Math.abs(anchor - position) < 0.5);
+        });
+        if (0 === matchingOthers.length) return [];
+        const ranges = [
+            dragged,
+            ...matchingOthers
+        ].map((bounds)=>'vertical' === orientation ? [
+                bounds.y1,
+                bounds.y2
+            ] : [
+                bounds.x1,
+                bounds.x2
+            ]);
+        return [
+            {
+                id: `${orientation}-${draggedIndex}-${position}`,
+                orientation,
+                position,
+                start: Math.min(...ranges.map(([rangeStart])=>rangeStart)),
+                end: Math.max(...ranges.map(([, rangeEnd])=>rangeEnd)),
+                kind: 1 === draggedIndex ? 'center' : 'edge',
+                matchedNodeIds: matchingOthers.map(({ id })=>id)
+            }
         ];
-        return candidateAnchors.some((anchor)=>Math.abs(anchor - candidate.position) < 0.5);
     });
-    const ranges = [
-        dragged,
-        ...matchingOthers
-    ].map((bounds)=>'vertical' === orientation ? [
-            bounds.y1,
-            bounds.y2
-        ] : [
-            bounds.x1,
-            bounds.x2
-        ]);
-    return {
-        id: `${orientation}-${candidate.position}`,
-        orientation,
-        position: candidate.position,
-        start: Math.min(...ranges.map(([rangeStart])=>rangeStart)),
-        end: Math.max(...ranges.map(([, rangeEnd])=>rangeEnd)),
-        kind: candidate.kind,
-        matchedNodeIds: matchingOthers.map(({ id })=>id)
-    };
 }
 function computeAlignmentResult(dragged, others, threshold) {
     const vertical = resolveAxisCandidate(dragged, others, threshold, 'vertical');
@@ -109,12 +115,8 @@ function computeAlignmentResult(dragged, others, threshold) {
         cy: dragged.cy + delta.dy
     };
     const guides = [
-        ...vertical ? [
-            buildGuide(vertical, snapped, others, 'vertical')
-        ] : [],
-        ...horizontal ? [
-            buildGuide(horizontal, snapped, others, 'horizontal')
-        ] : []
+        ...vertical ? buildAlignedGuides(snapped, others, 'vertical') : [],
+        ...horizontal ? buildAlignedGuides(snapped, others, 'horizontal') : []
     ];
     return {
         guides,

package/dist/canvas/components/Toolbox/Toolbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AA+C7E,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC/B,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEhC,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAKnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAOpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACjD;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EAAE,qBAAqB,GACzC,EAAE,YAAY,CAAC,CAAC,CAAC,2CAqiBjB"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AA+C7E,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC/B,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEhC,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IAQd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAKnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAOpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACjD;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EAAE,qBAAqB,GACzC,EAAE,YAAY,CAAC,CAAC,CAAC,2CAqiBjB"}

package/dist/canvas/hooks/usePreviewNode.cjs

@@ -28,29 +28,27 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
-const shallow_namespaceObject = require("zustand/shallow");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
 const index_cjs_namespaceObject = require("../core/index.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../utils/createPreviewNode.cjs");
-const previewNodeSelectedSelector = (state)=>{
-    const node = state.nodes.find((n)=>n.id === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
-    return node?.selected ?? false;
+const previewNodeSelectedSelector = (state)=>state.nodeLookup.get(external_constants_cjs_namespaceObject.PREVIEW_NODE_ID)?.selected ?? false;
+const previewConnectionKey = (edge, state)=>{
+    const sourceIsPreviewNode = edge.source === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID;
+    const existingNodeId = sourceIsPreviewNode ? edge.target : edge.source;
+    const existingHandleId = sourceIsPreviewNode ? edge.targetHandle || 'input' : edge.sourceHandle || 'output';
+    const existingNodeType = state.nodeLookup.get(existingNodeId)?.type ?? '';
+    return `${edge.id},${existingNodeId},${existingHandleId},${existingNodeType},${sourceIsPreviewNode}`;
 };
-const edgesConnectedToPreviewSelector = (state)=>state.edges.filter(createPreviewNode_cjs_namespaceObject.isPreviewEdge).map((edge)=>({
-            id: edge.id,
-            source: edge.source,
-            target: edge.target,
-            sourceHandle: edge.sourceHandle,
-            targetHandle: edge.targetHandle
-        }));
+const previewEdgeSignatureSelector = (state)=>state.edges.filter(createPreviewNode_cjs_namespaceObject.isPreviewEdge).map((edge)=>previewConnectionKey(edge, state)).join('|');
 const usePreviewNode = ()=>{
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
     const isPreviewNodeSelected = (0, react_cjs_namespaceObject.useStore)(previewNodeSelectedSelector);
-    const previewEdges = (0, react_cjs_namespaceObject.useStore)(edgesConnectedToPreviewSelector, shallow_namespaceObject.shallow);
+    const previewEdgeSignature = (0, react_cjs_namespaceObject.useStore)(previewEdgeSignatureSelector);
     const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
     const previewNode = isPreviewNodeSelected ? reactFlowInstance.getNode(external_constants_cjs_namespaceObject.PREVIEW_NODE_ID) ?? null : null;
     const connectionInfo = (0, external_react_namespaceObject.useMemo)(()=>{
         if (!isPreviewNodeSelected) return null;
+        const previewEdges = reactFlowInstance.getEdges().filter(createPreviewNode_cjs_namespaceObject.isPreviewEdge);
         const connections = previewEdges.map((previewEdge)=>{
             const sourceIsPreviewNode = previewEdge.source === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID;
             const existingNodeId = sourceIsPreviewNode ? previewEdge.target : previewEdge.source;
@@ -75,7 +73,7 @@ const usePreviewNode = ()=>{
         return connections;
     }, [
         isPreviewNodeSelected,
-        previewEdges,
+        previewEdgeSignature,
         reactFlowInstance,
         registry
     ]);

package/dist/canvas/hooks/usePreviewNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/usePreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAIV,MAAM,0CAA0C,CAAC;AAKlD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAS9E,MAAM,WAAW,yBAAyB;IAExC,cAAc,EAAE,MAAM,CAAC;IAEvB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAE/C,sBAAsB,EAAE,cAAc,GAAG,SAAS,CAAC;IAEnD,kBAAkB,EAAE,OAAO,CAAC;IAE5B,aAAa,EAAE,MAAM,CAAC;CACvB;AAoBD,UAAU,oBAAoB;IAE5B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAKzB,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CACpE;AAcD,eAAO,MAAM,cAAc,QAAO,oBA8DjC,CAAC"}
+{"version":3,"file":"usePreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/usePreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAIV,MAAM,0CAA0C,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAS9E,MAAM,WAAW,yBAAyB;IAExC,cAAc,EAAE,MAAM,CAAC;IAEvB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAE/C,sBAAsB,EAAE,cAAc,GAAG,SAAS,CAAC;IAEnD,kBAAkB,EAAE,OAAO,CAAC;IAE5B,aAAa,EAAE,MAAM,CAAC;CACvB;AAoCD,UAAU,oBAAoB;IAE5B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAKzB,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CACpE;AAgBD,eAAO,MAAM,cAAc,QAAO,oBAoEjC,CAAC"}

package/dist/canvas/hooks/usePreviewNode.js

@@ -1,28 +1,26 @@
 import { useReactFlow, useStore } from "../xyflow/react.js";
 import { useMemo } from "react";
-import { shallow } from "zustand/shallow";
 import { PREVIEW_NODE_ID } from "../constants.js";
 import { useOptionalNodeTypeRegistry } from "../core/index.js";
 import { isPreviewEdge } from "../utils/createPreviewNode.js";
-const previewNodeSelectedSelector = (state)=>{
-    const node = state.nodes.find((n)=>n.id === PREVIEW_NODE_ID);
-    return node?.selected ?? false;
+const previewNodeSelectedSelector = (state)=>state.nodeLookup.get(PREVIEW_NODE_ID)?.selected ?? false;
+const previewConnectionKey = (edge, state)=>{
+    const sourceIsPreviewNode = edge.source === PREVIEW_NODE_ID;
+    const existingNodeId = sourceIsPreviewNode ? edge.target : edge.source;
+    const existingHandleId = sourceIsPreviewNode ? edge.targetHandle || 'input' : edge.sourceHandle || 'output';
+    const existingNodeType = state.nodeLookup.get(existingNodeId)?.type ?? '';
+    return `${edge.id},${existingNodeId},${existingHandleId},${existingNodeType},${sourceIsPreviewNode}`;
 };
-const edgesConnectedToPreviewSelector = (state)=>state.edges.filter(isPreviewEdge).map((edge)=>({
-            id: edge.id,
-            source: edge.source,
-            target: edge.target,
-            sourceHandle: edge.sourceHandle,
-            targetHandle: edge.targetHandle
-        }));
+const previewEdgeSignatureSelector = (state)=>state.edges.filter(isPreviewEdge).map((edge)=>previewConnectionKey(edge, state)).join('|');
 const usePreviewNode = ()=>{
     const reactFlowInstance = useReactFlow();
     const isPreviewNodeSelected = useStore(previewNodeSelectedSelector);
-    const previewEdges = useStore(edgesConnectedToPreviewSelector, shallow);
+    const previewEdgeSignature = useStore(previewEdgeSignatureSelector);
     const registry = useOptionalNodeTypeRegistry();
     const previewNode = isPreviewNodeSelected ? reactFlowInstance.getNode(PREVIEW_NODE_ID) ?? null : null;
     const connectionInfo = useMemo(()=>{
         if (!isPreviewNodeSelected) return null;
+        const previewEdges = reactFlowInstance.getEdges().filter(isPreviewEdge);
         const connections = previewEdges.map((previewEdge)=>{
             const sourceIsPreviewNode = previewEdge.source === PREVIEW_NODE_ID;
             const existingNodeId = sourceIsPreviewNode ? previewEdge.target : previewEdge.source;
@@ -47,7 +45,7 @@ const usePreviewNode = ()=>{
         return connections;
     }, [
         isPreviewNodeSelected,
-        previewEdges,
+        previewEdgeSignature,
         reactFlowInstance,
         registry
     ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.16.1",
+  "version": "6.16.3",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",