@cube-dev/ui-kit 0.114.0 → 0.115.0

package/dist/components/form/Form/use-field/use-field.js

@@ -0,0 +1,134 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { useEvent } from "../../../../_internal/hooks/use-event.js";
+import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
+import { delayValidationRule } from "../validation.js";
+import { useFormProps } from "../Form.js";
+import { useEffect, useMemo, useState } from "react";
+
+//#region src/components/form/Form/use-field/use-field.ts
+const ID_MAP = {};
+function createId(name) {
+	if (!name) return;
+	if (!ID_MAP[name]) ID_MAP[name] = [];
+	let i = 0;
+	let id;
+	do {
+		id = i ? `${name}_${i}` : name;
+		i++;
+	} while (ID_MAP[name].includes(id));
+	ID_MAP[name].push(id);
+	return id;
+}
+function removeId(name, id) {
+	if (!ID_MAP[name]) return;
+	ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
+}
+function useField(props, params) {
+	props = useFormProps(props);
+	let { defaultValue, id, idPrefix, name, form, rules, message, description, errorMessage, validateTrigger = params.defaultValidationTrigger, validationState, validationDelay, showValid, shouldUpdate, isRequired: isRequiredProp } = props;
+	const processedRules = useMemo(() => {
+		let finalRules = rules;
+		if (isRequiredProp) {
+			if (!finalRules?.some((rule) => "required" in rule && rule.required === true)) finalRules = finalRules ? [{ required: true }, ...finalRules] : [{ required: true }];
+		}
+		if (finalRules && finalRules.length && validationDelay) return [delayValidationRule(validationDelay), ...finalRules];
+		return finalRules;
+	}, [
+		rules,
+		validationDelay,
+		isRequiredProp
+	]);
+	const nonInput = !name;
+	const fieldName = name != null ? name : "";
+	const isFirstRender = useIsFirstRender();
+	let [fieldId, setFieldId] = useState(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
+	useEffect(() => {
+		let newId;
+		if (!id && !nonInput) {
+			newId = createId(fieldId);
+			setFieldId(newId);
+		}
+		return () => {
+			if (!id) removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);
+			if (fieldName && form) form.removeField(fieldName);
+		};
+	}, [fieldName]);
+	let field = form?.getFieldInstance(fieldName);
+	if (field) field.rules = processedRules;
+	let isRequired = !!processedRules?.find((rule) => "required" in rule && rule.required === true);
+	useEffect(() => {
+		if (!form) return;
+		if (field) form.forceReRender();
+		else field = form.createField(fieldName);
+	}, [field]);
+	if (form) {
+		if (isFirstRender) {
+			if (!field) field = form.createField(fieldName, true);
+			if (field?.value == null && defaultValue != null) {
+				form.setFieldValue(fieldName, defaultValue, false, true);
+				form.updateInitialFieldsValue({ [fieldName]: defaultValue });
+				field = form?.getFieldInstance(fieldName);
+			}
+		}
+		if (!field?.touched && defaultValue != null) form.setFieldValue(fieldName, defaultValue, false, true);
+	}
+	const onChangeHandler = useEvent((val, dontTouch) => {
+		if (!form) return;
+		const field = form.getFieldInstance(fieldName);
+		if (shouldUpdate) {
+			const fieldsValue = form.getFieldsValue();
+			if (typeof shouldUpdate === "boolean" ? !shouldUpdate : !shouldUpdate(fieldsValue, {
+				...fieldsValue,
+				[fieldName]: val
+			})) return;
+		}
+		form.setFieldValue(fieldName, val, !dontTouch);
+		if (!dontTouch && (validateTrigger === "onChange" || field && field.errors && field.errors.length)) form.validateField(fieldName).catch(() => {});
+	});
+	const onBlurHandler = useEvent(() => {
+		if (validateTrigger === "onBlur") setTimeout(() => {
+			form?.validateField(fieldName).catch(() => {});
+		});
+	});
+	let value = field?.value;
+	return useMemo(() => ({
+		id: fieldId,
+		name: fieldName,
+		value,
+		validateTrigger,
+		form,
+		field,
+		nonInput,
+		validationState: validationState ?? (field?.errors?.length ? "invalid" : showValid && field?.status === "valid" ? "valid" : void 0),
+		...isRequired && { isRequired },
+		isInvalid: field?.status === "invalid",
+		isValid: field?.status === "valid",
+		message: message !== void 0 ? message : field?.status === "invalid" && field?.errors?.[0],
+		description,
+		errorMessage: errorMessage !== void 0 ? errorMessage : field?.status === "invalid" && field?.errors?.length ? field.errors[0] : void 0,
+		onBlur: onBlurHandler,
+		onChange: onChangeHandler
+	}), [
+		form,
+		field,
+		field?.value,
+		field?.errors?.length,
+		field?.status,
+		fieldId,
+		fieldName,
+		isRequired,
+		message,
+		description,
+		errorMessage,
+		onBlurHandler,
+		onChangeHandler,
+		validateTrigger,
+		validationState,
+		showValid,
+		nonInput
+	]);
+}
+
+//#endregion
+export { useField };
+//# sourceMappingURL=use-field.js.map

