@helsenorge/designsystem-react 1.3.2 → 1.5.0

package/Panel-bca5223d.js

@@ -1,2 +0,0 @@
-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,useEffect as r}from"react";import{c as i}from"./index-d1c0552c.js";import s from"./components/Panel/styles.module.scss";import{T as c}from"./Title-01820508.js";import{B as d}from"./Button-b55b2d27.js";import{A as u,I as m}from"./constants-dbdea596.js";import{I as p}from"./Icon-d69d65b3.js";import{C as f}from"./ChevronDown-2b3daace.js";import{C as v}from"./ChevronUp-dfafe27b.js";import{A as b}from"./ArrowRight-43c97f7a.js";import{A as y}from"./AlertSignFill-5df5b7c7.js";import{p as g}from"./palette-f206f488.js";import{P as E}from"./Pencil-dd3fe667.js";import{C as _}from"./Calendar-a9aa98de.js";import{W as h}from"./Watch-3d5fc351.js";import{u as j,B as k}from"./useBreakpoint-a74f5af5.js";import{u as w}from"./useUuid-3b1e73f2.js";import{u as x}from"./usePrevious-ae293b10.js";import{B as C}from"./Badge-eebcb720.js";var N,I,B;!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"}(I||(I={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(B||(B={}));var T=function(e){var a=e.status,l=e.statusMessage,o=i(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(p,Object.assign({},a===N.error?{color:g.cherry500,svgIcon:y}:{color:g.black,svgIcon:E},{size:m.XSmall}))," ",n.createElement("span",null,l))},A=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(p,{svgIcon:_,size:m.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(p,{svgIcon:h,size:m.XSmall}),n.createElement("span",null,a))):null},M=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,i=e.target,s=e.onClick,c=e.renderAsExpander,u=e.isExpanded,m=e.buttonHtmlMarkup,y=void 0===m?"a":m,g=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsExpander","isExpanded","buttonHtmlMarkup"]);return c?n.createElement(d,Object.assign({testId:"expand",ref:t,onClick:s},g,{"aria-expanded":u}),u?o:l,n.createElement(p,{svgIcon:u?v:f})):n.createElement(d,Object.assign({testId:"url",ref:t,htmlMarkup:y,onClick:s,href:r,target:i},g),l,n.createElement(p,{svgIcon:b}))})),S=n.forwardRef((function(a,d){var m,p,f,v,b,y,g=a.children,E=a.contentA,_=a.contentB,h=a.className,S=a.testId,P=a.title,H=a.titleHtmlMarkup,O=void 0===H?"h2":H,R=a.url,z=a.target,D=void 0===z?"_self":z,W=a.icon,X=a.iconRight,U=void 0!==X&&X,F=a.variant,K=void 0===F?I.fill:F,q=a.status,G=void 0===q?N.normal:q,J=a.statusMessage,L=a.buttonText,Q=void 0===L?"Se detaljer":L,V=a.buttonTextClose,Y=void 0===V?"Skjul detaljer":V,Z=a.showCloseButtonInExpand,$=void 0===Z||Z,ee=a.layout,te=void 0===ee?B.layout2:ee,ae=a.containerAsButton,ne=void 0!==ae&&ae,le=a.date,oe=a.time,re=a.noTopBorder,ie=a.buttonOnClick,se=a.buttonHtmlMarkup,ce=a.expanded,de=void 0!==ce&&ce,ue=a.onExpand,me=a.renderChildrenWhenClosed,pe=void 0!==me&&me,fe=l(de),ve=e(fe,2),be=ve[0],ye=ve[1],ge=x(be),Ee=o(null),_e=w(),he=j();r((function(){de!==be&&ye(de)}),[de]),r((function(){ue&&be!==!!ge&&ue(be)}),[be,ue]);var je=[B.layout3a.toString(),B.layout3b.toString(),B.layout3c.toString()].includes(te),ke=i(s["panel-wrapper"],h),we=i(s.panel,(t(m={},s["panel--fill"],K===I.fill),t(m,s["panel--stroke"],K===I.stroke),t(m,s["panel--white"],K===I.white),t(m,s["panel--line"],K===I.line),t(m,s["panel--no-top-border"],K===I.line&&re),t(m,s["panel--selected"],be),t(m,s["panel--new"],G===N.new),t(m,s["panel--draft"],G===N.draft),t(m,s["panel--error"],G===N.error),t(m,s["panel--status"],G&&G!==N.normal),t(m,s["panel--with-icon"],W),t(m,s["panel--button"],ne),t(m,s["panel--clickable"],g||R||ue||ie||ne),m)),xe=i((t(p={},s.panel__container,te===B.layout2&&_),t(p,s["panel__container--layout3"],je&&_),t(p,s["panel__container--grow"],W),p)),Ce=i((t(f={},s["panel-content-a"],te===B.layout2),t(f,s["panel-content-a--layout3a"],te===B.layout3a),t(f,s["panel-content-a--layout3b"],te===B.layout3b),t(f,s["panel-content-a--layout3c"],te===B.layout3c),f)),Ne=i((t(v={},s["panel__content-right--layout1"],_&&te===B.layout1),t(v,s["panel__content-right--layout2"],_&&te===B.layout2),t(v,s["panel__content-right--layout3"],_&&je),t(v,s["panel__content-right--layout3a"],_&&te===B.layout3a),t(v,s["panel__content-right--layout3b"],_&&te===B.layout3b),t(v,s["panel__content-right--layout3c"],_&&te===B.layout3c),v)),Ie=i(s["panel-content-b"],(t(b={},s["panel-content-b--layout1"],te===B.layout1),t(b,s["panel-content-b--layout3"],je),b)),Be=i(s["panel__details-btn"]),Te=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(M,Object.assign({renderAsExpander:!!g,onClick:ie||function(){return ye(!be)},isExpanded:be,buttonText:Q,url:R,target:D,buttonTextClose:Y,ref:t?Ee:void 0,buttonHtmlMarkup:se},a))},Ae=i(s["panel__btn-container"],(t(y={},s["panel__btn-container--layout3"],je),t(y,s["panel__btn-container--padding-top"],_),y));return n.createElement("div",{ref:d,"data-testid":S,className:ke,"data-analyticsid":u.Panel},n.createElement("div",{className:we,tabIndex:ne?0:void 0,onClick:function(){var e;ne&&(null===(e=Ee.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ne||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=Ee.current)||void 0===t||t.click())},"aria-labelledby":ne?_e:void 0,role:ne?"button":void 0},W&&!U&&n.createElement("div",{className:s.panel__icon},W),n.createElement("div",{className:xe},n.createElement("div",{className:Ce},n.createElement(T,{status:G,statusMessage:J}),P&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(c,{appearance:"title3",htmlMarkup:O},P),J&&G===N.new&&n.createElement(C,{color:"blueberry",testId:"badge-status",className:s.panel__badge},J)),E,he>=k.lg&&n.createElement(A,{date:le,time:oe})),n.createElement("div",{className:Ne},_&&n.createElement("div",{className:Ie},_),(g||R||le||oe||ie)&&n.createElement("div",{className:Ae},he<k.lg&&n.createElement(A,{date:le,time:oe}),(g||R||ie)&&n.createElement("div",{className:Be},Te(!ne,_e))))),W&&U&&n.createElement("div",{className:s["panel__icon--right"]},W)),function(){var e;if(!g)return null;if(!pe&&!be)return null;var a=i(s["panel-details"],(t(e={},s["panel-details--open"],be),t(e,s["panel-details--line"],K===I.line),t(e,s["panel-details--white"],K===I.white),t(e,s["panel-details--with-icon"],W),e));return n.createElement("div",{className:a,"data-testid":"panel-details"},n.createElement("div",null,g),$&&n.createElement("div",{className:Be},Te()))}())}));export{S as P,N as a,I as b,B as c};
-//# sourceMappingURL=Panel-bca5223d.js.map

