@uipath/apollo-react 6.74.0 → 6.76.0

package/dist/canvas/components/CanvasDiffView/diffById.js

@@ -0,0 +1,76 @@
+function stableStringify(value) {
+    if (null === value || 'object' != typeof value) return JSON.stringify(value) ?? 'null';
+    if ('function' == typeof value.toJSON) return stableStringify(value.toJSON());
+    if (Array.isArray(value)) return `[${value.map(stableStringify).join(',')}]`;
+    const record = value;
+    const keys = Object.keys(record).filter((key)=>void 0 !== record[key]).sort();
+    return `{${keys.map((key)=>`${JSON.stringify(key)}:${stableStringify(record[key])}`).join(',')}}`;
+}
+function omitPath(value, path) {
+    if (!value || 'object' != typeof value || Array.isArray(value) || 0 === path.length) return value;
+    const [head, ...rest] = path;
+    if (!(head in value)) return value;
+    const { [head]: child, ...others } = value;
+    return 0 === rest.length ? others : {
+        ...others,
+        [head]: omitPath(child, rest)
+    };
+}
+function fingerprint(value, ignorePaths) {
+    return stableStringify(ignorePaths.reduce(omitPath, value));
+}
+const defaultId = (element)=>String(element.id);
+function diffCollection(before, after, getId, ignoreKeys) {
+    const ignorePaths = (ignoreKeys ?? []).map((key)=>key.split('.'));
+    const beforeById = new Map(before.map((el)=>[
+            getId(el),
+            fingerprint(el, ignorePaths)
+        ]));
+    const afterIds = new Set();
+    const kinds = new Map();
+    let added = 0;
+    let removed = 0;
+    let changed = 0;
+    for (const element of after){
+        const id = getId(element);
+        afterIds.add(id);
+        const previous = beforeById.get(id);
+        if (void 0 === previous) {
+            kinds.set(id, 'added');
+            added++;
+        } else if (previous !== fingerprint(element, ignorePaths)) {
+            kinds.set(id, 'changed');
+            changed++;
+        }
+    }
+    for (const id of beforeById.keys())if (!afterIds.has(id)) {
+        kinds.set(id, 'removed');
+        removed++;
+    }
+    return {
+        kinds,
+        added,
+        removed,
+        changed
+    };
+}
+function diffById(before, after, options) {
+    const { getNodes, getEdges, nodeId = defaultId, edgeId = defaultId } = options;
+    const nodes = diffCollection(getNodes(before), getNodes(after), nodeId, options.ignoreNodeKeys);
+    const edges = diffCollection(getEdges(before), getEdges(after), edgeId, options.ignoreEdgeKeys);
+    return {
+        highlight: {
+            nodeKind: nodes.kinds,
+            edgeKind: edges.kinds
+        },
+        summary: {
+            addedNodes: nodes.added,
+            removedNodes: nodes.removed,
+            changedNodes: nodes.changed,
+            addedEdges: edges.added,
+            removedEdges: edges.removed,
+            changedEdges: edges.changed
+        }
+    };
+}
+export { diffById };

package/dist/canvas/components/CanvasDiffView/index.cjs

