@stubber/form-fields 1.7.3 → 1.7.5

package/dist/fields2/FieldExprToggle.svelte

@@ -9,7 +9,7 @@ const handle_fieldtype_click = (ft) => {
 };
 </script>
 
-{#if show_toggle}
+{#if show_toggle || !is_true_field}
   <div
     class="ml-auto flex h-fit w-fit flex-row items-center gap-0.5 rounded bg-gray-300 p-0.5 text-xs"
   >

package/dist/fields2/form-field.svelte

@@ -1,10 +1,9 @@
-<script>import { set } from "lodash-es";
-import { getContext, setContext } from "svelte";
+<script>import { get, set } from "lodash-es";
+import { setContext } from "svelte";
 import { writable } from "svelte/store";
 import { component_for, final_field_type } from "./interfaces";
 export let fieldStore;
-const show_toggle = getContext("show_field_expr_toggle") ?? false;
-let fieldtype = final_field_type($fieldStore, show_toggle);
+let fieldtype = final_field_type($fieldStore, true);
 let component = component_for(fieldtype);
 const field_component_store = writable({ fieldtype });
 setContext("field_component", field_component_store);
@@ -17,6 +16,12 @@ const handle_field_type_change = (new_fieldtype) => {
   const new_value = new_fieldtype == "smart_text" ? typeof $fieldStore.value === "string" ? $fieldStore.value : "" : new_fieldtype == "checkbox" ? false : new_fieldtype == "number" ? 0 : new_fieldtype == "arraybuilder" ? [] : new_fieldtype == "section" || new_fieldtype == "objectbuilder" ? {} : null;
   $fieldStore.formStore.update((form) => {
     set(form, $fieldStore.data_path, new_value);
+    if (get(form, `${$fieldStore.data_path}_details`)) {
+      delete form[`${$fieldStore.data_path}_details`];
+    }
+    if (get(form, `${$fieldStore.data_path}_label`)) {
+      delete form[`${$fieldStore.data_path}_label`];
+    }
     return form;
   });
   component = component_for(new_fieldtype);

package/dist/fields2/interfaces.js

@@ -81,6 +81,13 @@ export const final_field_type = (f, allow_dynamic_switching) => {
     if (!allow_dynamic_switching) {
         return f.fieldtype;
     }
+    if (f.fieldtype === "select") {
+        const options = f.params?.options || [];
+        const has_value_in_options = options.some((opt) => opt.value === f.value);
+        if (has_value_in_options) {
+            return "select";
+        }
+    }
     const is_string = typeof f.value === "string";
     // if the initial value is a string
     // but this field isn't typically a string field,

package/package.json

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