@cube-dev/ui-kit 0.197.0 → 0.198.0

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

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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";
 import { useProviderProps } from "../../../../provider.js";
+import { asksForFieldChrome, withFieldChrome } from "../../field-chrome.js";
 import { useValidationProps } from "../../validation/use-validation-props.js";
 import { useFieldDescribedBy } from "../../FieldWrapper/field-description.js";
 import { isModernFormController } from "../backend.js";
@@ -12,7 +13,6 @@ import { useFieldBinding } from "./use-field-binding.js";
 import { useInsideLegacyField } from "../Field.js";
 import { c } from "react/compiler-runtime";
 import { useDebugValue, useId, useState } from "react";
-
 //#region src/components/form/Form/use-field/use-field-props.tsx
 const defaultValuePropsMapper = ({ value, onChange }) => ({
 	value: value ?? null,
@@ -30,7 +30,7 @@ const defaultValuePropsMapper = ({ value, onChange }) => ({
 * legacy backend's adapter and is inert when the field is not bound to it.
 */
 function useFieldProps(inputProps, t0) {
-	const $ = c(28);
+	const $ = c(32);
 	let t1;
 	if ($[0] !== t0) {
 		t1 = t0 === void 0 ? {} : t0;
@@ -52,39 +52,41 @@ function useFieldProps(inputProps, t0) {
 	} else t2 = $[3];
 	const props = useValidationProps(useFormProps(t2));
 	const [isDisabled] = useState(params.unsafe__isDisabled ?? false);
-	const { valuePropsMapper: t3, defaultValidationTrigger: t4 } = params;
+	const { valuePropsMapper: t3, defaultValidationTrigger: t4, showsValidateErrors: t5 } = params;
 	const valuePropsMapper = t3 === void 0 ? defaultValuePropsMapper : t3;
 	const defaultValidationTrigger = t4 === void 0 ? "onBlur" : t4;
+	const showsValidateErrors = t5 === void 0 ? false : t5;
 	const isInsideLegacyField = useInsideLegacyField();
 	if (props.rules && !props.name) warn("The \"rules\" prop is not suitable for fields that are not part of a form. Use \"name\" prop to link the field to a form.");
 	const hasName = props.name != null;
 	const generatedId = useId();
-	const t5 = !(hasName && !isInsideLegacyField && !isDisabled);
-	let t6;
-	if ($[4] !== params.defaultValidationTrigger || $[5] !== t5) {
-		t6 = {
+	const isBound = hasName && !isInsideLegacyField && !isDisabled;
+	const t6 = !isBound;
+	let t7;
+	if ($[4] !== params.defaultValidationTrigger || $[5] !== t6) {
+		t7 = {
 			defaultValidationTrigger: params.defaultValidationTrigger,
-			unbound: t5
+			unbound: t6
 		};
 		$[4] = params.defaultValidationTrigger;
-		$[5] = t5;
-		$[6] = t6;
-	} else t6 = $[6];
-	const field = useFieldBinding(props, t6, generatedId);
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	const field = useFieldBinding(props, t7, generatedId);
 	const isOutsideOfForm = field?.form == null;
-	let t7;
+	let t8;
 	if ($[7] !== defaultValidationTrigger || $[8] !== field) {
-		t7 = (value, dontTouch) => {
+		t8 = (value, dontTouch) => {
 			field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
 		};
 		$[7] = defaultValidationTrigger;
 		$[8] = field;
-		$[9] = t7;
-	} else t7 = $[9];
-	const onChangeEvent = useEvent(t7);
-	let t8;
+		$[9] = t8;
+	} else t8 = $[9];
+	const onChangeEvent = useEvent(t8);
+	let t9;
 	if ($[10] !== defaultValidationTrigger || $[11] !== field || $[12] !== generatedId || $[13] !== hasName || $[14] !== isDisabled || $[15] !== isInsideLegacyField || $[16] !== isOutsideOfForm || $[17] !== onChangeEvent || $[18] !== props || $[19] !== valuePropsMapper) {
-		t8 = function resolveResult() {
+		t9 = function resolveResult() {
 			if (isInsideLegacyField || isDisabled) return props;
 			if (!hasName) {
 				if (!props.id) {
@@ -129,45 +131,49 @@ function useFieldProps(inputProps, t0) {
 		$[17] = onChangeEvent;
 		$[18] = props;
 		$[19] = valuePropsMapper;
-		$[20] = t8;
-	} else t8 = $[20];
-	const resolveResult = t8;
-	let t9;
-	if ($[21] !== hasName || $[22] !== isInsideLegacyField || $[23] !== resolveResult) {
-		const resolved = isInsideLegacyField && !hasName ? {
+		$[20] = t9;
+	} else t9 = $[20];
+	const resolveResult = t9;
+	let t10;
+	if ($[21] !== hasName || $[22] !== inputProps || $[23] !== isBound || $[24] !== isInsideLegacyField || $[25] !== isOutsideOfForm || $[26] !== resolveResult || $[27] !== showsValidateErrors) {
+		const resolved = isInsideLegacyField ? hasName ? withFieldChrome(resolveResult()) : {
 			...resolveResult(),
 			isBare: true
-		} : resolveResult();
+		} : isBound && !isOutsideOfForm || asksForFieldChrome(inputProps) || showsValidateErrors && "validate" in inputProps ? withFieldChrome(resolveResult()) : resolveResult();
 		const { field: _descriptor, dependsOn: _dependsOn, deps: _deps, ...domProps } = isModernFormController(resolved.form) ? {
 			...resolved,
 			form: void 0
 		} : resolved;
-		t9 = domProps.name != null && typeof domProps.name !== "string" ? {
+		t10 = domProps.name != null && typeof domProps.name !== "string" ? {
 			...domProps,
 			name: getFieldKey(domProps.name)
 		} : domProps;
 		$[21] = hasName;
-		$[22] = isInsideLegacyField;
-		$[23] = resolveResult;
-		$[24] = t9;
-	} else t9 = $[24];
-	const namedProps = t9;
+		$[22] = inputProps;
+		$[23] = isBound;
+		$[24] = isInsideLegacyField;
+		$[25] = isOutsideOfForm;
+		$[26] = resolveResult;
+		$[27] = showsValidateErrors;
+		$[28] = t10;
+	} else t10 = $[28];
+	const namedProps = t10;
 	const describedBy = useFieldDescribedBy(namedProps.id, namedProps["aria-describedby"]);
-	let t10;
-	if ($[25] !== describedBy || $[26] !== namedProps) {
-		t10 = describedBy === namedProps["aria-describedby"] ? namedProps : {
+	let t11;
+	if ($[29] !== describedBy || $[30] !== namedProps) {
+		t11 = describedBy === namedProps["aria-describedby"] ? namedProps : {
 			...namedProps,
 			"aria-describedby": describedBy
 		};
-		$[25] = describedBy;
-		$[26] = namedProps;
-		$[27] = t10;
-	} else t10 = $[27];
-	const describedProps = t10;
+		$[29] = describedBy;
+		$[30] = namedProps;
+		$[31] = t11;
+	} else t11 = $[31];
+	const describedProps = t11;
 	useDebugValue(describedProps);
 	return describedProps;
 }
-
 //#endregion
 export { useFieldProps };
+
 //# sourceMappingURL=use-field-props.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-field-props.js","names":["useDebugValue","useId","useState","useEvent","useProviderProps","mergeProps","warn","useFieldDescribedBy","useValidationProps","isModernFormController","useInsideLegacyField","useFormProps","getFieldKey","useFieldBinding","ValidateTrigger","ModernFormBrand","FieldTypes","UseFieldProps","UseFieldPropsParams","valuePropsMapper","value","onChange","defaultValidationTrigger","unsafe__isDisabled","defaultValuePropsMapper","StrippedFieldKey","ResolvedFieldForm","Form","ResolvedFieldProps","Props","Key","useFieldProps","inputProps","t0","$","_c","t1","undefined","params","provided","t2","field","options","form","name","path","props","isDisabled","t3","t4","isInsideLegacyField","rules","hasName","generatedId","isBound","t5","t6","unbound","isOutsideOfForm","t7","dontTouch","validateTrigger","onChangeEvent","t8","resolveResult","id","result","labelProps","for","valueProps","_form","_fieldValue","_fieldOnChange","onBlur","_fieldOnBlur","fieldRest","result_0","t9","resolved","isBare","result_1","_descriptor","dependsOn","_dependsOn","deps","_deps","domProps","namedProps","describedBy","t10","describedProps"],"sources":["../../../../../src/components/form/Form/use-field/use-field-props.tsx"],"sourcesContent":["import { useDebugValue, useId, useState } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { warn } from '../../../../utils/warnings';\nimport { useFieldDescribedBy } from '../../FieldWrapper/field-description';\nimport { useValidationProps } from '../../validation/index';\nimport { isModernFormController } from '../backend';\nimport { useInsideLegacyField } from '../Field';\nimport { useFormProps } from '../Form';\nimport { getFieldKey } from '../modern/values';\n\nimport { useFieldBinding } from './use-field-binding';\n\nimport type { ValidateTrigger } from '../../../../shared/index';\nimport type { ModernFormBrand } from '../backend';\nimport type { FieldTypes } from '../types';\nimport type { UseFieldProps } from './types';\n\nexport type UseFieldPropsParams = {\n  valuePropsMapper?: ({ value, onChange }) => any;\n  /**\n   * @default 'onBlur'\n   */\n  defaultValidationTrigger?: ValidateTrigger;\n  /**\n   * prop helps to prevent calling hook conditionally, but changing this prop during render is unsafe and forbidden\n   * If you want to change this prop after mount, remount the component with a new value.\n   */\n  unsafe__isDisabled?: boolean;\n};\n\nconst defaultValuePropsMapper = ({ value, onChange }) => ({\n  value: value ?? null,\n  onChange,\n});\n\n/** Binding inputs `useFieldProps` always strips before it returns. */\ntype StrippedFieldKey = 'field' | 'dependsOn' | 'deps';\n\n/**\n * A modern controller is stripped at runtime, so each member of `form` that is\n * one becomes `undefined`; a legacy instance survives, and `any` stays `any`.\n * Distributive, so it still applies when `Props` is a type parameter.\n */\ntype ResolvedFieldForm<Form> = Form extends ModernFormBrand ? undefined : Form;\n\n/**\n * The input's declared prop shape minus what the hook always strips: a DOM-safe\n * name, no binding inputs, and no modern controller in `form`.\n */\ntype ResolvedFieldProps<Props> = {\n  [Key in keyof Props as Key extends StrippedFieldKey\n    ? never\n    : Key]: Key extends 'name'\n    ? string | undefined\n    : Key extends 'form'\n      ? ResolvedFieldForm<Props[Key]>\n      : Props[Key];\n};\n\n/**\n * The single entry point for input components (see\n * `docs/rules/input-components.md`).\n *\n * Every hook below runs on every render, whatever the mode: standalone (no\n * `name`), inside the deprecated `<Field>`, disabled through\n * `unsafe__isDisabled`, or bound to a form. The mode only decides which props\n * come back, so an input can gain or lose a `name`, or move between forms,\n * without changing its hook order. The legacy binding (`useField`) is the\n * legacy backend's adapter and is inert when the field is not bound to it.\n */\nexport function useFieldProps<\n  T extends FieldTypes,\n  Props extends UseFieldProps<T>,\n>(\n  inputProps: Props,\n  params: UseFieldPropsParams = {},\n): ResolvedFieldProps<Props> {\n  // Provider defaults, then form context, then the normalization of the\n  // deprecated `validationState` prop into `isInvalid`/`isValid`.\n  const provided = useProviderProps(inputProps);\n  const props: Props = useValidationProps(\n    useFormProps(\n      provided.field\n        ? {\n            ...provided,\n            ...provided.field.options,\n            form: provided.field.form,\n            name:\n              typeof provided.field.path === 'string'\n                ? provided.field.path\n                : getFieldKey(provided.field.path),\n          }\n        : provided,\n    ),\n  );\n\n  // The initial value is what counts: changing it after mount is unsupported.\n  const [isDisabled] = useState(params.unsafe__isDisabled ?? false);\n\n  const {\n    valuePropsMapper = defaultValuePropsMapper,\n    defaultValidationTrigger = 'onBlur',\n  } = params;\n\n  const isInsideLegacyField = useInsideLegacyField();\n\n  if (props.rules && !props.name) {\n    warn(\n      `The \"rules\" prop is not suitable for fields that are not part of a form. Use \"name\" prop to link the field to a form.`,\n    );\n  }\n\n  const hasName = props.name != null;\n  const generatedId = useId();\n  const isBound = hasName && !isInsideLegacyField && !isDisabled;\n\n  const field = useFieldBinding<T, Props>(\n    props,\n    {\n      defaultValidationTrigger: params.defaultValidationTrigger,\n      unbound: !isBound,\n    },\n    generatedId,\n  );\n\n  const isOutsideOfForm = field?.form == null;\n\n  const onChangeEvent = useEvent((value, dontTouch: boolean) => {\n    field?.onChange?.(\n      value,\n      dontTouch,\n      field?.validateTrigger ?? defaultValidationTrigger,\n    );\n  });\n\n  function resolveResult(): Props {\n    if (isInsideLegacyField || isDisabled) {\n      return props;\n    }\n\n    if (!hasName) {\n      // Standalone field - just add generated ID if not provided\n      if (!props.id) {\n        const result = { ...props, id: generatedId };\n\n        if (result.id && !result.labelProps) {\n          result.labelProps = { for: result.id };\n        } else if (result.id && result.labelProps && !result.labelProps.for) {\n          result.labelProps = { ...result.labelProps, for: result.id };\n        }\n\n        return result as Props;\n      }\n      return props;\n    }\n\n    if (props.rules && isOutsideOfForm) {\n      warn(\n        `The \"rules\" prop is not supported for fields that are not part of a form. The \"${props.name}\" field is placed outside the form.`,\n      );\n    }\n\n    const valueProps = !isOutsideOfForm\n      ? valuePropsMapper({\n          value: field.value,\n          onChange: onChangeEvent,\n        })\n      : {};\n\n    // Exclude `form` (it must never reach a DOM node) and the field's own\n    // value and handlers: `valueProps` already maps the value and routes the\n    // component's change event into `field.onChange` under the names the\n    // component reads, and `onBlur` is added once below. `mergeProps` chains\n    // same-named handlers, so merging them here as well made every user change\n    // and every blur run the field handler twice — and onChange/onBlur-triggered\n    // validation validate twice. A raw `value` replaced the caller's own on\n    // controls that map it elsewhere: a `Checkbox` bound as `isSelected`\n    // rendered and submitted `value=\"true\"` instead of its `value=\"yes\"`.\n    const {\n      form: _form,\n      value: _fieldValue,\n      onChange: _fieldOnChange,\n      onBlur: _fieldOnBlur,\n      ...fieldRest\n    } = field ?? {};\n\n    const result: Props = isOutsideOfForm\n      ? props\n      : mergeProps(props, fieldRest, valueProps, {\n          validateTrigger: field.validateTrigger ?? defaultValidationTrigger,\n          // Chained after the caller's own `onBlur` by `mergeProps`.\n          onBlur: field.onBlur,\n        });\n\n    return result.id\n      ? { ...result, labelProps: { ...result.labelProps, for: result.id } }\n      : result;\n  }\n\n  // A nameless legacy Field already owns its child's chrome. Named Fields\n  // delegate presentation to the control along with their binding props.\n  const resolved =\n    isInsideLegacyField && !hasName\n      ? { ...resolveResult(), isBare: true }\n      : resolveResult();\n  // React Aria forwards `form` to native inputs. A modern controller is a\n  // binding source, never an HTML form id, including in standalone/group mode.\n  const result = isModernFormController(resolved.form)\n    ? { ...resolved, form: undefined }\n    : resolved;\n\n  const {\n    field: _descriptor,\n    dependsOn: _dependsOn,\n    deps: _deps,\n    ...domProps\n  } = result;\n  // Standalone and group-scoped inputs do not merge a bound field's props.\n  // Their tuple must still become a string before React Aria or DOM forwarding.\n  const namedProps =\n    domProps.name != null && typeof domProps.name !== 'string'\n      ? { ...domProps, name: getFieldKey(domProps.name) }\n      : domProps;\n  // Every input forwards `aria-describedby` to its control, so pointing it at\n  // the field's description and message here reaches all of them.\n  const describedBy = useFieldDescribedBy(\n    namedProps.id,\n    namedProps['aria-describedby'],\n  );\n  const describedProps =\n    describedBy === namedProps['aria-describedby']\n      ? namedProps\n      : { ...namedProps, 'aria-describedby': describedBy };\n  useDebugValue(describedProps);\n\n  return describedProps as unknown as ResolvedFieldProps<Props>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-field-props.js","names":["useDebugValue","useId","useState","useEvent","useProviderProps","mergeProps","warn","asksForFieldChrome","withFieldChrome","useFieldDescribedBy","useValidationProps","isModernFormController","useInsideLegacyField","useFormProps","getFieldKey","useFieldBinding","ValidateTrigger","ModernFormBrand","FieldTypes","UseFieldProps","UseFieldPropsParams","valuePropsMapper","value","onChange","defaultValidationTrigger","unsafe__isDisabled","showsValidateErrors","defaultValuePropsMapper","StrippedFieldKey","ResolvedFieldForm","Form","ResolvedFieldProps","Props","Key","useFieldProps","inputProps","t0","$","_c","t1","undefined","params","provided","t2","field","options","form","name","path","props","isDisabled","t3","t4","t5","isInsideLegacyField","rules","hasName","generatedId","isBound","t6","t7","unbound","isOutsideOfForm","t8","dontTouch","validateTrigger","onChangeEvent","t9","resolveResult","id","result","labelProps","for","valueProps","_form","_fieldValue","_fieldOnChange","onBlur","_fieldOnBlur","fieldRest","result_0","t10","resolved","isBare","result_1","_descriptor","dependsOn","_dependsOn","deps","_deps","domProps","namedProps","describedBy","t11","describedProps","_c"],"sources":["../../../../../src/components/form/Form/use-field/use-field-props.tsx"],"sourcesContent":["import { useDebugValue, useId, useState } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { warn } from '../../../../utils/warnings';\nimport { asksForFieldChrome, withFieldChrome } from '../../field-chrome';\nimport { useFieldDescribedBy } from '../../FieldWrapper/field-description';\nimport { useValidationProps } from '../../validation/index';\nimport { isModernFormController } from '../backend';\nimport { useInsideLegacyField } from '../Field';\nimport { useFormProps } from '../Form';\nimport { getFieldKey } from '../modern/values';\n\nimport { useFieldBinding } from './use-field-binding';\n\nimport type { ValidateTrigger } from '../../../../shared/index';\nimport type { ModernFormBrand } from '../backend';\nimport type { FieldTypes } from '../types';\nimport type { UseFieldProps } from './types';\n\nexport type UseFieldPropsParams = {\n  valuePropsMapper?: ({ value, onChange }) => any;\n  /**\n   * @default 'onBlur'\n   */\n  defaultValidationTrigger?: ValidateTrigger;\n  /**\n   * prop helps to prevent calling hook conditionally, but changing this prop during render is unsafe and forbidden\n   * If you want to change this prop after mount, remount the component with a new value.\n   */\n  unsafe__isDisabled?: boolean;\n  /**\n   * The control shows the errors of its `validate` under itself, so a\n   * `validate` asks for the field chrome even without a label.\n   * @default false\n   */\n  showsValidateErrors?: boolean;\n};\n\nconst defaultValuePropsMapper = ({ value, onChange }) => ({\n  value: value ?? null,\n  onChange,\n});\n\n/** Binding inputs `useFieldProps` always strips before it returns. */\ntype StrippedFieldKey = 'field' | 'dependsOn' | 'deps';\n\n/**\n * A modern controller is stripped at runtime, so each member of `form` that is\n * one becomes `undefined`; a legacy instance survives, and `any` stays `any`.\n * Distributive, so it still applies when `Props` is a type parameter.\n */\ntype ResolvedFieldForm<Form> = Form extends ModernFormBrand ? undefined : Form;\n\n/**\n * The input's declared prop shape minus what the hook always strips: a DOM-safe\n * name, no binding inputs, and no modern controller in `form`.\n */\ntype ResolvedFieldProps<Props> = {\n  [\n    Key in keyof Props as Key extends StrippedFieldKey ? never : Key\n  ]: Key extends 'name'\n    ? string | undefined\n    : Key extends 'form'\n      ? ResolvedFieldForm<Props[Key]>\n      : Props[Key];\n};\n\n/**\n * The single entry point for input components (see\n * `docs/rules/input-components.md`).\n *\n * Every hook below runs on every render, whatever the mode: standalone (no\n * `name`), inside the deprecated `<Field>`, disabled through\n * `unsafe__isDisabled`, or bound to a form. The mode only decides which props\n * come back, so an input can gain or lose a `name`, or move between forms,\n * without changing its hook order. The legacy binding (`useField`) is the\n * legacy backend's adapter and is inert when the field is not bound to it.\n */\nexport function useFieldProps<\n  T extends FieldTypes,\n  Props extends UseFieldProps<T>,\n>(\n  inputProps: Props,\n  params: UseFieldPropsParams = {},\n): ResolvedFieldProps<Props> {\n  // Provider defaults, then form context, then the normalization of the\n  // deprecated `validationState` prop into `isInvalid`/`isValid`.\n  const provided = useProviderProps(inputProps);\n  const props: Props = useValidationProps(\n    useFormProps(\n      provided.field\n        ? {\n            ...provided,\n            ...provided.field.options,\n            form: provided.field.form,\n            name:\n              typeof provided.field.path === 'string'\n                ? provided.field.path\n                : getFieldKey(provided.field.path),\n          }\n        : provided,\n    ),\n  );\n\n  // The initial value is what counts: changing it after mount is unsupported.\n  const [isDisabled] = useState(params.unsafe__isDisabled ?? false);\n\n  const {\n    valuePropsMapper = defaultValuePropsMapper,\n    defaultValidationTrigger = 'onBlur',\n    showsValidateErrors = false,\n  } = params;\n\n  const isInsideLegacyField = useInsideLegacyField();\n\n  if (props.rules && !props.name) {\n    warn(\n      `The \"rules\" prop is not suitable for fields that are not part of a form. Use \"name\" prop to link the field to a form.`,\n    );\n  }\n\n  const hasName = props.name != null;\n  const generatedId = useId();\n  const isBound = hasName && !isInsideLegacyField && !isDisabled;\n\n  const field = useFieldBinding<T, Props>(\n    props,\n    {\n      defaultValidationTrigger: params.defaultValidationTrigger,\n      unbound: !isBound,\n    },\n    generatedId,\n  );\n\n  const isOutsideOfForm = field?.form == null;\n\n  const onChangeEvent = useEvent((value, dontTouch: boolean) => {\n    field?.onChange?.(\n      value,\n      dontTouch,\n      field?.validateTrigger ?? defaultValidationTrigger,\n    );\n  });\n\n  function resolveResult(): Props {\n    if (isInsideLegacyField || isDisabled) {\n      return props;\n    }\n\n    if (!hasName) {\n      // Standalone field - just add generated ID if not provided\n      if (!props.id) {\n        const result = { ...props, id: generatedId };\n\n        if (result.id && !result.labelProps) {\n          result.labelProps = { for: result.id };\n        } else if (result.id && result.labelProps && !result.labelProps.for) {\n          result.labelProps = { ...result.labelProps, for: result.id };\n        }\n\n        return result as Props;\n      }\n      return props;\n    }\n\n    if (props.rules && isOutsideOfForm) {\n      warn(\n        `The \"rules\" prop is not supported for fields that are not part of a form. The \"${props.name}\" field is placed outside the form.`,\n      );\n    }\n\n    const valueProps = !isOutsideOfForm\n      ? valuePropsMapper({\n          value: field.value,\n          onChange: onChangeEvent,\n        })\n      : {};\n\n    // Exclude `form` (it must never reach a DOM node) and the field's own\n    // value and handlers: `valueProps` already maps the value and routes the\n    // component's change event into `field.onChange` under the names the\n    // component reads, and `onBlur` is added once below. `mergeProps` chains\n    // same-named handlers, so merging them here as well made every user change\n    // and every blur run the field handler twice — and onChange/onBlur-triggered\n    // validation validate twice. A raw `value` replaced the caller's own on\n    // controls that map it elsewhere: a `Checkbox` bound as `isSelected`\n    // rendered and submitted `value=\"true\"` instead of its `value=\"yes\"`.\n    const {\n      form: _form,\n      value: _fieldValue,\n      onChange: _fieldOnChange,\n      onBlur: _fieldOnBlur,\n      ...fieldRest\n    } = field ?? {};\n\n    const result: Props = isOutsideOfForm\n      ? props\n      : mergeProps(props, fieldRest, valueProps, {\n          validateTrigger: field.validateTrigger ?? defaultValidationTrigger,\n          // Chained after the caller's own `onBlur` by `mergeProps`.\n          onBlur: field.onBlur,\n        });\n\n    return result.id\n      ? { ...result, labelProps: { ...result.labelProps, for: result.id } }\n      : result;\n  }\n\n  // A field without a `label` still renders the field chrome when it is bound\n  // to a form, its caller gives the chrome something to show (see\n  // `asksForFieldChrome`), or it shows the errors of a `validate`\n  // (`showsValidateErrors`). A nameless legacy Field already owns its child's\n  // chrome. A named one binds its child and delegates presentation to it; its\n  // message props come and go with the error, so they decide nothing.\n  const resolved = isInsideLegacyField\n    ? hasName\n      ? withFieldChrome(resolveResult())\n      : { ...resolveResult(), isBare: true }\n    : (isBound && !isOutsideOfForm) ||\n        asksForFieldChrome(inputProps) ||\n        (showsValidateErrors && 'validate' in inputProps)\n      ? withFieldChrome(resolveResult())\n      : resolveResult();\n  // React Aria forwards `form` to native inputs. A modern controller is a\n  // binding source, never an HTML form id, including in standalone/group mode.\n  const result = isModernFormController(resolved.form)\n    ? { ...resolved, form: undefined }\n    : resolved;\n\n  const {\n    field: _descriptor,\n    dependsOn: _dependsOn,\n    deps: _deps,\n    ...domProps\n  } = result;\n  // Standalone and group-scoped inputs do not merge a bound field's props.\n  // Their tuple must still become a string before React Aria or DOM forwarding.\n  const namedProps =\n    domProps.name != null && typeof domProps.name !== 'string'\n      ? { ...domProps, name: getFieldKey(domProps.name) }\n      : domProps;\n  // Every input forwards `aria-describedby` to its control, so pointing it at\n  // the field's description and message here reaches all of them.\n  const describedBy = useFieldDescribedBy(\n    namedProps.id,\n    namedProps['aria-describedby'],\n  );\n  const describedProps =\n    describedBy === namedProps['aria-describedby']\n      ? namedProps\n      : { ...namedProps, 'aria-describedby': describedBy };\n  useDebugValue(describedProps);\n\n  return describedProps as unknown as ResolvedFieldProps<Props>;\n}\n"],"mappings":"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"}

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

@@ -3,9 +3,8 @@ import { ValidateTrigger } from "../../../../shared/form.js";
 import "../../../../shared/index.js";
 import { FieldTypes } from "../types.js";
 import { FieldReturnValue, UseFieldProps } from "./types.js";
-
 //#region src/components/form/Form/use-field/use-field.d.ts
-type UseFieldParams = {
+export type UseFieldParams = {
   defaultValidationTrigger?: ValidateTrigger;
   /**
    * Run without a binding: `useFieldProps` sets this for an input that is
@@ -14,9 +13,8 @@ type UseFieldParams = {
    */
   unbound?: boolean;
 };
-declare function useField<T extends FieldTypes, Props extends UseFieldProps<T> & {
+export declare function useField<T extends FieldTypes, Props extends UseFieldProps<T> & {
   name?: string;
 }>(props: Props, params: UseFieldParams): FieldReturnValue<T>;
 //#endregion
-export { UseFieldParams, useField };
 //# sourceMappingURL=use-field.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
@@ -7,7 +7,6 @@ import { isModernFormController, modernBackendUnavailableError } from "../backen
 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) {
@@ -159,7 +158,7 @@ function useField(props, params) {
 		nonInput
 	]);
 }
-
 //#endregion
 export { useField };
+
 //# sourceMappingURL=use-field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-field.js","names":["useEffect","useMemo","useState","useEvent","useIsFirstRender","ValidateTrigger","useLayoutEffect","resolveValidationProps","isModernFormController","modernBackendUnavailableError","useFormProps","FieldTypes","delayValidationRule","FieldReturnValue","UseFieldProps","CubeFormInstance","ID_MAP","createId","name","i","id","includes","push","removeId","filter","_id","UseFieldParams","defaultValidationTrigger","unbound","useField","T","props","Props","params","defaultValue","idPrefix","form","sourceForm","rules","message","description","errorMessage","validateTrigger","validationDelay","showValid","shouldUpdate","isRequired","isRequiredProp","necessityIndicator","necessityIndicatorProp","undefined","isInvalid","isInvalidProp","isValid","isValidProp","processedRules","finalRules","hasRequiredRule","some","rule","required","length","nonInput","fieldName","isFirstRender","baseId","assignedId","setAssignedId","base","currentId","newId","previous","boundForms","Set","forEach","boundForm","removeField","clear","field","getFieldInstance","createField","value","setFieldValue","updateInitialFieldsValue","touched","find","suppressNecessityIndicator","add","forceReRender","onChangeHandler","val","dontTouch","fieldsValue","getFieldsValue","shouldNotBeUpdated","errors","validateField","catch","onBlurHandler","setTimeout","status","onBlur","onChange"],"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 { useLayoutEffect } from '../../../../utils/react/useLayoutEffect';\nimport { resolveValidationProps } from '../../validation/index';\nimport {\n  isModernFormController,\n  modernBackendUnavailableError,\n} from '../backend';\nimport { useFormProps } from '../Form';\nimport { FieldTypes } from '../types';\nimport { delayValidationRule } from '../validation';\n\nimport { FieldReturnValue, UseFieldProps } from './types';\n\nimport type { CubeFormInstance } from '../use-form';\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   * Run without a binding: `useFieldProps` sets this for an input that is\n   * standalone, inside the deprecated `<Field>` or disabled, so that this hook\n   * is still called (stable hook order) but registers nothing.\n   */\n  unbound?: boolean;\n};\n\nexport function useField<\n  T extends FieldTypes,\n  Props extends UseFieldProps<T> & { name?: string },\n>(props: Props, params: UseFieldParams): FieldReturnValue<T> {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  props = useFormProps(props);\n\n  let {\n    defaultValue,\n    id,\n    idPrefix,\n    name,\n    form: sourceForm,\n    rules,\n    message,\n    description,\n    errorMessage,\n    validateTrigger = params.defaultValidationTrigger,\n    validationDelay,\n    showValid,\n    shouldUpdate,\n    isRequired: isRequiredProp,\n    necessityIndicator: necessityIndicatorProp,\n  } = props;\n\n  if (params.unbound) {\n    name = undefined;\n    sourceForm = undefined;\n  }\n\n  if (!params.unbound && isModernFormController(sourceForm)) {\n    throw modernBackendUnavailableError(\n      name != null ? `The \"${name}\" field` : 'A field without a name',\n    );\n  }\n\n  // A modern source is rejected above (or cleared when this adapter is inert).\n  // Keep unbranded structural legacy instances supported as before.\n  const form = sourceForm as CubeFormInstance<T> | undefined;\n\n  const { isInvalid: isInvalidProp, isValid: isValidProp } =\n    resolveValidationProps(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  const baseId = id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName);\n\n  // The id the effect below registered, with the base it was registered for.\n  // Between a base change and that effect's next run the state is stale, and\n  // handing it out would let the element carry the previous binding's id for\n  // one commit — which can duplicate a sibling's live id — so the current base\n  // is used until the effect catches up. An explicit `id` is used as it is.\n  const [assignedId, setAssignedId] = useState({ base: baseId, id: baseId });\n  const currentId = id || (assignedId.base === baseId ? assignedId.id : baseId);\n\n  // Ids are registered per base (form name prefix plus field name), so that\n  // duplicates get a suffix and the base is released when it changes or the\n  // input unmounts. `id` and `nonInput` cannot change without the base. A\n  // layout effect: when the base changes, the commit that carries the\n  // unsuffixed base is corrected before the browser paints, so a duplicate\n  // never shows a colliding id.\n  useLayoutEffect(() => {\n    if (id || nonInput) return;\n\n    const newId = createId(baseId);\n\n    setAssignedId((previous) =>\n      previous.base === baseId && previous.id === newId\n        ? previous\n        : { base: baseId, id: newId },\n    );\n\n    return () => {\n      removeId(baseId, newId);\n    };\n  }, [baseId, id, nonInput]);\n\n  // Every form this hook registered the current name with. The dual-backend\n  // shell keeps the hook mounted for standalone inputs, so a form may arrive\n  // later or change, and the name may change; the name is released from all\n  // of them, not from whichever form a closure happened to capture. This is\n  // state rather than a ref only to keep render free of ref access.\n  const [boundForms] = useState(() => new Set<CubeFormInstance<any>>());\n\n  useEffect(() => {\n    return () => {\n      if (fieldName) {\n        boundForms.forEach((boundForm) => boundForm.removeField(fieldName));\n      }\n\n      boundForms.clear();\n    };\n  }, [fieldName, boundForms]);\n\n  let field = form?.getFieldInstance(fieldName);\n\n  if (form) {\n    // First render of this binding: the hook's first render, or a named field\n    // that is not registered yet because the name or the form changed after\n    // mount. Without a name the engine returns an unstored placeholder, so it\n    // is only created on the first render, as before: creating it again on\n    // every render would give the effect below a new object each time.\n    if (isFirstRender || (!field && fieldName)) {\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  if (field) {\n    field.rules = processedRules;\n  }\n\n  let isRequired = !!processedRules?.find(\n    (rule) => 'required' in rule && rule.required === true,\n  );\n\n  // `isRequired` has two sources with different intent. A `required` rule states\n  // how the field behaves: it is what validation runs, and `aria-required` is\n  // its programmatic mirror, so the flag has to reach the input either way. The\n  // `isRequired` prop additionally states what the label should say. So unless\n  // the prop itself asked for the marker, suppress it — an absent prop and an\n  // explicit `isRequired={false}` both mean \"do not mark this\", the latter\n  // rather more loudly. An explicit `necessityIndicator` overrides either way,\n  // being a request for the marker in its own right.\n  const suppressNecessityIndicator =\n    isRequired && !isRequiredProp && necessityIndicatorProp === undefined;\n\n  // Registration happens during render. Once it is committed, remember the\n  // form for the release above and re-render the form's owner so its\n  // render-time reads see the new field. `form` is deliberately not a\n  // dependency: a form whose identity changes on every render (a copy, an\n  // inline mock) shares its store, and re-running here would loop.\n  useEffect(() => {\n    if (form && field) {\n      boundForms.add(form);\n      form.forceReRender();\n    }\n  }, [field, boundForms]);\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: currentId,\n      name: fieldName,\n      value,\n      validateTrigger,\n      form,\n      field,\n      nonInput,\n\n      // Explicit validation props always win over the state derived from the form\n      isInvalid: isInvalidProp ?? !!field?.errors?.length,\n      isValid: isValidProp ?? !!(showValid && field?.status === 'valid'),\n      ...(isRequired && { isRequired }),\n      ...(suppressNecessityIndicator && { necessityIndicator: null }),\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      currentId,\n      fieldName,\n      isRequired,\n      suppressNecessityIndicator,\n      message,\n      description,\n      errorMessage,\n      onBlurHandler,\n      onChangeHandler,\n      validateTrigger,\n      isInvalidProp,\n      isValidProp,\n      showValid,\n      nonInput,\n    ],\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,MAAMgB,SAAS,EAAE;AAEjB,SAASC,SAASC,MAAM;AACtB,KAAI,CAACA,KAAM;AAEX,KAAI,CAACF,OAAOE,MACVF,QAAOE,QAAQ,EAAE;CAGnB,IAAIC,IAAI;CACR,IAAIC;AAEJ,IAAG;AACDA,OAAKD,IAAI,GAAGD,KAAI,GAAIC,MAAMD;AAC1BC;UACOH,OAAOE,MAAMG,SAASD,GAAG;AAElCJ,QAAOE,MAAMI,KAAKF,GAAG;AAErB,QAAOA;;AAGT,SAASG,SAASL,MAAME,IAAI;AAC1B,KAAI,CAACJ,OAAOE,MAAO;AAEnBF,QAAOE,QAAQF,OAAOE,MAAMM,QAAQC,QAAQA,QAAQL,GAAG;;AAazD,SAAgBS,SAGdE,OAAcE,QAA6C;AAC3D;AAGAF,SAAQrB,aAAaqB,MAAM;CAE3B,IAAI,EACFG,cACAd,IACAe,UACAjB,MACAkB,MAAMC,YACNC,OACAC,SACAC,aACAC,cACAC,kBAAkBT,OAAON,0BACzBgB,iBACAC,WACAC,cACAC,YAAYC,gBACZC,oBAAoBC,2BAClBlB;AAEJ,KAAIE,OAAOL,SAAS;AAClBV,SAAOgC;AACPb,eAAaa;;AAGf,KAAI,CAACjB,OAAOL,WAAWpB,uBAAuB6B,WAAW,CACvD,OAAM5B,8BACJS,QAAQ,OAAO,QAAQA,KAAI,WAAY,yBACxC;CAKH,MAAMkB,OAAOC;CAEb,MAAM,EAAEc,WAAWC,eAAeC,SAASC,gBACzC/C,uBAAuBwB,MAAM;CAE/B,MAAMwB,iBAAiBtD,cAAc;EACnC,IAAIuD,aAAalB;AAGjB,MAAIS,gBAKF;OAAI,CAJoBS,YAAYE,MACjCC,SAAS,cAAcA,QAAQA,KAAKC,aAAa,KACnD,CAGCJ,cAAaA,aACT,CAAC,EAAEI,UAAU,MAAM,EAAE,GAAGJ,WAAW,GACnC,CAAC,EAAEI,UAAU,MAAM,CAAC;;AAK5B,MAAIJ,cAAcA,WAAWK,UAAUlB,gBACrC,QAAO,CAAC/B,oBAAoB+B,gBAAgB,EAAE,GAAGa,WAAW;AAG9D,SAAOA;IACN;EAAClB;EAAOK;EAAiBI;EAAe,CAAC;CAE5C,MAAMe,WAAW,CAAC5C;CAClB,MAAM6C,YAAoB7C,QAAQ,OAAOA,OAAO;CAEhD,MAAM8C,gBAAgB5D,kBAAkB;CACxC,MAAM6D,SAAS7C,OAAOe,WAAW,GAAGA,SAAQ,GAAI4B,cAAcA;CAO9D,MAAM,CAACG,YAAYC,iBAAiBjE,SAAS;EAAEkE,MAAMH;EAAQ7C,IAAI6C;EAAQ,CAAC;CAC1E,MAAMI,YAAYjD,OAAO8C,WAAWE,SAASH,SAASC,WAAW9C,KAAK6C;AAQtE3D,yBAAsB;AACpB,MAAIc,MAAM0C,SAAU;EAEpB,MAAMQ,QAAQrD,SAASgD,OAAO;AAE9BE,iBAAeI,aACbA,SAASH,SAASH,UAAUM,SAASnD,OAAOkD,QACxCC,WACA;GAAEH,MAAMH;GAAQ7C,IAAIkD;GAC1B,CAAC;AAED,eAAa;AACX/C,YAAS0C,QAAQK,MAAM;;IAExB;EAACL;EAAQ7C;EAAI0C;EAAS,CAAC;CAO1B,MAAM,CAACU,cAActE,+BAAe,IAAIuE,KAA4B,CAAC;AAErEzE,iBAAgB;AACd,eAAa;AACX,OAAI+D,UACFS,YAAWE,SAASC,cAAcA,UAAUC,YAAYb,UAAU,CAAC;AAGrES,cAAWK,OAAO;;IAEnB,CAACd,WAAWS,WAAW,CAAC;CAE3B,IAAIM,QAAQ1C,MAAM2C,iBAAiBhB,UAAU;AAE7C,KAAI3B,MAAM;AAMR,MAAI4B,iBAAkB,CAACc,SAASf,WAAY;AAC1C,OAAI,CAACe,MACHA,SAAQ1C,KAAK4C,YAAYjB,WAAW,KAAK;AAG3C,OAAIe,OAAOG,SAAS,QAAQ/C,gBAAgB,MAAM;AAChDE,SAAK8C,cAAcnB,WAAW7B,cAAc,OAAO,KAAK;AACxDE,SAAK+C,yBAAyB,GAAGpB,YAAY7B,cAAc,CAAC;AAE5D4C,YAAQ1C,MAAM2C,iBAAiBhB,UAAU;;;AAI7C,MAAI,CAACe,OAAOM,WAAWlD,gBAAgB,KACrCE,MAAK8C,cAAcnB,WAAW7B,cAAc,OAAO,KAAK;;AAI5D,KAAI4C,MACFA,OAAMxC,QAAQiB;CAGhB,IAAIT,aAAa,CAAC,CAACS,gBAAgB8B,MAChC1B,WAAS,cAAcA,UAAQA,OAAKC,aAAa,KACnD;CAUD,MAAM0B,6BACJxC,cAAc,CAACC,kBAAkBE,2BAA2BC;AAO9DlD,iBAAgB;AACd,MAAIoC,QAAQ0C,OAAO;AACjBN,cAAWe,IAAInD,KAAK;AACpBA,QAAKoD,eAAe;;IAErB,CAACV,OAAON,WAAW,CAAC;CAEvB,MAAMiB,kBAAkBtF,UAAUuF,KAAUC,cAAuB;AACjE,MAAI,CAACvD,KAAM;EAEX,MAAM0C,UAAQ1C,KAAK2C,iBAAiBhB,UAAU;AAE9C,MAAIlB,cAAc;GAChB,MAAM+C,cAAcxD,KAAKyD,gBAAgB;AAWzC,OAPE,OAAOhD,iBAAiB,YACpB,CAACA,eACD,CAACA,aAAa+C,aAAa;IACzB,GAAGA;KACF7B,YAAY2B;IACd,CAAC,CAGN;;AAIJtD,OAAK8C,cAAcnB,WAAW2B,KAAK,CAACC,UAAU;AAE9C,MACE,CAACA,cACAjD,oBAAoB,cAClBoC,WAASA,QAAMiB,UAAUjB,QAAMiB,OAAOlC,QAEzCzB,MAAK4D,cAAcjC,UAAU,CAACkC,YAAY,GAAG;GAE/C;CAEF,MAAMC,gBAAgB/F,eAAe;AACnC,MAAIuC,oBAAoB,SAEtByD,kBAAiB;AACf/D,SAAM4D,cAAcjC,UAAU,CAACkC,YAAY,GAAG;IAC9C;GAEJ;CAEF,IAAIhB,QAAQH,OAAOG;AAEnB,QAAOhF,eACE;EACLmB,IAAIiD;EACJnD,MAAM6C;EACNkB;EACAvC;EACAN;EACA0C;EACAhB;EAGAX,WAAWC,iBAAiB,CAAC,CAAC0B,OAAOiB,QAAQlC;EAC7CR,SAASC,eAAe,CAAC,EAAEV,aAAakC,OAAOsB,WAAW;EAC1D,GAAItD,cAAc,EAAEA,YAAY;EAChC,GAAIwC,8BAA8B,EAAEtC,oBAAoB,MAAM;EAC9DT,SACEA,YAAYW,SACRX,UACAuC,OAAOsB,WAAW,aAAatB,OAAOiB,SAAS;EACrDvD;EACAC,cACEA,iBAAiBS,SACbT,eACAqC,OAAOsB,WAAW,aAAatB,OAAOiB,QAAQlC,SAC5CiB,MAAMiB,OAAO,KACb7C;EACRmD,QAAQH;EACRI,UAAUb;EACX,GACD;EACErD;EACA0C;EACAA,OAAOG;EACPH,OAAOiB,QAAQlC;EACfiB,OAAOsB;EACP/B;EACAN;EACAjB;EACAwC;EACA/C;EACAC;EACAC;EACAyD;EACAT;EACA/C;EACAU;EACAE;EACAV;EACAkB;EAEJ,CAAC"}
+{"version":3,"file":"use-field.js","names":["useEffect","useMemo","useState","useEvent","useIsFirstRender","ValidateTrigger","useLayoutEffect","resolveValidationProps","isModernFormController","modernBackendUnavailableError","useFormProps","FieldTypes","delayValidationRule","FieldReturnValue","UseFieldProps","CubeFormInstance","ID_MAP","createId","name","i","id","includes","push","removeId","filter","_id","UseFieldParams","defaultValidationTrigger","unbound","useField","T","props","Props","params","defaultValue","idPrefix","form","sourceForm","rules","message","description","errorMessage","validateTrigger","validationDelay","showValid","shouldUpdate","isRequired","isRequiredProp","necessityIndicator","necessityIndicatorProp","undefined","isInvalid","isInvalidProp","isValid","isValidProp","processedRules","finalRules","hasRequiredRule","some","rule","required","length","nonInput","fieldName","isFirstRender","baseId","assignedId","setAssignedId","base","currentId","newId","previous","boundForms","Set","forEach","boundForm","removeField","clear","field","getFieldInstance","createField","value","setFieldValue","updateInitialFieldsValue","touched","find","suppressNecessityIndicator","add","forceReRender","onChangeHandler","val","dontTouch","fieldsValue","getFieldsValue","shouldNotBeUpdated","errors","validateField","catch","onBlurHandler","setTimeout","status","onBlur","onChange"],"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 { useLayoutEffect } from '../../../../utils/react/useLayoutEffect';\nimport { resolveValidationProps } from '../../validation/index';\nimport {\n  isModernFormController,\n  modernBackendUnavailableError,\n} from '../backend';\nimport { useFormProps } from '../Form';\nimport { FieldTypes } from '../types';\nimport { delayValidationRule } from '../validation';\n\nimport { FieldReturnValue, UseFieldProps } from './types';\n\nimport type { CubeFormInstance } from '../use-form';\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   * Run without a binding: `useFieldProps` sets this for an input that is\n   * standalone, inside the deprecated `<Field>` or disabled, so that this hook\n   * is still called (stable hook order) but registers nothing.\n   */\n  unbound?: boolean;\n};\n\nexport function useField<\n  T extends FieldTypes,\n  Props extends UseFieldProps<T> & { name?: string },\n>(props: Props, params: UseFieldParams): FieldReturnValue<T> {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  props = useFormProps(props);\n\n  let {\n    defaultValue,\n    id,\n    idPrefix,\n    name,\n    form: sourceForm,\n    rules,\n    message,\n    description,\n    errorMessage,\n    validateTrigger = params.defaultValidationTrigger,\n    validationDelay,\n    showValid,\n    shouldUpdate,\n    isRequired: isRequiredProp,\n    necessityIndicator: necessityIndicatorProp,\n  } = props;\n\n  if (params.unbound) {\n    name = undefined;\n    sourceForm = undefined;\n  }\n\n  if (!params.unbound && isModernFormController(sourceForm)) {\n    throw modernBackendUnavailableError(\n      name != null ? `The \"${name}\" field` : 'A field without a name',\n    );\n  }\n\n  // A modern source is rejected above (or cleared when this adapter is inert).\n  // Keep unbranded structural legacy instances supported as before.\n  const form = sourceForm as CubeFormInstance<T> | undefined;\n\n  const { isInvalid: isInvalidProp, isValid: isValidProp } =\n    resolveValidationProps(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  const baseId = id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName);\n\n  // The id the effect below registered, with the base it was registered for.\n  // Between a base change and that effect's next run the state is stale, and\n  // handing it out would let the element carry the previous binding's id for\n  // one commit — which can duplicate a sibling's live id — so the current base\n  // is used until the effect catches up. An explicit `id` is used as it is.\n  const [assignedId, setAssignedId] = useState({ base: baseId, id: baseId });\n  const currentId = id || (assignedId.base === baseId ? assignedId.id : baseId);\n\n  // Ids are registered per base (form name prefix plus field name), so that\n  // duplicates get a suffix and the base is released when it changes or the\n  // input unmounts. `id` and `nonInput` cannot change without the base. A\n  // layout effect: when the base changes, the commit that carries the\n  // unsuffixed base is corrected before the browser paints, so a duplicate\n  // never shows a colliding id.\n  useLayoutEffect(() => {\n    if (id || nonInput) return;\n\n    const newId = createId(baseId);\n\n    setAssignedId((previous) =>\n      previous.base === baseId && previous.id === newId\n        ? previous\n        : { base: baseId, id: newId },\n    );\n\n    return () => {\n      removeId(baseId, newId);\n    };\n  }, [baseId, id, nonInput]);\n\n  // Every form this hook registered the current name with. The dual-backend\n  // shell keeps the hook mounted for standalone inputs, so a form may arrive\n  // later or change, and the name may change; the name is released from all\n  // of them, not from whichever form a closure happened to capture. This is\n  // state rather than a ref only to keep render free of ref access.\n  const [boundForms] = useState(() => new Set<CubeFormInstance<any>>());\n\n  useEffect(() => {\n    return () => {\n      if (fieldName) {\n        boundForms.forEach((boundForm) => boundForm.removeField(fieldName));\n      }\n\n      boundForms.clear();\n    };\n  }, [fieldName, boundForms]);\n\n  let field = form?.getFieldInstance(fieldName);\n\n  if (form) {\n    // First render of this binding: the hook's first render, or a named field\n    // that is not registered yet because the name or the form changed after\n    // mount. Without a name the engine returns an unstored placeholder, so it\n    // is only created on the first render, as before: creating it again on\n    // every render would give the effect below a new object each time.\n    if (isFirstRender || (!field && fieldName)) {\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  if (field) {\n    field.rules = processedRules;\n  }\n\n  let isRequired = !!processedRules?.find(\n    (rule) => 'required' in rule && rule.required === true,\n  );\n\n  // `isRequired` has two sources with different intent. A `required` rule states\n  // how the field behaves: it is what validation runs, and `aria-required` is\n  // its programmatic mirror, so the flag has to reach the input either way. The\n  // `isRequired` prop additionally states what the label should say. So unless\n  // the prop itself asked for the marker, suppress it — an absent prop and an\n  // explicit `isRequired={false}` both mean \"do not mark this\", the latter\n  // rather more loudly. An explicit `necessityIndicator` overrides either way,\n  // being a request for the marker in its own right.\n  const suppressNecessityIndicator =\n    isRequired && !isRequiredProp && necessityIndicatorProp === undefined;\n\n  // Registration happens during render. Once it is committed, remember the\n  // form for the release above and re-render the form's owner so its\n  // render-time reads see the new field. `form` is deliberately not a\n  // dependency: a form whose identity changes on every render (a copy, an\n  // inline mock) shares its store, and re-running here would loop.\n  useEffect(() => {\n    if (form && field) {\n      boundForms.add(form);\n      form.forceReRender();\n    }\n  }, [field, boundForms]);\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: currentId,\n      name: fieldName,\n      value,\n      validateTrigger,\n      form,\n      field,\n      nonInput,\n\n      // Explicit validation props always win over the state derived from the form\n      isInvalid: isInvalidProp ?? !!field?.errors?.length,\n      isValid: isValidProp ?? !!(showValid && field?.status === 'valid'),\n      ...(isRequired && { isRequired }),\n      ...(suppressNecessityIndicator && { necessityIndicator: null }),\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      currentId,\n      fieldName,\n      isRequired,\n      suppressNecessityIndicator,\n      message,\n      description,\n      errorMessage,\n      onBlurHandler,\n      onChangeHandler,\n      validateTrigger,\n      isInvalidProp,\n      isValidProp,\n      showValid,\n      nonInput,\n    ],\n  );\n}\n"],"mappings":"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"}

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

@@ -2,11 +2,10 @@
 import { FORM_BACKEND, LegacyFormBrand } from "./backend.js";
 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>> implements LegacyFormBrand {
+type PartialString<T> = { [P in keyof T & string]?: T[P]; };
+export type CubeFormData<T extends FieldTypes> = { [K in keyof T & string]?: CubeFieldData<K, T[K]>; };
+export declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormData<T> = CubeFormData<T>> implements LegacyFormBrand {
   /** Backend brand: the `<Form>` facade and the field hook dispatch on it. */
   readonly [FORM_BACKEND]: "legacy";
   forceReRender: () => void;
@@ -76,10 +75,10 @@ declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormD
   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?: {
+export 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 };
+export {};
 //# sourceMappingURL=use-form.d.ts.map

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController, modernBackendUnavailableError } from "./backend.js";
 import { applyRules } from "./validation.js";
 import { dotizeConvert } from "../../../utils/dotize.js";
 import { useRef, useState } from "react";
-
 //#region src/components/form/Form/use-form.tsx
 function setValue(obj, path, value) {
 	let a = path.split(".");
@@ -339,7 +338,7 @@ function useForm(form, ref, options = {}) {
 	if (onValuesChange) formRef.current.onValuesChange = onValuesChange;
 	return [formRef.current];
 }
-
 //#endregion
-export { useForm };
+export { CubeFormInstance, useForm };
+
 //# sourceMappingURL=use-form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-form.js","names":["ReactNode","useRef","useState","dotizeConvert","FORM_BACKEND","isModernFormController","LegacyFormBrand","modernBackendUnavailableError","CubeFieldData","FieldTypes","SetFieldsArrType","applyRules","PartialString","T","P","CubeFormData","K","setValue","obj","path","value","a","split","o","length","n","shift","isEqual","v1","v2","JSON","stringify","CubeFormInstance","const","forceReRender","defaultValues","fields","TFormData","ref","isSubmitting","submitError","onValuesChange","data","Promise","onSubmit","constructor","getFieldValue","bind","getFieldsValue","setFieldValue","getFieldError","getFieldInstance","setInitialFieldsValue","resetFields","validateField","validateFields","isFieldValid","createField","isFieldInvalid","isFieldTouched","isFieldDirty","getFieldNames","getDirtyFieldNames","getValidFieldNames","getInvalidFieldNames","setFields","submit","getFormData","setFieldsValue","newData","touched","skipRender","flag","Object","keys","forEach","name","field","errors","status","undefined","validationId","Name","values","reduce","map","fieldsValue","sort","includes","isTouched","Array","isArray","filter","key","startsWith","objKey","replace","updateInitialFieldsValue","names","fieldName","defaultValue","rules","resolve","reject","validating","then","catch","err","Names","fieldsList","errorList","allSettled","push","some","isDirty","isValid","every","isInvalid","_createField","removeField","newFields","resetFieldsValidation","setFieldError","error","setSubmitting","Data","useForm","form","TSourceType","options","formRef","forceUpdate","current"],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { ReactNode, useRef, useState } from 'react';\n\nimport { dotizeConvert } from '../../../utils/dotize';\n\nimport {\n  FORM_BACKEND,\n  isModernFormController,\n  LegacyFormBrand,\n  modernBackendUnavailableError,\n} from './backend';\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> implements LegacyFormBrand\n{\n  /** Backend brand: the `<Form>` facade and the field hook dispatch on it. */\n  public readonly [FORM_BACKEND] = 'legacy' as const;\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, ...dotizeConvert(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      // Same as `setFieldValue`: a pending validation ran against the old value.\n      field.validationId = (field.validationId ?? 0) + 1;\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    // A validation that is still running belongs to the previous value. Bump\n    // the revision so its result cannot publish against this one (the caller's\n    // promise still settles) — legacy contract §7.1 #22.\n    field.validationId = (field.validationId ?? 0) + 1;\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, ...dotizeConvert(values) };\n  }\n\n  updateInitialFieldsValue(values: FieldTypes): void {\n    this.defaultValues = {\n      ...this.defaultValues,\n      ...values,\n      ...dotizeConvert(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  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const { onSubmit, onValuesChange } = options;\n\n  if (isModernFormController(form)) {\n    throw modernBackendUnavailableError('Form.useForm()');\n  }\n\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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"}
+{"version":3,"file":"use-form.js","names":["ReactNode","useRef","useState","dotizeConvert","FORM_BACKEND","isModernFormController","LegacyFormBrand","modernBackendUnavailableError","CubeFieldData","FieldTypes","SetFieldsArrType","applyRules","PartialString","T","P","CubeFormData","K","setValue","obj","path","value","a","split","o","length","n","shift","isEqual","v1","v2","JSON","stringify","CubeFormInstance","const","forceReRender","defaultValues","fields","TFormData","ref","isSubmitting","submitError","onValuesChange","data","Promise","onSubmit","constructor","getFieldValue","bind","getFieldsValue","setFieldValue","getFieldError","getFieldInstance","setInitialFieldsValue","resetFields","validateField","validateFields","isFieldValid","createField","isFieldInvalid","isFieldTouched","isFieldDirty","getFieldNames","getDirtyFieldNames","getValidFieldNames","getInvalidFieldNames","setFields","submit","getFormData","setFieldsValue","newData","touched","skipRender","flag","Object","keys","forEach","name","field","errors","status","undefined","validationId","Name","values","reduce","map","fieldsValue","sort","includes","isTouched","Array","isArray","filter","key","startsWith","objKey","replace","updateInitialFieldsValue","names","fieldName","defaultValue","rules","resolve","reject","validating","then","catch","err","Names","fieldsList","errorList","allSettled","push","some","isDirty","isValid","every","isInvalid","_createField","removeField","newFields","resetFieldsValidation","setFieldError","error","setSubmitting","Data","useForm","form","TSourceType","options","formRef","forceUpdate","current"],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { ReactNode, useRef, useState } from 'react';\n\nimport { dotizeConvert } from '../../../utils/dotize';\n\nimport {\n  FORM_BACKEND,\n  isModernFormController,\n  LegacyFormBrand,\n  modernBackendUnavailableError,\n} from './backend';\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> implements LegacyFormBrand {\n  /** Backend brand: the `<Form>` facade and the field hook dispatch on it. */\n  public readonly [FORM_BACKEND] = 'legacy' as const;\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, ...dotizeConvert(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      // Same as `setFieldValue`: a pending validation ran against the old value.\n      field.validationId = (field.validationId ?? 0) + 1;\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    // A validation that is still running belongs to the previous value. Bump\n    // the revision so its result cannot publish against this one (the caller's\n    // promise still settles) — legacy contract §7.1 #22.\n    field.validationId = (field.validationId ?? 0) + 1;\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, ...dotizeConvert(values) };\n  }\n\n  updateInitialFieldsValue(values: FieldTypes): void {\n    this.defaultValues = {\n      ...this.defaultValues,\n      ...values,\n      ...dotizeConvert(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  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const { onSubmit, onValuesChange } = options;\n\n  if (isModernFormController(form)) {\n    throw modernBackendUnavailableError('Form.useForm()');\n  }\n\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,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
-
 //#region src/components/form/Form/validation.ts
 const TYPE_CHECKERS = {
 	string(v) {
@@ -127,7 +126,7 @@ const delayValidationRule = (timeout = 500) => {
 		});
 	} };
 };
-
 //#endregion
 export { applyRule, applyRules, delayValidationRule };
+
 //# sourceMappingURL=validation.js.map