@stubber/form-fields 2.0.2 → 2.0.4

package/dist/form-fields/FieldExprToggle.svelte

@@ -1,7 +1,6 @@
 <script>import { getContext } from "svelte";
 export let fieldStore;
 const field_component_store = getContext("field_component");
-const show_toggle = getContext("show_field_expr_toggle") ?? false;
 $: selected_fieldtype = $field_component_store.fieldtype;
 $: is_true_field = $fieldStore.fieldtype === selected_fieldtype;
 const handle_fieldtype_click = (ft) => {
@@ -9,7 +8,7 @@ const handle_fieldtype_click = (ft) => {
 };
 </script>
 
-{#if show_toggle || !is_true_field}
+{#if !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/form-fields/Form.svelte

@@ -8,8 +8,8 @@ export let form;
 export let attachments = writable([]);
 export let dependencies = void 0;
 export let form_valid = false;
-export let show_field_expr_toggle = false;
-setContext("show_field_expr_toggle", show_field_expr_toggle);
+export let dynamic_field_type = false;
+setContext("dynamic_field_type", dynamic_field_type);
 if (initial_form.data) {
   form.update((data) => {
     return { ...data, ...initial_form.data };

package/dist/form-fields/Form.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
         attachments?: Writable<UploadedFile[]>;
         dependencies?: IFormDependencies | undefined;
         form_valid?: boolean;
-        show_field_expr_toggle?: boolean;
+        dynamic_field_type?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/form-fields/form-field.svelte

@@ -1,9 +1,10 @@
 <script>import { get, set } from "lodash-es";
-import { setContext } from "svelte";
+import { getContext, setContext } from "svelte";
 import { writable } from "svelte/store";
 import { component_for, final_field_type } from "./interfaces";
 export let fieldStore;
-let fieldtype = final_field_type($fieldStore, true);
+const dynamic_field_type = getContext("dynamic_field_type") ?? false;
+let fieldtype = final_field_type($fieldStore, dynamic_field_type);
 let component = component_for(fieldtype);
 const field_component_store = writable({ fieldtype });
 setContext("field_component", field_component_store);

package/dist/form-fields/interfaces.js

@@ -76,7 +76,16 @@ export const fields = {
     screenrecorder: ScreenrecorderField,
     code: CodeField,
 };
-const string_fields = ["text", "email", "telephone", "smart_text", "note", "code"];
+const string_fields = [
+    "text",
+    "email",
+    "telephone",
+    "smart_text",
+    "note",
+    "code",
+    "date",
+    "datetime",
+];
 export const final_field_type = (f, allow_dynamic_switching) => {
     if (!allow_dynamic_switching) {
         return f.fieldtype;

package/dist/form-fields/sub/contact-selector-field.svelte

@@ -44,11 +44,9 @@ const load_options = async (search_term) => {
   if (details.params.limit === void 0) {
     details.params.limit = 50;
   }
-  console.log("Loading contacts with details:", details);
   return new Promise((resolve, reject) => {
     socket.emit("request", { type: "resource", details }, (res) => {
       if (res.success) {
-        console.log("Contacts loaded:", res);
         const contacts = res.payload?.contacts || [];
         const result = contacts.map((contact) => {
           let label = contact._default_label;
@@ -74,7 +72,7 @@ const load_options = async (search_term) => {
   <Button
     on:click={show_create_contact_modal}
     variant="ghost"
-    class="ml-auto text-surface-500 text-sm hover:text-surface-700"
+    class="ml-auto text-sm text-surface-500 hover:text-surface-700"
   >
     <i class="fa-regular fa-plus" />
     Create new contact

package/package.json

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