@helsenorge/designsystem-react 1.0.0-beta90 → 1.0.0-beta91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/Button-2be46c88.js +2 -0
  2. package/Button-2be46c88.js.map +1 -0
  3. package/Checkbox-0ba01292.js +2 -0
  4. package/Checkbox-0ba01292.js.map +1 -0
  5. package/Close-80751ae6.js +2 -0
  6. package/Close-80751ae6.js.map +1 -0
  7. package/FormGroup-9555dd73.js +2 -0
  8. package/FormGroup-9555dd73.js.map +1 -0
  9. package/Icon-9b4a8a2d.js +2 -0
  10. package/Icon-9b4a8a2d.js.map +1 -0
  11. package/Loader-3589bdb1.js +2 -0
  12. package/Loader-3589bdb1.js.map +1 -0
  13. package/Modal-e7d8aac4.js +2 -0
  14. package/Modal-e7d8aac4.js.map +1 -0
  15. package/RadioButton-84ca988e.js +2 -0
  16. package/RadioButton-84ca988e.js.map +1 -0
  17. package/Textarea-9c91191a.js +2 -0
  18. package/Textarea-9c91191a.js.map +1 -0
  19. package/Validation-1236e8ef.js +2 -0
  20. package/Validation-1236e8ef.js.map +1 -0
  21. package/components/AnchorLink/index.js +1 -1
  22. package/components/Avatar/index.js +1 -1
  23. package/components/Button/index.js +1 -1
  24. package/components/ButtonWithModal/componentdata.json +19 -0
  25. package/components/ButtonWithModal/index.js +1 -1
  26. package/components/Checkbox/Checkbox.d.ts +3 -3
  27. package/components/Checkbox/Checkbox.d.ts.map +1 -1
  28. package/components/Checkbox/componentdata.json +13 -7
  29. package/components/Checkbox/index.js +1 -1
  30. package/components/Close/index.js +1 -1
  31. package/components/ExpanderList/index.js +1 -1
  32. package/components/FormExample/FormExample.d.ts +7 -5
  33. package/components/FormExample/FormExample.d.ts.map +1 -1
  34. package/components/FormExample/componentdata.json +9 -3
  35. package/components/FormExample/index.js +1 -1
  36. package/components/FormExample/index.js.map +1 -1
  37. package/components/FormGroup/FormGroup.d.ts +5 -6
  38. package/components/FormGroup/FormGroup.d.ts.map +1 -1
  39. package/components/FormGroup/componentdata.json +32 -7
  40. package/components/FormGroup/index.js +1 -1
  41. package/components/FormGroup/styles.module.scss +12 -3
  42. package/components/Icons/AcupunctureBack.js +1 -1
  43. package/components/Icons/Icon.js +1 -1
  44. package/components/Icons/NoEye.js +1 -1
  45. package/components/Icons/SectionSign.js +1 -1
  46. package/components/Icons/SpeechBubble.js +1 -1
  47. package/components/Icons/SupportingPerson.js +1 -1
  48. package/components/Icons/Syringe.js +1 -1
  49. package/components/Icons/index.js +1 -1
  50. package/components/LinkList/index.js +1 -1
  51. package/components/Loader/Loader.d.ts +7 -1
  52. package/components/Loader/Loader.d.ts.map +1 -1
  53. package/components/Loader/componentdata.json +32 -1
  54. package/components/Loader/index.js +1 -1
  55. package/components/Loader/styles.module.scss +19 -4
  56. package/components/Modal/Modal.d.ts +4 -0
  57. package/components/Modal/Modal.d.ts.map +1 -1
  58. package/components/Modal/componentdata.json +21 -0
  59. package/components/Modal/index.js +1 -1
  60. package/components/Modal/styles.module.scss +0 -1
  61. package/components/NotificationPanel/index.js +1 -1
  62. package/components/RadioButton/RadioButton.d.ts +31 -0
  63. package/components/RadioButton/RadioButton.d.ts.map +1 -0
  64. package/components/RadioButton/componentdata.json +265 -0
  65. package/components/RadioButton/index.d.ts +3 -0
  66. package/components/RadioButton/index.d.ts.map +1 -0
  67. package/components/RadioButton/index.js +2 -0
  68. package/components/RadioButton/index.js.map +1 -0
  69. package/components/RadioButton/styles.module.scss +236 -0
  70. package/components/RadioButton/styles.module.scss.d.ts +23 -0
  71. package/components/Textarea/Textarea.d.ts +31 -0
  72. package/components/Textarea/Textarea.d.ts.map +1 -0
  73. package/components/Textarea/componentdata.json +527 -0
  74. package/components/Textarea/index.d.ts +3 -0
  75. package/components/Textarea/index.d.ts.map +1 -0
  76. package/components/Textarea/index.js +2 -0
  77. package/components/Textarea/index.js.map +1 -0
  78. package/components/Textarea/styles.module.scss +154 -0
  79. package/components/Textarea/styles.module.scss.d.ts +21 -0
  80. package/components/Tile/index.js +1 -1
  81. package/components/Validation/Validation.d.ts +2 -2
  82. package/components/Validation/Validation.d.ts.map +1 -1
  83. package/components/Validation/componentdata.json +3 -3
  84. package/components/Validation/index.js +1 -1
  85. package/constants-a4b0b501.js +2 -0
  86. package/constants-a4b0b501.js.map +1 -0
  87. package/constants.d.ts +29 -0
  88. package/constants.d.ts.map +1 -1
  89. package/package.json +1 -1
  90. package/Button-48132cc3.js +0 -2
  91. package/Button-48132cc3.js.map +0 -1
  92. package/Checkbox-46666e69.js +0 -2
  93. package/Checkbox-46666e69.js.map +0 -1
  94. package/Close-591125bb.js +0 -2
  95. package/Close-591125bb.js.map +0 -1
  96. package/FormGroup-56d60079.js +0 -2
  97. package/FormGroup-56d60079.js.map +0 -1
  98. package/Loader-6ff0d481.js +0 -2
  99. package/Loader-6ff0d481.js.map +0 -1
  100. package/Modal-145869ba.js +0 -2
  101. package/Modal-145869ba.js.map +0 -1
  102. package/Validation-372a97b9.js +0 -2
  103. package/Validation-372a97b9.js.map +0 -1
  104. package/constants-d919236e.js +0 -2
  105. package/constants-d919236e.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ import{_ as t,a as e}from"./_rollupPluginBabelHelpers-d0752906.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{g as r}from"./color-acb834c6.js";import"./Icon-9b4a8a2d.js";import{I as l}from"./constants-a4b0b501.js";import{L as i}from"./Loader-3589bdb1.js";import{u as a}from"./useHover-037be19d.js";import{u as s}from"./useWindowSize-73b47451.js";import{b as u}from"./grid-11a70eb7.js";import{c as d}from"./index-9b84fabc.js";import c from"./components/Button/styles.module.scss";var b={primary:"blueberry",warning:"banana",danger:"cherry"};var m=function(t,e){return e&&e<u.md&&t?l.Small:t?l.Medium:l.XSmall},f=o.forwardRef((function(u,f){var p,v,_,g=u.children,h=u.className,j=void 0===h?"":h,w=u.fluid,E=void 0!==w&&w,k=u.intent,y=void 0===k?"primary":k,N=u.inverted,I=void 0!==N&&N,C=u.htmlMarkup,H=void 0===C?"button":C,O=u.onClick,S=u.large,z=void 0!==S&&S,B=u.loading,F=void 0!==B&&B,M=u.variant,x=void 0===M?"fill":M,L=u.disabled,R=void 0!==L&&L,X=u.ellipsis,A=void 0!==X&&X,P=u.testId,W=u.href,q=u.target,D=n(u,["children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","testId","href","target"]),G=function(t){var e,n,o,r,l=null,i=null;void 0!==(null===(n=null===(e=t[0])||void 0===e?void 0:e.props)||void 0===n?void 0:n.svgIcon)&&(l=t.shift()),void 0!==(null===(r=null===(o=t[t.length-1])||void 0===o?void 0:o.props)||void 0===r?void 0:r.svgIcon)&&(i=t.pop());var a=t.filter((function(t){return t}));return[l,i,a.length>0?a:null]}(o.Children.toArray(g)),J=t(G,3),K=J[0],Q=J[1],T=J[2],U=a(f),V=U.hoverRef,Y=U.isHovered,Z=function(t,e,n,o,l){return e?r("neutral",600):t&&!o||!t&&o?"white":r(b[n],l?700:600)}("fill"===x,R,y,I,Y),$=s(),tt="fill"===x,et="outline"===x,nt="borderless"===x,ot="warning"===y,rt="danger"===y,lt=!(!K&&!Q||F),it=Object.assign({},D),at=d(c.button,(e(p={},c["button--fluid"],E),e(p,c["button--large"],z),e(p,c["button--warning"],ot),e(p,c["button--danger"],rt),e(p,c["button--inverted"],I),e(p,c["button--fill"],tt),e(p,c["button--outline"],et),e(p,c["button--borderless"],nt),e(p,c["button--with-icon"],lt),e(p,c["button--ellipsis"],A),p),j),st=d(c.button__content,(e(v={},c["button__content--warning"],ot),e(v,c["button__content--danger"],rt),e(v,c["button__content--fill"],tt),e(v,c["button__content--borderless"],nt),e(v,c["button__content--with-icon"],lt),e(v,c["button__content--large"],z),e(v,c["button__content--ellipsis"],A),e(v,c["button__content--inverted"],I),e(v,c["button__content--fluid"],E),v)),ut=d(c["button__left-fluid-content"],(e(_={},c["button__left-fluid-content--with-icon"],lt),e(_,c["button__left-fluid-content--large"],z),_));function dt(t,e,n,r){var l=t&&t.props&&t.props.color?t.props.color:n;return t&&Object.keys(t).length>0?o.cloneElement(t,{size:e,color:l,isHovered:r}):null}var ct=function(){return T?o.createElement("span",{className:st},T):null},bt=function(){return o.createElement("span",{className:c["content-wrapper"]},F?o.createElement("div",{className:c["button__left-fluid-content"]},o.createElement(i,{testId:"test-id-loader",color:"fill"!==x||I?b[y]:"white",size:"tiny"})):o.createElement(o.Fragment,null,E?o.createElement("div",{className:ut},dt(K,m(z,$.width),Z,Y),ct()):o.createElement(o.Fragment,null,dt(K,m(z,$.width),Z,Y),ct()),dt(Q,l.XSmall,Z,Y)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({onClick:O,disabled:R,"data-testid":P,className:at,ref:V},it),bt()),"a"===H&&o.createElement("a",Object.assign({onClick:O,"data-testid":P,className:at,href:W,target:q,rel:"_blank"===q?"noopener noreferrer":u.rel,ref:V},D),bt()))}));export{f as B};
