@steveesamson/microform 1.0.6 → 1.0.8

package/README.md

@@ -31,8 +31,7 @@ import uform  from "@steveesamson/microform";
 let defaultData:any = $props();
 
 // Instatiate microform
-// const { form, values, errors, submit, sanity } = uform({
-const { form, values, errors, submit, sanity, setValue, setError } = uform({
+const { form, values, errors, submit, sanity } = uform({
     // Set default form data
     data:{...defaultData},
     // Set a global event for validation, can be overriden on a each field.
@@ -64,8 +63,6 @@ On the instantiation of `microform`, we have access to:
 - `sanity`, a `FormSanity`, which tells us if a form is clean/without errors by it's `ok` property.
 - `reset`, a function to reset form
 - `onsubmit`, a function to handle form submission.
-- `setValue`, a function to mutate state in order to avoid `ownership_invalid_mutation` errors, especially, when values is fed as props to other components that intend to mutate `values` states.
-- `setError`, is a function introduced for the same reason `setValue` was added; it give privileges to components authored on `microform` that may mutate the `errors` state.
 
 ### In the view Html
 

package/dist/form-action.js

@@ -70,7 +70,7 @@ export const formAction = (values, errors, unfits, isdirty, options, validationM
             else if (isCheckbox(node)) {
                 const { checked, value: val } = node;
                 const { [name]: fieldValue } = get(values);
-                let current = fieldValue;
+                let current = fieldValue.split(',');
                 if (checked) {
                     current.push(val);
                 }
@@ -78,7 +78,7 @@ export const formAction = (values, errors, unfits, isdirty, options, validationM
                     current = current.filter((next) => next !== val);
                 }
                 values.update((data) => {
-                    return { ...data, [name]: [...new Set(current)] };
+                    return { ...data, [name]: [...new Set(current)].join(',') };
                 });
             }
             else if (isRadio(node)) {

package/dist/index.svelte.js

@@ -2,6 +2,7 @@ import { writable, derived, get } from 'svelte/store';
 import { formAction } from './form-action.js';
 import { bindStateToStore } from "./utils.js";
 const microform = (props) => {
+    // form default values
     const data = props?.data || {};
     // form values
     const _values = writable({ ...data });
@@ -61,12 +62,6 @@ const microform = (props) => {
     const values = $state({ ...data });
     const errors = $state({});
     const sanity = $state({ ok: get(_valid) });
-    const setValue = (field, value) => {
-        values[field] = value;
-    };
-    const setError = (field, value) => {
-        errors[field] = value;
-    };
     bindStateToStore(values, _values);
     bindStateToStore(errors, _errors);
     _valid.subscribe((changes) => {
@@ -80,8 +75,6 @@ const microform = (props) => {
         submit,
         onsubmit,
         reset,
-        setError,
-        setValue
     };
 };
 export default microform;

package/dist/types.d.ts

@@ -61,7 +61,5 @@ export type MicroFormReturn = {
     submit: (formNode: HTMLFormElement, handler: FormSubmit) => void;
     onsubmit: (handler: FormSubmit) => (e: Event) => Promise<void>;
     reset: () => void;
-    setValue: (key: string, value: unknown) => void;
-    setError: (key: string, value: unknown) => void;
 };
 export type Microform = (props?: MicroFormProps) => MicroFormReturn;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@steveesamson/microform",
-	"version": "1.0.6",
+	"version": "1.0.8",
 	"scripts": {
 		"dev": "vite dev",
 		"postbuild": "touch ./docs/.nojekyll",