@parallelworks/ui 0.18.0 → 0.19.0

package/dist/chunks/{editor-9_uVtUyy.js → editor-Dk1rbV75.js}

@@ -1,15 +1,14 @@
-import { i as useNotify, u as useStrings } from "./Provider-Ghua9PkN.js";
+import { d as useWorkflowEngine, i as useNotify, u as useStrings } from "./Provider-CDYurraE.js";
 import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from "../icons.js";
 import { t as Loader } from "./Loader-BXoXTZGc.js";
 import { t as SwitchToggleSmall } from "./SwitchToggleSmall-FcsaYSTs.js";
-import { i as impureSetValueFromPath, r as flattenGroups, t as FieldWrapper } from "./FieldWrapper-Bef01EWO.js";
+import { i as impureSetValueFromPath, r as flattenGroups, t as FieldWrapper } from "./FieldWrapper-Cszwg-4B.js";
 import cx from "classnames";
 import { Suspense, lazy, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { convertToDynamicForm, parseStringsOfObj, parseStringsOfObjReady } from "@parallelworks/workflow-parser";
 import { useField, useFormikContext } from "formik";
 //#region src/editor/Editor.tsx
-var MonacoEditor = lazy(() => import("./Monaco-C1POOdVv.js"));
+var MonacoEditor = lazy(() => import("./Monaco-DJ8MW-Dq.js"));
 function Editor({ ...props }) {
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: /* @__PURE__ */ jsx(Loader, { text: "Loading editor..." }),
@@ -65,16 +64,16 @@ function EditorField(props) {
 //#endregion
 //#region src/editor/FormCodePanel.tsx
 var isObject = (value) => typeof value === "object" && value !== null;
-var shouldIgnoreField = (fieldSchema, inputs, arrayIndex) => {
+var shouldIgnoreField = (engine, fieldSchema, inputs, arrayIndex) => {
 	if (!fieldSchema?.["ignore"] || !fieldSchema?.["hidden"]) return false;
-	if (!parseStringsOfObjReady) return false;
-	return parseStringsOfObj({
+	if (!engine.isReady()) return false;
+	return engine.evaluate({
 		inputs,
-		obj: convertToDynamicForm(fieldSchema),
+		obj: engine.convertInputs(fieldSchema),
 		index: arrayIndex ?? -1
 	})["hidden"] === true;
 };
-var filterFields = (formJSON, data, prefix, rootData, arrayIndex) => {
+var filterFields = (engine, formJSON, data, prefix, rootData, arrayIndex) => {
 	const filteredFields = [];
 	return {
 		filteredFields,
@@ -91,7 +90,7 @@ var filterFields = (formJSON, data, prefix, rootData, arrayIndex) => {
 					let filteredNested = {};
 					const item = value[i];
 					if (isObject(item)) {
-						const result = filterFields(isObject(nestedSchema) ? nestedSchema : {}, item, key + `[${i}].`, rootData || data, i);
+						const result = filterFields(engine, isObject(nestedSchema) ? nestedSchema : {}, item, key + `[${i}].`, rootData || data, i);
 						filteredNested = result.filtered;
 						filteredFieldsNested = result.filteredFields;
 					} else filteredNested = item;
@@ -101,7 +100,7 @@ var filterFields = (formJSON, data, prefix, rootData, arrayIndex) => {
 				return acc;
 			}
 			if (fieldSchema && isObject(value)) {
-				const { filteredFields: filteredFieldsNested, filtered: filteredNested } = filterFields(isObject(fieldSchema) ? fieldSchema : {}, value, key + ".", rootData || data, arrayIndex);
+				const { filteredFields: filteredFieldsNested, filtered: filteredNested } = filterFields(engine, isObject(fieldSchema) ? fieldSchema : {}, value, key + ".", rootData || data, arrayIndex);
 				filteredFields.push(...filteredFieldsNested);
 				acc[key] = filteredNested;
 				return acc;
@@ -115,7 +114,7 @@ var filterFields = (formJSON, data, prefix, rootData, arrayIndex) => {
 				return acc;
 			}
 			const contextData = rootData || data;
-			if (isObject(fieldSchema) && shouldIgnoreField(fieldSchema, contextData, arrayIndex)) return acc;
+			if (isObject(fieldSchema) && shouldIgnoreField(engine, fieldSchema, contextData, arrayIndex)) return acc;
 			acc[key] = value;
 			return acc;
 		}, {})
@@ -128,6 +127,7 @@ var populateFiltered = (filteredFields, data) => {
 	return data;
 };
 function FormCodePanel({ formJSON, data, mutate, height = "600px", disabled = false }) {
+	const engine = useWorkflowEngine();
 	const notify = useNotify();
 	const { common: t } = useStrings();
 	const uid = useId();
@@ -138,7 +138,7 @@ function FormCodePanel({ formJSON, data, mutate, height = "600px", disabled = fa
 	const isValidJson = (errors) => {
 		setJsonHasErrors(errors.length > 0);
 	};
-	const { filteredFields, filtered } = filterFields(flattenGroups(formJSON), data || {});
+	const { filteredFields, filtered } = filterFields(engine, flattenGroups(formJSON), data || {});
 	const hasHiddenFields = filteredFields.length > 0;
 	const displayObj = showHidden && hasHiddenFields ? populateFiltered(filteredFields, structuredClone(filtered)) : filtered;
 	const showHiddenRef = useRef(showHidden);
@@ -212,7 +212,7 @@ function FormCodePanel({ formJSON, data, mutate, height = "600px", disabled = fa
 							if (!isObject(parsed)) return;
 							mutate(showHiddenRef.current ? parsed : populateFiltered(filteredFieldsRef.current, parsed));
 						} catch {
-							console.log("JSON.parse error in slurm editor");
+							console.log("JSON.parse error in form code editor");
 						}
 					},
 					language: "json",
@@ -320,17 +320,17 @@ function getThemeName(isDark, disabled) {
 var monacoEnvironment = { getWorker(_moduleId, label) {
 	if (label === "json") return new Worker(new URL(
 		/* @vite-ignore */
-		"/assets/json.worker-8ytS02vz.js",
+		"/assets/json.worker-D8bJ92nw.js",
 		"" + import.meta.url
 	), { type: "module" });
 	if (label === "yaml") return new Worker(new URL(
 		/* @vite-ignore */
-		"/assets/yaml.worker-DJC-VUcv.js",
+		"/assets/yaml.worker-C4gyGAko.js",
 		"" + import.meta.url
 	), { type: "module" });
 	return new Worker(new URL(
 		/* @vite-ignore */
-		"/assets/editor.worker-CuBRIwi-.js",
+		"/assets/editor.worker-BmHUIVG4.js",
 		"" + import.meta.url
 	), { type: "module" });
 } };
@@ -344,4 +344,18 @@ function setupMonacoWorkers() {
 	window.MonacoEnvironment = monacoEnvironment;
 }
 //#endregion
-export { EditorField as a, FormCodePanel as i, defineEditorThemes as n, Editor as o, getThemeName as r, setupMonacoWorkers as t };
+//#region src/editor/yaml.ts
+var schemas = [];
+var apply;
+/** Adds JSON schemas that validate and complete YAML models whose URI matches. */
+function configureEditorYaml(added) {
+	schemas = [...schemas, ...added];
+	apply?.(schemas);
+}
+/** Lets the loaded editor pick up schemas added before or after it loads. */
+function onYamlSchemas(listener) {
+	apply = listener;
+	listener(schemas);
+}
+//#endregion
+export { getThemeName as a, Editor as c, defineEditorThemes as i, onYamlSchemas as n, FormCodePanel as o, setupMonacoWorkers as r, EditorField as s, configureEditorYaml as t };

package/dist/chunks/focus-D_iZJTW1.js

@@ -0,0 +1,7 @@
+//#region src/components/focus.ts
+/** A ref that focuses a field once, when it mounts; stable so re-renders never move focus back. */
+function focusOnMount(element) {
+	element?.focus();
+}
+//#endregion
+export { focusOnMount as t };