@parallelworks/ui 0.37.0 → 0.39.0

package/dist/form/Wizard/WizardStepContent.js

@@ -1,9 +1,12 @@
 import { stepText } from "./utils.js";
+import { EditingScope, useFormEditing } from "../formEditing.js";
 import { FieldsFromOptions } from "../Form.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/form/Wizard/WizardStepContent.tsx
 function WizardStepContent({ currentStep, stepConfig, flatten = true, values, setFormDirty, setFieldValue, setFieldTouched, fieldNamePrefix = "", copy, ...fieldsProps }) {
+	const editing = useFormEditing();
 	if (!stepConfig.options) return null;
+	const path = editing ? [...editing.parent, currentStep] : null;
 	const parentInfo = copy !== void 0 ? {
 		parentName: currentStep,
 		fieldNamePrefix: `${fieldNamePrefix}${currentStep}[${copy}].`,
@@ -15,7 +18,7 @@ function WizardStepContent({ currentStep, stepConfig, flatten = true, values, se
 		parentName: fieldNamePrefix.slice(0, -1),
 		fieldNamePrefix
 	} : void 0;
-	return /* @__PURE__ */ jsxs("div", {
+	const content = /* @__PURE__ */ jsxs("div", {
 		className: "mb-4 w-full",
 		children: [
 			stepText(stepConfig.title) && /* @__PURE__ */ jsx("h2", {
@@ -28,17 +31,27 @@ function WizardStepContent({ currentStep, stepConfig, flatten = true, values, se
 				style: { color: "var(--theme-muted-text-color)" },
 				children: stepText(stepConfig.description)
 			}),
-			/* @__PURE__ */ jsx(FieldsFromOptions, {
-				options: stepConfig.options,
-				values,
-				setFormDirty,
-				setFieldValue,
-				setFieldTouched,
-				...parentInfo ? { parentInfo } : {},
-				...fieldsProps
-			}, copy === void 0 ? currentStep : `${currentStep}[${copy}]`)
+			/* @__PURE__ */ jsx(EditingScope, {
+				editing,
+				path,
+				children: /* @__PURE__ */ jsx(FieldsFromOptions, {
+					options: stepConfig.options,
+					values,
+					setFormDirty,
+					setFieldValue,
+					setFieldTouched,
+					...parentInfo ? { parentInfo } : {},
+					...fieldsProps
+				}, copy === void 0 ? currentStep : `${currentStep}[${copy}]`)
+			})
 		]
 	});
+	const instance = `${fieldNamePrefix}${currentStep}${copy === void 0 ? "" : `[${copy}]`}`;
+	return editing && path ? /* @__PURE__ */ jsx(editing.Row, {
+		path,
+		instance,
+		children: content
+	}) : content;
 }
 //#endregion
 export { WizardStepContent };

package/dist/form/Wizard/wizardPages.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The page each wizard of a form being edited shows, keyed by its list's path as JSON (`[]` for the
+ * form's own), so the editor can turn its pages as well as the wizard's own controls.
+ */
+export interface WizardPages {
+    page: (wizard: string) => number;
+    setPage: (wizard: string, index: number) => void;
+    /** How many pages the wizard draws, a repeated page's copies included, once it has drawn. */
+    count: (wizard: string) => number | undefined;
+    setCount: (wizard: string, count: number) => void;
+}
+export declare const WizardPagesContext: import("react").Context<WizardPages | null>;

package/dist/form/Wizard/wizardPages.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+//#region src/form/Wizard/wizardPages.ts
+var WizardPagesContext = createContext(null);
+//#endregion
+export { WizardPagesContext };

package/dist/form/formEditing.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentType, type ReactNode } from 'react';
+/** Editing controls a form builder wraps around rendered fields. */
+export interface FormEditing {
+    /** Input path of the fields being rendered; empty at the top level. */
+    parent: string[];
+    Row: ComponentType<{
+        path: string[];
+        /** The field isn't drawn, such as one marked hidden. */
+        hidden?: boolean;
+        /** The field's name in the form's values, which tells one input's copies in a list's rows apart. */
+        instance?: string;
+        children?: ReactNode;
+    }>;
+    Add: ComponentType<{
+        parent: string[];
+    }>;
+}
+export declare const FormEditingContext: import("react").Context<FormEditing | null>;
+export declare function useFormEditing(): FormEditing | null;
+/** Fields rendered inside `children` belong to the input at `path`. */
+export declare function EditingScope({ editing, path, children, }: {
+    editing: FormEditing | null;
+    path: string[] | null;
+    children: ReactNode;
+}): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;

package/dist/form/formEditing.js

@@ -0,0 +1,20 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/form/formEditing.tsx
+var FormEditingContext = createContext(null);
+function useFormEditing() {
+	return useContext(FormEditingContext);
+}
+/** Fields rendered inside `children` belong to the input at `path`. */
+function EditingScope({ editing, path, children }) {
+	if (!editing) return children;
+	return /* @__PURE__ */ jsx(FormEditingContext.Provider, {
+		value: path ? {
+			...editing,
+			parent: path
+		} : null,
+		children
+	});
+}
+//#endregion
+export { EditingScope, FormEditingContext, useFormEditing };

package/dist/graph/DependencyGraph.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { GraphLayout } from '../editing.js';
 import type { MatrixGroup, WorkflowEngine } from '../engine.js';
+import type { DependencyGraphEditor } from './editorApi.js';
 import { type RunLink, type WorkflowJob } from './types.js';
 export type ViewMode = 'dag' | 'tree';
 export declare const addCleanupSteps: ({ jobs }: {
@@ -17,6 +18,7 @@ export declare function computeGraphLayout(engine: WorkflowEngine, jobs: Record<
     ancestorDists: Record<string, Map<string, number>>;
     descendantDists: Record<string, Map<string, number>>;
 };
+export declare function intoView(start: number, end: number, low: number, high: number): number;
 interface GraphRun {
     id?: string | undefined;
     number?: number | undefined;
@@ -29,20 +31,25 @@ interface GraphRun {
     executedJobs?: Record<string, unknown> | undefined;
     links?: Record<string, RunLink> | undefined;
 }
-export default function DependencyGraph({ run, preview, removeBorder, viewMode, setViewMode, layout, yamlJobs, fixedHeight, }: {
+export default function DependencyGraph({ run, preview, removeBorder, viewMode, setViewMode, layout, editor, yamlJobs, inputs, workflow, fixedHeight, }: {
     run: GraphRun;
     preview?: boolean;
     removeBorder?: boolean | undefined;
     viewMode?: ViewMode;
     setViewMode?: (mode: ViewMode) => void;
     layout?: GraphLayout | undefined;
+    editor?: DependencyGraphEditor | undefined;
     yamlJobs?: Record<string, unknown> | undefined;
+    inputs?: Record<string, unknown> | undefined;
+    /** The workflow as written, for what the editor's expressions can read. */
+    workflow?: Record<string, unknown> | undefined;
     fixedHeight?: string | undefined;
 }): React.JSX.Element | undefined;
 export declare function DependencyGraphPreview(inputs: {
     yml?: Record<string, unknown>;
     removeBorder?: boolean;
     layout?: GraphLayout | undefined;
+    editor?: DependencyGraphEditor | undefined;
     /** A fixed panel height; without one the panel is only as tall as the graph. */
     height?: string | undefined;
 }): React.JSX.Element;