@helsenorge/designsystem-react 3.1.5 → 4.1.0

package/components/FormExample/index.js

@@ -1,12 +1,12 @@
-import g from"react";import{isTest as pt}from"../../utils/environment.js";import{B as xt}from"../../Button.js";import{C as Z}from"../../Checkbox.js";import{F as Q}from"../../FormGroup.js";import{F as kt,a as _t}from"../../FormLayout.js";import $e from"../Icons/Hospital.js";import{I as de}from"../../Input.js";import{R as ge}from"../../RadioButton.js";import{S as We}from"../../Select.js";import{T as Ge}from"../../Textarea.js";import{V as Vt}from"../../Validation.js";import ve from"./styles.module.scss";import"classnames";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/useIcons.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/ArrowRight.js";import"../Button/styles.module.scss";import"../Icons/Check.js";import"../Checkbox/styles.module.scss";import"../../utils/component.js";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../../Title.js";import"../Title/styles.module.scss";import"../FormGroup/styles.module.scss";import"../FormLayout/styles.module.scss";import"../../MaxCharacters.js";import"../MaxCharacters/styles.module.scss";import"../Input/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Icons/ChevronDown.js";import"../Select/styles.module.scss";import"../Textarea/styles.module.scss";import"../Validation/styles.module.scss";var ye=e=>e.type==="checkbox",se=e=>e instanceof Date,R=e=>e==null;const tt=e=>typeof e=="object";var O=e=>!R(e)&&!Array.isArray(e)&&tt(e)&&!se(e),At=e=>O(e)&&e.target?ye(e.target)?e.target.checked:e.target.value:e,Dt=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Et=(e,n)=>e.has(Dt(n)),St=e=>{const n=e.constructor&&e.constructor.prototype;return O(n)&&n.hasOwnProperty("isPrototypeOf")},Ce=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function ee(e){let n;const i=Array.isArray(e);if(e instanceof Date)n=new Date(e);else if(e instanceof Set)n=new Set(e);else if(!(Ce&&(e instanceof Blob||e instanceof FileList))&&(i||O(e)))if(n=i?[]:{},!Array.isArray(e)&&!St(e))n=e;else for(const r in e)n[r]=ee(e[r]);else return e;return n}var me=e=>Array.isArray(e)?e.filter(Boolean):[],T=e=>e===void 0,f=(e,n,i)=>{if(!n||!O(e))return i;const r=me(n.split(/[,[\].]+?/)).reduce((s,o)=>R(s)?s:s[o],e);return T(r)||r===e?T(e[n])?i:e[n]:r};const Ke={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},W={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},J={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};g.createContext(null);var wt=(e,n,i,r=!0)=>{const s={defaultValues:n._defaultValues};for(const o in e)Object.defineProperty(s,o,{get:()=>{const c=o;return n._proxyFormState[c]!==W.all&&(n._proxyFormState[c]=!r||W.all),i&&(i[c]=!0),e[c]}});return s},B=e=>O(e)&&!Object.keys(e).length,Ft=(e,n,i,r)=>{i(e);const{name:s,...o}=e;return B(o)||Object.keys(o).length>=Object.keys(n).length||Object.keys(o).find(c=>n[c]===(!r||W.all))},Ee=e=>Array.isArray(e)?e:[e];function Tt(e){const n=g.useRef(e);n.current=e,g.useEffect(()=>{const i=!e.disabled&&n.current.subject&&n.current.subject.subscribe({next:n.current.next});return()=>{i&&i.unsubscribe()}},[e.disabled])}var K=e=>typeof e=="string",Ot=(e,n,i,r,s)=>K(e)?(r&&n.watch.add(e),f(i,e,s)):Array.isArray(e)?e.map(o=>(r&&n.watch.add(o),f(i,o))):(r&&(n.watchAll=!0),i),Le=e=>/^\w*$/.test(e),rt=e=>me(e.replace(/["|']|\]/g,"").split(/\.|\[/));function A(e,n,i){let r=-1;const s=Le(n)?[n]:rt(n),o=s.length,c=o-1;for(;++r<o;){const b=s[r];let k=i;if(r!==c){const L=e[b];k=O(L)||Array.isArray(L)?L:isNaN(+s[r+1])?{}:[]}e[b]=k,e=e[b]}return e}var Ct=(e,n,i,r,s)=>n?{...i[e],types:{...i[e]&&i[e].types?i[e].types:{},[r]:s||!0}}:{};const Oe=(e,n,i)=>{for(const r of i||Object.keys(e)){const s=f(e,r);if(s){const{_f:o,...c}=s;if(o&&n(o.name)){if(o.ref.focus){o.ref.focus();break}else if(o.refs&&o.refs[0].focus){o.refs[0].focus();break}}else O(c)&&Oe(c,n)}}};var je=e=>({isOnSubmit:!e||e===W.onSubmit,isOnBlur:e===W.onBlur,isOnChange:e===W.onChange,isOnAll:e===W.all,isOnTouch:e===W.onTouched}),ze=(e,n,i)=>!i&&(n.watchAll||n.watch.has(e)||[...n.watch].some(r=>e.startsWith(r)&&/^\.\w+/.test(e.slice(r.length)))),Lt=(e,n,i)=>{const r=me(f(e,i));return A(r,"root",n[i]),A(e,i,r),e},ne=e=>typeof e=="boolean",Me=e=>e.type==="file",ae=e=>typeof e=="function",be=e=>{if(!Ce)return!1;const n=e?e.ownerDocument:0;return e instanceof(n&&n.defaultView?n.defaultView.HTMLElement:HTMLElement)},he=e=>K(e),Re=e=>e.type==="radio",pe=e=>e instanceof RegExp;const Je={value:!1,isValid:!1},Qe={value:!0,isValid:!0};var it=e=>{if(Array.isArray(e)){if(e.length>1){const n=e.filter(i=>i&&i.checked&&!i.disabled).map(i=>i.value);return{value:n,isValid:!!n.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!T(e[0].attributes.value)?T(e[0].value)||e[0].value===""?Qe:{value:e[0].value,isValid:!0}:Qe:Je}return Je};const Xe={isValid:!1,value:null};var st=e=>Array.isArray(e)?e.reduce((n,i)=>i&&i.checked&&!i.disabled?{isValid:!0,value:i.value}:n,Xe):Xe;function Ye(e,n,i="validate"){if(he(e)||Array.isArray(e)&&e.every(he)||ne(e)&&!e)return{type:i,message:he(e)?e:"",ref:n}}var ie=e=>O(e)&&!pe(e)?e:{value:e,message:""},Ze=async(e,n,i,r,s)=>{const{ref:o,refs:c,required:b,maxLength:k,minLength:L,min:P,max:D,pattern:x,validate:H,name:I,valueAsNumber:le,mount:re,disabled:oe}=e._f,v=f(n,I);if(!re||oe)return{};const q=c?c[0]:o,U=_=>{r&&q.reportValidity&&(q.setCustomValidity(ne(_)?"":_||""),q.reportValidity())},S={},X=Re(o),Y=ye(o),ue=X||Y,N=(le||Me(o))&&T(o.value)&&T(v)||be(o)&&o.value===""||v===""||Array.isArray(v)&&!v.length,G=Ct.bind(null,I,i,S),$=(_,p,h,V=J.maxLength,w=J.minLength)=>{const M=_?p:h;S[I]={type:_?V:w,message:M,ref:o,...G(_?V:w,M)}};if(s?!Array.isArray(v)||!v.length:b&&(!ue&&(N||R(v))||ne(v)&&!v||Y&&!it(c).isValid||X&&!st(c).isValid)){const{value:_,message:p}=he(b)?{value:!!b,message:b}:ie(b);if(_&&(S[I]={type:J.required,message:p,ref:q,...G(J.required,p)},!i))return U(p),S}if(!N&&(!R(P)||!R(D))){let _,p;const h=ie(D),V=ie(P);if(!R(v)&&!isNaN(v)){const w=o.valueAsNumber||v&&+v;R(h.value)||(_=w>h.value),R(V.value)||(p=w<V.value)}else{const w=o.valueAsDate||new Date(v),M=ce=>new Date(new Date().toDateString()+" "+ce),j=o.type=="time",z=o.type=="week";K(h.value)&&v&&(_=j?M(v)>M(h.value):z?v>h.value:w>new Date(h.value)),K(V.value)&&v&&(p=j?M(v)<M(V.value):z?v<V.value:w<new Date(V.value))}if((_||p)&&($(!!_,h.message,V.message,J.max,J.min),!i))return U(S[I].message),S}if((k||L)&&!N&&(K(v)||s&&Array.isArray(v))){const _=ie(k),p=ie(L),h=!R(_.value)&&v.length>_.value,V=!R(p.value)&&v.length<p.value;if((h||V)&&($(h,_.message,p.message),!i))return U(S[I].message),S}if(x&&!N&&K(v)){const{value:_,message:p}=ie(x);if(pe(_)&&!v.match(_)&&(S[I]={type:J.pattern,message:p,ref:o,...G(J.pattern,p)},!i))return U(p),S}if(H){if(ae(H)){const _=await H(v,n),p=Ye(_,q);if(p&&(S[I]={...p,...G(J.validate,p.message)},!i))return U(p.message),S}else if(O(H)){let _={};for(const p in H){if(!B(_)&&!i)break;const h=Ye(await H[p](v,n),q,p);h&&(_={...h,...G(p,h.message)},U(h.message),i&&(S[I]=_))}if(!B(_)&&(S[I]={ref:q,..._},!i))return S}}return U(!0),S};function Mt(e,n){const i=n.slice(0,-1).length;let r=0;for(;r<i;)e=T(e)?r++:e[n[r++]];return e}function Rt(e){for(const n in e)if(!T(e[n]))return!1;return!0}function C(e,n){const i=Array.isArray(n)?n:Le(n)?[n]:rt(n),r=i.length===1?e:Mt(e,i),s=i.length-1,o=i[s];return r&&delete r[o],s!==0&&(O(r)&&B(r)||Array.isArray(r)&&Rt(r))&&C(e,i.slice(0,-1)),e}function Se(){let e=[];return{get observers(){return e},next:s=>{for(const o of e)o.next&&o.next(s)},subscribe:s=>(e.push(s),{unsubscribe:()=>{e=e.filter(o=>o!==s)}}),unsubscribe:()=>{e=[]}}}var xe=e=>R(e)||!tt(e);function te(e,n){if(xe(e)||xe(n))return e===n;if(se(e)&&se(n))return e.getTime()===n.getTime();const i=Object.keys(e),r=Object.keys(n);if(i.length!==r.length)return!1;for(const s of i){const o=e[s];if(!r.includes(s))return!1;if(s!=="ref"){const c=n[s];if(se(o)&&se(c)||O(o)&&O(c)||Array.isArray(o)&&Array.isArray(c)?!te(o,c):o!==c)return!1}}return!0}var nt=e=>e.type==="select-multiple",It=e=>Re(e)||ye(e),we=e=>be(e)&&e.isConnected,at=e=>{for(const n in e)if(ae(e[n]))return!0;return!1};function ke(e,n={}){const i=Array.isArray(e);if(O(e)||i)for(const r in e)Array.isArray(e[r])||O(e[r])&&!at(e[r])?(n[r]=Array.isArray(e[r])?[]:{},ke(e[r],n[r])):R(e[r])||(n[r]=!0);return n}function lt(e,n,i){const r=Array.isArray(e);if(O(e)||r)for(const s in e)Array.isArray(e[s])||O(e[s])&&!at(e[s])?T(n)||xe(i[s])?i[s]=Array.isArray(e[s])?ke(e[s],[]):{...ke(e[s])}:lt(e[s],R(n)?{}:n[s],i[s]):i[s]=!te(e[s],n[s]);return i}var Fe=(e,n)=>lt(e,n,ke(n)),ot=(e,{valueAsNumber:n,valueAsDate:i,setValueAs:r})=>T(e)?e:n?e===""?NaN:e&&+e:i&&K(e)?new Date(e):r?r(e):e;function Te(e){const n=e.ref;if(!(e.refs?e.refs.every(i=>i.disabled):n.disabled))return Me(n)?n.files:Re(n)?st(e.refs).value:nt(n)?[...n.selectedOptions].map(({value:i})=>i):ye(n)?it(e.refs).value:ot(T(n.value)?e.ref.value:n.value,e)}var Nt=(e,n,i,r)=>{const s={};for(const o of e){const c=f(n,o);c&&A(s,o,c._f)}return{criteriaMode:i,names:[...e],fields:s,shouldUseNativeValidation:r}},fe=e=>T(e)?e:pe(e)?e.source:O(e)?pe(e.value)?e.value.source:e.value:e,qt=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function et(e,n,i){const r=f(e,i);if(r||Le(i))return{error:r,name:i};const s=i.split(".");for(;s.length;){const o=s.join("."),c=f(n,o),b=f(e,o);if(c&&!Array.isArray(c)&&i!==o)return{name:i};if(b&&b.type)return{name:o,error:b};s.pop()}return{name:i}}var Ut=(e,n,i,r,s)=>s.isOnAll?!1:!i&&s.isOnTouch?!(n||e):(i?r.isOnBlur:s.isOnBlur)?!e:(i?r.isOnChange:s.isOnChange)?e:!0,Bt=(e,n)=>!me(f(e,n)).length&&C(e,n);const Pt={mode:W.onSubmit,reValidateMode:W.onChange,shouldFocusError:!0};function Ht(e={},n){let i={...Pt,...e},r={submitCount:0,isDirty:!1,isLoading:!0,isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},errors:{}},s={},o=O(i.defaultValues)||O(i.values)?ee(i.defaultValues||i.values)||{}:{},c=i.shouldUnregister?{}:ee(o),b={action:!1,mount:!1,watch:!1},k={mount:new Set,unMount:new Set,array:new Set,watch:new Set},L,P=0;const D={isDirty:!1,dirtyFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},x={values:Se(),array:Se(),state:Se()},H=e.resetOptions&&e.resetOptions.keepDirtyValues,I=je(i.mode),le=je(i.reValidateMode),re=i.criteriaMode===W.all,oe=t=>a=>{clearTimeout(P),P=setTimeout(t,a)},v=async t=>{if(D.isValid||t){const a=i.resolver?B((await N()).errors):await $(s,!0);a!==r.isValid&&x.state.next({isValid:a})}},q=t=>D.isValidating&&x.state.next({isValidating:t}),U=(t,a=[],l,d,y=!0,u=!0)=>{if(d&&l){if(b.action=!0,u&&Array.isArray(f(s,t))){const m=l(f(s,t),d.argA,d.argB);y&&A(s,t,m)}if(u&&Array.isArray(f(r.errors,t))){const m=l(f(r.errors,t),d.argA,d.argB);y&&A(r.errors,t,m),Bt(r.errors,t)}if(D.touchedFields&&u&&Array.isArray(f(r.touchedFields,t))){const m=l(f(r.touchedFields,t),d.argA,d.argB);y&&A(r.touchedFields,t,m)}D.dirtyFields&&(r.dirtyFields=Fe(o,c)),x.state.next({name:t,isDirty:p(t,a),dirtyFields:r.dirtyFields,errors:r.errors,isValid:r.isValid})}else A(c,t,a)},S=(t,a)=>{A(r.errors,t,a),x.state.next({errors:r.errors})},X=(t,a,l,d)=>{const y=f(s,t);if(y){const u=f(c,t,T(l)?f(o,t):l);T(u)||d&&d.defaultChecked||a?A(c,t,a?u:Te(y._f)):w(t,u),b.mount&&v()}},Y=(t,a,l,d,y)=>{let u=!1,m=!1;const F={name:t};if(!l||d){D.isDirty&&(m=r.isDirty,r.isDirty=F.isDirty=p(),u=m!==F.isDirty);const E=te(f(o,t),a);m=f(r.dirtyFields,t),E?C(r.dirtyFields,t):A(r.dirtyFields,t,!0),F.dirtyFields=r.dirtyFields,u=u||D.dirtyFields&&m!==!E}if(l){const E=f(r.touchedFields,t);E||(A(r.touchedFields,t,l),F.touchedFields=r.touchedFields,u=u||D.touchedFields&&E!==l)}return u&&y&&x.state.next(F),u?F:{}},ue=(t,a,l,d)=>{const y=f(r.errors,t),u=D.isValid&&ne(a)&&r.isValid!==a;if(e.delayError&&l?(L=oe(()=>S(t,l)),L(e.delayError)):(clearTimeout(P),L=null,l?A(r.errors,t,l):C(r.errors,t)),(l?!te(y,l):y)||!B(d)||u){const m={...d,...u&&ne(a)?{isValid:a}:{},errors:r.errors,name:t};r={...r,...m},x.state.next(m)}q(!1)},N=async t=>i.resolver(c,i.context,Nt(t||k.mount,s,i.criteriaMode,i.shouldUseNativeValidation)),G=async t=>{const{errors:a}=await N();if(t)for(const l of t){const d=f(a,l);d?A(r.errors,l,d):C(r.errors,l)}else r.errors=a;return a},$=async(t,a,l={valid:!0})=>{for(const d in t){const y=t[d];if(y){const{_f:u,...m}=y;if(u){const F=k.array.has(u.name),E=await Ze(y,c,re,i.shouldUseNativeValidation,F);if(E[u.name]&&(l.valid=!1,a))break;!a&&(f(E,u.name)?F?Lt(r.errors,E,u.name):A(r.errors,u.name,E[u.name]):C(r.errors,u.name))}m&&await $(m,a,l)}}return l.valid},_=()=>{for(const t of k.unMount){const a=f(s,t);a&&(a._f.refs?a._f.refs.every(l=>!we(l)):!we(a._f.ref))&&_e(t)}k.unMount=new Set},p=(t,a)=>(t&&a&&A(c,t,a),!te(Ie(),o)),h=(t,a,l)=>Ot(t,k,{...b.mount?c:T(a)?o:K(t)?{[t]:a}:a},l,a),V=t=>me(f(b.mount?c:o,t,e.shouldUnregister?f(o,t,[]):[])),w=(t,a,l={})=>{const d=f(s,t);let y=a;if(d){const u=d._f;u&&(!u.disabled&&A(c,t,ot(a,u)),y=be(u.ref)&&R(a)?"":a,nt(u.ref)?[...u.ref.options].forEach(m=>m.selected=y.includes(m.value)):u.refs?ye(u.ref)?u.refs.length>1?u.refs.forEach(m=>(!m.defaultChecked||!m.disabled)&&(m.checked=Array.isArray(y)?!!y.find(F=>F===m.value):y===m.value)):u.refs[0]&&(u.refs[0].checked=!!y):u.refs.forEach(m=>m.checked=m.value===y):Me(u.ref)?u.ref.value="":(u.ref.value=y,u.ref.type||x.values.next({name:t,values:{...c}})))}(l.shouldDirty||l.shouldTouch)&&Y(t,y,l.shouldTouch,l.shouldDirty,!0),l.shouldValidate&&ce(t)},M=(t,a,l)=>{for(const d in a){const y=a[d],u=`${t}.${d}`,m=f(s,u);(k.array.has(t)||!xe(y)||m&&!m._f)&&!se(y)?M(u,y,l):w(u,y,l)}},j=(t,a,l={})=>{const d=f(s,t),y=k.array.has(t),u=ee(a);A(c,t,u),y?(x.array.next({name:t,values:{...c}}),(D.isDirty||D.dirtyFields)&&l.shouldDirty&&x.state.next({name:t,dirtyFields:Fe(o,c),isDirty:p(t,u)})):d&&!d._f&&!R(u)?M(t,u,l):w(t,u,l),ze(t,k)&&x.state.next({...r}),x.values.next({name:t,values:{...c}}),!b.mount&&n()},z=async t=>{const a=t.target;let l=a.name;const d=f(s,l),y=()=>a.type?Te(d._f):At(t);if(d){let u,m;const F=y(),E=t.type===Ke.BLUR||t.type===Ke.FOCUS_OUT,vt=!qt(d._f)&&!i.resolver&&!f(r.errors,l)&&!d._f.deps||Ut(E,f(r.touchedFields,l),r.isSubmitted,le,I),Ae=ze(l,k,E);A(c,l,F),E?(d._f.onBlur&&d._f.onBlur(t),L&&L(0)):d._f.onChange&&d._f.onChange(t);const De=Y(l,F,E,!1),ht=!B(De)||Ae;if(!E&&x.values.next({name:l,type:t.type,values:{...c}}),vt)return D.isValid&&v(),ht&&x.state.next({name:l,...Ae?{}:De});if(!E&&Ae&&x.state.next({...r}),q(!0),i.resolver){const{errors:Pe}=await N([l]),bt=et(r.errors,s,l),He=et(Pe,s,bt.name||l);u=He.error,l=He.name,m=B(Pe)}else u=(await Ze(d,c,re,i.shouldUseNativeValidation))[l],u?m=!1:D.isValid&&(m=await $(s,!0));d._f.deps&&ce(d._f.deps),ue(l,m,u,De)}},ce=async(t,a={})=>{let l,d;const y=Ee(t);if(q(!0),i.resolver){const u=await G(T(t)?t:y);l=B(u),d=t?!y.some(m=>f(u,m)):l}else t?(d=(await Promise.all(y.map(async u=>{const m=f(s,u);return await $(m&&m._f?{[u]:m}:m)}))).every(Boolean),!(!d&&!r.isValid)&&v()):d=l=await $(s);return x.state.next({...!K(t)||D.isValid&&l!==r.isValid?{}:{name:t},...i.resolver||!t?{isValid:l}:{},errors:r.errors,isValidating:!1}),a.shouldFocus&&!d&&Oe(s,u=>u&&f(r.errors,u),t?y:k.mount),d},Ie=t=>{const a={...o,...b.mount?c:{}};return T(t)?a:K(t)?f(a,t):t.map(l=>f(a,l))},Ne=(t,a)=>({invalid:!!f((a||r).errors,t),isDirty:!!f((a||r).dirtyFields,t),isTouched:!!f((a||r).touchedFields,t),error:f((a||r).errors,t)}),ut=t=>{t&&Ee(t).forEach(a=>C(r.errors,a)),x.state.next({errors:t?r.errors:{}})},ct=(t,a,l)=>{const d=(f(s,t,{_f:{}})._f||{}).ref;A(r.errors,t,{...a,ref:d}),x.state.next({name:t,errors:r.errors,isValid:!1}),l&&l.shouldFocus&&d&&d.focus&&d.focus()},dt=(t,a)=>ae(t)?x.values.subscribe({next:l=>t(h(void 0,a),l)}):h(t,a,!0),_e=(t,a={})=>{for(const l of t?Ee(t):k.mount)k.mount.delete(l),k.array.delete(l),f(s,l)&&(a.keepValue||(C(s,l),C(c,l)),!a.keepError&&C(r.errors,l),!a.keepDirty&&C(r.dirtyFields,l),!a.keepTouched&&C(r.touchedFields,l),!i.shouldUnregister&&!a.keepDefaultValue&&C(o,l));x.values.next({values:{...c}}),x.state.next({...r,...a.keepDirty?{isDirty:p()}:{}}),!a.keepIsValid&&v()},Ve=(t,a={})=>{let l=f(s,t);const d=ne(a.disabled);return A(s,t,{...l||{},_f:{...l&&l._f?l._f:{ref:{name:t}},name:t,mount:!0,...a}}),k.mount.add(t),l?d&&A(c,t,a.disabled?void 0:f(c,t,Te(l._f))):X(t,!0,a.value),{...d?{disabled:a.disabled}:{},...i.shouldUseNativeValidation?{required:!!a.required,min:fe(a.min),max:fe(a.max),minLength:fe(a.minLength),maxLength:fe(a.maxLength),pattern:fe(a.pattern)}:{},name:t,onChange:z,onBlur:z,ref:y=>{if(y){Ve(t,a),l=f(s,t);const u=T(y.value)&&y.querySelectorAll&&y.querySelectorAll("input,select,textarea")[0]||y,m=It(u),F=l._f.refs||[];if(m?F.find(E=>E===u):u===l._f.ref)return;A(s,t,{_f:{...l._f,...m?{refs:[...F.filter(we),u,...Array.isArray(f(o,t))?[{}]:[]],ref:{type:u.type,name:t}}:{ref:u}}}),X(t,!1,void 0,u)}else l=f(s,t,{}),l._f&&(l._f.mount=!1),(i.shouldUnregister||a.shouldUnregister)&&!(Et(k.array,t)&&b.action)&&k.unMount.add(t)}}},qe=()=>i.shouldFocusError&&Oe(s,t=>t&&f(r.errors,t),k.mount),ft=(t,a)=>async l=>{l&&(l.preventDefault&&l.preventDefault(),l.persist&&l.persist());let d=ee(c);if(x.state.next({isSubmitting:!0}),i.resolver){const{errors:y,values:u}=await N();r.errors=y,d=u}else await $(s);C(r.errors,"root"),B(r.errors)?(x.state.next({errors:{}}),await t(d,l)):(a&&await a({...r.errors},l),qe(),setTimeout(qe)),x.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:B(r.errors),submitCount:r.submitCount+1,errors:r.errors})},yt=(t,a={})=>{f(s,t)&&(T(a.defaultValue)?j(t,f(o,t)):(j(t,a.defaultValue),A(o,t,a.defaultValue)),a.keepTouched||C(r.touchedFields,t),a.keepDirty||(C(r.dirtyFields,t),r.isDirty=a.defaultValue?p(t,f(o,t)):p()),a.keepError||(C(r.errors,t),D.isValid&&v()),x.state.next({...r}))},Ue=(t,a={})=>{const l=t||o,d=ee(l),y=t&&!B(t)?d:o;if(a.keepDefaultValues||(o=l),!a.keepValues){if(a.keepDirtyValues||H)for(const u of k.mount)f(r.dirtyFields,u)?A(y,u,f(c,u)):j(u,f(y,u));else{if(Ce&&T(t))for(const u of k.mount){const m=f(s,u);if(m&&m._f){const F=Array.isArray(m._f.refs)?m._f.refs[0]:m._f.ref;if(be(F)){const E=F.closest("form");if(E){E.reset();break}}}}s={}}c=e.shouldUnregister?a.keepDefaultValues?ee(o):{}:d,x.array.next({values:{...y}}),x.values.next({values:{...y}})}k={mount:new Set,unMount:new Set,array:new Set,watch:new Set,watchAll:!1,focus:""},!b.mount&&n(),b.mount=!D.isValid||!!a.keepIsValid,b.watch=!!e.shouldUnregister,x.state.next({submitCount:a.keepSubmitCount?r.submitCount:0,isDirty:a.keepDirty?r.isDirty:!!(a.keepDefaultValues&&!te(t,o)),isSubmitted:a.keepIsSubmitted?r.isSubmitted:!1,dirtyFields:a.keepDirtyValues?r.dirtyFields:a.keepDefaultValues&&t?Fe(o,t):{},touchedFields:a.keepTouched?r.touchedFields:{},errors:a.keepErrors?r.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})},Be=(t,a)=>Ue(ae(t)?t(c):t,a),mt=(t,a={})=>{const l=f(s,t),d=l&&l._f;if(d){const y=d.refs?d.refs[0]:d.ref;y.focus&&(y.focus(),a.shouldSelect&&y.select())}},gt=t=>{r={...r,...t}};return ae(i.defaultValues)&&i.defaultValues().then(t=>{Be(t,i.resetOptions),x.state.next({isLoading:!1})}),{control:{register:Ve,unregister:_e,getFieldState:Ne,_executeSchema:N,_getWatch:h,_getDirty:p,_updateValid:v,_removeUnmounted:_,_updateFieldArray:U,_getFieldArray:V,_reset:Ue,_updateFormState:gt,_subjects:x,_proxyFormState:D,get _fields(){return s},get _formValues(){return c},get _state(){return b},set _state(t){b=t},get _defaultValues(){return o},get _names(){return k},set _names(t){k=t},get _formState(){return r},set _formState(t){r=t},get _options(){return i},set _options(t){i={...i,...t}}},trigger:ce,register:Ve,handleSubmit:ft,watch:dt,setValue:j,getValues:Ie,reset:Be,resetField:yt,clearErrors:ut,unregister:_e,setError:ct,setFocus:mt,getFieldState:Ne}}function $t(e={}){const n=g.useRef(),[i,r]=g.useState({isDirty:!1,isValidating:!1,isLoading:!0,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},errors:{},defaultValues:ae(e.defaultValues)?void 0:e.defaultValues});n.current||(n.current={...Ht(e,()=>r(o=>({...o}))),formState:i});const s=n.current.control;return s._options=e,Tt({subject:s._subjects.state,next:o=>{Ft(o,s._proxyFormState,s._updateFormState,!0)&&r({...s._formState})}}),g.useEffect(()=>{e.values&&!te(e.values,s._defaultValues)&&s._reset(e.values,s._options.resetOptions)},[e.values,s]),g.useEffect(()=>{s._state.mount||(s._updateValid(),s._state.mount=!0),s._state.watch&&(s._state.watch=!1,s._subjects.state.next({...s._formState})),s._removeUnmounted()}),n.current.formState=wt(i,s),n.current}var Wt=(e=>(e.formgroup="formgroup",e.checkbox="checkbox",e.radiobutton="radiobutton",e.textarea="textarea",e.input="input",e.select="select",e.date="date",e))(Wt||{});const Gt=e=>{const{exampleType:n="formgroup"}=e,{register:i,handleSubmit:r,formState:{errors:s}}=$t(),o=new Date;o.setHours(0),o.setMinutes(0),o.setSeconds(0);const c=new Date;c.setDate(o.getDate()-5),c.setHours(6),c.setMinutes(10),c.setSeconds(0);const b=new Date;b.setDate(o.getDate()+5),b.setHours(22),b.setMinutes(0),b.setSeconds(0);const k="field1",L="field2",P="field3",D="field4",x="field5",H="field6",I="field7",le="field8",re="field9",oe=s.field1||s.field2||s.field3||s.field4||s.field5||s.field6||s.field7||s.field8||s.field9,v="Du må velge et alternativ",q="Du må velge to alternativ",U="Det kan ikke legges inn mer enn 40 tegn",S="Du må skrive noe her",X='Du må velge "Option 2"',Y=`Du må velge dato mellom ${c.toLocaleDateString("nb")} og ${b.toLocaleDateString("nb")}`,ue=`Du må skrive inn tidspunkt mellom ${c.toLocaleTimeString("nb",{hour:"2-digit",minute:"2-digit"})} og ${b.toLocaleTimeString("nb",{hour:"2-digit",minute:"2-digit"})}`,N=h=>h.length>=2||q,G=h=>h.toString()==="Option 2"||X,$=(h,V,w)=>{const M=new Date(h);return!!h&&M.getTime()>=V.getTime()&&M.getTime()<=w.getTime()||Y},_=(h,V)=>{const w=new Date;w.setHours(h),w.setMinutes(V),w.setSeconds(0);const M=c.toLocaleTimeString("nb"),j=b.toLocaleTimeString("nb"),z=w.toLocaleTimeString("nb");return console.log("value",z),!!w&&z>=M&&z<=j||ue},p=()=>{if(n==="formgroup"){const h=[g.createElement(Z,{key:0,inputId:"checkbox1",label:"Checkbox 1",...i(k,{required:v})}),g.createElement(Z,{key:1,inputId:"checkbox2",label:"Checkbox 2",...i(k,{required:v})}),g.createElement(Z,{key:2,inputId:"checkbox3",label:"Checkbox 3",...i(k,{required:v})})];return[g.createElement(Q,{key:0,title:"Gruppe tittel",legend:"Velg minst en",error:s.field1?s.field1.message:void 0,variant:e.variant},g.createElement(kt,{maxColumns:_t.two},h.map(V=>V))),g.createElement(Q,{key:1,legend:"Velg minst to",error:s.field2?s.field2.message:void 0,variant:e.variant},g.createElement(Z,{inputId:"checkbox4",label:"Checkbox 4",...i(L,{validate:N})}),g.createElement(Z,{inputId:"checkbox5",label:"Checkbox 5",...i(L,{validate:N})}),g.createElement(Z,{inputId:"checkbox6",label:"Checkbox 6",...i(L,{validate:N})})),g.createElement(Q,{key:2,legend:"Velg en",error:s.field3?s.field3.message:void 0,variant:e.variant},g.createElement(ge,{inputId:"radiobutton1",label:"Radiobutton 1",...i(P,{required:v})}),g.createElement(ge,{inputId:"radiobutton2",label:"Radiobutton 2",...i(P,{required:v})}),g.createElement(ge,{inputId:"radiobutton3",label:"Radiobutton 3",...i(P,{required:v})})),g.createElement(Q,{key:3,error:s.field4?s.field4.message:void 0},g.createElement(Ge,{defaultValue:`Dette er en test 
+import f from"react";import{isTest as xt}from"../../utils/environment.js";import{B as pt}from"../../Button.js";import{C as te}from"../../Checkbox.js";import{F as X}from"../../FormGroup.js";import{F as kt,a as Et}from"../../FormLayout.js";import Ge from"../Icons/Hospital.js";import{I as me}from"../../Input.js";import{L}from"../../Label.js";import{R as he}from"../../RadioButton.js";import{S as Ke}from"../../Select.js";import{T as je}from"../../Textarea.js";import{V as Vt}from"../../Validation.js";import be from"./styles.module.scss";import"classnames";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/useIcons.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/ArrowRight.js";import"../Button/styles.module.scss";import"../../hooks/usePseudoClasses.js";import"../Icons/Check.js";import"../Checkbox/styles.module.scss";import"../../utils/component.js";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../../Title.js";import"../Title/styles.module.scss";import"../FormGroup/styles.module.scss";import"../FormLayout/styles.module.scss";import"../../MaxCharacters.js";import"../MaxCharacters/styles.module.scss";import"../Input/styles.module.scss";import"../../Spacer.js";import"../Spacer/styles.module.scss";import"../Label/styles.module.scss";import"../../StatusDot.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Icons/ChevronDown.js";import"../Select/styles.module.scss";import"../Textarea/styles.module.scss";import"../Validation/styles.module.scss";var ge=e=>e.type==="checkbox",ne=e=>e instanceof Date,I=e=>e==null;const it=e=>typeof e=="object";var O=e=>!I(e)&&!Array.isArray(e)&&it(e)&&!ne(e),_t=e=>O(e)&&e.target?ge(e.target)?e.target.checked:e.target.value:e,At=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Dt=(e,l)=>e.has(At(l)),St=e=>{const l=e.constructor&&e.constructor.prototype;return O(l)&&l.hasOwnProperty("isPrototypeOf")},Me=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function re(e){let l;const i=Array.isArray(e);if(e instanceof Date)l=new Date(e);else if(e instanceof Set)l=new Set(e);else if(!(Me&&(e instanceof Blob||e instanceof FileList))&&(i||O(e)))if(l=i?[]:{},!Array.isArray(e)&&!St(e))l=e;else for(const r in e)l[r]=re(e[r]);else return e;return l}var ve=e=>Array.isArray(e)?e.filter(Boolean):[],F=e=>e===void 0,y=(e,l,i)=>{if(!l||!O(e))return i;const r=ve(l.split(/[,[\].]+?/)).reduce((s,o)=>I(s)?s:s[o],e);return F(r)||r===e?F(e[l])?i:e[l]:r};const ze={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},G={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},Q={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};f.createContext(null);var wt=(e,l,i,r=!0)=>{const s={defaultValues:l._defaultValues};for(const o in e)Object.defineProperty(s,o,{get:()=>{const c=o;return l._proxyFormState[c]!==G.all&&(l._proxyFormState[c]=!r||G.all),i&&(i[c]=!0),e[c]}});return s},P=e=>O(e)&&!Object.keys(e).length,Tt=(e,l,i,r)=>{i(e);const{name:s,...o}=e;return P(o)||Object.keys(o).length>=Object.keys(l).length||Object.keys(o).find(c=>l[c]===(!r||G.all))},we=e=>Array.isArray(e)?e:[e];function Ft(e){const l=f.useRef(e);l.current=e,f.useEffect(()=>{const i=!e.disabled&&l.current.subject&&l.current.subject.subscribe({next:l.current.next});return()=>{i&&i.unsubscribe()}},[e.disabled])}var j=e=>typeof e=="string",Lt=(e,l,i,r,s)=>j(e)?(r&&l.watch.add(e),y(i,e,s)):Array.isArray(e)?e.map(o=>(r&&l.watch.add(o),y(i,o))):(r&&(l.watchAll=!0),i),Re=e=>/^\w*$/.test(e),st=e=>ve(e.replace(/["|']|\]/g,"").split(/\.|\[/));function _(e,l,i){let r=-1;const s=Re(l)?[l]:st(l),o=s.length,c=o-1;for(;++r<o;){const b=s[r];let k=i;if(r!==c){const M=e[b];k=O(M)||Array.isArray(M)?M:isNaN(+s[r+1])?{}:[]}e[b]=k,e=e[b]}return e}var Ot=(e,l,i,r,s)=>l?{...i[e],types:{...i[e]&&i[e].types?i[e].types:{},[r]:s||!0}}:{};const Ce=(e,l,i)=>{for(const r of i||Object.keys(e)){const s=y(e,r);if(s){const{_f:o,...c}=s;if(o&&l(o.name)){if(o.ref.focus){o.ref.focus();break}else if(o.refs&&o.refs[0].focus){o.refs[0].focus();break}}else O(c)&&Ce(c,l)}}};var Je=e=>({isOnSubmit:!e||e===G.onSubmit,isOnBlur:e===G.onBlur,isOnChange:e===G.onChange,isOnAll:e===G.all,isOnTouch:e===G.onTouched}),Qe=(e,l,i)=>!i&&(l.watchAll||l.watch.has(e)||[...l.watch].some(r=>e.startsWith(r)&&/^\.\w+/.test(e.slice(r.length)))),Ct=(e,l,i)=>{const r=ve(y(e,i));return _(r,"root",l[i]),_(e,i,r),e},oe=e=>typeof e=="boolean",Ie=e=>e.type==="file",Y=e=>typeof e=="function",pe=e=>{if(!Me)return!1;const l=e?e.ownerDocument:0;return e instanceof(l&&l.defaultView?l.defaultView.HTMLElement:HTMLElement)},xe=e=>j(e),Ne=e=>e.type==="radio",ke=e=>e instanceof RegExp;const Xe={value:!1,isValid:!1},Ye={value:!0,isValid:!0};var lt=e=>{if(Array.isArray(e)){if(e.length>1){const l=e.filter(i=>i&&i.checked&&!i.disabled).map(i=>i.value);return{value:l,isValid:!!l.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!F(e[0].attributes.value)?F(e[0].value)||e[0].value===""?Ye:{value:e[0].value,isValid:!0}:Ye:Xe}return Xe};const Ze={isValid:!1,value:null};var at=e=>Array.isArray(e)?e.reduce((l,i)=>i&&i.checked&&!i.disabled?{isValid:!0,value:i.value}:l,Ze):Ze;function et(e,l,i="validate"){if(xe(e)||Array.isArray(e)&&e.every(xe)||oe(e)&&!e)return{type:i,message:xe(e)?e:"",ref:l}}var ae=e=>O(e)&&!ke(e)?e:{value:e,message:""},tt=async(e,l,i,r,s)=>{const{ref:o,refs:c,required:b,maxLength:k,minLength:M,min:H,max:A,pattern:p,validate:$,name:N,valueAsNumber:ue,mount:se,disabled:ce}=e._f,v=y(l,N);if(!se||ce)return{};const q=c?c[0]:o,B=E=>{r&&q.reportValidity&&(q.setCustomValidity(oe(E)?"":E||""),q.reportValidity())},S={},Z=Ne(o),ee=ge(o),de=Z||ee,U=(ue||Ie(o))&&F(o.value)&&F(v)||pe(o)&&o.value===""||v===""||Array.isArray(v)&&!v.length,K=Ot.bind(null,N,i,S),W=(E,x,h,V=Q.maxLength,T=Q.minLength)=>{const R=E?x:h;S[N]={type:E?V:T,message:R,ref:o,...K(E?V:T,R)}};if(s?!Array.isArray(v)||!v.length:b&&(!de&&(U||I(v))||oe(v)&&!v||ee&&!lt(c).isValid||Z&&!at(c).isValid)){const{value:E,message:x}=xe(b)?{value:!!b,message:b}:ae(b);if(E&&(S[N]={type:Q.required,message:x,ref:q,...K(Q.required,x)},!i))return B(x),S}if(!U&&(!I(H)||!I(A))){let E,x;const h=ae(A),V=ae(H);if(!I(v)&&!isNaN(v)){const T=o.valueAsNumber||v&&+v;I(h.value)||(E=T>h.value),I(V.value)||(x=T<V.value)}else{const T=o.valueAsDate||new Date(v),R=fe=>new Date(new Date().toDateString()+" "+fe),z=o.type=="time",J=o.type=="week";j(h.value)&&v&&(E=z?R(v)>R(h.value):J?v>h.value:T>new Date(h.value)),j(V.value)&&v&&(x=z?R(v)<R(V.value):J?v<V.value:T<new Date(V.value))}if((E||x)&&(W(!!E,h.message,V.message,Q.max,Q.min),!i))return B(S[N].message),S}if((k||M)&&!U&&(j(v)||s&&Array.isArray(v))){const E=ae(k),x=ae(M),h=!I(E.value)&&v.length>+E.value,V=!I(x.value)&&v.length<+x.value;if((h||V)&&(W(h,E.message,x.message),!i))return B(S[N].message),S}if(p&&!U&&j(v)){const{value:E,message:x}=ae(p);if(ke(E)&&!v.match(E)&&(S[N]={type:Q.pattern,message:x,ref:o,...K(Q.pattern,x)},!i))return B(x),S}if($){if(Y($)){const E=await $(v,l),x=et(E,q);if(x&&(S[N]={...x,...K(Q.validate,x.message)},!i))return B(x.message),S}else if(O($)){let E={};for(const x in $){if(!P(E)&&!i)break;const h=et(await $[x](v,l),q,x);h&&(E={...h,...K(x,h.message)},B(h.message),i&&(S[N]=E))}if(!P(E)&&(S[N]={ref:q,...E},!i))return S}}return B(!0),S};function Mt(e,l){const i=l.slice(0,-1).length;let r=0;for(;r<i;)e=F(e)?r++:e[l[r++]];return e}function Rt(e){for(const l in e)if(!F(e[l]))return!1;return!0}function C(e,l){const i=Array.isArray(l)?l:Re(l)?[l]:st(l),r=i.length===1?e:Mt(e,i),s=i.length-1,o=i[s];return r&&delete r[o],s!==0&&(O(r)&&P(r)||Array.isArray(r)&&Rt(r))&&C(e,i.slice(0,-1)),e}function Te(){let e=[];return{get observers(){return e},next:s=>{for(const o of e)o.next&&o.next(s)},subscribe:s=>(e.push(s),{unsubscribe:()=>{e=e.filter(o=>o!==s)}}),unsubscribe:()=>{e=[]}}}var Ee=e=>I(e)||!it(e);function ie(e,l){if(Ee(e)||Ee(l))return e===l;if(ne(e)&&ne(l))return e.getTime()===l.getTime();const i=Object.keys(e),r=Object.keys(l);if(i.length!==r.length)return!1;for(const s of i){const o=e[s];if(!r.includes(s))return!1;if(s!=="ref"){const c=l[s];if(ne(o)&&ne(c)||O(o)&&O(c)||Array.isArray(o)&&Array.isArray(c)?!ie(o,c):o!==c)return!1}}return!0}var nt=e=>e.type==="select-multiple",It=e=>Ne(e)||ge(e),Fe=e=>pe(e)&&e.isConnected,ot=e=>{for(const l in e)if(Y(e[l]))return!0;return!1};function Ve(e,l={}){const i=Array.isArray(e);if(O(e)||i)for(const r in e)Array.isArray(e[r])||O(e[r])&&!ot(e[r])?(l[r]=Array.isArray(e[r])?[]:{},Ve(e[r],l[r])):I(e[r])||(l[r]=!0);return l}function ut(e,l,i){const r=Array.isArray(e);if(O(e)||r)for(const s in e)Array.isArray(e[s])||O(e[s])&&!ot(e[s])?F(l)||Ee(i[s])?i[s]=Array.isArray(e[s])?Ve(e[s],[]):{...Ve(e[s])}:ut(e[s],I(l)?{}:l[s],i[s]):i[s]=!ie(e[s],l[s]);return i}var Le=(e,l)=>ut(e,l,Ve(l)),ct=(e,{valueAsNumber:l,valueAsDate:i,setValueAs:r})=>F(e)?e:l?e===""?NaN:e&&+e:i&&j(e)?new Date(e):r?r(e):e;function Oe(e){const l=e.ref;if(!(e.refs?e.refs.every(i=>i.disabled):l.disabled))return Ie(l)?l.files:Ne(l)?at(e.refs).value:nt(l)?[...l.selectedOptions].map(({value:i})=>i):ge(l)?lt(e.refs).value:ct(F(l.value)?e.ref.value:l.value,e)}var Nt=(e,l,i,r)=>{const s={};for(const o of e){const c=y(l,o);c&&_(s,o,c._f)}return{criteriaMode:i,names:[...e],fields:s,shouldUseNativeValidation:r}},ye=e=>F(e)?e:ke(e)?e.source:O(e)?ke(e.value)?e.value.source:e.value:e,Ut=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function rt(e,l,i){const r=y(e,i);if(r||Re(i))return{error:r,name:i};const s=i.split(".");for(;s.length;){const o=s.join("."),c=y(l,o),b=y(e,o);if(c&&!Array.isArray(c)&&i!==o)return{name:i};if(b&&b.type)return{name:o,error:b};s.pop()}return{name:i}}var qt=(e,l,i,r,s)=>s.isOnAll?!1:!i&&s.isOnTouch?!(l||e):(i?r.isOnBlur:s.isOnBlur)?!e:(i?r.isOnChange:s.isOnChange)?e:!0,Bt=(e,l)=>!ve(y(e,l)).length&&C(e,l);const Pt={mode:G.onSubmit,reValidateMode:G.onChange,shouldFocusError:!0};function Ht(e={},l){let i={...Pt,...e},r={submitCount:0,isDirty:!1,isLoading:Y(i.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},errors:{}},s={},o=O(i.defaultValues)||O(i.values)?re(i.defaultValues||i.values)||{}:{},c=i.shouldUnregister?{}:re(o),b={action:!1,mount:!1,watch:!1},k={mount:new Set,unMount:new Set,array:new Set,watch:new Set},M,H=0;const A={isDirty:!1,dirtyFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},p={values:Te(),array:Te(),state:Te()},$=e.resetOptions&&e.resetOptions.keepDirtyValues,N=Je(i.mode),ue=Je(i.reValidateMode),se=i.criteriaMode===G.all,ce=t=>a=>{clearTimeout(H),H=setTimeout(t,a)},v=async t=>{if(A.isValid||t){const a=i.resolver?P((await U()).errors):await W(s,!0);a!==r.isValid&&p.state.next({isValid:a})}},q=t=>A.isValidating&&p.state.next({isValidating:t}),B=(t,a=[],n,m,d=!0,u=!0)=>{if(m&&n){if(b.action=!0,u&&Array.isArray(y(s,t))){const g=n(y(s,t),m.argA,m.argB);d&&_(s,t,g)}if(u&&Array.isArray(y(r.errors,t))){const g=n(y(r.errors,t),m.argA,m.argB);d&&_(r.errors,t,g),Bt(r.errors,t)}if(A.touchedFields&&u&&Array.isArray(y(r.touchedFields,t))){const g=n(y(r.touchedFields,t),m.argA,m.argB);d&&_(r.touchedFields,t,g)}A.dirtyFields&&(r.dirtyFields=Le(o,c)),p.state.next({name:t,isDirty:x(t,a),dirtyFields:r.dirtyFields,errors:r.errors,isValid:r.isValid})}else _(c,t,a)},S=(t,a)=>{_(r.errors,t,a),p.state.next({errors:r.errors})},Z=(t,a,n,m)=>{const d=y(s,t);if(d){const u=y(c,t,F(n)?y(o,t):n);F(u)||m&&m.defaultChecked||a?_(c,t,a?u:Oe(d._f)):T(t,u),b.mount&&v()}},ee=(t,a,n,m,d)=>{let u=!1,g=!1;const D={name:t};if(!n||m){A.isDirty&&(g=r.isDirty,r.isDirty=D.isDirty=x(),u=g!==D.isDirty);const w=ie(y(o,t),a);g=y(r.dirtyFields,t),w?C(r.dirtyFields,t):_(r.dirtyFields,t,!0),D.dirtyFields=r.dirtyFields,u=u||A.dirtyFields&&g!==!w}if(n){const w=y(r.touchedFields,t);w||(_(r.touchedFields,t,n),D.touchedFields=r.touchedFields,u=u||A.touchedFields&&w!==n)}return u&&d&&p.state.next(D),u?D:{}},de=(t,a,n,m)=>{const d=y(r.errors,t),u=A.isValid&&oe(a)&&r.isValid!==a;if(e.delayError&&n?(M=ce(()=>S(t,n)),M(e.delayError)):(clearTimeout(H),M=null,n?_(r.errors,t,n):C(r.errors,t)),(n?!ie(d,n):d)||!P(m)||u){const g={...m,...u&&oe(a)?{isValid:a}:{},errors:r.errors,name:t};r={...r,...g},p.state.next(g)}q(!1)},U=async t=>i.resolver(c,i.context,Nt(t||k.mount,s,i.criteriaMode,i.shouldUseNativeValidation)),K=async t=>{const{errors:a}=await U();if(t)for(const n of t){const m=y(a,n);m?_(r.errors,n,m):C(r.errors,n)}else r.errors=a;return a},W=async(t,a,n={valid:!0})=>{for(const m in t){const d=t[m];if(d){const{_f:u,...g}=d;if(u){const D=k.array.has(u.name),w=await tt(d,c,se,i.shouldUseNativeValidation&&!a,D);if(w[u.name]&&(n.valid=!1,a))break;!a&&(y(w,u.name)?D?Ct(r.errors,w,u.name):_(r.errors,u.name,w[u.name]):C(r.errors,u.name))}g&&await W(g,a,n)}}return n.valid},E=()=>{for(const t of k.unMount){const a=y(s,t);a&&(a._f.refs?a._f.refs.every(n=>!Fe(n)):!Fe(a._f.ref))&&_e(t)}k.unMount=new Set},x=(t,a)=>(t&&a&&_(c,t,a),!ie(Ue(),o)),h=(t,a,n)=>Lt(t,k,{...b.mount?c:F(a)?o:j(t)?{[t]:a}:a},n,a),V=t=>ve(y(b.mount?c:o,t,e.shouldUnregister?y(o,t,[]):[])),T=(t,a,n={})=>{const m=y(s,t);let d=a;if(m){const u=m._f;u&&(!u.disabled&&_(c,t,ct(a,u)),d=pe(u.ref)&&I(a)?"":a,nt(u.ref)?[...u.ref.options].forEach(g=>g.selected=d.includes(g.value)):u.refs?ge(u.ref)?u.refs.length>1?u.refs.forEach(g=>(!g.defaultChecked||!g.disabled)&&(g.checked=Array.isArray(d)?!!d.find(D=>D===g.value):d===g.value)):u.refs[0]&&(u.refs[0].checked=!!d):u.refs.forEach(g=>g.checked=g.value===d):Ie(u.ref)?u.ref.value="":(u.ref.value=d,u.ref.type||p.values.next({name:t,values:{...c}})))}(n.shouldDirty||n.shouldTouch)&&ee(t,d,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&fe(t)},R=(t,a,n)=>{for(const m in a){const d=a[m],u=`${t}.${m}`,g=y(s,u);(k.array.has(t)||!Ee(d)||g&&!g._f)&&!ne(d)?R(u,d,n):T(u,d,n)}},z=(t,a,n={})=>{const m=y(s,t),d=k.array.has(t),u=re(a);_(c,t,u),d?(p.array.next({name:t,values:{...c}}),(A.isDirty||A.dirtyFields)&&n.shouldDirty&&p.state.next({name:t,dirtyFields:Le(o,c),isDirty:x(t,u)})):m&&!m._f&&!I(u)?R(t,u,n):T(t,u,n),Qe(t,k)&&p.state.next({...r}),p.values.next({name:t,values:{...c}}),!b.mount&&l()},J=async t=>{const a=t.target;let n=a.name,m=!0;const d=y(s,n),u=()=>a.type?Oe(d._f):_t(t);if(d){let g,D;const w=u(),le=t.type===ze.BLUR||t.type===ze.FOCUS_OUT,vt=!Ut(d._f)&&!i.resolver&&!y(r.errors,n)&&!d._f.deps||qt(le,y(r.touchedFields,n),r.isSubmitted,ue,N),De=Qe(n,k,le);_(c,n,w),le?(d._f.onBlur&&d._f.onBlur(t),M&&M(0)):d._f.onChange&&d._f.onChange(t);const Se=ee(n,w,le,!1),ht=!P(Se)||De;if(!le&&p.values.next({name:n,type:t.type,values:{...c}}),vt)return A.isValid&&v(),ht&&p.state.next({name:n,...De?{}:Se});if(!le&&De&&p.state.next({...r}),q(!0),i.resolver){const{errors:$e}=await U([n]),bt=rt(r.errors,s,n),We=rt($e,s,bt.name||n);g=We.error,n=We.name,D=P($e)}else g=(await tt(d,c,se,i.shouldUseNativeValidation))[n],m=isNaN(w)||w===y(c,n,w),m&&(g?D=!1:A.isValid&&(D=await W(s,!0)));m&&(d._f.deps&&fe(d._f.deps),de(n,D,g,Se))}},fe=async(t,a={})=>{let n,m;const d=we(t);if(q(!0),i.resolver){const u=await K(F(t)?t:d);n=P(u),m=t?!d.some(g=>y(u,g)):n}else t?(m=(await Promise.all(d.map(async u=>{const g=y(s,u);return await W(g&&g._f?{[u]:g}:g)}))).every(Boolean),!(!m&&!r.isValid)&&v()):m=n=await W(s);return p.state.next({...!j(t)||A.isValid&&n!==r.isValid?{}:{name:t},...i.resolver||!t?{isValid:n}:{},errors:r.errors,isValidating:!1}),a.shouldFocus&&!m&&Ce(s,u=>u&&y(r.errors,u),t?d:k.mount),m},Ue=t=>{const a={...o,...b.mount?c:{}};return F(t)?a:j(t)?y(a,t):t.map(n=>y(a,n))},qe=(t,a)=>({invalid:!!y((a||r).errors,t),isDirty:!!y((a||r).dirtyFields,t),isTouched:!!y((a||r).touchedFields,t),error:y((a||r).errors,t)}),dt=t=>{t&&we(t).forEach(a=>C(r.errors,a)),p.state.next({errors:t?r.errors:{}})},ft=(t,a,n)=>{const m=(y(s,t,{_f:{}})._f||{}).ref;_(r.errors,t,{...a,ref:m}),p.state.next({name:t,errors:r.errors,isValid:!1}),n&&n.shouldFocus&&m&&m.focus&&m.focus()},mt=(t,a)=>Y(t)?p.values.subscribe({next:n=>t(h(void 0,a),n)}):h(t,a,!0),_e=(t,a={})=>{for(const n of t?we(t):k.mount)k.mount.delete(n),k.array.delete(n),a.keepValue||(C(s,n),C(c,n)),!a.keepError&&C(r.errors,n),!a.keepDirty&&C(r.dirtyFields,n),!a.keepTouched&&C(r.touchedFields,n),!i.shouldUnregister&&!a.keepDefaultValue&&C(o,n);p.values.next({values:{...c}}),p.state.next({...r,...a.keepDirty?{isDirty:x()}:{}}),!a.keepIsValid&&v()},Ae=(t,a={})=>{let n=y(s,t);const m=oe(a.disabled);return _(s,t,{...n||{},_f:{...n&&n._f?n._f:{ref:{name:t}},name:t,mount:!0,...a}}),k.mount.add(t),n?m&&_(c,t,a.disabled?void 0:y(c,t,Oe(n._f))):Z(t,!0,a.value),{...m?{disabled:a.disabled}:{},...i.shouldUseNativeValidation?{required:!!a.required,min:ye(a.min),max:ye(a.max),minLength:ye(a.minLength),maxLength:ye(a.maxLength),pattern:ye(a.pattern)}:{},name:t,onChange:J,onBlur:J,ref:d=>{if(d){Ae(t,a),n=y(s,t);const u=F(d.value)&&d.querySelectorAll&&d.querySelectorAll("input,select,textarea")[0]||d,g=It(u),D=n._f.refs||[];if(g?D.find(w=>w===u):u===n._f.ref)return;_(s,t,{_f:{...n._f,...g?{refs:[...D.filter(Fe),u,...Array.isArray(y(o,t))?[{}]:[]],ref:{type:u.type,name:t}}:{ref:u}}}),Z(t,!1,void 0,u)}else n=y(s,t,{}),n._f&&(n._f.mount=!1),(i.shouldUnregister||a.shouldUnregister)&&!(Dt(k.array,t)&&b.action)&&k.unMount.add(t)}}},Be=()=>i.shouldFocusError&&Ce(s,t=>t&&y(r.errors,t),k.mount),yt=(t,a)=>async n=>{n&&(n.preventDefault&&n.preventDefault(),n.persist&&n.persist());let m=re(c);if(p.state.next({isSubmitting:!0}),i.resolver){const{errors:d,values:u}=await U();r.errors=d,m=u}else await W(s);C(r.errors,"root"),P(r.errors)?(p.state.next({errors:{}}),await t(m,n)):(a&&await a({...r.errors},n),Be(),setTimeout(Be)),p.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:P(r.errors),submitCount:r.submitCount+1,errors:r.errors})},gt=(t,a={})=>{y(s,t)&&(F(a.defaultValue)?z(t,y(o,t)):(z(t,a.defaultValue),_(o,t,a.defaultValue)),a.keepTouched||C(r.touchedFields,t),a.keepDirty||(C(r.dirtyFields,t),r.isDirty=a.defaultValue?x(t,y(o,t)):x()),a.keepError||(C(r.errors,t),A.isValid&&v()),p.state.next({...r}))},Pe=(t,a={})=>{const n=t||o,m=re(n),d=t&&!P(t)?m:o;if(a.keepDefaultValues||(o=n),!a.keepValues){if(a.keepDirtyValues||$)for(const u of k.mount)y(r.dirtyFields,u)?_(d,u,y(c,u)):z(u,y(d,u));else{if(Me&&F(t))for(const u of k.mount){const g=y(s,u);if(g&&g._f){const D=Array.isArray(g._f.refs)?g._f.refs[0]:g._f.ref;if(pe(D)){const w=D.closest("form");if(w){w.reset();break}}}}s={}}c=e.shouldUnregister?a.keepDefaultValues?re(o):{}:m,p.array.next({values:{...d}}),p.values.next({values:{...d}})}k={mount:new Set,unMount:new Set,array:new Set,watch:new Set,watchAll:!1,focus:""},!b.mount&&l(),b.mount=!A.isValid||!!a.keepIsValid,b.watch=!!e.shouldUnregister,p.state.next({submitCount:a.keepSubmitCount?r.submitCount:0,isDirty:a.keepDirty?r.isDirty:!!(a.keepDefaultValues&&!ie(t,o)),isSubmitted:a.keepIsSubmitted?r.isSubmitted:!1,dirtyFields:a.keepDirtyValues?r.dirtyFields:a.keepDefaultValues&&t?Le(o,t):{},touchedFields:a.keepTouched?r.touchedFields:{},errors:a.keepErrors?r.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})},He=(t,a)=>Pe(Y(t)?t(c):t,a);return{control:{register:Ae,unregister:_e,getFieldState:qe,_executeSchema:U,_getWatch:h,_getDirty:x,_updateValid:v,_removeUnmounted:E,_updateFieldArray:B,_getFieldArray:V,_reset:Pe,_resetDefaultValues:()=>Y(i.defaultValues)&&i.defaultValues().then(t=>{He(t,i.resetOptions),p.state.next({isLoading:!1})}),_updateFormState:t=>{r={...r,...t}},_subjects:p,_proxyFormState:A,get _fields(){return s},get _formValues(){return c},get _state(){return b},set _state(t){b=t},get _defaultValues(){return o},get _names(){return k},set _names(t){k=t},get _formState(){return r},set _formState(t){r=t},get _options(){return i},set _options(t){i={...i,...t}}},trigger:fe,register:Ae,handleSubmit:yt,watch:mt,setValue:z,getValues:Ue,reset:He,resetField:gt,clearErrors:dt,unregister:_e,setError:ft,setFocus:(t,a={})=>{const n=y(s,t),m=n&&n._f;if(m){const d=m.refs?m.refs[0]:m.ref;d.focus&&(d.focus(),a.shouldSelect&&d.select())}},getFieldState:qe}}function $t(e={}){const l=f.useRef(),[i,r]=f.useState({isDirty:!1,isValidating:!1,isLoading:Y(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},errors:{},defaultValues:Y(e.defaultValues)?void 0:e.defaultValues});l.current||(l.current={...Ht(e,()=>r(o=>({...o}))),formState:i});const s=l.current.control;return s._options=e,Ft({subject:s._subjects.state,next:o=>{Tt(o,s._proxyFormState,s._updateFormState,!0)&&r({...s._formState})}}),f.useEffect(()=>{e.values&&!ie(e.values,s._defaultValues)?s._reset(e.values,s._options.resetOptions):s._resetDefaultValues()},[e.values,s]),f.useEffect(()=>{s._state.mount||(s._updateValid(),s._state.mount=!0),s._state.watch&&(s._state.watch=!1,s._subjects.state.next({...s._formState})),s._removeUnmounted()}),l.current.formState=wt(i,s),l.current}var Wt=(e=>(e.formgroup="formgroup",e.checkbox="checkbox",e.radiobutton="radiobutton",e.textarea="textarea",e.input="input",e.select="select",e.date="date",e))(Wt||{});const Gt=e=>{const{exampleType:l="formgroup"}=e,{register:i,handleSubmit:r,formState:{errors:s}}=$t(),o=new Date;o.setHours(0),o.setMinutes(0),o.setSeconds(0);const c=new Date;c.setDate(o.getDate()-5),c.setHours(6),c.setMinutes(10),c.setSeconds(0);const b=new Date;b.setDate(o.getDate()+5),b.setHours(22),b.setMinutes(0),b.setSeconds(0);const k="field1",M="field2",H="field3",A="field4",p="field5",$="field6",N="field7",ue="field8",se="field9",ce=s.field1||s.field2||s.field3||s.field4||s.field5||s.field6||s.field7||s.field8||s.field9,v="Du må velge et alternativ",q="Du må velge to alternativ",B="Det kan ikke legges inn mer enn 40 tegn",S="Du må skrive noe her",Z='Du må velge "Option 2"',ee=`Du må velge dato mellom ${c.toLocaleDateString("nb")} og ${b.toLocaleDateString("nb")}`,de=`Du må skrive inn tidspunkt mellom ${c.toLocaleTimeString("nb",{hour:"2-digit",minute:"2-digit"})} og ${b.toLocaleTimeString("nb",{hour:"2-digit",minute:"2-digit"})}`,U=h=>h.length>=2||q,K=h=>h.toString()==="Option 2"||Z,W=(h,V,T)=>{const R=new Date(h);return!!h&&R.getTime()>=V.getTime()&&R.getTime()<=T.getTime()||ee},E=(h,V)=>{const T=new Date;T.setHours(h),T.setMinutes(V),T.setSeconds(0);const R=c.toLocaleTimeString("nb"),z=b.toLocaleTimeString("nb"),J=T.toLocaleTimeString("nb");return console.log("value",J),!!T&&J>=R&&J<=z||de},x=()=>{if(l==="formgroup"){const h=[f.createElement(te,{key:0,inputId:"checkbox1",label:f.createElement(L,{labelTexts:[{text:"Checkbox 1"}]}),...i(k,{required:v})}),f.createElement(te,{key:1,inputId:"checkbox2",label:f.createElement(L,{labelTexts:[{text:"Checkbox 2"}]}),...i(k,{required:v})}),f.createElement(te,{key:2,inputId:"checkbox3",label:f.createElement(L,{labelTexts:[{text:"Checkbox 3"}]}),...i(k,{required:v})})];return[f.createElement(X,{key:0,title:"Gruppe tittel",legend:"Velg minst en",error:s.field1?s.field1.message:void 0,variant:e.variant},f.createElement(kt,{maxColumns:Et.two},h.map(V=>V))),f.createElement(X,{key:1,legend:"Velg minst to",error:s.field2?s.field2.message:void 0,variant:e.variant},f.createElement(te,{inputId:"checkbox4",label:f.createElement(L,{labelTexts:[{text:"Checkbox 4"}]}),...i(M,{validate:U})}),f.createElement(te,{inputId:"checkbox5",label:f.createElement(L,{labelTexts:[{text:"Checkbox 5"}]}),...i(M,{validate:U})}),f.createElement(te,{inputId:"checkbox6",label:f.createElement(L,{labelTexts:[{text:"Checkbox 6"}]}),...i(M,{validate:U})})),f.createElement(X,{key:2,legend:"Velg en",error:s.field3?s.field3.message:void 0,variant:e.variant},f.createElement(he,{inputId:"radiobutton1",label:f.createElement(L,{labelTexts:[{text:"Radiobutton 1"}]}),...i(H,{required:v})}),f.createElement(he,{inputId:"radiobutton2",label:f.createElement(L,{labelTexts:[{text:"Radiobutton 2"}]}),...i(H,{required:v})}),f.createElement(he,{inputId:"radiobutton3",label:f.createElement(L,{labelTexts:[{text:"Radiobutton 3"}]}),...i(H,{required:v})})),f.createElement(X,{key:3,error:s.field4?s.field4.message:void 0},f.createElement(je,{defaultValue:`Dette er en test 
 
  Hello 
 
  test 
 
- test test`,grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",textareaId:"textarea1",...i(D,{maxLength:{value:40,message:U}})})),g.createElement(Q,{key:4,variant:e.variant,error:s.field5?s.field5.message:void 0},g.createElement(de,{label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:$e,...i(x,{required:S})})),g.createElement(Q,{key:5,variant:e.variant,error:s.field6?s.field6.message:void 0},g.createElement(We,{label:"Skriv inn din tekst",...i(H,{validate:G})},g.createElement("option",{value:"Option 1"},"Option 1"),g.createElement("option",{value:"Option 2"},"Option 2"),g.createElement("option",{value:"Option 3"},"Option 3")))]}else{if(n==="checkbox")return g.createElement(Z,{inputId:"checkbox1",label:"Checkbox 1",errorText:s.field1?s.field1.message:void 0,variant:e.variant,...i(k,{required:v})});if(n==="radiobutton")return g.createElement(ge,{inputId:"radiobutton1",label:"Radiobutton 1",errorText:s.field3?s.field3.message:void 0,variant:e.variant,...i(P,{required:v})});if(n==="textarea")return g.createElement(Ge,{defaultValue:`Dette er min historie 
+ test test`,grow:!0,maxCharacters:40,minRows:5,label:f.createElement(L,{labelTexts:[{text:"Skriv din historie her",type:"semibold"}]}),textareaId:"textarea1",...i(A,{maxLength:{value:40,message:B}})})),f.createElement(X,{key:4,variant:e.variant,error:s.field5?s.field5.message:void 0},f.createElement(me,{label:f.createElement(L,{labelTexts:[{text:"Skriv inn din tekst",type:"semibold"}]}),placeholder:"Skriv noe!",icon:Ge,...i(p,{required:S})})),f.createElement(X,{key:5,variant:e.variant,error:s.field6?s.field6.message:void 0},f.createElement(Ke,{label:f.createElement(L,{labelTexts:[{text:"Skriv inn din tekst",type:"semibold"}]}),...i($,{validate:K})},f.createElement("option",{value:"Option 1"},"Option 1"),f.createElement("option",{value:"Option 2"},"Option 2"),f.createElement("option",{value:"Option 3"},"Option 3")))]}else{if(l==="checkbox")return f.createElement(te,{inputId:"checkbox1",label:f.createElement(L,{labelTexts:[{text:"Checkbox 1"}]}),errorText:s.field1?s.field1.message:void 0,variant:e.variant,...i(k,{required:v})});if(l==="radiobutton")return f.createElement(he,{inputId:"radiobutton1",label:f.createElement(L,{labelTexts:[{text:"Radiobutton 1"}]}),errorText:s.field3?s.field3.message:void 0,variant:e.variant,...i(H,{required:v})});if(l==="textarea")return f.createElement(je,{defaultValue:`Dette er min historie 
 
  Hello 
 
- test`,grow:!0,maxCharacters:40,minRows:5,errorText:s.field4?s.field4.message:void 0,label:"Skriv din historie her",textareaId:"textarea1",...i(D,{maxLength:{value:40,message:U}})});if(n==="input")return g.createElement(de,{inputId:"input1",label:"Skriv inn din tekst",placeholder:"Skriv noe!",errorText:s.field5?s.field5.message:void 0,icon:$e,...i(x,{required:S})});if(n==="select")return g.createElement(We,{errorText:s.field6?s.field6.message:void 0,label:"Skriv inn din tekst",...i(H,{validate:G})},g.createElement("option",{value:"Option 1"},"Option 1"),g.createElement("option",{value:"Option 2"},"Option 2"),g.createElement("option",{value:"Option 3"},"Option 3"));if(n==="date"){const h=s.field7||s.field8||s.field9;return g.createElement(g.Fragment,null,g.createElement(Q,{legend:"Velg en dato og et klokkeslett",fieldsetClassName:ve["date-time"],error:h?h.message:void 0},g.createElement(de,{className:ve["date-time__date-picker"],label:"dato",width:20,type:"date",defaultValue:o.toLocaleDateString("en-CA"),min:c.toLocaleDateString("en-CA"),max:b.toLocaleDateString("en-CA"),...i(I,{validate:V=>$(V,c,b)})}),g.createElement(Q,{htmlMarkup:"div",fieldsetClassName:ve["date-time__time-wrapper"]},g.createElement(de,{labelId:"time-label-id",label:"klokke",width:4,type:"number",defaultValue:o.toLocaleTimeString("nb",{hour:"2-digit"}),max:23,min:0,...i(le,{validate:V=>_(V,V)})}),g.createElement("span",{className:ve["date-time__time-separator"]},":"),g.createElement(de,{"aria-labelledby":"time-label-id",width:4,type:"number",defaultValue:o.toLocaleTimeString("nb",{minute:"2-digit"}),max:59,min:0,...i(re,{validate:V=>_(7,V)})}))))}}};return g.createElement("form",{noValidate:!0,onSubmit:r(h=>{!pt()&&console.log(h)})},g.createElement(Vt,{variant:e.variant,errorSummary:oe?"Sjekk at alt er riktig utfylt":void 0},p()),g.createElement(xt,{type:"submit"},"Send inn"))},Ur=Gt;export{Gt as FormExample,Wt as FormExampleVariants,Ur as default};
+ test`,grow:!0,maxCharacters:40,minRows:5,errorText:s.field4?s.field4.message:void 0,label:f.createElement(L,{labelTexts:[{text:"Skriv din historie her",type:"semibold"}]}),textareaId:"textarea1",...i(A,{maxLength:{value:40,message:B}})});if(l==="input")return f.createElement(me,{inputId:"input1",label:f.createElement(L,{labelTexts:[{text:"Skriv inn din tekst",type:"semibold"}]}),placeholder:"Skriv noe!",errorText:s.field5?s.field5.message:void 0,icon:Ge,...i(p,{required:S})});if(l==="select")return f.createElement(Ke,{errorText:s.field6?s.field6.message:void 0,label:f.createElement(L,{labelTexts:[{text:"Skriv inn din tekst",type:"semibold"}]}),...i($,{validate:K})},f.createElement("option",{value:"Option 1"},"Option 1"),f.createElement("option",{value:"Option 2"},"Option 2"),f.createElement("option",{value:"Option 3"},"Option 3"));if(l==="date"){const h=s.field7||s.field8||s.field9;return f.createElement(f.Fragment,null,f.createElement(X,{legend:"Velg en dato og et klokkeslett",fieldsetClassName:be["date-time"],error:h?h.message:void 0},f.createElement(me,{className:be["date-time__date-picker"],label:f.createElement(L,{labelTexts:[{text:"dato",type:"semibold"}]}),width:20,type:"date",defaultValue:o.toLocaleDateString("en-CA"),min:c.toLocaleDateString("en-CA"),max:b.toLocaleDateString("en-CA"),...i(N,{validate:V=>W(V,c,b)})}),f.createElement(X,{htmlMarkup:"div",fieldsetClassName:be["date-time__time-wrapper"]},f.createElement(me,{label:f.createElement(L,{labelId:"time-label-id",labelTexts:[{text:"klokke",type:"semibold"}]}),width:4,type:"number",defaultValue:o.toLocaleTimeString("nb",{hour:"2-digit"}),max:23,min:0,...i(ue,{validate:V=>E(V,V)})}),f.createElement("span",{className:be["date-time__time-separator"]},":"),f.createElement(me,{"aria-labelledby":"time-label-id",width:4,type:"number",defaultValue:o.toLocaleTimeString("nb",{minute:"2-digit"}),max:59,min:0,...i(se,{validate:V=>E(7,V)})}))))}}};return f.createElement("form",{noValidate:!0,onSubmit:r(h=>{!xt()&&console.log(h)})},f.createElement(Vt,{variant:e.variant,errorSummary:ce?"Sjekk at alt er riktig utfylt":void 0},x()),f.createElement(pt,{type:"submit"},"Send inn"))},Zr=Gt;export{Gt as FormExample,Wt as FormExampleVariants,Zr as default};
 //# sourceMappingURL=index.js.map