@uipath/apollo-react 6.75.0 → 6.77.0

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

@@ -0,0 +1,436 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, ResizableHandle, ResizablePanel, ResizablePanelGroup, ToggleGroup, ToggleGroupItem, cn } from "@uipath/apollo-wind";
+import { Code2, Columns2, Rows2, Workflow } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
+const KIND_DOT_CLASS = {
+    added: 'bg-success',
+    removed: 'bg-error',
+    changed: 'bg-warning'
+};
+const noopViewportChange = ()=>{};
+function viewportsEqual(a, b) {
+    return !!a && a.x === b.x && a.y === b.y && a.zoom === b.zoom;
+}
+function highlightForSide(highlight, side) {
+    const hidden = 'before' === side ? 'added' : 'removed';
+    const keep = (kinds)=>new Map([
+            ...kinds
+        ].filter(([, kind])=>kind !== hidden));
+    return {
+        nodeKind: keep(highlight.nodeKind),
+        edgeKind: keep(highlight.edgeKind)
+    };
+}
+function useSummaryItems(summary) {
+    const { _ } = useSafeLingui();
+    return useMemo(()=>{
+        const items = [
+            {
+                key: 'addedNodes',
+                kind: 'added',
+                label: _({
+                    id: 'canvas.diff_view.added_nodes',
+                    message: '{count, plural, one {# node added} other {# nodes added}}',
+                    values: {
+                        count: summary.addedNodes
+                    }
+                })
+            },
+            {
+                key: 'removedNodes',
+                kind: 'removed',
+                label: _({
+                    id: 'canvas.diff_view.removed_nodes',
+                    message: '{count, plural, one {# node removed} other {# nodes removed}}',
+                    values: {
+                        count: summary.removedNodes
+                    }
+                })
+            },
+            {
+                key: 'changedNodes',
+                kind: 'changed',
+                label: _({
+                    id: 'canvas.diff_view.changed_nodes',
+                    message: '{count, plural, one {# node changed} other {# nodes changed}}',
+                    values: {
+                        count: summary.changedNodes
+                    }
+                })
+            },
+            {
+                key: 'addedEdges',
+                kind: 'added',
+                label: _({
+                    id: 'canvas.diff_view.added_edges',
+                    message: '{count, plural, one {# connection added} other {# connections added}}',
+                    values: {
+                        count: summary.addedEdges
+                    }
+                })
+            },
+            {
+                key: 'removedEdges',
+                kind: 'removed',
+                label: _({
+                    id: 'canvas.diff_view.removed_edges',
+                    message: '{count, plural, one {# connection removed} other {# connections removed}}',
+                    values: {
+                        count: summary.removedEdges
+                    }
+                })
+            },
+            {
+                key: 'changedEdges',
+                kind: 'changed',
+                label: _({
+                    id: 'canvas.diff_view.changed_edges',
+                    message: '{count, plural, one {# connection changed} other {# connections changed}}',
+                    values: {
+                        count: summary.changedEdges
+                    }
+                })
+            }
+        ];
+        return items.filter((item)=>summary[item.key] > 0);
+    }, [
+        _,
+        summary
+    ]);
+}
+function formatList(items, locale) {
+    try {
+        return new Intl.ListFormat(locale, {
+            style: 'long',
+            type: 'conjunction'
+        }).format(items);
+    } catch  {
+        return items.join(', ');
+    }
+}
+function SummaryRow({ label, showLabel, summary, phaseId }) {
+    const { _ } = useSafeLingui();
+    const items = useSummaryItems(summary);
+    return /*#__PURE__*/ jsxs("div", {
+        "data-change-phase": phaseId,
+        className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+        children: [
+            showLabel && /*#__PURE__*/ jsx("span", {
+                className: "font-medium text-foreground",
+                children: label
+            }),
+            /*#__PURE__*/ jsx("ul", {
+                "aria-label": label,
+                className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+                children: 0 === items.length ? /*#__PURE__*/ jsx("li", {
+                    children: _({
+                        id: 'canvas.diff_view.no_changes',
+                        message: 'No changes'
+                    })
+                }) : items.map((item)=>/*#__PURE__*/ jsxs("li", {
+                        "data-change-kind": item.kind,
+                        className: "inline-flex items-center gap-1.5",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                "aria-hidden": "true",
+                                className: cn('inline-block size-2 rounded-full', KIND_DOT_CLASS[item.kind])
+                            }),
+                            item.label
+                        ]
+                    }, item.key))
+            })
+        ]
+    });
+}
+function DiffPane({ ctx, label, renderPane, panelSlot }) {
+    const panel = panelSlot?.(ctx);
+    return /*#__PURE__*/ jsxs("section", {
+        "aria-label": label,
+        "data-diff-side": ctx.side,
+        className: "relative flex h-full min-h-0 w-full",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "relative h-full min-w-0 flex-1",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "pointer-events-none absolute left-3 top-2 z-10 rounded bg-surface-raised px-1.5 py-0.5 text-[11px] font-medium uppercase tracking-wide text-foreground-muted",
+                        children: label
+                    }),
+                    renderPane(ctx)
+                ]
+            }),
+            null != panel && false !== panel && /*#__PURE__*/ jsx("div", {
+                className: "h-full shrink-0 overflow-auto border-l border-border-subtle",
+                children: panel
+            })
+        ]
+    });
+}
+function useReviewState(model) {
+    const [review, setReview] = useState({
+        model,
+        key: 0
+    });
+    const [selectedNodeId, setSelectedNodeId] = useState();
+    const [viewport, setViewport] = useState();
+    if (review.model !== model) {
+        setReview({
+            model,
+            key: review.key + 1
+        });
+        setSelectedNodeId(void 0);
+        setViewport(void 0);
+    }
+    const onViewportChange = useCallback((next)=>{
+        setViewport((prev)=>viewportsEqual(prev, next) ? prev : next);
+    }, []);
+    return {
+        reviewKey: review.key,
+        selectedNodeId,
+        setSelectedNodeId,
+        viewport,
+        onViewportChange
+    };
+}
+function CanvasDiffView({ model, renderPane, panelSlot, codeView, headerActions, title, headingLevel = 2, onKeep, onRevert, keepLabel, revertLabel, showBefore = true, orientation: orientationProp, onOrientationChange, selection, syncViewport = true, className }) {
+    const { _, locale } = useSafeLingui();
+    const [internalOrientation, setInternalOrientation] = useState('vertical');
+    const orientation = orientationProp ?? internalOrientation;
+    const toggleOrientation = useCallback(()=>{
+        const next = 'vertical' === orientation ? 'horizontal' : 'vertical';
+        if (void 0 === orientationProp) setInternalOrientation(next);
+        onOrientationChange?.(next);
+    }, [
+        orientation,
+        orientationProp,
+        onOrientationChange
+    ]);
+    const review = useReviewState(model);
+    const selectedNodeId = selection ? selection.selectedNodeId : review.selectedNodeId;
+    const onSelectNode = selection?.onChange ?? review.setSelectedNodeId;
+    const viewport = syncViewport ? review.viewport : void 0;
+    const onViewportChange = syncViewport ? review.onViewportChange : noopViewportChange;
+    const [view, setView] = useState('visual');
+    const showCode = void 0 !== codeView && 'code' === view;
+    const overallItems = useSummaryItems(model.summary);
+    const announcement = overallItems.length > 0 ? formatList(overallItems.map((item)=>item.label), locale) : _({
+        id: 'canvas.diff_view.no_changes',
+        message: 'No changes'
+    });
+    const projections = useMemo(()=>{
+        const project = (side)=>({
+                highlight: highlightForSide(model.highlight, side),
+                changePhases: model.changePhases?.map((phase)=>({
+                        ...phase,
+                        highlight: highlightForSide(phase.highlight, side)
+                    }))
+            });
+        return {
+            before: project('before'),
+            after: project('after')
+        };
+    }, [
+        model
+    ]);
+    const fitLeader = 0 === model.after.nodes.length && model.before.nodes.length > 0 ? 'before' : 'after';
+    const buildContext = useCallback((side)=>({
+            side,
+            nodes: model[side].nodes,
+            edges: model[side].edges,
+            data: model[side].data,
+            highlight: projections[side].highlight,
+            changePhases: projections[side].changePhases,
+            selectedNodeId,
+            onSelectNode,
+            viewport,
+            onViewportChange,
+            fitViewOnMount: void 0 === viewport && (side === fitLeader || !syncViewport)
+        }), [
+        model,
+        projections,
+        selectedNodeId,
+        onSelectNode,
+        viewport,
+        onViewportChange,
+        syncViewport,
+        fitLeader
+    ]);
+    const beforeContext = useMemo(()=>buildContext('before'), [
+        buildContext
+    ]);
+    const afterContext = useMemo(()=>buildContext('after'), [
+        buildContext
+    ]);
+    const beforeLabel = _({
+        id: 'canvas.diff_view.before_label',
+        message: 'Before'
+    });
+    const afterLabel = _({
+        id: 'canvas.diff_view.after_label',
+        message: 'After'
+    });
+    const summaryLabel = _({
+        id: 'canvas.diff_view.summary_label',
+        message: 'Change summary'
+    });
+    const orientationLabel = 'vertical' === orientation ? _({
+        id: 'canvas.diff_view.show_side_by_side',
+        message: 'Show side by side'
+    }) : _({
+        id: 'canvas.diff_view.show_stacked',
+        message: 'Show stacked'
+    });
+    const visualViewLabel = _({
+        id: 'canvas.diff_view.visual_view',
+        message: 'Visual diff'
+    });
+    const codeViewLabel = _({
+        id: 'canvas.diff_view.code_view',
+        message: 'Code diff'
+    });
+    const Heading = `h${headingLevel}`;
+    let body;
+    body = showCode ? codeView : showBefore ? /*#__PURE__*/ jsxs(ResizablePanelGroup, {
+        orientation: orientation,
+        children: [
+            /*#__PURE__*/ jsx(ResizablePanel, {
+                id: "canvas-diff-before",
+                defaultSize: "50%",
+                minSize: "20%",
+                children: /*#__PURE__*/ jsx(DiffPane, {
+                    ctx: beforeContext,
+                    label: beforeLabel,
+                    renderPane: renderPane,
+                    panelSlot: panelSlot
+                })
+            }),
+            /*#__PURE__*/ jsx(ResizableHandle, {
+                withHandle: true
+            }),
+            /*#__PURE__*/ jsx(ResizablePanel, {
+                id: "canvas-diff-after",
+                defaultSize: "50%",
+                minSize: "20%",
+                children: /*#__PURE__*/ jsx(DiffPane, {
+                    ctx: afterContext,
+                    label: afterLabel,
+                    renderPane: renderPane,
+                    panelSlot: panelSlot
+                })
+            })
+        ]
+    }, review.reviewKey) : /*#__PURE__*/ jsx(DiffPane, {
+        ctx: afterContext,
+        label: afterLabel,
+        renderPane: renderPane,
+        panelSlot: panelSlot
+    }, review.reviewKey);
+    return /*#__PURE__*/ jsxs("div", {
+        "data-testid": "canvas-diff-view",
+        "data-orientation": orientation,
+        className: cn('flex h-full w-full flex-col bg-surface text-foreground', className),
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                className: "flex shrink-0 flex-wrap items-center justify-between gap-3 border-b border-border-subtle px-4 py-2",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-1",
+                        children: [
+                            /*#__PURE__*/ jsx(Heading, {
+                                className: "shrink-0 text-sm font-semibold",
+                                children: title ?? _({
+                                    id: 'canvas.diff_view.title',
+                                    message: 'Proposed changes'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-foreground-muted",
+                                children: model.changePhases && model.changePhases.length > 0 ? model.changePhases.map((phase)=>/*#__PURE__*/ jsx(SummaryRow, {
+                                        phaseId: phase.id,
+                                        label: phase.label,
+                                        showLabel: true,
+                                        summary: phase.summary
+                                    }, phase.id)) : /*#__PURE__*/ jsx(SummaryRow, {
+                                    label: summaryLabel,
+                                    summary: model.summary
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex shrink-0 items-center gap-2",
+                        children: [
+                            void 0 !== codeView && /*#__PURE__*/ jsxs(ToggleGroup, {
+                                type: "single",
+                                size: "sm",
+                                variant: "outline",
+                                value: view,
+                                onValueChange: (next)=>next && setView(next),
+                                "aria-label": _({
+                                    id: 'canvas.diff_view.view_toggle',
+                                    message: 'Diff view'
+                                }),
+                                children: [
+                                    /*#__PURE__*/ jsx(ToggleGroupItem, {
+                                        value: "visual",
+                                        "aria-label": visualViewLabel,
+                                        title: visualViewLabel,
+                                        children: /*#__PURE__*/ jsx(Workflow, {
+                                            className: "size-4"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(ToggleGroupItem, {
+                                        value: "code",
+                                        "aria-label": codeViewLabel,
+                                        title: codeViewLabel,
+                                        children: /*#__PURE__*/ jsx(Code2, {
+                                            className: "size-4"
+                                        })
+                                    })
+                                ]
+                            }),
+                            showBefore && !showCode && /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "xs",
+                                icon: true,
+                                onClick: toggleOrientation,
+                                "aria-label": orientationLabel,
+                                title: orientationLabel,
+                                children: 'vertical' === orientation ? /*#__PURE__*/ jsx(Columns2, {}) : /*#__PURE__*/ jsx(Rows2, {})
+                            }),
+                            headerActions,
+                            onRevert && /*#__PURE__*/ jsx(Button, {
+                                variant: "outline",
+                                size: "xs",
+                                onClick: onRevert,
+                                children: revertLabel ?? _({
+                                    id: 'canvas.diff_view.revert',
+                                    message: 'Revert'
+                                })
+                            }),
+                            onKeep && /*#__PURE__*/ jsx(Button, {
+                                size: "xs",
+                                onClick: onKeep,
+                                children: keepLabel ?? _({
+                                    id: 'canvas.diff_view.keep',
+                                    message: 'Keep'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("output", {
+                "aria-live": "polite",
+                className: "sr-only",
+                children: announcement
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "relative min-h-0 flex-1",
+                children: body
+            })
+        ]
+    });
+}
+export { CanvasDiffView };

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

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+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/CanvasDiffView.types.d.ts

@@ -0,0 +1,76 @@
+import type { ReactNode } from 'react';
+export type ChangeKind = 'added' | 'removed' | 'changed';
+export type DiffSide = 'before' | 'after';
+export interface DiffGraph<Node, Edge> {
+    nodes: Node[];
+    edges: Edge[];
+    data?: unknown;
+}
+export interface DiffHighlight {
+    nodeKind: Map<string, ChangeKind>;
+    edgeKind: Map<string, ChangeKind>;
+}
+export interface DiffSummary {
+    addedNodes: number;
+    removedNodes: number;
+    changedNodes: number;
+    addedEdges: number;
+    removedEdges: number;
+    changedEdges: number;
+}
+export interface ChangePhase {
+    id: string;
+    label: string;
+    highlight: DiffHighlight;
+    summary: DiffSummary;
+}
+export interface DiffModel<Node, Edge> {
+    before: DiffGraph<Node, Edge>;
+    after: DiffGraph<Node, Edge>;
+    highlight: DiffHighlight;
+    summary: DiffSummary;
+    changePhases?: ChangePhase[];
+}
+export interface DiffViewport {
+    x: number;
+    y: number;
+    zoom: number;
+}
+export interface DiffPaneContext<Node, Edge> {
+    side: DiffSide;
+    nodes: Node[];
+    edges: Edge[];
+    data?: unknown;
+    highlight: DiffHighlight;
+    changePhases?: ChangePhase[];
+    selectedNodeId?: string;
+    onSelectNode(id: string | undefined): void;
+    viewport?: DiffViewport;
+    fitViewOnMount: boolean;
+    onViewportChange(viewport: DiffViewport): void;
+}
+export type CanvasDiffViewOrientation = 'horizontal' | 'vertical';
+export interface CanvasDiffViewSelection {
+    selectedNodeId: string | undefined;
+    onChange(id: string | undefined): void;
+}
+export interface CanvasDiffViewProps<Node, Edge> {
+    model: DiffModel<Node, Edge>;
+    renderPane(ctx: DiffPaneContext<Node, Edge>): ReactNode;
+    panelSlot?(ctx: DiffPaneContext<Node, Edge>): ReactNode;
+    codeView?: ReactNode;
+    headerActions?: ReactNode;
+    title?: string;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    onKeep?(): void;
+    onRevert?(): void;
+    keepLabel?: string;
+    revertLabel?: string;
+    showBefore?: boolean;
+    orientation?: CanvasDiffViewOrientation;
+    onOrientationChange?(orientation: CanvasDiffViewOrientation): void;
+    selection?: CanvasDiffViewSelection;
+    syncViewport?: boolean;
+    className?: string;
+}
+//# sourceMappingURL=CanvasDiffView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasDiffView.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasDiffView/CanvasDiffView.types.ts"],"names":[],"mappings":"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"}