cross-state 1.9.6 → 1.9.7

package/dist/react/index.cjs

@@ -1,7 +1,8 @@
-const require_store = require('../store-CPqOf4y5.cjs');
-const require_propAccess = require('../propAccess-udIdjqwY.cjs');
-const require_extendedJson = require('../extendedJson-DzXMFE1P.cjs');
-const require_storeMethods = require('../storeMethods-BZb4k7Ma.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_store = require('../store-fmAYV5hy.cjs');
+const require_propAccess = require('../propAccess-DdLF12Jq.cjs');
+const require_extendedJson = require('../extendedJson-pbOLcymB.cjs');
+const require_storeMethods = require('../storeMethods-DYgUGHSk.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let mutative = require("mutative");
@@ -29,96 +30,12 @@ function CustomInput({ name, children, ...props }) {
 	});
 }
 
-//#endregion
-//#region src/lib/wildcardMatch.ts
-function getWildCardMatches(object, path) {
-	const matches = {};
-	const [first, second, ...rest] = require_propAccess.castArrayPath(path);
-	if (first === void 0) throw new Error("Path is empty");
-	if (!Array.isArray(object) && !require_propAccess.isObject(object)) object = {};
-	for (const [key, value] of first !== "*" ? [[first, object[first]]] : Object.entries(object)) {
-		if (first !== "*" && first !== key) continue;
-		if (second === void 0) {
-			matches[key] = value;
-			continue;
-		}
-		for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) matches[`${key}.${subKey}`] = subValue;
-	}
-	return matches;
-}
-
-//#endregion
-//#region src/react/form/closestFormContext.tsx
-const GeneralFormContext = (0, react.createContext)(null);
-function useClosestForm() {
-	return (0, react.useContext)(GeneralFormContext);
-}
-
-//#endregion
-//#region src/react/form/legacyFormField.tsx
-function LegacyFormField({ name = "", component, commitOnBlur, commitDebounce, inputFilter, defaultValue, serialize, deserialize = (x) => x, onChange, onBlur, ...restProps }) {
-	const form = this.useForm();
-	const getFormState = () => ({
-		...form,
-		...getDerivedState(form)
-	});
-	const [localValue, setLocalValue] = (0, react.useState)();
-	const value = this.useFormState((form$1) => {
-		const value$1 = form$1.getField(name).value;
-		if (serialize) return serialize(value$1, getFormState());
-		if (value$1 !== void 0) return value$1;
-		return defaultValue;
-	});
-	const setValue = require_storeMethods.useLatestFunction((x) => form.getField(name).setValue(deserialize(x, getFormState())));
-	const hasTriggeredValidations = this.useFormState((form$1) => form$1.hasTriggeredValidations);
-	const commitDebounceMs = commitDebounce !== void 0 ? require_store.calcDuration(commitDebounce) : void 0;
-	(0, react.useEffect)(() => {
-		if (localValue === void 0 || commitDebounceMs === void 0 || commitDebounceMs <= 0) return;
-		const timeout = setTimeout(() => {
-			setValue(localValue);
-			setLocalValue(void 0);
-		}, commitDebounceMs);
-		return () => clearTimeout(timeout);
-	}, [
-		localValue,
-		commitDebounceMs,
-		setValue
-	]);
-	let props = {
-		name,
-		value: localValue ?? value,
-		onChange: (event, ...moreArgs) => {
-			const value$1 = typeof event === "object" && event !== null && "target" in event ? event.target.value : event;
-			if (inputFilter && !inputFilter(value$1)) return;
-			if (commitOnBlur || commitDebounce) setLocalValue(value$1);
-			else setValue(value$1);
-			onChange?.(event, ...moreArgs);
-		},
-		onBlur(...args) {
-			if (localValue !== void 0) {
-				setValue(localValue);
-				setLocalValue(void 0);
-			}
-			onBlur?.(...args);
-		}
-	};
-	if (this.options.transformFieldProps) props = this.options.transformFieldProps(props, {
-		...form.getField(name),
-		hasTriggeredValidations
-	}, form);
-	if (component) return (0, react.createElement)(component, {
-		...restProps,
-		...props
-	});
-	return null;
-}
-
 //#endregion
 //#region src/react/form/formField.tsx
-function FormField({ name = "", commitOnBlur, commitDebounce, children, render = children, includeNestedErrors }) {
+function FormField({ name, commitOnBlur, commitDebounce, children, render = children, includeNestedErrors }) {
 	const form = this.useForm();
 	const field = this.useField(name);
-	const hasTriggeredValidations = this.useFormState((form$1) => form$1.hasTriggeredValidations);
+	const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);
 	const renderProps = useFormFieldProps.call(this, {
 		name,
 		commitOnBlur,
@@ -131,10 +48,10 @@ function FormField({ name = "", commitOnBlur, commitDebounce, children, render =
 	}, form) });
 	return null;
 }
