npm - @cube-dev/ui-kit - Versions diffs - 0.181.0 → 0.183.0 - Mend

@cube-dev/ui-kit 0.181.0 → 0.183.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1133) hide show

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"version":3,"file":"use-field.js","names":["useEffect","useMemo","useState","useEvent","useIsFirstRender","ValidateTrigger","useLayoutEffect","resolveValidationProps","isModernFormController","modernBackendUnavailableError","useFormProps","FieldTypes","delayValidationRule","FieldReturnValue","UseFieldProps","CubeFormInstance","ID_MAP","createId","name","i","id","includes","push","removeId","filter","_id","UseFieldParams","defaultValidationTrigger","unbound","useField","T","props","Props","params","defaultValue","idPrefix","form","sourceForm","rules","message","description","errorMessage","validateTrigger","validationDelay","showValid","shouldUpdate","isRequired","isRequiredProp","necessityIndicator","necessityIndicatorProp","undefined","isInvalid","isInvalidProp","isValid","isValidProp","processedRules","finalRules","hasRequiredRule","some","rule","required","length","nonInput","fieldName","isFirstRender","baseId","assignedId","setAssignedId","base","currentId","newId","previous","boundForms","Set","forEach","boundForm","removeField","clear","field","getFieldInstance","createField","value","setFieldValue","updateInitialFieldsValue","touched","find","suppressNecessityIndicator","add","forceReRender","onChangeHandler","val","dontTouch","fieldsValue","getFieldsValue","shouldNotBeUpdated","errors","validateField","catch","onBlurHandler","setTimeout","status","onBlur","onChange"],"sources":["../../../../../src/components/form/Form/use-field/use-field.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useEvent, useIsFirstRender } from '../../../../_internal/index';\nimport { ValidateTrigger } from '../../../../shared/index';\nimport { useLayoutEffect } from '../../../../utils/react/useLayoutEffect';\nimport { resolveValidationProps } from '../../validation/index';\nimport {\n isModernFormController,\n modernBackendUnavailableError,\n} from '../backend';\nimport { useFormProps } from '../Form';\nimport { FieldTypes } from '../types';\nimport { delayValidationRule } from '../validation';\n\nimport { FieldReturnValue, UseFieldProps } from './types';\n\nimport type { CubeFormInstance } from '../use-form';\n\nconst ID_MAP = {};\n\nfunction createId(name) {\n if (!name) return;\n\n if (!ID_MAP[name]) {\n ID_MAP[name] = [];\n }\n\n let i = 0;\n let id;\n\n do {\n id = i ? `${name}_${i}` : name;\n i++;\n } while (ID_MAP[name].includes(id));\n\n ID_MAP[name].push(id);\n\n return id;\n}\n\nfunction removeId(name, id) {\n if (!ID_MAP[name]) return;\n\n ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);\n}\n\nexport type UseFieldParams = {\n defaultValidationTrigger?: ValidateTrigger;\n /*\n Run without a binding: `useFieldProps` sets this for an input that is\n * standalone, inside the deprecated `<Field>` or disabled, so that this hook\n * is still called (stable hook order) but registers nothing.\n */\n unbound?: boolean;\n};\n\nexport function useField<\n T extends FieldTypes,\n Props extends UseFieldProps<T> & { name?: string },\n>(props: Props, params: UseFieldParams): FieldReturnValue<T> {\n 'use no memo';\n // Legacy form state is mutable; preserve its render-time reads until migration.\n\n props = useFormProps(props);\n\n let {\n defaultValue,\n id,\n idPrefix,\n name,\n form: sourceForm,\n rules,\n message,\n description,\n errorMessage,\n validateTrigger = params.defaultValidationTrigger,\n validationDelay,\n showValid,\n shouldUpdate,\n isRequired: isRequiredProp,\n necessityIndicator: necessityIndicatorProp,\n } = props;\n\n if (params.unbound) {\n name = undefined;\n sourceForm = undefined;\n }\n\n if (!params.unbound && isModernFormController(sourceForm)) {\n throw modernBackendUnavailableError(\n name != null ? `The \"${name}\" field` : 'A field without a name',\n );\n }\n\n // A modern source is rejected above (or cleared when this adapter is inert).\n // Keep unbranded structural legacy instances supported as before.\n const form = sourceForm as CubeFormInstance<T> \| undefined;\n\n const { isInvalid: isInvalidProp, isValid: isValidProp } =\n resolveValidationProps(props);\n\n const processedRules = useMemo(() => {\n let finalRules = rules;\n\n // If isRequired prop is set, ensure there's a required rule\n if (isRequiredProp) {\n const hasRequiredRule = finalRules?.some(\n (rule) => 'required' in rule && rule.required === true,\n );\n\n if (!hasRequiredRule) {\n finalRules = finalRules\n ? [{ required: true }, ...finalRules]\n : [{ required: true }];\n }\n }\n\n // Add delay rule if needed\n if (finalRules && finalRules.length && validationDelay) {\n return [delayValidationRule(validationDelay), ...finalRules];\n }\n\n return finalRules;\n }, [rules, validationDelay, isRequiredProp]);\n\n const nonInput = !name;\n const fieldName: string = name != null ? name : '';\n\n const isFirstRender = useIsFirstRender();\n const baseId = id \|\| (idPrefix ? `${idPrefix}_${fieldName}` : fieldName);\n\n // The id the effect below registered, with the base it was registered for.\n // Between a base change and that effect's next run the state is stale, and\n // handing it out would let the element carry the previous binding's id for\n // one commit — which can duplicate a sibling's live id — so the current base\n // is used until the effect catches up. An explicit `id` is used as it is.\n const [assignedId, setAssignedId] = useState({ base: baseId, id: baseId });\n const currentId = id \|\| (assignedId.base === baseId ? assignedId.id : baseId);\n\n // Ids are registered per base (form name prefix plus field name), so that\n // duplicates get a suffix and the base is released when it changes or the\n // input unmounts. `id` and `nonInput` cannot change without the base. A\n // layout effect: when the base changes, the commit that carries the\n // unsuffixed base is corrected before the browser paints, so a duplicate\n // never shows a colliding id.\n useLayoutEffect(() => {\n if (id \|\| nonInput) return;\n\n const newId = createId(baseId);\n\n setAssignedId((previous) =>\n previous.base === baseId && previous.id === newId\n ? previous\n : { base: baseId, id: newId },\n );\n\n return () => {\n removeId(baseId, newId);\n };\n }, [baseId, id, nonInput]);\n\n // Every form this hook registered the current name with. The dual-backend\n // shell keeps the hook mounted for standalone inputs, so a form may arrive\n // later or change, and the name may change; the name is released from all\n // of them, not from whichever form a closure happened to capture. This is\n // state rather than a ref only to keep render free of ref access.\n const [boundForms] = useState(() => new Set<CubeFormInstance<any>>());\n\n useEffect(() => {\n return () => {\n if (fieldName) {\n boundForms.forEach((boundForm) => boundForm.removeField(fieldName));\n }\n\n boundForms.clear();\n };\n }, [fieldName, boundForms]);\n\n let field = form?.getFieldInstance(fieldName);\n\n if (form) {\n // First render of this binding: the hook's first render, or a named field\n // that is not registered yet because the name or the form changed after\n // mount. Without a name the engine returns an unstored placeholder, so it\n // is only created on the first render, as before: creating it again on\n // every render would give the effect below a new object each time.\n if (isFirstRender \|\| (!field && fieldName)) {\n if (!field) {\n field = form.createField(fieldName, true);\n }\n\n if (field?.value == null && defaultValue != null) {\n form.setFieldValue(fieldName, defaultValue, false, true);\n form.updateInitialFieldsValue({ [fieldName]: defaultValue });\n\n field = form?.getFieldInstance(fieldName);\n }\n }\n\n if (!field?.touched && defaultValue != null) {\n form.setFieldValue(fieldName, defaultValue, false, true);\n }\n }\n\n if (field) {\n field.rules = processedRules;\n }\n\n let isRequired = !!processedRules?.find(\n (rule) => 'required' in rule && rule.required === true,\n );\n\n // `isRequired` has two sources with different intent. A `required` rule states\n // how the field behaves: it is what validation runs, and `aria-required` is\n // its programmatic mirror, so the flag has to reach the input either way. The\n // `isRequired` prop additionally states what the label should say. So unless\n // the prop itself asked for the marker, suppress it — an absent prop and an\n // explicit `isRequired={false}` both mean \"do not mark this\", the latter\n // rather more loudly. An explicit `necessityIndicator` overrides either way,\n // being a request for the marker in its own right.\n const suppressNecessityIndicator =\n isRequired && !isRequiredProp && necessityIndicatorProp === undefined;\n\n // Registration happens during render. Once it is committed, remember the\n // form for the release above and re-render the form's owner so its\n // render-time reads see the new field. `form` is deliberately not a\n // dependency: a form whose identity changes on every render (a copy, an\n // inline mock) shares its store, and re-running here would loop.\n useEffect(() => {\n if (form && field) {\n boundForms.add(form);\n form.forceReRender();\n }\n }, [field, boundForms]);\n\n const onChangeHandler = useEvent((val: any, dontTouch: boolean) => {\n if (!form) return;\n\n const field = form.getFieldInstance(fieldName);\n\n if (shouldUpdate) {\n const fieldsValue = form.getFieldsValue();\n\n // check if we should update the value of the field\n const shouldNotBeUpdated =\n typeof shouldUpdate === 'boolean'\n ? !shouldUpdate\n : !shouldUpdate(fieldsValue, {\n ...fieldsValue,\n [fieldName]: val,\n });\n\n if (shouldNotBeUpdated) {\n return;\n }\n }\n\n form.setFieldValue(fieldName, val, !dontTouch);\n\n if (\n !dontTouch &&\n (validateTrigger === 'onChange' \|\|\n (field && field.errors && field.errors.length))\n ) {\n form.validateField(fieldName).catch(() => {}); // do nothing on fail\n }\n });\n\n const onBlurHandler = useEvent(() => {\n if (validateTrigger === 'onBlur') {\n // We need a timeout so the change event can be done.\n setTimeout(() => {\n form?.validateField(fieldName).catch(() => {}); // do nothing on fail\n });\n }\n });\n\n let value = field?.value;\n\n return useMemo(\n () => ({\n id: currentId,\n name: fieldName,\n value,\n validateTrigger,\n form,\n field,\n nonInput,\n\n // Explicit validation props always win over the state derived from the form\n isInvalid: isInvalidProp ?? !!field?.errors?.length,\n isValid: isValidProp ?? !!(showValid && field?.status === 'valid'),\n ...(isRequired && { isRequired }),\n ...(suppressNecessityIndicator && { necessityIndicator: null }),\n message:\n message !== undefined\n ? message\n : field?.status === 'invalid' && field?.errors?.[0],\n description,\n errorMessage:\n errorMessage !== undefined\n ? errorMessage\n : field?.status === 'invalid' && field?.errors?.length\n ? field.errors[0]\n : undefined,\n onBlur: onBlurHandler,\n onChange: onChangeHandler,\n }),\n [\n form,\n field,\n field?.value,\n field?.errors?.length,\n field?.status,\n currentId,\n fieldName,\n isRequired,\n suppressNecessityIndicator,\n message,\n description,\n errorMessage,\n onBlurHandler,\n onChangeHandler,\n validateTrigger,\n isInvalidProp,\n isValidProp,\n showValid,\n nonInput,\n ],\n );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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 CHANGED Viewed

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

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

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

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

	@@ -1 +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":";;;;;AAGA,~~MAAM~~,gBAAgB;~~CACpB~~,~~OAAO~~,GAAG;AACR,SAAO,~~OAAO~~,MAAM;;~~CAEtB~~,~~OAAO~~,GAAG;AACR,SAAO,~~OAAO~~,MAAM;;~~CAEtB~~,~~QAAQ~~,GAAG;AACT,SAAO,~~OAAO~~,MAAM;;~~CAEtB~~,~~OAAO~~,GAAG;AACR,SAAO,~~OAAO~~,MAAM;;~~CAEtB~~,~~OAAO~~,GAAG;AACR,~~SAAO~~,~~aAAa~~;;~~CAEtB~~,~~QAAQ~~,GAAG;AACT,SAAO,~~OAAO~~,MAAM,~~YAAY~~,~~MAAM~~,~~SAAS~~,~~OAAO~~,EAAE,EAAE,GAAG;;CAE/D,~~MAAM~~,GAAG;AACP,~~SAAO~~,~~MAAM~~,~~QAAQ~~,EAAE;;~~CAEzB~~,~~OAAO~~,GAAG;AACR,SAAO,~~OAAO~~,MAAM,YAAY,~~CAAC~~,~~MAAM~~,~~QAAQ~~,EAAE;;~~CAEnD~~,~~KAAK~~,GAAG;AACN,~~SAAO~~,~~aAAa~~;;~~CAEtB~~,~~IAAI~~,GAAG;AACL,SAAO,~~OAAO~~,MAAM,~~YAAY~~,~~SAAS~~,~~MAAM~~,EAAE;;~~CAEnD~~,~~IAAI~~,GAAG;AACL,SAAO,~~OAAO~~,MAAM,~~YAAY~~,~~EAAE~~,MAAM,+BAA+B;;~~CAEzE~~,~~MAAM~~,GAAG;AACP,~~SAAOA~~,~~SAAc~~,EAAE;;~~CAEzB~~,~~IAAI~~,GAAG;AACL,SAAO;;CAEV;AAED,~~MAAM~~,~~YAAY~~,~~OAAO~~,~~KAAK~~,cAAc;AAE5C,~~MAAM~~,aAAa;CACjB,~~MAAM~~,~~SAAS~~,~~OAAO~~,MAAM;AAC1B,MAAI,~~CAAC~~,~~KAAK~~,SAAU,~~QAAO~~,~~QAAQ~~,SAAS;AAE5C,~~MAAI~~,~~MAAM~~,~~QAAQ~~,MAAM,CACtB,~~QAAO~~,~~MAAM~~,~~SAAS~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;AAG5D,SAAO,CAAC,~~CAAC~~,~~SAAS~~,UAAU,~~IAAI~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAEtE,~~MAAM~~,~~WAAW~~,OAAO;AACtB,MAAI,~~OAAO~~,UAAU,~~YAAY~~,~~MAAM~~,MAAM,CAAE,~~QAAO~~,~~QAAQ~~,SAAS;AAEvE,~~SAAO~~,~~QAAQ~~,QAAQ;;CAEzB,~~MAAM~~,~~QAAQ~~,~~OAAO~~,MAAM;EACzB,~~MAAM~~,~~UAAU~~,~~KAAK~~;AAErB,MAAI,~~OAAO~~,UAAU,SAAU,~~QAAO~~,~~QAAQ~~,SAAS;AAEvD,~~SAAO~~,~~MAAM~~,~~MAAM~~,QAAQ,~~GAAG~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAEpE,~~MAAM~~,~~KAAK~~,~~OAAO~~,MAAM;EACtB,~~MAAM~~,~~UAAU~~,~~KAAK~~,QAAQ,EAAE;AAE/B,MAAI,~~CAAC~~,~~SAAS~~,UAAU,EAAG,~~QAAO~~,~~QAAQ~~,SAAS;AAEnD,~~SAAO~~,~~QAAQ~~,~~SAAS~~,MAAM,~~GAAG~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAEvE,~~MAAM~~,~~IAAI~~,~~OAAO~~,MAAM;EACrB,~~MAAM~~,~~MAAM~~,~~KAAK~~;AAEjB,MAAI,~~OAAO~~,UAAU,SACnB,~~QAAO~~,~~UAAU~~,~~MAAM~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;AAG7D,MAAI,~~CAAC~~,SAAS,EAAE,~~YAAY~~,OAAQ,~~QAAO~~,~~QAAQ~~,SAAS;AAE5D,~~SAAO~~,~~MAAM~~,~~WAAW~~,~~MAAM~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAEpE,~~MAAM~~,~~IAAI~~,~~OAAO~~,MAAM;EACrB,~~MAAM~~,~~MAAM~~,~~KAAK~~;AAEjB,MAAI,~~OAAO~~,UAAU,SACnB,~~QAAO~~,~~SAAS~~,~~MAAM~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;AAG5D,MAAI,~~CAAC~~,SAAU,~~OAAO~~,UAAU,YAAY,~~CAAC~~,~~MAAM~~,~~QAAQ~~,~~MAAM~~,~~CAC/D~~,~~QAAO~~,~~QAAQ~~,SAAS;AAE1B,~~SAAO~~,~~MAAM~~,~~UAAU~~,~~MAAM~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAEnE,~~MAAM~~,~~IAAI~~,~~OAAO~~,MAAM;EACrB,~~MAAM~~,~~MAAM~~,~~KAAK~~;AAEjB,MAAI,~~OAAO~~,UAAU,SACnB,~~QAAO~~,~~SAAS~~,~~MAAM~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;AAG5D,MAAI,~~CAAC~~,SAAU,~~OAAO~~,UAAU,YAAY,~~CAAC~~,~~MAAM~~,~~QAAQ~~,~~MAAM~~,~~CAC/D~~,~~QAAO~~,~~QAAQ~~,SAAS;AAE1B,~~SAAO~~,~~MAAM~~,~~UAAU~~,~~MAAM~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAEnE,~~MAAM~~,~~UAAU~~,~~OAAO~~,MAAM;AAC3B,~~SAAO~~,~~KAAK~~,~~UAAU~~,~~MAAM~~,MAAM;;CAEpC,~~MAAM~~,~~KAAK~~,~~OAAO~~,MAAM;EACtB,~~MAAM~~,~~OAAO~~,~~KAAK~~;AAElB,MAAI,~~CAAC~~,~~UAAU~~,~~SAAS~~,KAAK,CAAE,~~QAAO~~,~~QAAQ~~,SAAS;AAEvD,SAAO,~~cAAc~~,~~MAAM~~,MAAM,~~GAAG~~,~~QAAQ~~,SAAS,~~GAAG~~,~~QAAQ~~,QAAQ;;CAE3E;AAED,~~MAAM~~,~~kBAAkB~~,~~OAAO~~,~~KAAK~~,WAAW;AAE/C,~~eAAsB~~,~~UAAU~~,~~OAAO~~,~~MAAM~~,MAAM;AACjD,KAAI,~~OAAO~~,SAAS,~~WAClB~~,~~QAAO~~,~~KAAK~~,KAAK;AAGnB,KAAI,~~OAAO~~,~~KAAK~~,cAAc,~~WAC5B~~,~~SAAQ~~,~~KAAK~~,~~UAAU~~,MAAM;AAG/B,MAAK,~~IAAI~~,~~iBAAiB~~,iBAAiB;AACzC,MAAI,~~EAAE~~,~~iBAAiB~~,MAAO;EAE9B,~~MAAM~~,~~UAAU~~,~~WAAW~~;AAE3B,~~QAAM~~,~~QAAQ~~,~~OAAO~~,KAAK;;;AAI9B,~~eAAsB~~,~~WAAW~~,~~OAAO~~,~~MAAM~~,eAAe,GAAG;CAC9D,MAAM,~~EAAE~~,~~OAAO~~,~~UAAU~~;AAEzB,KAAI,~~CAAC~~,SAAS,~~CAAC~~,~~MAAM~~,OAAQ;AAE7B,MAAK,~~IAAI~~,~~QAAQ~~,OAAO;AACtB,~~MAAI~~,~~MAAM~~,~~gBAAgB~~,~~iBAAiB~~,~~MAAM~~,aAAc;AAE/D,~~QAAM~~,~~UAAU~~,~~OAAO~~,~~MAAM~~,KAAK,~~CAAC~~,~~OAAO~~,QAAQ;AAChD,~~OAAI~~,~~eAAe~~,~~MACjB~~,~~OAAM~~,~~KAAK~~,~~WAAW~~,~~KAAK~~;AAG7B,~~SAAM~~,~~OAAO~~,~~KAAK~~;IAClB;;;AAIN,~~MAAa~~,~~uBAAuB~~,UAAU,QAAQ;CACpD,~~IAAI~~;CACJ,~~IAAI~~;AAEJ,QAAO,EACL,~~MAAM~~,YAA2B;AAC/B,~~eAAa~~,UAAU;AAEvB,~~MAAI~~,~~cACF~~,gBAAe;AAGjB,SAAO,~~IAAI~~,~~SAAS~~,YAAY;~~AAC9B~~,~~mBAAgB~~;~~AAEhB~~,~~eAAY~~,iBAAiB;~~AAC3B~~,aAAS;~~MACR~~,QAAQ;IACX;IAEL"}
1	+ {"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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"}

package/dist/components/form/Label.js CHANGED Viewed

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { useI18n } from "../../i18n/useI18n.js";
 import { getValidationMods } from "./validation/resolve-validation-props.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -57,23 +58,60 @@ const NecessityLabelElement = tasty({
 * `isRequired` or `isOptional`.
 */
 function NecessityIndicatorMark(props) {
-	const { isRequired, isOptional, necessityIndicator = "icon", includeNecessityIndicatorInAccessibilityName = false } = props;
+	const $ = c(11);
+	const { isRequired, isOptional, necessityIndicator: t0, includeNecessityIndicatorInAccessibilityName: t1 } = props;
+	const necessityIndicator = t0 === void 0 ? "icon" : t0;
+	const includeNecessityIndicatorInAccessibilityName = t1 === void 0 ? false : t1;
 	const { t } = useI18n();
-	const requiredLabel = t("form.required", "(required)");
-	const separator = " ";
+	let t2;
+	if ($[0] !== t) {
+		t2 = t("form.required", "(required)");
+		$[0] = t;
+		$[1] = t2;
+	} else t2 = $[1];
+	const requiredLabel = t2;
 	if (necessityIndicator !== "icon" && necessityIndicator !== "label") return null;
 	if (isRequired) {
-		if (necessityIndicator === "icon") return /* @__PURE__ */ jsxs(Fragment$1, { children: [separator, /* @__PURE__ */ jsx("span", {
-			"aria-label": includeNecessityIndicatorInAccessibilityName ? requiredLabel : void 0,
-			children: REQUIRED_ICON
-		})] });
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [separator, /* @__PURE__ */ jsx(NecessityLabelElement, {
-			"aria-hidden": !includeNecessityIndicatorInAccessibilityName ? true : void 0,
-			children: requiredLabel
-		})] });
+		if (necessityIndicator === "icon") {
+			const t3 = includeNecessityIndicatorInAccessibilityName ? requiredLabel : void 0;
+			let t4;
+			if ($[2] !== t3) {
+				t4 = /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", /* @__PURE__ */ jsx("span", {
+					"aria-label": t3,
+					children: REQUIRED_ICON
+				})] });
+				$[2] = t3;
+				$[3] = t4;
+			} else t4 = $[3];
+			return t4;
+		}
+		const t3 = !includeNecessityIndicatorInAccessibilityName ? true : void 0;
+		let t4;
+		if ($[4] !== requiredLabel || $[5] !== t3) {
+			t4 = /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", /* @__PURE__ */ jsx(NecessityLabelElement, {
+				"aria-hidden": t3,
+				children: requiredLabel
+			})] });
+			$[4] = requiredLabel;
+			$[5] = t3;
+			$[6] = t4;
+		} else t4 = $[6];
+		return t4;
 	}
 	if (!isOptional) return null;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [separator, /* @__PURE__ */ jsx(NecessityLabelElement, { children: t("form.optional", "(optional)") })] });
