@cyclone-ui/state 0.0.12 → 0.0.13

package/dist/form/hooks/use-field-actions.mjs

@@ -1,2 +1,93 @@
-import{FieldApi as e}from"../molecules/field-molecule.mjs";import{ValidationCause as t}from"../types.mjs";import{RESET as n,useAtomCallback as r}from"jotai/utils";import{useCallback as i}from"react";import{isPromise as a}from"@stryke/type-checks/is-promise";import{upperCaseFirst as o}from"@stryke/string-format/upper-case-first";const s=()=>{let s=e.useMolecule(),c=r(i(async(e,n,r,i)=>{let c=e(s.options);if(c.validate?.[`on${o(i)}`]&&c.validate[`on${o(i)}`].length>0||c.validate?.[`on${o(t.INITIALIZE)}`]&&c.validate[`on${o(t.INITIALIZE)}`].length>0){let l=e(s.previousValue),u=[];c.validate?.[`on${o(i)}`]&&c.validate[`on${o(i)}`].length>0&&u.push(...c.validate[`on${o(i)}`].map(t=>t(r,l,i,e,n))),i!==t.INITIALIZE&&c.validate?.[`on${o(t.INITIALIZE)}`]&&c.validate[`on${o(t.INITIALIZE)}`].length>0&&u.push(...c.validate[`on${o(t.INITIALIZE)}`].map(t=>t(r,l,i,e,n)));let d=[],f=[];for(let e of u)e&&(a(e)?f.push(e):d.push(...e));if(f.length>0){n(s.validating,!0);for(let e of await Promise.all(f))e&&e.length>0&&d.push(...e);n(s.validating,!1)}n(s.validationResults,e=>({...e,[i]:d}))}},[])),l=r(i(async(e,t)=>{t(s.value,e(s.initialValue)),t(s.options,n)},[])),u=r(i(async(e,t,n,r=!0)=>{r&&e(s.dirty)||n!==e(s.initialValue)&&t(s.initialValue,n)},[])),d=r(i(async(e,t,n,r=!1)=>{if(!e(s.disabled)){!e(s.touched)&&r&&t(s.touched,r);let i=e(s.options),a=e(s.value),o=n;i.parse&&(o=i.parse(n)),i.isEqual(o,a)||t(s.value,o)}},[])),f=r(i(async(e,t)=>{e(s.disabled)||(e(s.touched)||t(s.touched,!0),t(s.focused,!0))},[])),p=r(i(async(e,t)=>{e(s.disabled)||(e(s.touched)||t(s.touched,!0),t(s.focused,!1),t(s.blurred,!0))},[])),m=i(async e=>e?f():p(),[f,p]),h=r(i(async e=>m(!e(s.focused)),[m]));return{mount:r(i(async(e,t,n,r)=>{if(t(s.ref,n),t(s.tabIndex,r??0),!e(s.initialValue)){let n=e(s.options);t(s.initialValue,n.defaultValue??null)}},[])),initialize:u,change:d,focus:f,blur:p,setFocused:m,toggleFocused:h,validate:c,reset:l}};export{s as useFieldActions};
+import { FieldApi } from "../molecules/field-molecule.mjs";
+import { ValidationCause } from "../types.mjs";
+import { RESET, useAtomCallback } from "jotai/utils";
+import { useCallback } from "react";
+import { isPromise } from "@stryke/type-checks/is-promise";
+import { upperCaseFirst } from "@stryke/string-format/upper-case-first";
+
+//#region src/form/hooks/use-field-actions.ts
+const useFieldActions = () => {
+	const field = FieldApi.useMolecule();
+	const validate = useAtomCallback(useCallback(async (get, set, nextValue, cause) => {
+		const options = get(field.options);
+		if (options.validate?.[`on${upperCaseFirst(cause)}`] && options.validate[`on${upperCaseFirst(cause)}`].length > 0 || options.validate?.[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`] && options.validate[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`].length > 0) {
+			const previousValue = get(field.previousValue);
+			const results = [];
+			if (options.validate?.[`on${upperCaseFirst(cause)}`] && options.validate[`on${upperCaseFirst(cause)}`].length > 0) results.push(...options.validate[`on${upperCaseFirst(cause)}`].map((validator) => validator(nextValue, previousValue, cause, get, set)));
+			if (cause !== ValidationCause.INITIALIZE && options.validate?.[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`] && options.validate[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`].length > 0) results.push(...options.validate[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`].map((validator) => validator(nextValue, previousValue, cause, get, set)));
+			const messages = [];
+			const promises = [];
+			for (const result of results) if (result) {
+				if (isPromise(result)) promises.push(result);
+				else messages.push(...result);
+			}
+			if (promises.length > 0) {
+				set(field.validating, true);
+				for (const result of await Promise.all(promises)) if (result && result.length > 0) messages.push(...result);
+				set(field.validating, false);
+			}
+			set(field.validationResults, (prev) => ({
+				...prev,
+				[cause]: messages
+			}));
+		}
+	}, []));
+	const reset = useAtomCallback(useCallback(async (get, set) => {
+		set(field.value, get(field.initialValue));
+		set(field.options, RESET);
+	}, []));
+	const initialize = useAtomCallback(useCallback(async (get, set, initialValue, skipIfDirty = true) => {
+		if (skipIfDirty && get(field.dirty)) return;
+		if (initialValue !== get(field.initialValue)) set(field.initialValue, initialValue);
+	}, []));
+	const change = useAtomCallback(useCallback(async (get, set, nextValue, touch = false) => {
+		if (!get(field.disabled)) {
+			if (!get(field.touched) && touch) set(field.touched, touch);
+			const options = get(field.options);
+			const value = get(field.value);
+			let nextParsed = nextValue;
+			if (options.parse) nextParsed = options.parse(nextValue);
+			if (!options.isEqual(nextParsed, value)) set(field.value, nextParsed);
+		}
+	}, []));
+	const focus = useAtomCallback(useCallback(async (get, set) => {
+		if (!get(field.disabled)) {
+			if (!get(field.touched)) set(field.touched, true);
+			set(field.focused, true);
+		}
+	}, []));
+	const blur = useAtomCallback(useCallback(async (get, set) => {
+		if (!get(field.disabled)) {
+			if (!get(field.touched)) set(field.touched, true);
+			set(field.focused, false);
+			set(field.blurred, true);
+		}
+	}, []));
+	const setFocused = useCallback(async (focused) => {
+		if (focused) return focus();
+		return blur();
+	}, [focus, blur]);
+	const toggleFocused = useAtomCallback(useCallback(async (get) => setFocused(!get(field.focused)), [setFocused]));
+	return {
+		mount: useAtomCallback(useCallback(async (get, set, ref, tabIndex) => {
+			set(field.ref, ref);
+			set(field.tabIndex, tabIndex ?? 0);
+			if (!get(field.initialValue)) {
+				const options = get(field.options);
+				set(field.initialValue, options.defaultValue ?? null);
+			}
+		}, [])),
+		initialize,
+		change,
+		focus,
+		blur,
+		setFocused,
+		toggleFocused,
+		validate,
+		reset
+	};
+};
+
+//#endregion
+export { useFieldActions };
 //# sourceMappingURL=use-field-actions.mjs.map

package/dist/form/hooks/use-field-actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-actions.mjs","names":["useFieldActions","field","FieldApi","validate","useAtomCallback","useCallback","options","get","upperCaseFirst","cause","ValidationCause","previousValue","results","validator","nextValue","set","messages","promises","result","isPromise","prev","reset","RESET","initialize","skipIfDirty","initialValue","change","touch","value","nextParsed","focus","blur","setFocused","focused","toggleFocused","ref","tabIndex"],"sources":[],"mappings":""}
+{"version":3,"file":"use-field-actions.mjs","names":[],"sources":[],"mappings":""}

package/dist/form/hooks/use-field-ref.cjs

@@ -1 +1,16 @@
-const e=require("../molecules/field-molecule.cjs");let t=require("react"),n=require("@maskito/react"),r=require("@tamagui/core");const i=i=>{let a=(0,t.useRef)(null),o=e.FieldApi.use().options.get(),s=[a,(0,n.useMaskito)({options:o.mask})];return i&&s.push(i),(0,r.useComposedRefs)(...s)};exports.useFieldRef=i;
+const require_field_molecule = require("../molecules/field-molecule.cjs");
+let react = require("react");
+let _maskito_react = require("@maskito/react");
+let _tamagui_core = require("@tamagui/core");
+
+//#region src/form/hooks/use-field-ref.ts
+const useFieldRef = (forwardedRef) => {
+	const ref = (0, react.useRef)(null);
+	const options = require_field_molecule.FieldApi.use().options.get();
+	const refs = [ref, (0, _maskito_react.useMaskito)({ options: options.mask })];
+	if (forwardedRef) refs.push(forwardedRef);
+	return (0, _tamagui_core.useComposedRefs)(...refs);
+};
+
+//#endregion
+exports.useFieldRef = useFieldRef;

package/dist/form/hooks/use-field-ref.mjs

@@ -1,2 +1,17 @@
-import{FieldApi as e}from"../molecules/field-molecule.mjs";import{useRef as t}from"react";import{useMaskito as n}from"@maskito/react";import{useComposedRefs as r}from"@tamagui/core";const i=i=>{let a=t(null),o=e.use().options.get(),s=[a,n({options:o.mask})];return i&&s.push(i),r(...s)};export{i as useFieldRef};
+import { FieldApi } from "../molecules/field-molecule.mjs";
+import { useRef } from "react";
+import { useMaskito } from "@maskito/react";
+import { useComposedRefs } from "@tamagui/core";
+
+//#region src/form/hooks/use-field-ref.ts
+const useFieldRef = (forwardedRef) => {
+	const ref = useRef(null);
+	const options = FieldApi.use().options.get();
+	const refs = [ref, useMaskito({ options: options.mask })];
+	if (forwardedRef) refs.push(forwardedRef);
+	return useComposedRefs(...refs);
+};
+
+//#endregion
+export { useFieldRef };
 //# sourceMappingURL=use-field-ref.mjs.map

package/dist/form/hooks/use-field-ref.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-ref.mjs","names":["useFieldRef","ref","useRef","options","FieldApi","refs","useMaskito","forwardedRef","useComposedRefs"],"sources":[],"mappings":""}
+{"version":3,"file":"use-field-ref.mjs","names":[],"sources":[],"mappings":""}

package/dist/form/hooks/use-form-actions.cjs

@@ -1 +1,69 @@
-const e=require("../molecules/form-molecule.cjs"),t=require("../types.cjs");let n=require("jotai/utils"),r=require("react"),i=require("@stryke/type-checks/is-promise"),a=require("@stryke/string-format/upper-case-first");const o=()=>{let o=e.FormApi.useMolecule();return{initializeField:(0,n.useAtomCallback)((0,r.useCallback)(async(e,t,n)=>{},[])),uninitializeField:(0,n.useAtomCallback)((0,r.useCallback)(async(e,t,n)=>{},[])),validate:(0,n.useAtomCallback)((0,r.useCallback)(async(e,n,r,s)=>{let c=e(o.options);if(c.validate?.[`on${(0,a.upperCaseFirst)(s)}`]&&c.validate[`on${(0,a.upperCaseFirst)(s)}`].length>0||c.validate?.[`on${(0,a.upperCaseFirst)(t.ValidationCause.INITIALIZE)}`]&&c.validate[`on${(0,a.upperCaseFirst)(t.ValidationCause.INITIALIZE)}`].length>0){let l=e(o.previousValues),u=[];c.validate?.[`on${(0,a.upperCaseFirst)(s)}`]&&c.validate[`on${(0,a.upperCaseFirst)(s)}`].length>0&&u.push(...c.validate[`on${(0,a.upperCaseFirst)(s)}`].map(t=>t(r,l,s,e,n))),s!==t.ValidationCause.INITIALIZE&&c.validate?.[`on${(0,a.upperCaseFirst)(t.ValidationCause.INITIALIZE)}`]&&c.validate[`on${(0,a.upperCaseFirst)(t.ValidationCause.INITIALIZE)}`].length>0&&u.push(...c.validate[`on${(0,a.upperCaseFirst)(t.ValidationCause.INITIALIZE)}`].map(t=>t(r,l,s,e,n)));let d=[],f=[];for(let e of u)e&&((0,i.isPromise)(e)?f.push(e):d.push(...e));if(f.length>0){n(o.formValidating,!0);for(let e of await Promise.all(f))e&&e.length>0&&d.push(...e);n(o.formValidating,!1)}n(o.validationResults,e=>({...e,[s]:d}))}},[])),change:(0,n.useAtomCallback)((0,r.useCallback)(async(e,t,n)=>{let r=e(o.options),i=e(o.values);r.isEqual(n,i)||t(o.values,n)},[])),submit:(0,n.useAtomCallback)((0,r.useCallback)(async(e,t)=>{e(o.canSubmit)?(e(o.submitting)||t(o.submitting,!0),t(o.submitAttempts,e=>e+1),e(o.options),e(o.values),e(o.valid),t(o.submitting,!1)):e(o.invalid)&&e(o.invalid)},[])),reset:(0,r.useCallback)(()=>{},[])}};exports.useFormActions=o;
+const require_form_molecule = require("../molecules/form-molecule.cjs");
+const require_types = require("../types.cjs");
+let jotai_utils = require("jotai/utils");
+let react = require("react");
+let _stryke_type_checks_is_promise = require("@stryke/type-checks/is-promise");
+let _stryke_string_format_upper_case_first = require("@stryke/string-format/upper-case-first");
+
+//#region src/form/hooks/use-form-actions.ts
+const useFormActions = () => {
+	const form = require_form_molecule.FormApi.useMolecule();
+	return {
+		initializeField: (0, jotai_utils.useAtomCallback)((0, react.useCallback)(async (_get, _set, _name) => {}, [])),
+		uninitializeField: (0, jotai_utils.useAtomCallback)((0, react.useCallback)(async (_get, _set, _name) => {}, [])),
+		validate: (0, jotai_utils.useAtomCallback)((0, react.useCallback)(async (get, set, nextValues, cause) => {
+			const options = get(form.options);
+			if (options.validate?.[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(cause)}`] && options.validate[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(cause)}`].length > 0 || options.validate?.[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(require_types.ValidationCause.INITIALIZE)}`] && options.validate[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(require_types.ValidationCause.INITIALIZE)}`].length > 0) {
+				const previousValues = get(form.previousValues);
+				const results = [];
+				if (options.validate?.[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(cause)}`] && options.validate[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(cause)}`].length > 0) results.push(...options.validate[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(cause)}`].map((validator) => validator(nextValues, previousValues, cause, get, set)));
+				if (cause !== require_types.ValidationCause.INITIALIZE && options.validate?.[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(require_types.ValidationCause.INITIALIZE)}`] && options.validate[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(require_types.ValidationCause.INITIALIZE)}`].length > 0) results.push(...options.validate[`on${(0, _stryke_string_format_upper_case_first.upperCaseFirst)(require_types.ValidationCause.INITIALIZE)}`].map((validator) => validator(nextValues, previousValues, cause, get, set)));
+				const messages = [];
+				const promises = [];
+				for (const result of results) if (result) {
+					if ((0, _stryke_type_checks_is_promise.isPromise)(result)) promises.push(result);
+					else messages.push(...result);
+				}
+				if (promises.length > 0) {
+					set(form.formValidating, true);
+					for (const result of await Promise.all(promises)) if (result && result.length > 0) messages.push(...result);
+					set(form.formValidating, false);
+				}
+				set(form.validationResults, (prev) => ({
+					...prev,
+					[cause]: messages
+				}));
+			}
+		}, [])),
+		change: (0, jotai_utils.useAtomCallback)((0, react.useCallback)(async (get, set, nextValues) => {
+			const options = get(form.options);
+			const values = get(form.values);
+			if (!options.isEqual(nextValues, values)) set(form.values, nextValues);
+		}, [])),
+		submit: (0, jotai_utils.useAtomCallback)((0, react.useCallback)(async (get, set) => {
+			if (get(form.canSubmit)) {
+				if (!get(form.submitting)) set(form.submitting, true);
+				set(form.submitAttempts, (prev) => prev + 1);
+				const options = get(form.options);
+				try {
+					if (get(form.valid)) {
+						await options.onSubmit?.({
+							get,
+							set,
+							atoms: form
+						});
+						set(form.submitted, true);
+					}
+				} finally {
+					set(form.submitting, false);
+				}
+			} else if (get(form.invalid)) {
+				if (get(form.invalid)) {}
+			}
+		}, [])),
+		reset: (0, react.useCallback)(() => {}, [])
+	};
+};
+
+//#endregion
+exports.useFormActions = useFormActions;

