@oslokommune/punkt-react 12.17.2 → 12.17.3
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.
- package/CHANGELOG.md +21 -0
- package/dist/punkt-react.es.js +5 -5
- package/dist/punkt-react.umd.js +1 -1
- package/package.json +2 -2
- package/src/components/header/Header.tsx +15 -5
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,27 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [12.17.3](https://github.com/oslokommune/punkt/compare/12.17.2...12.17.3) (2025-01-16)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Ikke oversett egennavn i Header (#2129). Gjelder:
|
|
18
|
+
- Virksomhet
|
|
19
|
+
- Innlogget bruker
|
|
20
|
+
- Representasjon
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Chores
|
|
24
|
+
Ingen
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
|
|
8
29
|
## [12.17.2](https://github.com/oslokommune/punkt/compare/12.17.1...12.17.2) (2025-01-16)
|
|
9
30
|
|
|
10
31
|
### ⚠ BREAKING CHANGES
|
package/dist/punkt-react.es.js
CHANGED
|
@@ -27515,7 +27515,7 @@ const zj = Bs({
|
|
|
27515
27515
|
)
|
|
27516
27516
|
}
|
|
27517
27517
|
),
|
|
27518
|
-
/* @__PURE__ */ L.jsx("span", { className: "pkt-header__logo-service", children: s })
|
|
27518
|
+
/* @__PURE__ */ L.jsx("span", { className: "pkt-header__logo-service", translate: "no", children: s })
|
|
27519
27519
|
] }),
|
|
27520
27520
|
/* @__PURE__ */ L.jsx("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ L.jsxs("ul", { className: "pkt-header__actions-row", children: [
|
|
27521
27521
|
$ && /* @__PURE__ */ L.jsx("li", { children: /* @__PURE__ */ L.jsx(
|
|
@@ -27547,8 +27547,8 @@ const zj = Bs({
|
|
|
27547
27547
|
onClick: tt,
|
|
27548
27548
|
children: [
|
|
27549
27549
|
/* @__PURE__ */ L.jsx(zn, { name: "user", className: "pkt-btn__icon" }),
|
|
27550
|
-
/* @__PURE__ */ L.jsx("span", { className: "pkt-header__user-fullname", children: (D == null ? void 0 : D.name) || (v == null ? void 0 : v.name) }),
|
|
27551
|
-
/* @__PURE__ */ L.jsx("span", { className: "pkt-header__user-shortname", children: (D == null ? void 0 : D.shortname) || (v == null ? void 0 : v.shortname) }),
|
|
27550
|
+
/* @__PURE__ */ L.jsx("span", { className: "pkt-header__user-fullname", translate: "no", children: (D == null ? void 0 : D.name) || (v == null ? void 0 : v.name) }),
|
|
27551
|
+
/* @__PURE__ */ L.jsx("span", { className: "pkt-header__user-shortname", translate: "no", children: (D == null ? void 0 : D.shortname) || (v == null ? void 0 : v.shortname) }),
|
|
27552
27552
|
/* @__PURE__ */ L.jsx(zn, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
|
|
27553
27553
|
/* @__PURE__ */ L.jsx(zn, { name: "chevron-thin-up", className: "pkt-btn--open" })
|
|
27554
27554
|
]
|
|
@@ -27557,7 +27557,7 @@ const zj = Bs({
|
|
|
27557
27557
|
/* @__PURE__ */ L.jsxs("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
|
|
27558
27558
|
v && /* @__PURE__ */ L.jsxs("li", { children: [
|
|
27559
27559
|
/* @__PURE__ */ L.jsx("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
|
|
27560
|
-
/* @__PURE__ */ L.jsx("div", { className: "pkt-user-menu__name", children: v.name }),
|
|
27560
|
+
/* @__PURE__ */ L.jsx("div", { className: "pkt-user-menu__name", translate: "no", children: v.name }),
|
|
27561
27561
|
v.lastLoggedIn && /* @__PURE__ */ L.jsxs("div", { className: "pkt-user-menu__last-logged-in", children: [
|
|
27562
27562
|
"Sist pålogget: ",
|
|
27563
27563
|
/* @__PURE__ */ L.jsx("time", { children: W })
|
|
@@ -27573,7 +27573,7 @@ const zj = Bs({
|
|
|
27573
27573
|
(D || P) && /* @__PURE__ */ L.jsxs("li", { children: [
|
|
27574
27574
|
D && /* @__PURE__ */ L.jsxs(L.Fragment, { children: [
|
|
27575
27575
|
/* @__PURE__ */ L.jsx("div", { className: "pkt-user-menu__label", children: "Representerer" }),
|
|
27576
|
-
/* @__PURE__ */ L.jsx("div", { className: "pkt-user-menu__name", children: D.name }),
|
|
27576
|
+
/* @__PURE__ */ L.jsx("div", { className: "pkt-user-menu__name", translate: "no", children: D.name }),
|
|
27577
27577
|
D.orgNumber && /* @__PURE__ */ L.jsxs("div", { className: "pkt-user-menu__org-number", children: [
|
|
27578
27578
|
"Org.nr. ",
|
|
27579
27579
|
D.orgNumber
|
package/dist/punkt-react.umd.js
CHANGED
|
@@ -926,7 +926,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
|
|
|
926
926
|
Copyright (c) 2018 Jed Watson.
|
|
927
927
|
Licensed under the MIT License (MIT), see
|
|
928
928
|
http://jedwatson.github.io/classnames
|
|
929
|
-
*/(function(n){(function(){var r={}.hasOwnProperty;function s(){for(var v="",g=0;g<arguments.length;g++){var D=arguments[g];D&&(v=f(v,u(D)))}return v}function u(v){if(typeof v=="string"||typeof v=="number")return v;if(typeof v!="object")return"";if(Array.isArray(v))return s.apply(null,v);if(v.toString!==Object.prototype.toString&&!v.toString.toString().includes("[native code]"))return v.toString();var g="";for(var D in v)r.call(v,D)&&v[D]&&(g=f(g,D));return g}function f(v,g){return g?v?v+" "+g:v+g:v}n.exports?(s.default=s,n.exports=s):window.classNames=s})()})(nC);var n$=nC.exports;const Ga=oy(n$),r$=Le.forwardRef(({title:n,className:r,children:s,toggleProps:u,defaultOpen:f=!1,id:v},g)=>{const[D,E]=Le.useState(f),_=u?u.isOpen:D,P=B=>B??void 0,$=(B,M)=>{B.preventDefault(),u!==void 0&&u.onToggleClick(B,M),E(!_)},R=Ga(r,"pkt-accordion-item");return L.jsxs("details",{className:R,ref:g,id:v,open:P(u?u.isOpen:D),children:[L.jsxs("summary",{className:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${v}`,onClick:B=>$(B,v),children:[n,L.jsx(Rn,{name:"chevron-thin-down",className:"pkt-accordion-item__icon","aria-hidden":"true"})]}),L.jsx("div",{id:`pkt-accordion-item-content-${v}`,role:"region",className:"pkt-accordion-item__content",children:s})]})}),a$=rs({tagName:"pkt-alert",elementClass:Is,react:Le,displayName:"PktAlert",events:{onClose:"close"}}),rC=Le.forwardRef(({children:n,...r},s)=>L.jsx(a$,{ref:s,...r,children:L.jsx("div",{className:"pkt-contents",children:n})}));rC.displayName="PktAlert";const aC=Le.forwardRef(({href:n,text:r,onClick:s,className:u,...f},v)=>{const g=[u,"pkt-back-link"].filter(Boolean).join(" "),D=E=>{s&&s(E)};return L.jsx("nav",{ref:v,className:g,"aria-label":"Gå tilbake et steg",children:L.jsxs("a",{href:n||"/",className:"pkt-link pkt-link--icon-left",onClick:D,...f,children:[L.jsx(Rn,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left","aria-hidden":"true"}),L.jsx("span",{className:"pkt-back-link__text",children:r||"Forsiden"})]})})});aC.displayName="PktBackLink";const i$=Le.forwardRef(({breadcrumbs:n,navigationType:r,className:s,...u},f)=>{const v=n.slice(0,4),g=v[v.length-2],D=[s,"pkt-breadcrumbs"].filter(Boolean).join(" ");return L.jsxs("nav",{ref:f,"aria-label":"brødsmulemeny",className:D,children:[L.jsx("ol",{className:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop",children:v.map((E,_)=>L.jsx("li",{className:"pkt-breadcrumbs__item",children:_===v.length-1?L.jsx("span",{className:"pkt-breadcrumbs__label","aria-current":"true",children:L.jsx("span",{className:"pkt-breadcrumbs__text",children:E.text})}):r==="router"?L.jsxs(ap.Link,{to:E.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...u,children:[L.jsx(Rn,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:E.text})]}):L.jsxs("a",{href:E.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...u,children:[L.jsx(Rn,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:E.text})]})},`breadcrumb-${_}`))}),r==="router"?L.jsxs(ap.Link,{to:g.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...u,children:[L.jsx(Rn,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:g.text})]}):L.jsxs("a",{href:g.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...u,children:[L.jsx(Rn,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:g.text})]})]})}),Jf=Le.forwardRef(({children:n,className:r,iconName:s="user",secondIconName:u="user",size:f="medium",skin:v="primary",type:g="button",variant:D="label-only",state:E,color:_,isLoading:P=!1,...$},R)=>{const B=[r,"pkt-btn",f&&`pkt-btn--${f}`,v&&`pkt-btn--${v}`,D&&`pkt-btn--${D}`,_&&`pkt-btn--${_}`,P&&"pkt-btn--active",E&&`pkt-btn--${E}`].filter(Boolean).join(" ");return L.jsxs("button",{...$,className:B,type:g,ref:R,children:[P&&L.jsx(Rn,{className:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.17/animations/"}),D!=="label-only"&&L.jsx(Rn,{className:"pkt-btn__icon",name:s}),L.jsx("span",{className:"pkt-btn__text",children:n}),D==="icons-right-and-left"&&L.jsx(Rn,{className:"pkt-btn__icon",name:u})]})});Jf.displayName="PktButton";const o$=rs({tagName:"pkt-card",elementClass:xu,react:Le,displayName:"PktCard",events:{}}),iC=Le.forwardRef(({children:n,...r},s)=>L.jsx(o$,{...r,ref:s,children:L.jsx("div",{className:"pkt-contents",children:n})}));iC.displayName="PktCard";const wy=Le.forwardRef(({id:n,hasTile:r=!1,disabled:s=!1,label:u,labelPosition:f="right",hideLabel:v=!1,checkHelptext:g,hasError:D=!1,isSwitch:E=!1,className:_,...P},$)=>{const R=[_,"pkt-input-check"].filter(Boolean).join(" ");return L.jsx("div",{className:R,children:L.jsxs("div",{className:`pkt-input-check__input ${r?"pkt-input-check__input--tile":""} ${s&&r?"pkt-input-check__input--tile-disabled":""}`,children:[u&&f==="left"&&L.jsxs("label",{className:`pkt-input-check__input-label ${v?"pkt-sr-only":""}`,htmlFor:n,children:[u,g&&L.jsx("div",{className:"pkt-input-check__input-helptext",children:g})]}),L.jsx("input",{ref:$,className:`pkt-input-check__input-checkbox ${D?"pkt-input-check__input-checkbox--error":""}`,type:"checkbox",role:E?"switch":"checkbox",id:n,disabled:s,...P}),u&&f==="right"&&L.jsxs("label",{className:`pkt-input-check__input-label ${v?"pkt-sr-only":""}`,htmlFor:n,children:[u,g&&L.jsx("div",{className:"pkt-input-check__input-helptext",children:g})]})]})})});wy.displayName="PktCheckbox";const oC=rs({tagName:"pkt-datepicker",elementClass:jr,react:Le,displayName:"PktDatepicker",events:{onChange:"change",onBlur:"blur",onFocus:"focus",onValueChange:"value-change",onToggleHelpText:"toggleHelpText"}}),s$=({columnOne:n,columnTwo:r,socialLinks:s,className:u,personvernOgInfoLink:f="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:v="https://www.oslo.kommune.no/tilgjengelighet/"})=>{var D,E;const g=[u,"pkt-footer"].filter(Boolean).join(" ");return L.jsx("footer",{className:g,"data-mode":"dark",children:L.jsxs("div",{className:"pkt-footer__container",children:[L.jsxs("div",{className:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16",children:[L.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[L.jsx("h2",{className:"pkt-footer__title",children:n.title}),L.jsxs("ul",{className:"pkt-footer__list",children:[n.text&&L.jsx("li",{className:"pkt-footer__text",children:n.text}),(D=n.links)==null?void 0:D.map((_,P)=>L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:`pkt-footer__link ${_.external?"pkt-link--external":""}`,href:_.href,target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),_.text]})},`links-${P}`))]})]}),L.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[L.jsx("h2",{className:"pkt-footer__title",children:r.title}),L.jsxs("ul",{className:"pkt-footer__list",children:[r.text&&L.jsx("li",{className:"pkt-footer__text",children:r.text}),(E=r.links)==null?void 0:E.map((_,P)=>L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:`pkt-footer__link ${_.external?"pkt-link--external":""}`,href:_.href,target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),_.text]})},`links-${P}`))]})]}),L.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[L.jsx("h2",{className:"pkt-footer__title",children:"Om nettstedet"}),L.jsxs("ul",{className:"pkt-footer__list",children:[L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:"pkt-footer__link",href:f,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:"pkt-footer__link",href:v,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})]})]}),s&&L.jsxs("div",{className:"pkt-footer__social","aria-label":"standard lenker",children:[L.jsx("div",{className:"pkt-footer__social-languages",children:s.filter(_=>_.language).map((_,P)=>L.jsx("div",{className:"pkt-footer__social-language",children:L.jsx("a",{href:_.href,"aria-label":`til ${_.language} versjon av nettsiden`,target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:_.language})},`sociallinks-language-${P}`))}),L.jsx("div",{className:"pkt-footer__social-icons",children:s.filter(_=>_.iconName).map((_,P)=>L.jsx(Le.Fragment,{children:L.jsx("a",{href:_.href,"aria-label":`til ${_.iconName}`,className:"pkt-footer__social-icon-link",target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:L.jsx(Rn,{className:"pkt-footer__social-icon",name:_.iconName})})},`sociallinks-${P}`))})]})]})})},l$=({links:n=[],personvernOgInfoLink:r="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:s="https://www.oslo.kommune.no/tilgjengelighet/",className:u})=>{const f=[u,"pkt-footer-simple"].filter(Boolean).join(" ");return L.jsx("footer",{className:f,"data-mode":"dark",children:L.jsx("div",{className:"pkt-footer-simple__container",children:L.jsxs("ul",{className:"pkt-footer-simple__list",children:[n.map((v,g)=>L.jsx("li",{className:"pkt-footer-simple__list-item",children:L.jsxs("a",{className:`pkt-footer-simple__link ${v.external?" pkt-link--external":""}`,href:v.href,target:v.openInNewTab?"_blank":"_self",rel:v.openInNewTab?"noopener noreferrer":void 0,children:[L.jsx(Rn,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),v.text]})},g)),L.jsx("li",{className:"pkt-footer-simple__list-item",children:L.jsxs("a",{className:"pkt-footer-simple__link",href:r,children:[L.jsx(Rn,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),L.jsx("li",{className:"pkt-footer-simple__list-item",children:L.jsxs("a",{className:"pkt-footer-simple__link",href:s,children:[L.jsx(Rn,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})})})},u$=Le.forwardRef(({className:n,logoLink:r="https://www.oslo.kommune.no/",serviceName:s,fixed:u=!0,scrollToHide:f=!0,user:v,userMenu:g,representing:D,userOptions:E,userMenuFooter:_,canChangeRepresentation:P=!0,showMenuButton:$=!1,showLogOutButton:R=!1,openMenu:B,logOut:M,changeRepresentation:V,children:H,...fe},G)=>{const W=Le.useMemo(()=>typeof(v==null?void 0:v.lastLoggedIn)=="string"?v.lastLoggedIn:v!=null&&v.lastLoggedIn?new Date(v.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):"",[v]),[ee,z]=Le.useState(!1),[re,ae]=Le.useState(0),[Te,me]=Le.useState(!1),Ue=Le.useRef(null);Le.useEffect(()=>(document&&(document.addEventListener("mouseup",Qe),window.addEventListener("scroll",Ae)),()=>{document&&(document.removeEventListener("mouseup",Qe),window.removeEventListener("scroll",Ae))}));const rt=()=>{me(!Te)},Qe=De=>{Ue.current&&!Ue.current.contains(De.target)&&me(!1)},Ae=()=>{if(f){const De=window.pageYOffset||document.documentElement.scrollTop;if(De<0||Math.abs(De-re)<60)return;z(De>re),ae(De)}};return L.jsxs("header",{...fe,id:"pkt-header","data-testid":"pkt-header","aria-label":"Topp",className:Ga(n,"pkt-header",{"pkt-header--fixed":u,"pkt-header--scroll-to-hide":f,"pkt-header--hidden":ee}),ref:G,children:[L.jsxs("div",{className:"pkt-header__logo",children:[typeof r=="string"?L.jsx("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:r,children:L.jsx(Rn,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.17/logos/"})}):L.jsx("button",{"aria-label":"Tilbake til forside",className:"pkt-link-button pkt-link pkt-header__logo-link",onClick:r,children:L.jsx(Rn,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.17/logos/"})}),L.jsx("span",{className:"pkt-header__logo-service",children:s})]}),L.jsx("nav",{className:"pkt-header__actions",children:L.jsxs("ul",{className:"pkt-header__actions-row",children:[$&&L.jsx("li",{children:L.jsx(Jf,{className:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onClick:B,children:"Meny"})}),(v||D)&&L.jsxs("li",{"data-testid":"usermenu",className:`pkt-header--has-dropdown ${Te&&!ee?"pkt-header--open-dropdown":""}`,ref:Ue,children:[L.jsxs("button",{className:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button",role:"button","aria-controls":"pktUserDropdown","aria-expanded":Te,onClick:rt,children:[L.jsx(Rn,{name:"user",className:"pkt-btn__icon"}),L.jsx("span",{className:"pkt-header__user-fullname",children:(D==null?void 0:D.name)||(v==null?void 0:v.name)}),L.jsx("span",{className:"pkt-header__user-shortname",children:(D==null?void 0:D.shortname)||(v==null?void 0:v.shortname)}),L.jsx(Rn,{name:"chevron-thin-down",className:"pkt-btn--closed"}),L.jsx(Rn,{name:"chevron-thin-up",className:"pkt-btn--open"})]}),L.jsxs("ul",{id:"pktUserDropdown",className:"pkt-header__dropdown pkt-user-menu",children:[v&&L.jsxs("li",{children:[L.jsx("div",{className:"pkt-user-menu__label",children:"Pålogget som"}),L.jsx("div",{className:"pkt-user-menu__name",children:v.name}),v.lastLoggedIn&&L.jsxs("div",{className:"pkt-user-menu__last-logged-in",children:["Sist pålogget: ",L.jsx("time",{children:W})]})]}),g&&L.jsx("li",{children:L.jsx("ul",{className:"pkt-list",children:g.map((De,He)=>L.jsx("li",{children:typeof De.target=="string"?L.jsxs("a",{href:De.target,className:"pkt-link",children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]}):L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:De.target,children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]})},`userMenu-${He}`))})}),(D||P)&&L.jsxs("li",{children:[D&&L.jsxs(L.Fragment,{children:[L.jsx("div",{className:"pkt-user-menu__label",children:"Representerer"}),L.jsx("div",{className:"pkt-user-menu__name",children:D.name}),D.orgNumber&&L.jsxs("div",{className:"pkt-user-menu__org-number",children:["Org.nr. ",D.orgNumber]})]}),L.jsx("ul",{className:"pkt-list mt-size-16",children:P&&L.jsx("li",{children:L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:V,children:[L.jsx(Rn,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),L.jsx("li",{children:L.jsx("ul",{className:"pkt-list",children:(E||!R)&&L.jsxs(L.Fragment,{children:[E==null?void 0:E.map((De,He)=>L.jsx("li",{children:typeof De.target=="string"?L.jsxs("a",{href:De.target,className:"pkt-link",children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]}):L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:De.target,children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]})},`userOptions-${He}`)),!R&&L.jsx("li",{children:L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:M,children:[L.jsx(Rn,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),_&&L.jsx("li",{className:"footer",children:L.jsx("ul",{className:"pkt-list-horizontal bordered",children:_.map((De,He)=>L.jsx("li",{children:typeof De.target=="string"?L.jsx("a",{href:De.target,className:"pkt-link",children:De.title}):L.jsx("button",{className:"pkt-link-button pkt-link",onClick:De.target,children:De.title})},`userMenuFooter-${He}`))})})]})]}),H&&L.jsx("li",{children:H}),R&&L.jsx("li",{children:L.jsx(Jf,{className:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",role:"button",onClick:M,skin:"secondary",variant:"icon-right",children:"Logg ut"})})]})})]})}),sC=Le.forwardRef(({label:n,id:r,children:s,...u},f)=>L.jsxs("div",{className:"pkt-form-group",children:[L.jsx("label",{htmlFor:r,className:"pkt-form-label",children:n}),L.jsx("input",{className:"pkt-form-input",id:r,...u,ref:f}),s]}));sC.displayName="PktInput";const c$=rs({tagName:"pkt-input-wrapper",elementClass:Br,react:Le,displayName:"PktInputWrapper",events:{onToggleHelpText:"toggleHelpText"}}),Ck=Le.forwardRef(({children:n,...r},s)=>L.jsx(c$,{ref:s,...r,children:L.jsx("div",{className:"pkt-contents",children:n})})),d$=rs({tagName:"pkt-link",elementClass:Ic,react:Le,displayName:"PktLink",events:{onClick:"click"}}),lC=Le.forwardRef(({children:n,...r},s)=>L.jsx(d$,{...r,ref:s,children:L.jsx("span",{className:"pkt-contents",children:n})}));lC.displayName="PktLink";const p$=rs({tagName:"pkt-linkcard",elementClass:_u,react:Le,displayName:"PktLinkCard",events:{}}),uC=Le.forwardRef(({children:n,...r},s)=>L.jsx(p$,{ref:s,...r,children:L.jsx("div",{className:"pkt-contents",children:n})}));uC.displayName="PktLinkCard";const cC=Le.forwardRef(({className:n,message:r,size:s="medium",inline:u=!1,isLoading:f=!0,variant:v="rainbow",delay:g=0,children:D,...E},_)=>{const P=`pkt-loader pkt-loader--${s}`,[$,R]=Le.useState(!(g>0));g>0&&setTimeout(()=>{R(!0)},g);const B=M=>M==="shapes"?"loader":M==="blue"?"spinner-blue":"spinner";return L.jsx("div",{role:"status","aria-live":"polite","aria-busy":f,className:`pkt-loader--${u?"inline":"box"} ${n||""}`,children:f?L.jsx(L.Fragment,{children:$?L.jsxs("div",{className:P,"data-testid":"pkt-loader",ref:_,...E,children:[L.jsx(Rn,{name:B(v),path:"https://punkt-cdn.oslo.kommune.no/12.17/animations/",className:`pkt-loader__svg pkt-loader__${v}`}),r&&L.jsx("p",{children:r})]}):null}):D})});cC.displayName="PktLoader";const f$=rs({tagName:"pkt-messagebox",elementClass:Mc,react:Le,displayName:"PktMessagebox",events:{onClose:"close"}}),dC=Le.forwardRef(({children:n,...r},s)=>L.jsx(f$,{...r,ref:s,children:L.jsx("div",{className:"pkt-contents",children:n})}));dC.displayName="PktMessagebox";const h$=rs({tagName:"pkt-modal",elementClass:Tu,react:Le,displayName:"PktModal",events:{}}),pC=Le.forwardRef(({children:n,...r},s)=>L.jsx(h$,{...r,ref:s,children:L.jsx("div",{className:"pkt-contents",children:n})}));pC.displayName="PktModal";/*!
|
|
929
|
+
*/(function(n){(function(){var r={}.hasOwnProperty;function s(){for(var v="",g=0;g<arguments.length;g++){var D=arguments[g];D&&(v=f(v,u(D)))}return v}function u(v){if(typeof v=="string"||typeof v=="number")return v;if(typeof v!="object")return"";if(Array.isArray(v))return s.apply(null,v);if(v.toString!==Object.prototype.toString&&!v.toString.toString().includes("[native code]"))return v.toString();var g="";for(var D in v)r.call(v,D)&&v[D]&&(g=f(g,D));return g}function f(v,g){return g?v?v+" "+g:v+g:v}n.exports?(s.default=s,n.exports=s):window.classNames=s})()})(nC);var n$=nC.exports;const Ga=oy(n$),r$=Le.forwardRef(({title:n,className:r,children:s,toggleProps:u,defaultOpen:f=!1,id:v},g)=>{const[D,E]=Le.useState(f),_=u?u.isOpen:D,P=B=>B??void 0,$=(B,M)=>{B.preventDefault(),u!==void 0&&u.onToggleClick(B,M),E(!_)},R=Ga(r,"pkt-accordion-item");return L.jsxs("details",{className:R,ref:g,id:v,open:P(u?u.isOpen:D),children:[L.jsxs("summary",{className:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${v}`,onClick:B=>$(B,v),children:[n,L.jsx(Rn,{name:"chevron-thin-down",className:"pkt-accordion-item__icon","aria-hidden":"true"})]}),L.jsx("div",{id:`pkt-accordion-item-content-${v}`,role:"region",className:"pkt-accordion-item__content",children:s})]})}),a$=rs({tagName:"pkt-alert",elementClass:Is,react:Le,displayName:"PktAlert",events:{onClose:"close"}}),rC=Le.forwardRef(({children:n,...r},s)=>L.jsx(a$,{ref:s,...r,children:L.jsx("div",{className:"pkt-contents",children:n})}));rC.displayName="PktAlert";const aC=Le.forwardRef(({href:n,text:r,onClick:s,className:u,...f},v)=>{const g=[u,"pkt-back-link"].filter(Boolean).join(" "),D=E=>{s&&s(E)};return L.jsx("nav",{ref:v,className:g,"aria-label":"Gå tilbake et steg",children:L.jsxs("a",{href:n||"/",className:"pkt-link pkt-link--icon-left",onClick:D,...f,children:[L.jsx(Rn,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left","aria-hidden":"true"}),L.jsx("span",{className:"pkt-back-link__text",children:r||"Forsiden"})]})})});aC.displayName="PktBackLink";const i$=Le.forwardRef(({breadcrumbs:n,navigationType:r,className:s,...u},f)=>{const v=n.slice(0,4),g=v[v.length-2],D=[s,"pkt-breadcrumbs"].filter(Boolean).join(" ");return L.jsxs("nav",{ref:f,"aria-label":"brødsmulemeny",className:D,children:[L.jsx("ol",{className:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop",children:v.map((E,_)=>L.jsx("li",{className:"pkt-breadcrumbs__item",children:_===v.length-1?L.jsx("span",{className:"pkt-breadcrumbs__label","aria-current":"true",children:L.jsx("span",{className:"pkt-breadcrumbs__text",children:E.text})}):r==="router"?L.jsxs(ap.Link,{to:E.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...u,children:[L.jsx(Rn,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:E.text})]}):L.jsxs("a",{href:E.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...u,children:[L.jsx(Rn,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:E.text})]})},`breadcrumb-${_}`))}),r==="router"?L.jsxs(ap.Link,{to:g.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...u,children:[L.jsx(Rn,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:g.text})]}):L.jsxs("a",{href:g.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...u,children:[L.jsx(Rn,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),L.jsx("span",{className:"pkt-breadcrumbs__text",children:g.text})]})]})}),Jf=Le.forwardRef(({children:n,className:r,iconName:s="user",secondIconName:u="user",size:f="medium",skin:v="primary",type:g="button",variant:D="label-only",state:E,color:_,isLoading:P=!1,...$},R)=>{const B=[r,"pkt-btn",f&&`pkt-btn--${f}`,v&&`pkt-btn--${v}`,D&&`pkt-btn--${D}`,_&&`pkt-btn--${_}`,P&&"pkt-btn--active",E&&`pkt-btn--${E}`].filter(Boolean).join(" ");return L.jsxs("button",{...$,className:B,type:g,ref:R,children:[P&&L.jsx(Rn,{className:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.17/animations/"}),D!=="label-only"&&L.jsx(Rn,{className:"pkt-btn__icon",name:s}),L.jsx("span",{className:"pkt-btn__text",children:n}),D==="icons-right-and-left"&&L.jsx(Rn,{className:"pkt-btn__icon",name:u})]})});Jf.displayName="PktButton";const o$=rs({tagName:"pkt-card",elementClass:xu,react:Le,displayName:"PktCard",events:{}}),iC=Le.forwardRef(({children:n,...r},s)=>L.jsx(o$,{...r,ref:s,children:L.jsx("div",{className:"pkt-contents",children:n})}));iC.displayName="PktCard";const wy=Le.forwardRef(({id:n,hasTile:r=!1,disabled:s=!1,label:u,labelPosition:f="right",hideLabel:v=!1,checkHelptext:g,hasError:D=!1,isSwitch:E=!1,className:_,...P},$)=>{const R=[_,"pkt-input-check"].filter(Boolean).join(" ");return L.jsx("div",{className:R,children:L.jsxs("div",{className:`pkt-input-check__input ${r?"pkt-input-check__input--tile":""} ${s&&r?"pkt-input-check__input--tile-disabled":""}`,children:[u&&f==="left"&&L.jsxs("label",{className:`pkt-input-check__input-label ${v?"pkt-sr-only":""}`,htmlFor:n,children:[u,g&&L.jsx("div",{className:"pkt-input-check__input-helptext",children:g})]}),L.jsx("input",{ref:$,className:`pkt-input-check__input-checkbox ${D?"pkt-input-check__input-checkbox--error":""}`,type:"checkbox",role:E?"switch":"checkbox",id:n,disabled:s,...P}),u&&f==="right"&&L.jsxs("label",{className:`pkt-input-check__input-label ${v?"pkt-sr-only":""}`,htmlFor:n,children:[u,g&&L.jsx("div",{className:"pkt-input-check__input-helptext",children:g})]})]})})});wy.displayName="PktCheckbox";const oC=rs({tagName:"pkt-datepicker",elementClass:jr,react:Le,displayName:"PktDatepicker",events:{onChange:"change",onBlur:"blur",onFocus:"focus",onValueChange:"value-change",onToggleHelpText:"toggleHelpText"}}),s$=({columnOne:n,columnTwo:r,socialLinks:s,className:u,personvernOgInfoLink:f="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:v="https://www.oslo.kommune.no/tilgjengelighet/"})=>{var D,E;const g=[u,"pkt-footer"].filter(Boolean).join(" ");return L.jsx("footer",{className:g,"data-mode":"dark",children:L.jsxs("div",{className:"pkt-footer__container",children:[L.jsxs("div",{className:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16",children:[L.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[L.jsx("h2",{className:"pkt-footer__title",children:n.title}),L.jsxs("ul",{className:"pkt-footer__list",children:[n.text&&L.jsx("li",{className:"pkt-footer__text",children:n.text}),(D=n.links)==null?void 0:D.map((_,P)=>L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:`pkt-footer__link ${_.external?"pkt-link--external":""}`,href:_.href,target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),_.text]})},`links-${P}`))]})]}),L.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[L.jsx("h2",{className:"pkt-footer__title",children:r.title}),L.jsxs("ul",{className:"pkt-footer__list",children:[r.text&&L.jsx("li",{className:"pkt-footer__text",children:r.text}),(E=r.links)==null?void 0:E.map((_,P)=>L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:`pkt-footer__link ${_.external?"pkt-link--external":""}`,href:_.href,target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),_.text]})},`links-${P}`))]})]}),L.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[L.jsx("h2",{className:"pkt-footer__title",children:"Om nettstedet"}),L.jsxs("ul",{className:"pkt-footer__list",children:[L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:"pkt-footer__link",href:f,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),L.jsx("li",{className:"pkt-footer__list-item",children:L.jsxs("a",{className:"pkt-footer__link",href:v,children:[L.jsx(Rn,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})]})]}),s&&L.jsxs("div",{className:"pkt-footer__social","aria-label":"standard lenker",children:[L.jsx("div",{className:"pkt-footer__social-languages",children:s.filter(_=>_.language).map((_,P)=>L.jsx("div",{className:"pkt-footer__social-language",children:L.jsx("a",{href:_.href,"aria-label":`til ${_.language} versjon av nettsiden`,target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:_.language})},`sociallinks-language-${P}`))}),L.jsx("div",{className:"pkt-footer__social-icons",children:s.filter(_=>_.iconName).map((_,P)=>L.jsx(Le.Fragment,{children:L.jsx("a",{href:_.href,"aria-label":`til ${_.iconName}`,className:"pkt-footer__social-icon-link",target:_.openInNewTab?"_blank":"_self",rel:_.openInNewTab?"noopener noreferrer":void 0,children:L.jsx(Rn,{className:"pkt-footer__social-icon",name:_.iconName})})},`sociallinks-${P}`))})]})]})})},l$=({links:n=[],personvernOgInfoLink:r="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:s="https://www.oslo.kommune.no/tilgjengelighet/",className:u})=>{const f=[u,"pkt-footer-simple"].filter(Boolean).join(" ");return L.jsx("footer",{className:f,"data-mode":"dark",children:L.jsx("div",{className:"pkt-footer-simple__container",children:L.jsxs("ul",{className:"pkt-footer-simple__list",children:[n.map((v,g)=>L.jsx("li",{className:"pkt-footer-simple__list-item",children:L.jsxs("a",{className:`pkt-footer-simple__link ${v.external?" pkt-link--external":""}`,href:v.href,target:v.openInNewTab?"_blank":"_self",rel:v.openInNewTab?"noopener noreferrer":void 0,children:[L.jsx(Rn,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),v.text]})},g)),L.jsx("li",{className:"pkt-footer-simple__list-item",children:L.jsxs("a",{className:"pkt-footer-simple__link",href:r,children:[L.jsx(Rn,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),L.jsx("li",{className:"pkt-footer-simple__list-item",children:L.jsxs("a",{className:"pkt-footer-simple__link",href:s,children:[L.jsx(Rn,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})})})},u$=Le.forwardRef(({className:n,logoLink:r="https://www.oslo.kommune.no/",serviceName:s,fixed:u=!0,scrollToHide:f=!0,user:v,userMenu:g,representing:D,userOptions:E,userMenuFooter:_,canChangeRepresentation:P=!0,showMenuButton:$=!1,showLogOutButton:R=!1,openMenu:B,logOut:M,changeRepresentation:V,children:H,...fe},G)=>{const W=Le.useMemo(()=>typeof(v==null?void 0:v.lastLoggedIn)=="string"?v.lastLoggedIn:v!=null&&v.lastLoggedIn?new Date(v.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):"",[v]),[ee,z]=Le.useState(!1),[re,ae]=Le.useState(0),[Te,me]=Le.useState(!1),Ue=Le.useRef(null);Le.useEffect(()=>(document&&(document.addEventListener("mouseup",Qe),window.addEventListener("scroll",Ae)),()=>{document&&(document.removeEventListener("mouseup",Qe),window.removeEventListener("scroll",Ae))}));const rt=()=>{me(!Te)},Qe=De=>{Ue.current&&!Ue.current.contains(De.target)&&me(!1)},Ae=()=>{if(f){const De=window.pageYOffset||document.documentElement.scrollTop;if(De<0||Math.abs(De-re)<60)return;z(De>re),ae(De)}};return L.jsxs("header",{...fe,id:"pkt-header","data-testid":"pkt-header","aria-label":"Topp",className:Ga(n,"pkt-header",{"pkt-header--fixed":u,"pkt-header--scroll-to-hide":f,"pkt-header--hidden":ee}),ref:G,children:[L.jsxs("div",{className:"pkt-header__logo",children:[typeof r=="string"?L.jsx("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:r,children:L.jsx(Rn,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.17/logos/"})}):L.jsx("button",{"aria-label":"Tilbake til forside",className:"pkt-link-button pkt-link pkt-header__logo-link",onClick:r,children:L.jsx(Rn,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.17/logos/"})}),L.jsx("span",{className:"pkt-header__logo-service",translate:"no",children:s})]}),L.jsx("nav",{className:"pkt-header__actions",children:L.jsxs("ul",{className:"pkt-header__actions-row",children:[$&&L.jsx("li",{children:L.jsx(Jf,{className:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onClick:B,children:"Meny"})}),(v||D)&&L.jsxs("li",{"data-testid":"usermenu",className:`pkt-header--has-dropdown ${Te&&!ee?"pkt-header--open-dropdown":""}`,ref:Ue,children:[L.jsxs("button",{className:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button",role:"button","aria-controls":"pktUserDropdown","aria-expanded":Te,onClick:rt,children:[L.jsx(Rn,{name:"user",className:"pkt-btn__icon"}),L.jsx("span",{className:"pkt-header__user-fullname",translate:"no",children:(D==null?void 0:D.name)||(v==null?void 0:v.name)}),L.jsx("span",{className:"pkt-header__user-shortname",translate:"no",children:(D==null?void 0:D.shortname)||(v==null?void 0:v.shortname)}),L.jsx(Rn,{name:"chevron-thin-down",className:"pkt-btn--closed"}),L.jsx(Rn,{name:"chevron-thin-up",className:"pkt-btn--open"})]}),L.jsxs("ul",{id:"pktUserDropdown",className:"pkt-header__dropdown pkt-user-menu",children:[v&&L.jsxs("li",{children:[L.jsx("div",{className:"pkt-user-menu__label",children:"Pålogget som"}),L.jsx("div",{className:"pkt-user-menu__name",translate:"no",children:v.name}),v.lastLoggedIn&&L.jsxs("div",{className:"pkt-user-menu__last-logged-in",children:["Sist pålogget: ",L.jsx("time",{children:W})]})]}),g&&L.jsx("li",{children:L.jsx("ul",{className:"pkt-list",children:g.map((De,He)=>L.jsx("li",{children:typeof De.target=="string"?L.jsxs("a",{href:De.target,className:"pkt-link",children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]}):L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:De.target,children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]})},`userMenu-${He}`))})}),(D||P)&&L.jsxs("li",{children:[D&&L.jsxs(L.Fragment,{children:[L.jsx("div",{className:"pkt-user-menu__label",children:"Representerer"}),L.jsx("div",{className:"pkt-user-menu__name",translate:"no",children:D.name}),D.orgNumber&&L.jsxs("div",{className:"pkt-user-menu__org-number",children:["Org.nr. ",D.orgNumber]})]}),L.jsx("ul",{className:"pkt-list mt-size-16",children:P&&L.jsx("li",{children:L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:V,children:[L.jsx(Rn,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),L.jsx("li",{children:L.jsx("ul",{className:"pkt-list",children:(E||!R)&&L.jsxs(L.Fragment,{children:[E==null?void 0:E.map((De,He)=>L.jsx("li",{children:typeof De.target=="string"?L.jsxs("a",{href:De.target,className:"pkt-link",children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]}):L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:De.target,children:[De.iconName&&L.jsx(Rn,{name:De.iconName,className:"pkt-link__icon"}),De.title]})},`userOptions-${He}`)),!R&&L.jsx("li",{children:L.jsxs("button",{className:"pkt-link-button pkt-link",onClick:M,children:[L.jsx(Rn,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),_&&L.jsx("li",{className:"footer",children:L.jsx("ul",{className:"pkt-list-horizontal bordered",children:_.map((De,He)=>L.jsx("li",{children:typeof De.target=="string"?L.jsx("a",{href:De.target,className:"pkt-link",children:De.title}):L.jsx("button",{className:"pkt-link-button pkt-link",onClick:De.target,children:De.title})},`userMenuFooter-${He}`))})})]})]}),H&&L.jsx("li",{children:H}),R&&L.jsx("li",{children:L.jsx(Jf,{className:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",role:"button",onClick:M,skin:"secondary",variant:"icon-right",children:"Logg ut"})})]})})]})}),sC=Le.forwardRef(({label:n,id:r,children:s,...u},f)=>L.jsxs("div",{className:"pkt-form-group",children:[L.jsx("label",{htmlFor:r,className:"pkt-form-label",children:n}),L.jsx("input",{className:"pkt-form-input",id:r,...u,ref:f}),s]}));sC.displayName="PktInput";const c$=rs({tagName:"pkt-input-wrapper",elementClass:Br,react:Le,displayName:"PktInputWrapper",events:{onToggleHelpText:"toggleHelpText"}}),Ck=Le.forwardRef(({children:n,...r},s)=>L.jsx(c$,{ref:s,...r,children:L.jsx("div",{className:"pkt-contents",children:n})})),d$=rs({tagName:"pkt-link",elementClass:Ic,react:Le,displayName:"PktLink",events:{onClick:"click"}}),lC=Le.forwardRef(({children:n,...r},s)=>L.jsx(d$,{...r,ref:s,children:L.jsx("span",{className:"pkt-contents",children:n})}));lC.displayName="PktLink";const p$=rs({tagName:"pkt-linkcard",elementClass:_u,react:Le,displayName:"PktLinkCard",events:{}}),uC=Le.forwardRef(({children:n,...r},s)=>L.jsx(p$,{ref:s,...r,children:L.jsx("div",{className:"pkt-contents",children:n})}));uC.displayName="PktLinkCard";const cC=Le.forwardRef(({className:n,message:r,size:s="medium",inline:u=!1,isLoading:f=!0,variant:v="rainbow",delay:g=0,children:D,...E},_)=>{const P=`pkt-loader pkt-loader--${s}`,[$,R]=Le.useState(!(g>0));g>0&&setTimeout(()=>{R(!0)},g);const B=M=>M==="shapes"?"loader":M==="blue"?"spinner-blue":"spinner";return L.jsx("div",{role:"status","aria-live":"polite","aria-busy":f,className:`pkt-loader--${u?"inline":"box"} ${n||""}`,children:f?L.jsx(L.Fragment,{children:$?L.jsxs("div",{className:P,"data-testid":"pkt-loader",ref:_,...E,children:[L.jsx(Rn,{name:B(v),path:"https://punkt-cdn.oslo.kommune.no/12.17/animations/",className:`pkt-loader__svg pkt-loader__${v}`}),r&&L.jsx("p",{children:r})]}):null}):D})});cC.displayName="PktLoader";const f$=rs({tagName:"pkt-messagebox",elementClass:Mc,react:Le,displayName:"PktMessagebox",events:{onClose:"close"}}),dC=Le.forwardRef(({children:n,...r},s)=>L.jsx(f$,{...r,ref:s,children:L.jsx("div",{className:"pkt-contents",children:n})}));dC.displayName="PktMessagebox";const h$=rs({tagName:"pkt-modal",elementClass:Tu,react:Le,displayName:"PktModal",events:{}}),pC=Le.forwardRef(({children:n,...r},s)=>L.jsx(h$,{...r,ref:s,children:L.jsx("div",{className:"pkt-contents",children:n})}));pC.displayName="PktModal";/*!
|
|
930
930
|
* is-plain-object <https://github.com/jonschlinkert/is-plain-object>
|
|
931
931
|
*
|
|
932
932
|
* Copyright (c) 2014-2017, Jon Schlinkert.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-react",
|
|
3
|
-
"version": "12.17.
|
|
3
|
+
"version": "12.17.3",
|
|
4
4
|
"description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
112
112
|
},
|
|
113
113
|
"license": "MIT",
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "0dc926ef95247b436d1c8a4d37e684023759930b"
|
|
115
115
|
}
|
|
@@ -163,7 +163,9 @@ export const PktHeader = forwardRef(
|
|
|
163
163
|
></PktIcon>
|
|
164
164
|
</button>
|
|
165
165
|
)}
|
|
166
|
-
<span className="pkt-header__logo-service">
|
|
166
|
+
<span className="pkt-header__logo-service" translate="no">
|
|
167
|
+
{serviceName}
|
|
168
|
+
</span>
|
|
167
169
|
</div>
|
|
168
170
|
<nav className="pkt-header__actions">
|
|
169
171
|
<ul className="pkt-header__actions-row">
|
|
@@ -195,8 +197,12 @@ export const PktHeader = forwardRef(
|
|
|
195
197
|
onClick={openUserMenu}
|
|
196
198
|
>
|
|
197
199
|
<PktIcon name="user" className="pkt-btn__icon" />
|
|
198
|
-
<span className="pkt-header__user-fullname"
|
|
199
|
-
|
|
200
|
+
<span className="pkt-header__user-fullname" translate="no">
|
|
201
|
+
{representing?.name || user?.name}
|
|
202
|
+
</span>
|
|
203
|
+
<span className="pkt-header__user-shortname" translate="no">
|
|
204
|
+
{representing?.shortname || user?.shortname}
|
|
205
|
+
</span>
|
|
200
206
|
<PktIcon name="chevron-thin-down" className="pkt-btn--closed" />
|
|
201
207
|
<PktIcon name="chevron-thin-up" className="pkt-btn--open" />
|
|
202
208
|
</button>
|
|
@@ -204,7 +210,9 @@ export const PktHeader = forwardRef(
|
|
|
204
210
|
{user && (
|
|
205
211
|
<li>
|
|
206
212
|
<div className="pkt-user-menu__label">Pålogget som</div>
|
|
207
|
-
<div className="pkt-user-menu__name">
|
|
213
|
+
<div className="pkt-user-menu__name" translate="no">
|
|
214
|
+
{user.name}
|
|
215
|
+
</div>
|
|
208
216
|
{user.lastLoggedIn && (
|
|
209
217
|
<div className="pkt-user-menu__last-logged-in">
|
|
210
218
|
Sist pålogget: <time>{lastLoggedIn}</time>
|
|
@@ -238,7 +246,9 @@ export const PktHeader = forwardRef(
|
|
|
238
246
|
{representing && (
|
|
239
247
|
<>
|
|
240
248
|
<div className="pkt-user-menu__label">Representerer</div>
|
|
241
|
-
<div className="pkt-user-menu__name">
|
|
249
|
+
<div className="pkt-user-menu__name" translate="no">
|
|
250
|
+
{representing.name}
|
|
251
|
+
</div>
|
|
242
252
|
{representing.orgNumber && (
|
|
243
253
|
<div className="pkt-user-menu__org-number">Org.nr. {representing.orgNumber}</div>
|
|
244
254
|
)}
|