@uipath/apollo-wind 2.34.0 → 2.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/alert.cjs +8 -5
- package/dist/components/ui/alert.d.ts +3 -3
- package/dist/components/ui/alert.js +8 -5
- package/dist/components/ui/index.cjs +16 -16
- package/dist/styles.css +76 -124
- package/dist/templates/Delegate/template-delegate.d.ts +2 -5
- package/dist/templates/Flow/template-flow.d.ts +16 -16
- package/package.json +1 -1
- package/dist/components/custom/canvas.cjs +0 -44
- package/dist/components/custom/canvas.d.ts +0 -14
- package/dist/components/custom/canvas.js +0 -10
- package/dist/components/custom/flow-node-expandable.cjs +0 -81
- package/dist/components/custom/flow-node-expandable.d.ts +0 -27
- package/dist/components/custom/flow-node-expandable.js +0 -47
- package/dist/components/custom/flow-node.cjs +0 -74
- package/dist/components/custom/flow-node.d.ts +0 -25
- package/dist/components/custom/flow-node.js +0 -40
- package/dist/components/custom/flow-properties-bar.cjs +0 -103
- package/dist/components/custom/flow-properties-bar.d.ts +0 -21
- package/dist/components/custom/flow-properties-bar.js +0 -69
- package/dist/components/custom/flow-properties-expanded.cjs +0 -328
- package/dist/components/custom/flow-properties-expanded.d.ts +0 -21
- package/dist/components/custom/flow-properties-expanded.js +0 -294
- package/dist/components/custom/flow-properties.cjs +0 -56
- package/dist/components/custom/flow-properties.d.ts +0 -28
- package/dist/components/custom/flow-properties.js +0 -22
- package/dist/components/custom/hover-menu.cjs +0 -84
- package/dist/components/custom/hover-menu.d.ts +0 -13
- package/dist/components/custom/hover-menu.js +0 -50
- package/dist/components/custom/toolbar-canvas.cjs +0 -119
- package/dist/components/custom/toolbar-canvas.d.ts +0 -15
- package/dist/components/custom/toolbar-canvas.js +0 -85
- package/dist/components/custom/toolbar-view.cjs +0 -174
- package/dist/components/custom/toolbar-view.d.ts +0 -16
- package/dist/components/custom/toolbar-view.js +0 -140
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export interface ViewToolbarProps {
|
|
2
|
-
className?: string;
|
|
3
|
-
/** Active node size: 's' | 'm' | 'l' */
|
|
4
|
-
activeNodeSize?: 's' | 'm' | 'l';
|
|
5
|
-
/** Callback when node size changes */
|
|
6
|
-
onNodeSizeChange?: (size: 's' | 'm' | 'l') => void;
|
|
7
|
-
/** Callback for zoom/view actions */
|
|
8
|
-
onAction?: (action: string) => void;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Bottom-right view controls for the Flow canvas.
|
|
12
|
-
*
|
|
13
|
-
* Contains zoom in/out, fit-to-screen, grid toggle, and node size selector.
|
|
14
|
-
* Anchored to bottom-right via absolute positioning in the parent layout.
|
|
15
|
-
*/
|
|
16
|
-
export declare function FlowViewToolbar({ className, activeNodeSize, onNodeSizeChange, onAction, }: ViewToolbarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { GitCommitHorizontal, LayoutGrid, Maximize2, ZoomIn, ZoomOut } from "lucide-react";
|
|
4
|
-
import { cn } from "../../lib/index.js";
|
|
5
|
-
function ViewButton({ icon: Icon, label, onClick }) {
|
|
6
|
-
return /*#__PURE__*/ jsx("button", {
|
|
7
|
-
type: "button",
|
|
8
|
-
className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
|
|
9
|
-
onClick: onClick,
|
|
10
|
-
"aria-label": label,
|
|
11
|
-
children: /*#__PURE__*/ jsx("div", {
|
|
12
|
-
className: "h-5 w-5 transition-transform group-hover:scale-[1.2]",
|
|
13
|
-
children: /*#__PURE__*/ jsx(Icon, {
|
|
14
|
-
className: "h-full w-full"
|
|
15
|
-
})
|
|
16
|
-
})
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
function NodeSIcon() {
|
|
20
|
-
return /*#__PURE__*/ jsx(GitCommitHorizontal, {
|
|
21
|
-
className: "h-5 w-5"
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
function NodeMIcon() {
|
|
25
|
-
return /*#__PURE__*/ jsx("svg", {
|
|
26
|
-
viewBox: "0 0 20 20",
|
|
27
|
-
className: "h-5 w-5",
|
|
28
|
-
fill: "none",
|
|
29
|
-
"aria-hidden": "true",
|
|
30
|
-
children: /*#__PURE__*/ jsx("rect", {
|
|
31
|
-
x: "3",
|
|
32
|
-
y: "5",
|
|
33
|
-
width: "14",
|
|
34
|
-
height: "10",
|
|
35
|
-
rx: "2.5",
|
|
36
|
-
stroke: "currentColor",
|
|
37
|
-
strokeWidth: "1.5"
|
|
38
|
-
})
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
function NodeLIcon() {
|
|
42
|
-
return /*#__PURE__*/ jsxs("svg", {
|
|
43
|
-
viewBox: "0 0 20 20",
|
|
44
|
-
className: "h-5 w-5",
|
|
45
|
-
fill: "none",
|
|
46
|
-
"aria-hidden": "true",
|
|
47
|
-
children: [
|
|
48
|
-
/*#__PURE__*/ jsx("rect", {
|
|
49
|
-
x: "3",
|
|
50
|
-
y: "4",
|
|
51
|
-
width: "14",
|
|
52
|
-
height: "12",
|
|
53
|
-
rx: "2.5",
|
|
54
|
-
stroke: "currentColor",
|
|
55
|
-
strokeWidth: "1.5"
|
|
56
|
-
}),
|
|
57
|
-
/*#__PURE__*/ jsx("path", {
|
|
58
|
-
d: "M3 8.5h14",
|
|
59
|
-
stroke: "currentColor",
|
|
60
|
-
strokeWidth: "1.5"
|
|
61
|
-
})
|
|
62
|
-
]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
const nodeSizeIcons = {
|
|
66
|
-
s: NodeSIcon,
|
|
67
|
-
m: NodeMIcon,
|
|
68
|
-
l: NodeLIcon
|
|
69
|
-
};
|
|
70
|
-
const nodeSizeLabels = {
|
|
71
|
-
s: 'Small nodes',
|
|
72
|
-
m: 'Medium nodes',
|
|
73
|
-
l: 'Large nodes'
|
|
74
|
-
};
|
|
75
|
-
function NodeSizeButton({ size, isActive, onClick }) {
|
|
76
|
-
const Icon = nodeSizeIcons[size];
|
|
77
|
-
return /*#__PURE__*/ jsx("button", {
|
|
78
|
-
type: "button",
|
|
79
|
-
className: cn('flex h-8 w-8 items-center justify-center rounded-2xl', isActive ? 'border border-surface-hover bg-surface text-foreground-accent shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:text-foreground hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
|
|
80
|
-
onClick: onClick,
|
|
81
|
-
"aria-label": nodeSizeLabels[size],
|
|
82
|
-
children: /*#__PURE__*/ jsx(Icon, {})
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
function FlowViewToolbar({ className, activeNodeSize = 's', onNodeSizeChange, onAction }) {
|
|
86
|
-
return /*#__PURE__*/ jsxs("div", {
|
|
87
|
-
className: cn('flex flex-col gap-4', className),
|
|
88
|
-
children: [
|
|
89
|
-
/*#__PURE__*/ jsxs("div", {
|
|
90
|
-
className: "flex w-10 flex-col items-center gap-1 rounded-xl border border-border-subtle bg-surface-raised p-1",
|
|
91
|
-
children: [
|
|
92
|
-
/*#__PURE__*/ jsx(ViewButton, {
|
|
93
|
-
icon: ZoomIn,
|
|
94
|
-
label: "Zoom in",
|
|
95
|
-
onClick: ()=>onAction?.('zoom-in')
|
|
96
|
-
}),
|
|
97
|
-
/*#__PURE__*/ jsx(ViewButton, {
|
|
98
|
-
icon: ZoomOut,
|
|
99
|
-
label: "Zoom out",
|
|
100
|
-
onClick: ()=>onAction?.('zoom-out')
|
|
101
|
-
}),
|
|
102
|
-
/*#__PURE__*/ jsx("div", {
|
|
103
|
-
className: "h-px w-6 bg-surface-overlay"
|
|
104
|
-
}),
|
|
105
|
-
/*#__PURE__*/ jsx(ViewButton, {
|
|
106
|
-
icon: Maximize2,
|
|
107
|
-
label: "Fit to screen",
|
|
108
|
-
onClick: ()=>onAction?.('fit')
|
|
109
|
-
}),
|
|
110
|
-
/*#__PURE__*/ jsx(ViewButton, {
|
|
111
|
-
icon: LayoutGrid,
|
|
112
|
-
label: "Toggle grid",
|
|
113
|
-
onClick: ()=>onAction?.('grid')
|
|
114
|
-
})
|
|
115
|
-
]
|
|
116
|
-
}),
|
|
117
|
-
/*#__PURE__*/ jsxs("div", {
|
|
118
|
-
className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-subtle bg-surface-raised p-1",
|
|
119
|
-
children: [
|
|
120
|
-
/*#__PURE__*/ jsx(NodeSizeButton, {
|
|
121
|
-
size: "s",
|
|
122
|
-
isActive: 's' === activeNodeSize,
|
|
123
|
-
onClick: ()=>onNodeSizeChange?.('s')
|
|
124
|
-
}),
|
|
125
|
-
/*#__PURE__*/ jsx(NodeSizeButton, {
|
|
126
|
-
size: "m",
|
|
127
|
-
isActive: 'm' === activeNodeSize,
|
|
128
|
-
onClick: ()=>onNodeSizeChange?.('m')
|
|
129
|
-
}),
|
|
130
|
-
/*#__PURE__*/ jsx(NodeSizeButton, {
|
|
131
|
-
size: "l",
|
|
132
|
-
isActive: 'l' === activeNodeSize,
|
|
133
|
-
onClick: ()=>onNodeSizeChange?.('l')
|
|
134
|
-
})
|
|
135
|
-
]
|
|
136
|
-
})
|
|
137
|
-
]
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
export { FlowViewToolbar };
|