package/dist/form/hooks/use-form-actions.mjs

@@ -1,2 +1,70 @@
-import{FormApi as e}from"../molecules/form-molecule.mjs";import{ValidationCause as t}from"../types.mjs";import{useAtomCallback as n}from"jotai/utils";import{useCallback as r}from"react";import{isPromise as i}from"@stryke/type-checks/is-promise";import{upperCaseFirst as a}from"@stryke/string-format/upper-case-first";const o=()=>{let o=e.useMolecule();return{initializeField:n(r(async(e,t,n)=>{},[])),uninitializeField:n(r(async(e,t,n)=>{},[])),validate:n(r(async(e,n,r,s)=>{let c=e(o.options);if(c.validate?.[`on${a(s)}`]&&c.validate[`on${a(s)}`].length>0||c.validate?.[`on${a(t.INITIALIZE)}`]&&c.validate[`on${a(t.INITIALIZE)}`].length>0){let l=e(o.previousValues),u=[];c.validate?.[`on${a(s)}`]&&c.validate[`on${a(s)}`].length>0&&u.push(...c.validate[`on${a(s)}`].map(t=>t(r,l,s,e,n))),s!==t.INITIALIZE&&c.validate?.[`on${a(t.INITIALIZE)}`]&&c.validate[`on${a(t.INITIALIZE)}`].length>0&&u.push(...c.validate[`on${a(t.INITIALIZE)}`].map(t=>t(r,l,s,e,n)));let d=[],f=[];for(let e of u)e&&(i(e)?f.push(e):d.push(...e));if(f.length>0){n(o.formValidating,!0);for(let e of await Promise.all(f))e&&e.length>0&&d.push(...e);n(o.formValidating,!1)}n(o.validationResults,e=>({...e,[s]:d}))}},[])),change:n(r(async(e,t,n)=>{let r=e(o.options),i=e(o.values);r.isEqual(n,i)||t(o.values,n)},[])),submit:n(r(async(e,t)=>{e(o.canSubmit)?(e(o.submitting)||t(o.submitting,!0),t(o.submitAttempts,e=>e+1),e(o.options),e(o.values),e(o.valid),t(o.submitting,!1)):e(o.invalid)&&e(o.invalid)},[])),reset:r(()=>{},[])}};export{o as useFormActions};
+import { FormApi } from "../molecules/form-molecule.mjs";
+import { ValidationCause } from "../types.mjs";
+import { useAtomCallback } from "jotai/utils";
+import { useCallback } from "react";
+import { isPromise } from "@stryke/type-checks/is-promise";
+import { upperCaseFirst } from "@stryke/string-format/upper-case-first";
+
+//#region src/form/hooks/use-form-actions.ts
+const useFormActions = () => {
+	const form = FormApi.useMolecule();
+	return {
+		initializeField: useAtomCallback(useCallback(async (_get, _set, _name) => {}, [])),
+		uninitializeField: useAtomCallback(useCallback(async (_get, _set, _name) => {}, [])),
+		validate: useAtomCallback(useCallback(async (get, set, nextValues, cause) => {
+			const options = get(form.options);
+			if (options.validate?.[`on${upperCaseFirst(cause)}`] && options.validate[`on${upperCaseFirst(cause)}`].length > 0 || options.validate?.[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`] && options.validate[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`].length > 0) {
+				const previousValues = get(form.previousValues);
+				const results = [];
+				if (options.validate?.[`on${upperCaseFirst(cause)}`] && options.validate[`on${upperCaseFirst(cause)}`].length > 0) results.push(...options.validate[`on${upperCaseFirst(cause)}`].map((validator) => validator(nextValues, previousValues, cause, get, set)));
+				if (cause !== ValidationCause.INITIALIZE && options.validate?.[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`] && options.validate[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`].length > 0) results.push(...options.validate[`on${upperCaseFirst(ValidationCause.INITIALIZE)}`].map((validator) => validator(nextValues, previousValues, cause, get, set)));
+				const messages = [];
+				const promises = [];
+				for (const result of results) if (result) {
+					if (isPromise(result)) promises.push(result);
+					else messages.push(...result);
+				}
+				if (promises.length > 0) {
+					set(form.formValidating, true);
+					for (const result of await Promise.all(promises)) if (result && result.length > 0) messages.push(...result);
+					set(form.formValidating, false);
+				}
+				set(form.validationResults, (prev) => ({
+					...prev,
+					[cause]: messages
+				}));
+			}
+		}, [])),
+		change: useAtomCallback(useCallback(async (get, set, nextValues) => {
+			const options = get(form.options);
+			const values = get(form.values);
+			if (!options.isEqual(nextValues, values)) set(form.values, nextValues);
+		}, [])),
+		submit: useAtomCallback(useCallback(async (get, set) => {
+			if (get(form.canSubmit)) {
+				if (!get(form.submitting)) set(form.submitting, true);
+				set(form.submitAttempts, (prev) => prev + 1);
+				const options = get(form.options);
+				try {
+					if (get(form.valid)) {
+						await options.onSubmit?.({
+							get,
+							set,
+							atoms: form
+						});
+						set(form.submitted, true);
+					}
+				} finally {
+					set(form.submitting, false);
+				}
+			} else if (get(form.invalid)) {
+				if (get(form.invalid)) {}
+			}
+		}, [])),
+		reset: useCallback(() => {}, [])
+	};
+};
+
+//#endregion
+export { useFormActions };
 //# sourceMappingURL=use-form-actions.mjs.map