package/Panel-bca5223d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel-bca5223d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Pencil-dd3fe667.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pencil-dd3fe667.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/PlusSmall-430bf03a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlusSmall-430bf03a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/RadioButton-3ce7a88d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton-3ce7a88d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/TableExpandedRow-29fb827f.js

@@ -1,2 +0,0 @@
-import{d as e}from"./_rollupPluginBabelHelpers-0f007973.js";import a from"react";import{c as t}from"./index-d1c0552c.js";import r from"./components/Table/styles.module.scss";import{B as o}from"./Button-b55b2d27.js";import{I as n}from"./Icon-d69d65b3.js";import"./constants-dbdea596.js";import{C as s}from"./ChevronUp-dfafe27b.js";var l=function(l){var d=l.numberOfColumns,m=l.expanded,c=l.hideDetailsText,p=l.toggleClick,i=l.children,b=l.className,_=t(r["table__expanded-row"],e({},r["table__expanded-row--expanded"],m),b),f=t(r.table__cell,b),x=t(r["table__expanded-row-container"],e({},r["table__expanded-row-container--expanded"],m));return a.createElement("tr",{className:_},a.createElement("td",{colSpan:d,className:f},a.createElement("div",{className:x},i,a.createElement(o,{className:r["table__expanded-row-button"],variant:"borderless",onClick:p,tabIndex:m?0:-1},c,a.createElement(n,{svgIcon:s})))))};export{l as T};
-//# sourceMappingURL=TableExpandedRow-29fb827f.js.map

