@parallelworks/ui 0.44.0 → 0.45.0

package/dist/graph/GraphEditor.js

@@ -1,12 +1,7 @@
-import { BiSolidTrashAlt } from "../icons/bi/BiSolidTrashAlt.js";
-import { BsGrid } from "../icons/bs/BsGrid.js";
-import { FaEdit } from "../icons/fa/FaEdit.js";
-import { FaLink } from "../icons/fa/FaLink.js";
-import { FaPlus } from "../icons/fa/FaPlus.js";
-import { HiDuplicate } from "../icons/hi/HiDuplicate.js";
-import { IoMdClose } from "../icons/io/IoMdClose.js";
-import { MdRefresh } from "../icons/md/MdRefresh.js";
+import { cx } from "../cx.js";
+import { AddIcon, DuplicateIcon, EditIcon, GridIcon, LinkIcon, MatrixIcon, RemoveIcon, ResetLayoutIcon, TrashIcon } from "../icons.js";
 import { useWorkflowEditing } from "../components/Provider.js";
+import { useCopy } from "../components/useCopy.js";
 import { menuDivider } from "../components/MenuEntries.js";
 import { useContextMenu } from "../components/ContextMenu.js";
 import { IconButton } from "../components/IconButton.js";
@@ -21,7 +16,6 @@ import { JobDialog, StepDialog } from "./GraphEditorDialogs.js";
 import { overlaps, typing } from "./editorApi.js";
 import { MOD_KEY } from "./ShortcutsButton.js";
 import { AddChip, BarDivider, DragLabel, EditorBar } from "./editorChrome.js";
-import { clsx } from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 //#region src/graph/GraphEditor.tsx
@@ -726,7 +720,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 			});
 			return items.length > 0 ? [{
 				label,
-				icon: /* @__PURE__ */ jsx(FaLink, {}),
+				icon: /* @__PURE__ */ jsx(LinkIcon, {}),
 				items
 			}] : [];
 		};