package/dist/form/hooks/use-form-actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-actions.mjs","names":["useFormActions","form","FormApi","useAtomCallback","useCallback","options","get","upperCaseFirst","cause","ValidationCause","previousValues","results","validator","nextValues","set","messages","promises","result","isPromise","prev","values"],"sources":[],"mappings":""}
+{"version":3,"file":"use-form-actions.mjs","names":[],"sources":[],"mappings":""}

package/dist/form/index.cjs

@@ -1 +1,30 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./utilities/is-validation-results.cjs"),t=require("./utilities/validators.cjs"),n=require("./molecules/form-molecule.cjs"),r=require("./molecules/field-molecule.cjs"),i=require("./types.cjs"),a=require("./hooks/use-field-actions.cjs"),o=require("./hooks/use-field-ref.cjs"),s=require("./hooks/use-form-actions.cjs");require("./hooks/index.cjs"),require("./molecules/index.cjs");const c=require("./utilities/abort-error.cjs"),l=require("./providers/FieldProvider.cjs"),u=require("./providers/FormProvider.cjs");require("./providers/index.cjs"),require("./utilities/index.cjs"),exports.AbortError=c.AbortError,exports.DEFAULT_FIELD_OPTIONS=r.DEFAULT_FIELD_OPTIONS,exports.DEFAULT_FORM_OPTIONS=n.DEFAULT_FORM_OPTIONS,exports.FieldApi=r.FieldApi,exports.FieldProvider=l.FieldProvider,exports.FormApi=n.FormApi,exports.FormProvider=u.FormProvider,exports.ValidationCause=i.ValidationCause,exports.isValidationResults=e.isValidationResults,exports.requiredValidator=t.requiredValidator,exports.useFieldActions=a.useFieldActions,exports.useFieldRef=o.useFieldRef,exports.useFormActions=s.useFormActions;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_is_validation_results = require("./utilities/is-validation-results.cjs");
+const require_validators = require("./utilities/validators.cjs");
+const require_form_molecule = require("./molecules/form-molecule.cjs");
+const require_field_molecule = require("./molecules/field-molecule.cjs");
+const require_types = require("./types.cjs");
+const require_use_field_actions = require("./hooks/use-field-actions.cjs");
+const require_use_field_ref = require("./hooks/use-field-ref.cjs");
+const require_use_form_actions = require("./hooks/use-form-actions.cjs");
+require("./hooks/index.cjs");
+require("./molecules/index.cjs");
+const require_abort_error = require("./utilities/abort-error.cjs");
+const require_FieldProvider = require("./providers/FieldProvider.cjs");
+const require_FormProvider = require("./providers/FormProvider.cjs");
+require("./providers/index.cjs");
+require("./utilities/index.cjs");
+
+exports.AbortError = require_abort_error.AbortError;
+exports.DEFAULT_FIELD_OPTIONS = require_field_molecule.DEFAULT_FIELD_OPTIONS;
+exports.DEFAULT_FORM_OPTIONS = require_form_molecule.DEFAULT_FORM_OPTIONS;
+exports.FieldApi = require_field_molecule.FieldApi;
+exports.FieldProvider = require_FieldProvider.FieldProvider;
+exports.FormApi = require_form_molecule.FormApi;
+exports.FormProvider = require_FormProvider.FormProvider;
+exports.ValidationCause = require_types.ValidationCause;
+exports.isValidationResults = require_is_validation_results.isValidationResults;
+exports.requiredValidator = require_validators.requiredValidator;
+exports.useFieldActions = require_use_field_actions.useFieldActions;
+exports.useFieldRef = require_use_field_ref.useFieldRef;
+exports.useFormActions = require_use_form_actions.useFormActions;