@@ -0,0 +1,93 @@
+"use strict";
+var __webpack_modules__ = {
+    "./ApolloCanvasDiffPane" (module) {
+        module.exports = require("./ApolloCanvasDiffPane.cjs");
+    },
+    "./CanvasDiffView?d731" (module) {
+        module.exports = require("./CanvasDiffView.cjs");
+    },
+    "./CanvasDiffView.types" (module) {
+        module.exports = require("./CanvasDiffView.types.cjs");
+    },
+    "./CodeDiffView" (module) {
+        module.exports = require("./CodeDiffView.cjs");
+    },
+    "./applyDiffHighlight" (module) {
+        module.exports = require("./applyDiffHighlight.cjs");
+    },
+    "./diffById" (module) {
+        module.exports = require("./diffById.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    var _ApolloCanvasDiffPane__rspack_import_0 = __webpack_require__("./ApolloCanvasDiffPane");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _ApolloCanvasDiffPane__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ApolloCanvasDiffPane__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _applyDiffHighlight__rspack_import_1 = __webpack_require__("./applyDiffHighlight");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _applyDiffHighlight__rspack_import_1)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_applyDiffHighlight__rspack_import_1[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _CanvasDiffView__rspack_import_2 = __webpack_require__("./CanvasDiffView?d731");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _CanvasDiffView__rspack_import_2)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasDiffView__rspack_import_2[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _CanvasDiffView_types__rspack_import_3 = __webpack_require__("./CanvasDiffView.types");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _CanvasDiffView_types__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasDiffView_types__rspack_import_3[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _CodeDiffView__rspack_import_4 = __webpack_require__("./CodeDiffView");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _CodeDiffView__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CodeDiffView__rspack_import_4[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _diffById__rspack_import_5 = __webpack_require__("./diffById");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _diffById__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_diffById__rspack_import_5[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+})();
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/CanvasDiffView/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ApolloCanvasDiffPane';
+export * from './applyDiffHighlight';
+export * from './CanvasDiffView';
+export * from './CanvasDiffView.types';
+export * from './CodeDiffView';
+export * from './diffById';
+//# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/CanvasDiffView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasDiffView/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/canvas/components/CanvasDiffView/index.js

@@ -0,0 +1,6 @@
+export * from "./ApolloCanvasDiffPane.js";
+export * from "./applyDiffHighlight.js";
+export * from "./CanvasDiffView.js";
+export * from "./CanvasDiffView.types.js";
+export * from "./CodeDiffView.js";
+export * from "./diffById.js";

package/dist/canvas/components/CanvasDiffView/lineDiff.cjs

@@ -0,0 +1,116 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MAX_EDIT_DISTANCE: ()=>MAX_EDIT_DISTANCE,
+    diffLines: ()=>diffLines
+});
+const MAX_EDIT_DISTANCE = 2000;
+const equal = (text)=>({
+        type: 'equal',
+        text
+    });
+function diffLines(before, after, maxEditDistance = MAX_EDIT_DISTANCE) {
+    let start = 0;
+    while(start < before.length && start < after.length && before[start] === after[start])start++;
+    let beforeEnd = before.length;
+    let afterEnd = after.length;
+    while(beforeEnd > start && afterEnd > start && before[beforeEnd - 1] === after[afterEnd - 1]){
+        beforeEnd--;
+        afterEnd--;
+    }
+    const middle = shortestEdit(before.slice(start, beforeEnd), after.slice(start, afterEnd), maxEditDistance);
+    if (!middle) return;
+    return [
+        ...before.slice(0, start).map(equal),
+        ...middle,
+        ...before.slice(beforeEnd).map(equal)
+    ];
+}
+function shortestEdit(a, b, maxEdits) {
+    const limit = Math.min(a.length + b.length, maxEdits);
+    const offset = limit + 1;
+    const furthest = new Int32Array(2 * limit + 3);
+    const at = (k)=>furthest[offset + k] ?? 0;
+    const trace = [];
+    for(let d = 0; d <= limit; d++){
+        trace.push(furthest.slice(offset - d, offset + d + 1));
+        for(let k = -d; k <= d; k += 2){
+            const down = k === -d || k !== d && at(k - 1) < at(k + 1);
+            let x = down ? at(k + 1) : at(k - 1) + 1;
+            let y = x - k;
+            while(x < a.length && y < b.length && a[x] === b[y]){
+                x++;
+                y++;
+            }
+            furthest[offset + k] = x;
+            if (x >= a.length && y >= b.length) return backtrack(a, b, trace);
+        }
+    }
+}
+function backtrack(a, b, trace) {
+    const ops = [];
+    let x = a.length;
+    let y = b.length;
+    for(let d = trace.length - 1; d > 0; d--){
+        const previous = trace[d];
+        const at = (k)=>previous[k + d] ?? 0;
+        const k = x - y;
+        const down = k === -d || k !== d && at(k - 1) < at(k + 1);
+        const previousK = down ? k + 1 : k - 1;
+        const previousX = at(previousK);
+        const previousY = previousX - previousK;
+        while(x > previousX && y > previousY){
+            x--;
+            y--;
+            ops.push(equal(a[x] ?? ''));
+        }
+        if (down) ops.push({
+            type: 'added',
+            text: b[previousY] ?? ''
+        });
+        else ops.push({
+            type: 'removed',
+            text: a[previousX] ?? ''
+        });
+        x = previousX;
+        y = previousY;
+    }
+    while(x > 0 && y > 0){
+        x--;
+        y--;
+        ops.push(equal(a[x] ?? ''));
+    }
+    return ops.reverse();
+}
+exports.MAX_EDIT_DISTANCE = __webpack_exports__.MAX_EDIT_DISTANCE;
+exports.diffLines = __webpack_exports__.diffLines;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MAX_EDIT_DISTANCE",
+    "diffLines"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts

@@ -0,0 +1,7 @@
+export interface LineDiffOp {
+    type: 'equal' | 'removed' | 'added';
+    text: string;
+}
+export declare const MAX_EDIT_DISTANCE = 2000;
+export declare function diffLines(before: string[], after: string[], maxEditDistance?: number): LineDiffOp[] | undefined;
+//# sourceMappingURL=lineDiff.d.ts.map

package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineDiff.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasDiffView/lineDiff.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAQtC,wBAAgB,SAAS,CACvB,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,MAAM,EAAE,EACf,eAAe,SAAoB,GAClC,UAAU,EAAE,GAAG,SAAS,CAsB1B"}

package/dist/canvas/components/CanvasDiffView/lineDiff.js

@@ -0,0 +1,79 @@
+const MAX_EDIT_DISTANCE = 2000;
+const equal = (text)=>({
+        type: 'equal',
+        text
+    });
+function diffLines(before, after, maxEditDistance = MAX_EDIT_DISTANCE) {
+    let start = 0;
+    while(start < before.length && start < after.length && before[start] === after[start])start++;
+    let beforeEnd = before.length;
+    let afterEnd = after.length;
+    while(beforeEnd > start && afterEnd > start && before[beforeEnd - 1] === after[afterEnd - 1]){
+        beforeEnd--;
+        afterEnd--;
+    }
+    const middle = shortestEdit(before.slice(start, beforeEnd), after.slice(start, afterEnd), maxEditDistance);
+    if (!middle) return;
+    return [
+        ...before.slice(0, start).map(equal),
+        ...middle,
+        ...before.slice(beforeEnd).map(equal)
+    ];
+}
+function shortestEdit(a, b, maxEdits) {
+    const limit = Math.min(a.length + b.length, maxEdits);
+    const offset = limit + 1;
+    const furthest = new Int32Array(2 * limit + 3);
+    const at = (k)=>furthest[offset + k] ?? 0;
+    const trace = [];
+    for(let d = 0; d <= limit; d++){
+        trace.push(furthest.slice(offset - d, offset + d + 1));
+        for(let k = -d; k <= d; k += 2){
+            const down = k === -d || k !== d && at(k - 1) < at(k + 1);
+            let x = down ? at(k + 1) : at(k - 1) + 1;
+            let y = x - k;
+            while(x < a.length && y < b.length && a[x] === b[y]){
+                x++;
+                y++;
+            }
+            furthest[offset + k] = x;
+            if (x >= a.length && y >= b.length) return backtrack(a, b, trace);
+        }
+    }
+}
+function backtrack(a, b, trace) {
+    const ops = [];
+    let x = a.length;
+    let y = b.length;
+    for(let d = trace.length - 1; d > 0; d--){
+        const previous = trace[d];
+        const at = (k)=>previous[k + d] ?? 0;
+        const k = x - y;
+        const down = k === -d || k !== d && at(k - 1) < at(k + 1);
+        const previousK = down ? k + 1 : k - 1;
+        const previousX = at(previousK);
+        const previousY = previousX - previousK;
+        while(x > previousX && y > previousY){
+            x--;
+            y--;
+            ops.push(equal(a[x] ?? ''));
+        }
+        if (down) ops.push({
+            type: 'added',
+            text: b[previousY] ?? ''
+        });
+        else ops.push({
+            type: 'removed',
+            text: a[previousX] ?? ''
+        });
+        x = previousX;
+        y = previousY;
+    }
+    while(x > 0 && y > 0){
+        x--;
+        y--;
+        ops.push(equal(a[x] ?? ''));
+    }
+    return ops.reverse();
+}
+export { MAX_EDIT_DISTANCE, diffLines };

package/dist/canvas/components/ContainerNode/ContainerNode.cjs

@@ -168,14 +168,16 @@ function ContainerNodeComponent(props) {
         minWidth: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_WIDTH,
         minHeight: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_HEIGHT
     };
+    const toolbarActionStore = (0, external_hooks_index_cjs_namespaceObject.useToolbarActionStoreContext)();
     const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
-        return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, data) : void 0;
+        return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, data, toolbarActionStore) : void 0;
     }, [
         data,
         manifest,
         statusContext,
-        toolbarConfigProp
+        toolbarConfigProp,
+        toolbarActionStore
     ]);
     const effectiveToolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>toolbarConfig && isNodeReadOnly ? (0, NodeToolbar_utils_cjs_namespaceObject.lockToolbarConfig)(toolbarConfig) : toolbarConfig, [
         toolbarConfig,

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

@@ -1 +1 @@
-{"version":3,"file":"ContainerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ContainerNode/ContainerNode.tsx"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAWhE,iBAAS,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,2CAsXxD;AAOD,eAAO,MAAM,aAAa,oEAAkE,CAAC"}
+{"version":3,"file":"ContainerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ContainerNode/ContainerNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAWhE,iBAAS,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,2CAyXxD;AAOD,eAAO,MAAM,aAAa,oEAAkE,CAAC"}

package/dist/canvas/components/ContainerNode/ContainerNode.js

@@ -4,7 +4,7 @@ import { cn } from "@uipath/apollo-wind";
 import { memo, useCallback, useMemo, useState } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
-import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
+import { useElementValidationStatus, useNodeExecutionState, useToolbarActionStoreContext } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
 import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH } from "../../utils/container.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
@@ -140,14 +140,16 @@ function ContainerNodeComponent(props) {
         minWidth: DEFAULT_CONTAINER_MIN_WIDTH,
         minHeight: DEFAULT_CONTAINER_MIN_HEIGHT
     };
+    const toolbarActionStore = useToolbarActionStoreContext();
     const toolbarConfig = useMemo(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
-        return manifest ? resolveToolbar(manifest, statusContext, data) : void 0;
+        return manifest ? resolveToolbar(manifest, statusContext, data, toolbarActionStore) : void 0;
     }, [
         data,
         manifest,
         statusContext,
-        toolbarConfigProp
+        toolbarConfigProp,
+        toolbarActionStore
     ]);
     const effectiveToolbarConfig = useMemo(()=>toolbarConfig && isNodeReadOnly ? lockToolbarConfig(toolbarConfig) : toolbarConfig, [
         toolbarConfig,

package/dist/canvas/components/Edges/CanvasEdge.cjs

@@ -128,12 +128,15 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
         enabled: executionEnabled
     });
     const isDiffRemoved = data?.isDiffRemoved ?? false;