package/TableExpandedRow-29fb827f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableExpandedRow-29fb827f.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/TableExpanderCell-767bde5d.js

@@ -1,2 +0,0 @@
-import e from"react";import{c as a}from"./index-d1c0552c.js";import r from"./components/Table/styles.module.scss";import{I as o}from"./Icon-d69d65b3.js";import"./constants-dbdea596.js";import{B as t}from"./Button-b55b2d27.js";import{C as s}from"./ChevronDown-2b3daace.js";import{C as l}from"./ChevronUp-dfafe27b.js";import{p as m}from"./palette-f206f488.js";var n=function(n){var c=n.expandableRowId,d=n.hideDetailsText,i=n.showDetailsText,p=n.expanded,b=n.className,f=a(r.table__cell,r["table__cell-expander"],b),x=p?l:s;return e.createElement("td",{className:f,"aria-controls":c,"aria-label":p?d:i},e.createElement(t,{variant:"borderless","aria-expanded":p,"aria-controls":c,"aria-label":p?d:i},e.createElement(o,{svgIcon:x,color:m.blueberry500})))};export{n as T};
-//# sourceMappingURL=TableExpanderCell-767bde5d.js.map

package/TableExpanderCell-767bde5d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableExpanderCell-767bde5d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/TableHeadCell-84651910.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeadCell-84651910.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/TableRow-6659d9bb.js

@@ -1,2 +0,0 @@
-import{d as e}from"./_rollupPluginBabelHelpers-0f007973.js";import a from"react";import{c as l}from"./index-d1c0552c.js";import o from"./components/Table/styles.module.scss";import{B as t}from"./Button-b55b2d27.js";import{I as r}from"./Icon-d69d65b3.js";import"./constants-dbdea596.js";import{C as n}from"./ChevronUp-dfafe27b.js";import{C as s}from"./ChevronDown-2b3daace.js";var d=function(d){var m,i=d.rowKey,b=d.hideDetailsText,c=d.showDetailsText,p=d.expandable,x=d.expanded,_=d.onClick,f=d.className,u=d.children,j=l(o["table-row"],(e(m={},o["table__row--expandable"],p),e(m,o["table__row--expanded"],x),m),f),v=null;if(p){var C=l(o.table__cell,o["table__expander-cell-mobile"],e({},o["table__expander-cell-mobile--expanded"],x)),w=l(o["table__expander-button-mobile"],e({},o["table__expander-button-mobile--expanded"],x));v=a.createElement("td",{key:"expandableMobile",className:C},a.createElement(t,{"aria-expanded":x,variant:"borderless",className:w,onClick:function(){_&&_()}},a.createElement(r,{svgIcon:x?n:s})," ",x?b:c))}return a.createElement("tr",{className:j,onClick:_,key:i},u,v)};export{d as T};
-//# sourceMappingURL=TableRow-6659d9bb.js.map

package/TableRow-6659d9bb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow-6659d9bb.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Textarea-56a24cb9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea-56a24cb9.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Title-01820508.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title-01820508.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Tooltip-d8293023.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-d8293023.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Undo-cc42e7d0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Undo-cc42e7d0.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Validation-087d9955.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Validation-087d9955.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Watch-3d5fc351.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Watch-3d5fc351.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/X-867957f2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"X-867957f2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/constants-dbdea596.js

@@ -1,2 +0,0 @@
-var a,o,e,n,t,r;!function(a){a[a.XXSmall=24]="XXSmall",a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(o||(o={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(e||(e={})),function(a){a.normal="normal",a.bigform="bigform"}(n||(n={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Dropdown="dropdown",a.Expander="expander",a.ExpanderList="expander-list",a.ExpanderListExpander="expander-list-expander",a.FormGroup="form-group",a.FormLayout="form-layout",a.HelpBubble="help-bubble",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Panel="panel",a.PanelList="panel-list",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.StatusDot="status-dot",a.Table="table",a.Tag="tag",a.TagList="tag-list",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Tooltip="tooltip",a.Validation="validation"}(t||(t={})),function(a){a.Enter="Enter",a.Escape="Escape",a.ArrowDown="ArrowDown",a.ArrowUp="ArrowUp",a.Home="Home",a.End="End"}(r||(r={}));export{t as A,e as F,a as I,r as K,o as Z,n as a};
-//# sourceMappingURL=constants-dbdea596.js.map

package/constants-dbdea596.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-dbdea596.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/index-28ed5ede.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-28ed5ede.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}