-function useFormFieldProps({ name = "", commitOnBlur, commitDebounce, includeNestedErrors }) {
+function useFormFieldProps({ name, commitOnBlur, commitDebounce, includeNestedErrors }) {
 	const form = this.useForm();
 	const field = this.useField(name, { includeNestedErrors });
-	const hasTriggeredValidations = this.useFormState((form$1) => form$1.hasTriggeredValidations);
+	const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);
 	const [localValue, setLocalValue] = (0, react.useState)();
 	const commitDebounceMs = commitDebounce !== void 0 ? require_store.calcDuration(commitDebounce) : void 0;
 	const commitLocalValue = require_storeMethods.useLatestFunction(() => {
@@ -191,24 +108,24 @@ function FormForEach({ name, renderElement, renderAdditionalElement, filter, chi
 	const add = (0, react.useCallback)((...args) => {
 		form.getField(name).add(...args);
 	}, [form, name]);
-	const remove$1 = (0, react.useCallback)((key) => {
+	const remove = (0, react.useCallback)((key) => {
 		form.getField(name).remove(key);
 	}, [form, name]);
 	const setValue = (0, react.useCallback)((value) => {
 		form.getField(name).setValue(value);
 	}, [form, name]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderElement && items.map(({ key, name: name$1 }, index) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderElement && items.map(({ key, name }, index) => {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderElement({
-			name: name$1,
+			name,
 			key,
 			index,
-			remove: () => remove$1(key),
+			remove: () => remove(key),
 			count: items.length
 		}) }, key);
 	}), children?.({
 		names: items.map((item) => item.name),
 		add,
-		remove: remove$1,
+		remove,
 		setValue
 	})] });
 }
@@ -304,9 +221,93 @@ function useFormAutosave(form) {
 	};
 }
 
+//#endregion
+//#region src/lib/wildcardMatch.ts
+function getWildCardMatches(object, path) {
+	const matches = {};
+	const [first, second, ...rest] = require_propAccess.castArrayPath(path);
+	if (first === void 0) throw new Error("Path is empty");
+	if (!Array.isArray(object) && !require_propAccess.isObject(object)) object = {};
+	for (const [key, value] of first !== "*" ? [[first, object[first]]] : Object.entries(object)) {
+		if (first !== "*" && first !== key) continue;
+		if (second === void 0) {
+			matches[key] = value;
+			continue;
+		}
+		for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) matches[`${key}.${subKey}`] = subValue;
+	}
+	return matches;
+}
+
+//#endregion
+//#region src/react/form/closestFormContext.tsx
+const GeneralFormContext = (0, react.createContext)(null);
+function useClosestForm() {
+	return (0, react.useContext)(GeneralFormContext);
+}
+
+//#endregion
+//#region src/react/form/legacyFormField.tsx
+function LegacyFormField({ name, component, commitOnBlur, commitDebounce, inputFilter, defaultValue, serialize, deserialize = (x) => x, onChange, onBlur, ...restProps }) {
+	const form = this.useForm();
+	const getFormState = () => ({
+		...form,
+		...getDerivedState(form)
+	});
+	const [localValue, setLocalValue] = (0, react.useState)();
+	const value = this.useFormState((form) => {
+		const value = form.getField(name).value;
+		if (serialize) return serialize(value, getFormState());
+		if (value !== void 0) return value;
+		return defaultValue;
+	});
+	const setValue = require_storeMethods.useLatestFunction((x) => form.getField(name).setValue(deserialize(x, getFormState())));
+	const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);
+	const commitDebounceMs = commitDebounce !== void 0 ? require_store.calcDuration(commitDebounce) : void 0;
+	(0, react.useEffect)(() => {
+		if (localValue === void 0 || commitDebounceMs === void 0 || commitDebounceMs <= 0) return;
+		const timeout = setTimeout(() => {
+			setValue(localValue);
+			setLocalValue(void 0);
+		}, commitDebounceMs);
+		return () => clearTimeout(timeout);
+	}, [
+		localValue,
+		commitDebounceMs,
+		setValue
+	]);
+	let props = {
+		name,
+		value: localValue ?? value,
+		onChange: (event, ...moreArgs) => {
+			const value = typeof event === "object" && event !== null && "target" in event ? event.target.value : event;
+			if (inputFilter && !inputFilter(value)) return;
+			if (commitOnBlur || commitDebounce) setLocalValue(value);
+			else setValue(value);
+			onChange?.(event, ...moreArgs);
+		},
+		onBlur(...args) {
+			if (localValue !== void 0) {
+				setValue(localValue);
+				setLocalValue(void 0);
+			}
+			onBlur?.(...args);
+		}
+	};
+	if (this.options.transformFieldProps) props = this.options.transformFieldProps(props, {
+		...form.getField(name),
+		hasTriggeredValidations
+	}, form);
+	if (component) return (0, react.createElement)(component, {
+		...restProps,
+		...props
+	});
+	return null;
+}
+
 //#endregion
 //#region src/react/form/form.tsx