2
+ //# sourceMappingURL=Button-2be46c88.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-2be46c88.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,a as r}from"./_rollupPluginBabelHelpers-d0752906.js";import a,{useState as c,useEffect as o}from"react";import{c as b}from"./index-9b84fabc.js";import{u as l}from"./uuid-8870ab4b.js";import{C as i}from"./Check-6291ad09.js";import{I as s}from"./Icon-9b4a8a2d.js";import{F as n,a as t}from"./constants-a4b0b501.js";import{g as m}from"./color-acb834c6.js";import p from"./components/Checkbox/styles.module.scss";var d=a.forwardRef((function(d,h){var k,x,u,f=d.className,_=d.checked,v=void 0!==_&&_,w=d.disabled,g=d.label,y=d.inputid,j=void 0===y?l():y,E=d.mode,N=d.name,C=void 0===N?j:N,I=d.variant,B=d.errorText,F=d.error,O=void 0===F?!!B:F,z=d.value,D=void 0===z?g:z,H=c(v),P=e(H,2),R=P[0],T=P[1],q=O||E===n.OnError,A=E===n.OnDark,G=E===n.OnBlueberry,J=I===t.BigForm,K=b(p["checkbox-wrapper"],(r(k={},p["checkbox-wrapper--with-error"],B),r(k,p["checkbox-wrapper--bigform"],J),k)),L=b(p["checkbox-label"],(r(x={},p["checkbox-label--disabled"],w),r(x,p["checkbox-label--on-dark"],A),r(x,p["checkbox-label--on-blueberry"],G),r(x,p["checkbox-label--invalid"],q),r(x,p["checkbox-label--bigform"],J),x)),M=b(p.checkbox,f),Q=b(p["checkbox__icon-wrapper"],(r(u={},p["checkbox__icon-wrapper--checked"],R),r(u,p["checkbox__icon-wrapper--disabled"],w),r(u,p["checkbox__icon-wrapper--on-dark"],A),r(u,p["checkbox__icon-wrapper--on-blueberry"],G),r(u,p["checkbox__icon-wrapper--invalid"],q),u)),S=b(p["checkbox-errors"],r({},p["checkbox-errors--bigform"],J)),U=m("blueberry",500);return w&&(U=m("neutral",400)),A&&(U=m("blueberry",200)),q&&(U=m("cherry",500)),o((function(){T(v)}),[v]),a.createElement("div",{"data-testid":d.testId,className:K},B&&a.createElement("p",{className:S},B),a.createElement("label",{htmlFor:j,className:L},a.createElement("input",{id:j,name:C,className:M,type:"checkbox",checked:R,disabled:w,onChange:function(){T(!R)},value:D,ref:h,"aria-invalid":O}),a.createElement("span",{className:Q},R&&a.createElement(s,{color:U,className:p.checkbox__icon,svgIcon:i,size:38})),g))}));export{d as C};
2
+ //# sourceMappingURL=Checkbox-0ba01292.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox-0ba01292.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import e from"react";import{p as t}from"./palette-f206f488.js";import{I as a}from"./Icon-9b4a8a2d.js";import"./constants-a4b0b501.js";import l from"./components/Close/styles.module.scss";import{u as r,B as o}from"./useBreakpoint-324a9b14.js";var s=function(t){var a=t.isExtraSmall,l=t.isHovered,r=e.createElement("path",{d:"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z"}),o=e.createElement("path",{d:"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z"}),s=e.createElement("path",{d:"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z"});return a?l?e.createElement("path",{d:"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z"}):s:l?o:r},n=function(n){var m=r()===o.Xs?38:48;return e.createElement("button",{"data-testid":n.testId,className:l.close,"aria-label":n.ariaLabel||"Lukk",onClick:n.onClick,role:"button"},e.createElement(a,{svgIcon:s,color:t.blueberry600,size:m}))};export{n as C};
2
+ //# sourceMappingURL=Close-80751ae6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Close-80751ae6.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{a as e}from"./_rollupPluginBabelHelpers-d0752906.js";import r from"react";import{c as a}from"./index-9b84fabc.js";import o from"./components/FormGroup/styles.module.scss";import{C as t}from"./Checkbox-0ba01292.js";import{F as m,a as l}from"./constants-a4b0b501.js";import{T as n}from"./Title-72851d51.js";import{R as i}from"./RadioButton-84ca988e.js";var p=r.forwardRef((function(p,s){var f,d,c,u=p.className,g=p.mode,_=void 0===g?m.OnWhite:g,v=p.variant,b=void 0===v?l.Normal:v,w=p.error,E=p.name,N=_===m.OnDark,h=b===l.BigForm,j=a(o["form-group-wrapper"],(e(f={},o["form-group-wrapper--on-dark"],N),e(f,o["form-group-wrapper--invalid"],w),f),u),k=a(o["form-group-wrapper__title"],(e(d={},o["form-group-wrapper__title--on-dark"],N&&!w),e(d,o["form-group-wrapper__title--bigform"],h),d)),y=a(o["form-group"],e({},o["form-group--invalid"],w)),B=a(o["form-group-wrapper__errors"],e({},o["form-group-wrapper__errors--bigform"],h)),F=a(o["field-set__legend"],(e(c={},o["field-set__legend--on-dark"],N&&!w),e(c,o["field-set__legend--bigform"],h),c));return r.createElement("div",{"data-testid":p.testId,className:j},p.title&&r.createElement(n,{className:k,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:2}},p.title),r.createElement("div",{className:y},w&&r.createElement("p",{className:B},w),r.createElement("fieldset",{name:p.title,className:o["field-set"]},p.legend&&r.createElement("legend",{className:F},p.legend),r.Children.map(p.children,(function(e){if(e.type===t){var a=e.type===t;return r.cloneElement(e,{name:null!=E?E:a.valueOf.name,mode:_,variant:b,error:!!w})}if(e.type===i){var o=e.type===i;return r.cloneElement(e,{name:null!=E?E:o.valueOf.name,mode:_,variant:b,error:!!w})}return e})))))}));export{p as F};
2
+ //# sourceMappingURL=FormGroup-9555dd73.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroup-9555dd73.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e}from"./_tslib-51c8a283.js";import a from"react";import{I as i}from"./constants-a4b0b501.js";var t=function(e,a,i,t,o,r){return e&&o&&r?a?r:o:a?t:i},o=a.forwardRef((function(t,o){var r=t.svgIcon,l=t.ariaLabel,s=t.id,d=t.className,c=void 0===d?"":d,n=t.size,m=void 0===n?i.Small:n,v=t.color,b=void 0===v?"black":v,f=t.hoverColor,h=void 0===f?b||"black":f,g=t.isHovered,I=void 0!==g&&g,p=t.testId,u=e(t,["svgIcon","ariaLabel","id","className","size","color","hoverColor","isHovered","testId"]),y=a.createElement(r,{isExtraSmall:m<=i.XSmall,isHovered:I}),E=s&&l?"title-".concat(s):void 0;return a.createElement("svg",Object.assign({id:s,"data-testid":p,ref:o,className:"hnds-style-icon ".concat(c),role:"img","aria-label":!s&&l?l:void 0,"aria-labelledby":E,"aria-hidden":"true",viewBox:"0 0 48 48",style:{minWidth:m,minHeight:m},width:m,height:m,fill:I?h:b},u),E&&a.createElement("title",{id:E},l),y)}));o.displayName="Icon";export{o as I,t as r};
2
+ //# sourceMappingURL=Icon-9b4a8a2d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon-9b4a8a2d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,a}from"./_rollupPluginBabelHelpers-d0752906.js";import r,{useState as l,useRef as t,useEffect as o}from"react";import{c as d}from"./index-9b84fabc.js";import{u as n}from"./uuid-8870ab4b.js";import i from"./components/Loader/styles.module.scss";var s;!function(e){e.Screen="Screen",e.Parent="Parent"}(s||(s={}));var m=r.forwardRef((function(m,c){var p,u,v,_=m.overlay,b=m.color,y=void 0===b?_?"black":"neutral":b,f=m.size,w=void 0===f?"small":f,E=m.className,N=void 0===E?"":E,P=m.testId,g=m.center,h=m.inline,k=m.ariaLabelledById,L=m.ariaLabel,x=void 0===L?"Laster inn":L,j=l(_!==s.Parent&&!h),S=e(j,2),B=S[0],I=S[1],z="small"===w,H="medium"===w,R="large"===w,q=d(i["loader-wrapper"],(a(p={},i["loader-wrapper--center"],g),a(p,i["loader-wrapper--overlay"],_),a(p,i["loader-wrapper--overlay-screen"],_===s.Screen),a(p,i["loader-wrapper--overlay-parent"],_===s.Parent&&B),a(p,i["loader-wrapper--inline"],h&&B),p)),A=d(i.loader,(a(u={},i["loader--small"],z),a(u,i["loader--medium"],H),a(u,i["loader--large"],R),u),N),C=d(i.loader__dot,(a(v={},i["loader__dot--small"],z),a(v,i["loader__dot--medium"],H),a(v,i["loader__dot--large"],R),a(v,i["loader__dot--banana"],"banana"===y),a(v,i["loader__dot--cherry"],"cherry"===y),a(v,i["loader__dot--kiwi"],"kiwi"===y),a(v,i["loader__dot--neutral"],"neutral"===y),a(v,i["loader__dot--plum"],"plum"===y),a(v,i["loader__dot--black"],"black"===y),a(v,i["loader__dot--white"],"white"===y),v)),D="loader".concat(n()),F=t(null);return o((function(){var e,a,r,l;_===s.Parent&&(null===(a=null===(e=F.current)||void 0===e?void 0:e.parentElement)||void 0===a?void 0:a.style)&&(F.current.parentElement.style.position="relative",I(!0)),h&&(null===(l=null===(r=F.current)||void 0===r?void 0:r.parentElement)||void 0===l?void 0:l.style)&&(F.current.parentElement.style.display="flex",I(!0))}),[]),r.createElement("div",{role:"progressbar",className:q,ref:F},B&&r.createElement("div",{"data-testid":P,"aria-labelledby":k||D,className:A},r.createElement("div",{className:C}),r.createElement("div",{className:C}),r.createElement("div",{className:C}),r.createElement("div",{className:C}),!k&&r.createElement("span",{id:D,className:i["loader__hidden-text"]},x)))}));export{m as L};
2
+ //# sourceMappingURL=Loader-3589bdb1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader-3589bdb1.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,a as t}from"./_rollupPluginBabelHelpers-d0752906.js";import a,{useRef as r,useEffect as n,useState as l}from"react";import{c as o}from"./index-9b84fabc.js";import{p as c}from"./palette-f206f488.js";import{B as i}from"./Button-2be46c88.js";import{I as s}from"./Icon-9b4a8a2d.js";import{Z as d,I as m}from"./constants-a4b0b501.js";import u from"./components/Modal/styles.module.scss";import{A as v,a as p}from"./AlertSignFill-e607ff43.js";import{T as f}from"./Title-72851d51.js";import{u as _}from"./uuid-8870ab4b.js";import{C as E}from"./Close-80751ae6.js";function g(){var e=r(null);function t(t){var a=e.current,r="Tab"===t.key;if(a&&r){var n=function(e){try{return("string"==typeof e?document.querySelector(e):e).getRootNode().activeElement}catch(t){return console.error("Feil ved å ta tak i active element basert på angitt node: ",e,t),null}}(a),l=null==a?void 0:a.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=l[0],c=1===l.length?o:l[l.length-1];t.shiftKey?n===o&&(c.focus(),t.preventDefault()):n===c&&(o.focus(),t.preventDefault())}}function a(t){var a=e.current;if(a){var r=a.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===r.length&&(r[0].focus(),t.preventDefault())}}return n((function(){var r=e.current;return r.addEventListener("keydown",t),r.addEventListener("click",a),function(){r.removeEventListener("keydown",t),r.removeEventListener("click",a)}}),[]),e}var h,b,y=function(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=l(!1),o=e(r,2),c=o[0],i=o[1];return n((function(){var e=new IntersectionObserver((function(e){i(e[0].intersectionRatio>=a)}),{threshold:a});return(null==t?void 0:t.current)&&e.observe(t.current),function(){(null==t?void 0:t.current)&&e.unobserve(t.current)}}),[t]),c},N=function(e){e.isExtraSmall;var t=e.isHovered,r=a.createElement("path",{d:"m9.16 23.421 2.883-2.773 8.262 8.584L35.958 12.97l2.882 2.774-18.536 19.257-11.143-11.58zm26.744-13.279-15.6 16.206-8.206-8.529-5.766 5.547 13.973 14.518 21.362-22.193-5.764-5.549z","fill-rule":"evenodd"});return t?a.createElement("path",{d:"m11.128 25.394 2.88-2.771 6.291 6.613 17.071-17.68 2.882 2.775-19.944 20.668-9.18-9.605zM37.318 8.73 20.31 26.345l-6.239-6.558-5.766 5.548 11.996 12.552 22.781-23.609-5.764-5.548z","fill-rule":"evenodd"}):r};!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(h||(h={})),function(e){e.large="large",e.medium="medium"}(b||(b={}));var x={variant:h.normal,primaryButtonText:"OK",large:!1,className:"",size:b.large,zIndex:d.Modal},w=function(e,t){var r=function(e){return e===h.error?a.createElement(s,{size:m.Small,svgIcon:v,color:c.cherry500}):e===h.warning?a.createElement(s,{size:m.Small,svgIcon:p,color:c.black}):e===h.success?a.createElement(s,{size:m.Small,svgIcon:N,color:c.kiwi900}):null}(e);return r?a.createElement("div",{className:u.modal__iconWrapper},r):t?a.createElement("div",{className:u.modal__iconWrapper},a.cloneElement(t,{size:m.Small})):null},k=function(r){var l,c,s,d,m=a.useState(0),v=e(m,2),p=v[0],b=v[1],N=a.useState(_()),x=e(N,1)[0],k=a.useRef(null),B=a.useRef(null),C=a.useRef(null),L=y(B),z=a.useRef(null),S=y(z),I=C.current&&C.current.scrollHeight>C.current.clientHeight;function T(e){"Escape"===e.key&&r.onClose&&(e.stopPropagation(),r.onClose())}function W(e){e.target&&M.current===e.target&&r.onClose&&(e.stopPropagation(),r.onClose())}var j=r.variant===h.image,R=null!==(c=r.titleId)&&void 0!==c?c:x,M=a.useRef(null),P=r.secondaryButtonText&&(null===(s=r.secondaryButtonText)||void 0===s?void 0:s.length)>0||r.onSuccess,A=r.ariaLabelledBy?void 0:r.ariaLabel,D=r.ariaLabelledBy?r.ariaLabelledBy:r.ariaLabel?void 0:R;n((function(){var e,t=M.current;return null===(e=k.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",t&&!P&&(t.addEventListener("keydown",T),t.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),t&&!P&&(t.removeEventListener("keydown",T),t.removeEventListener("click",W))}}),[]);var H=o((t(l={},u["modal__title--error"],r.variant===h.error),t(l,u["modal__title--success"],r.variant===h.success),l));return a.createElement("div",{"data-testid":"dialog-container"},a.createElement("div",{ref:M,className:u["modal-overlay"],"data-testid":r.testId,style:{zIndex:r.zIndex}},a.createElement("div",{className:u.align,ref:g()},a.createElement("div",{className:o(r.className,u.modal,u["modal--".concat(r.variant)],u["modal--".concat(r.size)]),role:"dialog","aria-label":A,"aria-labelledby":D},a.createElement("div",{tabIndex:p,ref:k,onBlur:function(){return b(-1)}}),a.createElement("div",{className:o(u.modal__shadow,u["modal__shadow--top"],t({},u["modal__shadow--show"],!L&&I))}),a.createElement("div",{className:o(u.modal__contentWrapper,t({},u["modal__contentWrapper--image"],j)),ref:C},!r.noCloseButton&&a.createElement("div",{className:u.modal__closeWrapper},a.createElement("div",{className:o(u.modal__closeWrapper__close)},a.createElement(E,{onClick:r.onClose,ariaLabel:r.ariaLabelCloseBtn}))),a.createElement("div",{className:o(u["modal__contentWrapper__scroll--".concat(r.size)],t({},u["modal__contentWrapper__scroll--image"],j))},a.createElement("div",{ref:B}),a.createElement("div",{className:u.modal__contentWrapper__title},w(r.variant,r.icon),a.createElement(f,{id:R,htmlMarkup:"h3",appearance:"title3",className:H},r.title),r.afterTitleChildren&&a.createElement("div",{className:u.modal__afterTitleChildren},r.afterTitleChildren)),j&&a.createElement("div",null,a.createElement("div",{className:u.modal__contentWrapper__imageWrapper},r.children),a.createElement("span",{className:u.modal__contentWrapper__imageDescription},r.description)),!j&&r.children&&a.createElement("div",null,r.children),!j&&!r.children&&a.createElement("p",{className:u.modal__description},r.description),a.createElement("div",{ref:z}))),a.createElement("div",{className:o(u.modal__shadow,u["modal__shadow--bottom"],t({},u["modal__shadow--show"],!S&&I))}),P&&a.createElement("div",{className:o(u["modal__call-to-action"],u["modal__call-to-action--".concat(r.size)])},r.onSuccess&&a.createElement(i,{onClick:r.onSuccess},r.primaryButtonText),r.secondaryButtonText&&(null===(d=r.secondaryButtonText)||void 0===d?void 0:d.length)>0&&a.createElement(i,{variant:"borderless",onClick:r.onClose},r.secondaryButtonText))))))};k.defaultProps=x;export{k as M};
2
+ //# sourceMappingURL=Modal-e7d8aac4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal-e7d8aac4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{a as r}from"./_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as o}from"./index-9b84fabc.js";import{u as e}from"./uuid-8870ab4b.js";import t from"./components/RadioButton/styles.module.scss";import{F as i,a as d}from"./constants-a4b0b501.js";var l=a.forwardRef((function(l,n){var b,s,u,m=l.className,p=l.defaultChecked,c=void 0!==p&&p,f=l.disabled,v=l.label,g=l.inputid,k=void 0===g?e():g,w=l.mode,y=l.name,E=void 0===y?k:y,N=l.variant,h=l.errorText,j=l.error,B=void 0===j?!!h:j,x=l.value,F=void 0===x?v:x,O=B||w===i.OnError,R=w===i.OnDark,C=w===i.OnBlueberry,D=N===d.BigForm,H=o(t["radio-button-wrapper"],(r(b={},t["radio-button-wrapper--with-error"],h),r(b,t["radio-button-wrapper--bigform"],D),b)),I=o(t["radio-button-label"],(r(s={},t["radio-button-label--disabled"],f),r(s,t["radio-button-label--on-dark"],R),r(s,t["radio-button-label--on-blueberry"],C),r(s,t["radio-button-label--invalid"],O),r(s,t["radio-button-label--bigform"],D),s)),P=o(t["radio-button"],(r(u={},t["radio-button--on-dark"],R),r(u,t["radio-button--disabled"],f),r(u,t["radio-button--on-blueberry"],C),r(u,t["radio-button--invalid"],O),u),m),T=o(t["radio-button-errors"],r({},t["radio-button-errors--bigform"],D));return a.createElement("div",{"data-testid":l.testId,className:H},h&&a.createElement("p",{className:T},h),a.createElement("label",{htmlFor:k,className:I},a.createElement("input",{id:k,name:E,className:P,type:"radio",disabled:f,value:F,ref:n,"aria-invalid":B,defaultChecked:c}),v))}));export{l as R};
2
+ //# sourceMappingURL=RadioButton-84ca988e.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton-84ca988e.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,a}from"./_rollupPluginBabelHelpers-d0752906.js";import{_ as t}from"./_tslib-51c8a283.js";import r,{useState as n,useRef as o,useEffect as l}from"react";import{c as i}from"./index-9b84fabc.js";import s from"./components/Textarea/styles.module.scss";import{F as c}from"./constants-a4b0b501.js";import{u as m}from"./uuid-8870ab4b.js";var u=r.forwardRef((function(u,d){var p,x,v,_=u.maxCharacters,f=u.maxText,b=u.testId,g=u.defaultValue,w=u.marginBottom,h=u.transparent,E=u.mode,O=u.label,T=u.minRows,j=void 0===T?3:T,B=u.maxRows,R=void 0===B?10:B,k=u.grow,D=u.errorText,N=t(u,["maxCharacters","maxText","testId","defaultValue","marginBottom","transparent","mode","label","minRows","maxRows","grow","errorText"]),y=n(j),C=e(y,2),H=C[0],V=C[1],F=n(g||""),I=e(F,2),M=I[0],P=I[1],q=o(null),z=function(e){var a=e.rows;e.rows=j;var t=Math.floor((e.scrollHeight-16)/28);t===a&&(e.rows=t),t>=R&&(e.rows=R,e.scrollTop=e.scrollHeight),V(t<R?t:R)},A=E===c.OnDark,G=E===c.OnBlueberry,J=_&&M.length>_,K=E===c.OnError||D||J,L=i(s.textarea,(a(p={},s["textarea--gutterBottom"],w),a(p,s["textarea--invalid"],D),p)),Q=i(s.textarea__input,(a(x={},s["textarea__input--transparent"],h),a(x,s["textarea__input--".concat(c.OnBlueberry)],G),a(x,s["textarea__input--".concat(c.OnDark)],A),a(x,s["textarea__input--invalid"],K),x)),S=i(s["textarea__counter-wrapper"],(a(v={},s["textarea__counter-wrapper--".concat(c.OnDark)],A),a(v,s["textarea__counter-wrapper--invalid"],K),v)),U=i(s.textarea__label,a({},s["textarea__label--".concat(c.OnDark)],A)),W=O?m():void 0;return l((function(){var e,a,t;if(k&&(null===(e=q.current)||void 0===e?void 0:e.children)&&(null===(a=q.current)||void 0===a?void 0:a.children[0])){var r=null===(t=q.current)||void 0===t?void 0:t.children[0];z(r)}}),[]),r.createElement("div",{"data-testid":b,className:L},O&&r.createElement("div",{className:U},r.createElement("label",{htmlFor:W},O)),r.createElement("div",{ref:q},r.createElement("textarea",Object.assign({rows:H,defaultValue:g,id:W,className:Q,ref:d,onChange:function(e){k&&z(e.target),P(e.target.value)},"aria-invalid":!!K},N)),_&&r.createElement("div",{className:S},r.createElement("p",null,"".concat(M.length,"/").concat(_," ").concat(f||"tegn")))))}));export{u as T};
2
+ //# sourceMappingURL=Textarea-9c91191a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea-9c91191a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import r from"react";import{c as e}from"./index-9b84fabc.js";import{F as a}from"./FormGroup-9555dd73.js";import t from"./components/Validation/styles.module.scss";var o=r.forwardRef((function(o,m){var s=o.errorSummary,n=o.className,i=e(t.validation,n);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":o.testId,className:i},r.Children.map(o.children,(function(e){return e.type===a?r.cloneElement(e,{className:s?t["form-group-wrapper--error-sibling"]:""}):e}))),s&&r.createElement("p",{className:t.validation__errors},s))}));export{o as V};
2
+ //# sourceMappingURL=Validation-1236e8ef.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Validation-1236e8ef.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import e from"react";import{I as r,a as t}from"../../constants-d919236e.js";import{g as a}from"../../color-acb834c6.js";import{u as o}from"../../useHover-037be19d.js";import l from"./styles.module.scss";import{c as s}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-d0752906.js";var i=function(r){var t=r.isExtraSmall,a=r.isHovered,o=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),l=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),s=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return t?a?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):s:a?l:o},m=e.forwardRef((function(m,n){var c=m.id,d=m.href,v=m.children,f=m.className,p=m.target,h=void 0===p?"_self":p,b=m.testId,u="_blank"===h,j=o(n,void 0,!1),E=j.hoverRef,g=j.isHovered,_=s(l.anchorlink,null!=f?f:"");return e.createElement("a",{id:c,href:d,className:_,target:h,rel:u?"noopener noreferrer":void 0,ref:E,"data-testid":b},v,u&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:i,color:a("blueberry",600),hoverColor:a("blueberry",700),size:t.XSmall,isHovered:g}))}));export default m;
1
+ import e from"react";import{I as r}from"../../Icon-9b4a8a2d.js";import{I as t}from"../../constants-a4b0b501.js";import{g as o}from"../../color-acb834c6.js";import{u as a}from"../../useHover-037be19d.js";import l from"./styles.module.scss";import{c as s}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-d0752906.js";var i=function(r){var t=r.isExtraSmall,o=r.isHovered,a=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),l=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),s=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return t?o?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):s:o?l:a},m=e.forwardRef((function(m,n){var c=m.id,d=m.href,f=m.children,p=m.className,v=m.target,h=void 0===v?"_self":v,b=m.testId,u="_blank"===h,j=a(n,void 0,!1),E=j.hoverRef,g=j.isHovered,_=s(l.anchorlink,null!=p?p:"");return e.createElement("a",{id:c,href:d,className:_,target:h,rel:u?"noopener noreferrer":void 0,ref:E,"data-testid":b},f,u&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:i,color:o("blueberry",600),hoverColor:o("blueberry",700),size:t.XSmall,isHovered:g}))}));export default m;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import a from"react";import{I as e,a as r}from"../../constants-d919236e.js";import{C as t}from"../../Check-6291ad09.js";import{c as s}from"../../index-9b84fabc.js";import o from"./styles.module.scss";import{p as c}from"../../palette-f206f488.js";import"../../_tslib-51c8a283.js";var l=a.forwardRef((function(l,m){var i=l.children,d=l.className,n=void 0===d?"":d,f=l.selected,p=void 0!==f&&f,v=l.variant,b=void 0===v?"normal":v,u=l.testId,j=i.charAt(0).toLocaleUpperCase()+i.substring(1,2);return a.createElement("span",{className:s(o.avatar,p&&o["avatar--selected"],"black"===b&&o["avatar--black"],n),ref:m,"data-testid":u},p?a.createElement(e,{svgIcon:t,size:r.Small,color:"black"===b?c.neutral900:c.blueberry600}):j)}));export default l;
1
+ import a from"react";import{I as r}from"../../Icon-9b4a8a2d.js";import{I as e}from"../../constants-a4b0b501.js";import{C as t}from"../../Check-6291ad09.js";import{c as s}from"../../index-9b84fabc.js";import o from"./styles.module.scss";import{p as c}from"../../palette-f206f488.js";import"../../_tslib-51c8a283.js";var l=a.forwardRef((function(l,m){var i=l.children,n=l.className,d=void 0===n?"":n,f=l.selected,p=void 0!==f&&f,b=l.variant,v=void 0===b?"normal":b,u=l.testId,j=i.charAt(0).toLocaleUpperCase()+i.substring(1,2);return a.createElement("span",{className:s(o.avatar,p&&o["avatar--selected"],"black"===v&&o["avatar--black"],d),ref:m,"data-testid":u},p?a.createElement(r,{svgIcon:t,size:e.Small,color:"black"===v?c.neutral900:c.blueberry600}):j)}));export default l;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{B as s}from"../../Button-48132cc3.js";export{B as default}from"../../Button-48132cc3.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-6ff0d481.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
1
+ import{B as o}from"../../Button-2be46c88.js";export{B as default}from"../../Button-2be46c88.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import"../../Loader-3589bdb1.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -356,6 +356,25 @@
356
356
  "name": "string"