+    const suggestionType = data?.suggestionType;
+    const isDashedForSuggestion = suggestionType ? 'delete' === suggestionType : isDiffRemoved;
     const color = (0, resolveEdgeColor_cjs_namespaceObject.resolveEdgeColor)({
         selected,
         isHovered,
         isInvalid: data?.isInvalid ?? false,
         isDiffAdded: data?.isDiffAdded ?? false,
         isDiffRemoved,
+        suggestionType,
         previewEdge,
         statusColor: execution.statusColor
     });
@@ -161,6 +164,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("g", {
                 "data-edge-hovered": isHovered || void 0,
+                "data-suggestion-type": suggestionType,
                 onMouseEnter: onMouseEnter,
                 onMouseLeave: onMouseLeave,
                 onMouseMove: toolbarEnabled ? toolbar.handleMouseMoveOnPath : void 0,
@@ -171,7 +175,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
                         color: color,
                         selected: selected,
                         animated: animated,
-                        strokeStyle: previewEdge || isDiffRemoved ? 'dashed' : strokeStyle,
+                        strokeStyle: previewEdge || isDashedForSuggestion ? 'dashed' : strokeStyle,
                         isReadOnly: isReadOnly,
                         style: style,
                         opacity: opacity,

package/dist/canvas/components/Edges/CanvasEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/CanvasEdge.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAetD,eAAO,MAAM,UAAU,uDAoOF,CAAC"}
+{"version":3,"file":"CanvasEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/CanvasEdge.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAetD,eAAO,MAAM,UAAU,uDA2OF,CAAC"}

package/dist/canvas/components/Edges/CanvasEdge.js

@@ -100,12 +100,15 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
         enabled: executionEnabled
     });
     const isDiffRemoved = data?.isDiffRemoved ?? false;
