@parallelworks/ui 0.36.0 → 0.38.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/README.md +16 -0
- package/dist/ai/agent/permissions.d.ts +2 -2
- package/dist/ai/agent/permissions.js +3 -1
- package/dist/ai/components/ChatSidebar.js +7 -4
- package/dist/ai/components/agent/PermissionPicker.js +1 -0
- package/dist/ai/index.d.ts +1 -1
- package/dist/ai/index.js +2 -2
- package/dist/ai/strings.d.ts +2 -0
- package/dist/ai/strings.js +2 -0
- package/dist/ai/ui/sidebar.d.ts +6 -0
- package/dist/ai/ui/sidebar.js +15 -1
- package/dist/components/Dropdown.d.ts +2 -0
- package/dist/components/Dropdown.js +7 -2
- package/dist/components/Input.d.ts +11 -6
- package/dist/components/Input.js +93 -74
- package/dist/components/Provider.d.ts +31 -0
- package/dist/components/Provider.js +50 -2
- package/dist/editing.d.ts +404 -0
- package/dist/editor/EditorField.js +1 -1
- package/dist/editor/Monaco.d.ts +15 -1
- package/dist/editor/Monaco.js +117 -13
- package/dist/editor/editorModel.d.ts +5 -0
- package/dist/editor/editorModel.js +23 -0
- package/dist/editor/index.d.ts +4 -0
- package/dist/editor/index.js +5 -1
- package/dist/editor/lintContext.d.ts +21 -0
- package/dist/editor/lintContext.js +136 -0
- package/dist/editor/lintOwner.d.ts +2 -0
- package/dist/editor/lintOwner.js +5 -0
- package/dist/editor/nestedText.d.ts +13 -0
- package/dist/editor/nestedText.js +15 -0
- package/dist/editor/reveal.d.ts +4 -0
- package/dist/editor/reveal.js +15 -0
- package/dist/editor/settingsYaml.d.ts +12 -0
- package/dist/editor/settingsYaml.js +41 -0
- package/dist/form/FieldWrapper.js +1 -0
- package/dist/form/Fields/DropdownField.js +1 -1
- package/dist/form/Fields/DurationField.js +1 -1
- package/dist/form/Form.js +65 -24
- package/dist/form/Wizard/WizardContainer.js +66 -6
- package/dist/form/Wizard/WizardStepContent.js +23 -10
- package/dist/form/Wizard/wizardPages.d.ts +12 -0
- package/dist/form/Wizard/wizardPages.js +5 -0
- package/dist/form/fieldRegistry.js +1 -1
- package/dist/form/formEditing.d.ts +25 -0
- package/dist/form/formEditing.js +20 -0
- package/dist/form/index.js +5 -5
- package/dist/graph/InputDialog.d.ts +80 -0
- package/dist/graph/InputDialog.js +2110 -0
- package/dist/graph/InputsEditor.d.ts +12 -0
- package/dist/graph/InputsEditor.js +1594 -0
- package/dist/graph/ProblemsButton.d.ts +9 -0
- package/dist/graph/ProblemsButton.js +61 -0
- package/dist/graph/ShortcutsButton.d.ts +15 -0
- package/dist/graph/ShortcutsButton.js +56 -0
- package/dist/graph/SuggestionInput.d.ts +18 -0
- package/dist/graph/SuggestionInput.js +29 -0
- package/dist/graph/ToolbarPopover.d.ts +8 -0
- package/dist/graph/ToolbarPopover.js +71 -0
- package/dist/graph/editorApi.d.ts +51 -0
- package/dist/graph/editorApi.js +8 -0
- package/dist/graph/editorChrome.d.ts +27 -0
- package/dist/graph/editorChrome.js +75 -0
- package/dist/graph/editorFields.d.ts +180 -0
- package/dist/graph/editorFields.js +394 -0
- package/dist/graph/editorPrimitives.d.ts +60 -0
- package/dist/graph/editorPrimitives.js +150 -0
- package/dist/graph/editorStrings.d.ts +695 -0
- package/dist/graph/editorStrings.js +707 -0
- package/dist/graph/expressionRefs.d.ts +12 -0
- package/dist/graph/fieldProblems.d.ts +32 -0
- package/dist/graph/fieldProblems.js +77 -0
- package/dist/graph/index.d.ts +7 -0
- package/dist/graph/index.js +6 -1
- package/dist/graph/inputLayout.d.ts +25 -0
- package/dist/graph/inputLayout.js +337 -0
- package/dist/graph/inputPages.d.ts +33 -0
- package/dist/graph/inputPages.js +186 -0
- package/dist/graph/inputRefs.d.ts +103 -0
- package/dist/graph/inputRefs.js +196 -0
- package/dist/graph/inputRows.d.ts +43 -0
- package/dist/graph/inputRows.js +65 -0
- package/dist/graph/records.d.ts +3 -0
- package/dist/graph/records.js +7 -0
- package/dist/graph/refusalText.d.ts +6 -0
- package/dist/graph/settingsViews.d.ts +26 -0
- package/dist/graph/settingsViews.js +62 -0
- package/dist/graph/usesInputs.d.ts +17 -0
- package/dist/graph/usesInputs.js +40 -0
- package/dist/icons/bi/BiRedo.js +16 -0
- package/dist/icons/bi/BiUndo.js +16 -0
- package/dist/icons/lu/LuBraces.js +27 -0
- package/dist/icons/lu/LuCode.js +27 -0
- package/dist/icons/lu/LuKeyboard.js +71 -0
- package/dist/icons/lu/LuNetwork.js +63 -0
- package/dist/icons/lu/LuTextCursorInput.js +45 -0
- package/dist/icons.d.ts +2 -2
- package/dist/icons.js +8 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -2
- package/dist/list/ActionToolbar.d.ts +2 -0
- package/dist/list/ActionToolbar.js +18 -5
- package/dist/list/RowContextMenu.d.ts +10 -1
- package/dist/list/RowContextMenu.js +185 -30
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { TOOLTIP_ID } from "../components/Tooltip.js";
|
|
2
|
+
import Loader from "../components/Loader.js";
|
|
3
|
+
import { useGraphEditorStrings } from "./editorStrings.js";
|
|
4
|
+
import { ProblemList } from "./fieldProblems.js";
|
|
5
|
+
import { ChoiceButtons, FieldError } from "./editorFields.js";
|
|
6
|
+
import { Suspense, lazy } from "react";
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
//#region src/graph/settingsViews.tsx
|
|
9
|
+
var MonacoEditor = lazy(() => import("../editor/Monaco.js"));
|
|
10
|
+
function yamlProblem(yaml, t, editing) {
|
|
11
|
+
const problem = editing.settingsYamlProblem(yaml);
|
|
12
|
+
return !problem ? void 0 : problem.kind === "syntax" ? t.yamlSyntax(problem.message) : t.yamlNotMap;
|
|
13
|
+
}
|
|
14
|
+
function ViewSwitch({ yaml, onForm, onYaml }) {
|
|
15
|
+
const t = useGraphEditorStrings();
|
|
16
|
+
return /* @__PURE__ */ jsx("div", {
|
|
17
|
+
"data-tooltip-id": TOOLTIP_ID,
|
|
18
|
+
"data-tooltip-content": t.help.view,
|
|
19
|
+
children: /* @__PURE__ */ jsx(ChoiceButtons, {
|
|
20
|
+
options: [{
|
|
21
|
+
value: "yaml",
|
|
22
|
+
label: t.viewYaml
|
|
23
|
+
}, {
|
|
24
|
+
value: "form",
|
|
25
|
+
label: t.viewForm
|
|
26
|
+
}],
|
|
27
|
+
value: yaml ? "yaml" : "form",
|
|
28
|
+
onChange: (view) => view === "yaml" ? onYaml() : onForm()
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
var NO_SCOPED = {
|
|
33
|
+
markers: [],
|
|
34
|
+
problems: []
|
|
35
|
+
};
|
|
36
|
+
function YamlPane({ path, value, onChange, problem, scoped, nested }) {
|
|
37
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
38
|
+
className: "flex flex-col gap-1.5",
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ jsx("div", {
|
|
41
|
+
className: "h-[50vh] overflow-hidden rounded-md border theme-border",
|
|
42
|
+
children: /* @__PURE__ */ jsx(Suspense, {
|
|
43
|
+
fallback: /* @__PURE__ */ jsx(Loader, {}),
|
|
44
|
+
children: /* @__PURE__ */ jsx(MonacoEditor, {
|
|
45
|
+
path,
|
|
46
|
+
language: "yaml",
|
|
47
|
+
value,
|
|
48
|
+
height: "100%",
|
|
49
|
+
scrollBeyondLastLine: false,
|
|
50
|
+
onChange,
|
|
51
|
+
markers: scoped.markers,
|
|
52
|
+
...nested ? { nested } : {}
|
|
53
|
+
})
|
|
54
|
+
})
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ jsx(FieldError, { message: problem }),
|
|
57
|
+
/* @__PURE__ */ jsx(ProblemList, { problems: scoped.problems })
|
|
58
|
+
]
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
//#endregion
|
|
62
|
+
export { NO_SCOPED, ViewSwitch, YamlPane, yamlProblem };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { UIData, WorkflowJsonRef } from '../components/Provider.js';
|
|
2
|
+
import type { WorkflowEditing } from '../editing.js';
|
|
3
|
+
import { type Json } from './records.js';
|
|
4
|
+
/** The file a repository `uses` reads when its step names no `$yaml`. */
|
|
5
|
+
export declare const DEFAULT_REPO_YAML = "workflow.yaml";
|
|
6
|
+
/** The host a GitLab `uses` reads from when its step names no `$host`. */
|
|
7
|
+
export declare const DEFAULT_GITLAB_HOST = "gitlab.com";
|
|
8
|
+
export interface UsesSources {
|
|
9
|
+
resolve?: ((ref: WorkflowJsonRef) => Promise<unknown>) | undefined;
|
|
10
|
+
repos?: UIData['repoSuggestions'];
|
|
11
|
+
}
|
|
12
|
+
export declare function splitAtRef(value: string): [string, string];
|
|
13
|
+
/** The inputs of the workflow a step's `uses` names; null when it can't be read. */
|
|
14
|
+
export declare function loadUsesInputs(editing: WorkflowEditing, uses: string, where: {
|
|
15
|
+
yamlPath: string;
|
|
16
|
+
host: string;
|
|
17
|
+
}, sources: UsesSources): Promise<Json | null>;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { asRecord } from "./records.js";
|
|
2
|
+
//#region src/graph/usesInputs.ts
|
|
3
|
+
/** The file a repository `uses` reads when its step names no `$yaml`. */
|
|
4
|
+
var DEFAULT_REPO_YAML = "workflow.yaml";
|
|
5
|
+
/** The host a GitLab `uses` reads from when its step names no `$host`. */
|
|
6
|
+
var DEFAULT_GITLAB_HOST = "gitlab.com";
|
|
7
|
+
function splitAtRef(value) {
|
|
8
|
+
const at = value.lastIndexOf("@");
|
|
9
|
+
return at === -1 ? [value, ""] : [value.slice(0, at), value.slice(at + 1)];
|
|
10
|
+
}
|
|
11
|
+
async function loadTarget(editing, uses, where, { resolve, repos }) {
|
|
12
|
+
if (/^(marketplace|workflow)\//.test(uses) && resolve) {
|
|
13
|
+
const rest = uses.slice(uses.indexOf("/") + 1);
|
|
14
|
+
if (!uses.startsWith("marketplace/")) return resolve({
|
|
15
|
+
kind: "workflow",
|
|
16
|
+
name: rest
|
|
17
|
+
});
|
|
18
|
+
const [slug = "", version = ""] = rest.includes("/") ? rest.split("/", 2) : rest.split("@", 2);
|
|
19
|
+
return resolve({
|
|
20
|
+
kind: "marketplace",
|
|
21
|
+
slug,
|
|
22
|
+
version: version || "latest"
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
const github = uses.startsWith("github/");
|
|
26
|
+
if ((github || uses.startsWith("gitlab/")) && repos) {
|
|
27
|
+
const [path, ref] = splitAtRef(uses.slice(uses.indexOf("/") + 1));
|
|
28
|
+
if (!path || !ref) return;
|
|
29
|
+
const repo = github ? path : `https://${where.host}/${path}`;
|
|
30
|
+
const text = await repos.file(repo, ref, where.yamlPath);
|
|
31
|
+
return text ? editing.loadYaml(text) : void 0;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
/** The inputs of the workflow a step's `uses` names; null when it can't be read. */
|
|
35
|
+
async function loadUsesInputs(editing, uses, where, sources) {
|
|
36
|
+
const doc = await loadTarget(editing, uses, where, sources);
|
|
37
|
+
return doc ? asRecord(editing.workflowInputsSchema(asRecord(doc))) : null;
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { DEFAULT_GITLAB_HOST, DEFAULT_REPO_YAML, loadUsesInputs, splitAtRef };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/bi/BiRedo.js
|
|
3
|
+
/*! BiRedo: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
|
|
4
|
+
function BiRedo(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": { "viewBox": "0 0 24 24" },
|
|
8
|
+
"child": [{
|
|
9
|
+
"tag": "path",
|
|
10
|
+
"attr": { "d": "M9 18h3v-2H9c-1.654 0-3-1.346-3-3s1.346-3 3-3h6v3l5-4-5-4v3H9c-2.757 0-5 2.243-5 5s2.243 5 5 5z" },
|
|
11
|
+
"child": []
|
|
12
|
+
}]
|
|
13
|
+
})(props);
|
|
14
|
+
}
|
|
15
|
+
//#endregion
|
|
16
|
+
export { BiRedo };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/bi/BiUndo.js
|
|
3
|
+
/*! BiUndo: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
|
|
4
|
+
function BiUndo(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": { "viewBox": "0 0 24 24" },
|
|
8
|
+
"child": [{
|
|
9
|
+
"tag": "path",
|
|
10
|
+
"attr": { "d": "M9 10h6c1.654 0 3 1.346 3 3s-1.346 3-3 3h-3v2h3c2.757 0 5-2.243 5-5s-2.243-5-5-5H9V5L4 9l5 4v-3z" },
|
|
11
|
+
"child": []
|
|
12
|
+
}]
|
|
13
|
+
})(props);
|
|
14
|
+
}
|
|
15
|
+
//#endregion
|
|
16
|
+
export { BiUndo };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/lu/LuBraces.js
|
|
3
|
+
/*! LuBraces: Lucide (https://lucide.dev/), ISC https://github.com/lucide-icons/lucide/blob/main/LICENSE */
|
|
4
|
+
function LuBraces(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": {
|
|
8
|
+
"viewBox": "0 0 24 24",
|
|
9
|
+
"fill": "none",
|
|
10
|
+
"stroke": "currentColor",
|
|
11
|
+
"strokeWidth": "2",
|
|
12
|
+
"strokeLinecap": "round",
|
|
13
|
+
"strokeLinejoin": "round"
|
|
14
|
+
},
|
|
15
|
+
"child": [{
|
|
16
|
+
"tag": "path",
|
|
17
|
+
"attr": { "d": "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1" },
|
|
18
|
+
"child": []
|
|
19
|
+
}, {
|
|
20
|
+
"tag": "path",
|
|
21
|
+
"attr": { "d": "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" },
|
|
22
|
+
"child": []
|
|
23
|
+
}]
|
|
24
|
+
})(props);
|
|
25
|
+
}
|
|
26
|
+
//#endregion
|
|
27
|
+
export { LuBraces };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/lu/LuCode.js
|
|
3
|
+
/*! LuCode: Lucide (https://lucide.dev/), ISC https://github.com/lucide-icons/lucide/blob/main/LICENSE */
|
|
4
|
+
function LuCode(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": {
|
|
8
|
+
"viewBox": "0 0 24 24",
|
|
9
|
+
"fill": "none",
|
|
10
|
+
"stroke": "currentColor",
|
|
11
|
+
"strokeWidth": "2",
|
|
12
|
+
"strokeLinecap": "round",
|
|
13
|
+
"strokeLinejoin": "round"
|
|
14
|
+
},
|
|
15
|
+
"child": [{
|
|
16
|
+
"tag": "polyline",
|
|
17
|
+
"attr": { "points": "16 18 22 12 16 6" },
|
|
18
|
+
"child": []
|
|
19
|
+
}, {
|
|
20
|
+
"tag": "polyline",
|
|
21
|
+
"attr": { "points": "8 6 2 12 8 18" },
|
|
22
|
+
"child": []
|
|
23
|
+
}]
|
|
24
|
+
})(props);
|
|
25
|
+
}
|
|
26
|
+
//#endregion
|
|
27
|
+
export { LuCode };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/lu/LuKeyboard.js
|
|
3
|
+
/*! LuKeyboard: Lucide (https://lucide.dev/), ISC https://github.com/lucide-icons/lucide/blob/main/LICENSE */
|
|
4
|
+
function LuKeyboard(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": {
|
|
8
|
+
"viewBox": "0 0 24 24",
|
|
9
|
+
"fill": "none",
|
|
10
|
+
"stroke": "currentColor",
|
|
11
|
+
"strokeWidth": "2",
|
|
12
|
+
"strokeLinecap": "round",
|
|
13
|
+
"strokeLinejoin": "round"
|
|
14
|
+
},
|
|
15
|
+
"child": [
|
|
16
|
+
{
|
|
17
|
+
"tag": "path",
|
|
18
|
+
"attr": { "d": "M10 8h.01" },
|
|
19
|
+
"child": []
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"tag": "path",
|
|
23
|
+
"attr": { "d": "M12 12h.01" },
|
|
24
|
+
"child": []
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"tag": "path",
|
|
28
|
+
"attr": { "d": "M14 8h.01" },
|
|
29
|
+
"child": []
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"tag": "path",
|
|
33
|
+
"attr": { "d": "M16 12h.01" },
|
|
34
|
+
"child": []
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"tag": "path",
|
|
38
|
+
"attr": { "d": "M18 8h.01" },
|
|
39
|
+
"child": []
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"tag": "path",
|
|
43
|
+
"attr": { "d": "M6 8h.01" },
|
|
44
|
+
"child": []
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"tag": "path",
|
|
48
|
+
"attr": { "d": "M7 16h10" },
|
|
49
|
+
"child": []
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"tag": "path",
|
|
53
|
+
"attr": { "d": "M8 12h.01" },
|
|
54
|
+
"child": []
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"tag": "rect",
|
|
58
|
+
"attr": {
|
|
59
|
+
"width": "20",
|
|
60
|
+
"height": "16",
|
|
61
|
+
"x": "2",
|
|
62
|
+
"y": "4",
|
|
63
|
+
"rx": "2"
|
|
64
|
+
},
|
|
65
|
+
"child": []
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
})(props);
|
|
69
|
+
}
|
|
70
|
+
//#endregion
|
|
71
|
+
export { LuKeyboard };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/lu/LuNetwork.js
|
|
3
|
+
/*! LuNetwork: Lucide (https://lucide.dev/), ISC https://github.com/lucide-icons/lucide/blob/main/LICENSE */
|
|
4
|
+
function LuNetwork(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": {
|
|
8
|
+
"viewBox": "0 0 24 24",
|
|
9
|
+
"fill": "none",
|
|
10
|
+
"stroke": "currentColor",
|
|
11
|
+
"strokeWidth": "2",
|
|
12
|
+
"strokeLinecap": "round",
|
|
13
|
+
"strokeLinejoin": "round"
|
|
14
|
+
},
|
|
15
|
+
"child": [
|
|
16
|
+
{
|
|
17
|
+
"tag": "rect",
|
|
18
|
+
"attr": {
|
|
19
|
+
"x": "16",
|
|
20
|
+
"y": "16",
|
|
21
|
+
"width": "6",
|
|
22
|
+
"height": "6",
|
|
23
|
+
"rx": "1"
|
|
24
|
+
},
|
|
25
|
+
"child": []
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"tag": "rect",
|
|
29
|
+
"attr": {
|
|
30
|
+
"x": "2",
|
|
31
|
+
"y": "16",
|
|
32
|
+
"width": "6",
|
|
33
|
+
"height": "6",
|
|
34
|
+
"rx": "1"
|
|
35
|
+
},
|
|
36
|
+
"child": []
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"tag": "rect",
|
|
40
|
+
"attr": {
|
|
41
|
+
"x": "9",
|
|
42
|
+
"y": "2",
|
|
43
|
+
"width": "6",
|
|
44
|
+
"height": "6",
|
|
45
|
+
"rx": "1"
|
|
46
|
+
},
|
|
47
|
+
"child": []
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"tag": "path",
|
|
51
|
+
"attr": { "d": "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" },
|
|
52
|
+
"child": []
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"tag": "path",
|
|
56
|
+
"attr": { "d": "M12 12V8" },
|
|
57
|
+
"child": []
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
})(props);
|
|
61
|
+
}
|
|
62
|
+
//#endregion
|
|
63
|
+
export { LuNetwork };
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { GenIcon } from "react-icons/lib";
|
|
2
|
+
//#region src/icons/lu/LuTextCursorInput.js
|
|
3
|
+
/*! LuTextCursorInput: Lucide (https://lucide.dev/), ISC https://github.com/lucide-icons/lucide/blob/main/LICENSE */
|
|
4
|
+
function LuTextCursorInput(props) {
|
|
5
|
+
return GenIcon({
|
|
6
|
+
"tag": "svg",
|
|
7
|
+
"attr": {
|
|
8
|
+
"viewBox": "0 0 24 24",
|
|
9
|
+
"fill": "none",
|
|
10
|
+
"stroke": "currentColor",
|
|
11
|
+
"strokeWidth": "2",
|
|
12
|
+
"strokeLinecap": "round",
|
|
13
|
+
"strokeLinejoin": "round"
|
|
14
|
+
},
|
|
15
|
+
"child": [
|
|
16
|
+
{
|
|
17
|
+
"tag": "path",
|
|
18
|
+
"attr": { "d": "M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1" },
|
|
19
|
+
"child": []
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"tag": "path",
|
|
23
|
+
"attr": { "d": "M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5" },
|
|
24
|
+
"child": []
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"tag": "path",
|
|
28
|
+
"attr": { "d": "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" },
|
|
29
|
+
"child": []
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"tag": "path",
|
|
33
|
+
"attr": { "d": "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" },
|
|
34
|
+
"child": []
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"tag": "path",
|
|
38
|
+
"attr": { "d": "M9 7v10" },
|
|
39
|
+
"child": []
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
})(props);
|
|
43
|
+
}
|
|
44
|
+
//#endregion
|
|
45
|
+
export { LuTextCursorInput };
|
package/dist/icons.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export type { IconType } from 'react-icons';
|
|
2
2
|
export { AiOutlineRollback as RollbackIcon } from 'react-icons/ai';
|
|
3
|
-
export { BiBell as UnmuteIcon, BiBellOff as MuteIcon, BiBuildings as OrganizationIcon, BiError as ErrorIcon, BiExpandVertical as ExpandVerticalIcon, BiPause as PauseIcon, BiPlay as StartIcon, BiSolidCheckShield as ShieldIcon, BiSolidTrashAlt as TrashIcon, BiStop as StopIcon, } from 'react-icons/bi';
|
|
3
|
+
export { BiBell as UnmuteIcon, BiBellOff as MuteIcon, BiBuildings as OrganizationIcon, BiError as ErrorIcon, BiExpandVertical as ExpandVerticalIcon, BiPause as PauseIcon, BiPlay as StartIcon, BiRedo as RedoIcon, BiSolidCheckShield as ShieldIcon, BiSolidTrashAlt as TrashIcon, BiStop as StopIcon, BiUndo as UndoIcon, } from 'react-icons/bi';
|
|
4
4
|
export { BsArrowsCollapse as CollapseIcon, BsBank2 as GovernmentIcon, BsBriefcase as BriefcaseIcon, BsBucket as BucketIcon, BsCalendarX as CalendarOffIcon, BsChatLeft as CommentIcon, BsChevronDoubleDown as ChevronDoubleDownIcon, BsChevronDoubleUp as ChevronDoubleUpIcon, BsClipboardCheck as ClipboardCheckIcon, BsCurrencyDollar as MoneyIcon, BsDash as MinusIcon, BsFileEarmarkZip as ZipIcon, BsFiles as FilesIcon, BsGeoAlt as MapPinIcon, BsGrid as GridIcon, BsLayers as InfrastructureLayersIcon, BsLayoutThreeColumns as ColumnsIcon, BsListUl as ListViewIcon, BsMortarboard as EducationIcon, BsMusicNoteBeamed as MusicIcon, BsOpenai as OpenAIIcon, BsPersonPlus as AddUserIcon, BsSearch as SearchOutlineIcon, BsSend as SendIcon, BsShieldSlash as ShieldOffIcon, BsStar as PinIcon, BsStarFill as PinFilledIcon, BsStopCircle as StopCircleIcon, BsTag as TagIcon, BsTelephone as PhoneIcon, BsTerminal as UserWorkspaceIcon, BsTerminalFill as UserWorkspaceFillIcon, BsThreeDots as MoreIcon, BsThreeDotsVertical as MenuIcon, BsZoomIn as ChartZoomIcon, } from 'react-icons/bs';
|
|
5
5
|
export { FaAmazon as AmazonIcon, FaAngleDown as AngleDownIcon, FaAngleLeft as AngleLeftIcon, FaAngleRight as AngleRightIcon, FaAngleUp as AngleUpIcon, FaArrowDown as ArrowDownIcon, FaArrowLeft as ArrowLeftIcon, FaArrowRight as ArrowRightIcon, FaArrowUp as ArrowUpIcon, FaBalanceScale as LegalIcon, FaCaretDown as CaretDownIcon, FaCentos as CentOSIcon, FaChartLine as ChartIcon, FaChartPie as PieChartIcon, FaCheck as CheckIcon, FaChevronDown as ChevronDownIcon, FaChevronUp as ChevronUpIcon, FaChrome as ChromeIcon, FaCloud as CloudIcon, FaCloudDownloadAlt as DownloadIcon, FaCog as CogIcon, FaCogs as GearsIcon, FaComments as ChatIcon, FaCompress as ShrinkIcon, FaDesktop as SnapshotIcon, FaDocker as DockerIcon, FaDollarSign as CostDashboardIcon, FaEdge as EdgeIcon, FaEdit as EditIcon, FaExclamationTriangle as WarningTriangleIcon, FaExpand as ExpandIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FaFile as FileSolidIcon, FaFilePdf as PdfSolidIcon, FaFilter as FilterIcon, FaFirefoxBrowser as FirefoxIcon, FaFlask as FlaskIcon, FaFolder as FolderSolidIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaGlobe as GlobeIcon, FaGlobeAmericas as MarketplaceIcon, FaGlobeAmericas as PublishIcon, FaImage as ImageSolidIcon, FaInfoCircle as InfoIcon, FaKey as KeyIcon, FaKey as PasswordIcon, FaLayerGroup as ResourceGroupIcon, FaLink as LinkIcon, FaLinkedin as LinkedInIcon, FaLinux as LinuxIcon, FaList as SchedulerIcon, FaLock as LockIcon, FaOpenid as OIDCIcon, FaOpera as OperaIcon, FaPaperclip as AttachmentIcon, FaPlus as AddIcon, FaPowerOff as PowerIcon, FaPrint as PrintIcon, FaQrcode as QRCodeIcon, FaQuestionCircle as UserGuideIcon, FaRedhat as RedHatIcon, FaRegCircle as NotRunningIcon, FaRegFileImage as ImageIcon, FaRegFolder as FolderIcon, FaRobot as RobotIcon, FaRocket as PartnerIcon, FaRunning as ExecuteWorkflow, FaSafari as SafariIcon, FaSave as SaveIcon, FaSearch as SearchIcon, FaShieldAlt as ShieldAltIcon, FaSlack as SlackIcon, FaStar as FeaturedIcon, FaStop as StopSolidIcon, FaSuse as SuseIcon, FaTerminal as TerminalIcon, FaTimes as TimesIcon, FaUbuntu as UbuntuIcon, FaUndoAlt as RetryIcon, FaUnlink as UnlinkIcon, FaUser as UserIcon, FaUsers as AccessIcon, FaUsers as SharingIcon, FaUsers as UsersIcon, FaWindows as WindowsIcon, } from 'react-icons/fa';
|
|
6
6
|
export { FaApple as AppleIcon, FaArrowsRotate as RefreshArrowsIcon, FaDebian as DebianIcon, FaFilterCircleXmark as FilterClearIcon, FaInbox as NotificationInboxIcon, FaLocationDot as IpAddressIcon, FaRegFilePdf as PdfIcon, FaRegFolderOpen as FolderOpenIcon, FaUpRightFromSquare as NewWindowIcon, FaWandMagicSparkles as CustomizeIcon, FaXTwitter as XTwitterIcon, } from 'react-icons/fa6';
|
|
@@ -13,7 +13,7 @@ export { HiMiniCheckCircle as SuccessIcon, HiMiniLanguage as LanguageIcon, HiMin
|
|
|
13
13
|
export { ImSpinner5 as RunningIcon } from 'react-icons/im';
|
|
14
14
|
export { IoIosNotifications as NotificationFillIcon, IoMdBuild as BuildWorkflowIcon, IoMdClose as CloseIcon, } from 'react-icons/io';
|
|
15
15
|
export { IoCloudUploadOutline as CloudUploadIcon, IoDocumentTextOutline as DocumentIcon, IoFileTrayFullOutline as FilesystemIcon, IoHeart as FavoriteIcon, IoHeartDislike as UnfavoriteIcon, IoHeartOutline as FavoriteOutlineIcon, IoInformationCircleOutline as InfoCircleIcon, IoSettingsOutline as SettingsIcon, IoWarningOutline as WarningIcon, } from 'react-icons/io5';
|
|
16
|
-
export { LuArrowRight as ArrowRightStrokeIcon, LuBadgeCheck as LicenseIcon, LuBrainCircuit as MlIcon, LuCalendar as CalendarIcon, LuCheck as CheckStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, LuFolderTree as FolderTreeIcon, LuIdCard as IdCardIcon, LuLogs as EventsIcon, LuMail as MailIcon, LuMegaphone as MegaphoneIcon, LuMoon as MoonIcon, LuPartyPopper as CelebrateIcon, LuSettings2 as DisplayIcon, LuSheet as SpreadsheetIcon, LuShield as ShieldOutlineIcon, LuSun as SunIcon, LuX as XStrokeIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon, } from 'react-icons/lu';
|
|
16
|
+
export { LuArrowRight as ArrowRightStrokeIcon, LuBadgeCheck as LicenseIcon, LuBraces as ExpressionIcon, LuBrainCircuit as MlIcon, LuCalendar as CalendarIcon, LuCheck as CheckStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, LuCode as CodeIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, LuFolderTree as FolderTreeIcon, LuIdCard as IdCardIcon, LuKeyboard as KeyboardIcon, LuLogs as EventsIcon, LuMail as MailIcon, LuMegaphone as MegaphoneIcon, LuMoon as MoonIcon, LuNetwork as GraphIcon, LuPartyPopper as CelebrateIcon, LuSettings2 as DisplayIcon, LuSheet as SpreadsheetIcon, LuShield as ShieldOutlineIcon, LuSun as SunIcon, LuTextCursorInput as InputFormIcon, LuX as XStrokeIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon, } from 'react-icons/lu';
|
|
17
17
|
export { MdClear as ClearIcon, MdDragHandle as DragHandleIcon, MdInstallDesktop as InstallIcon, MdOutlineAttachMoney as EnableCostIcon, MdOutlineMoneyOff as DisableCostIcon, MdPieChart as QuotaIcon, MdRefresh as RefreshIcon, MdReplay as ReplayIcon, MdSmartphone as MFA, } from 'react-icons/md';
|
|
18
18
|
export { PiArrowBendUpRightBold as OpenInNewGraphIcon, PiPlugsConnectedFill as ConnectIcon, PiRectangleDashed as KubernetesNamespaceIcon, PiShareBold as ShareIcon, } from 'react-icons/pi';
|
|
19
19
|
export { SiAnthropic as AnthropicIcon, SiHelm as HelmIcon, SiKubernetes as KubernetesIcon, } from 'react-icons/si';
|
package/dist/icons.js
CHANGED
|
@@ -6,9 +6,11 @@ import { BiError } from "./icons/bi/BiError.js";
|
|
|
6
6
|
import { BiExpandVertical } from "./icons/bi/BiExpandVertical.js";
|
|
7
7
|
import { BiPause } from "./icons/bi/BiPause.js";
|
|
8
8
|
import { BiPlay } from "./icons/bi/BiPlay.js";
|
|
9
|
+
import { BiRedo } from "./icons/bi/BiRedo.js";
|
|
9
10
|
import { BiSolidCheckShield } from "./icons/bi/BiSolidCheckShield.js";
|
|
10
11
|
import { BiSolidTrashAlt } from "./icons/bi/BiSolidTrashAlt.js";
|
|
11
12
|
import { BiStop } from "./icons/bi/BiStop.js";
|
|
13
|
+
import { BiUndo } from "./icons/bi/BiUndo.js";
|
|
12
14
|
import { BsArrowsCollapse } from "./icons/bs/BsArrowsCollapse.js";
|
|
13
15
|
import { BsBank2 } from "./icons/bs/BsBank2.js";
|
|
14
16
|
import { BsBriefcase } from "./icons/bs/BsBriefcase.js";
|
|
@@ -192,25 +194,30 @@ import { IoSettingsOutline } from "./icons/io5/IoSettingsOutline.js";
|
|
|
192
194
|
import { IoWarningOutline } from "./icons/io5/IoWarningOutline.js";
|
|
193
195
|
import { LuArrowRight } from "./icons/lu/LuArrowRight.js";
|
|
194
196
|
import { LuBadgeCheck } from "./icons/lu/LuBadgeCheck.js";
|
|
197
|
+
import { LuBraces } from "./icons/lu/LuBraces.js";
|
|
195
198
|
import { LuBrainCircuit } from "./icons/lu/LuBrainCircuit.js";
|
|
196
199
|
import { LuCalendar } from "./icons/lu/LuCalendar.js";
|
|
197
200
|
import { LuCheck } from "./icons/lu/LuCheck.js";
|
|
198
201
|
import { LuChevronLeft } from "./icons/lu/LuChevronLeft.js";
|
|
199
202
|
import { LuChevronRight } from "./icons/lu/LuChevronRight.js";
|
|
203
|
+
import { LuCode } from "./icons/lu/LuCode.js";
|
|
200
204
|
import { LuExternalLink } from "./icons/lu/LuExternalLink.js";
|
|
201
205
|
import { LuEye } from "./icons/lu/LuEye.js";
|
|
202
206
|
import { LuEyeOff } from "./icons/lu/LuEyeOff.js";
|
|
203
207
|
import { LuFolderTree } from "./icons/lu/LuFolderTree.js";
|
|
204
208
|
import { LuIdCard } from "./icons/lu/LuIdCard.js";
|
|
209
|
+
import { LuKeyboard } from "./icons/lu/LuKeyboard.js";
|
|
205
210
|
import { LuLogs } from "./icons/lu/LuLogs.js";
|
|
206
211
|
import { LuMail } from "./icons/lu/LuMail.js";
|
|
207
212
|
import { LuMegaphone } from "./icons/lu/LuMegaphone.js";
|
|
208
213
|
import { LuMoon } from "./icons/lu/LuMoon.js";
|
|
214
|
+
import { LuNetwork } from "./icons/lu/LuNetwork.js";
|
|
209
215
|
import { LuPartyPopper } from "./icons/lu/LuPartyPopper.js";
|
|
210
216
|
import { LuSettings2 } from "./icons/lu/LuSettings2.js";
|
|
211
217
|
import { LuSheet } from "./icons/lu/LuSheet.js";
|
|
212
218
|
import { LuShield } from "./icons/lu/LuShield.js";
|
|
213
219
|
import { LuSun } from "./icons/lu/LuSun.js";
|
|
220
|
+
import { LuTextCursorInput } from "./icons/lu/LuTextCursorInput.js";
|
|
214
221
|
import { LuX } from "./icons/lu/LuX.js";
|
|
215
222
|
import { LuZoomIn } from "./icons/lu/LuZoomIn.js";
|
|
216
223
|
import { LuZoomOut } from "./icons/lu/LuZoomOut.js";
|
|
@@ -254,4 +261,4 @@ import { VscPass } from "./icons/vsc/VscPass.js";
|
|
|
254
261
|
import { VscSplitHorizontal } from "./icons/vsc/VscSplitHorizontal.js";
|
|
255
262
|
import { VscTerminalPowershell } from "./icons/vsc/VscTerminalPowershell.js";
|
|
256
263
|
import { ErrorCheckmark, LoaderIcon, SuccessCheckmark } from "./components/StatusIcons.js";
|
|
257
|
-
export { TbApi as APIIcon, FaUsers as AccessIcon, FaPlus as AddIcon, BsPersonPlus as AddUserIcon, FiAlertCircle as AlertCircleIcon, TbAlertTriangleFilled as AlertFillIcon, TbAlertTriangle as AlertIcon, FaAmazon as AmazonIcon, FaAngleDown as AngleDownIcon, FaAngleLeft as AngleLeftIcon, FaAngleRight as AngleRightIcon, FaAngleUp as AngleUpIcon, SiAnthropic as AnthropicIcon, FaApple as AppleIcon, HiOutlineArchive as ArchiveIcon, FaArrowDown as ArrowDownIcon, FaArrowLeft as ArrowLeftIcon, FaArrowRight as ArrowRightIcon, LuArrowRight as ArrowRightStrokeIcon, FaArrowUp as ArrowUpIcon, FaPaperclip as AttachmentIcon, BsBriefcase as BriefcaseIcon, BsBucket as BucketIcon, IoMdBuild as BuildWorkflowIcon, LuCalendar as CalendarIcon, BsCalendarX as CalendarOffIcon, TiCancel as CancelIcon, FaCaretDown as CaretDownIcon, LuPartyPopper as CelebrateIcon, FaCentos as CentOSIcon, FaChartLine as ChartIcon, BsZoomIn as ChartZoomIcon, FaComments as ChatIcon, FaCheck as CheckIcon, VscPass as CheckMarkIcon, LuCheck as CheckStrokeIcon, BsChevronDoubleDown as ChevronDoubleDownIcon, BsChevronDoubleUp as ChevronDoubleUpIcon, FaChevronDown as ChevronDownIcon, FiChevronDown as ChevronDownStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, FaChevronUp as ChevronUpIcon, FaChrome as ChromeIcon, MdClear as ClearIcon, BsClipboardCheck as ClipboardCheckIcon, HiOutlineClipboardCopy as ClipboardIcon, FiClock as ClockIcon, IoMdClose as CloseIcon, FaCloud as CloudIcon, IoCloudUploadOutline as CloudUploadIcon, GrServerCluster as ClusterIcon, FaCog as CogIcon, BsArrowsCollapse as CollapseIcon, BsLayoutThreeColumns as ColumnsIcon, BsChatLeft as CommentIcon, GoGitCommit as CommitIcon, GrCloudComputer as ComputeIcon, PiPlugsConnectedFill as ConnectIcon, FiCopy as CopyIcon, FaDollarSign as CostDashboardIcon, FaWandMagicSparkles as CustomizeIcon, FaDebian as DebianIcon, MdOutlineMoneyOff as DisableCostIcon, TbUserOff as DisableUserIcon, FiHardDrive as DiskIcon, LuSettings2 as DisplayIcon, FaDocker as DockerIcon, IoDocumentTextOutline as DocumentIcon, FiDownload as DownloadFileIcon, FaCloudDownloadAlt as DownloadIcon, MdDragHandle as DragHandleIcon, HiDuplicate as DuplicateIcon, FaEdge as EdgeIcon, FaEdit as EditIcon, VscLayoutSidebarLeft as EditorIcon, BsMortarboard as EducationIcon, MdOutlineAttachMoney as EnableCostIcon, TbUser as EnableUserIcon, TbWorldShare as EndpointIcon, ErrorCheckmark, BiError as ErrorIcon, LuLogs as EventsIcon, FaRunning as ExecuteWorkflow, FaExpand as ExpandIcon, BiExpandVertical as ExpandVerticalIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, HiMiniXCircle as FailIcon, IoHeart as FavoriteIcon, IoHeartOutline as FavoriteOutlineIcon, FaStar as FeaturedIcon, FiFile as FileIcon, FaFile as FileSolidIcon, FiFileText as FileTextIcon, BsFiles as FilesIcon, IoFileTrayFullOutline as FilesystemIcon, FaFilterCircleXmark as FilterClearIcon, FaFilter as FilterIcon, FaFirefoxBrowser as FirefoxIcon, FaFlask as FlaskIcon, FaRegFolder as FolderIcon, FaRegFolderOpen as FolderOpenIcon, FaFolder as FolderSolidIcon, LuFolderTree as FolderTreeIcon, GoSkip as ForbiddenIcon, GoRepoForked as ForkIcon, HiCog as GearIcon, FaCogs as GearsIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaGlobe as GlobeIcon, BsBank2 as GovernmentIcon, BsGrid as GridIcon, FiActivity as HealthMonitoringIcon, SiHelm as HelmIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FiRotateCcw as HistoryIcon, HiOutlineHome as HomeIcon, LuIdCard as IdCardIcon, FaRegFileImage as ImageIcon, FaImage as ImageSolidIcon, GiSpy as ImpersonateIcon, GrInbox as InboxIcon, IoInformationCircleOutline as InfoCircleIcon, FaInfoCircle as InfoIcon, BsLayers as InfrastructureLayersIcon, MdInstallDesktop as InstallIcon, FaLocationDot as IpAddressIcon, GoIssueOpened as IssueIcon, VscJson as JsonIcon, FaKey as KeyIcon, SiKubernetes as KubernetesIcon, PiRectangleDashed as KubernetesNamespaceIcon, HiMiniLanguage as LanguageIcon, FaBalanceScale as LegalIcon, LuBadgeCheck as LicenseIcon, FaLink as LinkIcon, FaLinkedin as LinkedInIcon, FaLinux as LinuxIcon, BsListUl as ListViewIcon, LoaderIcon, FaLock as LockIcon, MdSmartphone as MFA, LuMail as MailIcon, BsGeoAlt as MapPinIcon, FaGlobeAmericas as MarketplaceIcon, LuMegaphone as MegaphoneIcon, BsThreeDotsVertical as MenuIcon, VscChromeMinimize as MinimizeIcon, BsDash as MinusIcon, LuBrainCircuit as MlIcon, BsCurrencyDollar as MoneyIcon, GrTasks as MonitorIcon, LuMoon as MoonIcon, BsThreeDots as MoreIcon, BsMusicNoteBeamed as MusicIcon, BiBellOff as MuteIcon, TbEdit as NewChatIcon, FaUpRightFromSquare as NewWindowIcon, FaRegCircle as NotRunningIcon, IoIosNotifications as NotificationFillIcon, FaInbox as NotificationInboxIcon, FaOpenid as OIDCIcon, BsOpenai as OpenAIIcon, PiArrowBendUpRightBold as OpenInNewGraphIcon, FaOpera as OperaIcon, BiBuildings as OrganizationIcon, FaRocket as PartnerIcon, FaKey as PasswordIcon, BiPause as PauseIcon, FaRegFilePdf as PdfIcon, FaFilePdf as PdfSolidIcon, BsTelephone as PhoneIcon, FaChartPie as PieChartIcon, BsStarFill as PinFilledIcon, BsStar as PinIcon, GoPlus as PlusOutlineIcon, FaPowerOff as PowerIcon, VscTerminalPowershell as PowershellIcon, FaPrint as PrintIcon, FaGlobeAmericas as PublishIcon, GoGitPullRequest as PullRequestIcon, FaQrcode as QRCodeIcon, MdPieChart as QuotaIcon, FaRedhat as RedHatIcon, FaArrowsRotate as RefreshArrowsIcon, MdRefresh as RefreshIcon, MdReplay as ReplayIcon, FaLayerGroup as ResourceGroupIcon, FaUndoAlt as RetryIcon, FaRobot as RobotIcon, AiOutlineRollback as RollbackIcon, VscTerminalPowershell as RunWorkflowIcon, ImSpinner5 as RunningIcon, FaSafari as SafariIcon, FaSave as SaveIcon, FaList as SchedulerIcon, FaSearch as SearchIcon, BsSearch as SearchOutlineIcon, BsSend as SendIcon, HiServer as ServerIcon, IoSettingsOutline as SettingsIcon, PiShareBold as ShareIcon, FaUsers as SharingIcon, FaShieldAlt as ShieldAltIcon, BiSolidCheckShield as ShieldIcon, BsShieldSlash as ShieldOffIcon, LuShield as ShieldOutlineIcon, FaCompress as ShrinkIcon, TbLayoutSidebarRightCollapse as SidebarCloseIcon, TbLayoutSidebar as SidebarIcon, TbLayoutSidebarLeftCollapse as SidebarOpenIcon, GoSignOut as SignOutIcon, HiMiniMinusCircle as SkipIcon, FaSlack as SlackIcon, FaDesktop as SnapshotIcon, TiArrowSortedDown as SortDownIcon, TiArrowUnsorted as SortUnsortedIcon, TiArrowSortedUp as SortUpIcon, HiSparkles as SparklesIcon, VscSplitHorizontal as SplitIcon, LuSheet as SpreadsheetIcon, BiPlay as StartIcon, BsStopCircle as StopCircleIcon, BiStop as StopIcon, FaStop as StopSolidIcon, GrStorage as StorageIcon, TbWorldWww as SubdomainIcon, SuccessCheckmark, HiMiniCheckCircle as SuccessIcon, LuSun as SunIcon, FaSuse as SuseIcon, BsTag as TagIcon, FaTerminal as TerminalIcon, TbBrain as ThinkingIcon, FaTimes as TimesIcon, HiQuestionMarkCircle as TooltipIcon, BiSolidTrashAlt as TrashIcon, TbBuildingTunnel as TunnelIcon, FaUbuntu as UbuntuIcon, IoHeartDislike as UnfavoriteIcon, FaUnlink as UnlinkIcon, BiBell as UnmuteIcon, FiUpload as UploadIcon, FaQuestionCircle as UserGuideIcon, FaUser as UserIcon, BsTerminalFill as UserWorkspaceFillIcon, BsTerminal as UserWorkspaceIcon, FaUsers as UsersIcon, GoVideo as VideoIcon, IoWarningOutline as WarningIcon, FaExclamationTriangle as WarningTriangleIcon, FaWindows as WindowsIcon, FiX as XIcon, LuX as XStrokeIcon, FaXTwitter as XTwitterIcon, FiZap as ZapIcon, BsFileEarmarkZip as ZipIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon };
|
|
264
|
+
export { TbApi as APIIcon, FaUsers as AccessIcon, FaPlus as AddIcon, BsPersonPlus as AddUserIcon, FiAlertCircle as AlertCircleIcon, TbAlertTriangleFilled as AlertFillIcon, TbAlertTriangle as AlertIcon, FaAmazon as AmazonIcon, FaAngleDown as AngleDownIcon, FaAngleLeft as AngleLeftIcon, FaAngleRight as AngleRightIcon, FaAngleUp as AngleUpIcon, SiAnthropic as AnthropicIcon, FaApple as AppleIcon, HiOutlineArchive as ArchiveIcon, FaArrowDown as ArrowDownIcon, FaArrowLeft as ArrowLeftIcon, FaArrowRight as ArrowRightIcon, LuArrowRight as ArrowRightStrokeIcon, FaArrowUp as ArrowUpIcon, FaPaperclip as AttachmentIcon, BsBriefcase as BriefcaseIcon, BsBucket as BucketIcon, IoMdBuild as BuildWorkflowIcon, LuCalendar as CalendarIcon, BsCalendarX as CalendarOffIcon, TiCancel as CancelIcon, FaCaretDown as CaretDownIcon, LuPartyPopper as CelebrateIcon, FaCentos as CentOSIcon, FaChartLine as ChartIcon, BsZoomIn as ChartZoomIcon, FaComments as ChatIcon, FaCheck as CheckIcon, VscPass as CheckMarkIcon, LuCheck as CheckStrokeIcon, BsChevronDoubleDown as ChevronDoubleDownIcon, BsChevronDoubleUp as ChevronDoubleUpIcon, FaChevronDown as ChevronDownIcon, FiChevronDown as ChevronDownStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, FaChevronUp as ChevronUpIcon, FaChrome as ChromeIcon, MdClear as ClearIcon, BsClipboardCheck as ClipboardCheckIcon, HiOutlineClipboardCopy as ClipboardIcon, FiClock as ClockIcon, IoMdClose as CloseIcon, FaCloud as CloudIcon, IoCloudUploadOutline as CloudUploadIcon, GrServerCluster as ClusterIcon, LuCode as CodeIcon, FaCog as CogIcon, BsArrowsCollapse as CollapseIcon, BsLayoutThreeColumns as ColumnsIcon, BsChatLeft as CommentIcon, GoGitCommit as CommitIcon, GrCloudComputer as ComputeIcon, PiPlugsConnectedFill as ConnectIcon, FiCopy as CopyIcon, FaDollarSign as CostDashboardIcon, FaWandMagicSparkles as CustomizeIcon, FaDebian as DebianIcon, MdOutlineMoneyOff as DisableCostIcon, TbUserOff as DisableUserIcon, FiHardDrive as DiskIcon, LuSettings2 as DisplayIcon, FaDocker as DockerIcon, IoDocumentTextOutline as DocumentIcon, FiDownload as DownloadFileIcon, FaCloudDownloadAlt as DownloadIcon, MdDragHandle as DragHandleIcon, HiDuplicate as DuplicateIcon, FaEdge as EdgeIcon, FaEdit as EditIcon, VscLayoutSidebarLeft as EditorIcon, BsMortarboard as EducationIcon, MdOutlineAttachMoney as EnableCostIcon, TbUser as EnableUserIcon, TbWorldShare as EndpointIcon, ErrorCheckmark, BiError as ErrorIcon, LuLogs as EventsIcon, FaRunning as ExecuteWorkflow, FaExpand as ExpandIcon, BiExpandVertical as ExpandVerticalIcon, LuBraces as ExpressionIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, HiMiniXCircle as FailIcon, IoHeart as FavoriteIcon, IoHeartOutline as FavoriteOutlineIcon, FaStar as FeaturedIcon, FiFile as FileIcon, FaFile as FileSolidIcon, FiFileText as FileTextIcon, BsFiles as FilesIcon, IoFileTrayFullOutline as FilesystemIcon, FaFilterCircleXmark as FilterClearIcon, FaFilter as FilterIcon, FaFirefoxBrowser as FirefoxIcon, FaFlask as FlaskIcon, FaRegFolder as FolderIcon, FaRegFolderOpen as FolderOpenIcon, FaFolder as FolderSolidIcon, LuFolderTree as FolderTreeIcon, GoSkip as ForbiddenIcon, GoRepoForked as ForkIcon, HiCog as GearIcon, FaCogs as GearsIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaGlobe as GlobeIcon, BsBank2 as GovernmentIcon, LuNetwork as GraphIcon, BsGrid as GridIcon, FiActivity as HealthMonitoringIcon, SiHelm as HelmIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FiRotateCcw as HistoryIcon, HiOutlineHome as HomeIcon, LuIdCard as IdCardIcon, FaRegFileImage as ImageIcon, FaImage as ImageSolidIcon, GiSpy as ImpersonateIcon, GrInbox as InboxIcon, IoInformationCircleOutline as InfoCircleIcon, FaInfoCircle as InfoIcon, BsLayers as InfrastructureLayersIcon, LuTextCursorInput as InputFormIcon, MdInstallDesktop as InstallIcon, FaLocationDot as IpAddressIcon, GoIssueOpened as IssueIcon, VscJson as JsonIcon, FaKey as KeyIcon, LuKeyboard as KeyboardIcon, SiKubernetes as KubernetesIcon, PiRectangleDashed as KubernetesNamespaceIcon, HiMiniLanguage as LanguageIcon, FaBalanceScale as LegalIcon, LuBadgeCheck as LicenseIcon, FaLink as LinkIcon, FaLinkedin as LinkedInIcon, FaLinux as LinuxIcon, BsListUl as ListViewIcon, LoaderIcon, FaLock as LockIcon, MdSmartphone as MFA, LuMail as MailIcon, BsGeoAlt as MapPinIcon, FaGlobeAmericas as MarketplaceIcon, LuMegaphone as MegaphoneIcon, BsThreeDotsVertical as MenuIcon, VscChromeMinimize as MinimizeIcon, BsDash as MinusIcon, LuBrainCircuit as MlIcon, BsCurrencyDollar as MoneyIcon, GrTasks as MonitorIcon, LuMoon as MoonIcon, BsThreeDots as MoreIcon, BsMusicNoteBeamed as MusicIcon, BiBellOff as MuteIcon, TbEdit as NewChatIcon, FaUpRightFromSquare as NewWindowIcon, FaRegCircle as NotRunningIcon, IoIosNotifications as NotificationFillIcon, FaInbox as NotificationInboxIcon, FaOpenid as OIDCIcon, BsOpenai as OpenAIIcon, PiArrowBendUpRightBold as OpenInNewGraphIcon, FaOpera as OperaIcon, BiBuildings as OrganizationIcon, FaRocket as PartnerIcon, FaKey as PasswordIcon, BiPause as PauseIcon, FaRegFilePdf as PdfIcon, FaFilePdf as PdfSolidIcon, BsTelephone as PhoneIcon, FaChartPie as PieChartIcon, BsStarFill as PinFilledIcon, BsStar as PinIcon, GoPlus as PlusOutlineIcon, FaPowerOff as PowerIcon, VscTerminalPowershell as PowershellIcon, FaPrint as PrintIcon, FaGlobeAmericas as PublishIcon, GoGitPullRequest as PullRequestIcon, FaQrcode as QRCodeIcon, MdPieChart as QuotaIcon, FaRedhat as RedHatIcon, BiRedo as RedoIcon, FaArrowsRotate as RefreshArrowsIcon, MdRefresh as RefreshIcon, MdReplay as ReplayIcon, FaLayerGroup as ResourceGroupIcon, FaUndoAlt as RetryIcon, FaRobot as RobotIcon, AiOutlineRollback as RollbackIcon, VscTerminalPowershell as RunWorkflowIcon, ImSpinner5 as RunningIcon, FaSafari as SafariIcon, FaSave as SaveIcon, FaList as SchedulerIcon, FaSearch as SearchIcon, BsSearch as SearchOutlineIcon, BsSend as SendIcon, HiServer as ServerIcon, IoSettingsOutline as SettingsIcon, PiShareBold as ShareIcon, FaUsers as SharingIcon, FaShieldAlt as ShieldAltIcon, BiSolidCheckShield as ShieldIcon, BsShieldSlash as ShieldOffIcon, LuShield as ShieldOutlineIcon, FaCompress as ShrinkIcon, TbLayoutSidebarRightCollapse as SidebarCloseIcon, TbLayoutSidebar as SidebarIcon, TbLayoutSidebarLeftCollapse as SidebarOpenIcon, GoSignOut as SignOutIcon, HiMiniMinusCircle as SkipIcon, FaSlack as SlackIcon, FaDesktop as SnapshotIcon, TiArrowSortedDown as SortDownIcon, TiArrowUnsorted as SortUnsortedIcon, TiArrowSortedUp as SortUpIcon, HiSparkles as SparklesIcon, VscSplitHorizontal as SplitIcon, LuSheet as SpreadsheetIcon, BiPlay as StartIcon, BsStopCircle as StopCircleIcon, BiStop as StopIcon, FaStop as StopSolidIcon, GrStorage as StorageIcon, TbWorldWww as SubdomainIcon, SuccessCheckmark, HiMiniCheckCircle as SuccessIcon, LuSun as SunIcon, FaSuse as SuseIcon, BsTag as TagIcon, FaTerminal as TerminalIcon, TbBrain as ThinkingIcon, FaTimes as TimesIcon, HiQuestionMarkCircle as TooltipIcon, BiSolidTrashAlt as TrashIcon, TbBuildingTunnel as TunnelIcon, FaUbuntu as UbuntuIcon, BiUndo as UndoIcon, IoHeartDislike as UnfavoriteIcon, FaUnlink as UnlinkIcon, BiBell as UnmuteIcon, FiUpload as UploadIcon, FaQuestionCircle as UserGuideIcon, FaUser as UserIcon, BsTerminalFill as UserWorkspaceFillIcon, BsTerminal as UserWorkspaceIcon, FaUsers as UsersIcon, GoVideo as VideoIcon, IoWarningOutline as WarningIcon, FaExclamationTriangle as WarningTriangleIcon, FaWindows as WindowsIcon, FiX as XIcon, LuX as XStrokeIcon, FaXTwitter as XTwitterIcon, FiZap as ZapIcon, BsFileEarmarkZip as ZipIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon };
|
package/dist/index.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ export { default as MultiSelectDropdown } from './components/MultiSelect.js';
|
|
|
31
31
|
export { Overview } from './components/Overview.js';
|
|
32
32
|
export { BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, headerActionButtonClasses, PageHeader, type PageHeaderBreadcrumb, type PageHeaderCrumb, } from './components/PageHeader.js';
|
|
33
33
|
export { Pagination } from './components/Pagination.js';
|
|
34
|
-
export { type PersistedStateHook, type RunFileResult, type UIData, type UILinkComponent, type UINavigation, type UINotify, UIProvider, type UISlots, type UIStrings, type UIToastId, type UIToastOptions, type UIToastUpdate, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader, type WorkflowEngineSource, } from './components/Provider.js';
|
|
34
|
+
export { type PersistedStateHook, type RunFileResult, type UIData, type UILinkComponent, type UINavigation, type UINotify, UIProvider, type UISlots, type UIStrings, type UIToastId, type UIToastOptions, type UIToastUpdate, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader, type WorkflowEngineSource, type WorkflowJsonRef, } from './components/Provider.js';
|
|
35
35
|
export { RequiredMark } from './components/RequiredMark.js';
|
|
36
36
|
export { useRelativeTime } from './components/relativeTime.js';
|
|
37
37
|
export { default as SectionHeader } from './components/SectionHeader.js';
|
|
@@ -48,5 +48,6 @@ export { CompactTable, Table } from './components/Table.js';
|
|
|
48
48
|
export { Toggle } from './components/Toggle.js';
|
|
49
49
|
export { formatTooltipContent, GlobalTooltip, TOOLTIP_ID, TooltipInfo, truncationTooltipProps, } from './components/Tooltip.js';
|
|
50
50
|
export { useCssIsDark } from './components/useCssIsDark.js';
|
|
51
|
+
export type { EditRefusalReason, FieldPatch, GraphEdit, GraphEditResult, GraphEditState, GraphLayout, GraphPosition, GraphSlot, InputEdit, InputPath, LintFix, NeedRef, StepRef, WorkflowAction, WorkflowActionInput, WorkflowEditing, WorkflowLintContext, WorkflowLintProblem, } from './editing.js';
|
|
51
52
|
export type { EngineJob, EngineStep, EvaluateOptions, ExpansionKeys, LogCommand, LogSegment, MatrixGroup, ProcessedLogLine, RunStatus, WorkflowEngine, WorkflowVariable, WorkflowVariables, } from './engine.js';
|
|
52
53
|
export * from './theme/index.js';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { UIProvider, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader } from "./components/Provider.js";
|
|
1
|
+
import { UIProvider, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader } from "./components/Provider.js";
|
|
2
2
|
import { GlobalTooltip, TOOLTIP_ID, TooltipInfo, formatTooltipContent, truncationTooltipProps } from "./components/Tooltip.js";
|
|
3
3
|
import { AddMenu } from "./components/AddMenu.js";
|
|
4
4
|
import { Avatar, avatarInitials } from "./components/Avatar.js";
|
|
@@ -46,4 +46,4 @@ import { CompactTable, Table } from "./components/Table.js";
|
|
|
46
46
|
import { Toggle } from "./components/Toggle.js";
|
|
47
47
|
import { useCssIsDark } from "./components/useCssIsDark.js";
|
|
48
48
|
import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
|
|
49
|
-
export { AddMenu, Avatar, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CREATE_MODAL_SELECT_FILTER_THRESHOLD, Callout, Card, CardHeader, CompactTable, ConfirmModal, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, CreateModalSwitch, CreateModalTextarea, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, PageHeader, Pagination, RequiredMark, SectionHeader, SegmentedControl, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, avatarInitials, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, statusTextClass, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader };
|
|
49
|
+
export { AddMenu, Avatar, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CREATE_MODAL_SELECT_FILTER_THRESHOLD, Callout, Card, CardHeader, CompactTable, ConfirmModal, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, CreateModalSwitch, CreateModalTextarea, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, PageHeader, Pagination, RequiredMark, SectionHeader, SegmentedControl, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, avatarInitials, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, statusTextClass, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };
|
|
@@ -11,6 +11,8 @@ export interface ToolbarAction {
|
|
|
11
11
|
enabledTooltip?: string;
|
|
12
12
|
disabledTooltip?: string | undefined;
|
|
13
13
|
hidden?: boolean;
|
|
14
|
+
/** Makes the action a toggle: filled while on, outlined while off. */
|
|
15
|
+
active?: boolean | undefined;
|
|
14
16
|
}
|
|
15
17
|
/** A pre-rendered element (e.g. a button component that owns its modal). */
|
|
16
18
|
interface ToolbarElement {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useLink, useStrings } from "../components/Provider.js";
|
|
2
2
|
import { BsThreeDotsVertical } from "../icons/bs/BsThreeDotsVertical.js";
|
|
3
|
+
import { FaCheck } from "../icons/fa/FaCheck.js";
|
|
3
4
|
import { TOOLTIP_ID } from "../components/Tooltip.js";
|
|
4
5
|
import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
|
|
5
6
|
import cx from "classnames";
|
|
@@ -23,7 +24,9 @@ function ToolbarButton({ action }) {
|
|
|
23
24
|
const inOverflowMenu = useContext(OverflowMenuContext);
|
|
24
25
|
const Link = useLink();
|
|
25
26
|
if (inOverflowMenu) return /* @__PURE__ */ jsx(OverflowRow, { item: action });
|
|
26
|
-
const
|
|
27
|
+
const off = action.active === false;
|
|
28
|
+
const className = cx("inline-flex items-center gap-x-0.5 h-9 px-2 rounded-md text-[13.5px] uppercase font-semibold transition-colors whitespace-nowrap", off ? "border theme-border theme-muted-text" : "bg-(--theme-element) text-(--theme-element-text)", action.disabled ? "opacity-50 cursor-not-allowed" : off ? "cursor-pointer hover:theme-hover" : "cursor-pointer hover:bg-(--theme-element-hover)");
|
|
29
|
+
const pressed = action.active === void 0 ? {} : { "aria-pressed": action.active };
|
|
27
30
|
const tooltipProps = tipProps(action.disabled ? action.disabledTooltip : action.enabledTooltip, "bottom");
|
|
28
31
|
const Icon = action.icon;
|
|
29
32
|
const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
|
|
@@ -43,6 +46,7 @@ function ToolbarButton({ action }) {
|
|
|
43
46
|
type: "button",
|
|
44
47
|
disabled: true,
|
|
45
48
|
className,
|
|
49
|
+
...pressed,
|
|
46
50
|
children: content
|
|
47
51
|
})
|
|
48
52
|
});
|
|
@@ -50,6 +54,7 @@ function ToolbarButton({ action }) {
|
|
|
50
54
|
type: "button",
|
|
51
55
|
onClick: action.onClick,
|
|
52
56
|
className,
|
|
57
|
+
...pressed,
|
|
53
58
|
...tooltipProps,
|
|
54
59
|
children: content
|
|
55
60
|
});
|
|
@@ -57,17 +62,24 @@ function ToolbarButton({ action }) {
|
|
|
57
62
|
/** A single overflowed item rendered as a full-width row inside the `…` menu. */
|
|
58
63
|
function OverflowRow({ item }) {
|
|
59
64
|
const Link = useLink();
|
|
65
|
+
const { list: t } = useStrings();
|
|
60
66
|
const Icon = item.icon;
|
|
61
67
|
const className = cx("flex w-full items-center gap-x-1 px-4 py-2 text-[13px] uppercase font-semibold link hover:theme-hover", item.disabled && "opacity-50 cursor-not-allowed");
|
|
62
68
|
const tooltipProps = tipProps(item.disabled ? item.disabledTooltip : item.enabledTooltip, "left");
|
|
63
|
-
const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
69
|
+
const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
70
|
+
/* @__PURE__ */ jsx("div", {
|
|
71
|
+
className: "w-5 h-6 flex items-center",
|
|
72
|
+
children: /* @__PURE__ */ jsx(Icon, { className: cx(item.iconClassName) })
|
|
73
|
+
}),
|
|
74
|
+
item.label,
|
|
75
|
+
item.active && /* @__PURE__ */ jsx(FaCheck, { className: "ml-auto h-4 w-4 opacity-80" })
|
|
76
|
+
] });
|
|
77
|
+
const named = item.active === void 0 ? {} : { "aria-label": t.toggleState(item.label, item.active) };
|
|
67
78
|
if (item.href && !item.disabled) return /* @__PURE__ */ jsx(MenuItem, {
|
|
68
79
|
as: Link,
|
|
69
80
|
to: item.href,
|
|
70
81
|
className,
|
|
82
|
+
...named,
|
|
71
83
|
...tooltipProps,
|
|
72
84
|
children: content
|
|
73
85
|
});
|
|
@@ -77,6 +89,7 @@ function OverflowRow({ item }) {
|
|
|
77
89
|
onClick: item.onClick,
|
|
78
90
|
disabled: item.disabled ?? false,
|
|
79
91
|
className,
|
|
92
|
+
...named,
|
|
80
93
|
...tooltipProps,
|
|
81
94
|
children: content
|
|
82
95
|
});
|