@parallelworks/ui 0.43.0 → 0.45.0

package/dist/graph/editorStrings.d.ts

@@ -1,7 +1,6 @@
+import { type UIStrings } from '../components/Provider.js';
 import type { EditRefusalReason } from '../editing.js';
 export declare const GRAPH_EDITOR_STRINGS: {
-    undo: string;
-    redo: string;
     addJob: string;
     addJobHint: string;
     addMatrixJob: string;
@@ -19,7 +18,6 @@ export declare const GRAPH_EDITOR_STRINGS: {
     moveSelectionHint: string;
     selectionOutHint: string;
     selectionInHint: string;
-    duplicate: string;
     makeMatrix: string;
     editMatrix: string;
     removeMatrix: string;
@@ -92,14 +90,13 @@ export declare const GRAPH_EDITOR_STRINGS: {
     matrixBadge: string;
     jobName: string;
     stepName: string;
+    stepKind: string;
     invalidJobName: string;
     jobExists: string;
     matrixVariable: string;
     matrixValues: string;
     addVariable: string;
     removeVariable: string;
-    save: string;
-    cancel: string;
     editJob: string;
     editStep: string;
     sectionDependencies: string;
@@ -134,13 +131,10 @@ export declare const GRAPH_EDITOR_STRINGS: {
     invalidDuration: string;
     invalidExpressionValue: string;
     invalidEnvKey: string;
-    invalidKey: string;
     duplicateKey: string;
     remoteHostRequired: string;
     key: string;
     value: string;
-    addRow: string;
-    removeRow: string;
     /** A list's row, by the list's name and its place in it. */
     listItem: (list: string, n: number) => string;
     stepRun: string;
@@ -149,8 +143,6 @@ export declare const GRAPH_EDITOR_STRINGS: {
     invalidShell: string;
     missingInput: (name: string) => string;
     invalidCount: string;
-    moveUp: string;
-    moveDown: string;
     sshInherit: string;
     sshCustom: string;
     sshNone: string;
@@ -185,7 +177,6 @@ export declare const GRAPH_EDITOR_STRINGS: {
     labelsBeside: string;
     labelsAbove: string;
     notActionInput: string;
-    invalidNumberInput: string;
     invalidChoice: (name: string) => string;
     invalidUses: string;
     chooseInput: string;
@@ -223,8 +214,8 @@ export declare const GRAPH_EDITOR_STRINGS: {
         success: string;
     };
     modeFromInput: string;
-    clearValue: string;
     matrixValuesListed: string;
+    matrixValuesFrom: string;
     outputName: string;
     outputStep: string;
     outputKey: string;
@@ -240,6 +231,7 @@ export declare const GRAPH_EDITOR_STRINGS: {
     chooseMarketplace: string;
     otherInputs: string;
     viewForm: string;
+    editorView: string;
     viewYaml: string;
     fixFieldsFirst: string;
     yamlSyntax: (message: string) => string;
@@ -389,7 +381,12 @@ export declare const GRAPH_EDITOR_STRINGS: {
         wizardFlatten: string;
     };
 };
-export type GraphEditorStrings = typeof GRAPH_EDITOR_STRINGS;
+/** The editor's own text, which a host translates through UIProvider's `graphEditor`. */
+export type GraphEditorText = typeof GRAPH_EDITOR_STRINGS;
+/** The editor's text with the shared words, such as Save and Remove, beside it. */
+export type GraphEditorStrings = GraphEditorText & {
+    common: UIStrings['common'];
+};
 export declare const INPUTS_EDITOR_STRINGS: {
     addInput: string;
     addInputHint: string;
@@ -413,18 +410,13 @@ export declare const INPUTS_EDITOR_STRINGS: {
     onePerCopy: string;
     inputActions: string;
     editInput: string;
-    duplicate: string;
-    moveUp: string;
-    moveDown: string;
     deleteInput: string;
     hidden: string;
     noInputs: string;
     noFields: string;
     inputName: string;
     inputType: string;
-    invalidInputName: string;
     inputExists: string;
-    invalidNumber: string;
     invalidDurationText: string;
     invalidWidth: string;
     resizeInputs: string;
@@ -689,7 +681,12 @@ export declare const INPUTS_EDITOR_STRINGS: {
         includeEmpty: string;
     };
 };
-export type InputsEditorStrings = typeof INPUTS_EDITOR_STRINGS;
+/** The input form editor's own text, which a host translates through UIProvider's `inputsEditor`. */
+export type InputsEditorText = typeof INPUTS_EDITOR_STRINGS;
+/** The input form editor's text with the shared words beside it. */
+export type InputsEditorStrings = InputsEditorText & {
+    common: UIStrings['common'];
+};
 /** The graph editor's strings: the host's translations over the English defaults. */
 export declare function useGraphEditorStrings(): GraphEditorStrings;
 /** The input form editor's strings: the host's translations over the English defaults. */

package/dist/graph/editorStrings.js

@@ -2,8 +2,6 @@ import { useStrings } from "../components/Provider.js";
 import { useMemo } from "react";
 //#region src/graph/editorStrings.ts
 var GRAPH_EDITOR_STRINGS = {
-	undo: "Undo",
-	redo: "Redo",
 	addJob: "Job",
 	addJobHint: "Drag into the graph to add a job, or click to add one",
 	addMatrixJob: "Matrix job",
@@ -21,7 +19,6 @@ var GRAPH_EDITOR_STRINGS = {
 	moveSelectionHint: "Drag to move the selected jobs together",
 	selectionOutHint: "Drag onto a job to make it depend on the selected jobs. Drop on a circle to cover every job there.",
 	selectionInHint: "Drag onto a job to make the selected jobs depend on it. Drop on a circle to cover every job there.",
-	duplicate: "Duplicate",
 	makeMatrix: "Make matrix",
 	editMatrix: "Edit matrix",
 	removeMatrix: "Remove matrix",
@@ -94,14 +91,13 @@ var GRAPH_EDITOR_STRINGS = {
 	matrixBadge: "matrix",
 	jobName: "Job name",
 	stepName: "Step name",
+	stepKind: "Step type",
 	invalidJobName: "Use only lowercase letters, numbers, dashes, and underscores.",
 	jobExists: "A job with this name already exists.",
 	matrixVariable: "Variable",
 	matrixValues: "Values, separated by commas",
 	addVariable: "Add variable",
 	removeVariable: "Remove variable",
-	save: "Save",
-	cancel: "Cancel",
 	editJob: "Edit job",
 	editStep: "Edit step",
 	sectionDependencies: "Dependencies and condition",
@@ -136,13 +132,10 @@ var GRAPH_EDITOR_STRINGS = {
 	invalidDuration: "Use seconds (300) or a duration such as 30s, 10m or 2h.",
 	invalidExpressionValue: "Type an expression here, such as one that reads an input.",
 	invalidEnvKey: "Use letters, numbers, and underscores.",
-	invalidKey: "Use letters, numbers, dashes, and underscores.",
 	duplicateKey: "Each key must be unique.",
 	remoteHostRequired: "Fill in Host to connect to a remote machine.",
 	key: "Key",
 	value: "Value",
-	addRow: "Add",
-	removeRow: "Remove",
 	/** A list's row, by the list's name and its place in it. */
 	listItem: (list, n) => `${list}, item ${n}`,
 	stepRun: "Run commands",
@@ -151,8 +144,6 @@ var GRAPH_EDITOR_STRINGS = {
 	invalidShell: "Use a bash or sh command.",
 	missingInput: (name) => `Add the ${name} input.`,
 	invalidCount: "Use a whole number.",
-	moveUp: "Move up",
-	moveDown: "Move down",
 	sshInherit: "Same as the job",
 	sshCustom: "Another host",
 	sshNone: "Your workspace",
@@ -187,7 +178,6 @@ var GRAPH_EDITOR_STRINGS = {
 	labelsBeside: "Beside the fields",
 	labelsAbove: "Above the fields",
 	notActionInput: "Not an input this takes. Remove it.",
-	invalidNumberInput: "Use a number.",
 	invalidChoice: (name) => `Use one of the listed values for ${name}.`,
 	invalidUses: "Use workflow/NAME, marketplace/NAME, a github/ or gitlab/ address, or a built-in action.",
 	chooseInput: "Choose an input",
@@ -225,8 +215,8 @@ var GRAPH_EDITOR_STRINGS = {
 		success: "Only if every job it needs succeeded"
 	},
 	modeFromInput: "From an input",
-	clearValue: "Clear",
 	matrixValuesListed: "Listed values",
+	matrixValuesFrom: "Values from",
 	outputName: "Name",
 	outputStep: "Step",
 	outputKey: "Output",
@@ -242,6 +232,7 @@ var GRAPH_EDITOR_STRINGS = {
 	chooseMarketplace: "Choose a marketplace workflow",
 	otherInputs: "Other inputs",
 	viewForm: "Form",
+	editorView: "View",
 	viewYaml: "YAML",
 	fixFieldsFirst: "Fix the fields with errors first, so the YAML shows everything you entered.",
 	yamlSyntax: (message) => `The YAML doesn’t parse: ${message}`,
@@ -414,18 +405,13 @@ var INPUTS_EDITOR_STRINGS = {
 	onePerCopy: "One per copy",
 	inputActions: "Input actions",
 	editInput: "Edit input",
-	duplicate: "Duplicate",
-	moveUp: "Move up",
-	moveDown: "Move down",
 	deleteInput: "Delete input",
 	hidden: "hidden",
 	noInputs: "No inputs yet. Add one to build the form users fill in to run this workflow.",
 	noFields: "No fields yet.",
 	inputName: "Name",
 	inputType: "Type",
-	invalidInputName: "Use letters, numbers, dashes, and underscores.",
 	inputExists: "An input with this name already exists here.",
-	invalidNumber: "Use a number.",
 	invalidDurationText: "Use HH:MM:SS or D-HH:MM:SS.",
 	invalidWidth: "Use a number of pixels, such as 320, or a percentage, such as 50%.",
 	resizeInputs: "Resize the inputs on each side",
@@ -690,19 +676,21 @@ var INPUTS_EDITOR_STRINGS = {
 };
 /** The graph editor's strings: the host's translations over the English defaults. */
 function useGraphEditorStrings() {
-	const overrides = useStrings().graphEditor;
+	const { graphEditor: overrides, common } = useStrings();
 	return useMemo(() => ({
 		...GRAPH_EDITOR_STRINGS,
-		...overrides
-	}), [overrides]);
+		...overrides,
+		common
+	}), [overrides, common]);
 }
 /** The input form editor's strings: the host's translations over the English defaults. */
 function useInputsEditorStrings() {
-	const overrides = useStrings().inputsEditor;
+	const { inputsEditor: overrides, common } = useStrings();
 	return useMemo(() => ({
 		...INPUTS_EDITOR_STRINGS,
-		...overrides
-	}), [overrides]);
+		...overrides,
+		common
+	}), [overrides, common]);
 }
 //#endregion
 export { GRAPH_EDITOR_STRINGS, INPUTS_EDITOR_STRINGS, useGraphEditorStrings, useInputsEditorStrings };

package/dist/graph/fieldProblems.js

@@ -1,4 +1,4 @@
-import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
+import { WarningIcon } from "../icons.js";
 import { keyedByContent } from "../components/keys.js";
 import { useWorkflowEditing } from "../components/Provider.js";
 import { useGraphEditorStrings } from "./editorStrings.js";
@@ -97,7 +97,7 @@ function ProblemList({ problems }) {
 			const field = fieldOf(problem);
 			return /* @__PURE__ */ jsxs("li", {
 				className: "flex gap-1.5",
-				children: [/* @__PURE__ */ jsx(TbAlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), field ? /* @__PURE__ */ jsx("button", {
+				children: [/* @__PURE__ */ jsx(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }), field ? /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "cursor-pointer text-left hover:underline",
 					onClick: () => reveal(field),

package/dist/graph/graphEditorState.d.ts

@@ -1,5 +1,5 @@
 import { type PointerEvent as ReactPointerEvent } from 'react';
-import type { MenuAnchor } from '../components/ContextMenu.js';
+import type { FloatingAnchor } from '../components/floating.js';
 import type { GraphEdit, GraphSlot, NeedRef, NudgeDirection, StepRef } from '../editing.js';
 import type { EditorProblem, RevealTarget } from './editorApi.js';
 import type { Box, Point, Store } from './editorPrimitives.js';
@@ -132,9 +132,9 @@ export interface GraphEditorApi {
     t: GraphEditorStrings;
     isMatrixJob: (job: string) => boolean;
     startDrag: (e: ReactPointerEvent, payload: DragPayload) => void;
-    openJobMenu: (at: MenuAnchor, job: string) => void;
-    openStepMenu: (at: MenuAnchor, job: string, index: number) => void;
-    openEdgeMenu: (at: MenuAnchor, edge: EdgeSelection) => void;
+    openJobMenu: (at: FloatingAnchor, job: string) => void;
+    openStepMenu: (at: FloatingAnchor, job: string, index: number) => void;
+    openEdgeMenu: (at: FloatingAnchor, edge: EdgeSelection) => void;
     /**
      * Selects a connector alone, or with `add` adds it to the selected connectors or takes it out;
      * selected jobs or steps give way to it.

package/dist/graph/inputRefs.d.ts

@@ -1,7 +1,6 @@
 import type { WorkflowEditing } from '../editing.js';
 import { type Flag, type Json } from './editorFields.js';
 import type { ExpressionRef } from './expressionRefs.js';
-import { type Suggestion } from './SuggestionInput.js';
 /** An input a workflow expression can read, by its path under `inputs`. */
 export interface InputRef {
     path: string[];
@@ -34,18 +33,6 @@ export interface InputSource {
     /** Opens a dialog for a new input of `type`, then reports where it lives. */
     create?: ((type: string, onCreated: (path: string[]) => void) => void) | undefined;
 }
-/** A text field that takes any value, expressions included, with suggestions to pick from. */
-export declare function ExpressionInput({ id, label, value, onChange, suggestions, placeholder, error, describedBy, required, }: {
-    id?: string;
-    label: string;
-    value: string;
-    onChange: (value: string) => void;
-    suggestions?: Suggestion[];
-    placeholder?: string | undefined;
-    error?: string | undefined;
-    describedBy?: string;
-    required?: boolean;
-}): import("react").JSX.Element;
 /** A switch, or an expression typed in its place, such as one that follows another input. */
 export declare function FlagField({ label, yamlKey, description, value, original, fallback, onChange, source, }: {
     label: string;