@helsenorge/designsystem-react 1.0.0-beta138 → 1.0.0-beta139

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 (37) hide show
  1. package/{FormGroup-1f11adfb.js → FormGroup-60527189.js} +2 -2
  2. package/FormGroup-60527189.js.map +1 -0
  3. package/Input-eae60679.js +2 -0
  4. package/Input-eae60679.js.map +1 -0
  5. package/Panel-de0c5303.js +2 -0
  6. package/Panel-de0c5303.js.map +1 -0
  7. package/Textarea-8ab0bec5.js +2 -0
  8. package/Textarea-8ab0bec5.js.map +1 -0
  9. package/{Validation-93e6d691.js → Validation-333c049f.js} +2 -2
  10. package/Validation-333c049f.js.map +1 -0
  11. package/components/FormExample/index.js +1 -1
  12. package/components/FormGroup/index.js +1 -1
  13. package/components/Input/Input.d.ts +3 -0
  14. package/components/Input/Input.d.ts.map +1 -1
  15. package/components/Input/componentdata.json +19 -0
  16. package/components/Input/index.js +1 -1
  17. package/components/Input/styles.module.scss +1 -1
  18. package/components/Panel/Panel.d.ts +3 -0
  19. package/components/Panel/Panel.d.ts.map +1 -1
  20. package/components/Panel/componentdata.json +43 -0
  21. package/components/Panel/index.js +1 -1
  22. package/components/PanelList/index.js +1 -1
  23. package/components/Textarea/Textarea.d.ts +2 -0
  24. package/components/Textarea/Textarea.d.ts.map +1 -1
  25. package/components/Textarea/componentdata.json +19 -0
  26. package/components/Textarea/index.js +1 -1
  27. package/components/Tile/styles.module.scss +1 -1
  28. package/components/Validation/index.js +1 -1
  29. package/package.json +1 -1
  30. package/FormGroup-1f11adfb.js.map +0 -1
  31. package/Input-b2f694f4.js +0 -2
  32. package/Input-b2f694f4.js.map +0 -1
  33. package/Panel-cc50d8e5.js +0 -2
  34. package/Panel-cc50d8e5.js.map +0 -1
  35. package/Textarea-529da670.js +0 -2
  36. package/Textarea-529da670.js.map +0 -1
  37. package/Validation-93e6d691.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{d as e}from"./_rollupPluginBabelHelpers-0f007973.js";import r from"react";import{c as a}from"./index-d1c0552c.js";import t from"./components/FormGroup/styles.module.scss";import{C as o}from"./Checkbox-7d0879d2.js";import{F as m,a as l,A as n}from"./constants-d84659f5.js";import{R as i}from"./RadioButton-dba5974f.js";import{I as p}from"./Input-b2f694f4.js";import{T as s}from"./Title-b5e19cfc.js";import{F as d}from"./FormLayout-4207a2c9.js";var f=r.forwardRef((function(f,c){var u,g,v,_=f.className,E=f.mode,b=void 0===E?m.onwhite:E,h=f.variant,w=void 0===h?l.normal:h,y=f.error,N=f.name,j=f.htmlMarkup,k=void 0===j?"fieldset":j,F=b===m.ondark,x=w===l.bigform,C=a(t["form-group-wrapper"],(e(u={},t["form-group-wrapper--on-dark"],F),e(u,t["form-group-wrapper--invalid"],y),u),_),I=a(t["form-group-wrapper__title"],(e(g={},t["form-group-wrapper__title--on-dark"],F&&!y),e(g,t["form-group-wrapper__title--bigform"],x),g)),B=a(t["form-group"],e({},t["form-group--invalid"],y)),O=a(t["form-group-wrapper__errors"],e({},t["form-group-wrapper__errors--bigform"],x)),R=a(t["field-set__legend"],(e(v={},t["field-set__legend--on-dark"],F&&!y),e(v,t["field-set__legend--bigform"],x),v)),T=function e(a){if(a.type===d)return r.cloneElement(a,{variant:w,mapHelper:e});if(a.type===o){var t=a.type===o;return r.cloneElement(a,{name:null!=N?N:t.valueOf.name,mode:b,variant:w,error:!!y})}if(a.type===i){var m=a.type===i;return r.cloneElement(a,{name:null!=N?N:m.valueOf.name,mode:b,variant:w,error:!!y})}if(a.type===p){var l=a.type===p;return r.cloneElement(a,{name:null!=N?N:l.valueOf.name,mode:b,variant:w,error:!!y})}return a};return r.createElement("div",{"data-testid":f.testId,"data-analyticsid":n.FormGroup,className:C,ref:c,tabIndex:-1},f.title&&r.createElement(s,{className:I,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:y?1:2}},f.title),r.createElement("div",{className:B},y&&r.createElement("p",{className:O},y),"div"===k&&r.createElement("div",{id:f.title,className:t["field-set"]},f.legend&&r.createElement("h5",{className:R},f.legend),r.Children.map(f.children,T)),"fieldset"===k&&r.createElement("fieldset",{name:f.title,className:t["field-set"]},f.legend&&r.createElement("legend",{className:R},f.legend),r.Children.map(f.children,T))))}));export{f as F};
