@dartcom/ui-kit 2.7.2 → 2.8.0

package/dist/esm/components/form/form.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{FormProvider as e}from"../../node_modules/react-hook-form/dist/index.esm.js";import r from"../../node_modules/@mui/material/esm/Box/Box.js";function t({children:t,form:m,sx:n={},onSubmit:i}){const{handleSubmit:s}=m;return o(e,{...m,children:o(r,{component:"form",sx:{display:"grid",alignContent:"flex-start",gap:"15px",...n},onSubmit:()=>{s(i)},children:t})})}export{t as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{FormProvider as n,Form as o}from"../../node_modules/react-hook-form/dist/index.esm.js";import r from"../../node_modules/@mui/material/esm/Box/Box.js";function i({form:i,sx:s={},fields:l,buttons:d,observers:m,onSubmit:c}){const{control:x}=i;return t(n,{...i,children:e(o,{control:x,onSubmit:c,style:{width:"100%",height:"100%"},children:[e(r,{sx:{display:"grid",alignContent:"flex-start",gap:"15px",...s},children:[t(r,{sx:{display:"grid",gap:"15px",...l.sx},children:l.content}),d?.content?t(r,{sx:{display:"flex",alignItems:"center",gap:"15px",...d.sx},children:d.content}):null]}),m?.content]})})}export{i as default};
 //# sourceMappingURL=form.js.map

package/dist/esm/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  children,\r\n  form,\r\n  sx = {},\r\n  onSubmit,\r\n}: React.PropsWithChildren<CustomFormProp<T>>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          alignContent: 'flex-start',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={() => {\r\n          handleSubmit(onSubmit);\r\n        }}>\r\n        {children}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["CustomForm","children","form","sx","onSubmit","handleSubmit","_jsx","FormProvider","Box","component","display","alignContent","gap"],"mappings":"2LA4BA,SAASA,GAAkCC,SACzCA,EAAQC,KACRA,EAAIC,GACJA,EAAK,CAAA,EAAEC,SACPA,IAEA,MAAMC,aAAEA,GAAiBH,EAEzB,OACEI,EAACC,EAAY,IAAKL,EAChBD,SAAAK,EAACE,EAAG,CACFC,UAAU,OACVN,GAAI,CACFO,QAAS,OAETC,aAAc,aAEdC,IAAK,UAEFT,GAELC,SAAU,KACRC,EAAaD,IAEdH,SAAAA,KAIT"}
+{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  Form,\r\n  FormProvider,\r\n  FormSubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: FormSubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n\r\n  fields: {\r\n    content: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  buttons?: {\r\n    content?: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  observers?: {\r\n    content?: React.ReactNode;\r\n  };\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  fields,\r\n  buttons,\r\n  observers,\r\n  onSubmit,\r\n}: CustomFormProp<T>) {\r\n  const { control } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Form\r\n        control={control}\r\n        onSubmit={onSubmit}\r\n        style={{\r\n          width: '100%',\r\n          height: '100%',\r\n        }}>\r\n        <Box\r\n          sx={{\r\n            display: 'grid',\r\n\r\n            alignContent: 'flex-start',\r\n\r\n            gap: '15px',\r\n\r\n            ...sx,\r\n          }}>\r\n          <Box\r\n            sx={{\r\n              display: 'grid',\r\n\r\n              gap: '15px',\r\n\r\n              ...fields.sx,\r\n            }}>\r\n            {fields.content}\r\n          </Box>\r\n\r\n          {buttons?.content ? (\r\n            <Box\r\n              sx={{\r\n                display: 'flex',\r\n\r\n                alignItems: 'center',\r\n\r\n                gap: '15px',\r\n\r\n                ...buttons.sx,\r\n              }}>\r\n              {buttons.content}\r\n            </Box>\r\n          ) : null}\r\n        </Box>\r\n\r\n        {observers?.content}\r\n      </Form>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["CustomForm","form","sx","fields","buttons","observers","onSubmit","control","_jsx","FormProvider","children","_jsxs","Form","style","width","height","Box","display","alignContent","gap","content","alignItems"],"mappings":"+MA2CA,SAASA,GAAkCC,KACzCA,EAAIC,GACJA,EAAK,CAAA,EAAEC,OACPA,EAAMC,QACNA,EAAOC,UACPA,EAASC,SACTA,IAEA,MAAMC,QAAEA,GAAYN,EAEpB,OACEO,EAACC,MAAiBR,EAAIS,SACpBC,EAACC,EAAI,CACHL,QAASA,EACTD,SAAUA,EACVO,MAAO,CACLC,MAAO,OACPC,OAAQ,QACTL,SAAA,CACDC,EAACK,EACC,CAAAd,GAAI,CACFe,QAAS,OAETC,aAAc,aAEdC,IAAK,UAEFjB,GACJQ,SAAA,CACDF,EAACQ,EACC,CAAAd,GAAI,CACFe,QAAS,OAETE,IAAK,UAEFhB,EAAOD,IACXQ,SACAP,EAAOiB,UAGThB,GAASgB,QACRZ,EAACQ,EAAG,CACFd,GAAI,CACFe,QAAS,OAETI,WAAY,SAEZF,IAAK,UAEFf,EAAQF,IACZQ,SACAN,EAAQgB,UAET,QAGLf,GAAWe,YAIpB"}

package/dist/esm/components/input/input.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useFormContext as o,Controller as r}from"../../node_modules/react-hook-form/dist/index.esm.js";import m from"../../node_modules/@mui/material/esm/TextField/TextField.js";function t(t){const{name:i}=t,{control:n}=o();return e(r,{name:i,control:n,render:({field:o})=>e(m,{...t,...o,size:"small"})})}export{t as default};
+import{jsx as e}from"react/jsx-runtime";import*as o from"react";import{useFormContext as r,Controller as m}from"../../node_modules/react-hook-form/dist/index.esm.js";import t from"../../node_modules/@mui/material/esm/TextField/TextField.js";function i(i){const{name:s}=i,d=o.useId(),{control:n}=r();return e(m,{name:s,control:n,render:({field:o})=>e(t,{id:d,...i,...o,size:"small"})})}export{i as default};
 //# sourceMappingURL=input.js.map

