@stubber/form-fields 2.0.8 → 2.0.10

package/dist/form-fields/Form.svelte

@@ -12,6 +12,15 @@ export let dynamic_field_type = false;
 setContext("dynamic_field_type", dynamic_field_type);
 let fields = [];
 let form_errors = {};
+$: rebuild_fields(initial_form, form);
+const rebuild_fields = (initial_form2, form2) => {
+  if (initial_form2.data) {
+    form2.update((data) => {
+      return { ...data, ...initial_form2.data };
+    });
+  }
+  fields = build_fields(form2, attachments, dependencies, initial_form2.spec.fields);
+};
 $: validate_form($form);
 const validate_form = async (_) => {
   form_errors = {};
@@ -24,15 +33,6 @@ const validate_form = async (_) => {
   form_errors = { ...form_errors };
   form_valid = Object.keys(form_errors).length === 0;
 };
-$: rebuild_fields(initial_form, form);
-const rebuild_fields = (initial_form2, form2) => {
-  if (initial_form2.data) {
-    form2.update((data) => {
-      return { ...data, ...initial_form2.data };
-    });
-  }
-  fields = build_fields(form2, attachments, dependencies, initial_form2.spec.fields);
-};
 </script>
 
 <div class="flex flex-col gap-y-2">

package/dist/form-fields/sub/json-editor-bound.svelte

@@ -1,17 +1,45 @@
-<script>import { cloneDeep } from "lodash-es";
+<script>import { cloneDeep, isEqual } from "lodash-es";
 import { JSONEditor } from "svelte-jsoneditor";
 export let value;
-$: content = value === void 0 ? { text: "", json: void 0 } : {
-  text: typeof value === "string" ? value : void 0,
-  json: typeof value === "string" ? void 0 : cloneDeep(value)
-};
+let jsoneditor;
+$: update_content(value);
+function update_content(new_value) {
+  if (jsoneditor === void 0) {
+    return;
+  }
+  const current_content = jsoneditor.get();
+  let content = null;
+  if (typeof new_value === "string") {
+    if ("text" in current_content && current_content.text !== new_value) {
+      content = { text: `"${new_value}"` };
+    } else if ("json" in current_content) {
+      content = { text: new_value };
+    }
+  } else {
+    try {
+      const current_json = "json" in current_content ? current_content.json : JSON.parse(current_content.text);
+      if (!isEqual(current_json, new_value)) {
+        content = { json: cloneDeep(new_value) };
+      }
+    } catch (e) {
+      content = { json: cloneDeep(new_value) };
+    }
+  }
+  if (content !== null) {
+    jsoneditor.update(content);
+  }
+}
 function handleChange(new_content) {
-  if ("json" in new_content) {
+  if ("text" in new_content && new_content.text !== void 0) {
+    try {
+      value = JSON.parse(new_content.text);
+    } catch (e) {
+      value = new_content.text;
+    }
+  } else if ("json" in new_content && new_content.json !== void 0) {
     value = cloneDeep(new_content.json);
-  } else if ("text" in new_content) {
-    value = cloneDeep(new_content.text);
   }
 }
 </script>
 
-<JSONEditor {content} onChange={handleChange} {...$$restProps} />
+<JSONEditor bind:this={jsoneditor} onChange={handleChange} {...$$restProps} />

package/dist/form-fields/sub/json-editor-bound.svelte.d.ts

@@ -1,7 +1,8 @@
 import { SvelteComponent } from "svelte";
+import { type Content } from "svelte-jsoneditor";
 declare const __propDef: {
     props: {
-        content?: import("svelte-jsoneditor").Content;
+        content?: Content;
         selection?: import("svelte-jsoneditor").JSONEditorSelection | undefined;
         readOnly?: boolean;
         indentation?: number | string;
@@ -31,16 +32,16 @@ declare const __propDef: {
         onError?: import("svelte-jsoneditor").OnError;
         onFocus?: import("svelte-jsoneditor").OnFocus;
         onBlur?: import("svelte-jsoneditor").OnBlur;
-        get?: () => import("svelte-jsoneditor").Content;
-        set?: (newContent: import("svelte-jsoneditor").Content) => Promise<void>;
-        update?: (updatedContent: import("svelte-jsoneditor").Content) => Promise<void>;
+        get?: () => Content;
+        set?: (newContent: Content) => Promise<void>;
+        update?: (updatedContent: Content) => Promise<void>;
         patch?: (operations: import("immutable-json-patch").JSONPatchDocument) => Promise<import("svelte-jsoneditor").JSONPatchResult>;
         select?: (newSelection: import("svelte-jsoneditor").JSONEditorSelection | undefined) => Promise<void>;
         expand?: (path: import("immutable-json-patch").JSONPath, callback?: import("svelte-jsoneditor").OnExpand) => Promise<void>;
         collapse?: (path: import("immutable-json-patch").JSONPath, recursive?: boolean) => Promise<void>;
         transform?: (options: import("svelte-jsoneditor").TransformModalOptions) => void;
         validate?: () => import("svelte-jsoneditor").ContentErrors | undefined;
-        acceptAutoRepair?: () => Promise<import("svelte-jsoneditor").Content>;
+        acceptAutoRepair?: () => Promise<Content>;
         scrollTo?: (path: import("immutable-json-patch").JSONPath) => Promise<void>;
         findElement?: (path: import("immutable-json-patch").JSONPath) => Element | undefined;
         focus?: () => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stubber/form-fields",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "description": "An automatic form builder based on field specifications",
   "keywords": [
     "components",