@@ -735,12 +729,12 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 			const items = [
 				{
 					label: matrix ? t.editMatrix : t.editJob,
-					icon: matrix ? /* @__PURE__ */ jsx(BsGrid, {}) : /* @__PURE__ */ jsx(FaEdit, {}),
+					icon: matrix ? /* @__PURE__ */ jsx(MatrixIcon, {}) : /* @__PURE__ */ jsx(EditIcon, {}),
 					onClick: () => editJob(job)
 				},
 				{
-					label: t.duplicate,
-					icon: /* @__PURE__ */ jsx(HiDuplicate, {}),
+					label: t.common.duplicate,
+					icon: /* @__PURE__ */ jsx(DuplicateIcon, {}),
 					onClick: () => edit({
 						type: "duplicateJob",
 						job,
@@ -749,12 +743,12 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 				},
 				{
 					label: t.addStep,
-					icon: /* @__PURE__ */ jsx(FaPlus, {}),
+					icon: /* @__PURE__ */ jsx(AddIcon, {}),
 					onClick: () => addStep(job)
 				},
 				matrix ? {
 					label: t.removeMatrix,
-					icon: /* @__PURE__ */ jsx(IoMdClose, {}),
+					icon: /* @__PURE__ */ jsx(RemoveIcon, {}),
 					onClick: () => edit({
 						type: "setMatrix",
 						job,
@@ -762,7 +756,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 					})
 				} : {
 					label: t.makeMatrix,
-					icon: /* @__PURE__ */ jsx(BsGrid, {}),
+					icon: /* @__PURE__ */ jsx(GridIcon, {}),
 					onClick: () => edit({
 						type: "setMatrix",
 						job,
@@ -774,7 +768,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 				menuDivider,
 				{
 					label: t.deleteJob,
-					icon: /* @__PURE__ */ jsx(BiSolidTrashAlt, {}),
+					icon: /* @__PURE__ */ jsx(TrashIcon, {}),
 					destructive: true,
 					onClick: () => edit({
 						type: "deleteJob",
@@ -787,11 +781,11 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 		const openStepMenu = (at, job, index) => {
 			openMenu(at, [{
 				label: t.editStep,
-				icon: /* @__PURE__ */ jsx(FaEdit, {}),
+				icon: /* @__PURE__ */ jsx(EditIcon, {}),
 				onClick: () => editStep(job, index)
 			}, {
 				label: t.deleteStep,
-				icon: /* @__PURE__ */ jsx(BiSolidTrashAlt, {}),
+				icon: /* @__PURE__ */ jsx(TrashIcon, {}),
 				destructive: true,
 				onClick: () => edit({
 					type: "deleteStep",
@@ -887,7 +881,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 			const inUse = refsInUse(refs);
 			const items = [{
 				label: t.removeDependency,
-				icon: /* @__PURE__ */ jsx(BiSolidTrashAlt, {}),
+				icon: /* @__PURE__ */ jsx(TrashIcon, {}),
 				destructive: true,
 				disabled: inUse,
 				disabledReason: inUse ? t.dependencyInUse : void 0,
@@ -900,7 +894,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 				const any = refs.length > 0 && refs.every((r) => r.need.endsWith(":any"));
 				items.unshift({
 					label: t.waitForAny,
-					icon: /* @__PURE__ */ jsx(BsGrid, {}),
+					icon: /* @__PURE__ */ jsx(GridIcon, {}),
 					checked: any,
 					onClick: () => edit({
 						type: "setNeedAny",
@@ -1184,6 +1178,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 		active,
 		store
 	]);
+	const { copy } = useCopy();
 	const editable = editor !== void 0;
 	useEffect(() => {
 		if (!container || !editable) return;
@@ -1229,7 +1224,7 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 				const text = api.copySelection();
 				if (text) {
 					e.preventDefault();
-					navigator.clipboard?.writeText(text).catch(() => {});
+					copy(text, { quiet: true });
 				}
 			} else if (key === "v" && !native) {
 				e.preventDefault();
@@ -1283,7 +1278,8 @@ function useGraphEditorState({ editor, jobs, yamlJobs, inputs, workflow, layout,
 	}, [
 		container,
 		editable,
-		api
+		api,
+		copy
 	]);
 	return {
 		api,
@@ -1425,7 +1421,7 @@ function EditorToolbar({ api, editor, layout }) {
 	const chip = (matrix) => {
 		const label = matrix ? t.addMatrixJob : t.addJob;
 		return /* @__PURE__ */ jsx(AddChip, {
-			icon: matrix ? /* @__PURE__ */ jsx(BsGrid, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(FaPlus, { className: "h-3 w-3" }),
+			icon: matrix ? /* @__PURE__ */ jsx(GridIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(AddIcon, { className: "h-3 w-3" }),
 			label,
 			hint: matrix ? t.addMatrixJobHint : t.addJobHint,
 			className: EDITOR_HANDLE_CLASS,
@@ -1440,13 +1436,13 @@ function EditorToolbar({ api, editor, layout }) {
 	return /* @__PURE__ */ jsxs(EditorBar, {
 		editor: undoable,
 		groups: graphShortcuts(t),
-		className: clsx(EDITOR_HANDLE_CLASS, "absolute bottom-2 right-2 z-10 max-w-[calc(100%-1rem)]"),
+		className: cx(EDITOR_HANDLE_CLASS, "absolute bottom-2 right-2 z-10 max-w-[calc(100%-1rem)]"),
 		children: [
 			chip(false),
 			chip(true),
 			/* @__PURE__ */ jsx(BarDivider, {}),
 			/* @__PURE__ */ jsx(IconButton, {
-				icon: /* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4" }),
+				icon: /* @__PURE__ */ jsx(ResetLayoutIcon, {}),
 				label: t.resetLayout,
 				size: "sm",
 				variant: "ghost",
@@ -1465,8 +1461,8 @@ function DragOverlays({ api, container, trashRef }) {
 	const problem = drag.target?.kind === "steps" ? drag.target.problem : void 0;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [drag.payload.kind === "jobs" && /* @__PURE__ */ jsxs("div", {
 		ref: trashRef,
-		className: clsx("absolute bottom-2 left-1/2 z-20 flex -translate-x-1/2 items-center gap-2 rounded-lg border-2 border-dashed px-4 py-2 text-sm", overTrash ? "border-(--theme-error) bg-(--theme-error-muted) text-(--theme-error)" : "theme-border bg-(--theme-panel-bg) theme-muted-text"),
-		children: [/* @__PURE__ */ jsx(BiSolidTrashAlt, { className: "h-4 w-4" }), t.dropToDelete]
+		className: cx("absolute bottom-2 left-1/2 z-20 flex -translate-x-1/2 items-center gap-2 rounded-lg border-2 border-dashed px-4 py-2 text-sm", overTrash ? "border-(--theme-error) bg-(--theme-error-muted) text-(--theme-error)" : "theme-border bg-(--theme-panel-bg) theme-muted-text"),
+		children: [/* @__PURE__ */ jsx(TrashIcon, { className: "h-4 w-4" }), t.dropToDelete]
 	}), drag.payload.kind !== "connect" && /* @__PURE__ */ jsx(DragLabel, {
 		at: {
 			x: drag.client.x - rect.left,