@uipath/apollo-wind 2.33.3 → 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 +14 -14
- 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 +2 -2
- 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,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
FlowProperties: ()=>FlowProperties
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const external_flow_properties_bar_cjs_namespaceObject = require("./flow-properties-bar.cjs");
|
|
31
|
-
const external_flow_properties_expanded_cjs_namespaceObject = require("./flow-properties-expanded.cjs");
|
|
32
|
-
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
33
|
-
function FlowProperties({ className, expanded = false, flowName = 'Invoice processing', flowType = 'Workflow', nodeName = 'Validate invoice', nodeType = 'AI Agent', activeTab = 'properties', onTabChange, onExpand, onClose }) {
|
|
34
|
-
if (expanded) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_flow_properties_expanded_cjs_namespaceObject.PropertiesExpanded, {
|
|
35
|
-
className: (0, index_cjs_namespaceObject.cn)(className),
|
|
36
|
-
nodeName: nodeName,
|
|
37
|
-
nodeType: nodeType,
|
|
38
|
-
activeTab: activeTab,
|
|
39
|
-
onClose: onClose
|
|
40
|
-
});
|
|
41
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_flow_properties_bar_cjs_namespaceObject.PropertiesBar, {
|
|
42
|
-
className: className,
|
|
43
|
-
flowName: flowName,
|
|
44
|
-
flowType: flowType,
|
|
45
|
-
activeTab: activeTab,
|
|
46
|
-
onTabChange: onTabChange,
|
|
47
|
-
onExpand: onExpand
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
exports.FlowProperties = __webpack_exports__.FlowProperties;
|
|
51
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
52
|
-
"FlowProperties"
|
|
53
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
54
|
-
Object.defineProperty(exports, '__esModule', {
|
|
55
|
-
value: true
|
|
56
|
-
});
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export interface FlowPropertiesProps {
|
|
2
|
-
className?: string;
|
|
3
|
-
/** When false, renders the collapsed bar; when true, renders the expanded panel */
|
|
4
|
-
expanded?: boolean;
|
|
5
|
-
/** Flow name (collapsed bar) */
|
|
6
|
-
flowName?: string;
|
|
7
|
-
/** Flow type label, e.g. "Workflow" (collapsed bar) */
|
|
8
|
-
flowType?: string;
|
|
9
|
-
/** Node name (expanded panel header) */
|
|
10
|
-
nodeName?: string;
|
|
11
|
-
/** Node type label, e.g. "AI Agent" (expanded panel header) */
|
|
12
|
-
nodeType?: string;
|
|
13
|
-
/** Active tab: 'properties' | 'variables' */
|
|
14
|
-
activeTab?: 'properties' | 'variables';
|
|
15
|
-
/** Callback when tab changes */
|
|
16
|
-
onTabChange?: (tab: 'properties' | 'variables') => void;
|
|
17
|
-
/** Callback when user expands (e.g. clicks Properties in the bar) */
|
|
18
|
-
onExpand?: () => void;
|
|
19
|
-
/** Callback when user closes the expanded panel */
|
|
20
|
-
onClose?: () => void;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Flow properties UI in one of two states: collapsed (bar on canvas) or expanded (full panel).
|
|
24
|
-
*
|
|
25
|
-
* Use `expanded` to switch. Collapsed shows flow name/type and Properties/Variables tabs;
|
|
26
|
-
* expanded shows the full node properties panel with header, toolbar, code, and input/output.
|
|
27
|
-
*/
|
|
28
|
-
export declare function FlowProperties({ className, expanded, flowName, flowType, nodeName, nodeType, activeTab, onTabChange, onExpand, onClose, }: FlowPropertiesProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { PropertiesBar } from "./flow-properties-bar.js";
|
|
3
|
-
import { PropertiesExpanded } from "./flow-properties-expanded.js";
|
|
4
|
-
import { cn } from "../../lib/index.js";
|
|
5
|
-
function FlowProperties({ className, expanded = false, flowName = 'Invoice processing', flowType = 'Workflow', nodeName = 'Validate invoice', nodeType = 'AI Agent', activeTab = 'properties', onTabChange, onExpand, onClose }) {
|
|
6
|
-
if (expanded) return /*#__PURE__*/ jsx(PropertiesExpanded, {
|
|
7
|
-
className: cn(className),
|
|
8
|
-
nodeName: nodeName,
|
|
9
|
-
nodeType: nodeType,
|
|
10
|
-
activeTab: activeTab,
|
|
11
|
-
onClose: onClose
|
|
12
|
-
});
|
|
13
|
-
return /*#__PURE__*/ jsx(PropertiesBar, {
|
|
14
|
-
className: className,
|
|
15
|
-
flowName: flowName,
|
|
16
|
-
flowType: flowType,
|
|
17
|
-
activeTab: activeTab,
|
|
18
|
-
onTabChange: onTabChange,
|
|
19
|
-
onExpand: onExpand
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
export { FlowProperties };
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
HoverMenu: ()=>HoverMenu
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
require("react");
|
|
31
|
-
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
32
|
-
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
33
|
-
function MenuButton({ icon: Icon, label, onClick }) {
|
|
34
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
35
|
-
type: "button",
|
|
36
|
-
className: "group flex h-6 w-6 items-center justify-center rounded-[4px] text-foreground-muted hover:bg-surface-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
37
|
-
"aria-label": label,
|
|
38
|
-
onClick: onClick,
|
|
39
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
40
|
-
className: "h-4 w-4 transition-transform group-hover:scale-[1.25]",
|
|
41
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
42
|
-
className: "h-full w-full",
|
|
43
|
-
strokeWidth: 1.4
|
|
44
|
-
})
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
function HoverMenu({ className, onPlay, onEdit, onDelete, onMore }) {
|
|
49
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
50
|
-
className: (0, index_cjs_namespaceObject.cn)('flex h-10 items-center gap-1 rounded-xl border border-surface-overlay bg-surface-raised px-2 py-1', className),
|
|
51
|
-
children: [
|
|
52
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuButton, {
|
|
53
|
-
icon: external_lucide_react_namespaceObject.Play,
|
|
54
|
-
label: "Run node",
|
|
55
|
-
onClick: onPlay
|
|
56
|
-
}),
|
|
57
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuButton, {
|
|
58
|
-
icon: external_lucide_react_namespaceObject.Pencil,
|
|
59
|
-
label: "Edit node",
|
|
60
|
-
onClick: onEdit
|
|
61
|
-
}),
|
|
62
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuButton, {
|
|
63
|
-
icon: external_lucide_react_namespaceObject.Trash2,
|
|
64
|
-
label: "Delete node",
|
|
65
|
-
onClick: onDelete
|
|
66
|
-
}),
|
|
67
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
68
|
-
className: "h-5 w-px bg-border-subtle"
|
|
69
|
-
}),
|
|
70
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuButton, {
|
|
71
|
-
icon: external_lucide_react_namespaceObject.EllipsisVertical,
|
|
72
|
-
label: "More options",
|
|
73
|
-
onClick: onMore
|
|
74
|
-
})
|
|
75
|
-
]
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
exports.HoverMenu = __webpack_exports__.HoverMenu;
|
|
79
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
80
|
-
"HoverMenu"
|
|
81
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
82
|
-
Object.defineProperty(exports, '__esModule', {
|
|
83
|
-
value: true
|
|
84
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface HoverMenuProps {
|
|
2
|
-
className?: string;
|
|
3
|
-
onPlay?: () => void;
|
|
4
|
-
onEdit?: () => void;
|
|
5
|
-
onDelete?: () => void;
|
|
6
|
-
onMore?: () => void;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Contextual hover menu for canvas nodes.
|
|
10
|
-
*
|
|
11
|
-
* Displays Play, Edit, Delete, and More actions in a compact floating toolbar.
|
|
12
|
-
*/
|
|
13
|
-
export declare function HoverMenu({ className, onPlay, onEdit, onDelete, onMore }: HoverMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { EllipsisVertical, Pencil, Play, Trash2 } from "lucide-react";
|
|
4
|
-
import { cn } from "../../lib/index.js";
|
|
5
|
-
function MenuButton({ icon: Icon, label, onClick }) {
|
|
6
|
-
return /*#__PURE__*/ jsx("button", {
|
|
7
|
-
type: "button",
|
|
8
|
-
className: "group flex h-6 w-6 items-center justify-center rounded-[4px] text-foreground-muted hover:bg-surface-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
9
|
-
"aria-label": label,
|
|
10
|
-
onClick: onClick,
|
|
11
|
-
children: /*#__PURE__*/ jsx("div", {
|
|
12
|
-
className: "h-4 w-4 transition-transform group-hover:scale-[1.25]",
|
|
13
|
-
children: /*#__PURE__*/ jsx(Icon, {
|
|
14
|
-
className: "h-full w-full",
|
|
15
|
-
strokeWidth: 1.4
|
|
16
|
-
})
|
|
17
|
-
})
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function HoverMenu({ className, onPlay, onEdit, onDelete, onMore }) {
|
|
21
|
-
return /*#__PURE__*/ jsxs("div", {
|
|
22
|
-
className: cn('flex h-10 items-center gap-1 rounded-xl border border-surface-overlay bg-surface-raised px-2 py-1', className),
|
|
23
|
-
children: [
|
|
24
|
-
/*#__PURE__*/ jsx(MenuButton, {
|
|
25
|
-
icon: Play,
|
|
26
|
-
label: "Run node",
|
|
27
|
-
onClick: onPlay
|
|
28
|
-
}),
|
|
29
|
-
/*#__PURE__*/ jsx(MenuButton, {
|
|
30
|
-
icon: Pencil,
|
|
31
|
-
label: "Edit node",
|
|
32
|
-
onClick: onEdit
|
|
33
|
-
}),
|
|
34
|
-
/*#__PURE__*/ jsx(MenuButton, {
|
|
35
|
-
icon: Trash2,
|
|
36
|
-
label: "Delete node",
|
|
37
|
-
onClick: onDelete
|
|
38
|
-
}),
|
|
39
|
-
/*#__PURE__*/ jsx("div", {
|
|
40
|
-
className: "h-5 w-px bg-border-subtle"
|
|
41
|
-
}),
|
|
42
|
-
/*#__PURE__*/ jsx(MenuButton, {
|
|
43
|
-
icon: EllipsisVertical,
|
|
44
|
-
label: "More options",
|
|
45
|
-
onClick: onMore
|
|
46
|
-
})
|
|
47
|
-
]
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
export { HoverMenu };
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
FlowCanvasToolbar: ()=>FlowCanvasToolbar
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
require("react");
|
|
31
|
-
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
32
|
-
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
33
|
-
function ToolbarSeparator() {
|
|
34
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
35
|
-
className: "h-8 w-px bg-surface-overlay"
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
function ToolbarButton({ icon: Icon, label, onClick }) {
|
|
39
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
40
|
-
type: "button",
|
|
41
|
-
className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
|
|
42
|
-
onClick: onClick,
|
|
43
|
-
"aria-label": label,
|
|
44
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
45
|
-
className: "h-5 w-5 transition-transform group-hover:scale-[1.2]",
|
|
46
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
47
|
-
className: "h-full w-full"
|
|
48
|
-
})
|
|
49
|
-
})
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
function FlowCanvasToolbar({ className, activeMode = 'build', onModeChange }) {
|
|
53
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
54
|
-
className: (0, index_cjs_namespaceObject.cn)('flex h-[60px] items-center gap-2 rounded-[24px] border border-surface-overlay bg-surface-raised px-2.5', className),
|
|
55
|
-
children: [
|
|
56
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
57
|
-
className: "flex h-10 items-center gap-1 rounded-xl border border-surface-overlay p-1",
|
|
58
|
-
children: [
|
|
59
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
60
|
-
type: "button",
|
|
61
|
-
className: (0, index_cjs_namespaceObject.cn)('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5', 'build' === activeMode ? 'border border-surface-hover bg-foreground-inverse text-foreground shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
|
|
62
|
-
onClick: ()=>onModeChange?.('build'),
|
|
63
|
-
children: [
|
|
64
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Workflow, {
|
|
65
|
-
className: (0, index_cjs_namespaceObject.cn)('h-5 w-5', 'build' === activeMode ? 'text-foreground-accent' : '')
|
|
66
|
-
}),
|
|
67
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
68
|
-
children: "Build"
|
|
69
|
-
})
|
|
70
|
-
]
|
|
71
|
-
}),
|
|
72
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
73
|
-
type: "button",
|
|
74
|
-
className: (0, index_cjs_namespaceObject.cn)('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5', 'evaluate' === activeMode ? 'border border-surface-hover bg-foreground-inverse text-foreground shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
|
|
75
|
-
onClick: ()=>onModeChange?.('evaluate'),
|
|
76
|
-
children: [
|
|
77
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ListChecks, {
|
|
78
|
-
className: (0, index_cjs_namespaceObject.cn)('h-5 w-5', 'evaluate' === activeMode ? 'text-foreground-accent' : '')
|
|
79
|
-
}),
|
|
80
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
81
|
-
children: "Evaluate"
|
|
82
|
-
})
|
|
83
|
-
]
|
|
84
|
-
})
|
|
85
|
-
]
|
|
86
|
-
}),
|
|
87
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarSeparator, {}),
|
|
88
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
|
|
89
|
-
icon: external_lucide_react_namespaceObject.Undo2,
|
|
90
|
-
label: "Undo"
|
|
91
|
-
}),
|
|
92
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
|
|
93
|
-
icon: external_lucide_react_namespaceObject.Redo2,
|
|
94
|
-
label: "Redo"
|
|
95
|
-
}),
|
|
96
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarSeparator, {}),
|
|
97
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
|
|
98
|
-
icon: external_lucide_react_namespaceObject.Play,
|
|
99
|
-
label: "Run"
|
|
100
|
-
}),
|
|
101
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarSeparator, {}),
|
|
102
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
|
|
103
|
-
icon: external_lucide_react_namespaceObject.Plus,
|
|
104
|
-
label: "Add node"
|
|
105
|
-
}),
|
|
106
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
|
|
107
|
-
icon: external_lucide_react_namespaceObject.StickyNote,
|
|
108
|
-
label: "Add note"
|
|
109
|
-
})
|
|
110
|
-
]
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
exports.FlowCanvasToolbar = __webpack_exports__.FlowCanvasToolbar;
|
|
114
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
115
|
-
"FlowCanvasToolbar"
|
|
116
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
117
|
-
Object.defineProperty(exports, '__esModule', {
|
|
118
|
-
value: true
|
|
119
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export interface CanvasToolbarProps {
|
|
2
|
-
className?: string;
|
|
3
|
-
/** Active mode: 'build' | 'evaluate' */
|
|
4
|
-
activeMode?: 'build' | 'evaluate';
|
|
5
|
-
/** Callback when mode changes */
|
|
6
|
-
onModeChange?: (mode: 'build' | 'evaluate') => void;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Bottom-center toolbar for the Flow canvas.
|
|
10
|
-
*
|
|
11
|
-
* Contains a Build/Evaluate toggle, undo/redo, play, add, and sticky note
|
|
12
|
-
* buttons. Anchored to bottom-center via absolute positioning in the
|
|
13
|
-
* parent layout.
|
|
14
|
-
*/
|
|
15
|
-
export declare function FlowCanvasToolbar({ className, activeMode, onModeChange, }: CanvasToolbarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { ListChecks, Play, Plus, Redo2, StickyNote, Undo2, Workflow } from "lucide-react";
|
|
4
|
-
import { cn } from "../../lib/index.js";
|
|
5
|
-
function ToolbarSeparator() {
|
|
6
|
-
return /*#__PURE__*/ jsx("div", {
|
|
7
|
-
className: "h-8 w-px bg-surface-overlay"
|
|
8
|
-
});
|
|
9
|
-
}
|
|
10
|
-
function ToolbarButton({ icon: Icon, label, onClick }) {
|
|
11
|
-
return /*#__PURE__*/ jsx("button", {
|
|
12
|
-
type: "button",
|
|
13
|
-
className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
|
|
14
|
-
onClick: onClick,
|
|
15
|
-
"aria-label": label,
|
|
16
|
-
children: /*#__PURE__*/ jsx("div", {
|
|
17
|
-
className: "h-5 w-5 transition-transform group-hover:scale-[1.2]",
|
|
18
|
-
children: /*#__PURE__*/ jsx(Icon, {
|
|
19
|
-
className: "h-full w-full"
|
|
20
|
-
})
|
|
21
|
-
})
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
function FlowCanvasToolbar({ className, activeMode = 'build', onModeChange }) {
|
|
25
|
-
return /*#__PURE__*/ jsxs("div", {
|
|
26
|
-
className: cn('flex h-[60px] items-center gap-2 rounded-[24px] border border-surface-overlay bg-surface-raised px-2.5', className),
|
|
27
|
-
children: [
|
|
28
|
-
/*#__PURE__*/ jsxs("div", {
|
|
29
|
-
className: "flex h-10 items-center gap-1 rounded-xl border border-surface-overlay p-1",
|
|
30
|
-
children: [
|
|
31
|
-
/*#__PURE__*/ jsxs("button", {
|
|
32
|
-
type: "button",
|
|
33
|
-
className: cn('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5', 'build' === activeMode ? 'border border-surface-hover bg-foreground-inverse text-foreground shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
|
|
34
|
-
onClick: ()=>onModeChange?.('build'),
|
|
35
|
-
children: [
|
|
36
|
-
/*#__PURE__*/ jsx(Workflow, {
|
|
37
|
-
className: cn('h-5 w-5', 'build' === activeMode ? 'text-foreground-accent' : '')
|
|
38
|
-
}),
|
|
39
|
-
/*#__PURE__*/ jsx("span", {
|
|
40
|
-
children: "Build"
|
|
41
|
-
})
|
|
42
|
-
]
|
|
43
|
-
}),
|
|
44
|
-
/*#__PURE__*/ jsxs("button", {
|
|
45
|
-
type: "button",
|
|
46
|
-
className: cn('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5', 'evaluate' === activeMode ? 'border border-surface-hover bg-foreground-inverse text-foreground shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
|
|
47
|
-
onClick: ()=>onModeChange?.('evaluate'),
|
|
48
|
-
children: [
|
|
49
|
-
/*#__PURE__*/ jsx(ListChecks, {
|
|
50
|
-
className: cn('h-5 w-5', 'evaluate' === activeMode ? 'text-foreground-accent' : '')
|
|
51
|
-
}),
|
|
52
|
-
/*#__PURE__*/ jsx("span", {
|
|
53
|
-
children: "Evaluate"
|
|
54
|
-
})
|
|
55
|
-
]
|
|
56
|
-
})
|
|
57
|
-
]
|
|
58
|
-
}),
|
|
59
|
-
/*#__PURE__*/ jsx(ToolbarSeparator, {}),
|
|
60
|
-
/*#__PURE__*/ jsx(ToolbarButton, {
|
|
61
|
-
icon: Undo2,
|
|
62
|
-
label: "Undo"
|
|
63
|
-
}),
|
|
64
|
-
/*#__PURE__*/ jsx(ToolbarButton, {
|
|
65
|
-
icon: Redo2,
|
|
66
|
-
label: "Redo"
|
|
67
|
-
}),
|
|
68
|
-
/*#__PURE__*/ jsx(ToolbarSeparator, {}),
|
|
69
|
-
/*#__PURE__*/ jsx(ToolbarButton, {
|
|
70
|
-
icon: Play,
|
|
71
|
-
label: "Run"
|
|
72
|
-
}),
|
|
73
|
-
/*#__PURE__*/ jsx(ToolbarSeparator, {}),
|
|
74
|
-
/*#__PURE__*/ jsx(ToolbarButton, {
|
|
75
|
-
icon: Plus,
|
|
76
|
-
label: "Add node"
|
|
77
|
-
}),
|
|
78
|
-
/*#__PURE__*/ jsx(ToolbarButton, {
|
|
79
|
-
icon: StickyNote,
|
|
80
|
-
label: "Add note"
|
|
81
|
-
})
|
|
82
|
-
]
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
export { FlowCanvasToolbar };
|
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
FlowViewToolbar: ()=>FlowViewToolbar
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
require("react");
|
|
31
|
-
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
32
|
-
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
33
|
-
function ViewButton({ icon: Icon, label, onClick }) {
|
|
34
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
35
|
-
type: "button",
|
|
36
|
-
className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
|
|
37
|
-
onClick: onClick,
|
|
38
|
-
"aria-label": label,
|
|
39
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
40
|
-
className: "h-5 w-5 transition-transform group-hover:scale-[1.2]",
|
|
41
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
42
|
-
className: "h-full w-full"
|
|
43
|
-
})
|
|
44
|
-
})
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function NodeSIcon() {
|
|
48
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GitCommitHorizontal, {
|
|
49
|
-
className: "h-5 w-5"
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
function NodeMIcon() {
|
|
53
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
|
|
54
|
-
viewBox: "0 0 20 20",
|
|
55
|
-
className: "h-5 w-5",
|
|
56
|
-
fill: "none",
|
|
57
|
-
"aria-hidden": "true",
|
|
58
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
|
|
59
|
-
x: "3",
|
|
60
|
-
y: "5",
|
|
61
|
-
width: "14",
|
|
62
|
-
height: "10",
|
|
63
|
-
rx: "2.5",
|
|
64
|
-
stroke: "currentColor",
|
|
65
|
-
strokeWidth: "1.5"
|
|
66
|
-
})
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
function NodeLIcon() {
|
|
70
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
|
|
71
|
-
viewBox: "0 0 20 20",
|
|
72
|
-
className: "h-5 w-5",
|
|
73
|
-
fill: "none",
|
|
74
|
-
"aria-hidden": "true",
|
|
75
|
-
children: [
|
|
76
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
|
|
77
|
-
x: "3",
|
|
78
|
-
y: "4",
|
|
79
|
-
width: "14",
|
|
80
|
-
height: "12",
|
|
81
|
-
rx: "2.5",
|
|
82
|
-
stroke: "currentColor",
|
|
83
|
-
strokeWidth: "1.5"
|
|
84
|
-
}),
|
|
85
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
86
|
-
d: "M3 8.5h14",
|
|
87
|
-
stroke: "currentColor",
|
|
88
|
-
strokeWidth: "1.5"
|
|
89
|
-
})
|
|
90
|
-
]
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
const nodeSizeIcons = {
|
|
94
|
-
s: NodeSIcon,
|
|
95
|
-
m: NodeMIcon,
|
|
96
|
-
l: NodeLIcon
|
|
97
|
-
};
|
|
98
|
-
const nodeSizeLabels = {
|
|
99
|
-
s: 'Small nodes',
|
|
100
|
-
m: 'Medium nodes',
|
|
101
|
-
l: 'Large nodes'
|
|
102
|
-
};
|
|
103
|
-
function NodeSizeButton({ size, isActive, onClick }) {
|
|
104
|
-
const Icon = nodeSizeIcons[size];
|
|
105
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
106
|
-
type: "button",
|
|
107
|
-
className: (0, index_cjs_namespaceObject.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'),
|
|
108
|
-
onClick: onClick,
|
|
109
|
-
"aria-label": nodeSizeLabels[size],
|
|
110
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {})
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
function FlowViewToolbar({ className, activeNodeSize = 's', onNodeSizeChange, onAction }) {
|
|
114
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
115
|
-
className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-4', className),
|
|
116
|
-
children: [
|
|
117
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
118
|
-
className: "flex w-10 flex-col items-center gap-1 rounded-xl border border-border-subtle bg-surface-raised p-1",
|
|
119
|
-
children: [
|
|
120
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
|
|
121
|
-
icon: external_lucide_react_namespaceObject.ZoomIn,
|
|
122
|
-
label: "Zoom in",
|
|
123
|
-
onClick: ()=>onAction?.('zoom-in')
|
|
124
|
-
}),
|
|
125
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
|
|
126
|
-
icon: external_lucide_react_namespaceObject.ZoomOut,
|
|
127
|
-
label: "Zoom out",
|
|
128
|
-
onClick: ()=>onAction?.('zoom-out')
|
|
129
|
-
}),
|
|
130
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
131
|
-
className: "h-px w-6 bg-surface-overlay"
|
|
132
|
-
}),
|
|
133
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
|
|
134
|
-
icon: external_lucide_react_namespaceObject.Maximize2,
|
|
135
|
-
label: "Fit to screen",
|
|
136
|
-
onClick: ()=>onAction?.('fit')
|
|
137
|
-
}),
|
|
138
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
|
|
139
|
-
icon: external_lucide_react_namespaceObject.LayoutGrid,
|
|
140
|
-
label: "Toggle grid",
|
|
141
|
-
onClick: ()=>onAction?.('grid')
|
|
142
|
-
})
|
|
143
|
-
]
|
|
144
|
-
}),
|
|
145
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
146
|
-
className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-subtle bg-surface-raised p-1",
|
|
147
|
-
children: [
|
|
148
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeButton, {
|
|
149
|
-
size: "s",
|
|
150
|
-
isActive: 's' === activeNodeSize,
|
|
151
|
-
onClick: ()=>onNodeSizeChange?.('s')
|
|
152
|
-
}),
|
|
153
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeButton, {
|
|
154
|
-
size: "m",
|
|
155
|
-
isActive: 'm' === activeNodeSize,
|
|
156
|
-
onClick: ()=>onNodeSizeChange?.('m')
|
|
157
|
-
}),
|
|
158
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeButton, {
|
|
159
|
-
size: "l",
|
|
160
|
-
isActive: 'l' === activeNodeSize,
|
|
161
|
-
onClick: ()=>onNodeSizeChange?.('l')
|
|
162
|
-
})
|
|
163
|
-
]
|
|
164
|
-
})
|
|
165
|
-
]
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
exports.FlowViewToolbar = __webpack_exports__.FlowViewToolbar;
|
|
169
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
170
|
-
"FlowViewToolbar"
|
|
171
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
172
|
-
Object.defineProperty(exports, '__esModule', {
|
|
173
|
-
value: true
|
|
174
|
-
});
|