@cube-dev/ui-kit 0.123.1 → 0.124.0

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SliderThumbElement } from "./elements.js";
 import { useMemo, useRef } from "react";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 //#region src/components/form/FieldWrapper/extract-field-wrapper-props.ts
 const createFieldWrapperPropsKeys = (arr) => new Set(arr);
 const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { FieldWrapper } from "../FieldWrapper/FieldWrapper.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";
 import { forwardRef, isValidElement, useContext } from "react";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.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";

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

@@ -33,6 +33,11 @@ declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormD
   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;
+  isFieldDirty<Name extends keyof T & string>(name: Name): boolean;
+  getFieldNames(): (keyof T & string)[];
+  getDirtyFieldNames(): (keyof T & string)[];
+  getValidFieldNames(): (keyof T & string)[];
+  getInvalidFieldNames(): (keyof T & string)[];
   get isTouched(): boolean;
   get isDirty(): boolean;
   /**

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { applyRules } from "./validation.js";
 import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";
@@ -41,6 +41,11 @@ var CubeFormInstance = class {
 		this.createField = this.createField.bind(this);
 		this.isFieldInvalid = this.isFieldInvalid.bind(this);
 		this.isFieldTouched = this.isFieldTouched.bind(this);
+		this.isFieldDirty = this.isFieldDirty.bind(this);
+		this.getFieldNames = this.getFieldNames.bind(this);
+		this.getDirtyFieldNames = this.getDirtyFieldNames.bind(this);
+		this.getValidFieldNames = this.getValidFieldNames.bind(this);
+		this.getInvalidFieldNames = this.getInvalidFieldNames.bind(this);
 		this.setFields = this.setFields.bind(this);
 	}
 	async submit() {
@@ -198,22 +203,35 @@ var CubeFormInstance = class {
 		if (!field) return false;
 		return !!field.touched;
 	}
+	isFieldDirty(name) {
+		const field = this.getFieldInstance(name);
+		if (!field) return false;
+		return !isEqual(field.value, this.defaultValues[name]);
+	}
+	getFieldNames() {
+		return Object.keys(this.fields);
+	}
+	getDirtyFieldNames() {
+		return this.getFieldNames().filter((name) => this.isFieldDirty(name));
+	}
+	getValidFieldNames() {
+		return this.getFieldNames().filter((name) => this.isFieldValid(name));
+	}
+	getInvalidFieldNames() {
+		return this.getFieldNames().filter((name) => this.isFieldInvalid(name));
+	}
 	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;
-		});
+		return this.getDirtyFieldNames().length > 0;
 	}
 	/**
 	* 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";
-		});
+		return Object.values(this.fields).every((field) => field?.status === "valid");
 	}
 	/**
 	* True if at least one field is verified and invalid.
@@ -221,9 +239,7 @@ var CubeFormInstance = class {
 	* one field is verified and invalid.
 	*/
 	get isInvalid() {
-		return Object.values(this.fields).some((field) => {
-			return field?.status === "invalid";
-		});
+		return Object.values(this.fields).some((field) => field?.status === "invalid");
 	}
 	getFieldError(name) {
 		const field = this.getFieldInstance(name);

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

@@ -1 +1 @@
-{"version":3,"file":"use-form.js","names":[],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { dotize } from '@tenphi/tasty';\nimport { ReactNode, useRef, useState } from 'react';\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":";;;;;;AAcA,SAAS,SAAS,KAAK,MAAM,OAAO;CAClC,IAAI,IAAI,KAAK,MAAM,IAAI;CACvB,IAAI,IAAI;AAER,QAAO,EAAE,SAAS,GAAG;EACnB,IAAI,IAAI,EAAE,OAAO;AACjB,MAAI,EAAE,KAAK,GAAI,GAAE,KAAK,EAAE;AACxB,MAAI,EAAE;;AAER,GAAE,EAAE,MAAM;;AAGZ,SAAS,QAAQ,IAAI,IAAI;AACvB,QAAO,KAAK,UAAU,GAAG,KAAK,KAAK,UAAU,GAAG;;AAGlD,IAAa,mBAAb,MAGE;CACA,AAAO,sBAAkC;CACzC,AAAQ,gBAAkC,EAAE;CAC5C,AAAQ,SAAoB,EAAE;CAC9B,AAAO,MAAM,EAAE;CACf,AAAO,eAAe;CACtB,AAAO,cAAuB;CAE9B,AAAO,uBAA0D;CACjE,AAAO,iBAAoD;CAE3D,YAAY,sBAAkC,IAAI;AAChD,OAAK,gBAAgB;AAErB,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,mBAAmB,KAAK,iBAAiB,KAAK,KAAK;AACxD,OAAK,wBAAwB,KAAK,sBAAsB,KAAK,KAAK;AAClE,OAAK,cAAc,KAAK,YAAY,KAAK,KAAK;AAC9C,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,eAAe,KAAK,aAAa,KAAK,KAAK;AAChD,OAAK,cAAc,KAAK,YAAY,KAAK,KAAK;AAC9C,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,YAAY,KAAK,UAAU,KAAK,KAAK;;CAG5C,MAAM,SAAS;AACb,SAAO,KAAK,WAAW,KAAK,aAAa,CAAC;;CAG5C,kBACE,SACA,SACA,eACG;EACH,IAAI,OAAO;AAEX,YAAU;GAAE,GAAG;GAAS,GAAG,OAAO,QAAQ,QAAQ;GAAE;AAEpD,SAAO,KAAK,QAAQ,CAAC,SAAS,SAA2B;GACvD,IAAI,QAAQ,KAAK,OAAO;AAExB,OAAI,CAAC,MACH;AAGF,OAAI,CAAC,SAAS,QAAQ,MAAM,OAAO,QAAQ,MAAM,EAAE;AACjD,QAAI,OAAO;AACT,WAAM,SAAS,EAAE;AACjB,WAAM,SAAS;;AAGjB;;AAGF,UAAO;AAEP,SAAM,QAAQ,QAAQ;AAEtB,SAAM,SAAS,EAAE;AACjB,SAAM,SAAS;AAEf,OAAI,YAAY,KACd,OAAM,UAAU;YACP,YAAY,MACrB,OAAM,UAAU;IAElB;AAEF,MAAI,QAAQ,CAAC,YAAY;AACvB,OAAI,SAAS;AACX,SAAK,kBAAkB,KAAK,eAAe,KAAK,aAAa,CAAC;AAC9D,SAAK,cAAc;;AAGrB,QAAK,eAAe;;;CAIxB,cACE,MACqB;AACrB,SAAO,KAAK,OAAO,OAAO;;CAG5B,iBAAmC;AACjC,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,QAAQ,KAAK,UAAU;AACvD,OAAI,SAAS,IACX,KAAI,MAAM,QAA4B,MAAM;AAG9C,UAAO;KACN,EAAE,CAAqB;;;;;CAM5B,cAAiB;EACf,MAAM,cAAc,KAAK,gBAAgB;AAEzC,SAAO,OAAO,KAAK,YAAY,CAC5B,MAAM,CACN,QAAQ,KAAK,UAAU;AACtB,YAAS,KAAK,OAAO,YAAY,OAAO;AAExC,OAAI,MAAM,SAAS,IAAI,CACrB,QAAO,IAAI;AAGb,UAAO;KACN,EAAE,CAAM;;CAGf,cACE,MACA,OACA,YAAY,OACZ,aAAa,OACb;EACA,MAAM,QAAQ,KAAK,OAAO;AAE1B,MAAI,CAAC,SAAS,QAAQ,OAAO,MAAM,MAAM,CACvC;AAGF,QAAM,QAAQ;AAEd,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,MAAM,CACpD,QAAO,KAAK,KAAK,OAAO,CACrB,QAAQ,QAAQ,IAAI,WAAW,GAAG,KAAK,GAAG,CAAC,CAC3C,SAAS,QAAQ;GAChB,MAAM,SAAS,IAAI,QAAQ,GAAG,KAAK,IAAI,GAAG;AAE1C,QAAK,cAAc,KAAK,MAAM,WAAW,MAAM,WAAW,MAAM;IAChE;AAGN,QAAM,SAAS,EAAE;AACjB,QAAM,SAAS;AAEf,MAAI,UACF,OAAM,UAAU;AAGlB,MAAI,WAAW;AACb,QAAK,kBAAkB,KAAK,eAAe,KAAK,aAAa,CAAC;AAC9D,QAAK,cAAc;;AAGrB,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,iBAAgD,MAA6B;AAC3E,SAAO,KAAK,OAAO;;CAGrB,sBAAsB,QAAgC;AACpD,OAAK,gBAAgB;GAAE,GAAG;GAAQ,GAAG,OAAO,QAAQ,OAAO;GAAE;;CAG/D,yBAAyB,QAA0B;AACjD,OAAK,gBAAgB;GACnB,GAAG,KAAK;GACR,GAAG;GACH,GAAG,OAAO,QAAQ,OAAO;GAC1B;;CAGH,YAAY,OAA8B,YAA4B;AACpE,UAAQ,SAAS,OAAO,KAAK,KAAK,OAAO;AAEzC,QAAM,SAAS,cAAc;GAC3B,MAAM,QAAQ,KAAK,OAAO;AAE1B,OAAI,CAAC,MACH;AAKF,SAAM,QAFe,KAAK,cAAc,cAAc;AAGtD,SAAM,UAAU;AAChB,SAAM,SAAS,EAAE;AACjB,SAAM,SAAS;AACf,SAAM,gBAAgB,MAAM,gBAAgB,KAAK;IACjD;AAEF,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,MAAM,cAA6C,MAA0B;EAC3E,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAEE,CAAC,SACD,CAAC,MAAM,SAEP,MAAM,WAAW,QAEjB,QAAO,QAAQ,SAAS;WAEf,MAAM,WAAW,UAC1B,QAAO,QAAQ,OAAO,MAAM,OAAO,GAAG;AAGxC,QAAM,aAAa;AACnB,QAAM,SAAS;AAEf,QAAM,gBAAgB,MAAM,gBAAgB,KAAK;EAEjD,MAAM,eAAe,MAAM;AAG3B,SAAO,WAAW,OAAO,MAAM,aAAa,CACzC,WAAW;AACV,OAAI,MAAM,iBAAiB,aAAc;AAEzC,SAAM,aAAa;AAEnB,OAAI,CAAC,MAAM,UAAU,MAAM,OAAO,OAChC,OAAM,SAAS,EAAE;AAGnB,SAAM,SAAS;AAEf,QAAK,eAAe;IACpB,CACD,OAAO,QAAQ;AACd,OAAI,MAAM,iBAAiB,cAAc;AACvC,UAAM,SAAS,CAAC,IAAI;AACpB,UAAM,aAAa;AACnB,UAAM,SAAS;AAEf,SAAK,eAAe;;AAGtB,UAAO,QAAQ,OAAO,CAAC,IAAI,CAAC;IAC5B;;CAGN,eAA0C,OAA6B;EACrE,MAAM,aAAa,SAAS,OAAO,KAAK,KAAK,OAAO;EACpD,MAAM,YAAqD,EAAE;AAE7D,SAAO,QAAQ,WACb,WAAW,KAAK,SAAS;AACvB,UAAO,KAAK,cAAc,KAAK,CAAC,OAAO,WAAW;AAChD,cAAU,KAAK;KAAE;KAAM;KAAQ,CAAC;AAEhC,WAAO,QAAQ,QAAQ;KACvB;IACF,CACH,CAAC,WAAW;AACX,OAAI,UAAU,OACZ,QAAO,QAAQ,OAAO,UAAU;AAGlC,UAAO,KAAK,aAAa;IACzB;;CAGJ,aAA4C,MAAqB;EAC/D,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,MAAM,OAAO;;CAGvB,eAA8C,MAAqB;EACjE,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,CAAC,MAAM,OAAO;;CAGxB,eAA8C,MAAqB;EACjE,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,CAAC,MAAM;;CAGjB,IAAI,YAAqB;AACvB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,MAAM,UAAU,OAAO,QAAQ;;CAGnE,IAAI,UAAmB;AACrB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,MAAM,UAAU;AAChD,UAAO,SAAS,MAAM,OAClB,KAAK,UAAU,OAAO,MAAM,KAC1B,KAAK,UAAU,KAAK,cAAc,OAAO,MAAM,GACjD;IACJ;;;;;;CAOJ,IAAI,UAAmB;AACrB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,OAAO,UAAU;AACjD,UAAO,OAAO,WAAW;IACzB;;;;;;;CAQJ,IAAI,YAAqB;AACvB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,MAAM,UAAU;AAChD,UAAO,OAAO,WAAW;IACzB;;CAGJ,cAA6C,MAAyB;EACpE,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO,EAAE;AAErB,SAAO,MAAM,UAAU,EAAE;;;;;CAM3B,YAA2C,MAAY,YAAsB;AAE3E,MAAI,CAAC,KACH,QAAO,KAAK,aAAa,KAAK;AAGhC,MAAI,CAAC,KAAK,OAAO,MACf,MAAK,OAAO,QAAQ,KAAK,aAAa,KAAK;AAG7C,MAAI,CAAC,WACH,MAAK,eAAe;AAGtB,SAAO,KAAK,OAAO;;;;;CAMrB,YAA2C,MAAY,YAAsB;AAC3E,MAAI,KAAK,OAAO,MACd,QAAO,KAAK,OAAO;AAGrB,MAAI,CAAC,WACH,MAAK,eAAe;;;;;;;;;CAWxB,UACE,WACA;AACA,YAAU,SAAS,EAAE,MAAM,OAAO,aAAa;AAC7C,QAAK,OAAO,QAAQ,KAAK,aAAa,MAAM;IAC1C;IACA;IACD,CAAqB;IACtB;AAEF,OAAK,eAAe;;CAGtB,sBAAsB,OAA8B,YAAsB;AACxE,GAAC,SAAS,OAAO,KAAK,KAAK,OAAO,EAAE,SAAS,SAAS;GACpD,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,OAAI,CAAC,MAAO;AAEZ,SAAM,SAAS,EAAE;AACjB,SAAM,SAAS;AACf,SAAM,gBAAgB,MAAM,gBAAgB,KAAK;IACjD;AAEF,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,cACE,MACA,OACA,YACA;EACA,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,SAAS,CAAC,MAAO;AAEtB,QAAM,SAAS,CAAC,MAAM;AACtB,QAAM,SAAS;AACf,QAAM,gBAAgB,MAAM,gBAAgB,KAAK;AAEjD,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,cAAc,cAAuB;AACnC,MAAI,KAAK,iBAAiB,aAAc;AAExC,OAAK,eAAe;AACpB,OAAK,eAAe;;CAGtB,aACE,MACA,MACM;AAaN,SAZU;GACR;GACA,YAAY;GACZ,SAAS;GACT,QAAQ,EAAE;GACV,cAAc;GACd,OAAO,KAAK,cAAc;GAC1B,GAAG;GAEH,QAAQ,MAAM,QAAQ,SAAS,YAAY;GAC5C;;;AAML,SAAgB,QACd,MACA,KACA,UAGI,EAAE,EAC2B;CACjC,MAAM,EAAE,UAAU,mBAAmB;CACrC,MAAM,UAAU,OAAsC,KAAK;CAC3D,MAAM,GAAG,eAAe,SAAS,EAAE,CAAC;AAEpC,KAAI,CAAC,QAAQ,SAAS;AACpB,MAAI,KACF,SAAQ,UAAU;OACb;GAEL,MAAM,sBAAsB;AAC1B,gBAAY,EAAE,CAAC;;AAGjB,UAAO,QAAQ,UAAU,IAAI,iBAA8B,cAAc;;AAG3E,OAAK,MAAM;;AAGb,KAAI,SACF,SAAQ,QAAQ,WAAW;AAG7B,KAAI,eACF,SAAQ,QAAQ,iBAAiB;AAGnC,QAAO,CAAC,QAAQ,QAAQ"}
+{"version":3,"file":"use-form.js","names":[],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { dotize } from '@tenphi/tasty';\nimport { ReactNode, useRef, useState } from 'react';\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.isFieldDirty = this.isFieldDirty.bind(this);\n    this.getFieldNames = this.getFieldNames.bind(this);\n    this.getDirtyFieldNames = this.getDirtyFieldNames.bind(this);\n    this.getValidFieldNames = this.getValidFieldNames.bind(this);\n    this.getInvalidFieldNames = this.getInvalidFieldNames.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  isFieldDirty<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !isEqual(field.value, this.defaultValues[name]);\n  }\n\n  getFieldNames(): (keyof T & string)[] {\n    return Object.keys(this.fields) as (keyof T & string)[];\n  }\n\n  getDirtyFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldDirty(name));\n  }\n\n  getValidFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldValid(name));\n  }\n\n  getInvalidFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldInvalid(name));\n  }\n\n  get isTouched(): boolean {\n    return Object.values(this.fields).some((field) => field?.touched);\n  }\n\n  get isDirty(): boolean {\n    return this.getDirtyFieldNames().length > 0;\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(\n      (field) => 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(\n      (field) => 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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"}

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useCallback, useMemo } from "react";
 import { ListDropTargetDelegate, ListKeyboardDelegate, useDraggableCollection, useDroppableCollection } from "react-aria";

package/dist/components/navigation/Tabs/EditableTitle.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { EditableTitleInputElement, HiddenMeasure } from "./styled.js";
 import { useLayoutEffect, useRef, useState } from "react";

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/TabsContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/navigation/Tabs/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useState } from "react";
 

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 

package/dist/components/organisms/FileTabs/FileTabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.123.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.124.0 | Cube Dev Team */
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";