package/dist/form/index.mjs

@@ -1 +1,17 @@
-import{isValidationResults as e}from"./utilities/is-validation-results.mjs";import{requiredValidator as t}from"./utilities/validators.mjs";import{DEFAULT_FORM_OPTIONS as n,FormApi as r}from"./molecules/form-molecule.mjs";import{DEFAULT_FIELD_OPTIONS as i,FieldApi as a}from"./molecules/field-molecule.mjs";import{ValidationCause as o}from"./types.mjs";import{useFieldActions as s}from"./hooks/use-field-actions.mjs";import{useFieldRef as c}from"./hooks/use-field-ref.mjs";import{useFormActions as l}from"./hooks/use-form-actions.mjs";import"./hooks/index.mjs";import"./molecules/index.mjs";import{AbortError as u}from"./utilities/abort-error.mjs";import{FieldProvider as d}from"./providers/FieldProvider.mjs";import{FormProvider as f}from"./providers/FormProvider.mjs";import"./providers/index.mjs";import"./utilities/index.mjs";export{u as AbortError,i as DEFAULT_FIELD_OPTIONS,n as DEFAULT_FORM_OPTIONS,a as FieldApi,d as FieldProvider,r as FormApi,f as FormProvider,o as ValidationCause,e as isValidationResults,t as requiredValidator,s as useFieldActions,c as useFieldRef,l as useFormActions};
+import { isValidationResults } from "./utilities/is-validation-results.mjs";
+import { requiredValidator } from "./utilities/validators.mjs";
+import { DEFAULT_FORM_OPTIONS, FormApi } from "./molecules/form-molecule.mjs";
+import { DEFAULT_FIELD_OPTIONS, FieldApi } from "./molecules/field-molecule.mjs";
+import { ValidationCause } from "./types.mjs";
+import { useFieldActions } from "./hooks/use-field-actions.mjs";
+import { useFieldRef } from "./hooks/use-field-ref.mjs";
+import { useFormActions } from "./hooks/use-form-actions.mjs";
+import "./hooks/index.mjs";
+import "./molecules/index.mjs";
+import { AbortError } from "./utilities/abort-error.mjs";
+import { FieldProvider } from "./providers/FieldProvider.mjs";
+import { FormProvider } from "./providers/FormProvider.mjs";
+import "./providers/index.mjs";
+import "./utilities/index.mjs";
+
+export { AbortError, DEFAULT_FIELD_OPTIONS, DEFAULT_FORM_OPTIONS, FieldApi, FieldProvider, FormApi, FormProvider, ValidationCause, isValidationResults, requiredValidator, useFieldActions, useFieldRef, useFormActions };

