Release 1.0.0-alpha.1

webblocksapp · Oct 4, 2022 · fd735ac · fd735ac
1 parent 330d3e4
commit fd735ac
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 11 deletions.
diff --git a/packages/lib/examples/components/Checkbox/index.tsx b/packages/lib/examples/components/Checkbox/index.tsx
@@ -1,5 +1,5 @@
 import { FormHandler } from '@interfaces';
-import { Component, createEffect, JSX, onMount, splitProps } from 'solid-js';
+import { Component, createEffect, JSX, onCleanup, onMount, splitProps } from 'solid-js';
 import { createStore } from 'solid-js/store';
 
 export interface CheckboxProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type'> {
@@ -123,7 +123,14 @@ export const Checkbox: Component<CheckboxProps> = (props) => {
    * Initializes the form field default value
    */
   onMount(() => {
-    local.checked !== undefined && local.formHandler?.setFieldDefaultValue(rest.name, getValue(local.checked));
+    local.formHandler?.setFieldDefaultValue(rest.name, getValue(local.checked));
+  });
+
+  /**
+   * Refresh the form field when unmounted.
+   */
+  onCleanup(() => {
+    local.formHandler?.refreshFormField(rest.name);
   });
 
   return (

diff --git a/packages/lib/examples/components/Checkboxes/index.tsx b/packages/lib/examples/components/Checkboxes/index.tsx
@@ -1,4 +1,4 @@
-import { Component, createEffect, createSelector, For, JSX, onMount, splitProps } from 'solid-js';
+import { Component, createEffect, createSelector, For, JSX, onCleanup, onMount, splitProps } from 'solid-js';
 import { Checkbox } from '@components';
 import { FormHandler } from '@interfaces';
 import { createStore } from 'solid-js/store';
@@ -111,7 +111,14 @@ export const Checkboxes: Component<CheckboxesProps> = (props) => {
    * Initializes the form field default value
    */
   onMount(() => {
-    store.defaultValue && rest.formHandler?.setFieldDefaultValue(rest.name, store.defaultValue);
+    rest.formHandler?.setFieldDefaultValue(rest.name, store.defaultValue);
+  });
+
+  /**
+   * Refresh the form field when unmounted.
+   */
+  onCleanup(() => {
+    rest.formHandler?.refreshFormField(rest.name);
   });
 
   return (

diff --git a/packages/lib/examples/components/Radio/index.tsx b/packages/lib/examples/components/Radio/index.tsx
@@ -1,5 +1,5 @@
 import { FormHandler } from '@interfaces';
-import { Component, createEffect, JSX, onMount, splitProps } from 'solid-js';
+import { Component, createEffect, JSX, onCleanup, onMount, splitProps } from 'solid-js';
 import { createStore } from 'solid-js/store';
 
 export interface RadioProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
@@ -95,7 +95,14 @@ export const Radio: Component<RadioProps> = (props) => {
    * Initializes the form field default value
    */
   onMount(() => {
-    local.checked !== undefined && local.formHandler?.setFieldDefaultValue(rest.name, getValue(local.checked));
+    local.formHandler?.setFieldDefaultValue(rest.name, getValue(local.checked));
+  });
+
+  /**
+   * Refresh the form field when unmounted.
+   */
+  onCleanup(() => {
+    local.formHandler?.refreshFormField(rest.name);
   });
 
   return (

diff --git a/packages/lib/examples/components/Radios/index.tsx b/packages/lib/examples/components/Radios/index.tsx
@@ -1,4 +1,4 @@
-import { Component, createEffect, createSelector, For, JSX, onMount, splitProps } from 'solid-js';
+import { Component, createEffect, createSelector, For, JSX, onCleanup, onMount, splitProps } from 'solid-js';
 import { Radio } from '@components';
 import { FormHandler } from '@interfaces';
 import { createStore } from 'solid-js/store';
@@ -99,7 +99,14 @@ export const Radios: Component<RadiosProps> = (props) => {
    * Initializes the form field default value
    */
   onMount(() => {
-    store.defaultValue && rest.formHandler?.setFieldDefaultValue(rest.name, store.defaultValue);
+    rest.formHandler?.setFieldDefaultValue(rest.name, store.defaultValue);
+  });
+
+  /**
+   * Refresh the form field when unmounted.
+   */
+  onCleanup(() => {
+    rest.formHandler?.refreshFormField(rest.name);
   });
 
   return (

diff --git a/packages/lib/examples/components/Select/index.tsx b/packages/lib/examples/components/Select/index.tsx
@@ -1,5 +1,5 @@
 import { FormHandler } from '@interfaces';
-import { Component, createEffect, createSignal, For, JSX, onMount, splitProps } from 'solid-js';
+import { Component, createEffect, createSignal, For, JSX, onCleanup, onMount, splitProps } from 'solid-js';
 import { createStore } from 'solid-js/store';
 
 type SelectableOption = { value: string | number; label: string };
@@ -126,7 +126,14 @@ export const Select: Component<SelectProps> = (props) => {
    * Initializes the form field default value
    */
   onMount(() => {
-    store.defaultValue && local.formHandler?.setFieldDefaultValue(rest.name, store.defaultValue);
+    local.formHandler?.setFieldDefaultValue(rest.name, store.defaultValue);
+  });
+
+  /**
+   * Refresh the form field when unmounted.
+   */
+  onCleanup(() => {
+    local.formHandler?.refreshFormField(rest.name);
   });
 
   return (

diff --git a/packages/lib/package.json b/packages/lib/package.json
@@ -1,7 +1,7 @@
 {
   "name": "solid-form-handler",
   "description": "A SolidJS library for simplifying form validations.",
-  "version": "1.0.0-alpha",
+  "version": "1.0.0-alpha.1",
   "license": "MIT",
   "keywords": [
     "SolidJS forms",