package/dist/components/form/Form/use-field/use-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field.js","names":[],"sources":["../../../../../src/components/form/Form/use-field/use-field.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useEvent, useIsFirstRender } from '../../../../_internal/index';\nimport { ValidateTrigger } from '../../../../shared/index';\nimport { useFormProps } from '../Form';\nimport { FieldTypes } from '../types';\nimport { delayValidationRule } from '../validation';\n\nimport { FieldReturnValue, UseFieldProps } from './types';\n\nconst ID_MAP = {};\n\nfunction createId(name) {\n  if (!name) return;\n\n  if (!ID_MAP[name]) {\n    ID_MAP[name] = [];\n  }\n\n  let i = 0;\n  let id;\n\n  do {\n    id = i ? `${name}_${i}` : name;\n    i++;\n  } while (ID_MAP[name].includes(id));\n\n  ID_MAP[name].push(id);\n\n  return id;\n}\n\nfunction removeId(name, id) {\n  if (!ID_MAP[name]) return;\n\n  ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);\n}\n\nexport type UseFieldParams = {\n  defaultValidationTrigger?: ValidateTrigger;\n};\n\nexport function useField<T extends FieldTypes, Props extends UseFieldProps<T>>(\n  props: Props,\n  params: UseFieldParams,\n): FieldReturnValue<T> {\n  props = useFormProps(props);\n\n  let {\n    defaultValue,\n    id,\n    idPrefix,\n    name,\n    form,\n    rules,\n    message,\n    description,\n    errorMessage,\n    validateTrigger = params.defaultValidationTrigger,\n    validationState,\n    validationDelay,\n    showValid,\n    shouldUpdate,\n    isRequired: isRequiredProp,\n  } = props;\n\n  const processedRules = useMemo(() => {\n    let finalRules = rules;\n\n    // If isRequired prop is set, ensure there's a required rule\n    if (isRequiredProp) {\n      const hasRequiredRule = finalRules?.some(\n        (rule) => 'required' in rule && rule.required === true,\n      );\n\n      if (!hasRequiredRule) {\n        finalRules = finalRules\n          ? [{ required: true }, ...finalRules]\n          : [{ required: true }];\n      }\n    }\n\n    // Add delay rule if needed\n    if (finalRules && finalRules.length && validationDelay) {\n      return [delayValidationRule(validationDelay), ...finalRules];\n    }\n\n    return finalRules;\n  }, [rules, validationDelay, isRequiredProp]);\n\n  const nonInput = !name;\n  const fieldName: string = name != null ? name : '';\n\n  const isFirstRender = useIsFirstRender();\n  let [fieldId, setFieldId] = useState(\n    id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName),\n  );\n\n  useEffect(() => {\n    let newId;\n\n    if (!id && !nonInput) {\n      newId = createId(fieldId);\n\n      setFieldId(newId);\n    }\n\n    return () => {\n      if (!id) {\n        removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);\n      }\n\n      if (fieldName && form) {\n        form.removeField(fieldName);\n      }\n    };\n  }, [fieldName]);\n\n  let field = form?.getFieldInstance(fieldName);\n\n  if (field) {\n    field.rules = processedRules;\n  }\n\n  let isRequired = !!processedRules?.find(\n    (rule) => 'required' in rule && rule.required === true,\n  );\n\n  useEffect(() => {\n    if (!form) return;\n\n    if (field) {\n      form.forceReRender();\n    } else {\n      field = form.createField(fieldName);\n    }\n  }, [field]);\n\n  if (form) {\n    if (isFirstRender) {\n      if (!field) {\n        field = form.createField(fieldName, true);\n      }\n\n      if (field?.value == null && defaultValue != null) {\n        form.setFieldValue(fieldName, defaultValue, false, true);\n        form.updateInitialFieldsValue({ [fieldName]: defaultValue });\n\n        field = form?.getFieldInstance(fieldName);\n      }\n    }\n\n    if (!field?.touched && defaultValue != null) {\n      form.setFieldValue(fieldName, defaultValue, false, true);\n    }\n  }\n\n  const onChangeHandler = useEvent((val: any, dontTouch: boolean) => {\n    if (!form) return;\n\n    const field = form.getFieldInstance(fieldName);\n\n    if (shouldUpdate) {\n      const fieldsValue = form.getFieldsValue();\n\n      // check if we should update the value of the field\n      const shouldNotBeUpdated =\n        typeof shouldUpdate === 'boolean'\n          ? !shouldUpdate\n          : !shouldUpdate(fieldsValue, {\n              ...fieldsValue,\n              [fieldName]: val,\n            });\n\n      if (shouldNotBeUpdated) {\n        return;\n      }\n    }\n\n    form.setFieldValue(fieldName, val, !dontTouch);\n\n    if (\n      !dontTouch &&\n      (validateTrigger === 'onChange' ||\n        (field && field.errors && field.errors.length))\n    ) {\n      form.validateField(fieldName).catch(() => {}); // do nothing on fail\n    }\n  });\n\n  const onBlurHandler = useEvent(() => {\n    if (validateTrigger === 'onBlur') {\n      // We need a timeout so the change event can be done.\n      setTimeout(() => {\n        form?.validateField(fieldName).catch(() => {}); // do nothing on fail\n      });\n    }\n  });\n\n  let value = field?.value;\n\n  return useMemo(\n    () => ({\n      id: fieldId,\n      name: fieldName,\n      value,\n      validateTrigger,\n      form,\n      field,\n      nonInput,\n\n      validationState:\n        validationState ??\n        (field?.errors?.length\n          ? 'invalid'\n          : showValid && field?.status === 'valid'\n            ? 'valid'\n            : undefined),\n      ...(isRequired && { isRequired }),\n      isInvalid: field?.status === 'invalid',\n      isValid: field?.status === 'valid',\n      message:\n        message !== undefined\n          ? message\n          : field?.status === 'invalid' && field?.errors?.[0],\n      description,\n      errorMessage:\n        errorMessage !== undefined\n          ? errorMessage\n          : field?.status === 'invalid' && field?.errors?.length\n            ? field.errors[0]\n            : undefined,\n      onBlur: onBlurHandler,\n      onChange: onChangeHandler,\n    }),\n    [\n      form,\n      field,\n      field?.value,\n      field?.errors?.length,\n      field?.status,\n      fieldId,\n      fieldName,\n      isRequired,\n      message,\n      description,\n      errorMessage,\n      onBlurHandler,\n      onChangeHandler,\n      validateTrigger,\n      validationState,\n      showValid,\n      nonInput,\n    ],\n  );\n}\n"],"mappings":"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"}

package/dist/components/form/Form/use-form.d.ts

@@ -0,0 +1,77 @@
+
+import { CubeFieldData, FieldTypes, SetFieldsArrType } from "./types.js";
+import { ReactNode } from "react";
+
+//#region src/components/form/Form/use-form.d.ts
+type PartialString<T> = { [P in keyof T & string]?: T[P] };
+type CubeFormData<T extends FieldTypes> = { [K in keyof T & string]?: CubeFieldData<K, T[K]> };
+declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormData<T> = CubeFormData<T>> {
+  forceReRender: () => void;
+  private defaultValues;
+  private fields;
+  ref: {};
+  isSubmitting: boolean;
+  submitError: unknown;
+  onValuesChange: (data: T) => void | Promise<void>;
+  onSubmit: (data: T) => void | Promise<void>;
+  constructor(forceReRender?: () => void);
+  submit(): Promise<void>;
+  setFieldsValue: (newData: PartialString<T>, touched?: boolean, skipRender?: boolean) => void;
+  getFieldValue<Name extends keyof T & string>(name: Name): T[Name] | undefined;
+  getFieldsValue(): PartialString<T>;
+  /**
+   * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
+   */
+  getFormData(): T;
+  setFieldValue<Name extends keyof T & string>(name: Name, value: T[Name], isTouched?: boolean, skipRender?: boolean): void;
+  getFieldInstance<Name extends keyof T & string>(name: Name): TFormData[Name];
+  setInitialFieldsValue(values: PartialString<T>): void;
+  updateInitialFieldsValue(values: FieldTypes): void;
+  resetFields(names?: (keyof T & string)[], skipRender?: boolean): void;
+  validateField<Name extends keyof T & string>(name: Name): Promise<any>;
+  validateFields<Names extends (keyof T)[]>(names?: Names): Promise<any>;
+  isFieldValid<Name extends keyof T & string>(name: Name): boolean;
+  isFieldInvalid<Name extends keyof T & string>(name: Name): boolean;
+  isFieldTouched<Name extends keyof T & string>(name: Name): boolean;
+  get isTouched(): boolean;
+  get isDirty(): boolean;
+  /**
+   * True if all fields are verified and valid
+   * IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.
+   */
+  get isValid(): boolean;
+  /**
+   * True if at least one field is verified and invalid.
+   * IMPORTANT: This is not the same as `!isValid`, because it only checks that at least
+   * one field is verified and invalid.
+   */
+  get isInvalid(): boolean;
+  getFieldError<Name extends keyof T & string>(name: Name): ReactNode[];
+  /**
+   * @deprecated This field is not supposed to be used directly.
+   */
+  createField<Name extends keyof T & string>(name: Name, skipRender?: boolean): TFormData[Name];
+  /**
+   * @deprecated This field is not supposed to be used directly.
+   */
+  removeField<Name extends keyof T & string>(name: Name, skipRender?: boolean): void;
+  /**
+   * @deprecated This method is not recommended. Use other ways to alter fields.
+   * Use `setFieldValue` to change the value of a field.
+   * Use `verifyField` to validate a field.
+   * Use `setFieldError` to set an error for a field.
+   * Use `clearFieldsValidation` to clear all errors for a field.
+   */
+  setFields<Names extends keyof T & string>(newFields: SetFieldsArrType<T, Names>[]): void;
+  resetFieldsValidation(names?: (keyof T & string)[], skipRender?: boolean): void;
+  setFieldError(name: keyof T & string, error: ReactNode, skipRender?: boolean): void;
+  setSubmitting(isSubmitting: boolean): void;
+  _createField<Name extends keyof T & string, Data extends TFormData[Name]>(name: Name, data?: Data): Data;
+}
+declare function useForm<TSourceType extends FieldTypes>(form?: CubeFormInstance<TSourceType, CubeFormData<TSourceType>>, ref?: any, options?: {
+  onSubmit?: CubeFormInstance<TSourceType>['onSubmit'];
+  onValuesChange?: CubeFormInstance<TSourceType>['onValuesChange'];
+}): [CubeFormInstance<TSourceType>];
+//#endregion
+export { CubeFormData, CubeFormInstance, useForm };
+//# sourceMappingURL=use-form.d.ts.map

package/dist/components/form/Form/use-form.js

@@ -0,0 +1,322 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { dotize } from "../../../tasty/utils/dotize.js";
+import { applyRules } from "./validation.js";
+import { useRef, useState } from "react";
+
+//#region src/components/form/Form/use-form.tsx
+function setValue(obj, path, value) {
+	let a = path.split(".");
+	let o = obj;
+	while (a.length - 1) {
+		let n = a.shift();
+		if (!(n in o)) o[n] = {};
+		o = o[n];
+	}
+	o[a[0]] = value;
+}
+function isEqual(v1, v2) {
+	return JSON.stringify(v1) === JSON.stringify(v2);
+}
+var CubeFormInstance = class {
+	forceReRender = () => {};
+	defaultValues = {};
+	fields = {};
+	ref = {};
+	isSubmitting = false;
+	submitError = null;
+	onValuesChange = () => {};
+	onSubmit = () => {};
+	constructor(forceReRender = () => {}) {
+		this.forceReRender = forceReRender;
+		this.getFieldValue = this.getFieldValue.bind(this);
+		this.getFieldsValue = this.getFieldsValue.bind(this);
+		this.setFieldValue = this.setFieldValue.bind(this);
+		this.getFieldError = this.getFieldError.bind(this);
+		this.getFieldInstance = this.getFieldInstance.bind(this);
+		this.setInitialFieldsValue = this.setInitialFieldsValue.bind(this);
+		this.resetFields = this.resetFields.bind(this);
+		this.validateField = this.validateField.bind(this);
+		this.validateFields = this.validateFields.bind(this);
+		this.isFieldValid = this.isFieldValid.bind(this);
+		this.createField = this.createField.bind(this);
+		this.isFieldInvalid = this.isFieldInvalid.bind(this);
+		this.isFieldTouched = this.isFieldTouched.bind(this);
+		this.setFields = this.setFields.bind(this);
+	}
+	async submit() {
+		return this.onSubmit?.(this.getFormData());
+	}
+	setFieldsValue = (newData, touched, skipRender) => {
+		let flag = false;
+		newData = {
+			...newData,
+			...dotize.convert(newData)
+		};
+		Object.keys(newData).forEach((name) => {
+			let field = this.fields[name];
+			if (!field) return;
+			if (!field || isEqual(field.value, newData[name])) {
+				if (field) {
+					field.errors = [];
+					field.status = void 0;
+				}
+				return;
+			}
+			flag = true;
+			field.value = newData[name];
+			field.errors = [];
+			field.status = void 0;
+			if (touched === true) field.touched = touched;
+			else if (touched === false) field.touched = false;
+		});
+		if (flag && !skipRender) {
+			if (touched) {
+				this.onValuesChange && this.onValuesChange(this.getFormData());
+				this.submitError = null;
+			}
+			this.forceReRender();
+		}
+	};
+	getFieldValue(name) {
+		return this.fields[name]?.value;
+	}
+	getFieldsValue() {
+		return Object.values(this.fields).reduce((map, field) => {
+			if (field && map) map[field.name] = field.value;
+			return map;
+		}, {});
+	}
+	/**
+	* Similar to getFieldsValue() but respects '.' notation and creates nested objects.
+	*/
+	getFormData() {
+		const fieldsValue = this.getFieldsValue();
+		return Object.keys(fieldsValue).sort().reduce((map, field) => {
+			setValue(map, field, fieldsValue[field]);
+			if (field.includes(".")) delete map[field];
+			return map;
+		}, {});
+	}
+	setFieldValue(name, value, isTouched = false, skipRender = false) {
+		const field = this.fields[name];
+		if (!field || isEqual(value, field.value)) return;
+		field.value = value;
+		if (typeof value === "object" && !Array.isArray(value)) Object.keys(this.fields).filter((key) => key.startsWith(`${name}.`)).forEach((key) => {
+			const objKey = key.replace(`${name}.`, "");
+			this.setFieldValue(key, value[objKey] ?? null, isTouched, false);
+		});
+		field.errors = [];
+		field.status = void 0;
+		if (isTouched) field.touched = isTouched;
+		if (isTouched) {
+			this.onValuesChange && this.onValuesChange(this.getFormData());
+			this.submitError = null;
+		}
+		if (!skipRender) this.forceReRender();
+	}
+	getFieldInstance(name) {
+		return this.fields[name];
+	}
+	setInitialFieldsValue(values) {
+		this.defaultValues = {
+			...values,
+			...dotize.convert(values)
+		};
+	}
+	updateInitialFieldsValue(values) {
+		this.defaultValues = {
+			...this.defaultValues,
+			...values,
+			...dotize.convert(values)
+		};
+	}
+	resetFields(names, skipRender) {
+		names = names ?? Object.keys(this.fields);
+		names.forEach((fieldName) => {
+			const field = this.fields[fieldName];
+			if (!field) return;
+			field.value = this.defaultValues[fieldName] ?? void 0;
+			field.touched = false;
+			field.errors = [];
+			field.status = void 0;
+			field.validationId = (field.validationId ?? 0) + 1;
+		});
+		if (!skipRender) this.forceReRender();
+	}
+	async validateField(name) {
+		const field = this.getFieldInstance(name);
+		if (!field || !field.rules || field.status === "valid") return Promise.resolve();
+		else if (field.status === "invalid") return Promise.reject(field.errors[0]);
+		field.validating = true;
+		field.status = void 0;
+		field.validationId = (field.validationId ?? 0) + 1;
+		const validationId = field.validationId;
+		return applyRules(field, this, validationId).then(() => {
+			if (field.validationId !== validationId) return;
+			field.validating = false;
+			if (!field.errors || field.errors.length) field.errors = [];
+			field.status = "valid";
+			this.forceReRender();
+		}).catch((err) => {
+			if (field.validationId === validationId) {
+				field.errors = [err];
+				field.validating = false;
+				field.status = "invalid";
+				this.forceReRender();
+			}
+			return Promise.reject([err]);
+		});
+	}
+	validateFields(names) {
+		const fieldsList = names || Object.keys(this.fields);
+		const errorList = [];
+		return Promise.allSettled(fieldsList.map((name) => {
+			return this.validateField(name).catch((errors) => {
+				errorList.push({
+					name,
+					errors
+				});
+				return Promise.reject();
+			});
+		})).then(() => {
+			if (errorList.length) return Promise.reject(errorList);
+			return this.getFormData();
+		});
+	}
+	isFieldValid(name) {
+		const field = this.getFieldInstance(name);
+		if (!field) return true;
+		return !field.errors.length;
+	}
+	isFieldInvalid(name) {
+		const field = this.getFieldInstance(name);
+		if (!field) return false;
+		return !!field.errors.length;
+	}
+	isFieldTouched(name) {
+		const field = this.getFieldInstance(name);
+		if (!field) return false;
+		return !!field.touched;
+	}
+	get isTouched() {
+		return Object.values(this.fields).some((field) => field?.touched);
+	}
+	get isDirty() {
+		return Object.values(this.fields).some((field) => {
+			return field && field.name ? JSON.stringify(field?.value) !== JSON.stringify(this.defaultValues[field?.name]) : false;
+		});
+	}
+	/**
+	* True if all fields are verified and valid
+	* IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.
+	*/
+	get isValid() {
+		return Object.values(this.fields).every((field) => {
+			return field?.status === "valid";
+		});
+	}
+	/**
+	* True if at least one field is verified and invalid.
+	* IMPORTANT: This is not the same as `!isValid`, because it only checks that at least
+	* one field is verified and invalid.
+	*/
+	get isInvalid() {
+		return Object.values(this.fields).some((field) => {
+			return field?.status === "invalid";
+		});
+	}
+	getFieldError(name) {
+		const field = this.getFieldInstance(name);
+		if (!field) return [];
+		return field.errors || [];
+	}
+	/**
+	* @deprecated This field is not supposed to be used directly.
+	*/
+	createField(name, skipRender) {
+		if (!name) return this._createField(name);
+		if (!this.fields[name]) this.fields[name] = this._createField(name);
+		if (!skipRender) this.forceReRender();
+		return this.fields[name];
+	}
+	/**
+	* @deprecated This field is not supposed to be used directly.
+	*/
+	removeField(name, skipRender) {
+		if (this.fields[name]) delete this.fields[name];
+		if (!skipRender) this.forceReRender();
+	}
+	/**
+	* @deprecated This method is not recommended. Use other ways to alter fields.
+	* Use `setFieldValue` to change the value of a field.
+	* Use `verifyField` to validate a field.
+	* Use `setFieldError` to set an error for a field.
+	* Use `clearFieldsValidation` to clear all errors for a field.
+	*/
+	setFields(newFields) {
+		newFields.forEach(({ name, value, errors }) => {
+			this.fields[name] = this._createField(name, {
+				value,
+				errors
+			});
+		});
+		this.forceReRender();
+	}
+	resetFieldsValidation(names, skipRender) {
+		(names || Object.keys(this.fields)).forEach((name) => {
+			const field = this.getFieldInstance(name);
+			if (!field) return;
+			field.errors = [];
+			field.status = void 0;
+			field.validationId = (field.validationId ?? 0) + 1;
+		});
+		if (!skipRender) this.forceReRender();
+	}
+	setFieldError(name, error, skipRender) {
+		const field = this.getFieldInstance(name);
+		if (!field || !error) return;
+		field.errors = [error];
+		field.status = "invalid";
+		field.validationId = (field.validationId ?? 0) + 1;
+		if (!skipRender) this.forceReRender();
+	}
+	setSubmitting(isSubmitting) {
+		if (this.isSubmitting === isSubmitting) return;
+		this.isSubmitting = isSubmitting;
+		this.forceReRender();
+	}
+	_createField(name, data) {
+		return {
+			name,
+			validating: false,
+			touched: false,
+			errors: [],
+			validationId: 0,
+			value: this.defaultValues[name],
+			...data,
+			status: data?.errors?.length ? "invalid" : void 0
+		};
+	}
+};
+function useForm(form, ref, options = {}) {
+	const { onSubmit, onValuesChange } = options;
+	const formRef = useRef(null);
+	const [, forceUpdate] = useState({});
+	if (!formRef.current) {
+		if (form) formRef.current = form;
+		else {
+			const forceReRender = () => {
+				forceUpdate({});
+			};
+			form = formRef.current = new CubeFormInstance(forceReRender);
+		}
+		form.ref = ref;
+	}
+	if (onSubmit) formRef.current.onSubmit = onSubmit;
+	if (onValuesChange) formRef.current.onValuesChange = onValuesChange;
+	return [formRef.current];
+}
+
+//#endregion
+export { useForm };
+//# sourceMappingURL=use-form.js.map

package/dist/components/form/Form/use-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.js","names":[],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { ReactNode, useRef, useState } from 'react';\n\nimport { dotize } from '../../../tasty/index';\n\nimport { CubeFieldData, FieldTypes, SetFieldsArrType } from './types';\nimport { applyRules } from './validation';\n\ntype PartialString<T> = {\n  [P in keyof T & string]?: T[P];\n};\n\nexport type CubeFormData<T extends FieldTypes> = {\n  [K in keyof T & string]?: CubeFieldData<K, T[K]>;\n};\n\nfunction setValue(obj, path, value) {\n  let a = path.split('.');\n  let o = obj;\n\n  while (a.length - 1) {\n    let n = a.shift();\n    if (!(n in o)) o[n] = {};\n    o = o[n];\n  }\n  o[a[0]] = value;\n}\n\nfunction isEqual(v1, v2) {\n  return JSON.stringify(v1) === JSON.stringify(v2);\n}\n\nexport class CubeFormInstance<\n  T extends FieldTypes,\n  TFormData extends CubeFormData<T> = CubeFormData<T>,\n> {\n  public forceReRender: () => void = () => {};\n  private defaultValues: PartialString<T> = {};\n  private fields: TFormData = {} as TFormData;\n  public ref = {};\n  public isSubmitting = false;\n  public submitError: unknown = null;\n\n  public onValuesChange: (data: T) => void | Promise<void> = () => {};\n  public onSubmit: (data: T) => void | Promise<void> = () => {};\n\n  constructor(forceReRender: () => void = () => {}) {\n    this.forceReRender = forceReRender;\n\n    this.getFieldValue = this.getFieldValue.bind(this);\n    this.getFieldsValue = this.getFieldsValue.bind(this);\n    this.setFieldValue = this.setFieldValue.bind(this);\n    this.getFieldError = this.getFieldError.bind(this);\n    this.getFieldInstance = this.getFieldInstance.bind(this);\n    this.setInitialFieldsValue = this.setInitialFieldsValue.bind(this);\n    this.resetFields = this.resetFields.bind(this);\n    this.validateField = this.validateField.bind(this);\n    this.validateFields = this.validateFields.bind(this);\n    this.isFieldValid = this.isFieldValid.bind(this);\n    this.createField = this.createField.bind(this);\n    this.isFieldInvalid = this.isFieldInvalid.bind(this);\n    this.isFieldTouched = this.isFieldTouched.bind(this);\n    this.setFields = this.setFields.bind(this);\n  }\n\n  async submit() {\n    return this.onSubmit?.(this.getFormData());\n  }\n\n  setFieldsValue = (\n    newData: PartialString<T>,\n    touched?: boolean,\n    skipRender?: boolean,\n  ) => {\n    let flag = false;\n\n    newData = { ...newData, ...dotize.convert(newData) };\n\n    Object.keys(newData).forEach((name: keyof T & string) => {\n      let field = this.fields[name];\n\n      if (!field) {\n        return;\n      }\n\n      if (!field || isEqual(field.value, newData[name])) {\n        if (field) {\n          field.errors = [];\n          field.status = undefined;\n        }\n\n        return;\n      }\n\n      flag = true;\n\n      field.value = newData[name];\n\n      field.errors = [];\n      field.status = undefined;\n\n      if (touched === true) {\n        field.touched = touched;\n      } else if (touched === false) {\n        field.touched = false;\n      }\n    });\n\n    if (flag && !skipRender) {\n      if (touched) {\n        this.onValuesChange && this.onValuesChange(this.getFormData());\n        this.submitError = null;\n      }\n\n      this.forceReRender();\n    }\n  };\n\n  getFieldValue<Name extends keyof T & string>(\n    name: Name,\n  ): T[Name] | undefined {\n    return this.fields[name]?.value;\n  }\n\n  getFieldsValue(): PartialString<T> {\n    return Object.values(this.fields).reduce((map, field) => {\n      if (field && map) {\n        map[field.name as keyof T & string] = field.value;\n      }\n\n      return map;\n    }, {} as PartialString<T>);\n  }\n\n  /**\n   * Similar to getFieldsValue() but respects '.' notation and creates nested objects.\n   */\n  getFormData(): T {\n    const fieldsValue = this.getFieldsValue();\n\n    return Object.keys(fieldsValue)\n      .sort()\n      .reduce((map, field) => {\n        setValue(map, field, fieldsValue[field]);\n\n        if (field.includes('.')) {\n          delete map[field];\n        }\n\n        return map;\n      }, {} as T);\n  }\n\n  setFieldValue<Name extends keyof T & string>(\n    name: Name,\n    value: T[Name],\n    isTouched = false,\n    skipRender = false,\n  ) {\n    const field = this.fields[name];\n\n    if (!field || isEqual(value, field.value)) {\n      return;\n    }\n\n    field.value = value;\n\n    if (typeof value === 'object' && !Array.isArray(value)) {\n      Object.keys(this.fields)\n        .filter((key) => key.startsWith(`${name}.`))\n        .forEach((key) => {\n          const objKey = key.replace(`${name}.`, '');\n\n          this.setFieldValue(key, value[objKey] ?? null, isTouched, false);\n        });\n    }\n\n    field.errors = [];\n    field.status = undefined; // reset validation status\n\n    if (isTouched) {\n      field.touched = isTouched;\n    }\n\n    if (isTouched) {\n      this.onValuesChange && this.onValuesChange(this.getFormData());\n      this.submitError = null;\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  getFieldInstance<Name extends keyof T & string>(name: Name): TFormData[Name] {\n    return this.fields[name];\n  }\n\n  setInitialFieldsValue(values: PartialString<T>): void {\n    this.defaultValues = { ...values, ...dotize.convert(values) };\n  }\n\n  updateInitialFieldsValue(values: FieldTypes): void {\n    this.defaultValues = {\n      ...this.defaultValues,\n      ...values,\n      ...dotize.convert(values),\n    };\n  }\n\n  resetFields(names?: (keyof T & string)[], skipRender?: boolean): void {\n    names = names ?? Object.keys(this.fields);\n\n    names.forEach((fieldName) => {\n      const field = this.fields[fieldName];\n\n      if (!field) {\n        return;\n      }\n\n      const defaultValue = this.defaultValues[fieldName] ?? undefined;\n\n      field.value = defaultValue;\n      field.touched = false;\n      field.errors = [];\n      field.status = undefined;\n      field.validationId = (field.validationId ?? 0) + 1;\n    });\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  async validateField<Name extends keyof T & string>(name: Name): Promise<any> {\n    const field = this.getFieldInstance(name);\n\n    if (\n      // if there are no rules for such field\n      !field ||\n      !field.rules ||\n      // or field is already validated and valid\n      field.status === 'valid'\n    ) {\n      return Promise.resolve();\n      // or field is already validated and invalid\n    } else if (field.status === 'invalid') {\n      return Promise.reject(field.errors[0]);\n    }\n\n    field.validating = true;\n    field.status = undefined;\n\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    const validationId = field.validationId;\n\n    // store validation to make sure there is no race condition.\n    return applyRules(field, this, validationId)\n      .then(() => {\n        if (field.validationId !== validationId) return;\n\n        field.validating = false;\n\n        if (!field.errors || field.errors.length) {\n          field.errors = [];\n        }\n\n        field.status = 'valid';\n\n        this.forceReRender();\n      })\n      .catch((err) => {\n        if (field.validationId === validationId) {\n          field.errors = [err];\n          field.validating = false;\n          field.status = 'invalid';\n\n          this.forceReRender();\n        }\n\n        return Promise.reject([err]);\n      });\n  }\n\n  validateFields<Names extends (keyof T)[]>(names?: Names): Promise<any> {\n    const fieldsList = names || Object.keys(this.fields);\n    const errorList: { name: string; errors: ReactNode[] }[] = [];\n\n    return Promise.allSettled(\n      fieldsList.map((name) => {\n        return this.validateField(name).catch((errors) => {\n          errorList.push({ name, errors });\n\n          return Promise.reject();\n        });\n      }),\n    ).then(() => {\n      if (errorList.length) {\n        return Promise.reject(errorList);\n      }\n\n      return this.getFormData();\n    });\n  }\n\n  isFieldValid<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return true;\n\n    return !field.errors.length;\n  }\n\n  isFieldInvalid<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !!field.errors.length;\n  }\n\n  isFieldTouched<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !!field.touched;\n  }\n\n  get isTouched(): boolean {\n    return Object.values(this.fields).some((field) => field?.touched);\n  }\n\n  get isDirty(): boolean {\n    return Object.values(this.fields).some((field) => {\n      return field && field.name\n        ? JSON.stringify(field?.value) !==\n            JSON.stringify(this.defaultValues[field?.name])\n        : false;\n    });\n  }\n\n  /**\n   * True if all fields are verified and valid\n   * IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.\n   */\n  get isValid(): boolean {\n    return Object.values(this.fields).every((field) => {\n      return field?.status === 'valid';\n    });\n  }\n\n  /**\n   * True if at least one field is verified and invalid.\n   * IMPORTANT: This is not the same as `!isValid`, because it only checks that at least\n   * one field is verified and invalid.\n   */\n  get isInvalid(): boolean {\n    return Object.values(this.fields).some((field) => {\n      return field?.status === 'invalid';\n    });\n  }\n\n  getFieldError<Name extends keyof T & string>(name: Name): ReactNode[] {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return [];\n\n    return field.errors || [];\n  }\n\n  /**\n   * @deprecated This field is not supposed to be used directly.\n   */\n  createField<Name extends keyof T & string>(name: Name, skipRender?: boolean) {\n    // passing an empty name is incorrect, but we have to return a valid object to avoid inconsistency\n    if (!name) {\n      return this._createField(name);\n    }\n\n    if (!this.fields[name]) {\n      this.fields[name] = this._createField(name);\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n\n    return this.fields[name];\n  }\n\n  /**\n   * @deprecated This field is not supposed to be used directly.\n   */\n  removeField<Name extends keyof T & string>(name: Name, skipRender?: boolean) {\n    if (this.fields[name]) {\n      delete this.fields[name];\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  /**\n   * @deprecated This method is not recommended. Use other ways to alter fields.\n   * Use `setFieldValue` to change the value of a field.\n   * Use `verifyField` to validate a field.\n   * Use `setFieldError` to set an error for a field.\n   * Use `clearFieldsValidation` to clear all errors for a field.\n   */\n  setFields<Names extends keyof T & string>(\n    newFields: SetFieldsArrType<T, Names>[],\n  ) {\n    newFields.forEach(({ name, value, errors }) => {\n      this.fields[name] = this._createField(name, {\n        value,\n        errors,\n      } as TFormData[Names]);\n    });\n\n    this.forceReRender();\n  }\n\n  resetFieldsValidation(names?: (keyof T & string)[], skipRender?: boolean) {\n    (names || Object.keys(this.fields)).forEach((name) => {\n      const field = this.getFieldInstance(name);\n\n      if (!field) return;\n\n      field.errors = [];\n      field.status = undefined;\n      field.validationId = (field.validationId ?? 0) + 1;\n    });\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  setFieldError(\n    name: keyof T & string,\n    error: ReactNode,\n    skipRender?: boolean,\n  ) {\n    const field = this.getFieldInstance(name);\n\n    if (!field || !error) return;\n\n    field.errors = [error];\n    field.status = 'invalid';\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  setSubmitting(isSubmitting: boolean) {\n    if (this.isSubmitting === isSubmitting) return;\n\n    this.isSubmitting = isSubmitting;\n    this.forceReRender();\n  }\n\n  _createField<Name extends keyof T & string, Data extends TFormData[Name]>(\n    name: Name,\n    data?: Data,\n  ): Data {\n    let obj = {\n      name,\n      validating: false,\n      touched: false,\n      errors: [],\n      validationId: 0,\n      value: this.defaultValues[name],\n      ...data,\n      // it should be impossible to define or override status value\n      status: data?.errors?.length ? 'invalid' : undefined,\n    } as unknown as Data;\n\n    return obj;\n  }\n}\n\nexport function useForm<TSourceType extends FieldTypes>(\n  form?: CubeFormInstance<TSourceType, CubeFormData<TSourceType>>,\n  ref?,\n  options: {\n    onSubmit?: CubeFormInstance<TSourceType>['onSubmit'];\n    onValuesChange?: CubeFormInstance<TSourceType>['onValuesChange'];\n  } = {},\n): [CubeFormInstance<TSourceType>] {\n  const { onSubmit, onValuesChange } = options;\n  const formRef = useRef<CubeFormInstance<TSourceType>>(null);\n  const [, forceUpdate] = useState({});\n\n  if (!formRef.current) {\n    if (form) {\n      formRef.current = form;\n    } else {\n      // Create a new FormInstance if not provided\n      const forceReRender = () => {\n        forceUpdate({});\n      };\n\n      form = formRef.current = new CubeFormInstance<TSourceType>(forceReRender);\n    }\n\n    form.ref = ref;\n  }\n\n  if (onSubmit) {\n    formRef.current.onSubmit = onSubmit;\n  }\n\n  if (onValuesChange) {\n    formRef.current.onValuesChange = onValuesChange;\n  }\n\n  return [formRef.current];\n}\n"],"mappings":"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"}