@stubber/form-fields 1.7.7 → 1.7.10

package/dist/fields2/sub/file-field.svelte

@@ -19,14 +19,6 @@ import { append_attachment, remove_attachment, uploadFiles } from "../fileserver
 export let fieldStore;
 $: validation_result = $fieldStore.validation_result;
 $: validation_type = validation_result?.type;
-function parse_string_value(value) {
-  if (value === "true") return true;
-  if (value === "false") return false;
-  if (value !== "" && !isNaN(Number(value))) {
-    return Number(value);
-  }
-  return value;
-}
 async function handle_files_select(e) {
   const { acceptedFiles, fileRejections } = e.detail;
   if (limit_remaining < acceptedFiles.length) {
@@ -65,7 +57,7 @@ async function handle_files_select(e) {
   ];
   selected_files = [];
 }
-let uploaded_files = [];
+let uploaded_files = Array.isArray($fieldStore.value) ? $fieldStore.value : [];
 let failed_files = [];
 let selected_files = [];
 $: update_fieldStore(uploaded_files);
@@ -91,46 +83,44 @@ function remove_file(item) {
 </script>
 
 <FieldLabel {fieldStore} />
-<div class="w-full flex flex-col {validation_type == 'error' ? 'border-b border-warning-500' : ''}">
+<div class="flex w-full flex-col {validation_type == 'error' ? 'border-b border-warning-500' : ''}">
   <Dropzone on:drop={handle_files_select} disabled={limit_remaining <= 0}>
-    <div class="flex justify-center h-full flex-col text-center rounded-sm">
+    <div class="flex h-full flex-col justify-center rounded-sm text-center">
       <div>
         <p class=" text-surface-800">Drop files to upload</p>
         <p class=" text-surface-800">
           Or click <span
-            class="text-primary-500 hover:text-primary-400 hover:underline cursor-pointer"
+            class="cursor-pointer text-primary-500 hover:text-primary-400 hover:underline"
             >here</span
           >
           to browse
         </p>
         {#if limit_remaining <= 0}
-          <p class="text-field text-danger-600 text-sm italic">
+          <p class="text-field text-sm italic text-danger-600">
             You have reached the maximum number of files allowed
           </p>
         {/if}
       </div>
     </div>
   </Dropzone>
-  <div class="w-full mt-2">
+  <div class="mt-2 flex w-full flex-col gap-2">
     {#each all_files as item}
-      <div class="w-full flex flex-row">
+      <div class="flex w-full flex-row items-center gap-2">
         {#if item.is_uploaded}
-          <div class="px-2">
-            <i class="fa fa-check text-success-500" />
+          <div class="flex h-6 w-6 items-center justify-center text-success-500">
+            <i class="fa fa-check" />
           </div>
         {:else if item.is_failed}
-          <div class="px-2 space-x-2 flex items-center text-danger-400">
+          <div class="flex h-6 w-6 items-center justify-center text-danger-400">
             <i class="fa-regular fa-triangle-exclamation" />
-            <p class="hidden md:block text-fluid-md">Failed</p>
           </div>
         {:else}
-          <div class="px-2 space-x-2 flex items-center text-surface-500">
-            <p class="hidden md:block text-fluid-md" />
+          <div class="flex h-6 w-6 items-center justify-center text-surface-500">
             <i class="fa fa-pulse fa-spinner" />
           </div>
         {/if}
-        <div class="w-full shrink py-1 pl-2 truncate border border-surface-200 rounded-sm">
-          <p class="text-surface-800 text-fluid-md">
+        <div class="flex-1 truncate rounded-sm border border-surface-200 py-1 pl-2">
+          <p class="text-surface-800">
             {item?.filename}
           </p>
         </div>
@@ -138,11 +128,13 @@ function remove_file(item) {
           type="button"
           variant="destructive"
           size="icon"
-          class="shrink-0 ml-1 p-1 px-2 fa-solid fa-2xs fa-x  border-surface-0  "
+          class="h-8 w-8 shrink-0"
           on:click={() => {
             remove_file(item);
           }}
-        />
+        >
+          <i class="fa-solid fa-x text-xs" />
+        </Button>
       </div>
     {/each}
   </div>

package/dist/fields2/sub/number-field.svelte

@@ -43,10 +43,10 @@ export let fieldStore;
 function onInput(e) {
   const new_value = e.target.value;
   let parsedValue = parseFloat(new_value);
-  if (!isNaN(parsedValue)) {
+  if (!isNaN(parsedValue) && parsedValue.toString() === new_value) {
     $fieldStore.value = parsedValue;
   } else {
-    $fieldStore.value = void 0;
+    $fieldStore.value = new_value;
   }
 }
 function onBlur() {
@@ -68,10 +68,10 @@ function onBlur() {
 
 <FieldLabel {fieldStore} />
 <Input
+  id={$fieldStore.id}
   value={$fieldStore.value}
   on:input={onInput}
   on:blur={onBlur}
-  type="number"
   aria-invalid={$fieldStore.validation_result?.type == "error" ? true : undefined}
 />
 <FieldMessage {fieldStore} />

package/package.json

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