@orangesix/react 1.4.0 → 2.0.3

package/input/index.esm.js

@@ -1,2 +1,5 @@
-import*as e from"react";import r from"react";import{classNames as a}from"primereact/utils";import{InputText as t}from"primereact/inputtext";import{InputNumber as n}from"primereact/inputnumber";import{Password as o}from"primereact/password";import{InputMask as l}from"primereact/inputmask";const s=({children:e,...t})=>{const n={size:`box-size-${t.size??"100"}`,direction:`box-direction-${t.direction??"row"}`,justify:void 0===t.justify?"":Array.isArray(t.justify)?t.justify?.join(" "):t.justify,align:void 0===t.align?"":Array.isArray(t.align)?t.align?.join(" "):t.align},o={className:a(["box",t.className??"",n.size,n.direction,n.justify,n.align]),style:t.css,id:t.id};return r.createElement("div",{...o},e)};s.displayName="Box";const i=({iconPrefix:e="bi bi-",...a})=>a.label&&r.createElement("p",{className:"form-label"},a.icon&&r.createElement("i",{className:e+a.icon+" me-1"}),a.label,a.required&&r.createElement("span",{className:"text-danger"},"*")),u=({errors:e,name:a,...t})=>t.mode&&"Controlled"!==t.mode?r.createElement("div",{className:e[a??""]?"invalid-feedback is-invalid":"","data-name":a??"",id:"j_feedback",style:{display:e[a??""]?"block":"none"}},e[a??""]?e[a??""].message:""):r.createElement("div",{"data-name":a,id:"j_feedback"});function c(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var d=e=>null==e;var m=e=>!d(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),f=e=>m(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,p="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const a=Array.isArray(e),t="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(p&&(e instanceof Blob||t)||!a&&!m(e))return e;if(r=a?[]:{},a||(e=>{const r=e.constructor&&e.constructor.prototype;return m(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const a in e)e.hasOwnProperty(a)&&(r[a]=g(e[a]));else r=e}return r}var y=e=>/^\w*$/.test(e),b=e=>void 0===e,v=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},h=(e,r,a)=>{if(!r||!m(e))return a;const t=(y(r)?[r]:v(r)).reduce(((e,r)=>d(e)?e:e[r]),e);return b(t)||t===e?b(e[r])?a:e[r]:t},C=e=>"boolean"==typeof e,x=(e,r,a)=>{let t=-1;const n=y(r)?[r]:v(r),o=n.length,l=o-1;for(;++t<o;){const r=n[t];let o=a;if(t!==l){const a=e[r];o=m(a)||Array.isArray(a)?a:isNaN(+n[t+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=o,e=e[r]}};const B="blur",_="change",w="all",E=r.createContext(null);E.displayName="HookFormContext";const k=()=>r.useContext(E);const F="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function V(e){const a=k(),{control:t=a.control,disabled:n,name:o,exact:l}=e||{},[s,i]=r.useState(t._formState),u=r.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return F((()=>t._subscribe({name:o,formState:u.current,exact:l,callback:e=>{!n&&i({...t._formState,...e})}})),[o,n,l]),r.useEffect((()=>{u.current.isValid&&t._setValid(!0)}),[t]),r.useMemo((()=>((e,r,a,t=!0)=>{const n={defaultValues:r._defaultValues};for(const o in e)Object.defineProperty(n,o,{get:()=>{const n=o;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!t||w),a&&(a[n]=!0),e[n]}});return n})(s,t,u.current,!1)),[s,t])}function N(e){const a=k(),{control:t=a.control,name:n,defaultValue:o,disabled:l,exact:s}=e||{},i=r.useRef(o),[u,c]=r.useState(t._getWatch(n,i.current));return F((()=>t._subscribe({name:n,formState:{values:!0},exact:s,callback:e=>!l&&c(((e,r,a,t,n)=>"string"==typeof e?h(a,e,n):Array.isArray(e)?e.map((e=>h(a,e))):a)(n,t._names,e.values||t._formValues,0,i.current))})),[n,t,l,s]),r.useEffect((()=>t._removeUnmounted())),u}const M=e=>e.render(function(e){const a=k(),{name:t,disabled:n,control:o=a.control,shouldUnregister:l}=e,s=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(o._names.array,t),i=N({control:o,name:t,defaultValue:h(o._formValues,t,h(o._defaultValues,t,e.defaultValue)),exact:!0}),u=V({control:o,name:t,exact:!0}),c=r.useRef(e),d=r.useRef(o.register(t,{...e.rules,value:i,...C(e.disabled)?{disabled:e.disabled}:{}})),m=r.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!h(u.errors,t)},isDirty:{enumerable:!0,get:()=>!!h(u.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!h(u.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!h(u.validatingFields,t)},error:{enumerable:!0,get:()=>h(u.errors,t)}})),[u,t]),p=r.useCallback((e=>d.current.onChange({target:{value:f(e),name:t},type:_})),[t]),y=r.useCallback((()=>d.current.onBlur({target:{value:h(o._formValues,t),name:t},type:B})),[t,o._formValues]),v=r.useCallback((e=>{const r=h(o._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})}),[o._fields,t]),w=r.useMemo((()=>({name:t,value:i,...C(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:p,onBlur:y,ref:v})),[t,n,u.disabled,p,y,v,i]);return r.useEffect((()=>{const e=o._options.shouldUnregister||l;o.register(t,{...c.current.rules,...C(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const a=h(o._fields,e);a&&a._f&&(a._f.mount=r)};if(r(t,!0),e){const e=g(h(o._options.defaultValues,t));x(o._defaultValues,t,e),b(h(o._formValues,t))&&x(o._formValues,t,e)}return!s&&o.register(t),()=>{(s?e&&!o._state.action:e)?o.unregister(t):r(t,!1)}}),[t,o,s,l]),r.useEffect((()=>{o._setDisabledField({disabled:n,name:t})}),[n,t,o]),r.useMemo((()=>({field:w,formState:u,fieldState:m})),[w,u,m])}(e));function D({core:e,password:a,masker:s,...i}){const{type:c,...d}=e;return r.createElement(M,{render:({field:c,formState:{errors:m}})=>r.createElement(r.Fragment,null,void 0!==i.mask?r.createElement(l,{...e,...c,...s,invalid:!!m[i.name],readOnly:i.readonly,required:i.required,value:c.value??"",onBlur:e=>i.onBlur?i.onBlur(e.target.value):c.onBlur(),onChange:e=>void 0!==i.onChange?i.onChange(e.target.value):c.onChange(e)}):"password"===i.type?r.createElement(o,{...e,...c,...a,autoComplete:"current-password",invalid:!!m[i.name],readOnly:i.readonly,required:i.required,value:c.value??"",onBlur:e=>i.onBlur?i.onBlur(e.target.value):c.onBlur(),onChange:e=>void 0!==i.onChange?i.onChange(e.target.value):c.onChange(e)}):"number"===i.type?r.createElement(n,{...d,...c,currency:i.numberCurrency??"BRL",invalid:!!m[i.name],locale:"pt-BR",max:i.numberMax,maxFractionDigits:i.numberMaxFractionDigits,min:i.numberMin,minFractionDigits:i.numberMinFractionDigits,mode:i.numberMode,prefix:i.numberPrefix,pt:{input:{root:{className:"w-100"}}},readOnly:i.readonly,suffix:i.numberSuffix,useGrouping:i.numberDecimalSeparator??!1,value:c.value??"",onBlur:e=>i.onBlur?i.onBlur(e.target.value):c.onBlur(),onChange:e=>void 0!==i.onChange?i.onChange(e.value):c.onChange(e.value)}):r.createElement(t,{...e,...c,invalid:!!m[i.name],readOnly:i.readonly,ref:i.ref,required:i.required,value:c.value??"",onBlur:e=>i.onBlur?i.onBlur(e.target.value):c.onBlur(),onChange:e=>void 0!==i.onChange?i.onChange(e.target.value):c.onChange(e)}),r.createElement(u,{...i,errors:m})),control:i.control,name:i.name,rules:{required:!!i.required&&"Campo obrigatório"}})}function S({core:e,password:a,masker:s,...i}){const{type:c,...d}=e;return r.createElement(r.Fragment,null,void 0!==i.mask?r.createElement(l,{...e,...s,readOnly:i.readonly,value:i.value,onBlur:e=>{i.onBlur&&i.onBlur(e.target.value)},onChange:e=>{i.onChange&&i.onChange(e.target.value)}}):"password"===i.type?r.createElement(o,{...e,...a,autoComplete:"current-password",readOnly:i.readonly,value:i.value,onBlur:e=>{i.onBlur&&i.onBlur(e.target.value)},onChange:e=>{i.onChange&&i.onChange(e.target.value)}}):"number"===i.type?r.createElement(n,{...d,currency:i.numberCurrency??"BRL",locale:"pt-BR",max:i.numberMax,maxFractionDigits:i.numberMaxFractionDigits,min:i.numberMin,minFractionDigits:i.numberMinFractionDigits,mode:i.numberMode,prefix:i.numberPrefix,pt:{input:{root:{className:"w-100"}}},readOnly:i.readonly,suffix:i.numberSuffix,useGrouping:i.numberDecimalSeparator??!1,value:i.value,onBlur:e=>{i.onBlur&&i.onBlur(e.target.value)},onValueChange:e=>{i.onChange&&i.onChange(e.value)}}):r.createElement(t,{...e,readOnly:i.readonly,ref:i.ref,value:i.value,onBlur:e=>{i.onBlur&&i.onBlur(e.target.value)},onChange:e=>{i.onChange&&i.onChange(e.target.value)}}),r.createElement(u,{...i}))}function A(e){let a=e,t="small"===e.sizes?"p-inputtext-sm":"large"===e.sizes?"p-inputtext-lg":"",n={...c(a),className:t,type:e.type??"text"},o={appendTo:"self",feedback:e.passwordFeedback,footer:e.passwordFooterTemplate,header:e.passwordHeaderTemplate,mediumLabel:"Média",promptLabel:"Por favor, insira uma senha",pt:{input:{className:"w-100"}},strongLabel:"Forte",toggleMask:e.passwordShow,weakLabel:"Fraca",content:e.passwordTemplate},l={mask:"cpf"===e.mask?"999.999.999-99":"cnpj"===e.mask?"99.999.999/9999-99":e.mask,autoClear:e.maskAutoClear};return r.createElement(s,{className:e.className,css:e.css,size:e.size??"100"},r.createElement(i,{...e}),e.readonly&&"label"===e.readonlyType?r.createElement("p",{className:"w-100 form-label-readonly"},e.value):e.mode&&"Controlled"!==e.mode?r.createElement(D,{core:n,masker:l,password:o,...a}):r.createElement(S,{core:n,masker:l,password:o,...a}))}A.displayName="Input";export{A as Input};
+import { Input as r } from "./input/index.esm.js";
+export {
+  r as Input
+};
 //# sourceMappingURL=index.esm.js.map

package/input/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/api/input.tsx","../../node_modules/react-hook-form/dist/index.esm.mjs","../../src/input/core/hookForm.tsx","../../src/input/core/controlled.tsx","../../src/input/input.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};\r\n\r\nBox.displayName = \"Box\";","import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}","import * as React from 'react';\nimport React__default from 'react';\n\nvar isCheckBoxInput = (element) => element.type === 'checkbox';\n\nvar isDateObject = (value) => value instanceof Date;\n\nvar isNullOrUndefined = (value) => value == null;\n\nconst isObjectType = (value) => typeof value === 'object';\nvar isObject = (value) => !isNullOrUndefined(value) &&\n    !Array.isArray(value) &&\n    isObjectType(value) &&\n    !isDateObject(value);\n\nvar getEventValue = (event) => isObject(event) && event.target\n    ? isCheckBoxInput(event.target)\n        ? event.target.checked\n        : event.target.value\n    : event;\n\nvar getNodeParentName = (name) => name.substring(0, name.search(/\\.\\d+(\\.|$)/)) || name;\n\nvar isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));\n\nvar isPlainObject = (tempObject) => {\n    const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;\n    return (isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'));\n};\n\nvar isWeb = typeof window !== 'undefined' &&\n    typeof window.HTMLElement !== 'undefined' &&\n    typeof document !== 'undefined';\n\nfunction cloneObject(data) {\n    let copy;\n    const isArray = Array.isArray(data);\n    const isFileListInstance = typeof FileList !== 'undefined' ? data instanceof FileList : false;\n    if (data instanceof Date) {\n        copy = new Date(data);\n    }\n    else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&\n        (isArray || isObject(data))) {\n        copy = isArray ? [] : {};\n        if (!isArray && !isPlainObject(data)) {\n            copy = data;\n        }\n        else {\n            for (const key in data) {\n                if (data.hasOwnProperty(key)) {\n                    copy[key] = cloneObject(data[key]);\n                }\n            }\n        }\n    }\n    else {\n        return data;\n    }\n    return copy;\n}\n\nvar isKey = (value) => /^\\w*$/.test(value);\n\nvar isUndefined = (val) => val === undefined;\n\nvar compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];\n\nvar stringToPath = (input) => compact(input.replace(/[\"|']|\\]/g, '').split(/\\.|\\[/));\n\nvar get = (object, path, defaultValue) => {\n    if (!path || !isObject(object)) {\n        return defaultValue;\n    }\n    const result = (isKey(path) ? [path] : stringToPath(path)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object);\n    return isUndefined(result) || result === object\n        ? isUndefined(object[path])\n            ? defaultValue\n            : object[path]\n        : result;\n};\n\nvar isBoolean = (value) => typeof value === 'boolean';\n\nvar set = (object, path, value) => {\n    let index = -1;\n    const tempPath = isKey(path) ? [path] : stringToPath(path);\n    const length = tempPath.length;\n    const lastIndex = length - 1;\n    while (++index < length) {\n        const key = tempPath[index];\n        let newValue = value;\n        if (index !== lastIndex) {\n            const objValue = object[key];\n            newValue =\n                isObject(objValue) || Array.isArray(objValue)\n                    ? objValue\n                    : !isNaN(+tempPath[index + 1])\n                        ? []\n                        : {};\n        }\n        if (key === '__proto__' || key === 'constructor' || key === 'prototype') {\n            return;\n        }\n        object[key] = newValue;\n        object = object[key];\n    }\n};\n\nconst EVENTS = {\n    BLUR: 'blur',\n    FOCUS_OUT: 'focusout',\n    CHANGE: 'change',\n};\nconst VALIDATION_MODE = {\n    onBlur: 'onBlur',\n    onChange: 'onChange',\n    onSubmit: 'onSubmit',\n    onTouched: 'onTouched',\n    all: 'all',\n};\nconst INPUT_VALIDATION_RULES = {\n    max: 'max',\n    min: 'min',\n    maxLength: 'maxLength',\n    minLength: 'minLength',\n    pattern: 'pattern',\n    required: 'required',\n    validate: 'validate',\n};\n\nconst HookFormContext = React__default.createContext(null);\nHookFormContext.displayName = 'HookFormContext';\n/**\n * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)\n *\n * @returns return all useForm methods\n *\n * @example\n * ```tsx\n * function App() {\n *   const methods = useForm();\n *   const onSubmit = data => console.log(data);\n *\n *   return (\n *     <FormProvider {...methods} >\n *       <form onSubmit={methods.handleSubmit(onSubmit)}>\n *         <NestedInput />\n *         <input type=\"submit\" />\n *       </form>\n *     </FormProvider>\n *   );\n * }\n *\n *  function NestedInput() {\n *   const { register } = useFormContext(); // retrieve all hook methods\n *   return <input {...register(\"test\")} />;\n * }\n * ```\n */\nconst useFormContext = () => React__default.useContext(HookFormContext);\n/**\n * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)\n *\n * @param props - all useForm methods\n *\n * @example\n * ```tsx\n * function App() {\n *   const methods = useForm();\n *   const onSubmit = data => console.log(data);\n *\n *   return (\n *     <FormProvider {...methods} >\n *       <form onSubmit={methods.handleSubmit(onSubmit)}>\n *         <NestedInput />\n *         <input type=\"submit\" />\n *       </form>\n *     </FormProvider>\n *   );\n * }\n *\n *  function NestedInput() {\n *   const { register } = useFormContext(); // retrieve all hook methods\n *   return <input {...register(\"test\")} />;\n * }\n * ```\n */\nconst FormProvider = (props) => {\n    const { children, ...data } = props;\n    return (React__default.createElement(HookFormContext.Provider, { value: data }, children));\n};\n\nvar getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {\n    const result = {\n        defaultValues: control._defaultValues,\n    };\n    for (const key in formState) {\n        Object.defineProperty(result, key, {\n            get: () => {\n                const _key = key;\n                if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {\n                    control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;\n                }\n                localProxyFormState && (localProxyFormState[_key] = true);\n                return formState[_key];\n            },\n        });\n    }\n    return result;\n};\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\n/**\n * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly)\n *\n * @param props - include options on specify fields to subscribe. {@link UseFormStateReturn}\n *\n * @example\n * ```tsx\n * function App() {\n *   const { register, handleSubmit, control } = useForm({\n *     defaultValues: {\n *     firstName: \"firstName\"\n *   }});\n *   const { dirtyFields } = useFormState({\n *     control\n *   });\n *   const onSubmit = (data) => console.log(data);\n *\n *   return (\n *     <form onSubmit={handleSubmit(onSubmit)}>\n *       <input {...register(\"firstName\")} placeholder=\"First Name\" />\n *       {dirtyFields.firstName && <p>Field is dirty.</p>}\n *       <input type=\"submit\" />\n *     </form>\n *   );\n * }\n * ```\n */\nfunction useFormState(props) {\n    const methods = useFormContext();\n    const { control = methods.control, disabled, name, exact } = props || {};\n    const [formState, updateFormState] = React__default.useState(control._formState);\n    const _localProxyFormState = React__default.useRef({\n        isDirty: false,\n        isLoading: false,\n        dirtyFields: false,\n        touchedFields: false,\n        validatingFields: false,\n        isValidating: false,\n        isValid: false,\n        errors: false,\n    });\n    useIsomorphicLayoutEffect(() => control._subscribe({\n        name,\n        formState: _localProxyFormState.current,\n        exact,\n        callback: (formState) => {\n            !disabled &&\n                updateFormState({\n                    ...control._formState,\n                    ...formState,\n                });\n        },\n    }), [name, disabled, exact]);\n    React__default.useEffect(() => {\n        _localProxyFormState.current.isValid && control._setValid(true);\n    }, [control]);\n    return React__default.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);\n}\n\nvar isString = (value) => typeof value === 'string';\n\nvar generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {\n    if (isString(names)) {\n        isGlobal && _names.watch.add(names);\n        return get(formValues, names, defaultValue);\n    }\n    if (Array.isArray(names)) {\n        return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),\n            get(formValues, fieldName)));\n    }\n    isGlobal && (_names.watchAll = true);\n    return formValues;\n};\n\n/**\n * Custom hook to subscribe to field change and isolate re-rendering at the component level.\n *\n * @remarks\n *\n * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)\n *\n * @example\n * ```tsx\n * const { control } = useForm();\n * const values = useWatch({\n *   name: \"fieldName\"\n *   control,\n * })\n * ```\n */\nfunction useWatch(props) {\n    const methods = useFormContext();\n    const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};\n    const _defaultValue = React__default.useRef(defaultValue);\n    const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));\n    useIsomorphicLayoutEffect(() => control._subscribe({\n        name,\n        formState: {\n            values: true,\n        },\n        exact,\n        callback: (formState) => !disabled &&\n            updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),\n    }), [name, control, disabled, exact]);\n    React__default.useEffect(() => control._removeUnmounted());\n    return value;\n}\n\n/**\n * Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller) • [Demo](https://codesandbox.io/s/usecontroller-0o8px)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns field properties, field and form state. {@link UseControllerReturn}\n *\n * @example\n * ```tsx\n * function Input(props) {\n *   const { field, fieldState, formState } = useController(props);\n *   return (\n *     <div>\n *       <input {...field} placeholder={props.name} />\n *       <p>{fieldState.isTouched && \"Touched\"}</p>\n *       <p>{formState.isSubmitted ? \"submitted\" : \"\"}</p>\n *     </div>\n *   );\n * }\n * ```\n */\nfunction useController(props) {\n    const methods = useFormContext();\n    const { name, disabled, control = methods.control, shouldUnregister } = props;\n    const isArrayField = isNameInFieldArray(control._names.array, name);\n    const value = useWatch({\n        control,\n        name,\n        defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),\n        exact: true,\n    });\n    const formState = useFormState({\n        control,\n        name,\n        exact: true,\n    });\n    const _props = React__default.useRef(props);\n    const _registerProps = React__default.useRef(control.register(name, {\n        ...props.rules,\n        value,\n        ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),\n    }));\n    const fieldState = React__default.useMemo(() => Object.defineProperties({}, {\n        invalid: {\n            enumerable: true,\n            get: () => !!get(formState.errors, name),\n        },\n        isDirty: {\n            enumerable: true,\n            get: () => !!get(formState.dirtyFields, name),\n        },\n        isTouched: {\n            enumerable: true,\n            get: () => !!get(formState.touchedFields, name),\n        },\n        isValidating: {\n            enumerable: true,\n            get: () => !!get(formState.validatingFields, name),\n        },\n        error: {\n            enumerable: true,\n            get: () => get(formState.errors, name),\n        },\n    }), [formState, name]);\n    const onChange = React__default.useCallback((event) => _registerProps.current.onChange({\n        target: {\n            value: getEventValue(event),\n            name: name,\n        },\n        type: EVENTS.CHANGE,\n    }), [name]);\n    const onBlur = React__default.useCallback(() => _registerProps.current.onBlur({\n        target: {\n            value: get(control._formValues, name),\n            name: name,\n        },\n        type: EVENTS.BLUR,\n    }), [name, control._formValues]);\n    const ref = React__default.useCallback((elm) => {\n        const field = get(control._fields, name);\n        if (field && elm) {\n            field._f.ref = {\n                focus: () => elm.focus && elm.focus(),\n                select: () => elm.select && elm.select(),\n                setCustomValidity: (message) => elm.setCustomValidity(message),\n                reportValidity: () => elm.reportValidity(),\n            };\n        }\n    }, [control._fields, name]);\n    const field = React__default.useMemo(() => ({\n        name,\n        value,\n        ...(isBoolean(disabled) || formState.disabled\n            ? { disabled: formState.disabled || disabled }\n            : {}),\n        onChange,\n        onBlur,\n        ref,\n    }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);\n    React__default.useEffect(() => {\n        const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;\n        control.register(name, {\n            ..._props.current.rules,\n            ...(isBoolean(_props.current.disabled)\n                ? { disabled: _props.current.disabled }\n                : {}),\n        });\n        const updateMounted = (name, value) => {\n            const field = get(control._fields, name);\n            if (field && field._f) {\n                field._f.mount = value;\n            }\n        };\n        updateMounted(name, true);\n        if (_shouldUnregisterField) {\n            const value = cloneObject(get(control._options.defaultValues, name));\n            set(control._defaultValues, name, value);\n            if (isUndefined(get(control._formValues, name))) {\n                set(control._formValues, name, value);\n            }\n        }\n        !isArrayField && control.register(name);\n        return () => {\n            (isArrayField\n                ? _shouldUnregisterField && !control._state.action\n                : _shouldUnregisterField)\n                ? control.unregister(name)\n                : updateMounted(name, false);\n        };\n    }, [name, control, isArrayField, shouldUnregister]);\n    React__default.useEffect(() => {\n        control._setDisabledField({\n            disabled,\n            name,\n        });\n    }, [disabled, name, control]);\n    return React__default.useMemo(() => ({\n        field,\n        formState,\n        fieldState,\n    }), [field, formState, fieldState]);\n}\n\n/**\n * Component based on `useController` hook to work with controlled component.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns provide field handler functions, field and form state.\n *\n * @example\n * ```tsx\n * function App() {\n *   const { control } = useForm<FormValues>({\n *     defaultValues: {\n *       test: \"\"\n *     }\n *   });\n *\n *   return (\n *     <form>\n *       <Controller\n *         control={control}\n *         name=\"test\"\n *         render={({ field: { onChange, onBlur, value, ref }, formState, fieldState }) => (\n *           <>\n *             <input\n *               onChange={onChange} // send value to hook form\n *               onBlur={onBlur} // notify when input is touched\n *               value={value} // return updated value\n *               ref={ref} // set ref for focus management\n *             />\n *             <p>{formState.isSubmitted ? \"submitted\" : \"\"}</p>\n *             <p>{fieldState.isTouched ? \"touched\" : \"\"}</p>\n *           </>\n *         )}\n *       />\n *     </form>\n *   );\n * }\n * ```\n */\nconst Controller = (props) => props.render(useController(props));\n\nconst flatten = (obj) => {\n    const output = {};\n    for (const key of Object.keys(obj)) {\n        if (isObjectType(obj[key]) && obj[key] !== null) {\n            const nested = flatten(obj[key]);\n            for (const nestedKey of Object.keys(nested)) {\n                output[`${key}.${nestedKey}`] = nested[nestedKey];\n            }\n        }\n        else {\n            output[key] = obj[key];\n        }\n    }\n    return output;\n};\n\nconst POST_REQUEST = 'post';\n/**\n * Form component to manage submission.\n *\n * @param props - to setup submission detail. {@link FormProps}\n *\n * @returns form component or headless render prop.\n *\n * @example\n * ```tsx\n * function App() {\n *   const { control, formState: { errors } } = useForm();\n *\n *   return (\n *     <Form action=\"/api\" control={control}>\n *       <input {...register(\"name\")} />\n *       <p>{errors?.root?.server && 'Server error'}</p>\n *       <button>Submit</button>\n *     </Form>\n *   );\n * }\n * ```\n */\nfunction Form(props) {\n    const methods = useFormContext();\n    const [mounted, setMounted] = React__default.useState(false);\n    const { control = methods.control, onSubmit, children, action, method = POST_REQUEST, headers, encType, onError, render, onSuccess, validateStatus, ...rest } = props;\n    const submit = async (event) => {\n        let hasError = false;\n        let type = '';\n        await control.handleSubmit(async (data) => {\n            const formData = new FormData();\n            let formDataJson = '';\n            try {\n                formDataJson = JSON.stringify(data);\n            }\n            catch (_a) { }\n            const flattenFormValues = flatten(control._formValues);\n            for (const key in flattenFormValues) {\n                formData.append(key, flattenFormValues[key]);\n            }\n            if (onSubmit) {\n                await onSubmit({\n                    data,\n                    event,\n                    method,\n                    formData,\n                    formDataJson,\n                });\n            }\n            if (action) {\n                try {\n                    const shouldStringifySubmissionData = [\n                        headers && headers['Content-Type'],\n                        encType,\n                    ].some((value) => value && value.includes('json'));\n                    const response = await fetch(String(action), {\n                        method,\n                        headers: {\n                            ...headers,\n                            ...(encType ? { 'Content-Type': encType } : {}),\n                        },\n                        body: shouldStringifySubmissionData ? formDataJson : formData,\n                    });\n                    if (response &&\n                        (validateStatus\n                            ? !validateStatus(response.status)\n                            : response.status < 200 || response.status >= 300)) {\n                        hasError = true;\n                        onError && onError({ response });\n                        type = String(response.status);\n                    }\n                    else {\n                        onSuccess && onSuccess({ response });\n                    }\n                }\n                catch (error) {\n                    hasError = true;\n                    onError && onError({ error });\n                }\n            }\n        })(event);\n        if (hasError && props.control) {\n            props.control._subjects.state.next({\n                isSubmitSuccessful: false,\n            });\n            props.control.setError('root.server', {\n                type,\n            });\n        }\n    };\n    React__default.useEffect(() => {\n        setMounted(true);\n    }, []);\n    return render ? (React__default.createElement(React__default.Fragment, null, render({\n        submit,\n    }))) : (React__default.createElement(\"form\", { noValidate: mounted, action: action, method: method, encType: encType, onSubmit: submit, ...rest }, children));\n}\n\nvar appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria\n    ? {\n        ...errors[name],\n        types: {\n            ...(errors[name] && errors[name].types ? errors[name].types : {}),\n            [type]: message || true,\n        },\n    }\n    : {};\n\nvar convertToArrayPayload = (value) => (Array.isArray(value) ? value : [value]);\n\nvar createSubject = () => {\n    let _observers = [];\n    const next = (value) => {\n        for (const observer of _observers) {\n            observer.next && observer.next(value);\n        }\n    };\n    const subscribe = (observer) => {\n        _observers.push(observer);\n        return {\n            unsubscribe: () => {\n                _observers = _observers.filter((o) => o !== observer);\n            },\n        };\n    };\n    const unsubscribe = () => {\n        _observers = [];\n    };\n    return {\n        get observers() {\n            return _observers;\n        },\n        next,\n        subscribe,\n        unsubscribe,\n    };\n};\n\nvar isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);\n\nfunction deepEqual(object1, object2, _internal_visited = new WeakSet()) {\n    if (isPrimitive(object1) || isPrimitive(object2)) {\n        return object1 === object2;\n    }\n    if (isDateObject(object1) && isDateObject(object2)) {\n        return object1.getTime() === object2.getTime();\n    }\n    const keys1 = Object.keys(object1);\n    const keys2 = Object.keys(object2);\n    if (keys1.length !== keys2.length) {\n        return false;\n    }\n    if (_internal_visited.has(object1) || _internal_visited.has(object2)) {\n        return true;\n    }\n    _internal_visited.add(object1);\n    _internal_visited.add(object2);\n    for (const key of keys1) {\n        const val1 = object1[key];\n        if (!keys2.includes(key)) {\n            return false;\n        }\n        if (key !== 'ref') {\n            const val2 = object2[key];\n            if ((isDateObject(val1) && isDateObject(val2)) ||\n                (isObject(val1) && isObject(val2)) ||\n                (Array.isArray(val1) && Array.isArray(val2))\n                ? !deepEqual(val1, val2, _internal_visited)\n                : val1 !== val2) {\n                return false;\n            }\n        }\n    }\n    return true;\n}\n\nvar isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;\n\nvar isFileInput = (element) => element.type === 'file';\n\nvar isFunction = (value) => typeof value === 'function';\n\nvar isHTMLElement = (value) => {\n    if (!isWeb) {\n        return false;\n    }\n    const owner = value ? value.ownerDocument : 0;\n    return (value instanceof\n        (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement));\n};\n\nvar isMultipleSelect = (element) => element.type === `select-multiple`;\n\nvar isRadioInput = (element) => element.type === 'radio';\n\nvar isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);\n\nvar live = (ref) => isHTMLElement(ref) && ref.isConnected;\n\nfunction baseGet(object, updatePath) {\n    const length = updatePath.slice(0, -1).length;\n    let index = 0;\n    while (index < length) {\n        object = isUndefined(object) ? index++ : object[updatePath[index++]];\n    }\n    return object;\n}\nfunction isEmptyArray(obj) {\n    for (const key in obj) {\n        if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction unset(object, path) {\n    const paths = Array.isArray(path)\n        ? path\n        : isKey(path)\n            ? [path]\n            : stringToPath(path);\n    const childObject = paths.length === 1 ? object : baseGet(object, paths);\n    const index = paths.length - 1;\n    const key = paths[index];\n    if (childObject) {\n        delete childObject[key];\n    }\n    if (index !== 0 &&\n        ((isObject(childObject) && isEmptyObject(childObject)) ||\n            (Array.isArray(childObject) && isEmptyArray(childObject)))) {\n        unset(object, paths.slice(0, -1));\n    }\n    return object;\n}\n\nvar objectHasFunction = (data) => {\n    for (const key in data) {\n        if (isFunction(data[key])) {\n            return true;\n        }\n    }\n    return false;\n};\n\nfunction markFieldsDirty(data, fields = {}) {\n    const isParentNodeArray = Array.isArray(data);\n    if (isObject(data) || isParentNodeArray) {\n        for (const key in data) {\n            if (Array.isArray(data[key]) ||\n                (isObject(data[key]) && !objectHasFunction(data[key]))) {\n                fields[key] = Array.isArray(data[key]) ? [] : {};\n                markFieldsDirty(data[key], fields[key]);\n            }\n            else if (!isNullOrUndefined(data[key])) {\n                fields[key] = true;\n            }\n        }\n    }\n    return fields;\n}\nfunction getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues) {\n    const isParentNodeArray = Array.isArray(data);\n    if (isObject(data) || isParentNodeArray) {\n        for (const key in data) {\n            if (Array.isArray(data[key]) ||\n                (isObject(data[key]) && !objectHasFunction(data[key]))) {\n                if (isUndefined(formValues) ||\n                    isPrimitive(dirtyFieldsFromValues[key])) {\n                    dirtyFieldsFromValues[key] = Array.isArray(data[key])\n                        ? markFieldsDirty(data[key], [])\n                        : { ...markFieldsDirty(data[key]) };\n                }\n                else {\n                    getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);\n                }\n            }\n            else {\n                dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]);\n            }\n        }\n    }\n    return dirtyFieldsFromValues;\n}\nvar getDirtyFields = (defaultValues, formValues) => getDirtyFieldsFromDefaultValues(defaultValues, formValues, markFieldsDirty(formValues));\n\nconst defaultResult = {\n    value: false,\n    isValid: false,\n};\nconst validResult = { value: true, isValid: true };\nvar getCheckboxValue = (options) => {\n    if (Array.isArray(options)) {\n        if (options.length > 1) {\n            const values = options\n                .filter((option) => option && option.checked && !option.disabled)\n                .map((option) => option.value);\n            return { value: values, isValid: !!values.length };\n        }\n        return options[0].checked && !options[0].disabled\n            ? // @ts-expect-error expected to work in the browser\n                options[0].attributes && !isUndefined(options[0].attributes.value)\n                    ? isUndefined(options[0].value) || options[0].value === ''\n                        ? validResult\n                        : { value: options[0].value, isValid: true }\n                    : validResult\n            : defaultResult;\n    }\n    return defaultResult;\n};\n\nvar getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value)\n    ? value\n    : valueAsNumber\n        ? value === ''\n            ? NaN\n            : value\n                ? +value\n                : value\n        : valueAsDate && isString(value)\n            ? new Date(value)\n            : setValueAs\n                ? setValueAs(value)\n                : value;\n\nconst defaultReturn = {\n    isValid: false,\n    value: null,\n};\nvar getRadioValue = (options) => Array.isArray(options)\n    ? options.reduce((previous, option) => option && option.checked && !option.disabled\n        ? {\n            isValid: true,\n            value: option.value,\n        }\n        : previous, defaultReturn)\n    : defaultReturn;\n\nfunction getFieldValue(_f) {\n    const ref = _f.ref;\n    if (isFileInput(ref)) {\n        return ref.files;\n    }\n    if (isRadioInput(ref)) {\n        return getRadioValue(_f.refs).value;\n    }\n    if (isMultipleSelect(ref)) {\n        return [...ref.selectedOptions].map(({ value }) => value);\n    }\n    if (isCheckBoxInput(ref)) {\n        return getCheckboxValue(_f.refs).value;\n    }\n    return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);\n}\n\nvar getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {\n    const fields = {};\n    for (const name of fieldsNames) {\n        const field = get(_fields, name);\n        field && set(fields, name, field._f);\n    }\n    return {\n        criteriaMode,\n        names: [...fieldsNames],\n        fields,\n        shouldUseNativeValidation,\n    };\n};\n\nvar isRegex = (value) => value instanceof RegExp;\n\nvar getRuleValue = (rule) => isUndefined(rule)\n    ? rule\n    : isRegex(rule)\n        ? rule.source\n        : isObject(rule)\n            ? isRegex(rule.value)\n                ? rule.value.source\n                : rule.value\n            : rule;\n\nvar getValidationModes = (mode) => ({\n    isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,\n    isOnBlur: mode === VALIDATION_MODE.onBlur,\n    isOnChange: mode === VALIDATION_MODE.onChange,\n    isOnAll: mode === VALIDATION_MODE.all,\n    isOnTouch: mode === VALIDATION_MODE.onTouched,\n});\n\nconst ASYNC_FUNCTION = 'AsyncFunction';\nvar hasPromiseValidation = (fieldReference) => !!fieldReference &&\n    !!fieldReference.validate &&\n    !!((isFunction(fieldReference.validate) &&\n        fieldReference.validate.constructor.name === ASYNC_FUNCTION) ||\n        (isObject(fieldReference.validate) &&\n            Object.values(fieldReference.validate).find((validateFunction) => validateFunction.constructor.name === ASYNC_FUNCTION)));\n\nvar hasValidation = (options) => options.mount &&\n    (options.required ||\n        options.min ||\n        options.max ||\n        options.maxLength ||\n        options.minLength ||\n        options.pattern ||\n        options.validate);\n\nvar isWatched = (name, _names, isBlurEvent) => !isBlurEvent &&\n    (_names.watchAll ||\n        _names.watch.has(name) ||\n        [..._names.watch].some((watchName) => name.startsWith(watchName) &&\n            /^\\.\\w+/.test(name.slice(watchName.length))));\n\nconst iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {\n    for (const key of fieldsNames || Object.keys(fields)) {\n        const field = get(fields, key);\n        if (field) {\n            const { _f, ...currentField } = field;\n            if (_f) {\n                if (_f.refs && _f.refs[0] && action(_f.refs[0], key) && !abortEarly) {\n                    return true;\n                }\n                else if (_f.ref && action(_f.ref, _f.name) && !abortEarly) {\n                    return true;\n                }\n                else {\n                    if (iterateFieldsByAction(currentField, action)) {\n                        break;\n                    }\n                }\n            }\n            else if (isObject(currentField)) {\n                if (iterateFieldsByAction(currentField, action)) {\n                    break;\n                }\n            }\n        }\n    }\n    return;\n};\n\nfunction schemaErrorLookup(errors, _fields, name) {\n    const error = get(errors, name);\n    if (error || isKey(name)) {\n        return {\n            error,\n            name,\n        };\n    }\n    const names = name.split('.');\n    while (names.length) {\n        const fieldName = names.join('.');\n        const field = get(_fields, fieldName);\n        const foundError = get(errors, fieldName);\n        if (field && !Array.isArray(field) && name !== fieldName) {\n            return { name };\n        }\n        if (foundError && foundError.type) {\n            return {\n                name: fieldName,\n                error: foundError,\n            };\n        }\n        if (foundError && foundError.root && foundError.root.type) {\n            return {\n                name: `${fieldName}.root`,\n                error: foundError.root,\n            };\n        }\n        names.pop();\n    }\n    return {\n        name,\n    };\n}\n\nvar shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {\n    updateFormState(formStateData);\n    const { name, ...formState } = formStateData;\n    return (isEmptyObject(formState) ||\n        Object.keys(formState).length >= Object.keys(_proxyFormState).length ||\n        Object.keys(formState).find((key) => _proxyFormState[key] ===\n            (!isRoot || VALIDATION_MODE.all)));\n};\n\nvar shouldSubscribeByName = (name, signalName, exact) => !name ||\n    !signalName ||\n    name === signalName ||\n    convertToArrayPayload(name).some((currentName) => currentName &&\n        (exact\n            ? currentName === signalName\n            : currentName.startsWith(signalName) ||\n                signalName.startsWith(currentName)));\n\nvar skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {\n    if (mode.isOnAll) {\n        return false;\n    }\n    else if (!isSubmitted && mode.isOnTouch) {\n        return !(isTouched || isBlurEvent);\n    }\n    else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {\n        return !isBlurEvent;\n    }\n    else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {\n        return isBlurEvent;\n    }\n    return true;\n};\n\nvar unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name);\n\nvar updateFieldArrayRootError = (errors, error, name) => {\n    const fieldArrayErrors = convertToArrayPayload(get(errors, name));\n    set(fieldArrayErrors, 'root', error[name]);\n    set(errors, name, fieldArrayErrors);\n    return errors;\n};\n\nvar isMessage = (value) => isString(value);\n\nfunction getValidateError(result, ref, type = 'validate') {\n    if (isMessage(result) ||\n        (Array.isArray(result) && result.every(isMessage)) ||\n        (isBoolean(result) && !result)) {\n        return {\n            type,\n            message: isMessage(result) ? result : '',\n            ref,\n        };\n    }\n}\n\nvar getValueAndMessage = (validationData) => isObject(validationData) && !isRegex(validationData)\n    ? validationData\n    : {\n        value: validationData,\n        message: '',\n    };\n\nvar validateField = async (field, disabledFieldNames, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {\n    const { ref, refs, required, maxLength, minLength, min, max, pattern, validate, name, valueAsNumber, mount, } = field._f;\n    const inputValue = get(formValues, name);\n    if (!mount || disabledFieldNames.has(name)) {\n        return {};\n    }\n    const inputRef = refs ? refs[0] : ref;\n    const setCustomValidity = (message) => {\n        if (shouldUseNativeValidation && inputRef.reportValidity) {\n            inputRef.setCustomValidity(isBoolean(message) ? '' : message || '');\n            inputRef.reportValidity();\n        }\n    };\n    const error = {};\n    const isRadio = isRadioInput(ref);\n    const isCheckBox = isCheckBoxInput(ref);\n    const isRadioOrCheckbox = isRadio || isCheckBox;\n    const isEmpty = ((valueAsNumber || isFileInput(ref)) &&\n        isUndefined(ref.value) &&\n        isUndefined(inputValue)) ||\n        (isHTMLElement(ref) && ref.value === '') ||\n        inputValue === '' ||\n        (Array.isArray(inputValue) && !inputValue.length);\n    const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);\n    const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {\n        const message = exceedMax ? maxLengthMessage : minLengthMessage;\n        error[name] = {\n            type: exceedMax ? maxType : minType,\n            message,\n            ref,\n            ...appendErrorsCurry(exceedMax ? maxType : minType, message),\n        };\n    };\n    if (isFieldArray\n        ? !Array.isArray(inputValue) || !inputValue.length\n        : required &&\n            ((!isRadioOrCheckbox && (isEmpty || isNullOrUndefined(inputValue))) ||\n                (isBoolean(inputValue) && !inputValue) ||\n                (isCheckBox && !getCheckboxValue(refs).isValid) ||\n                (isRadio && !getRadioValue(refs).isValid))) {\n        const { value, message } = isMessage(required)\n            ? { value: !!required, message: required }\n            : getValueAndMessage(required);\n        if (value) {\n            error[name] = {\n                type: INPUT_VALIDATION_RULES.required,\n                message,\n                ref: inputRef,\n                ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message),\n            };\n            if (!validateAllFieldCriteria) {\n                setCustomValidity(message);\n                return error;\n            }\n        }\n    }\n    if (!isEmpty && (!isNullOrUndefined(min) || !isNullOrUndefined(max))) {\n        let exceedMax;\n        let exceedMin;\n        const maxOutput = getValueAndMessage(max);\n        const minOutput = getValueAndMessage(min);\n        if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {\n            const valueNumber = ref.valueAsNumber ||\n                (inputValue ? +inputValue : inputValue);\n            if (!isNullOrUndefined(maxOutput.value)) {\n                exceedMax = valueNumber > maxOutput.value;\n            }\n            if (!isNullOrUndefined(minOutput.value)) {\n                exceedMin = valueNumber < minOutput.value;\n            }\n        }\n        else {\n            const valueDate = ref.valueAsDate || new Date(inputValue);\n            const convertTimeToDate = (time) => new Date(new Date().toDateString() + ' ' + time);\n            const isTime = ref.type == 'time';\n            const isWeek = ref.type == 'week';\n            if (isString(maxOutput.value) && inputValue) {\n                exceedMax = isTime\n                    ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value)\n                    : isWeek\n                        ? inputValue > maxOutput.value\n                        : valueDate > new Date(maxOutput.value);\n            }\n            if (isString(minOutput.value) && inputValue) {\n                exceedMin = isTime\n                    ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value)\n                    : isWeek\n                        ? inputValue < minOutput.value\n                        : valueDate < new Date(minOutput.value);\n            }\n        }\n        if (exceedMax || exceedMin) {\n            getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);\n            if (!validateAllFieldCriteria) {\n                setCustomValidity(error[name].message);\n                return error;\n            }\n        }\n    }\n    if ((maxLength || minLength) &&\n        !isEmpty &&\n        (isString(inputValue) || (isFieldArray && Array.isArray(inputValue)))) {\n        const maxLengthOutput = getValueAndMessage(maxLength);\n        const minLengthOutput = getValueAndMessage(minLength);\n        const exceedMax = !isNullOrUndefined(maxLengthOutput.value) &&\n            inputValue.length > +maxLengthOutput.value;\n        const exceedMin = !isNullOrUndefined(minLengthOutput.value) &&\n            inputValue.length < +minLengthOutput.value;\n        if (exceedMax || exceedMin) {\n            getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);\n            if (!validateAllFieldCriteria) {\n                setCustomValidity(error[name].message);\n                return error;\n            }\n        }\n    }\n    if (pattern && !isEmpty && isString(inputValue)) {\n        const { value: patternValue, message } = getValueAndMessage(pattern);\n        if (isRegex(patternValue) && !inputValue.match(patternValue)) {\n            error[name] = {\n                type: INPUT_VALIDATION_RULES.pattern,\n                message,\n                ref,\n                ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message),\n            };\n            if (!validateAllFieldCriteria) {\n                setCustomValidity(message);\n                return error;\n            }\n        }\n    }\n    if (validate) {\n        if (isFunction(validate)) {\n            const result = await validate(inputValue, formValues);\n            const validateError = getValidateError(result, inputRef);\n            if (validateError) {\n                error[name] = {\n                    ...validateError,\n                    ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message),\n                };\n                if (!validateAllFieldCriteria) {\n                    setCustomValidity(validateError.message);\n                    return error;\n                }\n            }\n        }\n        else if (isObject(validate)) {\n            let validationResult = {};\n            for (const key in validate) {\n                if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {\n                    break;\n                }\n                const validateError = getValidateError(await validate[key](inputValue, formValues), inputRef, key);\n                if (validateError) {\n                    validationResult = {\n                        ...validateError,\n                        ...appendErrorsCurry(key, validateError.message),\n                    };\n                    setCustomValidity(validateError.message);\n                    if (validateAllFieldCriteria) {\n                        error[name] = validationResult;\n                    }\n                }\n            }\n            if (!isEmptyObject(validationResult)) {\n                error[name] = {\n                    ref: inputRef,\n                    ...validationResult,\n                };\n                if (!validateAllFieldCriteria) {\n                    return error;\n                }\n            }\n        }\n    }\n    setCustomValidity(true);\n    return error;\n};\n\nconst defaultOptions = {\n    mode: VALIDATION_MODE.onSubmit,\n    reValidateMode: VALIDATION_MODE.onChange,\n    shouldFocusError: true,\n};\nfunction createFormControl(props = {}) {\n    let _options = {\n        ...defaultOptions,\n        ...props,\n    };\n    let _formState = {\n        submitCount: 0,\n        isDirty: false,\n        isReady: false,\n        isLoading: isFunction(_options.defaultValues),\n        isValidating: false,\n        isSubmitted: false,\n        isSubmitting: false,\n        isSubmitSuccessful: false,\n        isValid: false,\n        touchedFields: {},\n        dirtyFields: {},\n        validatingFields: {},\n        errors: _options.errors || {},\n        disabled: _options.disabled || false,\n    };\n    let _fields = {};\n    let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)\n        ? cloneObject(_options.defaultValues || _options.values) || {}\n        : {};\n    let _formValues = _options.shouldUnregister\n        ? {}\n        : cloneObject(_defaultValues);\n    let _state = {\n        action: false,\n        mount: false,\n        watch: false,\n    };\n    let _names = {\n        mount: new Set(),\n        disabled: new Set(),\n        unMount: new Set(),\n        array: new Set(),\n        watch: new Set(),\n    };\n    let delayErrorCallback;\n    let timer = 0;\n    const _proxyFormState = {\n        isDirty: false,\n        dirtyFields: false,\n        validatingFields: false,\n        touchedFields: false,\n        isValidating: false,\n        isValid: false,\n        errors: false,\n    };\n    let _proxySubscribeFormState = {\n        ..._proxyFormState,\n    };\n    const _subjects = {\n        array: createSubject(),\n        state: createSubject(),\n    };\n    const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;\n    const debounce = (callback) => (wait) => {\n        clearTimeout(timer);\n        timer = setTimeout(callback, wait);\n    };\n    const _setValid = async (shouldUpdateValid) => {\n        if (!_options.disabled &&\n            (_proxyFormState.isValid ||\n                _proxySubscribeFormState.isValid ||\n                shouldUpdateValid)) {\n            const isValid = _options.resolver\n                ? isEmptyObject((await _runSchema()).errors)\n                : await executeBuiltInValidation(_fields, true);\n            if (isValid !== _formState.isValid) {\n                _subjects.state.next({\n                    isValid,\n                });\n            }\n        }\n    };\n    const _updateIsValidating = (names, isValidating) => {\n        if (!_options.disabled &&\n            (_proxyFormState.isValidating ||\n                _proxyFormState.validatingFields ||\n                _proxySubscribeFormState.isValidating ||\n                _proxySubscribeFormState.validatingFields)) {\n            (names || Array.from(_names.mount)).forEach((name) => {\n                if (name) {\n                    isValidating\n                        ? set(_formState.validatingFields, name, isValidating)\n                        : unset(_formState.validatingFields, name);\n                }\n            });\n            _subjects.state.next({\n                validatingFields: _formState.validatingFields,\n                isValidating: !isEmptyObject(_formState.validatingFields),\n            });\n        }\n    };\n    const _setFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {\n        if (args && method && !_options.disabled) {\n            _state.action = true;\n            if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {\n                const fieldValues = method(get(_fields, name), args.argA, args.argB);\n                shouldSetValues && set(_fields, name, fieldValues);\n            }\n            if (shouldUpdateFieldsAndState &&\n                Array.isArray(get(_formState.errors, name))) {\n                const errors = method(get(_formState.errors, name), args.argA, args.argB);\n                shouldSetValues && set(_formState.errors, name, errors);\n                unsetEmptyArray(_formState.errors, name);\n            }\n            if ((_proxyFormState.touchedFields ||\n                _proxySubscribeFormState.touchedFields) &&\n                shouldUpdateFieldsAndState &&\n                Array.isArray(get(_formState.touchedFields, name))) {\n                const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);\n                shouldSetValues && set(_formState.touchedFields, name, touchedFields);\n            }\n            if (_proxyFormState.dirtyFields || _proxySubscribeFormState.dirtyFields) {\n                _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);\n            }\n            _subjects.state.next({\n                name,\n                isDirty: _getDirty(name, values),\n                dirtyFields: _formState.dirtyFields,\n                errors: _formState.errors,\n                isValid: _formState.isValid,\n            });\n        }\n        else {\n            set(_formValues, name, values);\n        }\n    };\n    const updateErrors = (name, error) => {\n        set(_formState.errors, name, error);\n        _subjects.state.next({\n            errors: _formState.errors,\n        });\n    };\n    const _setErrors = (errors) => {\n        _formState.errors = errors;\n        _subjects.state.next({\n            errors: _formState.errors,\n            isValid: false,\n        });\n    };\n    const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {\n        const field = get(_fields, name);\n        if (field) {\n            const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);\n            isUndefined(defaultValue) ||\n                (ref && ref.defaultChecked) ||\n                shouldSkipSetValueAs\n                ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f))\n                : setFieldValue(name, defaultValue);\n            _state.mount && _setValid();\n        }\n    };\n    const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {\n        let shouldUpdateField = false;\n        let isPreviousDirty = false;\n        const output = {\n            name,\n        };\n        if (!_options.disabled) {\n            if (!isBlurEvent || shouldDirty) {\n                if (_proxyFormState.isDirty || _proxySubscribeFormState.isDirty) {\n                    isPreviousDirty = _formState.isDirty;\n                    _formState.isDirty = output.isDirty = _getDirty();\n                    shouldUpdateField = isPreviousDirty !== output.isDirty;\n                }\n                const isCurrentFieldPristine = deepEqual(get(_defaultValues, name), fieldValue);\n                isPreviousDirty = !!get(_formState.dirtyFields, name);\n                isCurrentFieldPristine\n                    ? unset(_formState.dirtyFields, name)\n                    : set(_formState.dirtyFields, name, true);\n                output.dirtyFields = _formState.dirtyFields;\n                shouldUpdateField =\n                    shouldUpdateField ||\n                        ((_proxyFormState.dirtyFields ||\n                            _proxySubscribeFormState.dirtyFields) &&\n                            isPreviousDirty !== !isCurrentFieldPristine);\n            }\n            if (isBlurEvent) {\n                const isPreviousFieldTouched = get(_formState.touchedFields, name);\n                if (!isPreviousFieldTouched) {\n                    set(_formState.touchedFields, name, isBlurEvent);\n                    output.touchedFields = _formState.touchedFields;\n                    shouldUpdateField =\n                        shouldUpdateField ||\n                            ((_proxyFormState.touchedFields ||\n                                _proxySubscribeFormState.touchedFields) &&\n                                isPreviousFieldTouched !== isBlurEvent);\n                }\n            }\n            shouldUpdateField && shouldRender && _subjects.state.next(output);\n        }\n        return shouldUpdateField ? output : {};\n    };\n    const shouldRenderByError = (name, isValid, error, fieldState) => {\n        const previousFieldError = get(_formState.errors, name);\n        const shouldUpdateValid = (_proxyFormState.isValid || _proxySubscribeFormState.isValid) &&\n            isBoolean(isValid) &&\n            _formState.isValid !== isValid;\n        if (_options.delayError && error) {\n            delayErrorCallback = debounce(() => updateErrors(name, error));\n            delayErrorCallback(_options.delayError);\n        }\n        else {\n            clearTimeout(timer);\n            delayErrorCallback = null;\n            error\n                ? set(_formState.errors, name, error)\n                : unset(_formState.errors, name);\n        }\n        if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) ||\n            !isEmptyObject(fieldState) ||\n            shouldUpdateValid) {\n            const updatedFormState = {\n                ...fieldState,\n                ...(shouldUpdateValid && isBoolean(isValid) ? { isValid } : {}),\n                errors: _formState.errors,\n                name,\n            };\n            _formState = {\n                ..._formState,\n                ...updatedFormState,\n            };\n            _subjects.state.next(updatedFormState);\n        }\n    };\n    const _runSchema = async (name) => {\n        _updateIsValidating(name, true);\n        const result = await _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));\n        _updateIsValidating(name);\n        return result;\n    };\n    const executeSchemaAndUpdateState = async (names) => {\n        const { errors } = await _runSchema(names);\n        if (names) {\n            for (const name of names) {\n                const error = get(errors, name);\n                error\n                    ? set(_formState.errors, name, error)\n                    : unset(_formState.errors, name);\n            }\n        }\n        else {\n            _formState.errors = errors;\n        }\n        return errors;\n    };\n    const executeBuiltInValidation = async (fields, shouldOnlyCheckValid, context = {\n        valid: true,\n    }) => {\n        for (const name in fields) {\n            const field = fields[name];\n            if (field) {\n                const { _f, ...fieldValue } = field;\n                if (_f) {\n                    const isFieldArrayRoot = _names.array.has(_f.name);\n                    const isPromiseFunction = field._f && hasPromiseValidation(field._f);\n                    if (isPromiseFunction && _proxyFormState.validatingFields) {\n                        _updateIsValidating([name], true);\n                    }\n                    const fieldError = await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot);\n                    if (isPromiseFunction && _proxyFormState.validatingFields) {\n                        _updateIsValidating([name]);\n                    }\n                    if (fieldError[_f.name]) {\n                        context.valid = false;\n                        if (shouldOnlyCheckValid) {\n                            break;\n                        }\n                    }\n                    !shouldOnlyCheckValid &&\n                        (get(fieldError, _f.name)\n                            ? isFieldArrayRoot\n                                ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name)\n                                : set(_formState.errors, _f.name, fieldError[_f.name])\n                            : unset(_formState.errors, _f.name));\n                }\n                !isEmptyObject(fieldValue) &&\n                    (await executeBuiltInValidation(fieldValue, shouldOnlyCheckValid, context));\n            }\n        }\n        return context.valid;\n    };\n    const _removeUnmounted = () => {\n        for (const name of _names.unMount) {\n            const field = get(_fields, name);\n            field &&\n                (field._f.refs\n                    ? field._f.refs.every((ref) => !live(ref))\n                    : !live(field._f.ref)) &&\n                unregister(name);\n        }\n        _names.unMount = new Set();\n    };\n    const _getDirty = (name, data) => !_options.disabled &&\n        (name && data && set(_formValues, name, data),\n            !deepEqual(getValues(), _defaultValues));\n    const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {\n        ...(_state.mount\n            ? _formValues\n            : isUndefined(defaultValue)\n                ? _defaultValues\n                : isString(names)\n                    ? { [names]: defaultValue }\n                    : defaultValue),\n    }, isGlobal, defaultValue);\n    const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get(_defaultValues, name, []) : []));\n    const setFieldValue = (name, value, options = {}) => {\n        const field = get(_fields, name);\n        let fieldValue = value;\n        if (field) {\n            const fieldReference = field._f;\n            if (fieldReference) {\n                !fieldReference.disabled &&\n                    set(_formValues, name, getFieldValueAs(value, fieldReference));\n                fieldValue =\n                    isHTMLElement(fieldReference.ref) && isNullOrUndefined(value)\n                        ? ''\n                        : value;\n                if (isMultipleSelect(fieldReference.ref)) {\n                    [...fieldReference.ref.options].forEach((optionRef) => (optionRef.selected = fieldValue.includes(optionRef.value)));\n                }\n                else if (fieldReference.refs) {\n                    if (isCheckBoxInput(fieldReference.ref)) {\n                        fieldReference.refs.forEach((checkboxRef) => {\n                            if (!checkboxRef.defaultChecked || !checkboxRef.disabled) {\n                                if (Array.isArray(fieldValue)) {\n                                    checkboxRef.checked = !!fieldValue.find((data) => data === checkboxRef.value);\n                                }\n                                else {\n                                    checkboxRef.checked =\n                                        fieldValue === checkboxRef.value || !!fieldValue;\n                                }\n                            }\n                        });\n                    }\n                    else {\n                        fieldReference.refs.forEach((radioRef) => (radioRef.checked = radioRef.value === fieldValue));\n                    }\n                }\n                else if (isFileInput(fieldReference.ref)) {\n                    fieldReference.ref.value = '';\n                }\n                else {\n                    fieldReference.ref.value = fieldValue;\n                    if (!fieldReference.ref.type) {\n                        _subjects.state.next({\n                            name,\n                            values: cloneObject(_formValues),\n                        });\n                    }\n                }\n            }\n        }\n        (options.shouldDirty || options.shouldTouch) &&\n            updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, true);\n        options.shouldValidate && trigger(name);\n    };\n    const setValues = (name, value, options) => {\n        for (const fieldKey in value) {\n            if (!value.hasOwnProperty(fieldKey)) {\n                return;\n            }\n            const fieldValue = value[fieldKey];\n            const fieldName = name + '.' + fieldKey;\n            const field = get(_fields, fieldName);\n            (_names.array.has(name) ||\n                isObject(fieldValue) ||\n                (field && !field._f)) &&\n                !isDateObject(fieldValue)\n                ? setValues(fieldName, fieldValue, options)\n                : setFieldValue(fieldName, fieldValue, options);\n        }\n    };\n    const setValue = (name, value, options = {}) => {\n        const field = get(_fields, name);\n        const isFieldArray = _names.array.has(name);\n        const cloneValue = cloneObject(value);\n        set(_formValues, name, cloneValue);\n        if (isFieldArray) {\n            _subjects.array.next({\n                name,\n                values: cloneObject(_formValues),\n            });\n            if ((_proxyFormState.isDirty ||\n                _proxyFormState.dirtyFields ||\n                _proxySubscribeFormState.isDirty ||\n                _proxySubscribeFormState.dirtyFields) &&\n                options.shouldDirty) {\n                _subjects.state.next({\n                    name,\n                    dirtyFields: getDirtyFields(_defaultValues, _formValues),\n                    isDirty: _getDirty(name, cloneValue),\n                });\n            }\n        }\n        else {\n            field && !field._f && !isNullOrUndefined(cloneValue)\n                ? setValues(name, cloneValue, options)\n                : setFieldValue(name, cloneValue, options);\n        }\n        isWatched(name, _names) && _subjects.state.next({ ..._formState });\n        _subjects.state.next({\n            name: _state.mount ? name : undefined,\n            values: cloneObject(_formValues),\n        });\n    };\n    const onChange = async (event) => {\n        _state.mount = true;\n        const target = event.target;\n        let name = target.name;\n        let isFieldValueUpdated = true;\n        const field = get(_fields, name);\n        const _updateIsFieldValueUpdated = (fieldValue) => {\n            isFieldValueUpdated =\n                Number.isNaN(fieldValue) ||\n                    (isDateObject(fieldValue) && isNaN(fieldValue.getTime())) ||\n                    deepEqual(fieldValue, get(_formValues, name, fieldValue));\n        };\n        const validationModeBeforeSubmit = getValidationModes(_options.mode);\n        const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);\n        if (field) {\n            let error;\n            let isValid;\n            const fieldValue = target.type\n                ? getFieldValue(field._f)\n                : getEventValue(event);\n            const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;\n            const shouldSkipValidation = (!hasValidation(field._f) &&\n                !_options.resolver &&\n                !get(_formState.errors, name) &&\n                !field._f.deps) ||\n                skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);\n            const watched = isWatched(name, _names, isBlurEvent);\n            set(_formValues, name, fieldValue);\n            if (isBlurEvent) {\n                field._f.onBlur && field._f.onBlur(event);\n                delayErrorCallback && delayErrorCallback(0);\n            }\n            else if (field._f.onChange) {\n                field._f.onChange(event);\n            }\n            const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent);\n            const shouldRender = !isEmptyObject(fieldState) || watched;\n            !isBlurEvent &&\n                _subjects.state.next({\n                    name,\n                    type: event.type,\n                    values: cloneObject(_formValues),\n                });\n            if (shouldSkipValidation) {\n                if (_proxyFormState.isValid || _proxySubscribeFormState.isValid) {\n                    if (_options.mode === 'onBlur') {\n                        if (isBlurEvent) {\n                            _setValid();\n                        }\n                    }\n                    else if (!isBlurEvent) {\n                        _setValid();\n                    }\n                }\n                return (shouldRender &&\n                    _subjects.state.next({ name, ...(watched ? {} : fieldState) }));\n            }\n            !isBlurEvent && watched && _subjects.state.next({ ..._formState });\n            if (_options.resolver) {\n                const { errors } = await _runSchema([name]);\n                _updateIsFieldValueUpdated(fieldValue);\n                if (isFieldValueUpdated) {\n                    const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);\n                    const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);\n                    error = errorLookupResult.error;\n                    name = errorLookupResult.name;\n                    isValid = isEmptyObject(errors);\n                }\n            }\n            else {\n                _updateIsValidating([name], true);\n                error = (await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];\n                _updateIsValidating([name]);\n                _updateIsFieldValueUpdated(fieldValue);\n                if (isFieldValueUpdated) {\n                    if (error) {\n                        isValid = false;\n                    }\n                    else if (_proxyFormState.isValid ||\n                        _proxySubscribeFormState.isValid) {\n                        isValid = await executeBuiltInValidation(_fields, true);\n                    }\n                }\n            }\n            if (isFieldValueUpdated) {\n                field._f.deps &&\n                    trigger(field._f.deps);\n                shouldRenderByError(name, isValid, error, fieldState);\n            }\n        }\n    };\n    const _focusInput = (ref, key) => {\n        if (get(_formState.errors, key) && ref.focus) {\n            ref.focus();\n            return 1;\n        }\n        return;\n    };\n    const trigger = async (name, options = {}) => {\n        let isValid;\n        let validationResult;\n        const fieldNames = convertToArrayPayload(name);\n        if (_options.resolver) {\n            const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames);\n            isValid = isEmptyObject(errors);\n            validationResult = name\n                ? !fieldNames.some((name) => get(errors, name))\n                : isValid;\n        }\n        else if (name) {\n            validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {\n                const field = get(_fields, fieldName);\n                return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field);\n            }))).every(Boolean);\n            !(!validationResult && !_formState.isValid) && _setValid();\n        }\n        else {\n            validationResult = isValid = await executeBuiltInValidation(_fields);\n        }\n        _subjects.state.next({\n            ...(!isString(name) ||\n                ((_proxyFormState.isValid || _proxySubscribeFormState.isValid) &&\n                    isValid !== _formState.isValid)\n                ? {}\n                : { name }),\n            ...(_options.resolver || !name ? { isValid } : {}),\n            errors: _formState.errors,\n        });\n        options.shouldFocus &&\n            !validationResult &&\n            iterateFieldsByAction(_fields, _focusInput, name ? fieldNames : _names.mount);\n        return validationResult;\n    };\n    const getValues = (fieldNames) => {\n        const values = {\n            ...(_state.mount ? _formValues : _defaultValues),\n        };\n        return isUndefined(fieldNames)\n            ? values\n            : isString(fieldNames)\n                ? get(values, fieldNames)\n                : fieldNames.map((name) => get(values, name));\n    };\n    const getFieldState = (name, formState) => ({\n        invalid: !!get((formState || _formState).errors, name),\n        isDirty: !!get((formState || _formState).dirtyFields, name),\n        error: get((formState || _formState).errors, name),\n        isValidating: !!get(_formState.validatingFields, name),\n        isTouched: !!get((formState || _formState).touchedFields, name),\n    });\n    const clearErrors = (name) => {\n        name &&\n            convertToArrayPayload(name).forEach((inputName) => unset(_formState.errors, inputName));\n        _subjects.state.next({\n            errors: name ? _formState.errors : {},\n        });\n    };\n    const setError = (name, error, options) => {\n        const ref = (get(_fields, name, { _f: {} })._f || {}).ref;\n        const currentError = get(_formState.errors, name) || {};\n        // Don't override existing error messages elsewhere in the object tree.\n        const { ref: currentRef, message, type, ...restOfErrorTree } = currentError;\n        set(_formState.errors, name, {\n            ...restOfErrorTree,\n            ...error,\n            ref,\n        });\n        _subjects.state.next({\n            name,\n            errors: _formState.errors,\n            isValid: false,\n        });\n        options && options.shouldFocus && ref && ref.focus && ref.focus();\n    };\n    const watch = (name, defaultValue) => isFunction(name)\n        ? _subjects.state.subscribe({\n            next: (payload) => name(_getWatch(undefined, defaultValue), payload),\n        })\n        : _getWatch(name, defaultValue, true);\n    const _subscribe = (props) => _subjects.state.subscribe({\n        next: (formState) => {\n            if (shouldSubscribeByName(props.name, formState.name, props.exact) &&\n                shouldRenderFormState(formState, props.formState || _proxyFormState, _setFormState, props.reRenderRoot)) {\n                props.callback({\n                    values: { ..._formValues },\n                    ..._formState,\n                    ...formState,\n                });\n            }\n        },\n    }).unsubscribe;\n    const subscribe = (props) => {\n        _state.mount = true;\n        _proxySubscribeFormState = {\n            ..._proxySubscribeFormState,\n            ...props.formState,\n        };\n        return _subscribe({\n            ...props,\n            formState: _proxySubscribeFormState,\n        });\n    };\n    const unregister = (name, options = {}) => {\n        for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {\n            _names.mount.delete(fieldName);\n            _names.array.delete(fieldName);\n            if (!options.keepValue) {\n                unset(_fields, fieldName);\n                unset(_formValues, fieldName);\n            }\n            !options.keepError && unset(_formState.errors, fieldName);\n            !options.keepDirty && unset(_formState.dirtyFields, fieldName);\n            !options.keepTouched && unset(_formState.touchedFields, fieldName);\n            !options.keepIsValidating &&\n                unset(_formState.validatingFields, fieldName);\n            !_options.shouldUnregister &&\n                !options.keepDefaultValue &&\n                unset(_defaultValues, fieldName);\n        }\n        _subjects.state.next({\n            values: cloneObject(_formValues),\n        });\n        _subjects.state.next({\n            ..._formState,\n            ...(!options.keepDirty ? {} : { isDirty: _getDirty() }),\n        });\n        !options.keepIsValid && _setValid();\n    };\n    const _setDisabledField = ({ disabled, name, }) => {\n        if ((isBoolean(disabled) && _state.mount) ||\n            !!disabled ||\n            _names.disabled.has(name)) {\n            disabled ? _names.disabled.add(name) : _names.disabled.delete(name);\n        }\n    };\n    const register = (name, options = {}) => {\n        let field = get(_fields, name);\n        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);\n        set(_fields, name, {\n            ...(field || {}),\n            _f: {\n                ...(field && field._f ? field._f : { ref: { name } }),\n                name,\n                mount: true,\n                ...options,\n            },\n        });\n        _names.mount.add(name);\n        if (field) {\n            _setDisabledField({\n                disabled: isBoolean(options.disabled)\n                    ? options.disabled\n                    : _options.disabled,\n                name,\n            });\n        }\n        else {\n            updateValidAndValue(name, true, options.value);\n        }\n        return {\n            ...(disabledIsDefined\n                ? { disabled: options.disabled || _options.disabled }\n                : {}),\n            ...(_options.progressive\n                ? {\n                    required: !!options.required,\n                    min: getRuleValue(options.min),\n                    max: getRuleValue(options.max),\n                    minLength: getRuleValue(options.minLength),\n                    maxLength: getRuleValue(options.maxLength),\n                    pattern: getRuleValue(options.pattern),\n                }\n                : {}),\n            name,\n            onChange,\n            onBlur: onChange,\n            ref: (ref) => {\n                if (ref) {\n                    register(name, options);\n                    field = get(_fields, name);\n                    const fieldRef = isUndefined(ref.value)\n                        ? ref.querySelectorAll\n                            ? ref.querySelectorAll('input,select,textarea')[0] || ref\n                            : ref\n                        : ref;\n                    const radioOrCheckbox = isRadioOrCheckbox(fieldRef);\n                    const refs = field._f.refs || [];\n                    if (radioOrCheckbox\n                        ? refs.find((option) => option === fieldRef)\n                        : fieldRef === field._f.ref) {\n                        return;\n                    }\n                    set(_fields, name, {\n                        _f: {\n                            ...field._f,\n                            ...(radioOrCheckbox\n                                ? {\n                                    refs: [\n                                        ...refs.filter(live),\n                                        fieldRef,\n                                        ...(Array.isArray(get(_defaultValues, name)) ? [{}] : []),\n                                    ],\n                                    ref: { type: fieldRef.type, name },\n                                }\n                                : { ref: fieldRef }),\n                        },\n                    });\n                    updateValidAndValue(name, false, undefined, fieldRef);\n                }\n                else {\n                    field = get(_fields, name, {});\n                    if (field._f) {\n                        field._f.mount = false;\n                    }\n                    (_options.shouldUnregister || options.shouldUnregister) &&\n                        !(isNameInFieldArray(_names.array, name) && _state.action) &&\n                        _names.unMount.add(name);\n                }\n            },\n        };\n    };\n    const _focusError = () => _options.shouldFocusError &&\n        iterateFieldsByAction(_fields, _focusInput, _names.mount);\n    const _disableForm = (disabled) => {\n        if (isBoolean(disabled)) {\n            _subjects.state.next({ disabled });\n            iterateFieldsByAction(_fields, (ref, name) => {\n                const currentField = get(_fields, name);\n                if (currentField) {\n                    ref.disabled = currentField._f.disabled || disabled;\n                    if (Array.isArray(currentField._f.refs)) {\n                        currentField._f.refs.forEach((inputRef) => {\n                            inputRef.disabled = currentField._f.disabled || disabled;\n                        });\n                    }\n                }\n            }, 0, false);\n        }\n    };\n    const handleSubmit = (onValid, onInvalid) => async (e) => {\n        let onValidError = undefined;\n        if (e) {\n            e.preventDefault && e.preventDefault();\n            e.persist &&\n                e.persist();\n        }\n        let fieldValues = cloneObject(_formValues);\n        _subjects.state.next({\n            isSubmitting: true,\n        });\n        if (_options.resolver) {\n            const { errors, values } = await _runSchema();\n            _formState.errors = errors;\n            fieldValues = cloneObject(values);\n        }\n        else {\n            await executeBuiltInValidation(_fields);\n        }\n        if (_names.disabled.size) {\n            for (const name of _names.disabled) {\n                unset(fieldValues, name);\n            }\n        }\n        unset(_formState.errors, 'root');\n        if (isEmptyObject(_formState.errors)) {\n            _subjects.state.next({\n                errors: {},\n            });\n            try {\n                await onValid(fieldValues, e);\n            }\n            catch (error) {\n                onValidError = error;\n            }\n        }\n        else {\n            if (onInvalid) {\n                await onInvalid({ ..._formState.errors }, e);\n            }\n            _focusError();\n            setTimeout(_focusError);\n        }\n        _subjects.state.next({\n            isSubmitted: true,\n            isSubmitting: false,\n            isSubmitSuccessful: isEmptyObject(_formState.errors) && !onValidError,\n            submitCount: _formState.submitCount + 1,\n            errors: _formState.errors,\n        });\n        if (onValidError) {\n            throw onValidError;\n        }\n    };\n    const resetField = (name, options = {}) => {\n        if (get(_fields, name)) {\n            if (isUndefined(options.defaultValue)) {\n                setValue(name, cloneObject(get(_defaultValues, name)));\n            }\n            else {\n                setValue(name, options.defaultValue);\n                set(_defaultValues, name, cloneObject(options.defaultValue));\n            }\n            if (!options.keepTouched) {\n                unset(_formState.touchedFields, name);\n            }\n            if (!options.keepDirty) {\n                unset(_formState.dirtyFields, name);\n                _formState.isDirty = options.defaultValue\n                    ? _getDirty(name, cloneObject(get(_defaultValues, name)))\n                    : _getDirty();\n            }\n            if (!options.keepError) {\n                unset(_formState.errors, name);\n                _proxyFormState.isValid && _setValid();\n            }\n            _subjects.state.next({ ..._formState });\n        }\n    };\n    const _reset = (formValues, keepStateOptions = {}) => {\n        const updatedValues = formValues ? cloneObject(formValues) : _defaultValues;\n        const cloneUpdatedValues = cloneObject(updatedValues);\n        const isEmptyResetValues = isEmptyObject(formValues);\n        const values = isEmptyResetValues ? _defaultValues : cloneUpdatedValues;\n        if (!keepStateOptions.keepDefaultValues) {\n            _defaultValues = updatedValues;\n        }\n        if (!keepStateOptions.keepValues) {\n            if (keepStateOptions.keepDirtyValues) {\n                const fieldsToCheck = new Set([\n                    ..._names.mount,\n                    ...Object.keys(getDirtyFields(_defaultValues, _formValues)),\n                ]);\n                for (const fieldName of Array.from(fieldsToCheck)) {\n                    get(_formState.dirtyFields, fieldName)\n                        ? set(values, fieldName, get(_formValues, fieldName))\n                        : setValue(fieldName, get(values, fieldName));\n                }\n            }\n            else {\n                if (isWeb && isUndefined(formValues)) {\n                    for (const name of _names.mount) {\n                        const field = get(_fields, name);\n                        if (field && field._f) {\n                            const fieldReference = Array.isArray(field._f.refs)\n                                ? field._f.refs[0]\n                                : field._f.ref;\n                            if (isHTMLElement(fieldReference)) {\n                                const form = fieldReference.closest('form');\n                                if (form) {\n                                    form.reset();\n                                    break;\n                                }\n                            }\n                        }\n                    }\n                }\n                if (keepStateOptions.keepFieldsRef) {\n                    for (const fieldName of _names.mount) {\n                        setValue(fieldName, get(values, fieldName));\n                    }\n                }\n                else {\n                    _fields = {};\n                }\n            }\n            _formValues = _options.shouldUnregister\n                ? keepStateOptions.keepDefaultValues\n                    ? cloneObject(_defaultValues)\n                    : {}\n                : cloneObject(values);\n            _subjects.array.next({\n                values: { ...values },\n            });\n            _subjects.state.next({\n                values: { ...values },\n            });\n        }\n        _names = {\n            mount: keepStateOptions.keepDirtyValues ? _names.mount : new Set(),\n            unMount: new Set(),\n            array: new Set(),\n            disabled: new Set(),\n            watch: new Set(),\n            watchAll: false,\n            focus: '',\n        };\n        _state.mount =\n            !_proxyFormState.isValid ||\n                !!keepStateOptions.keepIsValid ||\n                !!keepStateOptions.keepDirtyValues;\n        _state.watch = !!_options.shouldUnregister;\n        _subjects.state.next({\n            submitCount: keepStateOptions.keepSubmitCount\n                ? _formState.submitCount\n                : 0,\n            isDirty: isEmptyResetValues\n                ? false\n                : keepStateOptions.keepDirty\n                    ? _formState.isDirty\n                    : !!(keepStateOptions.keepDefaultValues &&\n                        !deepEqual(formValues, _defaultValues)),\n            isSubmitted: keepStateOptions.keepIsSubmitted\n                ? _formState.isSubmitted\n                : false,\n            dirtyFields: isEmptyResetValues\n                ? {}\n                : keepStateOptions.keepDirtyValues\n                    ? keepStateOptions.keepDefaultValues && _formValues\n                        ? getDirtyFields(_defaultValues, _formValues)\n                        : _formState.dirtyFields\n                    : keepStateOptions.keepDefaultValues && formValues\n                        ? getDirtyFields(_defaultValues, formValues)\n                        : keepStateOptions.keepDirty\n                            ? _formState.dirtyFields\n                            : {},\n            touchedFields: keepStateOptions.keepTouched\n                ? _formState.touchedFields\n                : {},\n            errors: keepStateOptions.keepErrors ? _formState.errors : {},\n            isSubmitSuccessful: keepStateOptions.keepIsSubmitSuccessful\n                ? _formState.isSubmitSuccessful\n                : false,\n            isSubmitting: false,\n        });\n    };\n    const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues)\n        ? formValues(_formValues)\n        : formValues, keepStateOptions);\n    const setFocus = (name, options = {}) => {\n        const field = get(_fields, name);\n        const fieldReference = field && field._f;\n        if (fieldReference) {\n            const fieldRef = fieldReference.refs\n                ? fieldReference.refs[0]\n                : fieldReference.ref;\n            if (fieldRef.focus) {\n                fieldRef.focus();\n                options.shouldSelect &&\n                    isFunction(fieldRef.select) &&\n                    fieldRef.select();\n            }\n        }\n    };\n    const _setFormState = (updatedFormState) => {\n        _formState = {\n            ..._formState,\n            ...updatedFormState,\n        };\n    };\n    const _resetDefaultValues = () => isFunction(_options.defaultValues) &&\n        _options.defaultValues().then((values) => {\n            reset(values, _options.resetOptions);\n            _subjects.state.next({\n                isLoading: false,\n            });\n        });\n    const methods = {\n        control: {\n            register,\n            unregister,\n            getFieldState,\n            handleSubmit,\n            setError,\n            _subscribe,\n            _runSchema,\n            _focusError,\n            _getWatch,\n            _getDirty,\n            _setValid,\n            _setFieldArray,\n            _setDisabledField,\n            _setErrors,\n            _getFieldArray,\n            _reset,\n            _resetDefaultValues,\n            _removeUnmounted,\n            _disableForm,\n            _subjects,\n            _proxyFormState,\n            get _fields() {\n                return _fields;\n            },\n            get _formValues() {\n                return _formValues;\n            },\n            get _state() {\n                return _state;\n            },\n            set _state(value) {\n                _state = value;\n            },\n            get _defaultValues() {\n                return _defaultValues;\n            },\n            get _names() {\n                return _names;\n            },\n            set _names(value) {\n                _names = value;\n            },\n            get _formState() {\n                return _formState;\n            },\n            get _options() {\n                return _options;\n            },\n            set _options(value) {\n                _options = {\n                    ..._options,\n                    ...value,\n                };\n            },\n        },\n        subscribe,\n        trigger,\n        register,\n        handleSubmit,\n        watch,\n        setValue,\n        getValues,\n        reset,\n        resetField,\n        clearErrors,\n        unregister,\n        setError,\n        setFocus,\n        getFieldState,\n    };\n    return {\n        ...methods,\n        formControl: methods,\n    };\n}\n\nvar generateId = () => {\n    if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n        return crypto.randomUUID();\n    }\n    const d = typeof performance === 'undefined' ? Date.now() : performance.now() * 1000;\n    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n        const r = (Math.random() * 16 + d) % 16 | 0;\n        return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);\n    });\n};\n\nvar getFocusFieldName = (name, index, options = {}) => options.shouldFocus || isUndefined(options.shouldFocus)\n    ? options.focusName ||\n        `${name}.${isUndefined(options.focusIndex) ? index : options.focusIndex}.`\n    : '';\n\nvar appendAt = (data, value) => [\n    ...data,\n    ...convertToArrayPayload(value),\n];\n\nvar fillEmptyArray = (value) => Array.isArray(value) ? value.map(() => undefined) : undefined;\n\nfunction insert(data, index, value) {\n    return [\n        ...data.slice(0, index),\n        ...convertToArrayPayload(value),\n        ...data.slice(index),\n    ];\n}\n\nvar moveArrayAt = (data, from, to) => {\n    if (!Array.isArray(data)) {\n        return [];\n    }\n    if (isUndefined(data[to])) {\n        data[to] = undefined;\n    }\n    data.splice(to, 0, data.splice(from, 1)[0]);\n    return data;\n};\n\nvar prependAt = (data, value) => [\n    ...convertToArrayPayload(value),\n    ...convertToArrayPayload(data),\n];\n\nfunction removeAtIndexes(data, indexes) {\n    let i = 0;\n    const temp = [...data];\n    for (const index of indexes) {\n        temp.splice(index - i, 1);\n        i++;\n    }\n    return compact(temp).length ? temp : [];\n}\nvar removeArrayAt = (data, index) => isUndefined(index)\n    ? []\n    : removeAtIndexes(data, convertToArrayPayload(index).sort((a, b) => a - b));\n\nvar swapArrayAt = (data, indexA, indexB) => {\n    [data[indexA], data[indexB]] = [data[indexB], data[indexA]];\n};\n\nvar updateAt = (fieldValues, index, value) => {\n    fieldValues[index] = value;\n    return fieldValues;\n};\n\n/**\n * A custom hook that exposes convenient methods to perform operations with a list of dynamic inputs that need to be appended, updated, removed etc. • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn) • [Video](https://youtu.be/4MrbfGSFY2A)\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usefieldarray) • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn)\n *\n * @param props - useFieldArray props\n *\n * @returns methods - functions to manipulate with the Field Arrays (dynamic inputs) {@link UseFieldArrayReturn}\n *\n * @example\n * ```tsx\n * function App() {\n *   const { register, control, handleSubmit, reset, trigger, setError } = useForm({\n *     defaultValues: {\n *       test: []\n *     }\n *   });\n *   const { fields, append } = useFieldArray({\n *     control,\n *     name: \"test\"\n *   });\n *\n *   return (\n *     <form onSubmit={handleSubmit(data => console.log(data))}>\n *       {fields.map((item, index) => (\n *          <input key={item.id} {...register(`test.${index}.firstName`)}  />\n *       ))}\n *       <button type=\"button\" onClick={() => append({ firstName: \"bill\" })}>\n *         append\n *       </button>\n *       <input type=\"submit\" />\n *     </form>\n *   );\n * }\n * ```\n */\nfunction useFieldArray(props) {\n    const methods = useFormContext();\n    const { control = methods.control, name, keyName = 'id', shouldUnregister, rules, } = props;\n    const [fields, setFields] = React__default.useState(control._getFieldArray(name));\n    const ids = React__default.useRef(control._getFieldArray(name).map(generateId));\n    const _fieldIds = React__default.useRef(fields);\n    const _name = React__default.useRef(name);\n    const _actioned = React__default.useRef(false);\n    _name.current = name;\n    _fieldIds.current = fields;\n    control._names.array.add(name);\n    rules &&\n        control.register(name, rules);\n    useIsomorphicLayoutEffect(() => control._subjects.array.subscribe({\n        next: ({ values, name: fieldArrayName, }) => {\n            if (fieldArrayName === _name.current || !fieldArrayName) {\n                const fieldValues = get(values, _name.current);\n                if (Array.isArray(fieldValues)) {\n                    setFields(fieldValues);\n                    ids.current = fieldValues.map(generateId);\n                }\n            }\n        },\n    }).unsubscribe, [control]);\n    const updateValues = React__default.useCallback((updatedFieldArrayValues) => {\n        _actioned.current = true;\n        control._setFieldArray(name, updatedFieldArrayValues);\n    }, [control, name]);\n    const append = (value, options) => {\n        const appendValue = convertToArrayPayload(cloneObject(value));\n        const updatedFieldArrayValues = appendAt(control._getFieldArray(name), appendValue);\n        control._names.focus = getFocusFieldName(name, updatedFieldArrayValues.length - 1, options);\n        ids.current = appendAt(ids.current, appendValue.map(generateId));\n        updateValues(updatedFieldArrayValues);\n        setFields(updatedFieldArrayValues);\n        control._setFieldArray(name, updatedFieldArrayValues, appendAt, {\n            argA: fillEmptyArray(value),\n        });\n    };\n    const prepend = (value, options) => {\n        const prependValue = convertToArrayPayload(cloneObject(value));\n        const updatedFieldArrayValues = prependAt(control._getFieldArray(name), prependValue);\n        control._names.focus = getFocusFieldName(name, 0, options);\n        ids.current = prependAt(ids.current, prependValue.map(generateId));\n        updateValues(updatedFieldArrayValues);\n        setFields(updatedFieldArrayValues);\n        control._setFieldArray(name, updatedFieldArrayValues, prependAt, {\n            argA: fillEmptyArray(value),\n        });\n    };\n    const remove = (index) => {\n        const updatedFieldArrayValues = removeArrayAt(control._getFieldArray(name), index);\n        ids.current = removeArrayAt(ids.current, index);\n        updateValues(updatedFieldArrayValues);\n        setFields(updatedFieldArrayValues);\n        !Array.isArray(get(control._fields, name)) &&\n            set(control._fields, name, undefined);\n        control._setFieldArray(name, updatedFieldArrayValues, removeArrayAt, {\n            argA: index,\n        });\n    };\n    const insert$1 = (index, value, options) => {\n        const insertValue = convertToArrayPayload(cloneObject(value));\n        const updatedFieldArrayValues = insert(control._getFieldArray(name), index, insertValue);\n        control._names.focus = getFocusFieldName(name, index, options);\n        ids.current = insert(ids.current, index, insertValue.map(generateId));\n        updateValues(updatedFieldArrayValues);\n        setFields(updatedFieldArrayValues);\n        control._setFieldArray(name, updatedFieldArrayValues, insert, {\n            argA: index,\n            argB: fillEmptyArray(value),\n        });\n    };\n    const swap = (indexA, indexB) => {\n        const updatedFieldArrayValues = control._getFieldArray(name);\n        swapArrayAt(updatedFieldArrayValues, indexA, indexB);\n        swapArrayAt(ids.current, indexA, indexB);\n        updateValues(updatedFieldArrayValues);\n        setFields(updatedFieldArrayValues);\n        control._setFieldArray(name, updatedFieldArrayValues, swapArrayAt, {\n            argA: indexA,\n            argB: indexB,\n        }, false);\n    };\n    const move = (from, to) => {\n        const updatedFieldArrayValues = control._getFieldArray(name);\n        moveArrayAt(updatedFieldArrayValues, from, to);\n        moveArrayAt(ids.current, from, to);\n        updateValues(updatedFieldArrayValues);\n        setFields(updatedFieldArrayValues);\n        control._setFieldArray(name, updatedFieldArrayValues, moveArrayAt, {\n            argA: from,\n            argB: to,\n        }, false);\n    };\n    const update = (index, value) => {\n        const updateValue = cloneObject(value);\n        const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, updateValue);\n        ids.current = [...updatedFieldArrayValues].map((item, i) => !item || i === index ? generateId() : ids.current[i]);\n        updateValues(updatedFieldArrayValues);\n        setFields([...updatedFieldArrayValues]);\n        control._setFieldArray(name, updatedFieldArrayValues, updateAt, {\n            argA: index,\n            argB: updateValue,\n        }, true, false);\n    };\n    const replace = (value) => {\n        const updatedFieldArrayValues = convertToArrayPayload(cloneObject(value));\n        ids.current = updatedFieldArrayValues.map(generateId);\n        updateValues([...updatedFieldArrayValues]);\n        setFields([...updatedFieldArrayValues]);\n        control._setFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);\n    };\n    React__default.useEffect(() => {\n        control._state.action = false;\n        isWatched(name, control._names) &&\n            control._subjects.state.next({\n                ...control._formState,\n            });\n        if (_actioned.current &&\n            (!getValidationModes(control._options.mode).isOnSubmit ||\n                control._formState.isSubmitted) &&\n            !getValidationModes(control._options.reValidateMode).isOnSubmit) {\n            if (control._options.resolver) {\n                control._runSchema([name]).then((result) => {\n                    const error = get(result.errors, name);\n                    const existingError = get(control._formState.errors, name);\n                    if (existingError\n                        ? (!error && existingError.type) ||\n                            (error &&\n                                (existingError.type !== error.type ||\n                                    existingError.message !== error.message))\n                        : error && error.type) {\n                        error\n                            ? set(control._formState.errors, name, error)\n                            : unset(control._formState.errors, name);\n                        control._subjects.state.next({\n                            errors: control._formState.errors,\n                        });\n                    }\n                });\n            }\n            else {\n                const field = get(control._fields, name);\n                if (field &&\n                    field._f &&\n                    !(getValidationModes(control._options.reValidateMode).isOnSubmit &&\n                        getValidationModes(control._options.mode).isOnSubmit)) {\n                    validateField(field, control._names.disabled, control._formValues, control._options.criteriaMode === VALIDATION_MODE.all, control._options.shouldUseNativeValidation, true).then((error) => !isEmptyObject(error) &&\n                        control._subjects.state.next({\n                            errors: updateFieldArrayRootError(control._formState.errors, error, name),\n                        }));\n                }\n            }\n        }\n        control._subjects.state.next({\n            name,\n            values: cloneObject(control._formValues),\n        });\n        control._names.focus &&\n            iterateFieldsByAction(control._fields, (ref, key) => {\n                if (control._names.focus &&\n                    key.startsWith(control._names.focus) &&\n                    ref.focus) {\n                    ref.focus();\n                    return 1;\n                }\n                return;\n            });\n        control._names.focus = '';\n        control._setValid();\n        _actioned.current = false;\n    }, [fields, name, control]);\n    React__default.useEffect(() => {\n        !get(control._formValues, name) && control._setFieldArray(name);\n        return () => {\n            const updateMounted = (name, value) => {\n                const field = get(control._fields, name);\n                if (field && field._f) {\n                    field._f.mount = value;\n                }\n            };\n            control._options.shouldUnregister || shouldUnregister\n                ? control.unregister(name)\n                : updateMounted(name, false);\n        };\n    }, [name, control, keyName, shouldUnregister]);\n    return {\n        swap: React__default.useCallback(swap, [updateValues, name, control]),\n        move: React__default.useCallback(move, [updateValues, name, control]),\n        prepend: React__default.useCallback(prepend, [updateValues, name, control]),\n        append: React__default.useCallback(append, [updateValues, name, control]),\n        remove: React__default.useCallback(remove, [updateValues, name, control]),\n        insert: React__default.useCallback(insert$1, [updateValues, name, control]),\n        update: React__default.useCallback(update, [updateValues, name, control]),\n        replace: React__default.useCallback(replace, [updateValues, name, control]),\n        fields: React__default.useMemo(() => fields.map((field, index) => ({\n            ...field,\n            [keyName]: ids.current[index] || generateId(),\n        })), [fields, keyName]),\n    };\n}\n\n/**\n * Custom hook to manage the entire form.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4)\n *\n * @param props - form configuration and validation parameters.\n *\n * @returns methods - individual functions to manage the form state. {@link UseFormReturn}\n *\n * @example\n * ```tsx\n * function App() {\n *   const { register, handleSubmit, watch, formState: { errors } } = useForm();\n *   const onSubmit = data => console.log(data);\n *\n *   console.log(watch(\"example\"));\n *\n *   return (\n *     <form onSubmit={handleSubmit(onSubmit)}>\n *       <input defaultValue=\"test\" {...register(\"example\")} />\n *       <input {...register(\"exampleRequired\", { required: true })} />\n *       {errors.exampleRequired && <span>This field is required</span>}\n *       <button>Submit</button>\n *     </form>\n *   );\n * }\n * ```\n */\nfunction useForm(props = {}) {\n    const _formControl = React__default.useRef(undefined);\n    const _values = React__default.useRef(undefined);\n    const [formState, updateFormState] = React__default.useState({\n        isDirty: false,\n        isValidating: false,\n        isLoading: isFunction(props.defaultValues),\n        isSubmitted: false,\n        isSubmitting: false,\n        isSubmitSuccessful: false,\n        isValid: false,\n        submitCount: 0,\n        dirtyFields: {},\n        touchedFields: {},\n        validatingFields: {},\n        errors: props.errors || {},\n        disabled: props.disabled || false,\n        isReady: false,\n        defaultValues: isFunction(props.defaultValues)\n            ? undefined\n            : props.defaultValues,\n    });\n    if (!_formControl.current) {\n        if (props.formControl) {\n            _formControl.current = {\n                ...props.formControl,\n                formState,\n            };\n            if (props.defaultValues && !isFunction(props.defaultValues)) {\n                props.formControl.reset(props.defaultValues, props.resetOptions);\n            }\n        }\n        else {\n            const { formControl, ...rest } = createFormControl(props);\n            _formControl.current = {\n                ...rest,\n                formState,\n            };\n        }\n    }\n    const control = _formControl.current.control;\n    control._options = props;\n    useIsomorphicLayoutEffect(() => {\n        const sub = control._subscribe({\n            formState: control._proxyFormState,\n            callback: () => updateFormState({ ...control._formState }),\n            reRenderRoot: true,\n        });\n        updateFormState((data) => ({\n            ...data,\n            isReady: true,\n        }));\n        control._formState.isReady = true;\n        return sub;\n    }, [control]);\n    React__default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);\n    React__default.useEffect(() => {\n        if (props.mode) {\n            control._options.mode = props.mode;\n        }\n        if (props.reValidateMode) {\n            control._options.reValidateMode = props.reValidateMode;\n        }\n    }, [control, props.mode, props.reValidateMode]);\n    React__default.useEffect(() => {\n        if (props.errors) {\n            control._setErrors(props.errors);\n            control._focusError();\n        }\n    }, [control, props.errors]);\n    React__default.useEffect(() => {\n        props.shouldUnregister &&\n            control._subjects.state.next({\n                values: control._getWatch(),\n            });\n    }, [control, props.shouldUnregister]);\n    React__default.useEffect(() => {\n        if (control._proxyFormState.isDirty) {\n            const isDirty = control._getDirty();\n            if (isDirty !== formState.isDirty) {\n                control._subjects.state.next({\n                    isDirty,\n                });\n            }\n        }\n    }, [control, formState.isDirty]);\n    React__default.useEffect(() => {\n        if (props.values && !deepEqual(props.values, _values.current)) {\n            control._reset(props.values, {\n                keepFieldsRef: true,\n                ...control._options.resetOptions,\n            });\n            _values.current = props.values;\n            updateFormState((state) => ({ ...state }));\n        }\n        else {\n            control._resetDefaultValues();\n        }\n    }, [control, props.values]);\n    React__default.useEffect(() => {\n        if (!control._state.mount) {\n            control._setValid();\n            control._state.mount = true;\n        }\n        if (control._state.watch) {\n            control._state.watch = false;\n            control._subjects.state.next({ ...control._formState });\n        }\n        control._removeUnmounted();\n    });\n    _formControl.current.formState = getProxyFormState(formState, control);\n    return _formControl.current;\n}\n\nexport { Controller, Form, FormProvider, appendErrors, createFormControl, get, set, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch };\n//# sourceMappingURL=index.esm.mjs.map\n","import React from \"react\";\r\nimport { InputProps } from \"../types\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { InputNumber } from \"primereact/inputnumber\";\r\nimport { Password, PasswordProps } from \"primereact/password\";\r\nimport { InputMask, InputMaskProps } from \"primereact/inputmask\";\r\n\r\ntype Props = {\r\n    masker: InputMaskProps\r\n    password: PasswordProps\r\n    core: any & { ref: React.Ref<HTMLInputElement> | undefined }\r\n};\r\n\r\n/**\r\n * Core - `InputHookForm`\r\n * Define o componente utilizando o HookForm\r\n */\r\nexport function InputHookForm({ core, password, masker, ...props }: InputProps<\"HookForm\"> & Props) {\r\n    const { type, ...coreNumber } = core;\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Controller render={({ field, formState: { errors } }) => {\r\n            return (\r\n                <>\r\n                    {props.mask !== undefined\r\n                        ? <InputMask {...core}\r\n                                     {...field}\r\n                                     {...masker}\r\n                                     invalid={!!errors[props.name]}\r\n                                     readOnly={props.readonly}\r\n                                     required={props.required}\r\n                                     value={field.value ?? \"\"}\r\n                                     onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\r\n                                     onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\r\n                        : (props.type === \"password\"\r\n                            ? <Password {...core}\r\n                                        {...field}\r\n                                        {...password}\r\n                                        autoComplete=\"current-password\"\r\n                                        invalid={!!errors[props.name]}\r\n                                        readOnly={props.readonly}\r\n                                        required={props.required}\r\n                                        value={field.value ?? \"\"}\r\n                                        onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\r\n                                        onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\r\n                            : (props.type === \"number\"\r\n                                    ? <InputNumber {...coreNumber}\r\n                                                   {...field}\r\n                                                   currency={props.numberCurrency ?? \"BRL\"}\r\n                                                   invalid={!!errors[props.name]}\r\n                                                   locale=\"pt-BR\"\r\n                                                   max={props.numberMax}\r\n                                                   maxFractionDigits={props.numberMaxFractionDigits}\r\n                                                   min={props.numberMin}\r\n                                                   minFractionDigits={props.numberMinFractionDigits}\r\n                                                   mode={props.numberMode}\r\n                                                   prefix={props.numberPrefix}\r\n                                                   pt={{ input: { root: { className: \"w-100\" } } }}\r\n                                                   readOnly={props.readonly}\r\n                                                   suffix={props.numberSuffix}\r\n                                                   useGrouping={props.numberDecimalSeparator ?? false}\r\n                                                   value={field.value ?? \"\"}\r\n                                                   onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\r\n                                                   onChange={e => props.onChange !== undefined ? props.onChange(e.value) : field.onChange(e.value)}/>\r\n                                    : <InputText {...core}\r\n                                                 {...field}\r\n                                                 invalid={!!errors[props.name]}\r\n                                                 readOnly={props.readonly}\r\n                                                 ref={props.ref}\r\n                                                 required={props.required}\r\n                                                 value={field.value ?? \"\"}\r\n                                                 onBlur={e => props.onBlur ? props.onBlur(e.target.value) : field.onBlur()}\r\n                                                 onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\r\n                            ))}\r\n                    <InputFeedback {...props}\r\n                                   errors={errors}/>\r\n                </>\r\n            );\r\n        }}\r\n                    control={props.control}\r\n                    name={props.name}\r\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\r\n\r\n    );\r\n}","import React from \"react\";\r\nimport { InputProps } from \"../types\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { InputNumber } from \"primereact/inputnumber\";\r\nimport { Password, PasswordProps } from \"primereact/password\";\r\nimport { InputMask, InputMaskProps } from \"primereact/inputmask\";\r\n\r\ntype Props = {\r\n    masker: InputMaskProps,\r\n    password: PasswordProps\r\n    core: any & { ref: React.Ref<HTMLInputElement> | undefined },\r\n};\r\n\r\n/**\r\n * Core - `InputControlled`\r\n * Define o componente controlled\r\n */\r\nexport function InputControlled({ core, password, masker, ...props }: InputProps<\"Controlled\"> & Props) {\r\n    const { type, ...coreNumber } = core;\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <>\r\n            {props.mask !== undefined\r\n                ? <InputMask {...core}\r\n                             {...masker}\r\n                             readOnly={props.readonly}\r\n                             value={props.value}\r\n                             onBlur={event => {\r\n                                 if (props.onBlur) {\r\n                                     props.onBlur(event.target.value);\r\n                                 }\r\n                             }}\r\n                             onChange={event => {\r\n                                 if (props.onChange) {\r\n                                     props.onChange(event.target.value);\r\n                                 }\r\n                             }}/>\r\n                : (props.type === \"password\"\r\n                    ? <Password {...core}\r\n                                {...password}\r\n                                autoComplete=\"current-password\"\r\n                                readOnly={props.readonly}\r\n                                value={props.value}\r\n                                onBlur={event => {\r\n                                    if (props.onBlur) {\r\n                                        props.onBlur(event.target.value);\r\n                                    }\r\n                                }}\r\n                                onChange={event => {\r\n                                    if (props.onChange) {\r\n                                        props.onChange(event.target.value);\r\n                                    }\r\n                                }}/>\r\n                    : (props.type === \"number\"\r\n                            ? <InputNumber {...coreNumber}\r\n                                           currency={props.numberCurrency ?? \"BRL\"}\r\n                                           locale=\"pt-BR\"\r\n                                           max={props.numberMax}\r\n                                           maxFractionDigits={props.numberMaxFractionDigits}\r\n                                           min={props.numberMin}\r\n                                           minFractionDigits={props.numberMinFractionDigits}\r\n                                           mode={props.numberMode}\r\n                                           prefix={props.numberPrefix}\r\n                                           pt={{ input: { root: { className: \"w-100\" } } }}\r\n                                           readOnly={props.readonly}\r\n                                           suffix={props.numberSuffix}\r\n                                           useGrouping={props.numberDecimalSeparator ?? false}\r\n                                           value={props.value}\r\n                                           onBlur={event => {\r\n                                               if (props.onBlur) {\r\n                                                   props.onBlur(event.target.value);\r\n                                               }\r\n                                           }}\r\n                                           onValueChange={event => {\r\n                                               if (props.onChange) {\r\n                                                   props.onChange(event.value);\r\n                                               }\r\n                                           }}/>\r\n                            : <InputText {...core}\r\n                                         readOnly={props.readonly}\r\n                                         ref={props.ref}\r\n                                         value={props.value}\r\n                                         onBlur={event => {\r\n                                             if (props.onBlur) {\r\n                                                 props.onBlur(event.target.value);\r\n                                             }\r\n                                         }}\r\n                                         onChange={event => {\r\n                                             if (props.onChange) {\r\n                                                 props.onChange(event.target.value);\r\n                                             }\r\n                                         }}/>\r\n                    ))}\r\n            <InputFeedback {...props}/>\r\n        </>\r\n    );\r\n}","import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputProps } from \"./types\";\r\nimport { InputHookForm } from \"./core/hookForm\";\r\nimport { ApiFieldModeProps } from \"../api/types\";\r\nimport { PasswordProps } from \"primereact/password\";\r\nimport { InputControlled } from \"./core/controlled\";\r\nimport { InputTextProps } from \"primereact/inputtext\";\r\nimport { InputMaskProps } from \"primereact/inputmask\";\r\nimport { InputLabel, InputProps as getInputProps } from \"../api\";\r\n\r\n/**\r\n * Componente - `Input`\r\n *\r\n * Um componente versátil utilizado para entrada de dados simples.\r\n */\r\nexport function Input<T extends ApiFieldModeProps = \"Controlled\">(props: InputProps<T> & { mode?: T }) {\r\n\r\n    let propsCore = props as any;\r\n    let sizes = props.sizes === \"small\" ? \"p-inputtext-sm\" : props.sizes === \"large\" ? \"p-inputtext-lg\" : \"\";\r\n\r\n    let core: InputTextProps & { ref: React.Ref<HTMLInputElement> | undefined } = {\r\n        ...getInputProps(propsCore),\r\n        className: sizes,\r\n        type: props.type ?? \"text\",\r\n    };\r\n    let password: PasswordProps = {\r\n        appendTo: \"self\",\r\n        feedback: props.passwordFeedback,\r\n        footer: props.passwordFooterTemplate,\r\n        header: props.passwordHeaderTemplate,\r\n        mediumLabel: \"Média\",\r\n        promptLabel: \"Por favor, insira uma senha\",\r\n        pt: { input: { className: \"w-100\" } },\r\n        strongLabel: \"Forte\",\r\n        toggleMask: props.passwordShow,\r\n        weakLabel: \"Fraca\",\r\n        content: props.passwordTemplate\r\n    };\r\n    let mask: InputMaskProps = {\r\n        mask: props.mask === \"cpf\"\r\n            ? \"999.999.999-99\"\r\n            : props.mask === \"cnpj\"\r\n                ? \"99.999.999/9999-99\"\r\n                : props.mask,\r\n        autoClear: props.maskAutoClear\r\n    };\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n             css={props.css}\r\n             size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            {/*@ts-ignore*/}\r\n            {props.readonly && props.readonlyType === \"label\"\r\n                ? (\r\n                    //@ts-ignore\r\n                    <p className=\"w-100 form-label-readonly\">{props.value}</p>\r\n                )\r\n                : (!props.mode || props.mode === \"Controlled\"\r\n                    ? <InputControlled core={core}\r\n                                       masker={mask}\r\n                                       password={password}\r\n                                       {...propsCore}/>\r\n                    : <InputHookForm core={core}\r\n                                     masker={mask}\r\n                                     password={password}\r\n                                     {...propsCore}/>)}\r\n        </Box>\r\n    );\r\n}\r\n\r\nInput.displayName = \"Input\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName","InputLabel","iconPrefix","label","icon","required","InputFeedback","errors","name","mode","display","message","InputProps","ref","disabled","placeholder","width","keyfilter","isNullOrUndefined","value","isObject","isObjectType","Date","isDateObject","getEventValue","event","target","type","checked","isWeb","window","HTMLElement","document","cloneObject","data","copy","isFileListInstance","FileList","Blob","tempObject","prototypeCopy","constructor","prototype","hasOwnProperty","isPlainObject","key","isKey","test","isUndefined","val","stringToPath","input","compact","replace","split","filter","Boolean","get","object","path","defaultValue","result","reduce","isBoolean","set","index","tempPath","length","lastIndex","newValue","objValue","isNaN","EVENTS","VALIDATION_MODE","HookFormContext","React__default","createContext","useFormContext","useContext","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useFormState","methods","control","exact","formState","updateFormState","useState","_formState","_localProxyFormState","useRef","isDirty","isLoading","dirtyFields","touchedFields","validatingFields","isValidating","isValid","_subscribe","current","callback","_setValid","useMemo","localProxyFormState","isRoot","defaultValues","_defaultValues","Object","defineProperty","_key","_proxyFormState","getProxyFormState","useWatch","_defaultValue","updateValue","_getWatch","values","names","_names","formValues","isGlobal","map","fieldName","generateWatchOutput","_formValues","_removeUnmounted","Controller","render","shouldUnregister","isArrayField","has","substring","search","getNodeParentName","isNameInFieldArray","array","_props","_registerProps","register","rules","fieldState","defineProperties","invalid","enumerable","isTouched","error","onChange","useCallback","onBlur","elm","field","_fields","_f","focus","select","setCustomValidity","reportValidity","_shouldUnregisterField","_options","updateMounted","mount","_state","action","unregister","_setDisabledField","useController","InputHookForm","core","password","masker","coreNumber","Fragment","mask","InputMask","readOnly","readonly","e","Password","autoComplete","InputNumber","currency","numberCurrency","locale","max","numberMax","maxFractionDigits","numberMaxFractionDigits","min","numberMin","minFractionDigits","numberMinFractionDigits","numberMode","prefix","numberPrefix","pt","root","suffix","numberSuffix","useGrouping","numberDecimalSeparator","InputText","InputControlled","onValueChange","Input","propsCore","sizes","getInputProps","appendTo","feedback","passwordFeedback","footer","passwordFooterTemplate","header","passwordHeaderTemplate","mediumLabel","promptLabel","strongLabel","toggleMask","passwordShow","weakLabel","content","passwordTemplate","autoClear","maskAutoClear","readonlyType"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/input/input/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("../../box/box/index.cjs.js"),d=require("../core/hookForm/index.cjs.js"),i=require("../core/controlled/index.cjs.js"),o=require("../../api/input/index.cjs.js");function r(e){let t=e,m=e.sizes==="small"?"p-inputtext-sm":e.sizes==="large"?"p-inputtext-lg":"",l={...o.InputProps(t),className:m,type:e.type??"text"},s={appendTo:"self",feedback:e.passwordFeedback,footer:e.passwordFooterTemplate,header:e.passwordHeaderTemplate,mediumLabel:"Média",promptLabel:"Por favor, insira uma senha",pt:{input:{className:"w-100"}},strongLabel:"Forte",toggleMask:e.passwordShow,weakLabel:"Fraca",content:e.passwordTemplate},n={mask:e.mask==="cpf"?"999.999.999-99":e.mask==="cnpj"?"99.999.999/9999-99":e.mask,autoClear:e.maskAutoClear};return a.jsxs(u.Box,{className:e.className,css:e.css,size:e.size??"100",children:[a.jsx(o.InputLabel,{...e}),e.readonly&&e.readonlyType==="label"?a.jsx("p",{className:"w-100 form-label-readonly",children:e.value}):!e.mode||e.mode==="Controlled"?a.jsx(i.InputControlled,{core:l,masker:n,password:s,...t}):a.jsx(d.InputHookForm,{core:l,masker:n,password:s,...t})]})}r.displayName="Input";exports.Input=r;
+//# sourceMappingURL=index.cjs.js.map

package/input/input/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/input/input.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { InputProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { InputHookForm } from \"./core/hookForm\";\nimport { PasswordProps } from \"primereact/password\";\nimport { InputControlled } from \"./core/controlled\";\nimport { InputMaskProps } from \"primereact/inputmask\";\nimport { InputTextProps } from \"primereact/inputtext\";\nimport { InputLabel, InputProps as getInputProps } from \"../api\";\n\n/**\n * Componente - `Input`\n *\n * Um componente versátil utilizado para entrada de dados simples.\n */\nexport function Input<T extends ApiFieldModeProps = \"Controlled\">(props: InputProps<T> & { mode?: T }) {\n\n    let propsCore = props as any;\n    let sizes = props.sizes === \"small\" ? \"p-inputtext-sm\" : props.sizes === \"large\" ? \"p-inputtext-lg\" : \"\";\n\n    let core: InputTextProps & { ref: React.Ref<HTMLInputElement> | undefined } = {\n        ...getInputProps(propsCore),\n        className: sizes,\n        type: props.type ?? \"text\",\n    };\n    let password: PasswordProps = {\n        appendTo: \"self\",\n        feedback: props.passwordFeedback,\n        footer: props.passwordFooterTemplate,\n        header: props.passwordHeaderTemplate,\n        mediumLabel: \"Média\",\n        promptLabel: \"Por favor, insira uma senha\",\n        pt: { input: { className: \"w-100\" } },\n        strongLabel: \"Forte\",\n        toggleMask: props.passwordShow,\n        weakLabel: \"Fraca\",\n        content: props.passwordTemplate\n    };\n    let mask: InputMaskProps = {\n        mask: props.mask === \"cpf\"\n            ? \"999.999.999-99\"\n            : props.mask === \"cnpj\"\n                ? \"99.999.999/9999-99\"\n                : props.mask,\n        autoClear: props.maskAutoClear\n    };\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            {/*@ts-ignore*/}\n            {props.readonly && props.readonlyType === \"label\"\n                ? (\n                    //@ts-ignore\n                    <p className=\"w-100 form-label-readonly\">{props.value}</p>\n                )\n                : (!props.mode || props.mode === \"Controlled\"\n                    ? <InputControlled core={core}\n                                       masker={mask}\n                                       password={password}\n                                       {...propsCore}/>\n                    : <InputHookForm core={core}\n                                     masker={mask}\n                                     password={password}\n                                     {...propsCore}/>)}\n        </Box>\n    );\n}\n\nInput.displayName = \"Input\";"],"names":["Input","props","propsCore","sizes","core","getInputProps","password","mask","jsxs","Box","jsx","InputLabel","InputControlled","InputHookForm"],"mappings":"+RAgBO,SAASA,EAAkDC,EAAqC,CAEnG,IAAIC,EAAYD,EACZE,EAAQF,EAAM,QAAU,QAAU,iBAAmBA,EAAM,QAAU,QAAU,iBAAmB,GAElGG,EAA0E,CAC1E,GAAGC,EAAAA,WAAcH,CAAS,EAC1B,UAAWC,EACX,KAAMF,EAAM,MAAQ,MAAA,EAEpBK,EAA0B,CAC1B,SAAU,OACV,SAAUL,EAAM,iBAChB,OAAQA,EAAM,uBACd,OAAQA,EAAM,uBACd,YAAa,QACb,YAAa,8BACb,GAAI,CAAE,MAAO,CAAE,UAAW,QAAQ,EAClC,YAAa,QACb,WAAYA,EAAM,aAClB,UAAW,QACX,QAASA,EAAM,gBAAA,EAEfM,EAAuB,CACvB,KAAMN,EAAM,OAAS,MACf,iBACAA,EAAM,OAAS,OACX,qBACAA,EAAM,KAChB,UAAWA,EAAM,aAAA,EAQrB,OACIO,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAWR,EAAM,UACjB,IAAKA,EAAM,IACX,KAAMA,EAAM,MAAQ,MACrB,SAAA,CAAAS,EAAAA,IAACC,EAAAA,WAAA,CAAY,GAAGV,EAAM,EAErBA,EAAM,UAAYA,EAAM,eAAiB,QAGlCS,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,KAAA,CAAM,EAEvD,CAACT,EAAM,MAAQA,EAAM,OAAS,aAC3BS,EAAAA,IAACE,EAAAA,gBAAA,CAAgB,KAAAR,EACA,OAAQG,EACR,SAAAD,EACC,GAAGJ,CAAA,CAAA,EACrBQ,EAAAA,IAACG,EAAAA,cAAA,CAAc,KAAAT,EACA,OAAQG,EACR,SAAAD,EACC,GAAGJ,CAAA,CAAA,CAAU,CAAA,CAAA,CAGnD,CAEAF,EAAM,YAAc"}

package/input/input/index.esm.js

@@ -0,0 +1,63 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { Box as n } from "../../box/box/index.esm.js";
+import { InputHookForm as d } from "../core/hookForm/index.esm.js";
+import { InputControlled as i } from "../core/controlled/index.esm.js";
+import { InputProps as c, InputLabel as u } from "../../api/input/index.esm.js";
+function k(e) {
+  let t = e, o = e.sizes === "small" ? "p-inputtext-sm" : e.sizes === "large" ? "p-inputtext-lg" : "", l = {
+    ...c(t),
+    className: o,
+    type: e.type ?? "text"
+  }, m = {
+    appendTo: "self",
+    feedback: e.passwordFeedback,
+    footer: e.passwordFooterTemplate,
+    header: e.passwordHeaderTemplate,
+    mediumLabel: "Média",
+    promptLabel: "Por favor, insira uma senha",
+    pt: { input: { className: "w-100" } },
+    strongLabel: "Forte",
+    toggleMask: e.passwordShow,
+    weakLabel: "Fraca",
+    content: e.passwordTemplate
+  }, s = {
+    mask: e.mask === "cpf" ? "999.999.999-99" : e.mask === "cnpj" ? "99.999.999/9999-99" : e.mask,
+    autoClear: e.maskAutoClear
+  };
+  return /* @__PURE__ */ r(
+    n,
+    {
+      className: e.className,
+      css: e.css,
+      size: e.size ?? "100",
+      children: [
+        /* @__PURE__ */ a(u, { ...e }),
+        e.readonly && e.readonlyType === "label" ? (
+          //@ts-ignore
+          /* @__PURE__ */ a("p", { className: "w-100 form-label-readonly", children: e.value })
+        ) : !e.mode || e.mode === "Controlled" ? /* @__PURE__ */ a(
+          i,
+          {
+            core: l,
+            masker: s,
+            password: m,
+            ...t
+          }
+        ) : /* @__PURE__ */ a(
+          d,
+          {
+            core: l,
+            masker: s,
+            password: m,
+            ...t
+          }
+        )
+      ]
+    }
+  );
+}
+k.displayName = "Input";
+export {
+  k as Input
+};
+//# sourceMappingURL=index.esm.js.map

package/input/input/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/input/input.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { InputProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { InputHookForm } from \"./core/hookForm\";\nimport { PasswordProps } from \"primereact/password\";\nimport { InputControlled } from \"./core/controlled\";\nimport { InputMaskProps } from \"primereact/inputmask\";\nimport { InputTextProps } from \"primereact/inputtext\";\nimport { InputLabel, InputProps as getInputProps } from \"../api\";\n\n/**\n * Componente - `Input`\n *\n * Um componente versátil utilizado para entrada de dados simples.\n */\nexport function Input<T extends ApiFieldModeProps = \"Controlled\">(props: InputProps<T> & { mode?: T }) {\n\n    let propsCore = props as any;\n    let sizes = props.sizes === \"small\" ? \"p-inputtext-sm\" : props.sizes === \"large\" ? \"p-inputtext-lg\" : \"\";\n\n    let core: InputTextProps & { ref: React.Ref<HTMLInputElement> | undefined } = {\n        ...getInputProps(propsCore),\n        className: sizes,\n        type: props.type ?? \"text\",\n    };\n    let password: PasswordProps = {\n        appendTo: \"self\",\n        feedback: props.passwordFeedback,\n        footer: props.passwordFooterTemplate,\n        header: props.passwordHeaderTemplate,\n        mediumLabel: \"Média\",\n        promptLabel: \"Por favor, insira uma senha\",\n        pt: { input: { className: \"w-100\" } },\n        strongLabel: \"Forte\",\n        toggleMask: props.passwordShow,\n        weakLabel: \"Fraca\",\n        content: props.passwordTemplate\n    };\n    let mask: InputMaskProps = {\n        mask: props.mask === \"cpf\"\n            ? \"999.999.999-99\"\n            : props.mask === \"cnpj\"\n                ? \"99.999.999/9999-99\"\n                : props.mask,\n        autoClear: props.maskAutoClear\n    };\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            {/*@ts-ignore*/}\n            {props.readonly && props.readonlyType === \"label\"\n                ? (\n                    //@ts-ignore\n                    <p className=\"w-100 form-label-readonly\">{props.value}</p>\n                )\n                : (!props.mode || props.mode === \"Controlled\"\n                    ? <InputControlled core={core}\n                                       masker={mask}\n                                       password={password}\n                                       {...propsCore}/>\n                    : <InputHookForm core={core}\n                                     masker={mask}\n                                     password={password}\n                                     {...propsCore}/>)}\n        </Box>\n    );\n}\n\nInput.displayName = \"Input\";"],"names":["Input","props","propsCore","sizes","core","getInputProps","password","mask","jsxs","Box","jsx","InputLabel","InputControlled","InputHookForm"],"mappings":";;;;;AAgBO,SAASA,EAAkDC,GAAqC;AAEnG,MAAIC,IAAYD,GACZE,IAAQF,EAAM,UAAU,UAAU,mBAAmBA,EAAM,UAAU,UAAU,mBAAmB,IAElGG,IAA0E;AAAA,IAC1E,GAAGC,EAAcH,CAAS;AAAA,IAC1B,WAAWC;AAAA,IACX,MAAMF,EAAM,QAAQ;AAAA,EAAA,GAEpBK,IAA0B;AAAA,IAC1B,UAAU;AAAA,IACV,UAAUL,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,QAAQA,EAAM;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,IAAI,EAAE,OAAO,EAAE,WAAW,UAAQ;AAAA,IAClC,aAAa;AAAA,IACb,YAAYA,EAAM;AAAA,IAClB,WAAW;AAAA,IACX,SAASA,EAAM;AAAA,EAAA,GAEfM,IAAuB;AAAA,IACvB,MAAMN,EAAM,SAAS,QACf,mBACAA,EAAM,SAAS,SACX,uBACAA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,EAAA;AAQrB,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAWR,EAAM;AAAA,MACjB,KAAKA,EAAM;AAAA,MACX,MAAMA,EAAM,QAAQ;AAAA,MACrB,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAA,EAAY,GAAGV,GAAM;AAAA,QAErBA,EAAM,YAAYA,EAAM,iBAAiB;AAAA;AAAA,UAGlC,gBAAAS,EAAC,KAAA,EAAE,WAAU,6BAA6B,YAAM,MAAA,CAAM;AAAA,YAEvD,CAACT,EAAM,QAAQA,EAAM,SAAS,eAC3B,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YAAgB,MAAAR;AAAA,YACA,QAAQG;AAAA,YACR,UAAAD;AAAA,YACC,GAAGJ;AAAA,UAAA;AAAA,QAAA,IACrB,gBAAAQ;AAAA,UAACG;AAAA,UAAA;AAAA,YAAc,MAAAT;AAAA,YACA,QAAQG;AAAA,YACR,UAAAD;AAAA,YACC,GAAGJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAU;AAAA,IAAA;AAAA,EAAA;AAGnD;AAEAF,EAAM,cAAc;"}

package/input/input.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { InputProps } from '.';
+import { ApiFieldModeProps } from '../api';
+/**
+ * Componente - `Input`
+ *
+ * Um componente versátil utilizado para entrada de dados simples.
+ */
+export declare function Input<T extends ApiFieldModeProps = "Controlled">(props: InputProps<T> & {
+    mode?: T;
+}): React.JSX.Element;
+export declare namespace Input {
+    var displayName: string;
+}

package/inputfilter/@types/autocomplete.d.ts

@@ -0,0 +1,21 @@
+export interface InputFilterAutocompleteProps {
+    /**
+     * Sugestões do autocomplete
+     */
+    data: Array<{ id: number, label: string }>
+
+    /**
+     * Realiza a pesquisa do autocomplete de acordo com query
+     */
+    onSearch(query: string, selected?: number[]): void
+
+    /**
+     * Define o número de elementos que poser ser selecionado no autocomplete
+     */
+    autocompleteSelectLimit?: number
+
+    /**
+     * Define a altura da caixa de seleção dos dados
+     */
+    autocompleteScrollHeight?: string
+}

package/inputfilter/@types/index.d.ts

@@ -0,0 +1,43 @@
+import { InputFilterAutocompleteProps } from './autocomplete';
+import { ApiComponentProps, ApiFieldComponentProps } from '../../api';
+export type InputFilterOptionsProps = "=" | "!=" | "<" | ">" | "<=" | ">=" | "{}" | "%" | "!%";
+
+export type InputFilterOptionsMap = {
+    text: "=" | "!=" | "%" | "!%"
+    date: "=" | "!=" | "<" | ">" | "<=" | ">=" | "{}"
+    autocomplete: "=" | "!=" | "%" | "!%"
+    number: "=" | "!=" | "<" | ">" | "<=" | ">="
+};
+
+export type InputFilterCoreProps<T extends keyof InputFilterOptionsMap> = InputFilterProps<T> & {
+    options: any[],
+    select: string
+};
+
+interface InputFilterBaseProps<T extends keyof InputFilterOptionsMap> extends ApiComponentProps, ApiFieldComponentProps {
+    /**
+     * Valor inicial do componente
+     */
+    value?: string
+
+    /**
+     * Retorna o valor modificado pelo componente
+     */
+    onChange(value: string | null): void
+
+    /**
+     * Define o tipo do filtro
+     */
+    type?: T;
+
+    /**
+     * Define as opções do filtro
+     */
+    options?: Array<InputFilterOptionsMap[T]>;
+}
+
+export type InputFilterProps<T extends keyof InputFilterOptionsMap> = T extends "autocomplete"
+    ? InputFilterBaseProps<"autocomplete"> & InputFilterAutocompleteProps
+    : InputFilterBaseProps<T>;
+
+export * from './autocomplete';