-const FormContainer = (0, react.forwardRef)(function FormContainer$1({ form, ...formProps }, ref) {
+const FormContainer = (0, react.forwardRef)(function FormContainer({ form, ...formProps }, ref) {
 	const formInstance = form.useForm();
 	const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
 	const hasErrors = form.useFormState((state) => hasTriggeredValidations && state.errors.size > 0);
@@ -455,7 +456,7 @@ var Form = class Form {
 	}
 	useField(name, { includeNestedErrors, ...useStoreOptions } = {}) {
 		const form = this.useForm();
-		this.useFormState((form$1) => [form$1.getField(name).value, form$1.original], useStoreOptions);
+		this.useFormState((form) => [form.getField(name).value, form.original], useStoreOptions);
 		return form.getField(name, { includeNestedErrors });
 	}
 	useFieldProps(name, options) {
@@ -471,7 +472,7 @@ var Form = class Form {
 				...defaultValue
 			},
 			validations: typeof validations === "function" ? validations : validations ? {
-				...this.options.validations,
+				...typeof this.options.validations === "function" ? void 0 : this.options.validations,
 				...validations
 			} : this.options.validations,
 			localizeError: localizeError ?? this.options.localizeError,
@@ -540,10 +541,10 @@ var Form = class Form {
 			isValid() {
 				return lazy("isValid", () => this.getErrors().size === 0);
 			},
-			validate({ reportValidity: reportValidity$1 = options.reportValidity, button } = {}) {
+			validate({ reportValidity = options.reportValidity, button } = {}) {
 				formState.set("hasTriggeredValidations", true);
 				updateValidity(this.getErrors(), button);
-				switch (reportValidity$1) {
+				switch (reportValidity) {
 					case "browser":
 						formRef.current?.reportValidity();
 						break;
@@ -568,14 +569,14 @@ var Form = class Form {
 				formState.set("hasTriggeredValidations", false);
 			}
 		};
-		context.getField = (path, options$1) => lazy(`${path}:${options$1?.includeNestedErrors}`, () => getField(context, path, options$1));
+		context.getField = (path, options) => lazy(`${path}:${options?.includeNestedErrors}`, () => getField(context, path, options));
 		(0, react.useEffect)(() => {
-			const transform$1 = options.transform;
-			if (!transform$1) return;
+			const transform = options.transform;
+			if (!transform) return;
 			return context.formState.subscribe((state, prev) => {
 				const value = state.draft ?? options.original ?? options.defaultValue;
 				const previousValue = prev?.draft ?? options.original ?? options.defaultValue;
-				const result = (0, mutative.create)(value, (draft) => transform$1(draft, {
+				const result = (0, mutative.create)(value, (draft) => transform(draft, {
 					...context,
 					previousValue
 				}));
@@ -628,9 +629,9 @@ var Form = class Form {
 		return Reflect.apply(FormForEach, this, [props]);
 	}
 	withForm(Component, formProps) {
-		const { Form: Form$1 } = this;
+		const { Form } = this;
 		return function FormWrapper(props) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Form$1, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Form, {
 				...formProps,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...props })
 			});
@@ -810,24 +811,24 @@ function useDecoupledState(value, onChange, options = {}) {
 	const debounceOptions = require_storeMethods.useMemoEquals(options.debounce);
 	const throttleOptions = require_storeMethods.useMemoEquals(options.throttle);
 	const update = (0, react.useMemo)(() => {
-		const update$1 = async (value$1) => {
-			const result = latestOnChange(value$1);
+		const update = async (value) => {
+			const result = latestOnChange(value);
 			if (require_store.isPromise(result)) {
 				const ac = onChangeAC.current = new AbortController();
 				await result;
 				if (ac.signal.aborted) return;
 			}
-			latestOnCommit(value$1);
+			latestOnCommit(value);
 			setDirty(void 0);
 		};
 		let delayedUpdate;
-		if (debounceOptions) delayedUpdate = require_store.debounce(update$1, debounceOptions);
-		else if (throttleOptions) delayedUpdate = require_store.throttle(update$1, throttleOptions);
-		else delayedUpdate = (value$1) => (0, react.startTransition)(() => update$1(value$1));
-		return (value$1) => {
+		if (debounceOptions) delayedUpdate = require_store.debounce(update, debounceOptions);
+		else if (throttleOptions) delayedUpdate = require_store.throttle(update, throttleOptions);
+		else delayedUpdate = (value) => (0, react.startTransition)(() => update(value));
+		return (value) => {
 			onChangeAC.current?.abort();
-			setDirty({ v: value$1 });
-			delayedUpdate(value$1);
+			setDirty({ v: value });
+			delayedUpdate(value);
 		};
 	}, [
 		latestOnChange,