+    const suggestionType = data?.suggestionType;
+    const isDashedForSuggestion = suggestionType ? 'delete' === suggestionType : isDiffRemoved;
     const color = resolveEdgeColor({
         selected,
         isHovered,
         isInvalid: data?.isInvalid ?? false,
         isDiffAdded: data?.isDiffAdded ?? false,
         isDiffRemoved,
+        suggestionType,
         previewEdge,
         statusColor: execution.statusColor
     });
@@ -133,6 +136,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
         children: [
             /*#__PURE__*/ jsxs("g", {
                 "data-edge-hovered": isHovered || void 0,
+                "data-suggestion-type": suggestionType,
                 onMouseEnter: onMouseEnter,
                 onMouseLeave: onMouseLeave,
                 onMouseMove: toolbarEnabled ? toolbar.handleMouseMoveOnPath : void 0,
@@ -143,7 +147,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
                         color: color,
                         selected: selected,
                         animated: animated,
-                        strokeStyle: previewEdge || isDiffRemoved ? 'dashed' : strokeStyle,
+                        strokeStyle: previewEdge || isDashedForSuggestion ? 'dashed' : strokeStyle,
                         isReadOnly: isReadOnly,
                         style: style,
                         opacity: opacity,

package/dist/canvas/components/Edges/shared/constants.cjs

@@ -61,6 +61,7 @@ const EDGE_COLORS = {
     selected: 'var(--canvas-primary, var(--color-primary))',
     invalid: 'var(--canvas-error-icon, var(--color-error-icon))',
     diffAdded: 'var(--canvas-success-icon, var(--color-success-icon))',
+    diffUpdated: 'var(--canvas-warning-icon, var(--color-warning-icon))',
     diffRemoved: 'var(--canvas-error-icon, var(--color-error-icon))'
 };
 const ARROW_ANGLE_MAP = {

package/dist/canvas/components/Edges/shared/constants.d.ts

@@ -27,6 +27,7 @@ export declare const EDGE_COLORS: {
     readonly selected: "var(--canvas-primary, var(--color-primary))";
     readonly invalid: "var(--canvas-error-icon, var(--color-error-icon))";
     readonly diffAdded: "var(--canvas-success-icon, var(--color-success-icon))";
+    readonly diffUpdated: "var(--canvas-warning-icon, var(--color-warning-icon))";
     readonly diffRemoved: "var(--canvas-error-icon, var(--color-error-icon))";
 };
 export declare const ARROW_ANGLE_MAP: Record<Position, number>;

package/dist/canvas/components/Edges/shared/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,eAAe,EAAE,QAAQ,EAAO,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAuCjB,CAAC;AAGX,eAAO,MAAM,oBAAoB,wCAAwC,CAAC;AAG1E,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAOX,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAKpD,CAAC;AASF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAKjD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,eAAe,EAAE,QAAQ,EAAO,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAuCjB,CAAC;AAGX,eAAO,MAAM,oBAAoB,wCAAwC,CAAC;AAG1E,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAOX,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAKpD,CAAC;AASF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAKjD,CAAC"}

package/dist/canvas/components/Edges/shared/constants.js

@@ -27,6 +27,7 @@ const EDGE_COLORS = {
     selected: 'var(--canvas-primary, var(--color-primary))',
     invalid: 'var(--canvas-error-icon, var(--color-error-icon))',
     diffAdded: 'var(--canvas-success-icon, var(--color-success-icon))',
+    diffUpdated: 'var(--canvas-warning-icon, var(--color-warning-icon))',
     diffRemoved: 'var(--canvas-error-icon, var(--color-error-icon))'
 };
 const ARROW_ANGLE_MAP = {

package/dist/canvas/components/Edges/shared/resolveEdgeColor.cjs

@@ -28,7 +28,10 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_constants_cjs_namespaceObject = require("./constants.cjs");
 function resolveEdgeColor(state) {
-    const { selected, isHovered, isInvalid, isDiffAdded, isDiffRemoved, previewEdge, statusColor } = state;
+    const { selected, isHovered, isInvalid, isDiffAdded, isDiffRemoved, suggestionType, previewEdge, statusColor } = state;
+    if ('add' === suggestionType) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffAdded;
+    if ('update' === suggestionType) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffUpdated;
+    if ('delete' === suggestionType) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffRemoved;
     if (isDiffAdded) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffAdded;
     if (isDiffRemoved) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffRemoved;
     if (isInvalid) return external_constants_cjs_namespaceObject.EDGE_COLORS.invalid;

package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts

@@ -1,9 +1,11 @@
+import type { SuggestionType } from '../../../types';
 export type EdgeColorState = {
     selected?: boolean;
     isHovered?: boolean;
     isInvalid?: boolean;
     isDiffAdded?: boolean;
     isDiffRemoved?: boolean;
+    suggestionType?: SuggestionType;
     previewEdge?: boolean;
     statusColor?: string;
 };

package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveEdgeColor.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/resolveEdgeColor.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAW9D"}
+{"version":3,"file":"resolveEdgeColor.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/resolveEdgeColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAsB9D"}

package/dist/canvas/components/Edges/shared/resolveEdgeColor.js

@@ -1,6 +1,9 @@
 import { EDGE_COLORS } from "./constants.js";
 function resolveEdgeColor(state) {
-    const { selected, isHovered, isInvalid, isDiffAdded, isDiffRemoved, previewEdge, statusColor } = state;
+    const { selected, isHovered, isInvalid, isDiffAdded, isDiffRemoved, suggestionType, previewEdge, statusColor } = state;
+    if ('add' === suggestionType) return EDGE_COLORS.diffAdded;
+    if ('update' === suggestionType) return EDGE_COLORS.diffUpdated;
+    if ('delete' === suggestionType) return EDGE_COLORS.diffRemoved;
     if (isDiffAdded) return EDGE_COLORS.diffAdded;
     if (isDiffRemoved) return EDGE_COLORS.diffRemoved;
     if (isInvalid) return EDGE_COLORS.invalid;

package/dist/canvas/components/Edges/shared/types.d.ts

@@ -1,4 +1,5 @@
 import type { Edge, EdgeProps, XYPosition } from '../../../xyflow/react.ts';
+import type { SuggestionType } from '../../../types';
 export type Point = XYPosition;
 export type Waypoint = Point & {
     id: string;
@@ -28,6 +29,7 @@ export type CanvasEdgeData = {
     isInvalid?: boolean;
     isDiffAdded?: boolean;
     isDiffRemoved?: boolean;
+    suggestionType?: SuggestionType;
     routing?: EdgeRouting;
     enableEditing?: boolean;
     enableExecution?: boolean;

package/dist/canvas/components/Edges/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE5F,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAQF,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAOF,MAAM,MAAM,QAAQ,GAAG;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,WAAW,EAAE,kBAAkB,CAAC;IAEhC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAajD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAWhD,MAAM,MAAM,cAAc,GAAG;IAE3B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAYxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAmBvB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAqB7B,UAAU,CAAC,EAAE,OAAO,CAAC;IASrB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAC5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAQF,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAOF,MAAM,MAAM,QAAQ,GAAG;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,WAAW,EAAE,kBAAkB,CAAC;IAEhC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAajD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAWhD,MAAM,MAAM,cAAc,GAAG;IAE3B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAOxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAGhC,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAYxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAmBvB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAqB7B,UAAU,CAAC,EAAE,OAAO,CAAC;IASrB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC"}

package/dist/canvas/components/JsonTree/JsonTree.cjs

@@ -86,6 +86,13 @@ function useCanvasJsonTreeViewStrings() {
                 id: 'canvas.json_value_panel.required_marker',
                 message: 'required'
             }),
+            referenceType: (typeLabel)=>_({
+                    id: 'canvas.json_value_panel.reference_type',
+                    message: '{typeLabel} · reference',
+                    values: {
+                        typeLabel
+                    }
+                }),
             pathCopied: _({
                 id: 'canvas.json_value_panel.path_copied',
                 message: 'Path copied'

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

@@ -1 +1 @@
-{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EAEtB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EAEzB,MAAM,qBAAqB,CAAC;AAgB7B,wBAAgB,4BAA4B,IAAI,mBAAmB,CAwHlE;AAWD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,uBAAuB,EACvB,QAAQ,GACT,EAAE,yBAAyB,2CAqB3B;AAuBD,eAAO,MAAM,YAAY;;;CAAsD,CAAC;AAChF,eAAO,MAAM,eAAe;;;CAA4D,CAAC;AACzF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,uBAAuB;;;CAGnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAwD,CAAC;AAGnF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ;;;CAAe,CAAC"}
+{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EAEtB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EAEzB,MAAM,qBAAqB,CAAC;AAgB7B,wBAAgB,4BAA4B,IAAI,mBAAmB,CA8HlE;AAWD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,uBAAuB,EACvB,QAAQ,GACT,EAAE,yBAAyB,2CAqB3B;AAuBD,eAAO,MAAM,YAAY;;;CAAsD,CAAC;AAChF,eAAO,MAAM,eAAe;;;CAA4D,CAAC;AACzF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,uBAAuB;;;CAGnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAwD,CAAC;AAGnF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ;;;CAAe,CAAC"}