package/dist/esm/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { InputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: InputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return <TextField {...props} {...field} size=\"small\" />;\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["CustomInput","props","name","control","useFormContext","_jsx","Controller","render","field","TextField","size"],"mappings":"yNAKA,SAASA,EAAeC,GACtB,MAAMC,KAAEA,GAASD,GAEXE,QAAEA,GAAYC,IAEpB,OACEC,EAACC,GACCJ,KAAMA,EACNC,QAASA,EACTI,OAAQ,EAAGC,WACFH,EAACI,EAAS,IAAKR,KAAWO,EAAOE,KAAK,WAIrD"}
+{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return (\r\n          <TextField id={textFieldId} {...props} {...field} size=\"small\" />\r\n        );\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["CustomInput","props","name","textFieldId","React","useId","control","useFormContext","_jsx","Controller","render","field","TextField","id","size"],"mappings":"iPAMA,SAASA,EAAeC,GACtB,MAAMC,KAAEA,GAASD,EAEXE,EAAcC,EAAMC,SAEpBC,QAAEA,GAAYC,IAEpB,OACEC,EAACC,GACCP,KAAMA,EACNI,QAASA,EACTI,OAAQ,EAAGC,WAEPH,EAACI,EAAU,CAAAC,GAAIV,KAAiBF,KAAWU,EAAOG,KAAK,WAKjE"}

package/dist/esm/node_modules/react-hook-form/dist/index.esm.js

@@ -1,2 +1,2 @@
-import e from"react";var t=e=>e instanceof Date,r=e=>null==e;const n=e=>"object"==typeof e;var a=e=>!r(e)&&!Array.isArray(e)&&n(e)&&!t(e),s=e=>a(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,o="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function u(e){let t;const r=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else{if(o&&(e instanceof Blob||n)||!r&&!a(e))return e;if(t=r?[]:Object.create(Object.getPrototypeOf(e)),r||(e=>{const t=e.constructor&&e.constructor.prototype;return a(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=u(e[r]));else t=e}return t}var i=e=>/^\w*$/.test(e),l=e=>void 0===e,c=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},d=(e,t,n)=>{if(!t||!a(e))return n;const s=(i(t)?[t]:c(t)).reduce((e,t)=>r(e)?e:e[t],e);return l(s)||s===e?l(e[t])?n:e[t]:s},f=e=>"boolean"==typeof e,m=(e,t,r)=>{let n=-1;const s=i(t)?[t]:c(t),o=s.length,u=o-1;for(;++n<o;){const t=s[n];let o=r;if(n!==u){const r=e[t];o=a(r)||Array.isArray(r)?r:isNaN(+s[n+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=o,e=e[t]}};const y="blur",b="change",g="all",p=e.createContext(null);p.displayName="HookFormContext";const _=()=>e.useContext(p),h=t=>{const{children:r,...n}=t;return e.createElement(p.Provider,{value:n},r)};const V="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function v(t){const r=_(),{control:n=r.control,disabled:a,name:s,exact:o}=t||{},[u,i]=e.useState(n._formState),l=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return V(()=>n._subscribe({name:s,formState:l.current,exact:o,callback:e=>{!a&&i({...n._formState,...e})}}),[s,a,o]),e.useEffect(()=>{l.current.isValid&&n._setValid(!0)},[n]),e.useMemo(()=>((e,t,r,n=!0)=>{const a={defaultValues:t._defaultValues};for(const s in e)Object.defineProperty(a,s,{get:()=>{const a=s;return t._proxyFormState[a]!==g&&(t._proxyFormState[a]=!n||g),r&&(r[a]=!0),e[a]}});return a})(u,n,l.current,!1),[u,n])}var A=e=>r(e)||!n(e);function w(e,r,n=new WeakSet){if(A(e)||A(r))return e===r;if(t(e)&&t(r))return e.getTime()===r.getTime();const s=Object.keys(e),o=Object.keys(r);if(s.length!==o.length)return!1;if(n.has(e)||n.has(r))return!0;n.add(e),n.add(r);for(const u of s){const s=e[u];if(!o.includes(u))return!1;if("ref"!==u){const e=r[u];if(t(s)&&t(e)||a(s)&&a(e)||Array.isArray(s)&&Array.isArray(e)?!w(s,e,n):s!==e)return!1}}return!0}function x(t){const r=_(),{control:n=r.control,name:a,defaultValue:s,disabled:o,exact:u,compute:i}=t||{},l=e.useRef(s),c=e.useRef(i),f=e.useRef(void 0);c.current=i;const m=e.useMemo(()=>n._getWatch(a,l.current),[n,a]),[y,b]=e.useState(c.current?c.current(m):m);return V(()=>n._subscribe({name:a,formState:{values:!0},exact:u,callback:e=>{if(!o){const t=((e,t,r,n,a)=>"string"==typeof e?(n&&t.watch.add(e),d(r,e,a)):Array.isArray(e)?e.map(e=>(n&&t.watch.add(e),d(r,e))):(n&&(t.watchAll=!0),r))(a,n._names,e.values||n._formValues,!1,l.current);if(c.current){const e=c.current(t);w(e,f.current)||(b(e),f.current=e)}else b(t)}}}),[n,o,a,u]),e.useEffect(()=>n._removeUnmounted()),y}function F(t){const r=_(),{name:n,disabled:a,control:o=r.control,shouldUnregister:i,defaultValue:c}=t,g=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(o._names.array,n),p=e.useMemo(()=>d(o._formValues,n,d(o._defaultValues,n,c)),[o,n,c]),h=x({control:o,name:n,defaultValue:p,exact:!0}),V=v({control:o,name:n,exact:!0}),A=e.useRef(t),w=e.useRef(o.register(n,{...t.rules,value:h,...f(t.disabled)?{disabled:t.disabled}:{}}));A.current=t;const F=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!d(V.errors,n)},isDirty:{enumerable:!0,get:()=>!!d(V.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!d(V.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!d(V.validatingFields,n)},error:{enumerable:!0,get:()=>d(V.errors,n)}}),[V,n]),k=e.useCallback(e=>w.current.onChange({target:{value:s(e),name:n},type:b}),[n]),S=e.useCallback(()=>w.current.onBlur({target:{value:d(o._formValues,n),name:n},type:y}),[n,o._formValues]),C=e.useCallback(e=>{const t=d(o._fields,n);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})},[o._fields,n]),O=e.useMemo(()=>({name:n,value:h,...f(a)||V.disabled?{disabled:V.disabled||a}:{},onChange:k,onBlur:S,ref:C}),[n,a,V.disabled,k,S,C,h]);return e.useEffect(()=>{const e=o._options.shouldUnregister||i;o.register(n,{...A.current.rules,...f(A.current.disabled)?{disabled:A.current.disabled}:{}});const t=(e,t)=>{const r=d(o._fields,e);r&&r._f&&(r._f.mount=t)};if(t(n,!0),e){const e=u(d(o._options.defaultValues,n));m(o._defaultValues,n,e),l(d(o._formValues,n))&&m(o._formValues,n,e)}return!g&&o.register(n),()=>{(g?e&&!o._state.action:e)?o.unregister(n):t(n,!1)}},[n,o,g,i]),e.useEffect(()=>{o._setDisabledField({disabled:a,name:n})},[a,n,o]),e.useMemo(()=>({field:O,formState:V,fieldState:F}),[O,V,F])}const k=e=>e.render(F(e));export{k as Controller,h as FormProvider,d as get,m as set,F as useController,_ as useFormContext,v as useFormState,x as useWatch};
+import e from"react";var t=e=>e instanceof Date,r=e=>null==e;const n=e=>"object"==typeof e;var o=e=>!r(e)&&!Array.isArray(e)&&n(e)&&!t(e),s=e=>o(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,a="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function c(e){let t;const r=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else{if(a&&(e instanceof Blob||n)||!r&&!o(e))return e;if(t=r?[]:Object.create(Object.getPrototypeOf(e)),r||(e=>{const t=e.constructor&&e.constructor.prototype;return o(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=c(e[r]));else t=e}return t}var u=e=>/^\w*$/.test(e),i=e=>void 0===e,l=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},d=(e,t,n)=>{if(!t||!o(e))return n;const s=(u(t)?[t]:l(t)).reduce((e,t)=>r(e)?e:e[t],e);return i(s)||s===e?i(e[t])?n:e[t]:s},f=e=>"boolean"==typeof e,m=(e,t,r)=>{let n=-1;const s=u(t)?[t]:l(t),a=s.length,c=a-1;for(;++n<a;){const t=s[n];let a=r;if(n!==c){const r=e[t];a=o(r)||Array.isArray(r)?r:isNaN(+s[n+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=a,e=e[t]}};const y="blur",b="change",p="all",g=e.createContext(null);g.displayName="HookFormContext";const _=()=>e.useContext(g),h=t=>{const{children:r,...n}=t;return e.createElement(g.Provider,{value:n},r)};const V="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function v(t){const r=_(),{control:n=r.control,disabled:o,name:s,exact:a}=t||{},[c,u]=e.useState(n._formState),i=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return V(()=>n._subscribe({name:s,formState:i.current,exact:a,callback:e=>{!o&&u({...n._formState,...e})}}),[s,o,a]),e.useEffect(()=>{i.current.isValid&&n._setValid(!0)},[n]),e.useMemo(()=>((e,t,r,n=!0)=>{const o={defaultValues:t._defaultValues};for(const s in e)Object.defineProperty(o,s,{get:()=>{const o=s;return t._proxyFormState[o]!==p&&(t._proxyFormState[o]=!n||p),r&&(r[o]=!0),e[o]}});return o})(c,n,i.current,!1),[c,n])}var S=e=>r(e)||!n(e);function w(e,r,n=new WeakSet){if(S(e)||S(r))return e===r;if(t(e)&&t(r))return e.getTime()===r.getTime();const s=Object.keys(e),a=Object.keys(r);if(s.length!==a.length)return!1;if(n.has(e)||n.has(r))return!0;n.add(e),n.add(r);for(const c of s){const s=e[c];if(!a.includes(c))return!1;if("ref"!==c){const e=r[c];if(t(s)&&t(e)||o(s)&&o(e)||Array.isArray(s)&&Array.isArray(e)?!w(s,e,n):s!==e)return!1}}return!0}function A(t){const r=_(),{control:n=r.control,name:o,defaultValue:s,disabled:a,exact:c,compute:u}=t||{},i=e.useRef(s),l=e.useRef(u),f=e.useRef(void 0);l.current=u;const m=e.useMemo(()=>n._getWatch(o,i.current),[n,o]),[y,b]=e.useState(l.current?l.current(m):m);return V(()=>n._subscribe({name:o,formState:{values:!0},exact:c,callback:e=>{if(!a){const t=((e,t,r,n,o)=>"string"==typeof e?(n&&t.watch.add(e),d(r,e,o)):Array.isArray(e)?e.map(e=>(n&&t.watch.add(e),d(r,e))):(n&&(t.watchAll=!0),r))(o,n._names,e.values||n._formValues,!1,i.current);if(l.current){const e=l.current(t);w(e,f.current)||(b(e),f.current=e)}else b(t)}}}),[n,a,o,c]),e.useEffect(()=>n._removeUnmounted()),y}function x(t){const r=_(),{name:n,disabled:o,control:a=r.control,shouldUnregister:u,defaultValue:l}=t,p=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(a._names.array,n),g=e.useMemo(()=>d(a._formValues,n,d(a._defaultValues,n,l)),[a,n,l]),h=A({control:a,name:n,defaultValue:g,exact:!0}),V=v({control:a,name:n,exact:!0}),S=e.useRef(t),w=e.useRef(a.register(n,{...t.rules,value:h,...f(t.disabled)?{disabled:t.disabled}:{}}));S.current=t;const x=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!d(V.errors,n)},isDirty:{enumerable:!0,get:()=>!!d(V.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!d(V.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!d(V.validatingFields,n)},error:{enumerable:!0,get:()=>d(V.errors,n)}}),[V,n]),F=e.useCallback(e=>w.current.onChange({target:{value:s(e),name:n},type:b}),[n]),k=e.useCallback(()=>w.current.onBlur({target:{value:d(a._formValues,n),name:n},type:y}),[n,a._formValues]),E=e.useCallback(e=>{const t=d(a._fields,n);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})},[a._fields,n]),O=e.useMemo(()=>({name:n,value:h,...f(o)||V.disabled?{disabled:V.disabled||o}:{},onChange:F,onBlur:k,ref:E}),[n,o,V.disabled,F,k,E,h]);return e.useEffect(()=>{const e=a._options.shouldUnregister||u;a.register(n,{...S.current.rules,...f(S.current.disabled)?{disabled:S.current.disabled}:{}});const t=(e,t)=>{const r=d(a._fields,e);r&&r._f&&(r._f.mount=t)};if(t(n,!0),e){const e=c(d(a._options.defaultValues,n));m(a._defaultValues,n,e),i(d(a._formValues,n))&&m(a._formValues,n,e)}return!p&&a.register(n),()=>{(p?e&&!a._state.action:e)?a.unregister(n):t(n,!1)}},[n,a,p,u]),e.useEffect(()=>{a._setDisabledField({disabled:o,name:n})},[o,n,a]),e.useMemo(()=>({field:O,formState:V,fieldState:x}),[O,V,x])}const F=e=>e.render(x(e)),k=e=>{const t={};for(const r of Object.keys(e))if(n(e[r])&&null!==e[r]){const n=k(e[r]);for(const e of Object.keys(n))t[`${r}.${e}`]=n[e]}else t[r]=e[r];return t},E="post";function O(t){const r=_(),[n,o]=e.useState(!1),{control:s=r.control,onSubmit:a,children:c,action:u,method:i=E,headers:l,encType:d,onError:f,render:m,onSuccess:y,validateStatus:b,...p}=t,g=async e=>{let r=!1,n="";await s.handleSubmit(async t=>{const o=new FormData;let c="";try{c=JSON.stringify(t)}catch(e){}const m=k(s._formValues);for(const e in m)o.append(e,m[e]);if(a&&await a({data:t,event:e,method:i,formData:o,formDataJson:c}),u)try{const e=[l&&l["Content-Type"],d].some(e=>e&&e.includes("json")),t=await fetch(String(u),{method:i,headers:{...l,...d&&"multipart/form-data"!==d?{"Content-Type":d}:{}},body:e?c:o});t&&(b?!b(t.status):t.status<200||t.status>=300)?(r=!0,f&&f({response:t}),n=String(t.status)):y&&y({response:t})}catch(e){r=!0,f&&f({error:e})}})(e),r&&t.control&&(t.control._subjects.state.next({isSubmitSuccessful:!1}),t.control.setError("root.server",{type:n}))};return e.useEffect(()=>{o(!0)},[]),m?e.createElement(e.Fragment,null,m({submit:g})):e.createElement("form",{noValidate:n,action:u,method:i,encType:d,onSubmit:g,...p},c)}export{F as Controller,O as Form,h as FormProvider,d as get,m as set,x as useController,_ as useFormContext,v as useFormState,A as useWatch};
 //# sourceMappingURL=index.esm.js.map