357
357
  }
358
358
  },
359
+ "zIndex": {
360
+ "defaultValue": null,
361
+ "description": "Customize the z-index of the modal",
362
+ "name": "zIndex",
363
+ "parent": {
364
+ "fileName": "designsystem/src/components/Modal/Modal.tsx",
365
+ "name": "ModalProps"
366
+ },
367
+ "declarations": [
368
+ {
369
+ "fileName": "designsystem/src/components/Modal/Modal.tsx",
370
+ "name": "ModalProps"
371
+ }
372
+ ],
373
+ "required": false,
374
+ "type": {
375
+ "name": "number"
376
+ }
377
+ },
359
378
  "onSuccess": {
360
379
  "defaultValue": null,
361
380
  "description": "Function is called when user clicks primary button",
@@ -1,2 +1,2 @@
1
- import{_ as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import s,{useState as e}from"react";import{B as o}from"../../Button-48132cc3.js";import{M as r}from"../../Modal-145869ba.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-6ff0d481.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../Modal/styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../Close-591125bb.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";var i=s.forwardRef((function(i,m){var l=e(!1),a=t(l,2),p=a[0],n=a[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(o,{onClick:function(){return n(!0)}},i.buttonText),p&&s.createElement(r,Object.assign({},i,{onClose:function(){return n(!1)}})))}));export default i;
1
+ import{_ as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import s,{useState as e}from"react";import{B as o}from"../../Button-2be46c88.js";import{M as r}from"../../Modal-e7d8aac4.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import"../../Loader-3589bdb1.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../Modal/styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../Close-80751ae6.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";var i=s.forwardRef((function(i,m){var a=e(!1),l=t(a,2),p=l[0],n=l[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(o,{onClick:function(){return n(!0)}},i.buttonText),p&&s.createElement(r,Object.assign({},i,{onClose:function(){return n(!1)}})))}));export default i;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { FormMode, FormVariant } from '../FormGroup/FormGroup';
2
+ import { FormMode, FormVariant } from '../../constants';
3
3
  export interface CheckboxProps {
4
4
  /** Adds custom classes to the element. */
5
5
  className?: string;
@@ -12,13 +12,13 @@ export interface CheckboxProps {
12
12
  /** input id of the checkbox */
13
13
  inputid?: string;
14
14
  /** Changes the visuals of the checkbox */
15
- mode?: FormMode;
15
+ mode?: keyof typeof FormMode;
16
16
  /** Unique identifyer for the input tag */
17
17
  name?: string;
18
18
  /** Return value for the checkbox */
19
19
  value?: string;
20
20
  /** Changes the visuals of the checkbox */
21
- variant?: FormVariant;
21
+ variant?: keyof typeof FormVariant;
22
22
  /** Activates Error style for the checkbox - This is can be true while errorText is empty, when in a FormGroup */
23
23
  error?: boolean;
24
24
  /** Error text to show above the component */
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,iHAAiH;IACjH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,wFA6EnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,iHAAiH;IACjH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,wFA6EnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -112,19 +112,25 @@
112
112
  "required": false,
113
113
  "type": {
114
114
  "name": "enum",
115
- "raw": "\"on-white\" | \"on-blueberry\" | \"on-dark\" | undefined",
115
+ "raw": "\"OnWhite\" | \"OnGrey\" | \"OnBlueberry\" | \"OnDark\" | \"OnError\" | undefined",
116
116
  "value": [
117
117
  {
118
118
  "value": "undefined"
119
119
  },
120
120
  {
121
- "value": "\"on-white\""
121
+ "value": "\"OnWhite\""
122
122
  },
123
123
  {
124
- "value": "\"on-blueberry\""
124
+ "value": "\"OnGrey\""
125
125
  },
126
126
  {
127
- "value": "\"on-dark\""
127
+ "value": "\"OnBlueberry\""
128
+ },
129
+ {
130
+ "value": "\"OnDark\""
131
+ },
132
+ {
133
+ "value": "\"OnError\""
128
134
  }
129
135
  ]
130
136
  }
@@ -184,16 +190,16 @@
184
190
  "required": false,
185
191
  "type": {
186
192
  "name": "enum",
187
- "raw": "\"normal\" | \"bigform\" | undefined",
193
+ "raw": "\"Normal\" | \"BigForm\" | undefined",
188
194
  "value": [
189
195
  {
190
196
  "value": "undefined"
191
197
  },
192
198
  {
193
- "value": "\"normal\""
199
+ "value": "\"Normal\""
194
200
  },
195
201
  {
196
- "value": "\"bigform\""
202
+ "value": "\"BigForm\""
197
203
  }
198
204
  ]
199
205
  }
@@ -1,2 +1,2 @@
1
- import{C as o}from"../../Checkbox-46666e69.js";export{C as default}from"../../Checkbox-46666e69.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"./styles.module.scss";
1
+ import{C as o}from"../../Checkbox-0ba01292.js";export{C as default}from"../../Checkbox-0ba01292.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-9b4a8a2d.js";import"../../_tslib-51c8a283.js";import"../../constants-a4b0b501.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{C as s}from"../../Close-591125bb.js";export{C as default}from"../../Close-591125bb.js";import"react";import"../../palette-f206f488.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"./styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";
1
+ import{C as s}from"../../Close-80751ae6.js";export{C as default}from"../../Close-80751ae6.js";import"react";import"../../palette-f206f488.js";import"../../Icon-9b4a8a2d.js";import"../../_tslib-51c8a283.js";import"../../constants-a4b0b501.js";import"./styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import n,{useState as a,useEffect as r}from"react";import{a as i,I as l}from"../../constants-d919236e.js";import{u as d}from"../../useHover-037be19d.js";import{u as o,B as s}from"../../useBreakpoint-324a9b14.js";import{c}from"../../index-9b84fabc.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var p=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M15.049 30.277l-1.419-1.409 10.371-10.451L34.37 28.868l-1.419 1.409L24 21.257z"}),i=n.createElement("path",{d:"M24.001 10.14L36.37 22.591 34.951 24 25 13.985V35h-2V13.985L13.049 24l-1.419-1.409z"}),l=n.createElement("path",{d:"M32.577 30.115l1.793-1.779-10.371-10.451L13.63 28.336l1.793 1.779 8.576-8.644z"});return t?a?n.createElement("path",{d:"M23.999 9.043L36.897 22.02l-1.794 1.78-9.841-9.9.001 20.205h-2.526L22.736 13.9l-9.839 9.9-1.794-1.78z"}):l:a?i:r},u=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}),l=n.createElement("path",{d:"M32.577 17.885l1.793 1.779-10.371 10.451L13.63 19.664l1.793-1.779 8.576 8.644z"});return t?a?n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}):l:a?i:r},f=n.forwardRef((function(e,a){var r,f=e.id,v=e.children,x=e.padding,E=void 0===x||x,h=e.color,g=void 0===h?"neutral":h,_=e.className,b=void 0===_?"":_,L=e.icon,k=e.large,j=void 0!==k&&k,z=e.title,N=e.isExpanded,H=void 0!==N&&N,w=e.testId,M=e.handleExpanderClick,B=d(),C=B.hoverRef,S=B.isHovered,I=o(),O=c(m["expander-list-link"],m["expander-list-link--".concat(g)],(t(r={},m["expander-list-link--closed"],!H),t(r,m["expander-list-link--large"],j),r)),V=c(m["expander-list-link__main-content"],E?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:b,ref:a},n.createElement("button",{id:f,onClick:M,"data-testid":w,className:O,ref:C},L&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(L,{size:I===s.Xs?i.XSmall:i.Small,isHovered:S})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(l,{size:i.XSmall,svgIcon:H?p:u,isHovered:S}))),H?n.createElement("div",{className:V},v):null)})),v=n.forwardRef((function(i,l){var d=i.children,o=i.childPadding,s=void 0===o||o,p=i.large,u=i.isOpen,v=void 0!==u&&u,x=i.color,E=i.className,h=void 0===E?"":E,g=i.accordion,_=void 0!==g&&g,b=i.topBorder,L=void 0===b||b,k=i.bottomBorder,j=void 0===k||k,z=i.testId,N=a({}),H=e(N,2),w=H[0],M=H[1],B=a(),C=e(B,2),S=C[0],I=C[1],O=n.Children.count(d),V=c(m["expander-list"],h);return r((function(){var e,t,n,a,r;!_||!S||(e=S.getBoundingClientRect(),t=e.top,n=e.left,a=e.bottom,r=e.right,t>=0&&n>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||S.scrollIntoView()}),[_,S]),r((function(){if(v){var e="expander-0";M((function(n){return _?t({},e,!n[e]):Object.assign(Object.assign({},n),t({},e,!n[e]))}))}}),[v]),n.createElement("ul",{className:V,ref:l,"data-testid":z},n.Children.map(d,(function(e,a){if(e.type===f){var r=w["expander-".concat(a)],i=function(e){var n;return c(m["expander-list__item"],(t(n={},m["expander-list__item--top"],0===e&&L),t(n,m["expander-list__item--no-bottom"],e===O-1&&!j),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:x,large:p,"aria-expanded":r,className:i,handleExpanderClick:function(e){return function(e,n){M((function(e){return _?t({},n,!e[n]):Object.assign(Object.assign({},e),t({},n,!e[n]))})),I(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=f,f.displayName="ExpanderList.Expander";export default v;
1
+ import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import n,{useState as a,useEffect as r}from"react";import{I as i}from"../../Icon-9b4a8a2d.js";import{I as l}from"../../constants-a4b0b501.js";import{u as o}from"../../useHover-037be19d.js";import{u as d,B as s}from"../../useBreakpoint-324a9b14.js";import{c}from"../../index-9b84fabc.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var p=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M15.049 30.277l-1.419-1.409 10.371-10.451L34.37 28.868l-1.419 1.409L24 21.257z"}),i=n.createElement("path",{d:"M24.001 10.14L36.37 22.591 34.951 24 25 13.985V35h-2V13.985L13.049 24l-1.419-1.409z"}),l=n.createElement("path",{d:"M32.577 30.115l1.793-1.779-10.371-10.451L13.63 28.336l1.793 1.779 8.576-8.644z"});return t?a?n.createElement("path",{d:"M23.999 9.043L36.897 22.02l-1.794 1.78-9.841-9.9.001 20.205h-2.526L22.736 13.9l-9.839 9.9-1.794-1.78z"}):l:a?i:r},u=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}),l=n.createElement("path",{d:"M32.577 17.885l1.793 1.779-10.371 10.451L13.63 19.664l1.793-1.779 8.576 8.644z"});return t?a?n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}):l:a?i:r},f=n.forwardRef((function(e,a){var r,f=e.id,v=e.children,x=e.padding,E=void 0===x||x,h=e.color,g=void 0===h?"neutral":h,b=e.className,_=void 0===b?"":b,L=e.icon,k=e.large,j=void 0!==k&&k,z=e.title,N=e.isExpanded,H=void 0!==N&&N,w=e.testId,M=e.handleExpanderClick,I=o(),B=I.hoverRef,C=I.isHovered,S=d(),O=c(m["expander-list-link"],m["expander-list-link--".concat(g)],(t(r={},m["expander-list-link--closed"],!H),t(r,m["expander-list-link--large"],j),r)),V=c(m["expander-list-link__main-content"],E?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:_,ref:a},n.createElement("button",{id:f,onClick:M,"data-testid":w,className:O,ref:B},L&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(L,{size:S===s.Xs?l.XSmall:l.Small,isHovered:C})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(i,{size:l.XSmall,svgIcon:H?p:u,isHovered:C}))),H?n.createElement("div",{className:V},v):null)})),v=n.forwardRef((function(i,l){var o=i.children,d=i.childPadding,s=void 0===d||d,p=i.large,u=i.isOpen,v=void 0!==u&&u,x=i.color,E=i.className,h=void 0===E?"":E,g=i.accordion,b=void 0!==g&&g,_=i.topBorder,L=void 0===_||_,k=i.bottomBorder,j=void 0===k||k,z=i.testId,N=a({}),H=e(N,2),w=H[0],M=H[1],I=a(),B=e(I,2),C=B[0],S=B[1],O=n.Children.count(o),V=c(m["expander-list"],h);return r((function(){var e,t,n,a,r;!b||!C||(e=C.getBoundingClientRect(),t=e.top,n=e.left,a=e.bottom,r=e.right,t>=0&&n>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||C.scrollIntoView()}),[b,C]),r((function(){if(v){var e="expander-0";M((function(n){return b?t({},e,!n[e]):Object.assign(Object.assign({},n),t({},e,!n[e]))}))}}),[v]),n.createElement("ul",{className:V,ref:l,"data-testid":z},n.Children.map(o,(function(e,a){if(e.type===f){var r=w["expander-".concat(a)],i=function(e){var n;return c(m["expander-list__item"],(t(n={},m["expander-list__item--top"],0===e&&L),t(n,m["expander-list__item--no-bottom"],e===O-1&&!j),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:x,large:p,"aria-expanded":r,className:i,handleExpanderClick:function(e){return function(e,n){M((function(e){return b?t({},n,!e[n]):Object.assign(Object.assign({},e),t({},n,!e[n]))})),S(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=f,f.displayName="ExpanderList.Expander";export default v;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,13 +1,15 @@
1
- import React from 'react';
2
- import { FormVariant } from '../FormGroup/FormGroup';
1
+ /// <reference types="react" />
2
+ import { FormVariant } from '../../constants';
3
3
  interface FormExampleProps {
4
4
  exampleType: FormExampleVariants;
5
- variant?: FormVariant;
5
+ variant?: keyof typeof FormVariant;
6
6
  }
7
7
  export declare enum FormExampleVariants {
8
8
  formgroup = "formgroup",
9
- checkbox = "checkbox"
9
+ checkbox = "checkbox",
10
+ radiobutton = "radiobutton",
11
+ textarea = "textarea"
10
12
  }
11
- export declare const FormExample: React.ForwardRefExoticComponent<FormExampleProps & React.RefAttributes<HTMLElement>>;
13
+ export declare const FormExample: (props: FormExampleProps) => JSX.Element;
12
14
  export default FormExample;
13
15
  //# sourceMappingURL=FormExample.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormExample.d.ts","sourceRoot":"","sources":["../../../src/components/FormExample/FormExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIhE,UAAU,gBAAgB;IACxB,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,oBAAY,mBAAmB;IAC7B,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW,sFAkEtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"FormExample.d.ts","sourceRoot":"","sources":["../../../src/components/FormExample/FormExample.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,gBAAgB;IACxB,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;CACpC;AAED,oBAAY,mBAAmB;IAC7B,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW,0CAuHvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -24,6 +24,12 @@
24
24
  },
25
25
  {
26
26
  "value": "\"checkbox\""
27
+ },
28
+ {
29
+ "value": "\"radiobutton\""
30
+ },
31
+ {
32
+ "value": "\"textarea\""
27
33
  }
28
34
  ]
29
35
  }
@@ -45,16 +51,16 @@
45
51
  "required": false,
46
52
  "type": {
47
53
  "name": "enum",
48
- "raw": "\"normal\" | \"bigform\" | undefined",
54
+ "raw": "\"Normal\" | \"BigForm\" | undefined",
49
55
  "value": [
50
56
  {
51
57
  "value": "undefined"
52
58
  },
53
59
  {
54
- "value": "\"normal\""
60
+ "value": "\"Normal\""
55
61
  },
56
62
  {
57
- "value": "\"bigform\""
63
+ "value": "\"BigForm\""
58
64
  }
59
65
  ]
60
66
  }
@@ -1,2 +1,2 @@
1
- import r,{createContext as e,useCallback as t,useRef as n,useState as i,useEffect as u,useMemo as a,isValidElement as s}from"react";import{V as c}from"../../Validation-372a97b9.js";import{F as o}from"../../FormGroup-56d60079.js";import{C as f}from"../../Checkbox-46666e69.js";import{B as l}from"../../Button-48132cc3.js";import"../../index-9b84fabc.js";import"../Validation/styles.module.scss";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Loader-6ff0d481.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";var d=function(r){return r instanceof HTMLElement},v="blur",m="change",g="input",p="onBlur",y="onChange",h="onSubmit",b="onTouched",O="all",j="max",V="min",A="maxLength",w="minLength",E="pattern",S="required",F="validate";var k=function(r){return null==r},D=function(r){return"object"==typeof r},x=function(r){return!k(r)&&!Array.isArray(r)&&D(r)&&!(r instanceof Date)},C=function(r){return/^\w*$/.test(r)},R=function(r){return r.filter(Boolean)},N=function(r){return R(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function B(r,e,t){for(var n=-1,i=C(e)?[e]:N(e),u=i.length,a=u-1;++n<u;){var s=i[n],c=t;if(n!==a){var o=r[s];c=x(o)||Array.isArray(o)?o:isNaN(+i[n+1])?{}:[]}r[s]=c,r=r[s]}return r}var L=function(r,e){for(var t in void 0===e&&(e={}),r)C(t)?e[t]=r[t]:B(e,t,r[t]);return e},T=function(r){return void 0===r},M=function(r,e,t){void 0===r&&(r={});var n=R(e.split(/[,[\].]+?/)).reduce((function(r,e){return k(r)?r:r[e]}),r);return T(n)||n===r?T(r[e])?t:r[e]:n},W=function(r,e){d(r)&&r.removeEventListener&&(r.removeEventListener(g,e),r.removeEventListener(m,e),r.removeEventListener(v,e))},_={isValid:!1,value:null},q=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),_):_},H=function(r){return"radio"===r.type},P=function(r){return"file"===r.type},z=function(r){return"checkbox"===r.type},U=function(r){return"select-multiple"===r.type},$={value:!1,isValid:!1},G={value:!0,isValid:!0},I=function(r){if(Array.isArray(r)){if(r.length>1){var e=r.filter((function(r){return r&&r.ref.checked})).map((function(r){return r.ref.value}));return{value:e,isValid:!!e.length}}var t=r[0].ref,n=t.checked,i=t.value,u=t.attributes;return n?u&&!T(u.value)?T(i)||""===i?G:{value:i,isValid:!0}:G:$}return $};function J(r,e,t,n,i){var u,a=r.current[e];if(a){var s=a.ref,c=s.value,o=s.disabled,f=a.ref,l=a.valueAsNumber,d=a.valueAsDate,v=a.setValueAs;if(o&&n)return;return P(f)?f.files:H(f)?q(a.options).value:U(f)?(u=f.options,[].concat(u).filter((function(r){return r.selected})).map((function(r){return r.value}))):z(f)?I(a.options).value:i?c:l?""===c?NaN:+c:d?f.valueAsDate:v?v(c):c}if(t)return M(t.current,e)}function K(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&K(r.parentNode)}var Q=function(r){return x(r)&&!Object.keys(r).length},X=function(r){return"boolean"==typeof r};function Y(r,e){var t,n=C(e)?[e]:N(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=T(r)?n++:r[e[n++]];return r}(r,n),u=n[n.length-1];i&&delete i[u];for(var a=0;a<n.slice(0,-1).length;a++){var s=-1,c=void 0,o=n.slice(0,-(a+1)),f=o.length-1;for(a>0&&(t=r);++s<o.length;){var l=o[s];c=c?c[l]:r[l],f===s&&(x(c)&&Q(c)||Array.isArray(c)&&!c.filter((function(r){return x(r)&&!Q(r)||X(r)})).length)&&(t?delete t[l]:delete r[l]),t=c}}return r}var Z=function(r,e){return r&&r.ref===e};var rr=function(r){return k(r)||!D(r)};function er(r,e){if(rr(r)||rr(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=x(n)&&x(i)||Array.isArray(n)&&Array.isArray(i)?er(n,i):i}catch(r){}}return r}function tr(r,e,t){if(rr(r)||rr(e)||r instanceof Date||e instanceof Date)return r===e;if(!s(r)){var n=Object.keys(r),i=Object.keys(e);if(n.length!==i.length)return!1;for(var u=0,a=n;u<a.length;u+=1){var c=a[u],o=r[c];if(!t||"ref"!==c){var f=e[c];if((x(o)||Array.isArray(o))&&(x(f)||Array.isArray(f))?!tr(o,f,t):o!==f)return!1}}}return!0}function nr(r,e,t,n,i){for(var u,a=-1;++a<r.length;){for(var s in r[a])Array.isArray(r[a][s])?(!t[a]&&(t[a]={}),t[a][s]=[],nr(r[a][s],M(e[a]||{},s,[]),t[a][s],t[a],s)):tr(M(e[a]||{},s),r[a][s])?B(t[a]||{},s):t[a]=Object.assign(Object.assign({},t[a]),((u={})[s]=!0,u));n&&!t.length&&delete n[i]}return t}var ir=function(r){return"string"==typeof r},ur=function(r,e,t,n,i){var u={},a=function(e){(T(i)||(ir(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(u[e]=J(r,e,void 0,n))};for(var s in r.current)a(s);return t?L(u):er(e,L(u))},ar=function(r){return r instanceof RegExp},sr=function(r){return x(r)&&!ar(r)?r:{value:r,message:""}},cr=function(r){return"function"==typeof r},or=function(r){return ir(r)||s(r)};function fr(r,e,t){if(void 0===t&&(t="validate"),or(r)||X(r)&&!r)return{type:t,message:or(r)?r:"",ref:e}}var lr=function(r,e,t,n,i){var u;return e?Object.assign(Object.assign({},t[r]),{types:Object.assign(Object.assign({},t[r]&&t[r].types?t[r].types:{}),(u={},u[n]=i||!0,u))}):{}},dr=async function(r,e,t,n){var i=t.ref,u=t.ref.value,a=t.options,s=t.required,c=t.maxLength,o=t.minLength,f=t.min,l=t.max,d=t.pattern,v=t.validate,m=i.name,g={},p=H(i),y=z(i),h=p||y,b=""===u,O=lr.bind(null,m,e,g),D=function(r,e,t,n,u){void 0===n&&(n=A),void 0===u&&(u=w);var a=r?e:t;g[m]=Object.assign({type:r?n:u,message:a,ref:i},O(r?n:u,a))};if(s&&(!p&&!y&&(b||k(u))||X(u)&&!u||y&&!I(a).isValid||p&&!q(a).isValid)){var C=or(s)?{value:!!s,message:s}:sr(s),R=C.value,N=C.message;if(R&&(g[m]=Object.assign({type:S,message:N,ref:h?((r.current[m].options||[])[0]||{}).ref:i},O(S,N)),!e))return g}if(!(k(f)&&k(l)||""===u)){var B,L,T=sr(l),M=sr(f);if(isNaN(u)){var W=i.valueAsDate||new Date(u);ir(T.value)&&(B=W>new Date(T.value)),ir(M.value)&&(L=W<new Date(M.value))}else{var _=i.valueAsNumber||parseFloat(u);k(T.value)||(B=_>T.value),k(M.value)||(L=_<M.value)}if((B||L)&&(D(!!B,T.message,M.message,j,V),!e))return g}if(ir(u)&&!b&&(c||o)){var P=sr(c),U=sr(o),$=!k(P.value)&&u.length>P.value,G=!k(U.value)&&u.length<U.value;if(($||G)&&(D($,P.message,U.message),!e))return g}if(ir(u)&&d&&!b){var K=sr(d),Y=K.value,Z=K.message;if(ar(Y)&&!Y.test(u)&&(g[m]=Object.assign({type:E,message:Z,ref:i},O(E,Z)),!e))return g}if(v){var rr=J(r,m,n,!1,!0),er=h&&a?a[0].ref:i;if(cr(v)){var tr=fr(await v(rr),er);if(tr&&(g[m]=Object.assign(Object.assign({},tr),O(F,tr.message)),!e))return g}else if(x(v)){for(var nr={},ur=0,dr=Object.entries(v);ur<dr.length;ur+=1){var vr=dr[ur],mr=vr[0],gr=vr[1];if(!Q(nr)&&!e)break;var pr=fr(await gr(rr),er,mr);pr&&(nr=Object.assign(Object.assign({},pr),O(mr,pr.message)),e&&(g[m]=nr))}if(!Q(nr)&&(g[m]=Object.assign({ref:er},nr),!e))return g}}return g},vr=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(x(e)?"."+n:"["+n+"]");rr(e[n])?t.push(i):vr(i,e[n],t)}return t},mr=function(r,e,t,n,i){var u=void 0;return t.add(e),Q(r)||(u=M(r,e),(x(u)||Array.isArray(u))&&vr(e,u).forEach((function(r){return t.add(r)}))),T(u)?i?n:M(n,e):u},gr=function(r){return r.substring(0,r.indexOf("["))},pr=function(r,e){return[].concat(r).some((function(r){return function(r,e){return RegExp(("^"+e+"([|.)\\d+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r)}(e,r)}))};var yr="undefined"!=typeof window&&"undefined"!=typeof document;function hr(r){var e,t;if(rr(r)||yr&&(r instanceof File||d(r)))return r;if(!["Set","Map","Object","Date","Array"].includes(null===(e=r.constructor)||void 0===e?void 0:e.name))return r;if(r instanceof Date)return t=new Date(r.getTime());if(r instanceof Set){t=new Set;for(var n=0,i=r;n<i.length;n+=1){var u=i[n];t.add(u)}return t}if(r instanceof Map){t=new Map;for(var a=0,s=r.keys();a<s.length;a+=1){var c=s[a];t.set(c,hr(r.get(c)))}return t}for(var o in t=Array.isArray(r)?[]:{},r)t[o]=hr(r[o]);return t}var br,Or=function(r){return{isOnSubmit:!r||r===h,isOnBlur:r===p,isOnChange:r===y,isOnAll:r===O,isOnTouch:r===b}},jr=function(r){return H(r)||z(r)},Vr="undefined"==typeof window,Ar=yr?"Proxy"in window:"undefined"!=typeof Proxy;function wr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=h);var s=r.reValidateMode;void 0===s&&(s=y);var c=r.resolver,o=r.context,f=r.defaultValues;void 0===f&&(f={});var l=r.shouldFocusError;void 0===l&&(l=!0);var p=r.shouldUnregister;void 0===p&&(p=!0);var b=r.criteriaMode,j=n({}),V=n({}),A=n({}),w=n(new Set),E=n({}),S=n({}),F=n({}),D=n({}),N=n(f),_=n(!1),q=n(!1),$=n(),G=n({}),I=n({}),X=n(o),ar=n(c),sr=n(new Set),or=n(Or(e)),fr=or.current,lr=fr.isOnSubmit,br=fr.isOnTouch,wr=b===O,Er=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!lr,errors:{}}),Sr=Er[0],Fr=Er[1],kr=n({isDirty:!Ar,dirtyFields:!Ar,touched:!Ar||br,isValidating:!Ar,isSubmitting:!Ar,isValid:!Ar}),Dr=n(Sr),xr=n(),Cr=n(Or(s)).current,Rr=Cr.isOnBlur,Nr=Cr.isOnChange;X.current=o,ar.current=c,Dr.current=Sr,G.current=p?{}:Q(G.current)?hr(f):G.current;var Br=t((function(r){void 0===r&&(r={}),_.current||(Dr.current=Object.assign(Object.assign({},Dr.current),r),Fr(Dr.current))}),[]),Lr=function(){return kr.current.isValidating&&Br({isValidating:!0})},Tr=t((function(r,e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n={});var u=t||function(r){var e=r.errors,t=r.name,n=r.error,i=r.validFields,u=r.fieldsWithValidation,a=T(n),s=M(e,t);return a&&!!s||!a&&!tr(s,n,!0)||a&&M(u,t)&&!M(i,t)}({errors:Dr.current.errors,error:e,name:r,validFields:D.current,fieldsWithValidation:F.current}),a=M(Dr.current.errors,r);e?(Y(D.current,r),u=u||!a||!tr(a,e,!0),B(Dr.current.errors,r,e)):((M(F.current,r)||ar.current)&&(B(D.current,r,!0),u=u||a),Y(Dr.current.errors,r)),(u&&!k(t)||!Q(n)||kr.current.isValidating)&&Br(Object.assign(Object.assign(Object.assign({},n),ar.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Mr=t((function(r,e){var t=j.current[r],n=t.ref,i=t.options,u=yr&&d(n)&&k(e)?"":e;H(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===u})):P(n)&&!ir(u)?n.files=u:U(n)?[].concat(n.options).forEach((function(r){return r.selected=u.includes(r.value)})):z(n)&&i?i.length>1?i.forEach((function(r){var e=r.ref;return e.checked=Array.isArray(u)?!!u.find((function(r){return r===e.value})):u===e.value})):i[0].ref.checked=!!u:n.value=u}),[]),Wr=t((function(r,e){if(kr.current.isDirty){var t=Jr();return r&&e&&B(t,r,e),!tr(t,N.current)}return!1}),[]),_r=t((function(r,e){if(void 0===e&&(e=!0),kr.current.isDirty||kr.current.dirtyFields){var t=!tr(M(N.current,r),J(j,r,G)),n=M(Dr.current.dirtyFields,r),i=Dr.current.isDirty;t?B(Dr.current.dirtyFields,r,!0):Y(Dr.current.dirtyFields,r);var u={isDirty:Wr(),dirtyFields:Dr.current.dirtyFields},a=kr.current.isDirty&&i!==u.isDirty||kr.current.dirtyFields&&n!==M(Dr.current.dirtyFields,r);return a&&e&&Br(u),a?u:{}}return{}}),[]),qr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!j.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await dr(j,wr,j.current[r],G))[r];return Tr(r,t,e),T(t)}),[Tr,wr]),Hr=t((async function(r){var e=(await ar.current(Jr(),X.current,wr)).errors,t=Dr.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=M(e,r);return t?B(Dr.current.errors,r,t):Y(Dr.current.errors,r),!t})).every(Boolean);return Br({isValid:Q(e),isValidating:!1}),n}var i=M(e,r);return Tr(r,i,t!==Q(e),{},Q(e)),!i}),[Tr,wr]),Pr=t((async function(r){var e=r||Object.keys(j.current);if(Lr(),ar.current)return Hr(e);if(Array.isArray(e)){!r&&(Dr.current.errors={});var t=await Promise.all(e.map((async function(r){return await qr(r,null)})));return Br({isValidating:!1}),t.every(Boolean)}return await qr(e)}),[Hr,qr]),zr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,u={};B(u,r,e);for(var a=0,s=vr(r,e);a<s.length;a+=1){var c=s[a];j.current[c]&&(Mr(c,M(u,c)),n&&_r(c),i&&Pr(c))}}),[Pr,Mr,_r]),Ur=t((function(r,e,t){var n,i;if(!p&&!rr(e)&&B(G.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),j.current[r])Mr(r,e),t.shouldDirty&&_r(r),t.shouldValidate&&Pr(r);else if(!rr(e)&&(zr(r,e,t),sr.current.has(r))){var u=gr(r)||r;B(V.current,r,e),I.current[u](((n={})[u]=M(V.current,u),n)),(kr.current.isDirty||kr.current.dirtyFields)&&t.shouldDirty&&(B(Dr.current.dirtyFields,r,function(r,e,t){return er(nr(r,e,t.slice(0,r.length)),nr(e,r,t.slice(0,r.length)))}(e,M(N.current,r,[]),M(Dr.current.dirtyFields,r,[]))),Br({isDirty:!tr(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),N.current)}))}!p&&B(G.current,r,e)}),[_r,Mr,zr]),$r=function(r){return q.current||w.current.has(r)||w.current.has((r.match(/\w+/)||[])[0])},Gr=function(r){var e=!0;if(!Q(E.current))for(var t in E.current)r&&E.current[t].size&&!E.current[t].has(r)&&!E.current[t].has(gr(r))||(S.current[t](),e=!1);return e};function Ir(r){var e;if(!p){for(var t=hr(r),n=0,i=sr.current;n<i.length;n+=1){var u=i[n];C(u)&&!t[u]&&(t=Object.assign(Object.assign({},t),((e={})[u]=[],e)))}return t}return r}function Jr(r){if(ir(r))return J(j,r,G);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];B(e,i,J(j,i,G))}return e}return Ir(ur(j,hr(G.current),p))}$.current=$.current?$.current:async function(r){var e,t,n=r.type,i=r.target,u=i.name,a=j.current[u];if(a){var s=n===v,c=function(r){var e=r.isOnBlur,t=r.isOnChange,n=r.isOnTouch,i=r.isTouched,u=r.isReValidateOnBlur,a=r.isReValidateOnChange,s=r.isBlurEvent,c=r.isSubmitted;return!r.isOnAll&&(!c&&n?!(i||s):(c?u:e)?!s:!(c?a:t)||s)}(Object.assign({isBlurEvent:s,isReValidateOnChange:Nr,isReValidateOnBlur:Rr,isTouched:!!M(Dr.current.touched,u),isSubmitted:Dr.current.isSubmitted},or.current)),o=_r(u,!1),f=!Q(o)||!s&&$r(u);if(s&&!M(Dr.current.touched,u)&&kr.current.touched&&(B(Dr.current.touched,u,!0),o=Object.assign(Object.assign({},o),{touched:Dr.current.touched})),!p&&z(i)&&B(G.current,u,J(j,u)),c)return!s&&Gr(u),(!Q(o)||f&&Q(o))&&Br(o);if(Lr(),ar.current){var l=(await ar.current(Jr(),X.current,wr)).errors,d=Dr.current.isValid;if(e=M(l,u),z(i)&&!e&&ar.current){var m=gr(u),g=M(l,m,{});g.type&&g.message&&(e=g),m&&(g||M(Dr.current.errors,m))&&(u=m)}d!==(t=Q(l))&&(f=!0)}else e=(await dr(j,wr,a,G))[u];!s&&Gr(u),Tr(u,e,f,o,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=Q(j.current)?N.current:{},t=(await ar.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),X.current,wr)||{}).errors,n=Q(t);Dr.current.isValid!==n&&Br({isValid:n})}),[wr]),Qr=t((function(r,e){!function(r,e,t,n,i,u){var a=t.ref,s=t.ref.name,c=r.current[s];if(!i){var o=J(r,s,n);!T(o)&&B(n.current,s,o)}a.type&&c?H(a)||z(a)?Array.isArray(c.options)&&c.options.length?(R(c.options).forEach((function(r,t){void 0===r&&(r={}),(K(r.ref)&&Z(r,r.ref)||u)&&(W(r.ref,e),Y(c.options,"["+t+"]"))})),c.options&&!R(c.options).length&&delete r.current[s]):delete r.current[s]:(K(a)&&Z(c,a)||u)&&(W(a,e),delete r.current[s]):delete r.current[s]}(j,$.current,r,G,p,e),p&&(Y(D.current,r.ref.name),Y(F.current,r.ref.name))}),[p]),Xr=t((function(r){if(q.current)Br();else{for(var e=0,t=w.current;e<t.length;e+=1){if(t[e].startsWith(r)){Br();break}}Gr(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),p&&!R(r.options||[]).length&&(Y(Dr.current.errors,r.ref.name),B(Dr.current.dirtyFields,r.ref.name,!0),Br({isDirty:Wr()}),kr.current.isValid&&ar.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?E.current[t]:w.current,i=ur(j,hr(G.current),p,!1,r);if(ir(r)){var u=gr(r)||r;return sr.current.has(u)&&(i=Object.assign(Object.assign({},A.current),i)),mr(i,r,n,T(M(N.current,r))?e:M(N.current,r),!0)}var a=T(e)?N.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=mr(i,e,n,a),t))}),{}):(q.current=T(t),L(!Q(i)&&i||a))}),[]);function re(r,e){if(void 0===e&&(e={}),"production"!==process.env.NODE_ENV){if(!r.name)return console.warn("📋 Field is missing `name` attribute",r,"https://react-hook-form.com/api#useForm");if(sr.current.has(r.name.split(/\[\d+\]$/)[0])&&!RegExp(("^"+r.name.split(/\[\d+\]$/)[0]+"[\\d+].\\w+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r.name))return console.warn('📋 `name` prop should be in object shape: name="test[index].name"',r,"https://react-hook-form.com/api#useFieldArray")}var t,n=r.name,i=r.type,u=r.value,a=Object.assign({ref:r},e),s=j.current,c=jr(r),o=pr(sr.current,n),f=function(e){return yr&&(!d(r)||e===r)},l=s[n],y=!0;if(l&&(c?Array.isArray(l.options)&&R(l.options).find((function(r){return u===r.ref.value&&f(r.ref)})):f(l.ref)))s[n]=Object.assign(Object.assign({},l),e);else{l=i?c?Object.assign({options:R(l&&l.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},a):a,s[n]=l;var h=T(M(G.current,n));Q(N.current)&&h||(t=M(h?N.current:G.current,n),(y=T(t))||o||Mr(n,t)),Q(e)||(B(F.current,n,!0),!lr&&kr.current.isValid&&dr(j,wr,l,G).then((function(r){var e=Dr.current.isValid;Q(r)?B(D.current,n,!0):Y(D.current,n),e!==Q(r)&&Br()}))),!p||o&&y||!o&&Y(Dr.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;d(n)&&t&&(n.addEventListener(e?m:g,t),n.addEventListener(v,t))}(c&&l.options?l.options[l.options.length-1]:l,c||"select-one"===r.type,$.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=Ir(ur(j,hr(G.current),p,!0));kr.current.isSubmitting&&Br({isSubmitting:!0});try{if(ar.current){var u=await ar.current(i,X.current,wr),a=u.errors,s=u.values;Dr.current.errors=n=a,i=s}else for(var c=0,o=Object.values(j.current);c<o.length;c+=1){var f=o[c];if(f){var d=f.ref.name,v=await dr(j,wr,f,G);v[d]?(B(n,d,v[d]),Y(D.current,d)):M(F.current,d)&&(Y(Dr.current.errors,d),B(D.current,d,!0))}}Q(n)&&Object.keys(Dr.current.errors).every((function(r){return r in j.current}))?(Br({errors:{},isSubmitting:!0}),await r(i,t)):(Dr.current.errors=Object.assign(Object.assign({},Dr.current.errors),n),e&&await e(Dr.current.errors,t),l&&function(r,e){for(var t in r)if(M(e,t)){var n=r[t];if(n){if(n.ref.focus&&T(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(j.current,Dr.current.errors))}finally{Dr.current.isSubmitting=!1,Br({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:Q(Dr.current.errors),submitCount:Dr.current.submitCount+1})}}}),[l,wr]);u((function(){c&&kr.current.isValid&&Kr(),xr.current=xr.current||!yr?xr.current:function(r,e){var t=new MutationObserver((function(){for(var t=0,n=Object.values(r.current);t<n.length;t+=1){var i=n[t];if(i&&i.options)for(var u=0,a=i.options;u<a.length;u+=1){var s=a[u];s&&s.ref&&K(s.ref)&&e(i)}else i&&K(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(j,Yr)}),[Yr,N.current]),u((function(){return function(){xr.current&&xr.current.disconnect(),_.current=!0,"production"===process.env.NODE_ENV&&Object.values(j.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!c&&kr.current.isValid&&(Sr.isValid=tr(D.current,F.current)&&Q(Dr.current.errors));var te={trigger:Pr,setValue:t((function(r,e,t){Ur(r,e,t||{}),$r(r)&&Br(),Gr(r)}),[Ur,Pr]),getValues:t(Jr,[]),register:t((function(r,e){if(!Vr)if(ir(r))re({name:r},e);else{if(!x(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[N.current]),unregister:t((function(r){for(var e=0,t=Array.isArray(r)?r:[r];e<t.length;e+=1){var n=t[e];Yr(j.current[n],!0)}}),[]),formState:Ar?new Proxy(Sr,{get:function(r,e){if("production"!==process.env.NODE_ENV&&"isValid"===e&&lr&&console.warn("📋 `formState.isValid` is applicable with `onTouched`, `onChange` or `onBlur` mode. https://react-hook-form.com/api#formState"),e in r)return kr.current[e]=!0,r[e]}}):Sr},ne=a((function(){return Object.assign({isFormDirty:Wr,updateWatchedValue:Xr,shouldUnregister:p,updateFormState:Br,removeFieldEventListener:Qr,watchInternal:Zr,mode:or.current,reValidateMode:{isReValidateOnBlur:Rr,isReValidateOnChange:Nr},validateResolver:c?Kr:void 0,fieldsRef:j,resetFieldArrayFunctionRef:I,useWatchFieldsRef:E,useWatchRenderFunctionsRef:S,fieldArrayDefaultValuesRef:V,validFieldsRef:D,fieldsWithValidationRef:F,fieldArrayNamesRef:sr,readFormStateRef:kr,formStateRef:Dr,defaultValuesRef:N,shallowFieldsStateRef:G,fieldArrayValuesRef:A},te)}),[N.current,Xr,p,Qr,Zr]);return Object.assign({watch:function(r,e){return Zr(r,e)},control:ne,handleSubmit:ee,reset:t((function(r,e){if(void 0===e&&(e={}),yr)for(var t=0,n=Object.values(j.current);t<n.length;t+=1){var i=n[t];if(i){var u=i.ref,a=i.options,s=jr(u)&&Array.isArray(a)?a[0].ref:u;if(d(s))try{s.closest("form").reset();break}catch(r){}}}j.current={},N.current=Object.assign({},r||N.current),r&&Gr(""),Object.values(I.current).forEach((function(r){return cr(r)&&r()})),G.current=p?{}:hr(r||N.current),function(r){var e=r.errors,t=r.isDirty,n=r.isSubmitted,i=r.touched,u=r.isValid,a=r.submitCount,s=r.dirtyFields;u||(D.current={},F.current={}),V.current={},w.current=new Set,q.current=!1,Br({submitCount:a?Dr.current.submitCount:0,isDirty:!!t&&Dr.current.isDirty,isSubmitted:!!n&&Dr.current.isSubmitted,isValid:!!u&&Dr.current.isValid,dirtyFields:s?Dr.current.dirtyFields:{},touched:i?Dr.current.touched:{},errors:e?Dr.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return j.current[r]&&C(r)?delete Dr.current.errors[r]:Y(Dr.current.errors,r)})),Br({errors:r?Dr.current.errors:{}})}),[]),setError:t((function(r,e){var t=(j.current[r]||{}).ref;B(Dr.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Br({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:Sr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox"}(br||(br={}));var Er=r.forwardRef((function(e,t){var n=e.exampleType,i=void 0===n?br.formgroup:n,u=wr(),a=u.register,s=u.handleSubmit,d=u.errors,v=d.formgroup1||d.formgroup2,m="Du må velge et alternativ",g=function(r){return r.length>=2||"Du må velge to alternativ"};return r.createElement("form",{onSubmit:s((function(r){console.log(r)}))},r.createElement(c,{variant:e.variant,errorSummary:v?"Sjekk at alt er riktig utfylt":void 0},i===br.formgroup?[r.createElement(o,{key:0,title:"One amazing title",legend:"Check out these checkboxes!",error:d.formgroup1?d.formgroup1.message:void 0,variant:e.variant},r.createElement(f,{name:"formgroup1",label:"Checkbox 1",ref:a({required:m})}),r.createElement(f,{name:"formgroup1",label:"Checkbox 2",ref:a({required:m})}),r.createElement(f,{name:"formgroup1",label:"Checkbox 3",ref:a({required:m})})),r.createElement(o,{key:1,legend:"Select two options!",error:d.formgroup2?d.formgroup2.message:void 0,variant:e.variant},r.createElement(f,{name:"formgroup2",label:"Checkbox 4",ref:a({validate:g})}),r.createElement(f,{name:"formgroup2",label:"Checkbox 5",ref:a({validate:g})}),r.createElement(f,{name:"formgroup2",label:"Checkbox 6",ref:a({validate:g})}))]:i===br.checkbox?r.createElement(r.Fragment,null,r.createElement(f,{name:"formgroup1",label:"Checkbox 1",error:d.formgroup1,errorText:d.formgroup1?d.formgroup1.message:void 0,variant:e.variant,ref:a({required:m})})):void 0),r.createElement(l,null,"Submit"))}));export default Er;
1
+ import r,{createContext as e,useCallback as t,useRef as n,useState as i,useEffect as a,useMemo as u,isValidElement as o}from"react";import{V as s}from"../../Validation-1236e8ef.js";import{F as c}from"../../FormGroup-9555dd73.js";import{C as l}from"../../Checkbox-0ba01292.js";import{B as f}from"../../Button-2be46c88.js";import{R as d}from"../../RadioButton-84ca988e.js";import{T as v}from"../../Textarea-9c91191a.js";import"../../index-9b84fabc.js";import"../Validation/styles.module.scss";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../constants-a4b0b501.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-9b4a8a2d.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Loader-3589bdb1.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Textarea/styles.module.scss";var m=function(r){return r instanceof HTMLElement},g="blur",p="change",b="input",y="onBlur",h="onChange",O="onSubmit",j="onTouched",V="all",A="max",E="min",w="maxLength",k="minLength",S="pattern",D="required",F="validate";var x=function(r){return null==r},R=function(r){return"object"==typeof r},C=function(r){return!x(r)&&!Array.isArray(r)&&R(r)&&!(r instanceof Date)},N=function(r){return/^\w*$/.test(r)},B=function(r){return r.filter(Boolean)},L=function(r){return B(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function T(r,e,t){for(var n=-1,i=N(e)?[e]:L(e),a=i.length,u=a-1;++n<a;){var o=i[n],s=t;if(n!==u){var c=r[o];s=C(c)||Array.isArray(c)?c:isNaN(+i[n+1])?{}:[]}r[o]=s,r=r[o]}return r}var q=function(r,e){for(var t in void 0===e&&(e={}),r)N(t)?e[t]=r[t]:T(e,t,r[t]);return e},M=function(r){return void 0===r},W=function(r,e,t){void 0===r&&(r={});var n=B(e.split(/[,[\].]+?/)).reduce((function(r,e){return x(r)?r:r[e]}),r);return M(n)||n===r?M(r[e])?t:r[e]:n},H=function(r,e){m(r)&&r.removeEventListener&&(r.removeEventListener(b,e),r.removeEventListener(p,e),r.removeEventListener(g,e))},_={isValid:!1,value:null},P=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),_):_},z=function(r){return"radio"===r.type},U=function(r){return"file"===r.type},$=function(r){return"checkbox"===r.type},G=function(r){return"select-multiple"===r.type},I={value:!1,isValid:!1},J={value:!0,isValid:!0},K=function(r){if(Array.isArray(r)){if(r.length>1){var e=r.filter((function(r){return r&&r.ref.checked})).map((function(r){return r.ref.value}));return{value:e,isValid:!!e.length}}var t=r[0].ref,n=t.checked,i=t.value,a=t.attributes;return n?a&&!M(a.value)?M(i)||""===i?J:{value:i,isValid:!0}:J:I}return I};function Q(r,e,t,n,i){var a,u=r.current[e];if(u){var o=u.ref,s=o.value,c=o.disabled,l=u.ref,f=u.valueAsNumber,d=u.valueAsDate,v=u.setValueAs;if(c&&n)return;return U(l)?l.files:z(l)?P(u.options).value:G(l)?(a=l.options,[].concat(a).filter((function(r){return r.selected})).map((function(r){return r.value}))):$(l)?K(u.options).value:i?s:f?""===s?NaN:+s:d?l.valueAsDate:v?v(s):s}if(t)return W(t.current,e)}function X(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&X(r.parentNode)}var Y=function(r){return C(r)&&!Object.keys(r).length},Z=function(r){return"boolean"==typeof r};function rr(r,e){var t,n=N(e)?[e]:L(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=M(r)?n++:r[e[n++]];return r}(r,n),a=n[n.length-1];i&&delete i[a];for(var u=0;u<n.slice(0,-1).length;u++){var o=-1,s=void 0,c=n.slice(0,-(u+1)),l=c.length-1;for(u>0&&(t=r);++o<c.length;){var f=c[o];s=s?s[f]:r[f],l===o&&(C(s)&&Y(s)||Array.isArray(s)&&!s.filter((function(r){return C(r)&&!Y(r)||Z(r)})).length)&&(t?delete t[f]:delete r[f]),t=s}}return r}var er=function(r,e){return r&&r.ref===e};var tr=function(r){return x(r)||!R(r)};function nr(r,e){if(tr(r)||tr(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=C(n)&&C(i)||Array.isArray(n)&&Array.isArray(i)?nr(n,i):i}catch(r){}}return r}function ir(r,e,t){if(tr(r)||tr(e)||r instanceof Date||e instanceof Date)return r===e;if(!o(r)){var n=Object.keys(r),i=Object.keys(e);if(n.length!==i.length)return!1;for(var a=0,u=n;a<u.length;a+=1){var s=u[a],c=r[s];if(!t||"ref"!==s){var l=e[s];if((C(c)||Array.isArray(c))&&(C(l)||Array.isArray(l))?!ir(c,l,t):c!==l)return!1}}}return!0}function ar(r,e,t,n,i){for(var a,u=-1;++u<r.length;){for(var o in r[u])Array.isArray(r[u][o])?(!t[u]&&(t[u]={}),t[u][o]=[],ar(r[u][o],W(e[u]||{},o,[]),t[u][o],t[u],o)):ir(W(e[u]||{},o),r[u][o])?T(t[u]||{},o):t[u]=Object.assign(Object.assign({},t[u]),((a={})[o]=!0,a));n&&!t.length&&delete n[i]}return t}var ur=function(r){return"string"==typeof r},or=function(r,e,t,n,i){var a={},u=function(e){(M(i)||(ur(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(a[e]=Q(r,e,void 0,n))};for(var o in r.current)u(o);return t?q(a):nr(e,q(a))},sr=function(r){return r instanceof RegExp},cr=function(r){return C(r)&&!sr(r)?r:{value:r,message:""}},lr=function(r){return"function"==typeof r},fr=function(r){return ur(r)||o(r)};function dr(r,e,t){if(void 0===t&&(t="validate"),fr(r)||Z(r)&&!r)return{type:t,message:fr(r)?r:"",ref:e}}var vr=function(r,e,t,n,i){var a;return e?Object.assign(Object.assign({},t[r]),{types:Object.assign(Object.assign({},t[r]&&t[r].types?t[r].types:{}),(a={},a[n]=i||!0,a))}):{}},mr=async function(r,e,t,n){var i=t.ref,a=t.ref.value,u=t.options,o=t.required,s=t.maxLength,c=t.minLength,l=t.min,f=t.max,d=t.pattern,v=t.validate,m=i.name,g={},p=z(i),b=$(i),y=p||b,h=""===a,O=vr.bind(null,m,e,g),j=function(r,e,t,n,a){void 0===n&&(n=w),void 0===a&&(a=k);var u=r?e:t;g[m]=Object.assign({type:r?n:a,message:u,ref:i},O(r?n:a,u))};if(o&&(!p&&!b&&(h||x(a))||Z(a)&&!a||b&&!K(u).isValid||p&&!P(u).isValid)){var V=fr(o)?{value:!!o,message:o}:cr(o),R=V.value,N=V.message;if(R&&(g[m]=Object.assign({type:D,message:N,ref:y?((r.current[m].options||[])[0]||{}).ref:i},O(D,N)),!e))return g}if(!(x(l)&&x(f)||""===a)){var B,L,T=cr(f),q=cr(l);if(isNaN(a)){var M=i.valueAsDate||new Date(a);ur(T.value)&&(B=M>new Date(T.value)),ur(q.value)&&(L=M<new Date(q.value))}else{var W=i.valueAsNumber||parseFloat(a);x(T.value)||(B=W>T.value),x(q.value)||(L=W<q.value)}if((B||L)&&(j(!!B,T.message,q.message,A,E),!e))return g}if(ur(a)&&!h&&(s||c)){var H=cr(s),_=cr(c),U=!x(H.value)&&a.length>H.value,G=!x(_.value)&&a.length<_.value;if((U||G)&&(j(U,H.message,_.message),!e))return g}if(ur(a)&&d&&!h){var I=cr(d),J=I.value,X=I.message;if(sr(J)&&!J.test(a)&&(g[m]=Object.assign({type:S,message:X,ref:i},O(S,X)),!e))return g}if(v){var rr=Q(r,m,n,!1,!0),er=y&&u?u[0].ref:i;if(lr(v)){var tr=dr(await v(rr),er);if(tr&&(g[m]=Object.assign(Object.assign({},tr),O(F,tr.message)),!e))return g}else if(C(v)){for(var nr={},ir=0,ar=Object.entries(v);ir<ar.length;ir+=1){var or=ar[ir],mr=or[0],gr=or[1];if(!Y(nr)&&!e)break;var pr=dr(await gr(rr),er,mr);pr&&(nr=Object.assign(Object.assign({},pr),O(mr,pr.message)),e&&(g[m]=nr))}if(!Y(nr)&&(g[m]=Object.assign({ref:er},nr),!e))return g}}return g},gr=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(C(e)?"."+n:"["+n+"]");tr(e[n])?t.push(i):gr(i,e[n],t)}return t},pr=function(r,e,t,n,i){var a=void 0;return t.add(e),Y(r)||(a=W(r,e),(C(a)||Array.isArray(a))&&gr(e,a).forEach((function(r){return t.add(r)}))),M(a)?i?n:W(n,e):a},br=function(r){return r.substring(0,r.indexOf("["))},yr=function(r,e){return[].concat(r).some((function(r){return function(r,e){return RegExp(("^"+e+"([|.)\\d+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r)}(e,r)}))};var hr="undefined"!=typeof window&&"undefined"!=typeof document;function Or(r){var e,t;if(tr(r)||hr&&(r instanceof File||m(r)))return r;if(!["Set","Map","Object","Date","Array"].includes(null===(e=r.constructor)||void 0===e?void 0:e.name))return r;if(r instanceof Date)return t=new Date(r.getTime());if(r instanceof Set){t=new Set;for(var n=0,i=r;n<i.length;n+=1){var a=i[n];t.add(a)}return t}if(r instanceof Map){t=new Map;for(var u=0,o=r.keys();u<o.length;u+=1){var s=o[u];t.set(s,Or(r.get(s)))}return t}for(var c in t=Array.isArray(r)?[]:{},r)t[c]=Or(r[c]);return t}var jr,Vr=function(r){return{isOnSubmit:!r||r===O,isOnBlur:r===y,isOnChange:r===h,isOnAll:r===V,isOnTouch:r===j}},Ar=function(r){return z(r)||$(r)},Er="undefined"==typeof window,wr=hr?"Proxy"in window:"undefined"!=typeof Proxy;function kr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=O);var o=r.reValidateMode;void 0===o&&(o=h);var s=r.resolver,c=r.context,l=r.defaultValues;void 0===l&&(l={});var f=r.shouldFocusError;void 0===f&&(f=!0);var d=r.shouldUnregister;void 0===d&&(d=!0);var v=r.criteriaMode,y=n({}),j=n({}),A=n({}),E=n(new Set),w=n({}),k=n({}),S=n({}),D=n({}),F=n(l),R=n(!1),L=n(!1),_=n(),P=n({}),I=n({}),J=n(c),K=n(s),Z=n(new Set),sr=n(Vr(e)),cr=sr.current,fr=cr.isOnSubmit,dr=cr.isOnTouch,vr=v===V,jr=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!fr,errors:{}}),kr=jr[0],Sr=jr[1],Dr=n({isDirty:!wr,dirtyFields:!wr,touched:!wr||dr,isValidating:!wr,isSubmitting:!wr,isValid:!wr}),Fr=n(kr),xr=n(),Rr=n(Vr(o)).current,Cr=Rr.isOnBlur,Nr=Rr.isOnChange;J.current=c,K.current=s,Fr.current=kr,P.current=d?{}:Y(P.current)?Or(l):P.current;var Br=t((function(r){void 0===r&&(r={}),R.current||(Fr.current=Object.assign(Object.assign({},Fr.current),r),Sr(Fr.current))}),[]),Lr=function(){return Dr.current.isValidating&&Br({isValidating:!0})},Tr=t((function(r,e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n={});var a=t||function(r){var e=r.errors,t=r.name,n=r.error,i=r.validFields,a=r.fieldsWithValidation,u=M(n),o=W(e,t);return u&&!!o||!u&&!ir(o,n,!0)||u&&W(a,t)&&!W(i,t)}({errors:Fr.current.errors,error:e,name:r,validFields:D.current,fieldsWithValidation:S.current}),u=W(Fr.current.errors,r);e?(rr(D.current,r),a=a||!u||!ir(u,e,!0),T(Fr.current.errors,r,e)):((W(S.current,r)||K.current)&&(T(D.current,r,!0),a=a||u),rr(Fr.current.errors,r)),(a&&!x(t)||!Y(n)||Dr.current.isValidating)&&Br(Object.assign(Object.assign(Object.assign({},n),K.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),qr=t((function(r,e){var t=y.current[r],n=t.ref,i=t.options,a=hr&&m(n)&&x(e)?"":e;z(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===a})):U(n)&&!ur(a)?n.files=a:G(n)?[].concat(n.options).forEach((function(r){return r.selected=a.includes(r.value)})):$(n)&&i?i.length>1?i.forEach((function(r){var e=r.ref;return e.checked=Array.isArray(a)?!!a.find((function(r){return r===e.value})):a===e.value})):i[0].ref.checked=!!a:n.value=a}),[]),Mr=t((function(r,e){if(Dr.current.isDirty){var t=Jr();return r&&e&&T(t,r,e),!ir(t,F.current)}return!1}),[]),Wr=t((function(r,e){if(void 0===e&&(e=!0),Dr.current.isDirty||Dr.current.dirtyFields){var t=!ir(W(F.current,r),Q(y,r,P)),n=W(Fr.current.dirtyFields,r),i=Fr.current.isDirty;t?T(Fr.current.dirtyFields,r,!0):rr(Fr.current.dirtyFields,r);var a={isDirty:Mr(),dirtyFields:Fr.current.dirtyFields},u=Dr.current.isDirty&&i!==a.isDirty||Dr.current.dirtyFields&&n!==W(Fr.current.dirtyFields,r);return u&&e&&Br(a),u?a:{}}return{}}),[]),Hr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!y.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await mr(y,vr,y.current[r],P))[r];return Tr(r,t,e),M(t)}),[Tr,vr]),_r=t((async function(r){var e=(await K.current(Jr(),J.current,vr)).errors,t=Fr.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=W(e,r);return t?T(Fr.current.errors,r,t):rr(Fr.current.errors,r),!t})).every(Boolean);return Br({isValid:Y(e),isValidating:!1}),n}var i=W(e,r);return Tr(r,i,t!==Y(e),{},Y(e)),!i}),[Tr,vr]),Pr=t((async function(r){var e=r||Object.keys(y.current);if(Lr(),K.current)return _r(e);if(Array.isArray(e)){!r&&(Fr.current.errors={});var t=await Promise.all(e.map((async function(r){return await Hr(r,null)})));return Br({isValidating:!1}),t.every(Boolean)}return await Hr(e)}),[_r,Hr]),zr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,a={};T(a,r,e);for(var u=0,o=gr(r,e);u<o.length;u+=1){var s=o[u];y.current[s]&&(qr(s,W(a,s)),n&&Wr(s),i&&Pr(s))}}),[Pr,qr,Wr]),Ur=t((function(r,e,t){var n,i;if(!d&&!tr(e)&&T(P.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),y.current[r])qr(r,e),t.shouldDirty&&Wr(r),t.shouldValidate&&Pr(r);else if(!tr(e)&&(zr(r,e,t),Z.current.has(r))){var a=br(r)||r;T(j.current,r,e),I.current[a](((n={})[a]=W(j.current,a),n)),(Dr.current.isDirty||Dr.current.dirtyFields)&&t.shouldDirty&&(T(Fr.current.dirtyFields,r,function(r,e,t){return nr(ar(r,e,t.slice(0,r.length)),ar(e,r,t.slice(0,r.length)))}(e,W(F.current,r,[]),W(Fr.current.dirtyFields,r,[]))),Br({isDirty:!ir(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),F.current)}))}!d&&T(P.current,r,e)}),[Wr,qr,zr]),$r=function(r){return L.current||E.current.has(r)||E.current.has((r.match(/\w+/)||[])[0])},Gr=function(r){var e=!0;if(!Y(w.current))for(var t in w.current)r&&w.current[t].size&&!w.current[t].has(r)&&!w.current[t].has(br(r))||(k.current[t](),e=!1);return e};function Ir(r){var e;if(!d){for(var t=Or(r),n=0,i=Z.current;n<i.length;n+=1){var a=i[n];N(a)&&!t[a]&&(t=Object.assign(Object.assign({},t),((e={})[a]=[],e)))}return t}return r}function Jr(r){if(ur(r))return Q(y,r,P);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];T(e,i,Q(y,i,P))}return e}return Ir(or(y,Or(P.current),d))}_.current=_.current?_.current:async function(r){var e,t,n=r.type,i=r.target,a=i.name,u=y.current[a];if(u){var o=n===g,s=function(r){var e=r.isOnBlur,t=r.isOnChange,n=r.isOnTouch,i=r.isTouched,a=r.isReValidateOnBlur,u=r.isReValidateOnChange,o=r.isBlurEvent,s=r.isSubmitted;return!r.isOnAll&&(!s&&n?!(i||o):(s?a:e)?!o:!(s?u:t)||o)}(Object.assign({isBlurEvent:o,isReValidateOnChange:Nr,isReValidateOnBlur:Cr,isTouched:!!W(Fr.current.touched,a),isSubmitted:Fr.current.isSubmitted},sr.current)),c=Wr(a,!1),l=!Y(c)||!o&&$r(a);if(o&&!W(Fr.current.touched,a)&&Dr.current.touched&&(T(Fr.current.touched,a,!0),c=Object.assign(Object.assign({},c),{touched:Fr.current.touched})),!d&&$(i)&&T(P.current,a,Q(y,a)),s)return!o&&Gr(a),(!Y(c)||l&&Y(c))&&Br(c);if(Lr(),K.current){var f=(await K.current(Jr(),J.current,vr)).errors,v=Fr.current.isValid;if(e=W(f,a),$(i)&&!e&&K.current){var m=br(a),p=W(f,m,{});p.type&&p.message&&(e=p),m&&(p||W(Fr.current.errors,m))&&(a=m)}v!==(t=Y(f))&&(l=!0)}else e=(await mr(y,vr,u,P))[a];!o&&Gr(a),Tr(a,e,l,c,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=Y(y.current)?F.current:{},t=(await K.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),J.current,vr)||{}).errors,n=Y(t);Fr.current.isValid!==n&&Br({isValid:n})}),[vr]),Qr=t((function(r,e){!function(r,e,t,n,i,a){var u=t.ref,o=t.ref.name,s=r.current[o];if(!i){var c=Q(r,o,n);!M(c)&&T(n.current,o,c)}u.type&&s?z(u)||$(u)?Array.isArray(s.options)&&s.options.length?(B(s.options).forEach((function(r,t){void 0===r&&(r={}),(X(r.ref)&&er(r,r.ref)||a)&&(H(r.ref,e),rr(s.options,"["+t+"]"))})),s.options&&!B(s.options).length&&delete r.current[o]):delete r.current[o]:(X(u)&&er(s,u)||a)&&(H(u,e),delete r.current[o]):delete r.current[o]}(y,_.current,r,P,d,e),d&&(rr(D.current,r.ref.name),rr(S.current,r.ref.name))}),[d]),Xr=t((function(r){if(L.current)Br();else{for(var e=0,t=E.current;e<t.length;e+=1){if(t[e].startsWith(r)){Br();break}}Gr(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),d&&!B(r.options||[]).length&&(rr(Fr.current.errors,r.ref.name),T(Fr.current.dirtyFields,r.ref.name,!0),Br({isDirty:Mr()}),Dr.current.isValid&&K.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?w.current[t]:E.current,i=or(y,Or(P.current),d,!1,r);if(ur(r)){var a=br(r)||r;return Z.current.has(a)&&(i=Object.assign(Object.assign({},A.current),i)),pr(i,r,n,M(W(F.current,r))?e:W(F.current,r),!0)}var u=M(e)?F.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=pr(i,e,n,u),t))}),{}):(L.current=M(t),q(!Y(i)&&i||u))}),[]);function re(r,e){if(void 0===e&&(e={}),"production"!==process.env.NODE_ENV){if(!r.name)return console.warn("📋 Field is missing `name` attribute",r,"https://react-hook-form.com/api#useForm");if(Z.current.has(r.name.split(/\[\d+\]$/)[0])&&!RegExp(("^"+r.name.split(/\[\d+\]$/)[0]+"[\\d+].\\w+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r.name))return console.warn('📋 `name` prop should be in object shape: name="test[index].name"',r,"https://react-hook-form.com/api#useFieldArray")}var t,n=r.name,i=r.type,a=r.value,u=Object.assign({ref:r},e),o=y.current,s=Ar(r),c=yr(Z.current,n),l=function(e){return hr&&(!m(r)||e===r)},f=o[n],v=!0;if(f&&(s?Array.isArray(f.options)&&B(f.options).find((function(r){return a===r.ref.value&&l(r.ref)})):l(f.ref)))o[n]=Object.assign(Object.assign({},f),e);else{f=i?s?Object.assign({options:B(f&&f.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},u):u,o[n]=f;var h=M(W(P.current,n));Y(F.current)&&h||(t=W(h?F.current:P.current,n),(v=M(t))||c||qr(n,t)),Y(e)||(T(S.current,n,!0),!fr&&Dr.current.isValid&&mr(y,vr,f,P).then((function(r){var e=Fr.current.isValid;Y(r)?T(D.current,n,!0):rr(D.current,n),e!==Y(r)&&Br()}))),!d||c&&v||!c&&rr(Fr.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;m(n)&&t&&(n.addEventListener(e?p:b,t),n.addEventListener(g,t))}(s&&f.options?f.options[f.options.length-1]:f,s||"select-one"===r.type,_.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=Ir(or(y,Or(P.current),d,!0));Dr.current.isSubmitting&&Br({isSubmitting:!0});try{if(K.current){var a=await K.current(i,J.current,vr),u=a.errors,o=a.values;Fr.current.errors=n=u,i=o}else for(var s=0,c=Object.values(y.current);s<c.length;s+=1){var l=c[s];if(l){var v=l.ref.name,m=await mr(y,vr,l,P);m[v]?(T(n,v,m[v]),rr(D.current,v)):W(S.current,v)&&(rr(Fr.current.errors,v),T(D.current,v,!0))}}Y(n)&&Object.keys(Fr.current.errors).every((function(r){return r in y.current}))?(Br({errors:{},isSubmitting:!0}),await r(i,t)):(Fr.current.errors=Object.assign(Object.assign({},Fr.current.errors),n),e&&await e(Fr.current.errors,t),f&&function(r,e){for(var t in r)if(W(e,t)){var n=r[t];if(n){if(n.ref.focus&&M(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(y.current,Fr.current.errors))}finally{Fr.current.isSubmitting=!1,Br({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:Y(Fr.current.errors),submitCount:Fr.current.submitCount+1})}}}),[f,vr]);a((function(){s&&Dr.current.isValid&&Kr(),xr.current=xr.current||!hr?xr.current:function(r,e){var t=new MutationObserver((function(){for(var t=0,n=Object.values(r.current);t<n.length;t+=1){var i=n[t];if(i&&i.options)for(var a=0,u=i.options;a<u.length;a+=1){var o=u[a];o&&o.ref&&X(o.ref)&&e(i)}else i&&X(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(y,Yr)}),[Yr,F.current]),a((function(){return function(){xr.current&&xr.current.disconnect(),R.current=!0,"production"===process.env.NODE_ENV&&Object.values(y.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!s&&Dr.current.isValid&&(kr.isValid=ir(D.current,S.current)&&Y(Fr.current.errors));var te={trigger:Pr,setValue:t((function(r,e,t){Ur(r,e,t||{}),$r(r)&&Br(),Gr(r)}),[Ur,Pr]),getValues:t(Jr,[]),register:t((function(r,e){if(!Er)if(ur(r))re({name:r},e);else{if(!C(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[F.current]),unregister:t((function(r){for(var e=0,t=Array.isArray(r)?r:[r];e<t.length;e+=1){var n=t[e];Yr(y.current[n],!0)}}),[]),formState:wr?new Proxy(kr,{get:function(r,e){if("production"!==process.env.NODE_ENV&&"isValid"===e&&fr&&console.warn("📋 `formState.isValid` is applicable with `onTouched`, `onChange` or `onBlur` mode. https://react-hook-form.com/api#formState"),e in r)return Dr.current[e]=!0,r[e]}}):kr},ne=u((function(){return Object.assign({isFormDirty:Mr,updateWatchedValue:Xr,shouldUnregister:d,updateFormState:Br,removeFieldEventListener:Qr,watchInternal:Zr,mode:sr.current,reValidateMode:{isReValidateOnBlur:Cr,isReValidateOnChange:Nr},validateResolver:s?Kr:void 0,fieldsRef:y,resetFieldArrayFunctionRef:I,useWatchFieldsRef:w,useWatchRenderFunctionsRef:k,fieldArrayDefaultValuesRef:j,validFieldsRef:D,fieldsWithValidationRef:S,fieldArrayNamesRef:Z,readFormStateRef:Dr,formStateRef:Fr,defaultValuesRef:F,shallowFieldsStateRef:P,fieldArrayValuesRef:A},te)}),[F.current,Xr,d,Qr,Zr]);return Object.assign({watch:function(r,e){return Zr(r,e)},control:ne,handleSubmit:ee,reset:t((function(r,e){if(void 0===e&&(e={}),hr)for(var t=0,n=Object.values(y.current);t<n.length;t+=1){var i=n[t];if(i){var a=i.ref,u=i.options,o=Ar(a)&&Array.isArray(u)?u[0].ref:a;if(m(o))try{o.closest("form").reset();break}catch(r){}}}y.current={},F.current=Object.assign({},r||F.current),r&&Gr(""),Object.values(I.current).forEach((function(r){return lr(r)&&r()})),P.current=d?{}:Or(r||F.current),function(r){var e=r.errors,t=r.isDirty,n=r.isSubmitted,i=r.touched,a=r.isValid,u=r.submitCount,o=r.dirtyFields;a||(D.current={},S.current={}),j.current={},E.current=new Set,L.current=!1,Br({submitCount:u?Fr.current.submitCount:0,isDirty:!!t&&Fr.current.isDirty,isSubmitted:!!n&&Fr.current.isSubmitted,isValid:!!a&&Fr.current.isValid,dirtyFields:o?Fr.current.dirtyFields:{},touched:i?Fr.current.touched:{},errors:e?Fr.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return y.current[r]&&N(r)?delete Fr.current.errors[r]:rr(Fr.current.errors,r)})),Br({errors:r?Fr.current.errors:{}})}),[]),setError:t((function(r,e){var t=(y.current[r]||{}).ref;T(Fr.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Br({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:kr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox",r.radiobutton="radiobutton",r.textarea="textarea"}(jr||(jr={}));export default function(e){var t=e.exampleType,n=void 0===t?jr.formgroup:t,i=kr(),a=i.register,u=i.handleSubmit,o=i.errors,m=o.formgroup1||o.formgroup2||o.formgroup3||o.formgroup4,g="Du må velge et alternativ",p=function(r){return r.length>=2||"Du må velge to alternativ"};return r.createElement("form",{onSubmit:u((function(r){console.log(r)}))},r.createElement(s,{variant:e.variant,errorSummary:m?"Sjekk at alt er riktig utfylt":void 0},n===jr.formgroup?[r.createElement(c,{key:0,title:"One amazing title",legend:"Check out these checkboxes!",error:o.formgroup1?o.formgroup1.message:void 0,variant:e.variant,name:"formgroup1"},r.createElement(l,{label:"Checkbox 1",ref:a({required:g})}),r.createElement(l,{label:"Checkbox 2",ref:a({required:g})}),r.createElement(l,{label:"Checkbox 3",ref:a({required:g})})),r.createElement(c,{key:1,legend:"Select two options!",error:o.formgroup2?o.formgroup2.message:void 0,variant:e.variant,name:"formgroup2"},r.createElement(l,{label:"Checkbox 4",ref:a({validate:p})}),r.createElement(l,{label:"Checkbox 5",ref:a({validate:p})}),r.createElement(l,{label:"Checkbox 6",ref:a({validate:p})})),r.createElement(c,{key:2,legend:"Select two options!",error:o.formgroup3?o.formgroup3.message:void 0,variant:e.variant,name:"formgroup3"},r.createElement(d,{label:"Radiobutton 1",ref:a({required:g})}),r.createElement(d,{label:"Radiobutton 2",ref:a({required:g})}),r.createElement(d,{label:"Radiobutton 3",ref:a({required:g})})),r.createElement(c,{key:3,error:o.formgroup4?o.formgroup4.message:void 0},r.createElement(v,{defaultValue:"Dette er en test \n\n Hello \n\n test \n\n test test",grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",name:"formgroup4",ref:a({maxLength:{value:40,message:"Det kan ikke legges inn mer enn 40 tegn"}})}))]:n===jr.checkbox?r.createElement(c,{name:"formgroup1",error:o.formgroup1?o.formgroup1.message:void 0},r.createElement(l,{name:"formgroup1",label:"Checkbox 1",error:o.formgroup1,variant:e.variant,ref:a({required:g})})):n===jr.radiobutton?r.createElement(c,{name:"formgroup3",error:o.formgroup3?o.formgroup3.message:void 0},r.createElement(d,{name:"formgroup3",label:"Radiobutton 1",error:o.formgroup3,variant:e.variant,ref:a({required:g})})):n===jr.textarea?r.createElement(c,{error:o.formgroup4?o.formgroup4.message:void 0},r.createElement(v,{defaultValue:"Dette er min historie \n\n Hello \n\n test",grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",name:"formgroup4",ref:a({maxLength:{value:40,message:"Det kan ikke legges inn mer enn 40 tegn"}})})):void 0),r.createElement(f,null,"Submit"))}
2
2
  //# sourceMappingURL=index.js.map