@uipath/apollo-wind 0.14.0 → 0.15.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/custom/chat-composer.cjs +4 -7
- package/dist/components/custom/chat-composer.js +4 -7
- package/dist/components/custom/flow-node-expandable.cjs +81 -0
- package/dist/components/custom/flow-node-expandable.d.ts +27 -0
- package/dist/components/custom/flow-node-expandable.js +47 -0
- package/dist/components/custom/flow-node.cjs +32 -34
- package/dist/components/custom/flow-node.d.ts +14 -9
- package/dist/components/custom/flow-node.js +33 -35
- package/dist/components/custom/hover-menu.cjs +84 -0
- package/dist/components/custom/hover-menu.d.ts +13 -0
- package/dist/components/custom/hover-menu.js +50 -0
- package/dist/components/custom/panel-delegate.cjs +5 -2
- package/dist/components/custom/panel-delegate.js +5 -2
- package/dist/components/custom/toolbar-canvas.cjs +5 -2
- package/dist/components/custom/toolbar-canvas.js +5 -2
- package/dist/components/custom/toolbar-view.cjs +5 -2
- package/dist/components/custom/toolbar-view.js +5 -2
- package/dist/components/ui/index.cjs +18 -18
- package/dist/styles.css +60 -6
- package/package.json +1 -1
|
@@ -32,7 +32,6 @@ const external_react_namespaceObject = require("react");
|
|
|
32
32
|
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
33
33
|
function ChatComposer({ className, placeholder = 'I would like you to automate my', onSubmit }) {
|
|
34
34
|
const [value, setValue] = external_react_namespaceObject.useState('');
|
|
35
|
-
const [focused, setFocused] = external_react_namespaceObject.useState(false);
|
|
36
35
|
const handleSubmit = ()=>{
|
|
37
36
|
if (value.trim()) {
|
|
38
37
|
onSubmit?.(value.trim());
|
|
@@ -57,9 +56,7 @@ function ChatComposer({ className, placeholder = 'I would like you to automate m
|
|
|
57
56
|
rows: 3,
|
|
58
57
|
value: value,
|
|
59
58
|
onChange: (e)=>setValue(e.target.value),
|
|
60
|
-
onKeyDown: handleKeyDown
|
|
61
|
-
onFocus: ()=>setFocused(true),
|
|
62
|
-
onBlur: ()=>setFocused(false)
|
|
59
|
+
onKeyDown: handleKeyDown
|
|
63
60
|
}),
|
|
64
61
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
65
62
|
className: "flex items-center justify-between",
|
|
@@ -110,14 +107,14 @@ function ChatComposer({ className, placeholder = 'I would like you to automate m
|
|
|
110
107
|
onClick: handleSubmit,
|
|
111
108
|
"aria-label": "Submit message",
|
|
112
109
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CornerRightUp, {
|
|
113
|
-
className: "h-5 w-5 text-
|
|
110
|
+
className: "h-5 w-5 text-foreground-on-accent"
|
|
114
111
|
})
|
|
115
112
|
}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
116
113
|
type: "button",
|
|
117
|
-
className:
|
|
114
|
+
className: "flex h-8 w-8 items-center justify-center rounded-lg bg-surface-hover group-focus-within/input:bg-foreground-accent hover:bg-foreground-accent-muted",
|
|
118
115
|
"aria-label": "Voice input",
|
|
119
116
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Mic, {
|
|
120
|
-
className: "h-5 w-5 text-
|
|
117
|
+
className: "h-5 w-5 text-foreground-on-accent"
|
|
121
118
|
})
|
|
122
119
|
})
|
|
123
120
|
]
|
|
@@ -4,7 +4,6 @@ import { useState } from "react";
|
|
|
4
4
|
import { cn } from "../../lib/index.js";
|
|
5
5
|
function ChatComposer({ className, placeholder = 'I would like you to automate my', onSubmit }) {
|
|
6
6
|
const [value, setValue] = useState('');
|
|
7
|
-
const [focused, setFocused] = useState(false);
|
|
8
7
|
const handleSubmit = ()=>{
|
|
9
8
|
if (value.trim()) {
|
|
10
9
|
onSubmit?.(value.trim());
|
|
@@ -29,9 +28,7 @@ function ChatComposer({ className, placeholder = 'I would like you to automate m
|
|
|
29
28
|
rows: 3,
|
|
30
29
|
value: value,
|
|
31
30
|
onChange: (e)=>setValue(e.target.value),
|
|
32
|
-
onKeyDown: handleKeyDown
|
|
33
|
-
onFocus: ()=>setFocused(true),
|
|
34
|
-
onBlur: ()=>setFocused(false)
|
|
31
|
+
onKeyDown: handleKeyDown
|
|
35
32
|
}),
|
|
36
33
|
/*#__PURE__*/ jsxs("div", {
|
|
37
34
|
className: "flex items-center justify-between",
|
|
@@ -82,14 +79,14 @@ function ChatComposer({ className, placeholder = 'I would like you to automate m
|
|
|
82
79
|
onClick: handleSubmit,
|
|
83
80
|
"aria-label": "Submit message",
|
|
84
81
|
children: /*#__PURE__*/ jsx(CornerRightUp, {
|
|
85
|
-
className: "h-5 w-5 text-
|
|
82
|
+
className: "h-5 w-5 text-foreground-on-accent"
|
|
86
83
|
})
|
|
87
84
|
}) : /*#__PURE__*/ jsx("button", {
|
|
88
85
|
type: "button",
|
|
89
|
-
className:
|
|
86
|
+
className: "flex h-8 w-8 items-center justify-center rounded-lg bg-surface-hover group-focus-within/input:bg-foreground-accent hover:bg-foreground-accent-muted",
|
|
90
87
|
"aria-label": "Voice input",
|
|
91
88
|
children: /*#__PURE__*/ jsx(Mic, {
|
|
92
|
-
className: "h-5 w-5 text-
|
|
89
|
+
className: "h-5 w-5 text-foreground-on-accent"
|
|
93
90
|
})
|
|
94
91
|
})
|
|
95
92
|
]
|
|
@@ -0,0 +1,81 @@
|
|
|
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
|
+
FlowNodeExpandable: ()=>FlowNodeExpandable
|
|
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 FlowNodeExpandable({ className, title = 'Node title', icon, expanded = false, selected = false, forceState, onToggle }) {
|
|
34
|
+
const isSelected = selected || 'selected' === forceState || 'selected-hover' === forceState;
|
|
35
|
+
const isHover = 'hover' === forceState;
|
|
36
|
+
const isSelectedHover = 'selected-hover' === forceState;
|
|
37
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
38
|
+
className: (0, index_cjs_namespaceObject.cn)('group w-[360px] rounded-2xl bg-surface-overlay', expanded ? 'flex flex-col size-[360px] px-4 pt-2.5 pb-4 gap-[15px]' : 'p-3', !isSelected && !isHover && 'border-[1.6px] border-border', !isSelected && !forceState && 'group-hover:border-2 group-hover:border-border-hover', isHover && 'border-2 border-border-hover', isSelected && !isSelectedHover && 'border-2 border-brand', isSelectedHover && 'border-2 border-foreground-accent-muted', !forceState && isSelected && 'group-hover:border-foreground-accent-muted', className),
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
41
|
+
className: "flex items-center justify-between",
|
|
42
|
+
children: [
|
|
43
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
44
|
+
className: "flex items-center gap-2.5",
|
|
45
|
+
children: [
|
|
46
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
47
|
+
className: "flex items-center justify-center rounded-xl bg-surface size-8 shrink-0",
|
|
48
|
+
children: icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Workflow, {
|
|
49
|
+
className: "h-5 w-5 text-foreground-muted"
|
|
50
|
+
})
|
|
51
|
+
}),
|
|
52
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
53
|
+
className: "text-sm font-medium text-foreground whitespace-nowrap",
|
|
54
|
+
children: title
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
}),
|
|
58
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
59
|
+
type: "button",
|
|
60
|
+
className: "flex items-center justify-center rounded text-foreground-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
61
|
+
onClick: onToggle,
|
|
62
|
+
"aria-label": expanded ? `Collapse ${title}` : `Expand ${title}`,
|
|
63
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
|
|
64
|
+
className: (0, index_cjs_namespaceObject.cn)('h-4 w-4', expanded && 'rotate-180')
|
|
65
|
+
})
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
}),
|
|
69
|
+
expanded && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
70
|
+
className: "flex-1 min-h-0 rounded-lg bg-surface"
|
|
71
|
+
})
|
|
72
|
+
]
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
exports.FlowNodeExpandable = __webpack_exports__.FlowNodeExpandable;
|
|
76
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
77
|
+
"FlowNodeExpandable"
|
|
78
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
79
|
+
Object.defineProperty(exports, '__esModule', {
|
|
80
|
+
value: true
|
|
81
|
+
});
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface FlowNodeExpandableProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
/** Node title */
|
|
5
|
+
title?: string;
|
|
6
|
+
/** Icon rendered in the node header */
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
/** Whether the node is expanded */
|
|
9
|
+
expanded?: boolean;
|
|
10
|
+
/** Whether the node is selected */
|
|
11
|
+
selected?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Force a specific visual state — used for Storybook stories and snapshots.
|
|
14
|
+
* In normal use, hover is driven by CSS group-hover.
|
|
15
|
+
*/
|
|
16
|
+
forceState?: 'default' | 'hover' | 'selected' | 'selected-hover';
|
|
17
|
+
/** Callback when expand/collapse chevron is toggled */
|
|
18
|
+
onToggle?: () => void;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Expandable card-style canvas node for the Flow template.
|
|
22
|
+
*
|
|
23
|
+
* Collapsed: 360px wide, header only.
|
|
24
|
+
* Expanded: 360×360px, header + content area.
|
|
25
|
+
* Shares the same 4-state border pattern as FlowNode.
|
|
26
|
+
*/
|
|
27
|
+
export declare function FlowNodeExpandable({ className, title, icon, expanded, selected, forceState, onToggle, }: FlowNodeExpandableProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import { ChevronDown, Workflow } from "lucide-react";
|
|
4
|
+
import { cn } from "../../lib/index.js";
|
|
5
|
+
function FlowNodeExpandable({ className, title = 'Node title', icon, expanded = false, selected = false, forceState, onToggle }) {
|
|
6
|
+
const isSelected = selected || 'selected' === forceState || 'selected-hover' === forceState;
|
|
7
|
+
const isHover = 'hover' === forceState;
|
|
8
|
+
const isSelectedHover = 'selected-hover' === forceState;
|
|
9
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
10
|
+
className: cn('group w-[360px] rounded-2xl bg-surface-overlay', expanded ? 'flex flex-col size-[360px] px-4 pt-2.5 pb-4 gap-[15px]' : 'p-3', !isSelected && !isHover && 'border-[1.6px] border-border', !isSelected && !forceState && 'group-hover:border-2 group-hover:border-border-hover', isHover && 'border-2 border-border-hover', isSelected && !isSelectedHover && 'border-2 border-brand', isSelectedHover && 'border-2 border-foreground-accent-muted', !forceState && isSelected && 'group-hover:border-foreground-accent-muted', className),
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ jsxs("div", {
|
|
13
|
+
className: "flex items-center justify-between",
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ jsxs("div", {
|
|
16
|
+
className: "flex items-center gap-2.5",
|
|
17
|
+
children: [
|
|
18
|
+
/*#__PURE__*/ jsx("div", {
|
|
19
|
+
className: "flex items-center justify-center rounded-xl bg-surface size-8 shrink-0",
|
|
20
|
+
children: icon ?? /*#__PURE__*/ jsx(Workflow, {
|
|
21
|
+
className: "h-5 w-5 text-foreground-muted"
|
|
22
|
+
})
|
|
23
|
+
}),
|
|
24
|
+
/*#__PURE__*/ jsx("span", {
|
|
25
|
+
className: "text-sm font-medium text-foreground whitespace-nowrap",
|
|
26
|
+
children: title
|
|
27
|
+
})
|
|
28
|
+
]
|
|
29
|
+
}),
|
|
30
|
+
/*#__PURE__*/ jsx("button", {
|
|
31
|
+
type: "button",
|
|
32
|
+
className: "flex items-center justify-center rounded text-foreground-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
33
|
+
onClick: onToggle,
|
|
34
|
+
"aria-label": expanded ? `Collapse ${title}` : `Expand ${title}`,
|
|
35
|
+
children: /*#__PURE__*/ jsx(ChevronDown, {
|
|
36
|
+
className: cn('h-4 w-4', expanded && 'rotate-180')
|
|
37
|
+
})
|
|
38
|
+
})
|
|
39
|
+
]
|
|
40
|
+
}),
|
|
41
|
+
expanded && /*#__PURE__*/ jsx("div", {
|
|
42
|
+
className: "flex-1 min-h-0 rounded-lg bg-surface"
|
|
43
|
+
})
|
|
44
|
+
]
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
export { FlowNodeExpandable };
|
|
@@ -30,41 +30,39 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
|
30
30
|
require("react");
|
|
31
31
|
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
32
32
|
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
33
|
-
function FlowNode({ className, title = 'Node title',
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}),
|
|
51
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
52
|
-
className: "text-sm font-medium text-foreground",
|
|
53
|
-
children: title
|
|
54
|
-
})
|
|
55
|
-
]
|
|
56
|
-
}),
|
|
57
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
|
|
58
|
-
className: "h-4 w-4 text-foreground-muted"
|
|
59
|
-
})
|
|
60
|
-
]
|
|
61
|
-
}),
|
|
62
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
63
|
-
className: "flex-1 rounded-lg bg-surface-raised",
|
|
64
|
-
children: children
|
|
33
|
+
function FlowNode({ className, title = 'Node title', subtitle = 'Secondary title', icon, selected = false, forceState, onClick }) {
|
|
34
|
+
const isSelected = selected || 'selected' === forceState || 'selected-hover' === forceState;
|
|
35
|
+
const isHover = 'hover' === forceState;
|
|
36
|
+
const isSelectedHover = 'selected-hover' === forceState;
|
|
37
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
38
|
+
type: "button",
|
|
39
|
+
className: (0, index_cjs_namespaceObject.cn)('group flex w-[107px] flex-col items-center gap-2.5 rounded-[32px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
|
|
40
|
+
onClick: onClick,
|
|
41
|
+
children: [
|
|
42
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
43
|
+
className: (0, index_cjs_namespaceObject.cn)('relative flex items-center justify-center rounded-[32px] size-24 bg-surface-overlay', !isSelected && !isHover && 'border-[1.6px] border-border', !isSelected && !forceState && 'group-hover:border-2 group-hover:border-border-hover', isHover && 'border-2 border-border-hover', isSelected && !isSelectedHover && 'border-2 border-brand', isSelectedHover && 'border-2 border-foreground-accent-muted', !forceState && isSelected && 'group-hover:border-foreground-accent-muted'),
|
|
44
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
45
|
+
className: "flex items-center justify-center overflow-hidden rounded-[24px] bg-surface size-20",
|
|
46
|
+
children: icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Bot, {
|
|
47
|
+
className: "h-10 w-10 text-foreground-muted",
|
|
48
|
+
strokeWidth: 1.4
|
|
49
|
+
})
|
|
65
50
|
})
|
|
66
|
-
|
|
67
|
-
|
|
51
|
+
}),
|
|
52
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
53
|
+
className: "flex flex-col items-center",
|
|
54
|
+
children: [
|
|
55
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
56
|
+
className: "text-center text-[14px] font-semibold leading-[18px] text-foreground",
|
|
57
|
+
children: title
|
|
58
|
+
}),
|
|
59
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
60
|
+
className: "text-center text-[12px] leading-[18px] text-foreground-muted",
|
|
61
|
+
children: subtitle
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
})
|
|
65
|
+
]
|
|
68
66
|
});
|
|
69
67
|
}
|
|
70
68
|
exports.FlowNode = __webpack_exports__.FlowNode;
|
|
@@ -3,18 +3,23 @@ export interface FlowNodeProps {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
/** Node title */
|
|
5
5
|
title?: string;
|
|
6
|
-
/**
|
|
6
|
+
/** Node subtitle */
|
|
7
|
+
subtitle?: string;
|
|
8
|
+
/** Icon rendered inside the inner shape */
|
|
7
9
|
icon?: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** Whether the node is selected */
|
|
10
|
+
/** Whether the node is in selected state */
|
|
11
11
|
selected?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Force a specific visual state — used for Storybook stories and snapshots.
|
|
14
|
+
* In normal use, hover is driven by CSS group-hover.
|
|
15
|
+
*/
|
|
16
|
+
forceState?: 'default' | 'hover' | 'selected' | 'selected-hover';
|
|
17
|
+
onClick?: () => void;
|
|
12
18
|
}
|
|
13
19
|
/**
|
|
14
|
-
*
|
|
20
|
+
* Icon-centric canvas node for the Flow template.
|
|
15
21
|
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
* className.
|
|
22
|
+
* 96×96 outer ring → 80×80 inner rounded shape → 40×40 icon.
|
|
23
|
+
* Title + subtitle centered below.
|
|
19
24
|
*/
|
|
20
|
-
export declare function FlowNode({ className, title,
|
|
25
|
+
export declare function FlowNode({ className, title, subtitle, icon, selected, forceState, onClick, }: FlowNodeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,42 +1,40 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { Bot
|
|
3
|
+
import { Bot } from "lucide-react";
|
|
4
4
|
import { cn } from "../../lib/index.js";
|
|
5
|
-
function FlowNode({ className, title = 'Node title',
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}),
|
|
23
|
-
/*#__PURE__*/ jsx("span", {
|
|
24
|
-
className: "text-sm font-medium text-foreground",
|
|
25
|
-
children: title
|
|
26
|
-
})
|
|
27
|
-
]
|
|
28
|
-
}),
|
|
29
|
-
/*#__PURE__*/ jsx(ChevronDown, {
|
|
30
|
-
className: "h-4 w-4 text-foreground-muted"
|
|
31
|
-
})
|
|
32
|
-
]
|
|
33
|
-
}),
|
|
34
|
-
/*#__PURE__*/ jsx("div", {
|
|
35
|
-
className: "flex-1 rounded-lg bg-surface-raised",
|
|
36
|
-
children: children
|
|
5
|
+
function FlowNode({ className, title = 'Node title', subtitle = 'Secondary title', icon, selected = false, forceState, onClick }) {
|
|
6
|
+
const isSelected = selected || 'selected' === forceState || 'selected-hover' === forceState;
|
|
7
|
+
const isHover = 'hover' === forceState;
|
|
8
|
+
const isSelectedHover = 'selected-hover' === forceState;
|
|
9
|
+
return /*#__PURE__*/ jsxs("button", {
|
|
10
|
+
type: "button",
|
|
11
|
+
className: cn('group flex w-[107px] flex-col items-center gap-2.5 rounded-[32px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
|
|
12
|
+
onClick: onClick,
|
|
13
|
+
children: [
|
|
14
|
+
/*#__PURE__*/ jsx("div", {
|
|
15
|
+
className: cn('relative flex items-center justify-center rounded-[32px] size-24 bg-surface-overlay', !isSelected && !isHover && 'border-[1.6px] border-border', !isSelected && !forceState && 'group-hover:border-2 group-hover:border-border-hover', isHover && 'border-2 border-border-hover', isSelected && !isSelectedHover && 'border-2 border-brand', isSelectedHover && 'border-2 border-foreground-accent-muted', !forceState && isSelected && 'group-hover:border-foreground-accent-muted'),
|
|
16
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
17
|
+
className: "flex items-center justify-center overflow-hidden rounded-[24px] bg-surface size-20",
|
|
18
|
+
children: icon ?? /*#__PURE__*/ jsx(Bot, {
|
|
19
|
+
className: "h-10 w-10 text-foreground-muted",
|
|
20
|
+
strokeWidth: 1.4
|
|
21
|
+
})
|
|
37
22
|
})
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
}),
|
|
24
|
+
/*#__PURE__*/ jsxs("div", {
|
|
25
|
+
className: "flex flex-col items-center",
|
|
26
|
+
children: [
|
|
27
|
+
/*#__PURE__*/ jsx("span", {
|
|
28
|
+
className: "text-center text-[14px] font-semibold leading-[18px] text-foreground",
|
|
29
|
+
children: title
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ jsx("span", {
|
|
32
|
+
className: "text-center text-[12px] leading-[18px] text-foreground-muted",
|
|
33
|
+
children: subtitle
|
|
34
|
+
})
|
|
35
|
+
]
|
|
36
|
+
})
|
|
37
|
+
]
|
|
40
38
|
});
|
|
41
39
|
}
|
|
42
40
|
export { FlowNode };
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,13 @@
|
|
|
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;
|
|
@@ -0,0 +1,50 @@
|
|
|
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 };
|
|
@@ -36,7 +36,7 @@ const tooltip_cjs_namespaceObject = require("../ui/tooltip.cjs");
|
|
|
36
36
|
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
37
37
|
function UiPathLogo({ className }) {
|
|
38
38
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
39
|
-
className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-9 items-center justify-center overflow-
|
|
39
|
+
className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-9 items-center justify-center overflow-hidden rounded-lg bg-[#0092b8] shadow-sm', className),
|
|
40
40
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
|
|
41
41
|
viewBox: "0 0 24 24",
|
|
42
42
|
fill: "none",
|
|
@@ -70,6 +70,7 @@ function ExpandedNavItem({ item, isOpen, isActive, onToggle, selectedChildId, on
|
|
|
70
70
|
type: "button",
|
|
71
71
|
className: (0, index_cjs_namespaceObject.cn)('flex h-10 w-full items-center gap-2 rounded-2xl px-1 text-foreground-hover transition-colors hover:bg-surface-hover hover:text-foreground', isActive && 'bg-surface-hover text-foreground'),
|
|
72
72
|
onClick: onToggle,
|
|
73
|
+
"aria-current": isActive ? 'page' : void 0,
|
|
73
74
|
children: [
|
|
74
75
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
75
76
|
className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg",
|
|
@@ -134,8 +135,10 @@ function CollapsedNavItem({ item, isActive, onClick }) {
|
|
|
134
135
|
asChild: true,
|
|
135
136
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
136
137
|
type: "button",
|
|
137
|
-
className: "group flex h-12 w-full items-center justify-center",
|
|
138
|
+
className: "group flex h-12 w-full items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset rounded-lg",
|
|
138
139
|
onClick: onClick,
|
|
140
|
+
"aria-label": item.label,
|
|
141
|
+
"aria-pressed": isActive,
|
|
139
142
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
140
143
|
className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-9 items-center justify-center rounded-lg text-foreground-muted group-hover:bg-surface-hover group-hover:text-foreground-hover', isActive && 'bg-surface-hover text-foreground-hover'),
|
|
141
144
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
@@ -8,7 +8,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/
|
|
|
8
8
|
import { cn } from "../../lib/index.js";
|
|
9
9
|
function UiPathLogo({ className }) {
|
|
10
10
|
return /*#__PURE__*/ jsx("div", {
|
|
11
|
-
className: cn('flex h-9 w-9 items-center justify-center overflow-
|
|
11
|
+
className: cn('flex h-9 w-9 items-center justify-center overflow-hidden rounded-lg bg-[#0092b8] shadow-sm', className),
|
|
12
12
|
children: /*#__PURE__*/ jsxs("svg", {
|
|
13
13
|
viewBox: "0 0 24 24",
|
|
14
14
|
fill: "none",
|
|
@@ -42,6 +42,7 @@ function ExpandedNavItem({ item, isOpen, isActive, onToggle, selectedChildId, on
|
|
|
42
42
|
type: "button",
|
|
43
43
|
className: cn('flex h-10 w-full items-center gap-2 rounded-2xl px-1 text-foreground-hover transition-colors hover:bg-surface-hover hover:text-foreground', isActive && 'bg-surface-hover text-foreground'),
|
|
44
44
|
onClick: onToggle,
|
|
45
|
+
"aria-current": isActive ? 'page' : void 0,
|
|
45
46
|
children: [
|
|
46
47
|
/*#__PURE__*/ jsx("div", {
|
|
47
48
|
className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg",
|
|
@@ -106,8 +107,10 @@ function CollapsedNavItem({ item, isActive, onClick }) {
|
|
|
106
107
|
asChild: true,
|
|
107
108
|
children: /*#__PURE__*/ jsx("button", {
|
|
108
109
|
type: "button",
|
|
109
|
-
className: "group flex h-12 w-full items-center justify-center",
|
|
110
|
+
className: "group flex h-12 w-full items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset rounded-lg",
|
|
110
111
|
onClick: onClick,
|
|
112
|
+
"aria-label": item.label,
|
|
113
|
+
"aria-pressed": isActive,
|
|
111
114
|
children: /*#__PURE__*/ jsx("div", {
|
|
112
115
|
className: cn('flex h-9 w-9 items-center justify-center rounded-lg text-foreground-muted group-hover:bg-surface-hover group-hover:text-foreground-hover', isActive && 'bg-surface-hover text-foreground-hover'),
|
|
113
116
|
children: /*#__PURE__*/ jsx("div", {
|
|
@@ -41,8 +41,11 @@ function ToolbarButton({ icon: Icon, label, onClick }) {
|
|
|
41
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
42
|
onClick: onClick,
|
|
43
43
|
"aria-label": label,
|
|
44
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
45
|
-
className: "h-5 w-5
|
|
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
|
+
})
|
|
46
49
|
})
|
|
47
50
|
});
|
|
48
51
|
}
|
|
@@ -13,8 +13,11 @@ function ToolbarButton({ icon: Icon, label, onClick }) {
|
|
|
13
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
14
|
onClick: onClick,
|
|
15
15
|
"aria-label": label,
|
|
16
|
-
children: /*#__PURE__*/ jsx(
|
|
17
|
-
className: "h-5 w-5
|
|
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
|
+
})
|
|
18
21
|
})
|
|
19
22
|
});
|
|
20
23
|
}
|
|
@@ -36,8 +36,11 @@ function ViewButton({ icon: Icon, label, onClick }) {
|
|
|
36
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
37
|
onClick: onClick,
|
|
38
38
|
"aria-label": label,
|
|
39
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
40
|
-
className: "h-5 w-5
|
|
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
|
+
})
|
|
41
44
|
})
|
|
42
45
|
});
|
|
43
46
|
}
|
|
@@ -8,8 +8,11 @@ function ViewButton({ icon: Icon, label, onClick }) {
|
|
|
8
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
9
|
onClick: onClick,
|
|
10
10
|
"aria-label": label,
|
|
11
|
-
children: /*#__PURE__*/ jsx(
|
|
12
|
-
className: "h-5 w-5
|
|
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
|
+
})
|
|
13
16
|
})
|
|
14
17
|
});
|
|
15
18
|
}
|
|
@@ -24,16 +24,16 @@ var __webpack_modules__ = {
|
|
|
24
24
|
"./button-group" (module) {
|
|
25
25
|
module.exports = require("./button-group.cjs");
|
|
26
26
|
},
|
|
27
|
-
"
|
|
27
|
+
"./button" (module) {
|
|
28
28
|
module.exports = require("./button.cjs");
|
|
29
29
|
},
|
|
30
30
|
"./calendar" (module) {
|
|
31
31
|
module.exports = require("./calendar.cjs");
|
|
32
32
|
},
|
|
33
|
-
"
|
|
33
|
+
"@/components/ui/card" (module) {
|
|
34
34
|
module.exports = require("./card.cjs");
|
|
35
35
|
},
|
|
36
|
-
"
|
|
36
|
+
"./checkbox" (module) {
|
|
37
37
|
module.exports = require("./checkbox.cjs");
|
|
38
38
|
},
|
|
39
39
|
"@/components/ui/collapsible" (module) {
|
|
@@ -57,13 +57,13 @@ var __webpack_modules__ = {
|
|
|
57
57
|
"./datetime-picker" (module) {
|
|
58
58
|
module.exports = require("./datetime-picker.cjs");
|
|
59
59
|
},
|
|
60
|
-
"
|
|
60
|
+
"./dialog" (module) {
|
|
61
61
|
module.exports = require("./dialog.cjs");
|
|
62
62
|
},
|
|
63
63
|
"@/components/ui/dropdown-menu" (module) {
|
|
64
64
|
module.exports = require("./dropdown-menu.cjs");
|
|
65
65
|
},
|
|
66
|
-
"
|
|
66
|
+
"@/components/ui/editable-cell" (module) {
|
|
67
67
|
module.exports = require("./editable-cell.cjs");
|
|
68
68
|
},
|
|
69
69
|
"./empty-state" (module) {
|
|
@@ -75,10 +75,10 @@ var __webpack_modules__ = {
|
|
|
75
75
|
"@/components/ui/hover-card" (module) {
|
|
76
76
|
module.exports = require("./hover-card.cjs");
|
|
77
77
|
},
|
|
78
|
-
"
|
|
78
|
+
"./input" (module) {
|
|
79
79
|
module.exports = require("./input.cjs");
|
|
80
80
|
},
|
|
81
|
-
"
|
|
81
|
+
"./label" (module) {
|
|
82
82
|
module.exports = require("./label.cjs");
|
|
83
83
|
},
|
|
84
84
|
"./layout" (module) {
|
|
@@ -90,7 +90,7 @@ var __webpack_modules__ = {
|
|
|
90
90
|
"./pagination" (module) {
|
|
91
91
|
module.exports = require("./pagination.cjs");
|
|
92
92
|
},
|
|
93
|
-
"
|
|
93
|
+
"./popover" (module) {
|
|
94
94
|
module.exports = require("./popover.cjs");
|
|
95
95
|
},
|
|
96
96
|
"./progress" (module) {
|
|
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
|
|
|
150
150
|
"./toggle-group" (module) {
|
|
151
151
|
module.exports = require("./toggle-group.cjs");
|
|
152
152
|
},
|
|
153
|
-
"
|
|
153
|
+
"@/components/ui/toggle" (module) {
|
|
154
154
|
module.exports = require("./toggle.cjs");
|
|
155
155
|
},
|
|
156
156
|
"./tooltip" (module) {
|
|
@@ -255,7 +255,7 @@ var __webpack_exports__ = {};
|
|
|
255
255
|
"default"
|
|
256
256
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
|
|
257
257
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
258
|
-
var _button__rspack_import_7 = __webpack_require__("
|
|
258
|
+
var _button__rspack_import_7 = __webpack_require__("./button");
|
|
259
259
|
var __rspack_reexport = {};
|
|
260
260
|
for(const __rspack_import_key in _button__rspack_import_7)if ([
|
|
261
261
|
"TreeView",
|
|
@@ -276,14 +276,14 @@ var __webpack_exports__ = {};
|
|
|
276
276
|
"default"
|
|
277
277
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
|
|
278
278
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
279
|
-
var _card__rspack_import_10 = __webpack_require__("
|
|
279
|
+
var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
|
|
280
280
|
var __rspack_reexport = {};
|
|
281
281
|
for(const __rspack_import_key in _card__rspack_import_10)if ([
|
|
282
282
|
"TreeView",
|
|
283
283
|
"default"
|
|
284
284
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
|
|
285
285
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
286
|
-
var _checkbox__rspack_import_11 = __webpack_require__("
|
|
286
|
+
var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
|
|
287
287
|
var __rspack_reexport = {};
|
|
288
288
|
for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
|
|
289
289
|
"TreeView",
|
|
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
|
|
|
339
339
|
"default"
|
|
340
340
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
|
|
341
341
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
342
|
-
var _dialog__rspack_import_19 = __webpack_require__("
|
|
342
|
+
var _dialog__rspack_import_19 = __webpack_require__("./dialog");
|
|
343
343
|
var __rspack_reexport = {};
|
|
344
344
|
for(const __rspack_import_key in _dialog__rspack_import_19)if ([
|
|
345
345
|
"TreeView",
|
|
@@ -353,7 +353,7 @@ var __webpack_exports__ = {};
|
|
|
353
353
|
"default"
|
|
354
354
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
|
|
355
355
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
356
|
-
var _editable_cell__rspack_import_21 = __webpack_require__("
|
|
356
|
+
var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
|
|
357
357
|
var __rspack_reexport = {};
|
|
358
358
|
for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
|
|
359
359
|
"TreeView",
|
|
@@ -381,14 +381,14 @@ var __webpack_exports__ = {};
|
|
|
381
381
|
"default"
|
|
382
382
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
|
|
383
383
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
384
|
-
var _input__rspack_import_25 = __webpack_require__("
|
|
384
|
+
var _input__rspack_import_25 = __webpack_require__("./input");
|
|
385
385
|
var __rspack_reexport = {};
|
|
386
386
|
for(const __rspack_import_key in _input__rspack_import_25)if ([
|
|
387
387
|
"TreeView",
|
|
388
388
|
"default"
|
|
389
389
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
|
|
390
390
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
391
|
-
var _label__rspack_import_26 = __webpack_require__("
|
|
391
|
+
var _label__rspack_import_26 = __webpack_require__("./label");
|
|
392
392
|
var __rspack_reexport = {};
|
|
393
393
|
for(const __rspack_import_key in _label__rspack_import_26)if ([
|
|
394
394
|
"TreeView",
|
|
@@ -416,7 +416,7 @@ var __webpack_exports__ = {};
|
|
|
416
416
|
"default"
|
|
417
417
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_29[__rspack_import_key];
|
|
418
418
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
419
|
-
var _popover__rspack_import_30 = __webpack_require__("
|
|
419
|
+
var _popover__rspack_import_30 = __webpack_require__("./popover");
|
|
420
420
|
var __rspack_reexport = {};
|
|
421
421
|
for(const __rspack_import_key in _popover__rspack_import_30)if ([
|
|
422
422
|
"TreeView",
|
|
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
|
|
|
549
549
|
"default"
|
|
550
550
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
|
|
551
551
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
552
|
-
var _toggle__rspack_import_49 = __webpack_require__("
|
|
552
|
+
var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
|
|
553
553
|
var __rspack_reexport = {};
|
|
554
554
|
for(const __rspack_import_key in _toggle__rspack_import_49)if ([
|
|
555
555
|
"TreeView",
|
package/dist/styles.css
CHANGED
|
@@ -926,10 +926,26 @@
|
|
|
926
926
|
width: calc(var(--spacing) * 4);
|
|
927
927
|
height: calc(var(--spacing) * 4);
|
|
928
928
|
}
|
|
929
|
+
.size-8 {
|
|
930
|
+
width: calc(var(--spacing) * 8);
|
|
931
|
+
height: calc(var(--spacing) * 8);
|
|
932
|
+
}
|
|
933
|
+
.size-20 {
|
|
934
|
+
width: calc(var(--spacing) * 20);
|
|
935
|
+
height: calc(var(--spacing) * 20);
|
|
936
|
+
}
|
|
937
|
+
.size-24 {
|
|
938
|
+
width: calc(var(--spacing) * 24);
|
|
939
|
+
height: calc(var(--spacing) * 24);
|
|
940
|
+
}
|
|
929
941
|
.size-\[--cell-size\] {
|
|
930
942
|
width: --cell-size;
|
|
931
943
|
height: --cell-size;
|
|
932
944
|
}
|
|
945
|
+
.size-\[360px\] {
|
|
946
|
+
width: 360px;
|
|
947
|
+
height: 360px;
|
|
948
|
+
}
|
|
933
949
|
.size-full {
|
|
934
950
|
width: 100%;
|
|
935
951
|
height: 100%;
|
|
@@ -1294,6 +1310,9 @@
|
|
|
1294
1310
|
.w-\[100px\] {
|
|
1295
1311
|
width: 100px;
|
|
1296
1312
|
}
|
|
1313
|
+
.w-\[107px\] {
|
|
1314
|
+
width: 107px;
|
|
1315
|
+
}
|
|
1297
1316
|
.w-\[110px\] {
|
|
1298
1317
|
width: 110px;
|
|
1299
1318
|
}
|
|
@@ -2003,6 +2022,10 @@
|
|
|
2003
2022
|
border-style: var(--tw-border-style);
|
|
2004
2023
|
border-width: 1.5px;
|
|
2005
2024
|
}
|
|
2025
|
+
.border-\[1\.6px\] {
|
|
2026
|
+
border-style: var(--tw-border-style);
|
|
2027
|
+
border-width: 1.6px;
|
|
2028
|
+
}
|
|
2006
2029
|
.border-t {
|
|
2007
2030
|
border-top-style: var(--tw-border-style);
|
|
2008
2031
|
border-top-width: 1px;
|
|
@@ -2089,6 +2112,9 @@
|
|
|
2089
2112
|
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
|
|
2090
2113
|
}
|
|
2091
2114
|
}
|
|
2115
|
+
.border-foreground-accent-muted {
|
|
2116
|
+
border-color: var(--foreground-accent-muted);
|
|
2117
|
+
}
|
|
2092
2118
|
.border-gray-200 {
|
|
2093
2119
|
border-color: var(--color-gray-200);
|
|
2094
2120
|
}
|
|
@@ -3497,6 +3523,9 @@
|
|
|
3497
3523
|
.text-\[13px\] {
|
|
3498
3524
|
font-size: 13px;
|
|
3499
3525
|
}
|
|
3526
|
+
.text-\[14px\] {
|
|
3527
|
+
font-size: 14px;
|
|
3528
|
+
}
|
|
3500
3529
|
.text-\[15px\] {
|
|
3501
3530
|
font-size: 15px;
|
|
3502
3531
|
}
|
|
@@ -4020,24 +4049,44 @@
|
|
|
4020
4049
|
.\[--cell-size\:2\.75rem\] {
|
|
4021
4050
|
--cell-size: 2.75rem;
|
|
4022
4051
|
}
|
|
4023
|
-
.group-
|
|
4052
|
+
.group-focus-within\/input\:bg-foreground-accent {
|
|
4053
|
+
&:is(:where(.group\/input):focus-within *) {
|
|
4054
|
+
background-color: var(--foreground-accent);
|
|
4055
|
+
}
|
|
4056
|
+
}
|
|
4057
|
+
.group-hover\:scale-\[1\.2\] {
|
|
4024
4058
|
&:is(:where(.group):hover *) {
|
|
4025
4059
|
@media (hover: hover) {
|
|
4026
|
-
|
|
4060
|
+
scale: 1.2;
|
|
4027
4061
|
}
|
|
4028
4062
|
}
|
|
4029
4063
|
}
|
|
4030
|
-
.group-hover\:
|
|
4064
|
+
.group-hover\:scale-\[1\.25\] {
|
|
4031
4065
|
&:is(:where(.group):hover *) {
|
|
4032
4066
|
@media (hover: hover) {
|
|
4033
|
-
|
|
4067
|
+
scale: 1.25;
|
|
4034
4068
|
}
|
|
4035
4069
|
}
|
|
4036
4070
|
}
|
|
4037
|
-
.group-hover\:
|
|
4071
|
+
.group-hover\:border-2 {
|
|
4038
4072
|
&:is(:where(.group):hover *) {
|
|
4039
4073
|
@media (hover: hover) {
|
|
4040
|
-
|
|
4074
|
+
border-style: var(--tw-border-style);
|
|
4075
|
+
border-width: 2px;
|
|
4076
|
+
}
|
|
4077
|
+
}
|
|
4078
|
+
}
|
|
4079
|
+
.group-hover\:border-border-hover {
|
|
4080
|
+
&:is(:where(.group):hover *) {
|
|
4081
|
+
@media (hover: hover) {
|
|
4082
|
+
border-color: var(--border-hover);
|
|
4083
|
+
}
|
|
4084
|
+
}
|
|
4085
|
+
}
|
|
4086
|
+
.group-hover\:border-foreground-accent-muted {
|
|
4087
|
+
&:is(:where(.group):hover *) {
|
|
4088
|
+
@media (hover: hover) {
|
|
4089
|
+
border-color: var(--foreground-accent-muted);
|
|
4041
4090
|
}
|
|
4042
4091
|
}
|
|
4043
4092
|
}
|
|
@@ -4923,6 +4972,11 @@
|
|
|
4923
4972
|
outline-style: none;
|
|
4924
4973
|
}
|
|
4925
4974
|
}
|
|
4975
|
+
.focus-visible\:ring-inset {
|
|
4976
|
+
&:focus-visible {
|
|
4977
|
+
--tw-ring-inset: inset;
|
|
4978
|
+
}
|
|
4979
|
+
}
|
|
4926
4980
|
.active\:scale-95 {
|
|
4927
4981
|
&:active {
|
|
4928
4982
|
--tw-scale-x: 95%;
|