package/dist/form/molecules/field-molecule.cjs

@@ -1 +1,154 @@
-const e=require("../../base/utilities/create-molecule.cjs");require("../../base/index.cjs");const t=require("../atoms/atom-with-field.cjs"),n=require("../atoms/atom-with-messages.cjs"),r=require("../utilities/validators.cjs"),i=require("./form-molecule.cjs");let a=require("@stryke/type-checks/is-function"),o=require("jotai/utils"),s=require("@stryke/helpers/is-equal"),c=require("jotai"),l=require("@stryke/type-checks/is-string"),u=require("@stryke/helpers/deep-merge"),ee=require("@stryke/helpers/get-field"),d=require("@stryke/helpers/to-path"),f=require("@stryke/type-checks/is-set"),p=require("jotai-optics");const m={theme:`base`,size:`md`,debounceMs:100,isEqual:s.isEqual,required:!1,disabled:!1,clearable:!1,initialValue:null},h=e.createMoleculeApi(s=>{let h=e.use(i.FormApi.Scope),g=(0,c.atom)(()=>h),_=e.use(i.FormApi.Molecule),v=(0,c.atom)(m),y=(0,c.atom)(e=>{let t=e(_.options),n=e(v),i=(0,u.deepMerge)(t.defaultFieldOptions,n);return(0,u.deepMerge)({validate:{onBlur:i.required?[r.requiredValidator]:[]}},i)},(e,t,n)=>{let r={};r=(0,a.isFunction)(n)?n(e(v)):n===o.RESET?{}:n,t(v,(0,u.deepMerge)(m,r))}),b=`${h}-`,x=(0,d.toPath)(s.startsWith(b)?s.slice(b.length):s.includes(`-`)?s.slice(s.indexOf(`-`)+1):s),S=(0,c.atom)(()=>x),C=(0,c.atom)(e=>e(S).slice(-1)[0]),w=(0,p.focusAtom)(_.focusedFields,e=>e.path(...x)),T=(0,p.focusAtom)(_.requiredFields,e=>e.path(...x)),E=(0,p.focusAtom)(_.disabledFields,e=>e.path(...x)),D=(0,c.atom)(e=>e(T)??e(y).required,(e,t,n)=>{t(T,n)}),O=(0,c.atom)(e=>e(E)??e(y).disabled,(e,t,n)=>{t(E,n)}),k=(0,c.atom)(e=>e(y).clearable),A=(0,p.focusAtom)(_.touchedFields,e=>e.path(...x)),j=(0,p.focusAtom)(_.blurredFields,e=>e.path(...x)),te=(0,p.focusAtom)(_.validatingFields,e=>e.path(...x)),M=(0,p.focusAtom)(_.validationResultsFields,e=>e.path(...x)),ne=(0,p.focusAtom)(_.tabIndexes,e=>e.path(...x)),N=(0,p.focusAtom)(_.refs,e=>e.path(...x)),P=(0,p.focusAtom)(_.initialValues,e=>e.path(...x)),F=(0,p.focusAtom)(_.values,e=>e.path(...x)),I=(0,c.atom)(e=>e(y).isEqual(e(F),e(P))),L=n.atomWithFieldsMessageTypes(M,`danger`),R=n.atomWithFieldsMessageTypes(M,`warning`),z=n.atomWithFieldsMessageTypes(M,`info`),B=n.atomWithFieldsMessageTypes(M,`discovery`),V=n.atomWithFieldsMessageTypes(M,`success`),H=n.atomWithFieldsMessageTypes(M,`positive`),U=n.atomWithFieldsMessageTypes(M,`negative`),W=n.atomWithFieldsMessageList(M,`danger`),G=n.atomWithFieldsMessageList(M,`warning`),K=n.atomWithFieldsMessageList(M,`info`),q=n.atomWithFieldsMessageList(M,`discovery`),J=n.atomWithFieldsMessageList(M,`success`),Y=n.atomWithFieldsMessageList(M,`positive`),X=n.atomWithFieldsMessageList(M,`negative`),Z=(0,c.atom)(e=>e(W).length>0),Q=(0,c.atom)(e=>!e(Z)),re=(0,c.atom)(e=>{let t=e(y),n=e(F),r;return r=t?.format?t.format(n):n,(0,f.isSet)(r)?(0,l.isString)(r)?r:String(r):``}),$=t.atomWithFieldItems(y,F,O),ie=(0,o.splitAtom)($),ae=(0,o.atomWithDefault)(e=>e(y).size??`md`);return{options:y,form:g,name:C,path:S,initialValue:P,previousValue:(0,c.atom)(e=>{let t=e(_.previousValues);return(0,ee.getField)(t,e(S).join(`.`))??null}),value:F,formattedValue:re,focused:w,required:D,disabled:O,clearable:k,touched:A,blurred:j,validating:te,validationResults:M,tabIndex:ne,ref:N,pristine:(0,c.atom)(e=>!e(I)),dirty:I,items:$,itemsAtoms:ie,size:ae,errors:L,warnings:R,info:z,discovery:B,success:V,positive:H,negative:U,dangerMessages:W,warningMessages:G,infoMessages:K,discoveryMessages:q,successMessages:J,positiveMessages:Y,negativeMessages:X,theme:n.atomWithTheme(y,W,G,K,q,J,Y,X),messages:n.atomWithMessages(W,G,K,q,J,Y,X),invalid:Z,valid:Q}},{type:`field`});exports.DEFAULT_FIELD_OPTIONS=m,exports.FieldApi=h;
+const require_create_molecule = require("../../base/utilities/create-molecule.cjs");
+require("../../base/index.cjs");
+const require_atom_with_field = require("../atoms/atom-with-field.cjs");
+const require_atom_with_messages = require("../atoms/atom-with-messages.cjs");
+const require_validators = require("../utilities/validators.cjs");
+const require_form_molecule = require("./form-molecule.cjs");
+let _stryke_type_checks_is_function = require("@stryke/type-checks/is-function");
+let jotai_utils = require("jotai/utils");
+let _stryke_helpers_is_equal = require("@stryke/helpers/is-equal");
+let jotai = require("jotai");
+let _stryke_type_checks_is_string = require("@stryke/type-checks/is-string");
+let _stryke_helpers_deep_merge = require("@stryke/helpers/deep-merge");
+let _stryke_helpers_get_field = require("@stryke/helpers/get-field");
+let _stryke_helpers_to_path = require("@stryke/helpers/to-path");
+let _stryke_type_checks_is_set = require("@stryke/type-checks/is-set");
+let jotai_optics = require("jotai-optics");
+
+//#region src/form/molecules/field-molecule.ts
+const DEFAULT_FIELD_OPTIONS = {
+	theme: "base",
+	size: "md",
+	debounceMs: 100,
+	isEqual: _stryke_helpers_is_equal.isEqual,
+	required: false,
+	disabled: false,
+	clearable: false,
+	initialValue: null
+};
+const FieldApi = require_create_molecule.createMoleculeApi((scope) => {
+	const formScope = require_create_molecule.use(require_form_molecule.FormApi.Scope);
+	const formScopeAtom = (0, jotai.atom)(() => formScope);
+	const form = require_create_molecule.use(require_form_molecule.FormApi.Molecule);
+	const optionsBaseAtom = (0, jotai.atom)(DEFAULT_FIELD_OPTIONS);
+	const optionsAtom = (0, jotai.atom)((get) => {
+		const formOptions = get(form.options);
+		const options = get(optionsBaseAtom);
+		const result = (0, _stryke_helpers_deep_merge.deepMerge)(formOptions.defaultFieldOptions, options);
+		return (0, _stryke_helpers_deep_merge.deepMerge)({ validate: { onBlur: result.required ? [require_validators.requiredValidator] : [] } }, result);
+	}, (get, set, update) => {
+		let nextValue = {};
+		if ((0, _stryke_type_checks_is_function.isFunction)(update)) nextValue = update(get(optionsBaseAtom));
+		else if (update === jotai_utils.RESET) nextValue = {};
+		else nextValue = update;
+		set(optionsBaseAtom, (0, _stryke_helpers_deep_merge.deepMerge)(DEFAULT_FIELD_OPTIONS, nextValue));
+	});
+	const formPrefix = `${formScope}-`;
+	const path = (0, _stryke_helpers_to_path.toPath)(scope.startsWith(formPrefix) ? scope.slice(formPrefix.length) : scope.includes("-") ? scope.slice(scope.indexOf("-") + 1) : scope);
+	const pathAtom = (0, jotai.atom)(() => path);
+	const nameAtom = (0, jotai.atom)((get) => get(pathAtom).slice(-1)[0]);
+	const focusedAtom = (0, jotai_optics.focusAtom)(form.focusedFields, (optic) => optic.path(...path));
+	const requiredStateAtom = (0, jotai_optics.focusAtom)(form.requiredFields, (optic) => optic.path(...path));
+	const disabledStateAtom = (0, jotai_optics.focusAtom)(form.disabledFields, (optic) => optic.path(...path));
+	const requiredAtom = (0, jotai.atom)((get) => get(requiredStateAtom) ?? get(optionsAtom).required, (_get, set, update) => {
+		set(requiredStateAtom, update);
+	});
+	const disabledAtom = (0, jotai.atom)((get) => get(disabledStateAtom) ?? get(optionsAtom).disabled, (_get, set, update) => {
+		set(disabledStateAtom, update);
+	});
+	const clearableAtom = (0, jotai.atom)((get) => get(optionsAtom).clearable);
+	const touchedAtom = (0, jotai_optics.focusAtom)(form.touchedFields, (optic) => optic.path(...path));
+	const blurredAtom = (0, jotai_optics.focusAtom)(form.blurredFields, (optic) => optic.path(...path));
+	const validatingAtom = (0, jotai_optics.focusAtom)(form.validatingFields, (optic) => optic.path(...path));
+	const validationResultsAtom = (0, jotai_optics.focusAtom)(form.validationResultsFields, (optic) => optic.path(...path));
+	const tabIndexAtom = (0, jotai_optics.focusAtom)(form.tabIndexes, (optic) => optic.path(...path));
+	const refAtom = (0, jotai_optics.focusAtom)(form.refs, (optic) => optic.path(...path));
+	const initialValueAtom = (0, jotai_optics.focusAtom)(form.initialValues, (optic) => optic.path(...path));
+	const valueAtom = (0, jotai_optics.focusAtom)(form.values, (optic) => optic.path(...path));
+	const dirtyAtom = (0, jotai.atom)((get) => {
+		return get(optionsAtom).isEqual(get(valueAtom), get(initialValueAtom));
+	});
+	const errorsAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "danger");
+	const warningsAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "warning");
+	const infoAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "info");
+	const discoveryAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "discovery");
+	const successesAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "success");
+	const positivesAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "positive");
+	const negativesAtom = require_atom_with_messages.atomWithFieldsMessageTypes(validationResultsAtom, "negative");
+	const errorMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "danger");
+	const warningMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "warning");
+	const infoMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "info");
+	const discoveryMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "discovery");
+	const successMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "success");
+	const positiveMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "positive");
+	const negativeMessagesAtom = require_atom_with_messages.atomWithFieldsMessageList(validationResultsAtom, "negative");
+	const invalidAtom = (0, jotai.atom)((get) => {
+		return get(errorMessagesAtom).length > 0;
+	});
+	const validAtom = (0, jotai.atom)((get) => !get(invalidAtom));
+	const formattedValueAtom = (0, jotai.atom)((get) => {
+		const options = get(optionsAtom);
+		const value = get(valueAtom);
+		let formattedValue;
+		if (options?.format) formattedValue = options.format(value);
+		else formattedValue = value;
+		if (!(0, _stryke_type_checks_is_set.isSet)(formattedValue)) return "";
+		else if ((0, _stryke_type_checks_is_string.isString)(formattedValue)) return formattedValue;
+		return String(formattedValue);
+	});
+	const itemsAtom = require_atom_with_field.atomWithFieldItems(optionsAtom, valueAtom, disabledAtom);
+	const itemsAtomsAtom = (0, jotai_utils.splitAtom)(itemsAtom);
+	const sizeAtom = (0, jotai_utils.atomWithDefault)((get) => {
+		return get(optionsAtom).size ?? "md";
+	});
+	return {
+		options: optionsAtom,
+		form: formScopeAtom,
+		name: nameAtom,
+		path: pathAtom,
+		initialValue: initialValueAtom,
+		previousValue: (0, jotai.atom)((get) => {
+			const previousValues = get(form.previousValues);
+			return (0, _stryke_helpers_get_field.getField)(previousValues, get(pathAtom).join(".")) ?? null;
+		}),
+		value: valueAtom,
+		formattedValue: formattedValueAtom,
+		focused: focusedAtom,
+		required: requiredAtom,
+		disabled: disabledAtom,
+		clearable: clearableAtom,
+		touched: touchedAtom,
+		blurred: blurredAtom,
+		validating: validatingAtom,
+		validationResults: validationResultsAtom,
+		tabIndex: tabIndexAtom,
+		ref: refAtom,
+		pristine: (0, jotai.atom)((get) => !get(dirtyAtom)),
+		dirty: dirtyAtom,
+		items: itemsAtom,
+		itemsAtoms: itemsAtomsAtom,
+		size: sizeAtom,
+		errors: errorsAtom,
+		warnings: warningsAtom,
+		info: infoAtom,
+		discovery: discoveryAtom,
+		success: successesAtom,
+		positive: positivesAtom,
+		negative: negativesAtom,
+		dangerMessages: errorMessagesAtom,
+		warningMessages: warningMessagesAtom,
+		infoMessages: infoMessagesAtom,
+		discoveryMessages: discoveryMessagesAtom,
+		successMessages: successMessagesAtom,
+		positiveMessages: positiveMessagesAtom,
+		negativeMessages: negativeMessagesAtom,
+		theme: require_atom_with_messages.atomWithTheme(optionsAtom, errorMessagesAtom, warningMessagesAtom, infoMessagesAtom, discoveryMessagesAtom, successMessagesAtom, positiveMessagesAtom, negativeMessagesAtom),
+		messages: require_atom_with_messages.atomWithMessages(errorMessagesAtom, warningMessagesAtom, infoMessagesAtom, discoveryMessagesAtom, successMessagesAtom, positiveMessagesAtom, negativeMessagesAtom),
+		invalid: invalidAtom,
+		valid: validAtom
+	};
+}, { type: "field" });
+
+//#endregion
+exports.DEFAULT_FIELD_OPTIONS = DEFAULT_FIELD_OPTIONS;
+exports.FieldApi = FieldApi;