+	let t3;
+	if ($[7] !== t) {
+		t3 = t("form.optional", "(optional)");
+		$[7] = t;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", /* @__PURE__ */ jsx(NecessityLabelElement, { children: t3 })] });
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
 }
 const INLINE_LABEL_STYLES = {
 	preset: "t3",
@@ -104,33 +142,85 @@ const LabelElement = tasty({
 	styles: LABEL_STYLES
 });
 function Label(props, ref) {
+	const $ = c(24);
 	props = useProviderProps(props);
-	const { t } = useI18n();
-	let { as, qa, children, labelPosition = "top", isRequired, isOptional, necessityIndicator, includeNecessityIndicatorInAccessibilityName = false, htmlFor, isDisabled, isInvalid, isValid, size = "medium", for: labelFor, ...otherProps } = props;
-	let domRef = useObjectRef(ref);
+	useI18n();
+	const { as, qa, children, labelPosition: t0, isRequired, isOptional, necessityIndicator, includeNecessityIndicatorInAccessibilityName: t1, htmlFor, isDisabled, isInvalid, isValid, size: t2, for: labelFor, ...otherProps } = props;
+	const labelPosition = t0 === void 0 ? "top" : t0;
+	const includeNecessityIndicatorInAccessibilityName = t1 === void 0 ? false : t1;
+	const size = t2 === void 0 ? "medium" : t2;
+	const domRef = useObjectRef(ref);
 	const styles = extractStyles(otherProps, CONTAINER_STYLES);
-	const mark = /* @__PURE__ */ jsx(NecessityIndicatorMark, {
-		isRequired,
-		isOptional,
-		necessityIndicator,
-		includeNecessityIndicatorInAccessibilityName
-	});
-	return /* @__PURE__ */ jsx(LabelElement, {
-		...filterBaseProps(otherProps),
-		ref: domRef,
-		styles,
-		htmlFor: labelFor || htmlFor,
-		"data-size": size,
-		mods: {
-			side: labelPosition === "side",
+	let t3;
+	if ($[0] !== includeNecessityIndicatorInAccessibilityName || $[1] !== isOptional || $[2] !== isRequired || $[3] !== necessityIndicator) {
+		t3 = /* @__PURE__ */ jsx(NecessityIndicatorMark, {
+			isRequired,
+			isOptional,
+			necessityIndicator,
+			includeNecessityIndicatorInAccessibilityName
+		});
+		$[0] = includeNecessityIndicatorInAccessibilityName;
+		$[1] = isOptional;
+		$[2] = isRequired;
+		$[3] = necessityIndicator;
+		$[4] = t3;
+	} else t3 = $[4];
+	const mark = t3;
+	const T0 = LabelElement;
+	const t4 = filterBaseProps(otherProps);
+	const t5 = labelFor || htmlFor;
+	const t6 = labelPosition === "side";
+	let t7;
+	if ($[5] !== isInvalid || $[6] !== isValid) {
+		t7 = getValidationMods({
+			isInvalid,
+			isValid
+		});
+		$[5] = isInvalid;
+		$[6] = isValid;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] !== isDisabled || $[9] !== t6 || $[10] !== t7) {
+		t8 = {
+			side: t6,
 			disabled: isDisabled,
-			...getValidationMods({
-				isInvalid,
-				isValid
-			})
-		},
-		children: typeof children !== "string" ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [children, mark] })
-	});
+			...t7
+		};
+		$[8] = isDisabled;
+		$[9] = t6;
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	let t9;
+	if ($[12] !== children || $[13] !== mark) {
+		t9 = typeof children !== "string" ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [children, mark] });
+		$[12] = children;
+		$[13] = mark;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== T0 || $[16] !== domRef || $[17] !== size || $[18] !== styles || $[19] !== t4 || $[20] !== t5 || $[21] !== t8 || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsx(T0, {
+			...t4,
+			ref: domRef,
+			styles,
+			htmlFor: t5,
+			"data-size": size,
+			mods: t8,
+			children: t9
+		});
+		$[15] = T0;
+		$[16] = domRef;
+		$[17] = size;
+		$[18] = styles;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t8;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
 }
 let _Label = forwardRef(Label);
 _Label.displayName = "Label";

