@stubber/form-fields 2.0.5 → 2.0.6

package/dist/form-fields/Form.svelte

@@ -37,7 +37,12 @@ const rebuild_fields = (initial_form2, form2) => {
 </script>
 
 <div class="flex flex-col gap-y-2">
-  {#each fields as fieldStore (getStoreValue(fieldStore).id)}
-    <FormField {fieldStore} />
-  {/each}
+  {#key form}
+    {#key initial_form}
+      <!-- {count++} -->
+      {#each fields as fieldStore (getStoreValue(fieldStore).id)}
+        <FormField {fieldStore} />
+      {/each}
+    {/key}
+  {/key}
 </div>

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

@@ -21,23 +21,22 @@ import FieldMessage from "../FieldMessage.svelte";
 import { set_value_details } from "../utils";
 import FieldExprToggle from "../FieldExprToggle.svelte";
 export let fieldStore;
-let field = $fieldStore;
-set_value_details(field, "label", field.label);
-$: checked = isEqual($fieldStore.value, field.params?.checkedvalue || true);
+set_value_details($fieldStore, "label", $fieldStore.label);
+$: checked = isEqual($fieldStore.value, $fieldStore.params?.checkedvalue || true);
 const on_change = (new_value) => {
-  const checked_value = field.params?.checkedvalue ?? true;
-  const unchecked_value = field.params?.uncheckedvalue ?? false;
+  const checked_value = $fieldStore.params?.checkedvalue ?? true;
+  const unchecked_value = $fieldStore.params?.uncheckedvalue ?? false;
   if (new_value === true) {
-    field.value = checked_value;
+    $fieldStore.value = checked_value;
   } else {
-    field.value = unchecked_value;
+    $fieldStore.value = unchecked_value;
   }
 };
 </script>
 
 <div class="flex w-full items-center gap-x-2">
   <Checkbox {checked} onCheckedChange={on_change} />
-  <Label>{field.label}</Label>
+  <Label>{$fieldStore.label}</Label>
   <FieldExprToggle {fieldStore} />
 </div>
 <FieldMessage {fieldStore} />

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

@@ -56,8 +56,7 @@ import FieldMessage from "../FieldMessage.svelte";
 import { set_value_details } from "../utils";
 import { inputRegexMask } from "../../utils/input_regex_mask";
 export let fieldStore;
-let field = $fieldStore;
-let params = field.params;
+$: params = $fieldStore.params;
 const currencyRegex = /^([0-9]+(\.?[0-9]?[0-9]?)?)$/;
 const currencyName = new Intl.DisplayNames("en-US", {
   type: "currency"
@@ -94,8 +93,11 @@ if (params?.currency_whitelist && params.currency_whitelist.length > 0) {
 } else {
   currency_list = build_currency_list_from_codes(currency_codes);
 }
-const details_data_path = field.data_path + "_details";
-let current_details = get(get_store_value(field.formStore), details_data_path);
+const details_data_path = $fieldStore.data_path + "_details";
+let current_details = get(
+  get_store_value($fieldStore.formStore),
+  details_data_path
+);
 if (!current_details) {
   current_details = {
     cents: 0,
@@ -120,8 +122,8 @@ const on_input = (e) => {
   current_details.currencysymbol = getSymbolFromCurrency(current_details.currencycode) || current_details.currencysymbol || "USD";
   current_details.cents = currency(new_value).intValue;
   current_details.amount = currency(new_value).value;
-  field.value = current_details.amount ? current_details.amount.toFixed(2).toString() : "";
-  set_value_details(field, "details", current_details);
+  $fieldStore.value = current_details.amount ? current_details.amount.toFixed(2).toString() : "";
+  set_value_details($fieldStore, "details", current_details);
 };
 let open = false;
 $: selectedValue = currency_list.find((c) => c.value === current_details?.currencycode)?.value || "Select Currency...";

package/package.json

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