@uipath/apollo-wind 2.34.0 → 2.36.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.
Files changed (35) hide show
  1. package/dist/components/ui/alert.cjs +8 -5
  2. package/dist/components/ui/alert.d.ts +3 -3
  3. package/dist/components/ui/alert.js +8 -5
  4. package/dist/components/ui/index.cjs +30 -30
  5. package/dist/styles.css +246 -123
  6. package/dist/templates/Delegate/template-delegate.d.ts +2 -5
  7. package/dist/templates/Flow/template-flow.d.ts +16 -16
  8. package/package.json +1 -1
  9. package/dist/components/custom/canvas.cjs +0 -44
  10. package/dist/components/custom/canvas.d.ts +0 -14
  11. package/dist/components/custom/canvas.js +0 -10
  12. package/dist/components/custom/flow-node-expandable.cjs +0 -81
  13. package/dist/components/custom/flow-node-expandable.d.ts +0 -27
  14. package/dist/components/custom/flow-node-expandable.js +0 -47
  15. package/dist/components/custom/flow-node.cjs +0 -74
  16. package/dist/components/custom/flow-node.d.ts +0 -25
  17. package/dist/components/custom/flow-node.js +0 -40
  18. package/dist/components/custom/flow-properties-bar.cjs +0 -103
  19. package/dist/components/custom/flow-properties-bar.d.ts +0 -21
  20. package/dist/components/custom/flow-properties-bar.js +0 -69
  21. package/dist/components/custom/flow-properties-expanded.cjs +0 -328
  22. package/dist/components/custom/flow-properties-expanded.d.ts +0 -21
  23. package/dist/components/custom/flow-properties-expanded.js +0 -294
  24. package/dist/components/custom/flow-properties.cjs +0 -56
  25. package/dist/components/custom/flow-properties.d.ts +0 -28
  26. package/dist/components/custom/flow-properties.js +0 -22
  27. package/dist/components/custom/hover-menu.cjs +0 -84
  28. package/dist/components/custom/hover-menu.d.ts +0 -13
  29. package/dist/components/custom/hover-menu.js +0 -50
  30. package/dist/components/custom/toolbar-canvas.cjs +0 -119
  31. package/dist/components/custom/toolbar-canvas.d.ts +0 -15
  32. package/dist/components/custom/toolbar-canvas.js +0 -85
  33. package/dist/components/custom/toolbar-view.cjs +0 -174
  34. package/dist/components/custom/toolbar-view.d.ts +0 -16
  35. 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
- });