2
- //# sourceMappingURL=FormGroup-1f11adfb.js.map
1
+ import{d as e}from"./_rollupPluginBabelHelpers-0f007973.js";import r from"react";import{c as a}from"./index-d1c0552c.js";import t from"./components/FormGroup/styles.module.scss";import{C as o}from"./Checkbox-7d0879d2.js";import{F as m,a as l,A as n}from"./constants-d84659f5.js";import{R as i}from"./RadioButton-dba5974f.js";import{I as p}from"./Input-eae60679.js";import{T as s}from"./Title-b5e19cfc.js";import{F as d}from"./FormLayout-4207a2c9.js";var f=r.forwardRef((function(f,c){var u,g,v,_=f.className,E=f.mode,h=void 0===E?m.onwhite:E,w=f.variant,y=void 0===w?l.normal:w,b=f.error,N=f.name,j=f.htmlMarkup,k=void 0===j?"fieldset":j,F=h===m.ondark,x=y===l.bigform,C=a(t["form-group-wrapper"],(e(u={},t["form-group-wrapper--on-dark"],F),e(u,t["form-group-wrapper--invalid"],b),u),_),I=a(t["form-group-wrapper__title"],(e(g={},t["form-group-wrapper__title--on-dark"],F&&!b),e(g,t["form-group-wrapper__title--bigform"],x),g)),B=a(t["form-group"],e({},t["form-group--invalid"],b)),O=a(t["form-group-wrapper__errors"],e({},t["form-group-wrapper__errors--bigform"],x)),R=a(t["field-set__legend"],(e(v={},t["field-set__legend--on-dark"],F&&!b),e(v,t["field-set__legend--bigform"],x),v)),T=function e(a){if(a.type===d)return r.cloneElement(a,{variant:y,mapHelper:e});if(a.type===o){var t=a.type===o;return r.cloneElement(a,{name:null!=N?N:t.valueOf.name,mode:h,variant:y,error:!!b})}if(a.type===i){var m=a.type===i;return r.cloneElement(a,{name:null!=N?N:m.valueOf.name,mode:h,variant:y,error:!!b})}if(a.type===p){var l=a.type===p;return r.cloneElement(a,{name:null!=N?N:l.valueOf.name,mode:h,variant:y,error:!!b})}return a};return r.createElement("div",{"data-testid":f.testId,"data-analyticsid":n.FormGroup,className:C,ref:c,tabIndex:-1},f.title&&r.createElement(s,{className:I,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:b?1:2}},f.title),r.createElement("div",{className:B},b&&r.createElement("p",{className:O},b),"div"===k&&r.createElement("div",{id:f.title,className:t["field-set"]},f.legend&&r.createElement("h5",{className:R},f.legend),r.Children.map(f.children,T)),"fieldset"===k&&r.createElement("fieldset",{name:f.title,className:t["field-set"]},f.legend&&r.createElement("legend",{className:R},f.legend),r.Children.map(f.children,T))))}));export{f as F};
2
+ //# sourceMappingURL=FormGroup-60527189.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroup-60527189.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{d as e}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as r}from"./_tslib-b219470a.js";import a,{useRef as t}from"react";import{c as n}from"./index-d1c0552c.js";import{F as l,a as o,I as i,A as p}from"./constants-d84659f5.js";import{u as c}from"./uuid-11037462.js";import{I as d}from"./Icon-877aeed0.js";import{g as s}from"./color-e7d082c1.js";import{u as m,B as u}from"./useBreakpoint-a74f5af5.js";import f from"./components/Input/styles.module.scss";var b;!function(e){e.text="text",e.number="number",e.email="email",e.password="password",e.search="search",e.tel="tel",e.url="url"}(b||(b={}));var w=12,v=a.forwardRef((function(w,v){var h,_,x,y=w.defaultValue,I=w.placeholder,g=w.type,j=void 0===g?b.text:g,E=w.inputId,k=void 0===E?c():E,C=w.name,N=w.transparent,L=void 0!==N&&N,O=w.icon,B=w.iconRight,R=w.mode,V=w.variant,A=w.label,F=w.error,S=w.errorText,T=w.testId,z=w.disabled,H=w.readOnly,P=w.autocomplete,W=w.afterLabelChildren,X=w.belowLabelChildren,q=w.width,D=r(w,["defaultValue","placeholder","type","inputId","name","transparent","icon","iconRight","mode","variant","label","error","errorText","testId","disabled","readOnly","autocomplete","afterLabelChildren","belowLabelChildren","width"]),G=m(),J=t(null),K=R===l.ondark,M=R===l.onblueberry,Q=R===l.oninvalid||S||F,U=V===o.bigform,Y=L&&R!==l.ondark&&!Q,Z=n(f["input-wrapper"],e({},f["input-wrapper--invalid"],S)),$=n(f["input-wrapper__label-wrapper"],(e(h={},f["input-wrapper__label-wrapper--on-dark"],K),e(h,f["input-wrapper__label-wrapper--disabled"],z),h)),ee=n(f["content-wrapper"],(e(_={},f["content-wrapper--transparent"],Y),e(_,f["content-wrapper--on-blueberry"],M),e(_,f["content-wrapper--on-dark"],K),e(_,f["content-wrapper--invalid"],Q),e(_,f["content-wrapper--bigform"],U),e(_,f["content-wrapper--disabled"],z),e(_,f["content-wrapper--with-icon"],O),_)),re=n(f["content-wrapper__input"],(e(x={},f["content-wrapper__input--bigform"],U),e(x,f["content-wrapper__input--disabled"],z),x)),ae=z?s("neutral",500):s("black"),te=G!==u.xs&&U?i.Small:i.XSmall,ne=function(){return void 0!==O?a.createElement(d,{color:ae,size:te,svgIcon:O}):null},le=q?function(e,r,a){var t=r?"1.5rem":"2rem",n=r?"".concat(a,"px"):"0px";return"calc(".concat(12*e,"px + ").concat(t," + ").concat(n," + ").concat("4px",")")}(q,!!O,te):void 0;return a.createElement("div",{"data-testid":T,"data-analyticsid":p.Input,className:Z},A&&a.createElement("div",{className:$},a.createElement("label",{htmlFor:k},A),W&&a.createElement("div",{className:f["input-wrapper__after-label-children"]},W)),X&&a.createElement("div",null,X),a.createElement("div",{onClick:function(){if(J&&J.current&&O){var e=B?0:1;J.current.children[e].focus()}},ref:J,className:ee,style:{maxWidth:le}},!B&&ne(),a.createElement("input",Object.assign({name:C,type:j,defaultValue:y,id:k,className:re,ref:v,"aria-invalid":!!Q,disabled:z,placeholder:I,readOnly:H,autoComplete:P||"off"},D)),B&&ne()))}));export{w as A,v as I,b as a};
2
+ //# sourceMappingURL=Input-eae60679.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input-eae60679.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,d as t}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as a}from"./_tslib-b219470a.js";import n,{useState as l,useRef as o}from"react";import{c as r}from"./index-d1c0552c.js";import s from"./components/Panel/styles.module.scss";import{T as i}from"./Title-b5e19cfc.js";import{B as c}from"./Button-1ae9497c.js";import{A as u,I as m}from"./constants-d84659f5.js";import{I as d}from"./Icon-877aeed0.js";import{C as p}from"./ChevronDown-652aa9e9.js";import{C as f}from"./ChevronUp-558a33cd.js";import{A as v}from"./ArrowRight-2e4b6122.js";import{A as b}from"./AlertSignFill-e0a05c2b.js";import{p as y}from"./palette-f206f488.js";import{P as g}from"./Pencil-0b63b983.js";import{C as _}from"./Calendar-03556b56.js";import{W as E}from"./Watch-a947e459.js";import{u as h,B as w}from"./useBreakpoint-a74f5af5.js";import{B as j}from"./Badge-d7e6ebd7.js";import{u as k}from"./uuid-11037462.js";var N,C,I;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(N||(N={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(C||(C={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(I||(I={}));var x=function(e){var a=e.status,l=e.statusMessage,o=r(s["status-message"],t({},s["status-message--new"],a===N.new));return a!==N.error&&a!==N.draft||!l?null:n.createElement("div",{className:o,"data-testid":"display-status"},n.createElement(d,Object.assign({},a===N.error?{color:y.cherry500,svgIcon:b}:{color:y.black,svgIcon:g},{size:m.XSmall}))," ",n.createElement("span",null,l))},B=function(e){var t=e.date,a=e.time;return t||a?n.createElement("div",{className:s["datetime-container"],"data-testid":"datetime"},t&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:_,size:m.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:E,size:m.XSmall}),n.createElement("span",null,a))):null},T=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,s=e.target,i=e.onClick,u=e.renderAsButton,m=e.showDetails,b=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsButton","showDetails"]);return u?n.createElement(c,Object.assign({testId:"expand",ref:t,onClick:i},b),m?o:l,n.createElement(d,{svgIcon:m?f:p})):n.createElement(c,Object.assign({testId:"url",ref:t,htmlMarkup:"a",href:r,target:s},b),l,n.createElement(d,{svgIcon:v}))})),A=n.forwardRef((function(a,c){var m,d,p,f,v,b,y,g=a.children,_=a.contentA,E=a.contentB,A=a.className,S=a.testId,D=a.title,M=a.titleHtmlMarkup,P=void 0===M?"h2":M,O=a.url,R=a.target,z=void 0===R?"_self":R,X=a.icon,H=a.iconRight,W=void 0!==H&&H,F=a.variant,K=void 0===F?C.fill:F,U=a.status,q=void 0===U?N.normal:U,G=a.statusMessage,J=a.buttonText,L=void 0===J?"Se detaljer":J,Q=a.buttonTextClose,V=void 0===Q?"Skjul detaljer":Q,Y=a.showCloseButtonInExpand,Z=void 0===Y||Y,$=a.layout,ee=void 0===$?I.layout2:$,te=a.containerAsButton,ae=void 0!==te&&te,ne=a.date,le=a.time,oe=a.noTopBorder,re=l(!1),se=e(re,2),ie=se[0],ce=se[1],ue=o(null),me=k(),de=h(),pe=[I.layout3a.toString(),I.layout3b.toString(),I.layout3c.toString()].includes(ee),fe=r(s["panel-wrapper"],A),ve=r(s.panel,(t(m={},s["panel--fill"],K===C.fill),t(m,s["panel--stroke"],K===C.stroke),t(m,s["panel--white"],K===C.white),t(m,s["panel--line"],K===C.line),t(m,s["panel--no-top-border"],K===C.line&&oe),t(m,s["panel--selected"],ie),t(m,s["panel--new"],q===N.new),t(m,s["panel--draft"],q===N.draft),t(m,s["panel--error"],q===N.error),t(m,s["panel--status"],q&&q!==N.normal),t(m,s["panel--with-icon"],X),t(m,s["panel--button"],ae),m)),be=r((t(d={},s.panel__container,ee===I.layout2&&E),t(d,s["panel__container--layout3"],pe&&E),t(d,s["panel__container--grow"],X),d)),ye=r((t(p={},s["panel-content-a"],ee===I.layout2),t(p,s["panel-content-a--layout3a"],ee===I.layout3a),t(p,s["panel-content-a--layout3b"],ee===I.layout3b),t(p,s["panel-content-a--layout3c"],ee===I.layout3c),p)),ge=r((t(f={},s["panel__content-right--layout1"],E&&ee===I.layout1),t(f,s["panel__content-right--layout2"],E&&ee===I.layout2),t(f,s["panel__content-right--layout3"],E&&pe),t(f,s["panel__content-right--layout3a"],E&&ee===I.layout3a),t(f,s["panel__content-right--layout3b"],E&&ee===I.layout3b),t(f,s["panel__content-right--layout3c"],E&&ee===I.layout3c),f)),_e=r(s["panel-details"],(t(v={},s["panel-details--open"],ie),t(v,s["panel-details--line"],K===C.line),t(v,s["panel-details--white"],K===C.white),t(v,s["panel-details--with-icon"],X),v)),Ee=r(s["panel-content-b"],(t(b={},s["panel-content-b--layout1"],ee===I.layout1),t(b,s["panel-content-b--layout3"],pe),b)),he=r(s["panel__details-btn"],t({},s["panel__details-btn--pull-right"],E)),we=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,a={id:t,tabIndex:e?void 0:-1,variant:"borderless",ellipsis:!0};return n.createElement(T,Object.assign({renderAsButton:!!g,onClick:function(){return ce(!ie)},showDetails:ie,buttonText:L,url:O,target:z,buttonTextClose:V,ref:t?ue:void 0},a))},je=r(s["panel__btn-container"],(t(y={},s["panel__btn-container--layout3"],pe),t(y,s["panel__btn-container--padding-top"],E),y));return n.createElement("div",{ref:c,"data-testid":S,className:fe,"data-analyticsid":u.Panel},n.createElement("div",{className:ve,tabIndex:ae?0:void 0,onClick:function(){var e;ae&&(null===(e=ue.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ae||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=ue.current)||void 0===t||t.click())},"aria-labelledby":ae?me:void 0,role:ae?"button":void 0},X&&!W&&n.createElement("div",{className:s.panel__icon},X),n.createElement("div",{className:be},n.createElement("div",{className:ye},n.createElement(x,{status:q,statusMessage:G}),D&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(i,{appearance:"title3",htmlMarkup:P},D),G&&q===N.new&&n.createElement("div",null,n.createElement(j,{color:"blueberry",testId:"badge-status"},G))),_,de>=w.lg&&n.createElement(B,{date:ne,time:le})),n.createElement("div",{className:ge},E&&n.createElement("div",{className:Ee},E),(g||O||ne||le)&&n.createElement("div",{className:je},de<w.lg&&n.createElement(B,{date:ne,time:le}),(g||O)&&n.createElement("div",{className:he},we(!ae,me))))),X&&W&&n.createElement("div",{className:s["panel__icon--right"]},X)),g&&n.createElement("div",{className:_e,"data-testid":"panel-details"},n.createElement("div",null,g),Z&&we()))}));export{A as P,N as a,C as b,I as c};
2
+ //# sourceMappingURL=Panel-de0c5303.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Panel-de0c5303.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,d as a}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as t}from"./_tslib-b219470a.js";import r,{useState as n,useRef as l,useEffect as o}from"react";import{c as i}from"./index-d1c0552c.js";import c from"./components/Textarea/styles.module.scss";import{F as d,A as s}from"./constants-d84659f5.js";import{u as m}from"./uuid-11037462.js";import{A as p}from"./Input-eae60679.js";var u=r.forwardRef((function(u,x){var v,w,f,b=u.maxCharacters,h=u.maxText,_=u.width,g=u.testId,E=u.defaultValue,T=u.marginBottom,j=u.transparent,C=u.mode,y=u.label,N=u.textareaId,I=void 0===N?m():N,R=u.minRows,k=void 0===R?3:R,B=u.maxRows,L=void 0===B?10:B,H=u.grow,V=u.errorText,A=u.afterLabelChildren,F=u.belowLabelChildren,W=t(u,["maxCharacters","maxText","width","testId","defaultValue","marginBottom","transparent","mode","label","textareaId","minRows","maxRows","grow","errorText","afterLabelChildren","belowLabelChildren"]),M=n(k),O=e(M,2),P=O[0],q=O[1],z=n(E||""),D=e(z,2),G=D[0],J=D[1],K=l(null),Q=function(e){var a=e.rows;e.rows=k;var t=Math.floor((e.scrollHeight-16)/28);t===a&&(e.rows=t),t>=L&&(e.rows=L,e.scrollTop=e.scrollHeight),q(t<L?t:L)},S=C===d.ondark,U=C===d.onblueberry,X=b&&G.length>b,Y=C===d.oninvalid||V||X,Z=i(c.textarea,(a(v={},c["textarea--gutterBottom"],T),a(v,c["textarea--invalid"],V),v)),$=i(c["textarea__label-wrapper"],a({},c["textarea__label-wrapper--on-dark"],S)),ee=i(c["content-wrapper"],(a(w={},c["content-wrapper--transparent"],j),a(w,c["content-wrapper--on-blueberry"],U),a(w,c["content-wrapper--on-dark"],S),a(w,c["content-wrapper--invalid"],Y),a(w,c["content-wrapper--disabled"],u.disabled),w)),ae=i(c["content-wrapper__input"],a({},c["content-wrapper__input--disabled"],u.disabled)),te=i(c["textarea__counter-wrapper"],(a(f={},c["textarea__counter-wrapper--on-dark"],S),a(f,c["textarea__counter-wrapper--invalid"],Y),f));o((function(){var e,a,t;if(H&&(null===(e=K.current)||void 0===e?void 0:e.children)&&(null===(a=K.current)||void 0===a?void 0:a.children[0])){var r=null===(t=K.current)||void 0===t?void 0:t.children[0];Q(r)}}),[]);var re=_?"calc(".concat(_*p,"px + ").concat("2rem"," + ").concat("16px"," + ").concat("4px",")"):void 0;return r.createElement("div",{"data-testid":g,"data-analyticsid":s.Textarea,className:Z},y&&r.createElement("div",{className:$},r.createElement("label",{htmlFor:I},y),A&&r.createElement("div",{className:c["textarea__after-label-children"]},A)),F&&r.createElement("div",null,F),r.createElement("div",{className:ee,ref:K,style:{maxWidth:re}},r.createElement("textarea",Object.assign({rows:P,defaultValue:E,id:I,className:ae,ref:x,onChange:function(e){H&&Q(e.target),J(e.target.value)},"aria-invalid":!!Y},W))),b&&r.createElement("div",{className:te,style:{maxWidth:re}},r.createElement("p",null,"".concat(G.length,"/").concat(b," ").concat(h||"tegn"))))}));export{u as T};
2
+ //# sourceMappingURL=Textarea-8ab0bec5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea-8ab0bec5.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import r from"react";import{c as a}from"./index-d1c0552c.js";import{F as e}from"./FormGroup-1f11adfb.js";import t from"./components/Validation/styles.module.scss";import{A as o}from"./constants-d84659f5.js";var s=r.forwardRef((function(s,m){var n=s.errorSummary,i=s.className,l=a(t.validation,i);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":s.testId,"data-analyticsid":o.Validation,className:l},r.Children.map(s.children,(function(a){return a.type===e?r.cloneElement(a,{className:n?t["form-group-wrapper--error-sibling"]:""}):a}))),n&&r.createElement("p",{className:t.validation__errors},n))}));export{s as V};
2
- //# sourceMappingURL=Validation-93e6d691.js.map
1
+ import r from"react";import{c as a}from"./index-d1c0552c.js";import{F as e}from"./FormGroup-60527189.js";import t from"./components/Validation/styles.module.scss";import{A as o}from"./constants-d84659f5.js";var s=r.forwardRef((function(s,m){var n=s.errorSummary,i=s.className,l=a(t.validation,i);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":s.testId,"data-analyticsid":o.Validation,className:l},r.Children.map(s.children,(function(a){return a.type===e?r.cloneElement(a,{className:n?t["form-group-wrapper--error-sibling"]:""}):a}))),n&&r.createElement("p",{className:t.validation__errors},n))}));export{s as V};
2
+ //# sourceMappingURL=Validation-333c049f.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Validation-333c049f.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
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-93e6d691.js";import{F as c}from"../../FormGroup-1f11adfb.js";import{C as l}from"../../Checkbox-7d0879d2.js";import{B as f}from"../../Button-1ae9497c.js";import{R as d}from"../../RadioButton-dba5974f.js";import{T as v}from"../../Textarea-529da670.js";import{I as m}from"../../Input-b2f694f4.js";import{H as g}from"../../Hospital-444c2277.js";import{F as p,a as b}from"../../FormLayout-4207a2c9.js";import"../../index-d1c0552c.js";import"../Validation/styles.module.scss";import"../../constants-d84659f5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../Loader-c8d984bc.js";import"../Loader/styles.module.scss";import"../../useHover-b995a0e6.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Textarea/styles.module.scss";import"../Input/styles.module.scss";import"../FormLayout/styles.module.scss";var y=function(r){return r instanceof HTMLElement},h="blur",j="change",O="input",V="onBlur",k="onChange",E="onSubmit",A="onTouched",x="all",w="max",S="min",D="maxLength",F="minLength",R="pattern",C="required",N="validate";var B=function(r){return null==r},L=function(r){return"object"==typeof r},I=function(r){return!B(r)&&!Array.isArray(r)&&L(r)&&!(r instanceof Date)},T=function(r){return/^\w*$/.test(r)},q=function(r){return r.filter(Boolean)},M=function(r){return q(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function H(r,e,t){for(var n=-1,i=T(e)?[e]:M(e),a=i.length,u=a-1;++n<a;){var o=i[n],s=t;if(n!==u){var c=r[o];s=I(c)||Array.isArray(c)?c:isNaN(+i[n+1])?{}:[]}r[o]=s,r=r[o]}return r}var W=function(r,e){for(var t in void 0===e&&(e={}),r)T(t)?e[t]=r[t]:H(e,t,r[t]);return e},_=function(r){return void 0===r},P=function(r,e,t){void 0===r&&(r={});var n=q(e.split(/[,[\].]+?/)).reduce((function(r,e){return B(r)?r:r[e]}),r);return _(n)||n===r?_(r[e])?t:r[e]:n},U=function(r,e){y(r)&&r.removeEventListener&&(r.removeEventListener(O,e),r.removeEventListener(j,e),r.removeEventListener(h,e))},G={isValid:!1,value:null},$=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),G):G},z=function(r){return"radio"===r.type},J=function(r){return"file"===r.type},K=function(r){return"checkbox"===r.type},Q=function(r){return"select-multiple"===r.type},X={value:!1,isValid:!1},Y={value:!0,isValid:!0},Z=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&&!_(a.value)?_(i)||""===i?Y:{value:i,isValid:!0}:Y:X}return X};function rr(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 J(l)?l.files:z(l)?$(u.options).value:Q(l)?(a=l.options,[].concat(a).filter((function(r){return r.selected})).map((function(r){return r.value}))):K(l)?Z(u.options).value:i?s:f?""===s?NaN:+s:d?l.valueAsDate:v?v(s):s}if(t)return P(t.current,e)}function er(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&er(r.parentNode)}var tr=function(r){return I(r)&&!Object.keys(r).length},nr=function(r){return"boolean"==typeof r};function ir(r,e){var t,n=T(e)?[e]:M(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=_(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&&(I(s)&&tr(s)||Array.isArray(s)&&!s.filter((function(r){return I(r)&&!tr(r)||nr(r)})).length)&&(t?delete t[f]:delete r[f]),t=s}}return r}var ar=function(r,e){return r&&r.ref===e};var ur=function(r){return B(r)||!L(r)};function or(r,e){if(ur(r)||ur(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=I(n)&&I(i)||Array.isArray(n)&&Array.isArray(i)?or(n,i):i}catch(r){}}return r}function sr(r,e,t){if(ur(r)||ur(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((I(c)||Array.isArray(c))&&(I(l)||Array.isArray(l))?!sr(c,l,t):c!==l)return!1}}}return!0}function cr(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]=[],cr(r[u][o],P(e[u]||{},o,[]),t[u][o],t[u],o)):sr(P(e[u]||{},o),r[u][o])?H(t[u]||{},o):t[u]=Object.assign(Object.assign({},t[u]),((a={})[o]=!0,a));n&&!t.length&&delete n[i]}return t}var lr=function(r){return"string"==typeof r},fr=function(r,e,t,n,i){var a={},u=function(e){(_(i)||(lr(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(a[e]=rr(r,e,void 0,n))};for(var o in r.current)u(o);return t?W(a):or(e,W(a))},dr=function(r){return r instanceof RegExp},vr=function(r){return I(r)&&!dr(r)?r:{value:r,message:""}},mr=function(r){return"function"==typeof r},gr=function(r){return lr(r)||o(r)};function pr(r,e,t){if(void 0===t&&(t="validate"),gr(r)||nr(r)&&!r)return{type:t,message:gr(r)?r:"",ref:e}}var br=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))}):{}},yr=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=K(i),y=p||b,h=""===a,j=br.bind(null,m,e,g),O=function(r,e,t,n,a){void 0===n&&(n=D),void 0===a&&(a=F);var u=r?e:t;g[m]=Object.assign({type:r?n:a,message:u,ref:i},j(r?n:a,u))};if(o&&(!p&&!b&&(h||B(a))||nr(a)&&!a||b&&!Z(u).isValid||p&&!$(u).isValid)){var V=gr(o)?{value:!!o,message:o}:vr(o),k=V.value,E=V.message;if(k&&(g[m]=Object.assign({type:C,message:E,ref:y?((r.current[m].options||[])[0]||{}).ref:i},j(C,E)),!e))return g}if(!(B(l)&&B(f)||""===a)){var A,x,L=vr(f),T=vr(l);if(isNaN(a)){var q=i.valueAsDate||new Date(a);lr(L.value)&&(A=q>new Date(L.value)),lr(T.value)&&(x=q<new Date(T.value))}else{var M=i.valueAsNumber||parseFloat(a);B(L.value)||(A=M>L.value),B(T.value)||(x=M<T.value)}if((A||x)&&(O(!!A,L.message,T.message,w,S),!e))return g}if(lr(a)&&!h&&(s||c)){var H=vr(s),W=vr(c),_=!B(H.value)&&a.length>H.value,P=!B(W.value)&&a.length<W.value;if((_||P)&&(O(_,H.message,W.message),!e))return g}if(lr(a)&&d&&!h){var U=vr(d),G=U.value,J=U.message;if(dr(G)&&!G.test(a)&&(g[m]=Object.assign({type:R,message:J,ref:i},j(R,J)),!e))return g}if(v){var Q=rr(r,m,n,!1,!0),X=y&&u?u[0].ref:i;if(mr(v)){var Y=pr(await v(Q),X);if(Y&&(g[m]=Object.assign(Object.assign({},Y),j(N,Y.message)),!e))return g}else if(I(v)){for(var er={},ir=0,ar=Object.entries(v);ir<ar.length;ir+=1){var ur=ar[ir],or=ur[0],sr=ur[1];if(!tr(er)&&!e)break;var cr=pr(await sr(Q),X,or);cr&&(er=Object.assign(Object.assign({},cr),j(or,cr.message)),e&&(g[m]=er))}if(!tr(er)&&(g[m]=Object.assign({ref:X},er),!e))return g}}return g},hr=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(I(e)?"."+n:"["+n+"]");ur(e[n])?t.push(i):hr(i,e[n],t)}return t},jr=function(r,e,t,n,i){var a=void 0;return t.add(e),tr(r)||(a=P(r,e),(I(a)||Array.isArray(a))&&hr(e,a).forEach((function(r){return t.add(r)}))),_(a)?i?n:P(n,e):a},Or=function(r){return r.substring(0,r.indexOf("["))},Vr=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 kr="undefined"!=typeof window&&"undefined"!=typeof document;function Er(r){var e,t;if(ur(r)||kr&&(r instanceof File||y(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,Er(r.get(s)))}return t}for(var c in t=Array.isArray(r)?[]:{},r)t[c]=Er(r[c]);return t}var Ar,xr=function(r){return{isOnSubmit:!r||r===E,isOnBlur:r===V,isOnChange:r===k,isOnAll:r===x,isOnTouch:r===A}},wr=function(r){return z(r)||K(r)},Sr="undefined"==typeof window,Dr=kr?"Proxy"in window:"undefined"!=typeof Proxy;function Fr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=E);var o=r.reValidateMode;void 0===o&&(o=k);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,m=n({}),g=n({}),p=n({}),b=n(new Set),V=n({}),A=n({}),w=n({}),S=n({}),D=n(l),F=n(!1),R=n(!1),C=n(),N=n({}),L=n({}),M=n(c),G=n(s),$=n(new Set),X=n(xr(e)),Y=X.current,Z=Y.isOnSubmit,nr=Y.isOnTouch,dr=v===x,vr=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!Z,errors:{}}),gr=vr[0],pr=vr[1],br=n({isDirty:!Dr,dirtyFields:!Dr,touched:!Dr||nr,isValidating:!Dr,isSubmitting:!Dr,isValid:!Dr}),Ar=n(gr),Fr=n(),Rr=n(xr(o)).current,Cr=Rr.isOnBlur,Nr=Rr.isOnChange;M.current=c,G.current=s,Ar.current=gr,N.current=d?{}:tr(N.current)?Er(l):N.current;var Br=t((function(r){void 0===r&&(r={}),F.current||(Ar.current=Object.assign(Object.assign({},Ar.current),r),pr(Ar.current))}),[]),Lr=function(){return br.current.isValidating&&Br({isValidating:!0})},Ir=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=_(n),o=P(e,t);return u&&!!o||!u&&!sr(o,n,!0)||u&&P(a,t)&&!P(i,t)}({errors:Ar.current.errors,error:e,name:r,validFields:S.current,fieldsWithValidation:w.current}),u=P(Ar.current.errors,r);e?(ir(S.current,r),a=a||!u||!sr(u,e,!0),H(Ar.current.errors,r,e)):((P(w.current,r)||G.current)&&(H(S.current,r,!0),a=a||u),ir(Ar.current.errors,r)),(a&&!B(t)||!tr(n)||br.current.isValidating)&&Br(Object.assign(Object.assign(Object.assign({},n),G.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Tr=t((function(r,e){var t=m.current[r],n=t.ref,i=t.options,a=kr&&y(n)&&B(e)?"":e;z(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===a})):J(n)&&!lr(a)?n.files=a:Q(n)?[].concat(n.options).forEach((function(r){return r.selected=a.includes(r.value)})):K(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}),[]),qr=t((function(r,e){if(br.current.isDirty){var t=Jr();return r&&e&&H(t,r,e),!sr(t,D.current)}return!1}),[]),Mr=t((function(r,e){if(void 0===e&&(e=!0),br.current.isDirty||br.current.dirtyFields){var t=!sr(P(D.current,r),rr(m,r,N)),n=P(Ar.current.dirtyFields,r),i=Ar.current.isDirty;t?H(Ar.current.dirtyFields,r,!0):ir(Ar.current.dirtyFields,r);var a={isDirty:qr(),dirtyFields:Ar.current.dirtyFields},u=br.current.isDirty&&i!==a.isDirty||br.current.dirtyFields&&n!==P(Ar.current.dirtyFields,r);return u&&e&&Br(a),u?a:{}}return{}}),[]),Hr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!m.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await yr(m,dr,m.current[r],N))[r];return Ir(r,t,e),_(t)}),[Ir,dr]),Wr=t((async function(r){var e=(await G.current(Jr(),M.current,dr)).errors,t=Ar.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=P(e,r);return t?H(Ar.current.errors,r,t):ir(Ar.current.errors,r),!t})).every(Boolean);return Br({isValid:tr(e),isValidating:!1}),n}var i=P(e,r);return Ir(r,i,t!==tr(e),{},tr(e)),!i}),[Ir,dr]),_r=t((async function(r){var e=r||Object.keys(m.current);if(Lr(),G.current)return Wr(e);if(Array.isArray(e)){!r&&(Ar.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)}),[Wr,Hr]),Pr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,a={};H(a,r,e);for(var u=0,o=hr(r,e);u<o.length;u+=1){var s=o[u];m.current[s]&&(Tr(s,P(a,s)),n&&Mr(s),i&&_r(s))}}),[_r,Tr,Mr]),Ur=t((function(r,e,t){var n,i;if(!d&&!ur(e)&&H(N.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),m.current[r])Tr(r,e),t.shouldDirty&&Mr(r),t.shouldValidate&&_r(r);else if(!ur(e)&&(Pr(r,e,t),$.current.has(r))){var a=Or(r)||r;H(g.current,r,e),L.current[a](((n={})[a]=P(g.current,a),n)),(br.current.isDirty||br.current.dirtyFields)&&t.shouldDirty&&(H(Ar.current.dirtyFields,r,function(r,e,t){return or(cr(r,e,t.slice(0,r.length)),cr(e,r,t.slice(0,r.length)))}(e,P(D.current,r,[]),P(Ar.current.dirtyFields,r,[]))),Br({isDirty:!sr(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),D.current)}))}!d&&H(N.current,r,e)}),[Mr,Tr,Pr]),Gr=function(r){return R.current||b.current.has(r)||b.current.has((r.match(/\w+/)||[])[0])},$r=function(r){var e=!0;if(!tr(V.current))for(var t in V.current)r&&V.current[t].size&&!V.current[t].has(r)&&!V.current[t].has(Or(r))||(A.current[t](),e=!1);return e};function zr(r){var e;if(!d){for(var t=Er(r),n=0,i=$.current;n<i.length;n+=1){var a=i[n];T(a)&&!t[a]&&(t=Object.assign(Object.assign({},t),((e={})[a]=[],e)))}return t}return r}function Jr(r){if(lr(r))return rr(m,r,N);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];H(e,i,rr(m,i,N))}return e}return zr(fr(m,Er(N.current),d))}C.current=C.current?C.current:async function(r){var e,t,n=r.type,i=r.target,a=i.name,u=m.current[a];if(u){var o=n===h,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:!!P(Ar.current.touched,a),isSubmitted:Ar.current.isSubmitted},X.current)),c=Mr(a,!1),l=!tr(c)||!o&&Gr(a);if(o&&!P(Ar.current.touched,a)&&br.current.touched&&(H(Ar.current.touched,a,!0),c=Object.assign(Object.assign({},c),{touched:Ar.current.touched})),!d&&K(i)&&H(N.current,a,rr(m,a)),s)return!o&&$r(a),(!tr(c)||l&&tr(c))&&Br(c);if(Lr(),G.current){var f=(await G.current(Jr(),M.current,dr)).errors,v=Ar.current.isValid;if(e=P(f,a),K(i)&&!e&&G.current){var g=Or(a),p=P(f,g,{});p.type&&p.message&&(e=p),g&&(p||P(Ar.current.errors,g))&&(a=g)}v!==(t=tr(f))&&(l=!0)}else e=(await yr(m,dr,u,N))[a];!o&&$r(a),Ir(a,e,l,c,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=tr(m.current)?D.current:{},t=(await G.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),M.current,dr)||{}).errors,n=tr(t);Ar.current.isValid!==n&&Br({isValid:n})}),[dr]),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=rr(r,o,n);!_(c)&&H(n.current,o,c)}u.type&&s?z(u)||K(u)?Array.isArray(s.options)&&s.options.length?(q(s.options).forEach((function(r,t){void 0===r&&(r={}),(er(r.ref)&&ar(r,r.ref)||a)&&(U(r.ref,e),ir(s.options,"["+t+"]"))})),s.options&&!q(s.options).length&&delete r.current[o]):delete r.current[o]:(er(u)&&ar(s,u)||a)&&(U(u,e),delete r.current[o]):delete r.current[o]}(m,C.current,r,N,d,e),d&&(ir(S.current,r.ref.name),ir(w.current,r.ref.name))}),[d]),Xr=t((function(r){if(R.current)Br();else{for(var e=0,t=b.current;e<t.length;e+=1){if(t[e].startsWith(r)){Br();break}}$r(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),d&&!q(r.options||[]).length&&(ir(Ar.current.errors,r.ref.name),H(Ar.current.dirtyFields,r.ref.name,!0),Br({isDirty:qr()}),br.current.isValid&&G.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?V.current[t]:b.current,i=fr(m,Er(N.current),d,!1,r);if(lr(r)){var a=Or(r)||r;return $.current.has(a)&&(i=Object.assign(Object.assign({},p.current),i)),jr(i,r,n,_(P(D.current,r))?e:P(D.current,r),!0)}var u=_(e)?D.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=jr(i,e,n,u),t))}),{}):(R.current=_(t),W(!tr(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($.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=m.current,s=wr(r),c=Vr($.current,n),l=function(e){return kr&&(!y(r)||e===r)},f=o[n],v=!0;if(f&&(s?Array.isArray(f.options)&&q(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:q(f&&f.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},u):u,o[n]=f;var g=_(P(N.current,n));tr(D.current)&&g||(t=P(g?D.current:N.current,n),(v=_(t))||c||Tr(n,t)),tr(e)||(H(w.current,n,!0),!Z&&br.current.isValid&&yr(m,dr,f,N).then((function(r){var e=Ar.current.isValid;tr(r)?H(S.current,n,!0):ir(S.current,n),e!==tr(r)&&Br()}))),!d||c&&v||!c&&ir(Ar.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;y(n)&&t&&(n.addEventListener(e?j:O,t),n.addEventListener(h,t))}(s&&f.options?f.options[f.options.length-1]:f,s||"select-one"===r.type,C.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=zr(fr(m,Er(N.current),d,!0));br.current.isSubmitting&&Br({isSubmitting:!0});try{if(G.current){var a=await G.current(i,M.current,dr),u=a.errors,o=a.values;Ar.current.errors=n=u,i=o}else for(var s=0,c=Object.values(m.current);s<c.length;s+=1){var l=c[s];if(l){var v=l.ref.name,g=await yr(m,dr,l,N);g[v]?(H(n,v,g[v]),ir(S.current,v)):P(w.current,v)&&(ir(Ar.current.errors,v),H(S.current,v,!0))}}tr(n)&&Object.keys(Ar.current.errors).every((function(r){return r in m.current}))?(Br({errors:{},isSubmitting:!0}),await r(i,t)):(Ar.current.errors=Object.assign(Object.assign({},Ar.current.errors),n),e&&await e(Ar.current.errors,t),f&&function(r,e){for(var t in r)if(P(e,t)){var n=r[t];if(n){if(n.ref.focus&&_(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(m.current,Ar.current.errors))}finally{Ar.current.isSubmitting=!1,Br({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:tr(Ar.current.errors),submitCount:Ar.current.submitCount+1})}}}),[f,dr]);a((function(){s&&br.current.isValid&&Kr(),Fr.current=Fr.current||!kr?Fr.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&&er(o.ref)&&e(i)}else i&&er(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(m,Yr)}),[Yr,D.current]),a((function(){return function(){Fr.current&&Fr.current.disconnect(),F.current=!0,"production"===process.env.NODE_ENV&&Object.values(m.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!s&&br.current.isValid&&(gr.isValid=sr(S.current,w.current)&&tr(Ar.current.errors));var te={trigger:_r,setValue:t((function(r,e,t){Ur(r,e,t||{}),Gr(r)&&Br(),$r(r)}),[Ur,_r]),getValues:t(Jr,[]),register:t((function(r,e){if(!Sr)if(lr(r))re({name:r},e);else{if(!I(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[D.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(m.current[n],!0)}}),[]),formState:Dr?new Proxy(gr,{get:function(r,e){if("production"!==process.env.NODE_ENV&&"isValid"===e&&Z&&console.warn("📋 `formState.isValid` is applicable with `onTouched`, `onChange` or `onBlur` mode. https://react-hook-form.com/api#formState"),e in r)return br.current[e]=!0,r[e]}}):gr},ne=u((function(){return Object.assign({isFormDirty:qr,updateWatchedValue:Xr,shouldUnregister:d,updateFormState:Br,removeFieldEventListener:Qr,watchInternal:Zr,mode:X.current,reValidateMode:{isReValidateOnBlur:Cr,isReValidateOnChange:Nr},validateResolver:s?Kr:void 0,fieldsRef:m,resetFieldArrayFunctionRef:L,useWatchFieldsRef:V,useWatchRenderFunctionsRef:A,fieldArrayDefaultValuesRef:g,validFieldsRef:S,fieldsWithValidationRef:w,fieldArrayNamesRef:$,readFormStateRef:br,formStateRef:Ar,defaultValuesRef:D,shallowFieldsStateRef:N,fieldArrayValuesRef:p},te)}),[D.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={}),kr)for(var t=0,n=Object.values(m.current);t<n.length;t+=1){var i=n[t];if(i){var a=i.ref,u=i.options,o=wr(a)&&Array.isArray(u)?u[0].ref:a;if(y(o))try{o.closest("form").reset();break}catch(r){}}}m.current={},D.current=Object.assign({},r||D.current),r&&$r(""),Object.values(L.current).forEach((function(r){return mr(r)&&r()})),N.current=d?{}:Er(r||D.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||(S.current={},w.current={}),g.current={},b.current=new Set,R.current=!1,Br({submitCount:u?Ar.current.submitCount:0,isDirty:!!t&&Ar.current.isDirty,isSubmitted:!!n&&Ar.current.isSubmitted,isValid:!!a&&Ar.current.isValid,dirtyFields:o?Ar.current.dirtyFields:{},touched:i?Ar.current.touched:{},errors:e?Ar.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return m.current[r]&&T(r)?delete Ar.current.errors[r]:ir(Ar.current.errors,r)})),Br({errors:r?Ar.current.errors:{}})}),[]),setError:t((function(r,e){var t=(m.current[r]||{}).ref;H(Ar.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Br({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:gr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox",r.radiobutton="radiobutton",r.textarea="textarea",r.input="input"}(Ar||(Ar={}));var Rr=function(e){var t=e.exampleType,n=void 0===t?Ar.formgroup:t,i=Fr(),a=i.register,u=i.handleSubmit,o=i.errors,y="formgroup1",h="formgroup2",j="formgroup3",O="formgroup4",V="formgroup5",k=o.formgroup1||o.formgroup2||o.formgroup3||o.formgroup4||o.formgroup5,E="Du må velge et alternativ",A="Det kan ikke legges inn mer enn 40 tegn",x="Du må skrive noe her",w=[r.createElement(l,{key:0,inputId:"checkbox1",label:"Checkbox 1",ref:a({required:E})}),r.createElement(l,{key:1,inputId:"checkbox2",label:"Checkbox 2",ref:a({required:E})}),r.createElement(l,{key:2,inputId:"checkbox3",label:"Checkbox 3",ref:a({required:E})})],S=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:k?"Sjekk at alt er riktig utfylt":void 0},n===Ar.formgroup?[r.createElement(c,{key:0,title:"Gruppe tittel",legend:"Velg minst en",error:o.formgroup1?o.formgroup1.message:void 0,variant:e.variant,name:y},r.createElement(p,{maxColumns:b.two},w.map((function(r){return r})))),r.createElement(c,{key:1,legend:"Velg minst to",error:o.formgroup2?o.formgroup2.message:void 0,variant:e.variant,name:h},r.createElement(l,{inputId:"checkbox4",label:"Checkbox 4",ref:a({validate:S})}),r.createElement(l,{inputId:"checkbox5",label:"Checkbox 5",ref:a({validate:S})}),r.createElement(l,{inputId:"checkbox6",label:"Checkbox 6",ref:a({validate:S})})),r.createElement(c,{key:2,legend:"Velg en",error:o.formgroup3?o.formgroup3.message:void 0,variant:e.variant,name:j},r.createElement(d,{inputId:"radiobutton1",label:"Radiobutton 1",ref:a({required:E})}),r.createElement(d,{inputId:"radiobutton2",label:"Radiobutton 2",ref:a({required:E})}),r.createElement(d,{inputId:"radiobutton3",label:"Radiobutton 3",ref:a({required:E})})),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",textareaId:"textarea1",name:O,ref:a({maxLength:{value:40,message:A}})})),r.createElement(c,{name:V,key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:x})}))]:n===Ar.checkbox?r.createElement(c,{name:y,error:o.formgroup1?o.formgroup1.message:void 0},r.createElement(l,{name:y,inputId:"checkbox1",label:"Checkbox 1",error:o.formgroup1,variant:e.variant,ref:a({required:E})})):n===Ar.radiobutton?r.createElement(c,{name:j,error:o.formgroup3?o.formgroup3.message:void 0},r.createElement(d,{name:j,inputId:"radiobutton1",label:"Radiobutton 1",error:o.formgroup3,variant:e.variant,ref:a({required:E})})):n===Ar.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",textareaId:"textarea1",name:O,ref:a({maxLength:{value:40,message:A}})})):n===Ar.input?r.createElement(c,{name:V,key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{inputId:"input1",label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:x})})):void 0),r.createElement(f,{type:"submit"},"Send inn"))};export{Rr as FormExample,Ar as FormExampleVariants,Rr as default};
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-333c049f.js";import{F as c}from"../../FormGroup-60527189.js";import{C as l}from"../../Checkbox-7d0879d2.js";import{B as f}from"../../Button-1ae9497c.js";import{R as d}from"../../RadioButton-dba5974f.js";import{T as v}from"../../Textarea-8ab0bec5.js";import{I as m}from"../../Input-eae60679.js";import{H as g}from"../../Hospital-444c2277.js";import{F as p,a as b}from"../../FormLayout-4207a2c9.js";import"../../index-d1c0552c.js";import"../Validation/styles.module.scss";import"../../constants-d84659f5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../Loader-c8d984bc.js";import"../Loader/styles.module.scss";import"../../useHover-b995a0e6.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Textarea/styles.module.scss";import"../Input/styles.module.scss";import"../FormLayout/styles.module.scss";var y=function(r){return r instanceof HTMLElement},h="blur",j="change",O="input",V="onBlur",k="onChange",E="onSubmit",A="onTouched",x="all",w="max",S="min",D="maxLength",F="minLength",R="pattern",C="required",N="validate";var B=function(r){return null==r},L=function(r){return"object"==typeof r},I=function(r){return!B(r)&&!Array.isArray(r)&&L(r)&&!(r instanceof Date)},T=function(r){return/^\w*$/.test(r)},q=function(r){return r.filter(Boolean)},M=function(r){return q(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function H(r,e,t){for(var n=-1,i=T(e)?[e]:M(e),a=i.length,u=a-1;++n<a;){var o=i[n],s=t;if(n!==u){var c=r[o];s=I(c)||Array.isArray(c)?c:isNaN(+i[n+1])?{}:[]}r[o]=s,r=r[o]}return r}var W=function(r,e){for(var t in void 0===e&&(e={}),r)T(t)?e[t]=r[t]:H(e,t,r[t]);return e},_=function(r){return void 0===r},P=function(r,e,t){void 0===r&&(r={});var n=q(e.split(/[,[\].]+?/)).reduce((function(r,e){return B(r)?r:r[e]}),r);return _(n)||n===r?_(r[e])?t:r[e]:n},U=function(r,e){y(r)&&r.removeEventListener&&(r.removeEventListener(O,e),r.removeEventListener(j,e),r.removeEventListener(h,e))},G={isValid:!1,value:null},$=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),G):G},z=function(r){return"radio"===r.type},J=function(r){return"file"===r.type},K=function(r){return"checkbox"===r.type},Q=function(r){return"select-multiple"===r.type},X={value:!1,isValid:!1},Y={value:!0,isValid:!0},Z=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&&!_(a.value)?_(i)||""===i?Y:{value:i,isValid:!0}:Y:X}return X};function rr(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 J(l)?l.files:z(l)?$(u.options).value:Q(l)?(a=l.options,[].concat(a).filter((function(r){return r.selected})).map((function(r){return r.value}))):K(l)?Z(u.options).value:i?s:f?""===s?NaN:+s:d?l.valueAsDate:v?v(s):s}if(t)return P(t.current,e)}function er(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&er(r.parentNode)}var tr=function(r){return I(r)&&!Object.keys(r).length},nr=function(r){return"boolean"==typeof r};function ir(r,e){var t,n=T(e)?[e]:M(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=_(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&&(I(s)&&tr(s)||Array.isArray(s)&&!s.filter((function(r){return I(r)&&!tr(r)||nr(r)})).length)&&(t?delete t[f]:delete r[f]),t=s}}return r}var ar=function(r,e){return r&&r.ref===e};var ur=function(r){return B(r)||!L(r)};function or(r,e){if(ur(r)||ur(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=I(n)&&I(i)||Array.isArray(n)&&Array.isArray(i)?or(n,i):i}catch(r){}}return r}function sr(r,e,t){if(ur(r)||ur(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((I(c)||Array.isArray(c))&&(I(l)||Array.isArray(l))?!sr(c,l,t):c!==l)return!1}}}return!0}function cr(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]=[],cr(r[u][o],P(e[u]||{},o,[]),t[u][o],t[u],o)):sr(P(e[u]||{},o),r[u][o])?H(t[u]||{},o):t[u]=Object.assign(Object.assign({},t[u]),((a={})[o]=!0,a));n&&!t.length&&delete n[i]}return t}var lr=function(r){return"string"==typeof r},fr=function(r,e,t,n,i){var a={},u=function(e){(_(i)||(lr(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(a[e]=rr(r,e,void 0,n))};for(var o in r.current)u(o);return t?W(a):or(e,W(a))},dr=function(r){return r instanceof RegExp},vr=function(r){return I(r)&&!dr(r)?r:{value:r,message:""}},mr=function(r){return"function"==typeof r},gr=function(r){return lr(r)||o(r)};function pr(r,e,t){if(void 0===t&&(t="validate"),gr(r)||nr(r)&&!r)return{type:t,message:gr(r)?r:"",ref:e}}var br=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))}):{}},yr=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=K(i),y=p||b,h=""===a,j=br.bind(null,m,e,g),O=function(r,e,t,n,a){void 0===n&&(n=D),void 0===a&&(a=F);var u=r?e:t;g[m]=Object.assign({type:r?n:a,message:u,ref:i},j(r?n:a,u))};if(o&&(!p&&!b&&(h||B(a))||nr(a)&&!a||b&&!Z(u).isValid||p&&!$(u).isValid)){var V=gr(o)?{value:!!o,message:o}:vr(o),k=V.value,E=V.message;if(k&&(g[m]=Object.assign({type:C,message:E,ref:y?((r.current[m].options||[])[0]||{}).ref:i},j(C,E)),!e))return g}if(!(B(l)&&B(f)||""===a)){var A,x,L=vr(f),T=vr(l);if(isNaN(a)){var q=i.valueAsDate||new Date(a);lr(L.value)&&(A=q>new Date(L.value)),lr(T.value)&&(x=q<new Date(T.value))}else{var M=i.valueAsNumber||parseFloat(a);B(L.value)||(A=M>L.value),B(T.value)||(x=M<T.value)}if((A||x)&&(O(!!A,L.message,T.message,w,S),!e))return g}if(lr(a)&&!h&&(s||c)){var H=vr(s),W=vr(c),_=!B(H.value)&&a.length>H.value,P=!B(W.value)&&a.length<W.value;if((_||P)&&(O(_,H.message,W.message),!e))return g}if(lr(a)&&d&&!h){var U=vr(d),G=U.value,J=U.message;if(dr(G)&&!G.test(a)&&(g[m]=Object.assign({type:R,message:J,ref:i},j(R,J)),!e))return g}if(v){var Q=rr(r,m,n,!1,!0),X=y&&u?u[0].ref:i;if(mr(v)){var Y=pr(await v(Q),X);if(Y&&(g[m]=Object.assign(Object.assign({},Y),j(N,Y.message)),!e))return g}else if(I(v)){for(var er={},ir=0,ar=Object.entries(v);ir<ar.length;ir+=1){var ur=ar[ir],or=ur[0],sr=ur[1];if(!tr(er)&&!e)break;var cr=pr(await sr(Q),X,or);cr&&(er=Object.assign(Object.assign({},cr),j(or,cr.message)),e&&(g[m]=er))}if(!tr(er)&&(g[m]=Object.assign({ref:X},er),!e))return g}}return g},hr=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(I(e)?"."+n:"["+n+"]");ur(e[n])?t.push(i):hr(i,e[n],t)}return t},jr=function(r,e,t,n,i){var a=void 0;return t.add(e),tr(r)||(a=P(r,e),(I(a)||Array.isArray(a))&&hr(e,a).forEach((function(r){return t.add(r)}))),_(a)?i?n:P(n,e):a},Or=function(r){return r.substring(0,r.indexOf("["))},Vr=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 kr="undefined"!=typeof window&&"undefined"!=typeof document;function Er(r){var e,t;if(ur(r)||kr&&(r instanceof File||y(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,Er(r.get(s)))}return t}for(var c in t=Array.isArray(r)?[]:{},r)t[c]=Er(r[c]);return t}var Ar,xr=function(r){return{isOnSubmit:!r||r===E,isOnBlur:r===V,isOnChange:r===k,isOnAll:r===x,isOnTouch:r===A}},wr=function(r){return z(r)||K(r)},Sr="undefined"==typeof window,Dr=kr?"Proxy"in window:"undefined"!=typeof Proxy;function Fr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=E);var o=r.reValidateMode;void 0===o&&(o=k);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,m=n({}),g=n({}),p=n({}),b=n(new Set),V=n({}),A=n({}),w=n({}),S=n({}),D=n(l),F=n(!1),R=n(!1),C=n(),N=n({}),L=n({}),M=n(c),G=n(s),$=n(new Set),X=n(xr(e)),Y=X.current,Z=Y.isOnSubmit,nr=Y.isOnTouch,dr=v===x,vr=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!Z,errors:{}}),gr=vr[0],pr=vr[1],br=n({isDirty:!Dr,dirtyFields:!Dr,touched:!Dr||nr,isValidating:!Dr,isSubmitting:!Dr,isValid:!Dr}),Ar=n(gr),Fr=n(),Rr=n(xr(o)).current,Cr=Rr.isOnBlur,Nr=Rr.isOnChange;M.current=c,G.current=s,Ar.current=gr,N.current=d?{}:tr(N.current)?Er(l):N.current;var Br=t((function(r){void 0===r&&(r={}),F.current||(Ar.current=Object.assign(Object.assign({},Ar.current),r),pr(Ar.current))}),[]),Lr=function(){return br.current.isValidating&&Br({isValidating:!0})},Ir=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=_(n),o=P(e,t);return u&&!!o||!u&&!sr(o,n,!0)||u&&P(a,t)&&!P(i,t)}({errors:Ar.current.errors,error:e,name:r,validFields:S.current,fieldsWithValidation:w.current}),u=P(Ar.current.errors,r);e?(ir(S.current,r),a=a||!u||!sr(u,e,!0),H(Ar.current.errors,r,e)):((P(w.current,r)||G.current)&&(H(S.current,r,!0),a=a||u),ir(Ar.current.errors,r)),(a&&!B(t)||!tr(n)||br.current.isValidating)&&Br(Object.assign(Object.assign(Object.assign({},n),G.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Tr=t((function(r,e){var t=m.current[r],n=t.ref,i=t.options,a=kr&&y(n)&&B(e)?"":e;z(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===a})):J(n)&&!lr(a)?n.files=a:Q(n)?[].concat(n.options).forEach((function(r){return r.selected=a.includes(r.value)})):K(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}),[]),qr=t((function(r,e){if(br.current.isDirty){var t=Jr();return r&&e&&H(t,r,e),!sr(t,D.current)}return!1}),[]),Mr=t((function(r,e){if(void 0===e&&(e=!0),br.current.isDirty||br.current.dirtyFields){var t=!sr(P(D.current,r),rr(m,r,N)),n=P(Ar.current.dirtyFields,r),i=Ar.current.isDirty;t?H(Ar.current.dirtyFields,r,!0):ir(Ar.current.dirtyFields,r);var a={isDirty:qr(),dirtyFields:Ar.current.dirtyFields},u=br.current.isDirty&&i!==a.isDirty||br.current.dirtyFields&&n!==P(Ar.current.dirtyFields,r);return u&&e&&Br(a),u?a:{}}return{}}),[]),Hr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!m.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await yr(m,dr,m.current[r],N))[r];return Ir(r,t,e),_(t)}),[Ir,dr]),Wr=t((async function(r){var e=(await G.current(Jr(),M.current,dr)).errors,t=Ar.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=P(e,r);return t?H(Ar.current.errors,r,t):ir(Ar.current.errors,r),!t})).every(Boolean);return Br({isValid:tr(e),isValidating:!1}),n}var i=P(e,r);return Ir(r,i,t!==tr(e),{},tr(e)),!i}),[Ir,dr]),_r=t((async function(r){var e=r||Object.keys(m.current);if(Lr(),G.current)return Wr(e);if(Array.isArray(e)){!r&&(Ar.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)}),[Wr,Hr]),Pr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,a={};H(a,r,e);for(var u=0,o=hr(r,e);u<o.length;u+=1){var s=o[u];m.current[s]&&(Tr(s,P(a,s)),n&&Mr(s),i&&_r(s))}}),[_r,Tr,Mr]),Ur=t((function(r,e,t){var n,i;if(!d&&!ur(e)&&H(N.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),m.current[r])Tr(r,e),t.shouldDirty&&Mr(r),t.shouldValidate&&_r(r);else if(!ur(e)&&(Pr(r,e,t),$.current.has(r))){var a=Or(r)||r;H(g.current,r,e),L.current[a](((n={})[a]=P(g.current,a),n)),(br.current.isDirty||br.current.dirtyFields)&&t.shouldDirty&&(H(Ar.current.dirtyFields,r,function(r,e,t){return or(cr(r,e,t.slice(0,r.length)),cr(e,r,t.slice(0,r.length)))}(e,P(D.current,r,[]),P(Ar.current.dirtyFields,r,[]))),Br({isDirty:!sr(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),D.current)}))}!d&&H(N.current,r,e)}),[Mr,Tr,Pr]),Gr=function(r){return R.current||b.current.has(r)||b.current.has((r.match(/\w+/)||[])[0])},$r=function(r){var e=!0;if(!tr(V.current))for(var t in V.current)r&&V.current[t].size&&!V.current[t].has(r)&&!V.current[t].has(Or(r))||(A.current[t](),e=!1);return e};function zr(r){var e;if(!d){for(var t=Er(r),n=0,i=$.current;n<i.length;n+=1){var a=i[n];T(a)&&!t[a]&&(t=Object.assign(Object.assign({},t),((e={})[a]=[],e)))}return t}return r}function Jr(r){if(lr(r))return rr(m,r,N);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];H(e,i,rr(m,i,N))}return e}return zr(fr(m,Er(N.current),d))}C.current=C.current?C.current:async function(r){var e,t,n=r.type,i=r.target,a=i.name,u=m.current[a];if(u){var o=n===h,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:!!P(Ar.current.touched,a),isSubmitted:Ar.current.isSubmitted},X.current)),c=Mr(a,!1),l=!tr(c)||!o&&Gr(a);if(o&&!P(Ar.current.touched,a)&&br.current.touched&&(H(Ar.current.touched,a,!0),c=Object.assign(Object.assign({},c),{touched:Ar.current.touched})),!d&&K(i)&&H(N.current,a,rr(m,a)),s)return!o&&$r(a),(!tr(c)||l&&tr(c))&&Br(c);if(Lr(),G.current){var f=(await G.current(Jr(),M.current,dr)).errors,v=Ar.current.isValid;if(e=P(f,a),K(i)&&!e&&G.current){var g=Or(a),p=P(f,g,{});p.type&&p.message&&(e=p),g&&(p||P(Ar.current.errors,g))&&(a=g)}v!==(t=tr(f))&&(l=!0)}else e=(await yr(m,dr,u,N))[a];!o&&$r(a),Ir(a,e,l,c,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=tr(m.current)?D.current:{},t=(await G.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),M.current,dr)||{}).errors,n=tr(t);Ar.current.isValid!==n&&Br({isValid:n})}),[dr]),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=rr(r,o,n);!_(c)&&H(n.current,o,c)}u.type&&s?z(u)||K(u)?Array.isArray(s.options)&&s.options.length?(q(s.options).forEach((function(r,t){void 0===r&&(r={}),(er(r.ref)&&ar(r,r.ref)||a)&&(U(r.ref,e),ir(s.options,"["+t+"]"))})),s.options&&!q(s.options).length&&delete r.current[o]):delete r.current[o]:(er(u)&&ar(s,u)||a)&&(U(u,e),delete r.current[o]):delete r.current[o]}(m,C.current,r,N,d,e),d&&(ir(S.current,r.ref.name),ir(w.current,r.ref.name))}),[d]),Xr=t((function(r){if(R.current)Br();else{for(var e=0,t=b.current;e<t.length;e+=1){if(t[e].startsWith(r)){Br();break}}$r(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),d&&!q(r.options||[]).length&&(ir(Ar.current.errors,r.ref.name),H(Ar.current.dirtyFields,r.ref.name,!0),Br({isDirty:qr()}),br.current.isValid&&G.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?V.current[t]:b.current,i=fr(m,Er(N.current),d,!1,r);if(lr(r)){var a=Or(r)||r;return $.current.has(a)&&(i=Object.assign(Object.assign({},p.current),i)),jr(i,r,n,_(P(D.current,r))?e:P(D.current,r),!0)}var u=_(e)?D.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=jr(i,e,n,u),t))}),{}):(R.current=_(t),W(!tr(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($.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=m.current,s=wr(r),c=Vr($.current,n),l=function(e){return kr&&(!y(r)||e===r)},f=o[n],v=!0;if(f&&(s?Array.isArray(f.options)&&q(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:q(f&&f.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},u):u,o[n]=f;var g=_(P(N.current,n));tr(D.current)&&g||(t=P(g?D.current:N.current,n),(v=_(t))||c||Tr(n,t)),tr(e)||(H(w.current,n,!0),!Z&&br.current.isValid&&yr(m,dr,f,N).then((function(r){var e=Ar.current.isValid;tr(r)?H(S.current,n,!0):ir(S.current,n),e!==tr(r)&&Br()}))),!d||c&&v||!c&&ir(Ar.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;y(n)&&t&&(n.addEventListener(e?j:O,t),n.addEventListener(h,t))}(s&&f.options?f.options[f.options.length-1]:f,s||"select-one"===r.type,C.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=zr(fr(m,Er(N.current),d,!0));br.current.isSubmitting&&Br({isSubmitting:!0});try{if(G.current){var a=await G.current(i,M.current,dr),u=a.errors,o=a.values;Ar.current.errors=n=u,i=o}else for(var s=0,c=Object.values(m.current);s<c.length;s+=1){var l=c[s];if(l){var v=l.ref.name,g=await yr(m,dr,l,N);g[v]?(H(n,v,g[v]),ir(S.current,v)):P(w.current,v)&&(ir(Ar.current.errors,v),H(S.current,v,!0))}}tr(n)&&Object.keys(Ar.current.errors).every((function(r){return r in m.current}))?(Br({errors:{},isSubmitting:!0}),await r(i,t)):(Ar.current.errors=Object.assign(Object.assign({},Ar.current.errors),n),e&&await e(Ar.current.errors,t),f&&function(r,e){for(var t in r)if(P(e,t)){var n=r[t];if(n){if(n.ref.focus&&_(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(m.current,Ar.current.errors))}finally{Ar.current.isSubmitting=!1,Br({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:tr(Ar.current.errors),submitCount:Ar.current.submitCount+1})}}}),[f,dr]);a((function(){s&&br.current.isValid&&Kr(),Fr.current=Fr.current||!kr?Fr.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&&er(o.ref)&&e(i)}else i&&er(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(m,Yr)}),[Yr,D.current]),a((function(){return function(){Fr.current&&Fr.current.disconnect(),F.current=!0,"production"===process.env.NODE_ENV&&Object.values(m.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!s&&br.current.isValid&&(gr.isValid=sr(S.current,w.current)&&tr(Ar.current.errors));var te={trigger:_r,setValue:t((function(r,e,t){Ur(r,e,t||{}),Gr(r)&&Br(),$r(r)}),[Ur,_r]),getValues:t(Jr,[]),register:t((function(r,e){if(!Sr)if(lr(r))re({name:r},e);else{if(!I(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[D.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(m.current[n],!0)}}),[]),formState:Dr?new Proxy(gr,{get:function(r,e){if("production"!==process.env.NODE_ENV&&"isValid"===e&&Z&&console.warn("📋 `formState.isValid` is applicable with `onTouched`, `onChange` or `onBlur` mode. https://react-hook-form.com/api#formState"),e in r)return br.current[e]=!0,r[e]}}):gr},ne=u((function(){return Object.assign({isFormDirty:qr,updateWatchedValue:Xr,shouldUnregister:d,updateFormState:Br,removeFieldEventListener:Qr,watchInternal:Zr,mode:X.current,reValidateMode:{isReValidateOnBlur:Cr,isReValidateOnChange:Nr},validateResolver:s?Kr:void 0,fieldsRef:m,resetFieldArrayFunctionRef:L,useWatchFieldsRef:V,useWatchRenderFunctionsRef:A,fieldArrayDefaultValuesRef:g,validFieldsRef:S,fieldsWithValidationRef:w,fieldArrayNamesRef:$,readFormStateRef:br,formStateRef:Ar,defaultValuesRef:D,shallowFieldsStateRef:N,fieldArrayValuesRef:p},te)}),[D.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={}),kr)for(var t=0,n=Object.values(m.current);t<n.length;t+=1){var i=n[t];if(i){var a=i.ref,u=i.options,o=wr(a)&&Array.isArray(u)?u[0].ref:a;if(y(o))try{o.closest("form").reset();break}catch(r){}}}m.current={},D.current=Object.assign({},r||D.current),r&&$r(""),Object.values(L.current).forEach((function(r){return mr(r)&&r()})),N.current=d?{}:Er(r||D.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||(S.current={},w.current={}),g.current={},b.current=new Set,R.current=!1,Br({submitCount:u?Ar.current.submitCount:0,isDirty:!!t&&Ar.current.isDirty,isSubmitted:!!n&&Ar.current.isSubmitted,isValid:!!a&&Ar.current.isValid,dirtyFields:o?Ar.current.dirtyFields:{},touched:i?Ar.current.touched:{},errors:e?Ar.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return m.current[r]&&T(r)?delete Ar.current.errors[r]:ir(Ar.current.errors,r)})),Br({errors:r?Ar.current.errors:{}})}),[]),setError:t((function(r,e){var t=(m.current[r]||{}).ref;H(Ar.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Br({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:gr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox",r.radiobutton="radiobutton",r.textarea="textarea",r.input="input"}(Ar||(Ar={}));var Rr=function(e){var t=e.exampleType,n=void 0===t?Ar.formgroup:t,i=Fr(),a=i.register,u=i.handleSubmit,o=i.errors,y="formgroup1",h="formgroup2",j="formgroup3",O="formgroup4",V="formgroup5",k=o.formgroup1||o.formgroup2||o.formgroup3||o.formgroup4||o.formgroup5,E="Du må velge et alternativ",A="Det kan ikke legges inn mer enn 40 tegn",x="Du må skrive noe her",w=[r.createElement(l,{key:0,inputId:"checkbox1",label:"Checkbox 1",ref:a({required:E})}),r.createElement(l,{key:1,inputId:"checkbox2",label:"Checkbox 2",ref:a({required:E})}),r.createElement(l,{key:2,inputId:"checkbox3",label:"Checkbox 3",ref:a({required:E})})],S=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:k?"Sjekk at alt er riktig utfylt":void 0},n===Ar.formgroup?[r.createElement(c,{key:0,title:"Gruppe tittel",legend:"Velg minst en",error:o.formgroup1?o.formgroup1.message:void 0,variant:e.variant,name:y},r.createElement(p,{maxColumns:b.two},w.map((function(r){return r})))),r.createElement(c,{key:1,legend:"Velg minst to",error:o.formgroup2?o.formgroup2.message:void 0,variant:e.variant,name:h},r.createElement(l,{inputId:"checkbox4",label:"Checkbox 4",ref:a({validate:S})}),r.createElement(l,{inputId:"checkbox5",label:"Checkbox 5",ref:a({validate:S})}),r.createElement(l,{inputId:"checkbox6",label:"Checkbox 6",ref:a({validate:S})})),r.createElement(c,{key:2,legend:"Velg en",error:o.formgroup3?o.formgroup3.message:void 0,variant:e.variant,name:j},r.createElement(d,{inputId:"radiobutton1",label:"Radiobutton 1",ref:a({required:E})}),r.createElement(d,{inputId:"radiobutton2",label:"Radiobutton 2",ref:a({required:E})}),r.createElement(d,{inputId:"radiobutton3",label:"Radiobutton 3",ref:a({required:E})})),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",textareaId:"textarea1",name:O,ref:a({maxLength:{value:40,message:A}})})),r.createElement(c,{name:V,key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:x})}))]:n===Ar.checkbox?r.createElement(c,{name:y,error:o.formgroup1?o.formgroup1.message:void 0},r.createElement(l,{name:y,inputId:"checkbox1",label:"Checkbox 1",error:o.formgroup1,variant:e.variant,ref:a({required:E})})):n===Ar.radiobutton?r.createElement(c,{name:j,error:o.formgroup3?o.formgroup3.message:void 0},r.createElement(d,{name:j,inputId:"radiobutton1",label:"Radiobutton 1",error:o.formgroup3,variant:e.variant,ref:a({required:E})})):n===Ar.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",textareaId:"textarea1",name:O,ref:a({maxLength:{value:40,message:A}})})):n===Ar.input?r.createElement(c,{name:V,key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{inputId:"input1",label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:x})})):void 0),r.createElement(f,{type:"submit"},"Send inn"))};export{Rr as FormExample,Ar as FormExampleVariants,Rr as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- export{F as FormGroup,F as default}from"../../FormGroup-1f11adfb.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Checkbox-7d0879d2.js";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-dba5974f.js";import"../RadioButton/styles.module.scss";import"../../Input-b2f694f4.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../FormLayout-4207a2c9.js";import"../FormLayout/styles.module.scss";
1
+ export{F as FormGroup,F as default}from"../../FormGroup-60527189.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Checkbox-7d0879d2.js";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-dba5974f.js";import"../RadioButton/styles.module.scss";import"../../Input-eae60679.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../FormLayout-4207a2c9.js";import"../FormLayout/styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -12,6 +12,8 @@ export interface InputProps {
12
12
  inputId?: string;
13
13
  /** Unique identifyer for the input tag */
14
14
  name?: string;
15
+ /** Width of input field in characters (approximate) */
16
+ width?: number;
15
17
  /** If true, the component will be transparent. */
16
18
  transparent?: boolean;
17
19
  /** Icon to be displayed next to the input field */
@@ -50,6 +52,7 @@ export declare enum InputTypes {
50
52
  tel = "tel",
51
53
  url = "url"
52
54
  }
55
+ export declare const AVERAGE_CHARACTER_WIDTH_PX = 12;
53
56
  declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
54
57
  export default Input;
55
58
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAe,MAAM,iBAAiB,CAAC;AAErE,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAMnD,MAAM,WAAW,UAAU;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,QAAA,MAAM,KAAK,qFAoGT,CAAC;AAEH,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAe,MAAM,iBAAiB,CAAC;AAErE,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAMnD,MAAM,WAAW,UAAU;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAU7C,QAAA,MAAM,KAAK,qFAuGT,CAAC;AAEH,eAAe,KAAK,CAAC"}
@@ -122,6 +122,25 @@
122
122
  "name": "string"
123
123
  }
124
124
  },
125
+ "width": {
126
+ "defaultValue": null,
127
+ "description": "Width of input field in characters (approximate)",
128
+ "name": "width",
129
+ "parent": {
130
+ "fileName": "src/components/Input/Input.tsx",
131
+ "name": "InputProps"
132
+ },
133
+ "declarations": [
134
+ {
135
+ "fileName": "src/components/Input/Input.tsx",
136
+ "name": "InputProps"
137
+ }
138
+ ],
139
+ "required": false,
140
+ "type": {
141
+ "name": "number"
142
+ }
143
+ },
125
144
  "transparent": {
126
145
  "defaultValue": null,
127
146
  "description": "If true, the component will be transparent.",
@@ -1,2 +1,2 @@
1
- export{a as InputTypes,I as default}from"../../Input-b2f694f4.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"../../constants-d84659f5.js";import"../../uuid-11037462.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useBreakpoint-a74f5af5.js";import"./styles.module.scss";
1
+ export{A as AVERAGE_CHARACTER_WIDTH_PX,a as InputTypes,I as default}from"../../Input-eae60679.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"../../constants-d84659f5.js";import"../../uuid-11037462.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useBreakpoint-a74f5af5.js";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -22,7 +22,7 @@
22
22
  @include content-wrapper;
23
23
 
24
24
  padding: 0.5rem 0;
25
- display: inline-flex;
25
+ display: flex;
26
26
  align-items: center;
27
27
 
28
28
  &--with-icon {
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { TitleTags } from '../Title';
2
3
  import { AnchorTarget } from '../../constants';
3
4
  export declare enum PanelStatus {
4
5
  normal = "normal",
@@ -23,6 +24,8 @@ export interface PanelProps {
23
24
  children?: React.ReactNode;
24
25
  /** Title of the panel */
25
26
  title?: string;
27
+ /** Changes the underlying element of the title. Default: h2*/
28
+ titleHtmlMarkup?: TitleTags;
26
29
  /** Adds custom classes to the element. */
27
30
  className?: string;
28
31
  /** Sets the data-testid attribute. */
@@ -1 +1 @@
1
- {"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAe5D,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA8ED,QAAA,MAAM,KAAK,uFAmLT,CAAC;AAEH,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAe5D,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA8ED,QAAA,MAAM,KAAK,uFAsLT,CAAC;AAEH,eAAe,KAAK,CAAC"}
@@ -19,6 +19,49 @@
19
19
  "name": "string"
20
20
  }
21
21
  },
22
+ "titleHtmlMarkup": {
23
+ "defaultValue": null,
24
+ "description": "Changes the underlying element of the title. Default: h2",
25
+ "name": "titleHtmlMarkup",
26
+ "parent": {
27
+ "fileName": "src/components/Panel/Panel.tsx",
28
+ "name": "PanelProps"
29
+ },
30
+ "declarations": [
31
+ {
32
+ "fileName": "src/components/Panel/Panel.tsx",
33
+ "name": "PanelProps"
34
+ }
35
+ ],
36
+ "required": false,
37
+ "type": {
38
+ "name": "enum",
39
+ "raw": "TitleTags | undefined",
40
+ "value": [
41
+ {
42
+ "value": "undefined"
43
+ },
44
+ {
45
+ "value": "\"h1\""
46
+ },
47
+ {
48
+ "value": "\"h2\""
49
+ },
50
+ {
51
+ "value": "\"h3\""
52
+ },
53
+ {
54
+ "value": "\"h4\""
55
+ },
56
+ {
57
+ "value": "\"h5\""
58
+ },
59
+ {
60
+ "value": "\"span\""
61
+ }
62
+ ]
63
+ }
64
+ },
22
65
  "className": {
23
66
  "defaultValue": null,
24
67
  "description": "Adds custom classes to the element.",
@@ -1,2 +1,2 @@
1
- export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-cc50d8e5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../constants-d84659f5.js";import"../../Button-1ae9497c.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-c8d984bc.js";import"../Loader/styles.module.scss";import"../../useHover-b995a0e6.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-652aa9e9.js";import"../../ChevronUp-558a33cd.js";import"../../ArrowRight-2e4b6122.js";import"../../AlertSignFill-e0a05c2b.js";import"../../Pencil-0b63b983.js";import"../../Calendar-03556b56.js";import"../../Watch-a947e459.js";import"../../Badge-d7e6ebd7.js";import"../Badge/styles.module.scss";
1
+ export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-de0c5303.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../constants-d84659f5.js";import"../../Button-1ae9497c.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-c8d984bc.js";import"../Loader/styles.module.scss";import"../../useHover-b995a0e6.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-652aa9e9.js";import"../../ChevronUp-558a33cd.js";import"../../ArrowRight-2e4b6122.js";import"../../AlertSignFill-e0a05c2b.js";import"../../Pencil-0b63b983.js";import"../../Calendar-03556b56.js";import"../../Watch-a947e459.js";import"../../Badge-d7e6ebd7.js";import"../Badge/styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import e from"react";import s from"./styles.module.scss";import{A as t}from"../../constants-d84659f5.js";import{b as r,P as o}from"../../Panel-cc50d8e5.js";import{c as i}from"../../index-d1c0552c.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"../Panel/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../Button-1ae9497c.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-c8d984bc.js";import"../Loader/styles.module.scss";import"../../useHover-b995a0e6.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-652aa9e9.js";import"../../ChevronUp-558a33cd.js";import"../../ArrowRight-2e4b6122.js";import"../../AlertSignFill-e0a05c2b.js";import"../../Pencil-0b63b983.js";import"../../Calendar-03556b56.js";import"../../Watch-a947e459.js";import"../../Badge-d7e6ebd7.js";import"../Badge/styles.module.scss";var a=e.forwardRef((function(a,l){var m=a.testId,p=a.children,d=a.variant,n=void 0===d?r.fill:d;return e.createElement("div",{ref:l,"data-testid":m,className:s["panel-list"],"data-analyticsid":t.PanelList},e.Children.map(p,(function(t,a){return p=t,e.isValidElement(p)&&p.type===o?(l=t,m=0===a,e.cloneElement(l,{variant:n,noTopBorder:n===r.line&&!m,className:i(l.props.className,n!==r.line&&s["panel-list__panel"])})):t;var l,m,p})))}));export{a as default};
1
+ import e from"react";import s from"./styles.module.scss";import{A as t}from"../../constants-d84659f5.js";import{b as r,P as o}from"../../Panel-de0c5303.js";import{c as i}from"../../index-d1c0552c.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"../Panel/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../Button-1ae9497c.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-c8d984bc.js";import"../Loader/styles.module.scss";import"../../useHover-b995a0e6.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-652aa9e9.js";import"../../ChevronUp-558a33cd.js";import"../../ArrowRight-2e4b6122.js";import"../../AlertSignFill-e0a05c2b.js";import"../../Pencil-0b63b983.js";import"../../Calendar-03556b56.js";import"../../Watch-a947e459.js";import"../../Badge-d7e6ebd7.js";import"../Badge/styles.module.scss";var a=e.forwardRef((function(a,l){var m=a.testId,p=a.children,d=a.variant,n=void 0===d?r.fill:d;return e.createElement("div",{ref:l,"data-testid":m,className:s["panel-list"],"data-analyticsid":t.PanelList},e.Children.map(p,(function(t,a){return p=t,e.isValidElement(p)&&p.type===o?(l=t,m=0===a,e.cloneElement(l,{variant:n,noTopBorder:n===r.line&&!m,className:i(l.props.className,n!==r.line&&s["panel-list__panel"])})):t;var l,m,p})))}));export{a as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -7,6 +7,8 @@ interface TextareaProps extends HTMLTextareaProps {
7
7
  maxCharacters?: number;
8
8
  /** The text is displayed in the end of the text-counter */
9
9
  maxText?: string;
10
+ /** Width of textarea in characters (approximate) */
11
+ width?: number;
10
12
  /** Sets the data-testid attribute. */
11
13
  testId?: string;
12
14
  /** If true, the component will have a bottom margin. */
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAe,MAAM,iBAAiB,CAAC;AAG3E,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,2FAyHZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAe,MAAM,iBAAiB,CAAC;AAI3E,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAUD,QAAA,MAAM,QAAQ,2FA4HZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -57,6 +57,25 @@
57
57
  "name": "string"
58
58
  }
59
59
  },
60
+ "width": {
61
+ "defaultValue": null,
62
+ "description": "Width of textarea in characters (approximate)",
63
+ "name": "width",
64
+ "parent": {
65
+ "fileName": "src/components/Textarea/Textarea.tsx",
66
+ "name": "TextareaProps"
67
+ },
68
+ "declarations": [
69
+ {
70
+ "fileName": "src/components/Textarea/Textarea.tsx",
71
+ "name": "TextareaProps"
72
+ }
73
+ ],
74
+ "required": false,
75
+ "type": {
76
+ "name": "number"
77
+ }
78
+ },
60
79
  "testId": {
61
80
  "defaultValue": null,
62
81
  "description": "Sets the data-testid attribute.",
@@ -1,2 +1,2 @@
1
- export{T as default}from"../../Textarea-529da670.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-d84659f5.js";import"../../uuid-11037462.js";
1
+ export{T as default}from"../../Textarea-8ab0bec5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-d84659f5.js";import"../../uuid-11037462.js";import"../../Input-eae60679.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -24,7 +24,7 @@
24
24
  $tile: &;
25
25
 
26
26
  display: flex;
27
- width: 'inherit';
27
+ width: inherit;
28
28
  padding: 1.5rem 2rem 2rem 1rem;
29
29
  flex-direction: column;
30
30
  justify-content: flex-start;
@@ -1,2 +1,2 @@
1
- export{V as Validation,V as default}from"../../Validation-93e6d691.js";import"react";import"../../index-d1c0552c.js";import"../../FormGroup-1f11adfb.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-7d0879d2.js";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-dba5974f.js";import"../RadioButton/styles.module.scss";import"../../Input-b2f694f4.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../FormLayout-4207a2c9.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
1
+ export{V as Validation,V as default}from"../../Validation-333c049f.js";import"react";import"../../index-d1c0552c.js";import"../../FormGroup-60527189.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-7d0879d2.js";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-dba5974f.js";import"../RadioButton/styles.module.scss";import"../../Input-eae60679.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../FormLayout-4207a2c9.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@helsenorge/designsystem-react",
3
3
  "sideEffects": false,
4
- "version": "1.0.0-beta138",
4
+ "version": "1.0.0-beta139",
5
5
  "description": "The official design system for Helsenorge built with React.",
6
6
  "repository": {
7
7
  "type": "tfs",
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormGroup-1f11adfb.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/Input-b2f694f4.js DELETED
@@ -1,2 +0,0 @@
1
- import{d as e}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as r}from"./_tslib-b219470a.js";import a,{useRef as t}from"react";import{c as n}from"./index-d1c0552c.js";import{F as l,a as o,A as i,I as p}from"./constants-d84659f5.js";import{u as s}from"./uuid-11037462.js";import{I as d}from"./Icon-877aeed0.js";import{g as c}from"./color-e7d082c1.js";import{u as m,B as u}from"./useBreakpoint-a74f5af5.js";import f from"./components/Input/styles.module.scss";var b;!function(e){e.text="text",e.number="number",e.email="email",e.password="password",e.search="search",e.tel="tel",e.url="url"}(b||(b={}));var w=a.forwardRef((function(w,v){var _,h,I,y=w.defaultValue,g=w.placeholder,j=w.type,x=void 0===j?b.text:j,E=w.inputId,k=void 0===E?s():E,C=w.name,N=w.transparent,L=void 0!==N&&N,O=w.icon,B=w.iconRight,R=w.mode,V=w.variant,F=w.label,S=w.error,T=w.errorText,z=w.testId,A=w.disabled,H=w.readOnly,P=w.autocomplete,X=w.afterLabelChildren,q=w.belowLabelChildren,D=r(w,["defaultValue","placeholder","type","inputId","name","transparent","icon","iconRight","mode","variant","label","error","errorText","testId","disabled","readOnly","autocomplete","afterLabelChildren","belowLabelChildren"]),G=m(),J=t(null),K=R===l.ondark,M=R===l.onblueberry,Q=R===l.oninvalid||T||S,U=V===o.bigform,W=L&&R!==l.ondark&&!Q,Y=n(f["input-wrapper"],e({},f["input-wrapper--invalid"],T)),Z=n(f["input-wrapper__label-wrapper"],(e(_={},f["input-wrapper__label-wrapper--on-dark"],K),e(_,f["input-wrapper__label-wrapper--disabled"],A),_)),$=n(f["content-wrapper"],(e(h={},f["content-wrapper--transparent"],W),e(h,f["content-wrapper--on-blueberry"],M),e(h,f["content-wrapper--on-dark"],K),e(h,f["content-wrapper--invalid"],Q),e(h,f["content-wrapper--bigform"],U),e(h,f["content-wrapper--disabled"],A),e(h,f["content-wrapper--with-icon"],O),h)),ee=n(f["content-wrapper__input"],(e(I={},f["content-wrapper__input--bigform"],U),e(I,f["content-wrapper__input--disabled"],A),I)),re=A?c("neutral",500):c("black"),ae=function(){var e=G!==u.xs&&U?p.Small:p.XSmall;return void 0!==O?a.createElement(d,{color:re,size:e,svgIcon:O}):null};return a.createElement("div",{"data-testid":z,"data-analyticsid":i.Input,className:Y},F&&a.createElement("div",{className:Z},a.createElement("label",{htmlFor:k},F),X&&a.createElement("div",{className:f["input-wrapper__after-label-children"]},X)),q&&a.createElement("div",null,q),a.createElement("div",{onClick:function(){if(J&&J.current&&O){var e=B?0:1;J.current.children[e].focus()}},ref:J,className:$},!B&&ae(),a.createElement("input",Object.assign({name:C,type:x,defaultValue:y,id:k,className:ee,ref:v,"aria-invalid":!!Q,disabled:A,placeholder:g,readOnly:H,autoComplete:P||"off"},D)),B&&ae()))}));export{w as I,b as a};
2
- //# sourceMappingURL=Input-b2f694f4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input-b2f694f4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/Panel-cc50d8e5.js DELETED
@@ -1,2 +0,0 @@
1
- import{_ as e,d as t}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as a}from"./_tslib-b219470a.js";import n,{useState as l,useRef as o}from"react";import{c as r}from"./index-d1c0552c.js";import s from"./components/Panel/styles.module.scss";import{T as i}from"./Title-b5e19cfc.js";import{B as c}from"./Button-1ae9497c.js";import{A as u,I as m}from"./constants-d84659f5.js";import{I as d}from"./Icon-877aeed0.js";import{C as p}from"./ChevronDown-652aa9e9.js";import{C as f}from"./ChevronUp-558a33cd.js";import{A as v}from"./ArrowRight-2e4b6122.js";import{A as b}from"./AlertSignFill-e0a05c2b.js";import{p as y}from"./palette-f206f488.js";import{P as g}from"./Pencil-0b63b983.js";import{C as _}from"./Calendar-03556b56.js";import{W as E}from"./Watch-a947e459.js";import{u as h,B as w}from"./useBreakpoint-a74f5af5.js";import{B as j}from"./Badge-d7e6ebd7.js";import{u as N}from"./uuid-11037462.js";var k,C,I;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(k||(k={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(C||(C={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(I||(I={}));var x=function(e){var a=e.status,l=e.statusMessage,o=r(s["status-message"],t({},s["status-message--new"],a===k.new));return a!==k.error&&a!==k.draft||!l?null:n.createElement("div",{className:o,"data-testid":"display-status"},n.createElement(d,Object.assign({},a===k.error?{color:y.cherry500,svgIcon:b}:{color:y.black,svgIcon:g},{size:m.XSmall}))," ",n.createElement("span",null,l))},B=function(e){var t=e.date,a=e.time;return t||a?n.createElement("div",{className:s["datetime-container"],"data-testid":"datetime"},t&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:_,size:m.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:E,size:m.XSmall}),n.createElement("span",null,a))):null},T=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,s=e.target,i=e.onClick,u=e.renderAsButton,m=e.showDetails,b=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsButton","showDetails"]);return u?n.createElement(c,Object.assign({testId:"expand",ref:t,onClick:i},b),m?o:l,n.createElement(d,{svgIcon:m?f:p})):n.createElement(c,Object.assign({testId:"url",ref:t,htmlMarkup:"a",href:r,target:s},b),l,n.createElement(d,{svgIcon:v}))})),A=n.forwardRef((function(a,c){var m,d,p,f,v,b,y,g=a.children,_=a.contentA,E=a.contentB,A=a.className,S=a.testId,D=a.title,P=a.url,M=a.target,O=void 0===M?"_self":M,R=a.icon,z=a.iconRight,X=void 0!==z&&z,W=a.variant,F=void 0===W?C.fill:W,H=a.status,K=void 0===H?k.normal:H,U=a.statusMessage,q=a.buttonText,G=void 0===q?"Se detaljer":q,J=a.buttonTextClose,L=void 0===J?"Skjul detaljer":J,Q=a.showCloseButtonInExpand,V=void 0===Q||Q,Y=a.layout,Z=void 0===Y?I.layout2:Y,$=a.containerAsButton,ee=void 0!==$&&$,te=a.date,ae=a.time,ne=a.noTopBorder,le=l(!1),oe=e(le,2),re=oe[0],se=oe[1],ie=o(null),ce=N(),ue=h(),me=[I.layout3a.toString(),I.layout3b.toString(),I.layout3c.toString()].includes(Z),de=r(s["panel-wrapper"],A),pe=r(s.panel,(t(m={},s["panel--fill"],F===C.fill),t(m,s["panel--stroke"],F===C.stroke),t(m,s["panel--white"],F===C.white),t(m,s["panel--line"],F===C.line),t(m,s["panel--no-top-border"],F===C.line&&ne),t(m,s["panel--selected"],re),t(m,s["panel--new"],K===k.new),t(m,s["panel--draft"],K===k.draft),t(m,s["panel--error"],K===k.error),t(m,s["panel--status"],K&&K!==k.normal),t(m,s["panel--with-icon"],R),t(m,s["panel--button"],ee),m)),fe=r((t(d={},s.panel__container,Z===I.layout2&&E),t(d,s["panel__container--layout3"],me&&E),t(d,s["panel__container--grow"],R),d)),ve=r((t(p={},s["panel-content-a"],Z===I.layout2),t(p,s["panel-content-a--layout3a"],Z===I.layout3a),t(p,s["panel-content-a--layout3b"],Z===I.layout3b),t(p,s["panel-content-a--layout3c"],Z===I.layout3c),p)),be=r((t(f={},s["panel__content-right--layout1"],E&&Z===I.layout1),t(f,s["panel__content-right--layout2"],E&&Z===I.layout2),t(f,s["panel__content-right--layout3"],E&&me),t(f,s["panel__content-right--layout3a"],E&&Z===I.layout3a),t(f,s["panel__content-right--layout3b"],E&&Z===I.layout3b),t(f,s["panel__content-right--layout3c"],E&&Z===I.layout3c),f)),ye=r(s["panel-details"],(t(v={},s["panel-details--open"],re),t(v,s["panel-details--line"],F===C.line),t(v,s["panel-details--white"],F===C.white),t(v,s["panel-details--with-icon"],R),v)),ge=r(s["panel-content-b"],(t(b={},s["panel-content-b--layout1"],Z===I.layout1),t(b,s["panel-content-b--layout3"],me),b)),_e=r(s["panel__details-btn"],t({},s["panel__details-btn--pull-right"],E)),Ee=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,a={id:t,tabIndex:e?void 0:-1,variant:"borderless",ellipsis:!0};return n.createElement(T,Object.assign({renderAsButton:!!g,onClick:function(){return se(!re)},showDetails:re,buttonText:G,url:P,target:O,buttonTextClose:L,ref:t?ie:void 0},a))},he=r(s["panel__btn-container"],(t(y={},s["panel__btn-container--layout3"],me),t(y,s["panel__btn-container--padding-top"],E),y));return n.createElement("div",{ref:c,"data-testid":S,className:de,"data-analyticsid":u.Panel},n.createElement("div",{className:pe,tabIndex:ee?0:void 0,onClick:function(){var e;ee&&(null===(e=ie.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ee||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=ie.current)||void 0===t||t.click())},"aria-labelledby":ee?ce:void 0,role:ee?"button":void 0},R&&!X&&n.createElement("div",{className:s.panel__icon},R),n.createElement("div",{className:fe},n.createElement("div",{className:ve},n.createElement(x,{status:K,statusMessage:U}),D&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(i,{appearance:"title3"},D),U&&K===k.new&&n.createElement("div",null,n.createElement(j,{color:"blueberry",testId:"badge-status"},U))),_,ue>=w.lg&&n.createElement(B,{date:te,time:ae})),n.createElement("div",{className:be},E&&n.createElement("div",{className:ge},E),(g||P||te||ae)&&n.createElement("div",{className:he},ue<w.lg&&n.createElement(B,{date:te,time:ae}),(g||P)&&n.createElement("div",{className:_e},Ee(!ee,ce))))),R&&X&&n.createElement("div",{className:s["panel__icon--right"]},R)),g&&n.createElement("div",{className:ye,"data-testid":"panel-details"},n.createElement("div",null,g),V&&Ee()))}));export{A as P,k as a,C as b,I as c};
2
- //# sourceMappingURL=Panel-cc50d8e5.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Panel-cc50d8e5.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{_ as e,d as a}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as r}from"./_tslib-b219470a.js";import t,{useState as n,useRef as l,useEffect as o}from"react";import{c as i}from"./index-d1c0552c.js";import s from"./components/Textarea/styles.module.scss";import{F as d,A as c}from"./constants-d84659f5.js";import{u as m}from"./uuid-11037462.js";var p=t.forwardRef((function(p,u){var v,w,x,f=p.maxCharacters,b=p.maxText,_=p.testId,h=p.defaultValue,g=p.marginBottom,E=p.transparent,T=p.mode,C=p.label,j=p.textareaId,N=void 0===j?m():j,R=p.minRows,k=void 0===R?3:R,y=p.maxRows,B=void 0===y?10:y,I=p.grow,L=p.errorText,H=p.afterLabelChildren,V=p.belowLabelChildren,F=r(p,["maxCharacters","maxText","testId","defaultValue","marginBottom","transparent","mode","label","textareaId","minRows","maxRows","grow","errorText","afterLabelChildren","belowLabelChildren"]),A=n(k),M=e(A,2),O=M[0],P=M[1],q=n(h||""),z=e(q,2),D=z[0],G=z[1],J=l(null),K=function(e){var a=e.rows;e.rows=k;var r=Math.floor((e.scrollHeight-16)/28);r===a&&(e.rows=r),r>=B&&(e.rows=B,e.scrollTop=e.scrollHeight),P(r<B?r:B)},Q=T===d.ondark,S=T===d.onblueberry,U=f&&D.length>f,W=T===d.oninvalid||L||U,X=i(s.textarea,(a(v={},s["textarea--gutterBottom"],g),a(v,s["textarea--invalid"],L),v)),Y=i(s["textarea__label-wrapper"],a({},s["textarea__label-wrapper--on-dark"],Q)),Z=i(s["content-wrapper"],(a(w={},s["content-wrapper--transparent"],E),a(w,s["content-wrapper--on-blueberry"],S),a(w,s["content-wrapper--on-dark"],Q),a(w,s["content-wrapper--invalid"],W),a(w,s["content-wrapper--disabled"],p.disabled),w)),$=i(s["content-wrapper__input"],a({},s["content-wrapper__input--disabled"],p.disabled)),ee=i(s["textarea__counter-wrapper"],(a(x={},s["textarea__counter-wrapper--on-dark"],Q),a(x,s["textarea__counter-wrapper--invalid"],W),x));return o((function(){var e,a,r;if(I&&(null===(e=J.current)||void 0===e?void 0:e.children)&&(null===(a=J.current)||void 0===a?void 0:a.children[0])){var t=null===(r=J.current)||void 0===r?void 0:r.children[0];K(t)}}),[]),t.createElement("div",{"data-testid":_,"data-analyticsid":c.Textarea,className:X},C&&t.createElement("div",{className:Y},t.createElement("label",{htmlFor:N},C),H&&t.createElement("div",{className:s["textarea__after-label-children"]},H)),V&&t.createElement("div",null,V),t.createElement("div",{className:Z,ref:J},t.createElement("textarea",Object.assign({rows:O,defaultValue:h,id:N,className:$,ref:u,onChange:function(e){I&&K(e.target),G(e.target.value)},"aria-invalid":!!W},F))),f&&t.createElement("div",{className:ee},t.createElement("p",null,"".concat(D.length,"/").concat(f," ").concat(b||"tegn"))))}));export{p as T};
2
- //# sourceMappingURL=Textarea-529da670.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textarea-529da670.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Validation-93e6d691.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}