package/dist/components/form/Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/form/Label.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../i18n';\nimport { useProviderProps } from '../../provider';\nimport {\n LabelPosition,\n NecessityIndicator,\n ValidationProps,\n} from '../../shared/index';\nimport { extractStyles } from '../../utils/styles';\n\nimport { getValidationMods } from './validation/index';\n\nconst REQUIRED_ICON = (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 100 125\"\n style={{\n // @ts-ignore\n enableBackground: 'new 0 0 100 100',\n width: '.8em',\n height: '.8em',\n transform: 'rotate(-5deg)',\n }}\n >\n <switch>\n <g>\n <polygon\n fill=\"currentColor\"\n points=\"97.5,47.5 90.5,26.1 61.3,35.6 61.3,4.8 38.7,4.8 38.7,35.6 9.5,26.1 2.5,47.5 31.8,57 13.7,82 31.9,95.2 50,70.3 68.1,95.2 86.3,82 68.2,57\"\n />\n </g>\n </switch>\n </svg>\n);\n\n/*\n The `(required)` / `(optional)` note. Deliberately quieter than the label it\n * follows: it is an aside about the field, not part of its name.\n \n `t4` / `#dark-03` is the same tier `FieldWrapper` already gives `description`\n * and `message`, so the note joins the established secondary text rather than\n * inventing a size of its own. The weight is dropped back to 400 — `t4` carries\n * 500, the same weight as the label — because that contrast is what makes the\n * note read as an aside at a glance.\n /\nconst NecessityLabelElement = tasty({\n as: 'span',\n qa: 'NecessityLabel',\n styles: {\n preset: 't4',\n color: '#dark-03',\n fontWeight: 400,\n },\n});\n\nexport interface CubeNecessityIndicatorProps {\n /\n `'icon'` renders the asterisk, `'label'` the `(required)` / `(optional)`\n * text. Defaults to `'icon'`, which has no optional form and so only ever\n * marks a required field. `null` suppresses the indicator entirely.\n /\n necessityIndicator?: NecessityIndicator \| null;\n /\n Marks the label as required. Only an `isRequired` authored on the input,\n * the label or the `Form` reaches this — a `required` validation rule drives\n * validation and `aria-required` without decorating the label.\n /\n isRequired?: boolean;\n /\n Marks the label as optional. Purely presentational, and ignored when the\n * field is required.\n /\n isOptional?: boolean;\n /\n Whether the indicator contributes to the field's accessible name. Off by\n * default because a required field already announces `aria-required`, and\n * repeating it in the name is noise.\n /\n includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\n/\n The `` or `(required)` / `(optional)` marker that follows a field label.\n \n * Its own component because two places render it and both need the same\n * strings: `Label` when it is given plain text, and `FieldWrapper`, which\n * builds a element tree around the label and therefore has to place the marker\n * beside the label text itself rather than after the whole tree.\n \n Both marks are opt-in: nothing renders unless the call site passed\n * `isRequired` or `isOptional`.\n /\nexport function NecessityIndicatorMark(props: CubeNecessityIndicatorProps) {\n const {\n isRequired,\n isOptional,\n necessityIndicator = 'icon',\n includeNecessityIndicatorInAccessibilityName = false,\n } = props;\n const { t } = useI18n();\n\n const requiredLabel = t('form.required', '(required)');\n\n // A plain space would collapse against the label text in a flex container,\n // and the zero-width space keeps the pair from being split across lines.\n const separator = ' ';\n\n // Anything that is not one of the two shapes means \"no indicator\" — `null`,\n // and also any stray falsy value a caller might still be passing.\n if (necessityIndicator !== 'icon' && necessityIndicator !== 'label') {\n return null;\n }\n\n if (isRequired) {\n if (necessityIndicator === 'icon') {\n return (\n <>\n {separator}\n <span\n aria-label={\n includeNecessityIndicatorInAccessibilityName\n ? requiredLabel\n : undefined\n }\n >\n {REQUIRED_ICON}\n </span>\n </>\n );\n }\n\n // Hidden from screen readers by default, because `aria-required` on the\n // input already announces it and repeating it in the name is noise.\n return (\n <>\n {separator}\n <NecessityLabelElement\n aria-hidden={\n !includeNecessityIndicatorInAccessibilityName ? true : undefined\n }\n >\n {requiredLabel}\n </NecessityLabelElement>\n </>\n );\n }\n\n // There is no icon form of \"optional\", so the note is rendered whichever\n // indicator was asked for. Nothing else tells a screen reader the field is\n // optional, so this one stays in the accessible name.\n if (!isOptional) return null;\n\n return (\n <>\n {separator}\n <NecessityLabelElement>\n {t('form.optional', '(optional)')}\n </NecessityLabelElement>\n </>\n );\n}\n\nexport const INLINE_LABEL_STYLES: Styles = {\n preset: 't3',\n color: {\n '': '#dark-02',\n invalid: '#danger-text',\n },\n} as const;\n\nexport const LABEL_STYLES: Styles = {\n display: 'block',\n preset: {\n '': 't3m',\n 'size=small': 't4',\n },\n color: {\n '': '#dark',\n invalid: '#danger-text',\n },\n width: {\n '': 'initial',\n side: '($label-width, initial)',\n split: 'initial',\n },\n};\n\nconst LabelElement = tasty({\n as: 'label',\n qa: 'Label',\n styles: LABEL_STYLES,\n});\n\nexport interface CubeLabelProps\n extends BaseProps,\n ContainerStyleProps,\n ValidationProps {\n labelPosition?: LabelPosition;\n necessityIndicator?: NecessityIndicator \| null;\n isRequired?: boolean;\n isOptional?: boolean;\n includeNecessityIndicatorInAccessibilityName?: boolean;\n htmlFor?: string;\n for?: string;\n size?: 'medium' \| 'small';\n}\n\nfunction Label(props: CubeLabelProps, ref) {\n props = useProviderProps<CubeLabelProps>(props);\n\n const { t } = useI18n();\n\n let {\n as,\n qa,\n children,\n labelPosition = 'top',\n isRequired,\n isOptional,\n necessityIndicator,\n includeNecessityIndicatorInAccessibilityName = false,\n htmlFor,\n isDisabled,\n isInvalid,\n isValid,\n size = 'medium',\n for: labelFor,\n ...otherProps\n } = props;\n\n let domRef = useObjectRef(ref);\n\n const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n const mark = (\n <NecessityIndicatorMark\n isRequired={isRequired}\n isOptional={isOptional}\n necessityIndicator={necessityIndicator}\n includeNecessityIndicatorInAccessibilityName={\n includeNecessityIndicatorInAccessibilityName\n }\n />\n );\n\n return (\n <LabelElement\n {...filterBaseProps(otherProps)}\n ref={domRef}\n styles={styles}\n htmlFor={labelFor \|\| htmlFor}\n data-size={size}\n mods={{\n side: labelPosition === 'side',\n disabled: isDisabled,\n ...getValidationMods({ isInvalid, isValid }),\n }}\n >\n {/\n A non-string child is a tree the caller laid out \\u2014 `FieldWrapper`'s\n full-width `Flex`, for one \\u2014 and appending the marker after it would put\n it at the far end of that layout rather than next to the label text. So\n the marker is only appended here for plain-text labels; callers that\n build their own tree place `NecessityIndicatorMark` where it belongs.\n */}\n {typeof children !== 'string' ? (\n children\n ) : (\n <>\n {children}\n {mark}\n </>\n )}\n </LabelElement>\n );\n}\n\nlet _Label = forwardRef(Label);\n\n_Label.displayName = 'Label';\n\nexport { _Label as Label };\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,gBACJ,oBAAC;CACC,OAAM;CACN,SAAQ;CACR,GAAE;CACF,GAAE;CACF,SAAQ;CACR,OAAO;EAEL,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,WAAW;EACZ;WAED,oBAAC,sBACC,oBAAC,iBACC,oBAAC;EACC,MAAK;EACL,QAAO;GACP,GACA,GACG;EACL;;;;;;;;;;;AAaR,MAAM,wBAAwB,MAAM;CAClC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,OAAO;EACP,YAAY;EACb;CACF,CAAC;;;;;;;;;;;;AAuCF,SAAgB,uBAAuB,OAAoC;CACzE,MAAM,EACJ,YACA,YACA,qBAAqB,QACrB,+CAA+C,UAC7C;CACJ,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,gBAAgB,EAAE,iBAAiB,aAAa;CAItD,MAAM,YAAY;AAIlB,KAAI,uBAAuB,UAAU,uBAAuB,QAC1D,QAAO;AAGT,KAAI,YAAY;AACd,MAAI,uBAAuB,OACzB,QACE,8CACG,WACD,oBAAC;GACC,cACE,+CACI,gBACA;aAGL;IACI,IACN;AAMP,SACE,8CACG,WACD,oBAAC;GACC,eACE,CAAC,+CAA+C,OAAO;aAGxD;IACqB,IACvB;;AAOP,KAAI,CAAC,WAAY,QAAO;AAExB,QACE,8CACG,WACD,oBAAC,mCACE,EAAE,iBAAiB,aAAa,GACX,IACvB;;AAIP,MAAa,sBAA8B;CACzC,QAAQ;CACR,OAAO;EACL,IAAI;EACJ,SAAS;EACV;CACF;AAED,MAAa,eAAuB;CAClC,SAAS;CACT,QAAQ;EACN,IAAI;EACJ,cAAc;EACf;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACV;CACD,OAAO;EACL,IAAI;EACJ,MAAM;EACN,OAAO;EACR;CACF;AAED,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,IAAI;CACJ,QAAQ;CACT,CAAC;AAgBF,SAAS,MAAM,OAAuB,KAAK;AACzC,SAAQ,iBAAiC,MAAM;CAE/C,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,EACF,IACA,IACA,UACA,gBAAgB,OAChB,YACA,YACA,oBACA,+CAA+C,OAC/C,SACA,YACA,WACA,SACA,OAAO,UACP,KAAK,UACL,GAAG,eACD;CAEJ,IAAI,SAAS,aAAa,IAAI;CAE9B,MAAM,SAAS,cAAc,YAAY,iBAAiB;CAE1D,MAAM,OACJ,oBAAC;EACa;EACA;EACQ;EAElB;GAEF;AAGJ,QACE,oBAAC;EACC,GAAI,gBAAgB,WAAW;EAC/B,KAAK;EACG;EACR,SAAS,YAAY;EACrB,aAAW;EACX,MAAM;GACJ,MAAM,kBAAkB;GACxB,UAAU;GACV,GAAG,kBAAkB;IAAE;IAAW;IAAS,CAAC;GAC7C;YASA,OAAO,aAAa,WACnB,WAEA,8CACG,UACA,QACA;GAEQ;;AAInB,IAAI,SAAS,WAAW,MAAM;AAE9B,OAAO,cAAc"}
1	+ {"version":3,"file":"Label.js","names":["useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","tasty","forwardRef","useI18n","useProviderProps","LabelPosition","NecessityIndicator","ValidationProps","extractStyles","getValidationMods","REQUIRED_ICON","enableBackground","width","height","transform","NecessityLabelElement","as","qa","styles","preset","color","fontWeight","CubeNecessityIndicatorProps","necessityIndicator","isRequired","isOptional","includeNecessityIndicatorInAccessibilityName","NecessityIndicatorMark","props","$","_c","t0","t1","undefined","t","t2","requiredLabel","t3","t4","separator","INLINE_LABEL_STYLES","invalid","const","LABEL_STYLES","display","side","split","LabelElement","CubeLabelProps","labelPosition","htmlFor","for","size","Label","ref","children","isDisabled","isInvalid","isValid","labelFor","otherProps","domRef","mark","T0","t5","t6","t7","t8","disabled","t9","t10","_Label","displayName"],"sources":["../../../src/components/form/Label.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../i18n';\nimport { useProviderProps } from '../../provider';\nimport {\n LabelPosition,\n NecessityIndicator,\n ValidationProps,\n} from '../../shared/index';\nimport { extractStyles } from '../../utils/styles';\n\nimport { getValidationMods } from './validation/index';\n\nconst REQUIRED_ICON = (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 100 125\"\n style={{\n // @ts-ignore\n enableBackground: 'new 0 0 100 100',\n width: '.8em',\n height: '.8em',\n transform: 'rotate(-5deg)',\n }}\n >\n <switch>\n <g>\n <polygon\n fill=\"currentColor\"\n points=\"97.5,47.5 90.5,26.1 61.3,35.6 61.3,4.8 38.7,4.8 38.7,35.6 9.5,26.1 2.5,47.5 31.8,57 13.7,82 31.9,95.2 50,70.3 68.1,95.2 86.3,82 68.2,57\"\n />\n </g>\n </switch>\n </svg>\n);\n\n/*\n The `(required)` / `(optional)` note. Deliberately quieter than the label it\n * follows: it is an aside about the field, not part of its name.\n \n `t4` / `#dark-03` is the same tier `FieldWrapper` already gives `description`\n * and `message`, so the note joins the established secondary text rather than\n * inventing a size of its own. The weight is dropped back to 400 — `t4` carries\n * 500, the same weight as the label — because that contrast is what makes the\n * note read as an aside at a glance.\n /\nconst NecessityLabelElement = tasty({\n as: 'span',\n qa: 'NecessityLabel',\n styles: {\n preset: 't4',\n color: '#dark-03',\n fontWeight: 400,\n },\n});\n\nexport interface CubeNecessityIndicatorProps {\n /\n `'icon'` renders the asterisk, `'label'` the `(required)` / `(optional)`\n * text. Defaults to `'icon'`, which has no optional form and so only ever\n * marks a required field. `null` suppresses the indicator entirely.\n /\n necessityIndicator?: NecessityIndicator \| null;\n /\n Marks the label as required. Only an `isRequired` authored on the input,\n * the label or the `Form` reaches this — a `required` validation rule drives\n * validation and `aria-required` without decorating the label.\n /\n isRequired?: boolean;\n /\n Marks the label as optional. Purely presentational, and ignored when the\n * field is required.\n /\n isOptional?: boolean;\n /\n Whether the indicator contributes to the field's accessible name. Off by\n * default because a required field already announces `aria-required`, and\n * repeating it in the name is noise.\n /\n includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\n/\n The `` or `(required)` / `(optional)` marker that follows a field label.\n \n * Its own component because two places render it and both need the same\n * strings: `Label` when it is given plain text, and `FieldWrapper`, which\n * builds a element tree around the label and therefore has to place the marker\n * beside the label text itself rather than after the whole tree.\n \n Both marks are opt-in: nothing renders unless the call site passed\n * `isRequired` or `isOptional`.\n /\nexport function NecessityIndicatorMark(props: CubeNecessityIndicatorProps) {\n const {\n isRequired,\n isOptional,\n necessityIndicator = 'icon',\n includeNecessityIndicatorInAccessibilityName = false,\n } = props;\n const { t } = useI18n();\n\n const requiredLabel = t('form.required', '(required)');\n\n // A plain space would collapse against the label text in a flex container,\n // and the zero-width space keeps the pair from being split across lines.\n const separator = ' ';\n\n // Anything that is not one of the two shapes means \"no indicator\" — `null`,\n // and also any stray falsy value a caller might still be passing.\n if (necessityIndicator !== 'icon' && necessityIndicator !== 'label') {\n return null;\n }\n\n if (isRequired) {\n if (necessityIndicator === 'icon') {\n return (\n <>\n {separator}\n <span\n aria-label={\n includeNecessityIndicatorInAccessibilityName\n ? requiredLabel\n : undefined\n }\n >\n {REQUIRED_ICON}\n </span>\n </>\n );\n }\n\n // Hidden from screen readers by default, because `aria-required` on the\n // input already announces it and repeating it in the name is noise.\n return (\n <>\n {separator}\n <NecessityLabelElement\n aria-hidden={\n !includeNecessityIndicatorInAccessibilityName ? true : undefined\n }\n >\n {requiredLabel}\n </NecessityLabelElement>\n </>\n );\n }\n\n // There is no icon form of \"optional\", so the note is rendered whichever\n // indicator was asked for. Nothing else tells a screen reader the field is\n // optional, so this one stays in the accessible name.\n if (!isOptional) return null;\n\n return (\n <>\n {separator}\n <NecessityLabelElement>\n {t('form.optional', '(optional)')}\n </NecessityLabelElement>\n </>\n );\n}\n\nexport const INLINE_LABEL_STYLES: Styles = {\n preset: 't3',\n color: {\n '': '#dark-02',\n invalid: '#danger-text',\n },\n} as const;\n\nexport const LABEL_STYLES: Styles = {\n display: 'block',\n preset: {\n '': 't3m',\n 'size=small': 't4',\n },\n color: {\n '': '#dark',\n invalid: '#danger-text',\n },\n width: {\n '': 'initial',\n side: '($label-width, initial)',\n split: 'initial',\n },\n};\n\nconst LabelElement = tasty({\n as: 'label',\n qa: 'Label',\n styles: LABEL_STYLES,\n});\n\nexport interface CubeLabelProps\n extends BaseProps,\n ContainerStyleProps,\n ValidationProps {\n labelPosition?: LabelPosition;\n necessityIndicator?: NecessityIndicator \| null;\n isRequired?: boolean;\n isOptional?: boolean;\n includeNecessityIndicatorInAccessibilityName?: boolean;\n htmlFor?: string;\n for?: string;\n size?: 'medium' \| 'small';\n}\n\nfunction Label(props: CubeLabelProps, ref) {\n props = useProviderProps<CubeLabelProps>(props);\n\n const { t } = useI18n();\n\n let {\n as,\n qa,\n children,\n labelPosition = 'top',\n isRequired,\n isOptional,\n necessityIndicator,\n includeNecessityIndicatorInAccessibilityName = false,\n htmlFor,\n isDisabled,\n isInvalid,\n isValid,\n size = 'medium',\n for: labelFor,\n ...otherProps\n } = props;\n\n let domRef = useObjectRef(ref);\n\n const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n const mark = (\n <NecessityIndicatorMark\n isRequired={isRequired}\n isOptional={isOptional}\n necessityIndicator={necessityIndicator}\n includeNecessityIndicatorInAccessibilityName={\n includeNecessityIndicatorInAccessibilityName\n }\n />\n );\n\n return (\n <LabelElement\n {...filterBaseProps(otherProps)}\n ref={domRef}\n styles={styles}\n htmlFor={labelFor \|\| htmlFor}\n data-size={size}\n mods={{\n side: labelPosition === 'side',\n disabled: isDisabled,\n ...getValidationMods({ isInvalid, isValid }),\n }}\n >\n {/\n A non-string child is a tree the caller laid out \\u2014 `FieldWrapper`'s\n full-width `Flex`, for one \\u2014 and appending the marker after it would put\n it at the far end of that layout rather than next to the label text. So\n the marker is only appended here for plain-text labels; callers that\n build their own tree place `NecessityIndicatorMark` where it belongs.\n */}\n {typeof children !== 'string' ? (\n children\n ) : (\n <>\n {children}\n {mark}\n </>\n )}\n </LabelElement>\n );\n}\n\nlet _Label = forwardRef(Label);\n\n_Label.displayName = 'Label';\n\nexport { _Label as Label };\n"],"mappings":"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"}

package/dist/components/form/validation/ValidationIndicator.js CHANGED Viewed

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";
 import { ValidIcon } from "../../shared/ValidIcon.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/form/validation/ValidationIndicator.tsx
@@ -24,12 +25,26 @@ function hasValidationIndicator(props) {
 * loading indicator.
 */
 function ValidationIndicator(props) {
+	const $ = c(5);
 	const { isLoading } = props;
 	if (!hasValidationIndicator(props)) return null;
-	return /* @__PURE__ */ jsx("div", {
-		"data-element": "State",
-		children: isLoading ? /* @__PURE__ */ jsx(LoadingIcon, { "data-element": "InputIcon" }) : getValidationIcon(props)
-	});
+	let t0;
+	if ($[0] !== isLoading || $[1] !== props) {
+		t0 = isLoading ? /* @__PURE__ */ jsx(LoadingIcon, { "data-element": "InputIcon" }) : getValidationIcon(props);
+		$[0] = isLoading;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== t0) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			"data-element": "State",
+			children: t0
+		});
+		$[3] = t0;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
 }
 //#endregion