@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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";
@@ -9,6 +9,7 @@ import { getFieldKey } from "../modern/values.js";
 import { useFormProps } from "../Form.js";
 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
@@ -27,73 +28,117 @@ const defaultValuePropsMapper = ({ value, onChange }) => ({
 * without changing its hook order. The legacy binding (`useField`) is the
 * legacy backend's adapter and is inert when the field is not bound to it.
 */
-function useFieldProps(inputProps, params = {}) {
+function useFieldProps(inputProps, t0) {
+	const $ = c(21);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const params = t1;
 	const provided = useProviderProps(inputProps);
-	const props = useValidationProps(useFormProps(provided.field ? {
-		...provided,
-		...provided.field.options,
-		form: provided.field.form,
-		name: typeof provided.field.path === "string" ? provided.field.path : getFieldKey(provided.field.path)
-	} : provided));
+	let t2;
+	if ($[2] !== provided) {
+		t2 = provided.field ? {
+			...provided,
+			...provided.field.options,
+			form: provided.field.form,
+			name: typeof provided.field.path === "string" ? provided.field.path : getFieldKey(provided.field.path)
+		} : provided;
+		$[2] = provided;
+		$[3] = t2;
+	} else t2 = $[3];
+	const props = useValidationProps(useFormProps(t2));
 	const [isDisabled] = useState(params.unsafe__isDisabled ?? false);
-	const { valuePropsMapper = defaultValuePropsMapper, defaultValidationTrigger = "onBlur" } = params;
+	const { valuePropsMapper: t3, defaultValidationTrigger: t4 } = params;
+	const valuePropsMapper = t3 === void 0 ? defaultValuePropsMapper : t3;
+	const defaultValidationTrigger = t4 === void 0 ? "onBlur" : t4;
 	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.`);
+	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 isBound = hasName && !isInsideLegacyField && !isDisabled;
-	const field = useFieldBinding(props, {
-		defaultValidationTrigger: params.defaultValidationTrigger,
-		unbound: !isBound
-	}, generatedId);
+	const t5 = !(hasName && !isInsideLegacyField && !isDisabled);
+	let t6;
+	if ($[4] !== params.defaultValidationTrigger || $[5] !== t5) {
+		t6 = {
+			defaultValidationTrigger: params.defaultValidationTrigger,
+			unbound: t5
+		};
+		$[4] = params.defaultValidationTrigger;
+		$[5] = t5;
+		$[6] = t6;
+	} else t6 = $[6];
+	const field = useFieldBinding(props, t6, generatedId);
 	const isOutsideOfForm = field?.form == null;
-	const onChangeEvent = useEvent((value, dontTouch) => {
-		field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
-	});
-	function resolveResult() {
-		if (isInsideLegacyField || isDisabled) return props;
-		if (!hasName) {
-			if (!props.id) {
-				const result = {
-					...props,
-					id: generatedId
-				};
-				if (result.id && !result.labelProps) result.labelProps = { for: result.id };
-				else if (result.id && result.labelProps && !result.labelProps.for) result.labelProps = {
-					...result.labelProps,
-					for: result.id
-				};
-				return result;
+	let t7;
+	if ($[7] !== defaultValidationTrigger || $[8] !== field) {
+		t7 = (value, dontTouch) => {
+			field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
+		};
+		$[7] = defaultValidationTrigger;
+		$[8] = field;
+		$[9] = t7;
+	} else t7 = $[9];
+	const onChangeEvent = useEvent(t7);
+	let t8;
+	if ($[10] !== defaultValidationTrigger || $[11] !== field || $[12] !== generatedId || $[13] !== hasName || $[14] !== isDisabled || $[15] !== isInsideLegacyField || $[16] !== isOutsideOfForm || $[17] !== onChangeEvent || $[18] !== props || $[19] !== valuePropsMapper) {
+		const resolved = function resolveResult() {
+			if (isInsideLegacyField || isDisabled) return props;
+			if (!hasName) {
+				if (!props.id) {
+					const result = {
+						...props,
+						id: generatedId
+					};
+					if (result.id && !result.labelProps) result.labelProps = { for: result.id };
+					else if (result.id && result.labelProps && !result.labelProps.for) result.labelProps = {
+						...result.labelProps,
+						for: result.id
+					};
+					return result;
+				}
+				return props;
 			}
-			return props;
-		}
-		if (props.rules && isOutsideOfForm) warn(`The "rules" prop is not supported for fields that are not part of a form. The "${props.name}" field is placed outside the form.`);
-		const valueProps = !isOutsideOfForm ? valuePropsMapper({
-			value: field.value,
-			onChange: onChangeEvent
-		}) : {};
-		const { form: _form, onChange: _fieldOnChange, onBlur: _fieldOnBlur, ...fieldRest } = field ?? {};
-		const result = isOutsideOfForm ? props : mergeProps(props, fieldRest, valueProps, {
-			validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
-			onBlur: field.onBlur
-		});
-		return result.id ? {
-			...result,
-			labelProps: {
-				...result.labelProps,
-				for: result.id
-			}
-		} : result;
-	}
-	const resolved = resolveResult();
-	const { field: _descriptor, dependsOn: _dependsOn, deps: _deps, ...domProps } = isModernFormController(resolved.form) ? {
-		...resolved,
-		form: void 0
-	} : resolved;
-	const namedProps = domProps.name != null && typeof domProps.name !== "string" ? {
-		...domProps,
-		name: getFieldKey(domProps.name)
-	} : domProps;
+			if (props.rules && isOutsideOfForm) warn(`The "rules" prop is not supported for fields that are not part of a form. The "${props.name}" field is placed outside the form.`);
+			const valueProps = !isOutsideOfForm ? valuePropsMapper({
+				value: field.value,
+				onChange: onChangeEvent
+			}) : {};
+			const { form: _form, onChange: _fieldOnChange, onBlur: _fieldOnBlur, ...fieldRest } = field ?? {};
+			const result_0 = isOutsideOfForm ? props : mergeProps(props, fieldRest, valueProps, {
+				validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
+				onBlur: field.onBlur
+			});
+			return result_0.id ? {
+				...result_0,
+				labelProps: {
+					...result_0.labelProps,
+					for: result_0.id
+				}
+			} : result_0;
+		}();
+		const { field: _descriptor, dependsOn: _dependsOn, deps: _deps, ...domProps } = isModernFormController(resolved.form) ? {
+			...resolved,
+			form: void 0
+		} : resolved;
+		t8 = domProps.name != null && typeof domProps.name !== "string" ? {
+			...domProps,
+			name: getFieldKey(domProps.name)
+		} : domProps;
+		$[10] = defaultValidationTrigger;
+		$[11] = field;
+		$[12] = generatedId;
+		$[13] = hasName;
+		$[14] = isDisabled;
+		$[15] = isInsideLegacyField;
+		$[16] = isOutsideOfForm;
+		$[17] = onChangeEvent;
+		$[18] = props;
+		$[19] = valuePropsMapper;
+		$[20] = t8;
+	} else t8 = $[20];
+	const namedProps = t8;
 	useDebugValue(namedProps);
 	return namedProps;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"use-field-props.js","names":[],"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 { 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 { 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/** Preserve the input's prop shape while exposing a DOM-safe name. */\ntype ResolvedFieldProps<Props> = {\n  [Key in keyof Props]: Key extends 'name' ? string | undefined : 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    // handlers: `valueProps` already routes the component's change event into\n    // `field.onChange` under the name the component listens to, and `onBlur` is\n    // added once below. `mergeProps` chains same-named handlers, so merging them\n    // here as well made every user change and every blur run the field handler\n    // twice — and onChange/onBlur-triggered validation validate twice.\n    const {\n      form: _form,\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  const resolved = 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  useDebugValue(namedProps);\n\n  return namedProps as ResolvedFieldProps<Props>;\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAM,2BAA2B,EAAE,OAAO,gBAAgB;CACxD,OAAO,SAAS;CAChB;CACD;;;;;;;;;;;;AAkBD,SAAgB,cAId,YACA,SAA8B,EAAE,EACL;CAG3B,MAAM,WAAW,iBAAiB,WAAW;CAC7C,MAAM,QAAe,mBACnB,aACE,SAAS,QACL;EACE,GAAG;EACH,GAAG,SAAS,MAAM;EAClB,MAAM,SAAS,MAAM;EACrB,MACE,OAAO,SAAS,MAAM,SAAS,WAC3B,SAAS,MAAM,OACf,YAAY,SAAS,MAAM,KAAK;EACvC,GACD,SACL,CACF;CAGD,MAAM,CAAC,cAAc,SAAS,OAAO,sBAAsB,MAAM;CAEjE,MAAM,EACJ,mBAAmB,yBACnB,2BAA2B,aACzB;CAEJ,MAAM,sBAAsB,sBAAsB;AAElD,KAAI,MAAM,SAAS,CAAC,MAAM,KACxB,MACE,wHACD;CAGH,MAAM,UAAU,MAAM,QAAQ;CAC9B,MAAM,cAAc,OAAO;CAC3B,MAAM,UAAU,WAAW,CAAC,uBAAuB,CAAC;CAEpD,MAAM,QAAQ,gBACZ,OACA;EACE,0BAA0B,OAAO;EACjC,SAAS,CAAC;EACX,EACD,YACD;CAED,MAAM,kBAAkB,OAAO,QAAQ;CAEvC,MAAM,gBAAgB,UAAU,OAAO,cAAuB;AAC5D,SAAO,WACL,OACA,WACA,OAAO,mBAAmB,yBAC3B;GACD;CAEF,SAAS,gBAAuB;AAC9B,MAAI,uBAAuB,WACzB,QAAO;AAGT,MAAI,CAAC,SAAS;AAEZ,OAAI,CAAC,MAAM,IAAI;IACb,MAAM,SAAS;KAAE,GAAG;KAAO,IAAI;KAAa;AAE5C,QAAI,OAAO,MAAM,CAAC,OAAO,WACvB,QAAO,aAAa,EAAE,KAAK,OAAO,IAAI;aAC7B,OAAO,MAAM,OAAO,cAAc,CAAC,OAAO,WAAW,IAC9D,QAAO,aAAa;KAAE,GAAG,OAAO;KAAY,KAAK,OAAO;KAAI;AAG9D,WAAO;;AAET,UAAO;;AAGT,MAAI,MAAM,SAAS,gBACjB,MACE,kFAAkF,MAAM,KAAK,qCAC9F;EAGH,MAAM,aAAa,CAAC,kBAChB,iBAAiB;GACf,OAAO,MAAM;GACb,UAAU;GACX,CAAC,GACF,EAAE;EAQN,MAAM,EACJ,MAAM,OACN,UAAU,gBACV,QAAQ,cACR,GAAG,cACD,SAAS,EAAE;EAEf,MAAM,SAAgB,kBAClB,QACA,WAAW,OAAO,WAAW,YAAY;GACvC,iBAAiB,MAAM,mBAAmB;GAE1C,QAAQ,MAAM;GACf,CAAC;AAEN,SAAO,OAAO,KACV;GAAE,GAAG;GAAQ,YAAY;IAAE,GAAG,OAAO;IAAY,KAAK,OAAO;IAAI;GAAE,GACnE;;CAGN,MAAM,WAAW,eAAe;CAOhC,MAAM,EACJ,OAAO,aACP,WAAW,YACX,MAAM,OACN,GAAG,aARU,uBAAuB,SAAS,KAAK,GAChD;EAAE,GAAG;EAAU,MAAM;EAAW,GAChC;CAUJ,MAAM,aACJ,SAAS,QAAQ,QAAQ,OAAO,SAAS,SAAS,WAC9C;EAAE,GAAG;EAAU,MAAM,YAAY,SAAS,KAAK;EAAE,GACjD;AACN,eAAc,WAAW;AAEzB,QAAO"}
+{"version":3,"file":"use-field-props.js","names":["useDebugValue","useId","useState","useEvent","useProviderProps","mergeProps","warn","useValidationProps","isModernFormController","useInsideLegacyField","useFormProps","getFieldKey","useFieldBinding","ValidateTrigger","FieldTypes","UseFieldProps","UseFieldPropsParams","valuePropsMapper","value","onChange","defaultValidationTrigger","unsafe__isDisabled","defaultValuePropsMapper","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","_fieldOnChange","onBlur","_fieldOnBlur","fieldRest","result_0","resolved","result_1","_descriptor","dependsOn","_dependsOn","deps","_deps","domProps","namedProps"],"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 { 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 { 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/** Preserve the input's prop shape while exposing a DOM-safe name. */\ntype ResolvedFieldProps<Props> = {\n  [Key in keyof Props]: Key extends 'name' ? string | undefined : 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    // handlers: `valueProps` already routes the component's change event into\n    // `field.onChange` under the name the component listens to, and `onBlur` is\n    // added once below. `mergeProps` chains same-named handlers, so merging them\n    // here as well made every user change and every blur run the field handler\n    // twice — and onChange/onBlur-triggered validation validate twice.\n    const {\n      form: _form,\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  const resolved = 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  useDebugValue(namedProps);\n\n  return namedProps as ResolvedFieldProps<Props>;\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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";
@@ -27,6 +27,7 @@ function removeId(name, id) {
 	ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
 }
 function useField(props, params) {
+	"use no memo";
 	props = useFormProps(props);
 	let { defaultValue, id, idPrefix, name, form: sourceForm, rules, message, description, errorMessage, validateTrigger = params.defaultValidationTrigger, validationDelay, showValid, shouldUpdate, isRequired: isRequiredProp, necessityIndicator: necessityIndicatorProp } = props;
 	if (params.unbound) {
@@ -92,7 +93,7 @@ function useField(props, params) {
 		if (!field?.touched && defaultValue != null) form.setFieldValue(fieldName, defaultValue, false, true);
 	}
 	if (field) field.rules = processedRules;
-	let isRequired = !!processedRules?.find((rule) => "required" in rule && rule.required === true);
+	let isRequired = !!processedRules?.find((rule_0) => "required" in rule_0 && rule_0.required === true);
 	const suppressNecessityIndicator = isRequired && !isRequiredProp && necessityIndicatorProp === void 0;
 	useEffect(() => {
 		if (form && field) {
@@ -102,7 +103,7 @@ function useField(props, params) {
 	}, [field, boundForms]);
 	const onChangeHandler = useEvent((val, dontTouch) => {
 		if (!form) return;
-		const field = form.getFieldInstance(fieldName);
+		const field_0 = form.getFieldInstance(fieldName);
 		if (shouldUpdate) {
 			const fieldsValue = form.getFieldsValue();
 			if (typeof shouldUpdate === "boolean" ? !shouldUpdate : !shouldUpdate(fieldsValue, {
@@ -111,7 +112,7 @@ function useField(props, params) {
 			})) return;
 		}
 		form.setFieldValue(fieldName, val, !dontTouch);
-		if (!dontTouch && (validateTrigger === "onChange" || field && field.errors && field.errors.length)) form.validateField(fieldName).catch(() => {});
+		if (!dontTouch && (validateTrigger === "onChange" || field_0 && field_0.errors && field_0.errors.length)) form.validateField(fieldName).catch(() => {});
 	});
 	const onBlurHandler = useEvent(() => {
 		if (validateTrigger === "onBlur") setTimeout(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"use-field.js","names":[],"sources":["../../../../../src/components/form/Form/use-field/use-field.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useEvent, useIsFirstRender } from '../../../../_internal/index';\nimport { ValidateTrigger } from '../../../../shared/index';\nimport { 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  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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"}
+{"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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController, modernBackendUnavailableError } from "./backend.js";
 import { applyRules } from "./validation.js";
 import { dotizeConvert } from "../../../utils/dotize.js";
@@ -320,6 +320,7 @@ var CubeFormInstance = class {
 	}
 };
 function useForm(form, ref, options = {}) {
+	"use no memo";
 	const { onSubmit, onValuesChange } = options;
 	if (isModernFormController(form)) throw modernBackendUnavailableError("Form.useForm()");
 	const formRef = useRef(null);

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

@@ -1 +1 @@
-{"version":3,"file":"use-form.js","names":[],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { 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  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{\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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

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

@@ -1 +1 @@
-{"version":3,"file":"validation.js","names":["validateEmail"],"sources":["../../../../src/components/form/Form/validation.ts"],"sourcesContent":["import { validate as validateEmail } from 'email-validator';\nimport validUrl from 'valid-url';\n\nconst TYPE_CHECKERS = {\n  string(v) {\n    return typeof v === 'string';\n  },\n  number(v) {\n    return typeof v === 'number';\n  },\n  boolean(v) {\n    return typeof v === 'boolean';\n  },\n  method(v) {\n    return typeof v === 'function';\n  },\n  regexp(v) {\n    return v instanceof RegExp;\n  },\n  integer(v) {\n    return typeof v === 'number' && v === parseInt(String(v), 10);\n  },\n  array(v) {\n    return Array.isArray(v);\n  },\n  object(v) {\n    return typeof v === 'object' && !Array.isArray(v);\n  },\n  date(v) {\n    return v instanceof Date;\n  },\n  url(v) {\n    return typeof v === 'string' && validUrl.isUri(v);\n  },\n  hex(v) {\n    return typeof v === 'string' && v.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/);\n  },\n  email(v) {\n    return validateEmail(v);\n  },\n  any(v) {\n    return true;\n  },\n};\n\nconst TYPE_LIST = Object.keys(TYPE_CHECKERS);\n\nconst VALIDATORS = {\n  async required(value, rule) {\n    if (!rule.required) return Promise.resolve();\n\n    if (Array.isArray(value)) {\n      return value.length ? Promise.resolve() : Promise.reject();\n    }\n\n    return !!value || value === 0 ? Promise.resolve() : Promise.reject();\n  },\n  async whitespace(value) {\n    if (typeof value !== 'string' || value.trim()) return Promise.resolve();\n\n    return Promise.reject();\n  },\n  async pattern(value, rule) {\n    const pattern = rule.pattern;\n\n    if (typeof value !== 'string') return Promise.resolve();\n\n    return value.match(pattern) ? Promise.resolve() : Promise.reject();\n  },\n  async enum(value, rule) {\n    const options = rule.enum || [];\n\n    if (!value && value !== 0) return Promise.resolve();\n\n    return options.includes(value) ? Promise.resolve() : Promise.reject();\n  },\n  async len(value, rule) {\n    const len = rule.len;\n\n    if (typeof value === 'number') {\n      return value === len ? Promise.resolve() : Promise.reject();\n    }\n\n    if (!value || !('length' in value)) return Promise.resolve();\n\n    return value.length === len ? Promise.resolve() : Promise.reject();\n  },\n  async max(value, rule) {\n    const max = rule.max;\n\n    if (typeof value === 'number') {\n      return value <= max ? Promise.resolve() : Promise.reject();\n    }\n\n    if (!value || (typeof value !== 'string' && !Array.isArray(value)))\n      return Promise.resolve();\n\n    return value.length <= max ? Promise.resolve() : Promise.reject();\n  },\n  async min(value, rule) {\n    const min = rule.min;\n\n    if (typeof value === 'number') {\n      return value >= min ? Promise.resolve() : Promise.reject();\n    }\n\n    if (!value || (typeof value !== 'string' && !Array.isArray(value)))\n      return Promise.resolve();\n\n    return value.length >= min ? Promise.resolve() : Promise.reject();\n  },\n  async validator(value, rule) {\n    return rule.validator(rule, value);\n  },\n  async type(value, rule) {\n    const type = rule.type;\n\n    if (!TYPE_LIST.includes(type)) return Promise.resolve();\n\n    return TYPE_CHECKERS[type](value) ? Promise.resolve() : Promise.reject();\n  },\n};\n\nconst VALIDATOR_NAMES = Object.keys(VALIDATORS);\n\nexport async function applyRule(value, rule, form) {\n  if (typeof rule === 'function') {\n    rule = rule(form);\n  }\n\n  if (typeof rule.transform === 'function') {\n    value = rule.transform(value);\n  }\n\n  for (let validatorName of VALIDATOR_NAMES) {\n    if (!(validatorName in rule)) continue;\n\n    const checker = VALIDATORS[validatorName];\n\n    await checker(value, rule);\n  }\n}\n\nexport async function applyRules(field, form, validationId = 0) {\n  const { value, rules } = field;\n\n  if (!rules || !rules.length) return;\n\n  for (let rule of rules) {\n    if (field.validationId && validationId !== field.validationId) return;\n\n    await applyRule(value, rule, form).catch((err) => {\n      if (err instanceof Error) {\n        err = err?.message || rule.message;\n      }\n\n      throw err || rule.message;\n    });\n  }\n}\n\nexport const delayValidationRule = (timeout = 500) => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  let storedResolve: () => void;\n\n  return {\n    async validator(): Promise<void> {\n      clearTimeout(timeoutId);\n\n      if (storedResolve) {\n        storedResolve();\n      }\n\n      return new Promise((resolve) => {\n        storedResolve = resolve;\n\n        timeoutId = setTimeout(() => {\n          resolve();\n        }, timeout);\n      });\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"validation.js","names":["validate","validateEmail","validUrl","TYPE_CHECKERS","string","v","number","boolean","method","regexp","RegExp","integer","parseInt","String","array","Array","isArray","object","date","Date","url","isUri","hex","match","email","any","TYPE_LIST","Object","keys","VALIDATORS","required","value","rule","Promise","resolve","length","reject","whitespace","trim","pattern","enum","options","includes","len","max","min","validator","type","VALIDATOR_NAMES","applyRule","form","transform","validatorName","checker","applyRules","field","validationId","rules","catch","err","Error","message","delayValidationRule","timeout","timeoutId","ReturnType","setTimeout","storedResolve","clearTimeout"],"sources":["../../../../src/components/form/Form/validation.ts"],"sourcesContent":["import { validate as validateEmail } from 'email-validator';\nimport validUrl from 'valid-url';\n\nconst TYPE_CHECKERS = {\n  string(v) {\n    return typeof v === 'string';\n  },\n  number(v) {\n    return typeof v === 'number';\n  },\n  boolean(v) {\n    return typeof v === 'boolean';\n  },\n  method(v) {\n    return typeof v === 'function';\n  },\n  regexp(v) {\n    return v instanceof RegExp;\n  },\n  integer(v) {\n    return typeof v === 'number' && v === parseInt(String(v), 10);\n  },\n  array(v) {\n    return Array.isArray(v);\n  },\n  object(v) {\n    return typeof v === 'object' && !Array.isArray(v);\n  },\n  date(v) {\n    return v instanceof Date;\n  },\n  url(v) {\n    return typeof v === 'string' && validUrl.isUri(v);\n  },\n  hex(v) {\n    return typeof v === 'string' && v.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/);\n  },\n  email(v) {\n    return validateEmail(v);\n  },\n  any(v) {\n    return true;\n  },\n};\n\nconst TYPE_LIST = Object.keys(TYPE_CHECKERS);\n\nconst VALIDATORS = {\n  async required(value, rule) {\n    if (!rule.required) return Promise.resolve();\n\n    if (Array.isArray(value)) {\n      return value.length ? Promise.resolve() : Promise.reject();\n    }\n\n    return !!value || value === 0 ? Promise.resolve() : Promise.reject();\n  },\n  async whitespace(value) {\n    if (typeof value !== 'string' || value.trim()) return Promise.resolve();\n\n    return Promise.reject();\n  },\n  async pattern(value, rule) {\n    const pattern = rule.pattern;\n\n    if (typeof value !== 'string') return Promise.resolve();\n\n    return value.match(pattern) ? Promise.resolve() : Promise.reject();\n  },\n  async enum(value, rule) {\n    const options = rule.enum || [];\n\n    if (!value && value !== 0) return Promise.resolve();\n\n    return options.includes(value) ? Promise.resolve() : Promise.reject();\n  },\n  async len(value, rule) {\n    const len = rule.len;\n\n    if (typeof value === 'number') {\n      return value === len ? Promise.resolve() : Promise.reject();\n    }\n\n    if (!value || !('length' in value)) return Promise.resolve();\n\n    return value.length === len ? Promise.resolve() : Promise.reject();\n  },\n  async max(value, rule) {\n    const max = rule.max;\n\n    if (typeof value === 'number') {\n      return value <= max ? Promise.resolve() : Promise.reject();\n    }\n\n    if (!value || (typeof value !== 'string' && !Array.isArray(value)))\n      return Promise.resolve();\n\n    return value.length <= max ? Promise.resolve() : Promise.reject();\n  },\n  async min(value, rule) {\n    const min = rule.min;\n\n    if (typeof value === 'number') {\n      return value >= min ? Promise.resolve() : Promise.reject();\n    }\n\n    if (!value || (typeof value !== 'string' && !Array.isArray(value)))\n      return Promise.resolve();\n\n    return value.length >= min ? Promise.resolve() : Promise.reject();\n  },\n  async validator(value, rule) {\n    return rule.validator(rule, value);\n  },\n  async type(value, rule) {\n    const type = rule.type;\n\n    if (!TYPE_LIST.includes(type)) return Promise.resolve();\n\n    return TYPE_CHECKERS[type](value) ? Promise.resolve() : Promise.reject();\n  },\n};\n\nconst VALIDATOR_NAMES = Object.keys(VALIDATORS);\n\nexport async function applyRule(value, rule, form) {\n  if (typeof rule === 'function') {\n    rule = rule(form);\n  }\n\n  if (typeof rule.transform === 'function') {\n    value = rule.transform(value);\n  }\n\n  for (let validatorName of VALIDATOR_NAMES) {\n    if (!(validatorName in rule)) continue;\n\n    const checker = VALIDATORS[validatorName];\n\n    await checker(value, rule);\n  }\n}\n\nexport async function applyRules(field, form, validationId = 0) {\n  const { value, rules } = field;\n\n  if (!rules || !rules.length) return;\n\n  for (let rule of rules) {\n    if (field.validationId && validationId !== field.validationId) return;\n\n    await applyRule(value, rule, form).catch((err) => {\n      if (err instanceof Error) {\n        err = err?.message || rule.message;\n      }\n\n      throw err || rule.message;\n    });\n  }\n}\n\nexport const delayValidationRule = (timeout = 500) => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  let storedResolve: () => void;\n\n  return {\n    async validator(): Promise<void> {\n      clearTimeout(timeoutId);\n\n      if (storedResolve) {\n        storedResolve();\n      }\n\n      return new Promise((resolve) => {\n        storedResolve = resolve;\n\n        timeoutId = setTimeout(() => {\n          resolve();\n        }, timeout);\n      });\n    },\n  };\n};\n"],"mappings":"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"}