@oslokommune/punkt-react 3.0.1 → 3.0.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.2](https://github.com/oslokommune/punkt/compare/v3.0.1...v3.0.2) (2023-03-16)
+
+### Bug Fixes
+* [#735](https://github.com/oslokommune/punkt/issues/735) Rett feil i visning av innlogget bruker i Header komponent
+Rettet referanse til css-klassen `pkt-truncate-text` fra `truncate-text`.
+
 ## [3.0.0](https://github.com/oslokommune/punkt/compare/v2.0.3...v3.0.0) (2023-03-13)
 
 Versjon 3 inneholder endringer på Alert-komponenten både i css og Vue2, og finnes nå også i React.

package/dist/punkt-react.es.js

@@ -738,7 +738,7 @@ const Se = Y.Fragment, n = Y.jsx, x = Y.jsxs, S = ({
         }
       ),
       l && !u && /* @__PURE__ */ x("div", { className: "pkt-header__action", children: [
-        /* @__PURE__ */ n("span", { className: "pkt-header__action-text", children: /* @__PURE__ */ n("span", { className: "pkt-btn__text pkt-header__action-textrow text-row-inline truncate-text", children: v }) }),
+        /* @__PURE__ */ n("span", { className: "pkt-header__action-text", children: /* @__PURE__ */ n("span", { className: "pkt-btn__text pkt-header__action-textrow text-row-inline pkt-truncate-text", children: v }) }),
         /* @__PURE__ */ n("span", { className: "pkt-header__action-icon pkt-show-phablet-up", children: /* @__PURE__ */ n(S, { name: "user" }) })
       ] }),
       k && l && /* @__PURE__ */ x(

package/dist/punkt-react.umd.js

@@ -24,7 +24,7 @@ Check the render method of \``+e+"`."}return""}}function gr(e){{if(e!==void 0){v
 
 Check your code at `+r+":"+t+"."}return""}}var Se={};function yr(e){{var r=Ne();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function Oe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=yr(r);if(Se[t])return;Se[t]=!0;var a="";e&&e._owner&&e._owner!==ee.current&&(a=" It was passed a child from "+C(e._owner.type)+"."),A(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),A(null)}}function Ce(e,r){{if(typeof e!="object")return;if(Z(e))for(var t=0;t<e.length;t++){var a=e[t];te(a)&&Oe(a,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var c=ze(e);if(typeof c=="function"&&c!==e.entries)for(var p=c.call(e),s;!(s=p.next()).done;)te(s.value)&&Oe(s.value,r)}}}function Rr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===m||r.$$typeof===T))t=r.propTypes;else return;if(t){var a=C(r);lr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!re){re=!0;var c=C(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",c||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Er(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){A(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),A(null);break}}e.ref!==null&&(A(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}function je(e,r,t,a,c,p){{var s=rr(e);if(!s){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=gr(c);E?o+=E:o+=Ne();var h;e===null?h="null":Z(e)?h="array":e!==void 0&&e.$$typeof===f?(h="<"+(C(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):h=typeof e,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",h,o)}var b=kr(e,r,t,c,p);if(b==null)return b;if(s){var x=r.children;if(x!==void 0)if(a)if(Z(x)){for(var I=0;I<x.length;I++)Ce(x[I],e);Object.freeze&&Object.freeze(x)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ce(x,e)}return e===l?Er(b):Rr(b),b}}function Pr(e,r,t){return je(e,r,t,!0)}function Tr(e,r,t){return je(e,r,t,!1)}var wr=Tr,xr=Pr;$.Fragment=l,$.jsx=wr,$.jsxs=xr}()),$}(function(i){process.env.NODE_ENV==="production"?i.exports=Ae():i.exports=Ie()})(Fe);const ie=W.Fragment,n=W.jsx,P=W.jsxs,S=({className:i,name:f,viewBox:d="0 0 32 32",...l})=>{const v=[i].filter(Boolean).join(" ");return n("svg",{...l,className:v,viewBox:d,children:n("use",{href:`#${f}`})})},We=({children:i,className:f,skin:d="info",closeAlert:l=!1,onClose:v,title:u,date:k,ariaLive:_="polite",...m})=>{const w=[f,"pkt-alert",d&&`pkt-alert--${d}`].filter(Boolean).join(" "),[y,T]=N.useState(!0),O=()=>{T(!1),v&&v()};return y?P("div",{...m,className:w,"aria-live":_,children:[n("div",{className:"pkt-alert__icon",children:n(S,{name:d==="info"?"alert-information":`alert-${d}`})}),l&&n("div",{className:"pkt-alert__close",children:n("button",{className:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",tabIndex:0,"aria-label":"close",onClick:O,children:n(S,{name:"close",className:"pkt-btn__icon","aria-hidden":"true"})})}),u&&n("div",{className:"pkt-alert__title",children:u}),n("div",{className:"pkt-alert__text",children:i}),k&&P("div",{className:"pkt-alert__date",children:["Sist oppdatert: ",k]})]}):null},Ye=({children:i,className:f,iconName:d="user",secondIconName:l="user",size:v="medium",skin:u="primary",type:k="button",variant:_="label-only",...m})=>{const w=[f,"pkt-btn",v&&`pkt-btn--${v}`,u&&`pkt-btn--${u}`,_&&`pkt-btn--${_}`].filter(Boolean).join(" ");return P("button",{...m,className:w,type:k,children:[n(S,{className:"pkt-btn__icon",name:d}),n("span",{className:"pkt-btn__text",children:i}),_==="icons-right-and-left"&&n(S,{className:"pkt-btn__icon",name:l})]})},$e=({children:i,className:f,logoLink:d="https://www.oslo.kommune.no/",isLoggedIn:l=!1,representing:v="",canChangeRepresentation:u=!1,showLogInButton:k=!0,onLogIn:_,onLogOut:m,onChangeRepresentation:w,...y})=>{const T=[f,"pkt-header"].filter(Boolean).join(" ");return P("header",{id:"pkt-header",className:T,"aria-label":"Topp",children:[n("div",{className:"pkt-header__logo",children:n("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:d,children:n(S,{name:"oslologo",className:"pkt-header__logo-svg",viewBox:"0 0 60 31","aria-hidden":"true"})})}),P("div",{className:"pkt-header__actions",children:[l&&u&&P("button",{className:"pkt-btn pkt-btn--secondary pkt-btn--icon-right","aria-label":`Bytt bruker fra ${v}`,onClick:w,children:[n(S,{name:"user",className:"pkt-btn__icon pkt-show-tablet-up"}),n("span",{className:"pkt-header__action-change pkt-hide pkt-show-tablet-up ml-size-15",children:"Endre"}),n("span",{className:"pkt-btn__text pkt-hide-tablet-up",children:"Endre"}),n("span",{className:"pkt-btn__text--representing pkt-hide pkt-show-tablet-up",children:v})]}),l&&!u&&P("div",{className:"pkt-header__action",children:[n("span",{className:"pkt-header__action-text",children:n("span",{className:"pkt-btn__text pkt-header__action-textrow text-row-inline truncate-text",children:v})}),n("span",{className:"pkt-header__action-icon pkt-show-phablet-up",children:n(S,{name:"user"})})]}),k&&l&&P("button",{className:"pkt-btn pkt-btn--tertiary pkt-btn--icon-right","aria-label":"Logg ut",onClick:m,children:[n(S,{className:"pkt-btn__icon pkt-show-tablet-up",name:"exit"}),n("span",{className:"pkt-btn__text",children:"Logg ut"})]}),k&&!l&&P("button",{className:"pkt-btn pkt-btn--tertiary pkt-btn--icon-right","aria-label":"Logg inn",onClick:_,children:[n(S,{className:"pkt-btn__icon",name:"user"}),n("span",{className:"pkt-btn__text",children:"Logg inn"})]})]})]})},oe=N.forwardRef(({label:i,id:f,children:d,...l},v)=>P("div",{className:"pkt-form-group",children:[n("label",{htmlFor:f,className:"pkt-form-label",children:i}),n("input",{className:"pkt-form-input",id:f,...l,ref:v}),d]}));oe.displayName="PktInput";const se=N.forwardRef(({id:i,label:f,...d},l)=>P("div",{className:"pkt-form-group",children:[n("label",{htmlFor:i,className:"pkt-form-label",children:f}),n("textarea",{className:"pkt-form-textarea",id:i,ref:l,...d})]}));se.displayName="PktTextarea";const le=N.forwardRef(({id:i,name:f,label:d,value:l,...v},u)=>P("div",{className:"pkt-form-group",children:[n("input",{type:"radio",className:"pkt-form-check-input",id:i,name:f,value:l,ref:u,...v}),n("label",{className:"pkt-form-label",htmlFor:i,children:d})]}));le.displayName="PktRadio";const Le=({label:i,children:f})=>P(ie,{children:[n("p",{children:i}),n("div",{className:"pkt-form-group",children:f})]});var z={},Me={get exports(){return z},set exports(i){z=i}};/*!
+Check the top-level render call using <`+t+">.")}return r}}function Oe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=yr(r);if(Se[t])return;Se[t]=!0;var a="";e&&e._owner&&e._owner!==ee.current&&(a=" It was passed a child from "+C(e._owner.type)+"."),A(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),A(null)}}function Ce(e,r){{if(typeof e!="object")return;if(Z(e))for(var t=0;t<e.length;t++){var a=e[t];te(a)&&Oe(a,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var c=ze(e);if(typeof c=="function"&&c!==e.entries)for(var p=c.call(e),s;!(s=p.next()).done;)te(s.value)&&Oe(s.value,r)}}}function Rr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===m||r.$$typeof===T))t=r.propTypes;else return;if(t){var a=C(r);lr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!re){re=!0;var c=C(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",c||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Er(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){A(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),A(null);break}}e.ref!==null&&(A(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}function je(e,r,t,a,c,p){{var s=rr(e);if(!s){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=gr(c);E?o+=E:o+=Ne();var h;e===null?h="null":Z(e)?h="array":e!==void 0&&e.$$typeof===f?(h="<"+(C(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):h=typeof e,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",h,o)}var b=kr(e,r,t,c,p);if(b==null)return b;if(s){var x=r.children;if(x!==void 0)if(a)if(Z(x)){for(var I=0;I<x.length;I++)Ce(x[I],e);Object.freeze&&Object.freeze(x)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ce(x,e)}return e===l?Er(b):Rr(b),b}}function Pr(e,r,t){return je(e,r,t,!0)}function Tr(e,r,t){return je(e,r,t,!1)}var wr=Tr,xr=Pr;$.Fragment=l,$.jsx=wr,$.jsxs=xr}()),$}(function(i){process.env.NODE_ENV==="production"?i.exports=Ae():i.exports=Ie()})(Fe);const ie=W.Fragment,n=W.jsx,P=W.jsxs,S=({className:i,name:f,viewBox:d="0 0 32 32",...l})=>{const v=[i].filter(Boolean).join(" ");return n("svg",{...l,className:v,viewBox:d,children:n("use",{href:`#${f}`})})},We=({children:i,className:f,skin:d="info",closeAlert:l=!1,onClose:v,title:u,date:k,ariaLive:_="polite",...m})=>{const w=[f,"pkt-alert",d&&`pkt-alert--${d}`].filter(Boolean).join(" "),[y,T]=N.useState(!0),O=()=>{T(!1),v&&v()};return y?P("div",{...m,className:w,"aria-live":_,children:[n("div",{className:"pkt-alert__icon",children:n(S,{name:d==="info"?"alert-information":`alert-${d}`})}),l&&n("div",{className:"pkt-alert__close",children:n("button",{className:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",tabIndex:0,"aria-label":"close",onClick:O,children:n(S,{name:"close",className:"pkt-btn__icon","aria-hidden":"true"})})}),u&&n("div",{className:"pkt-alert__title",children:u}),n("div",{className:"pkt-alert__text",children:i}),k&&P("div",{className:"pkt-alert__date",children:["Sist oppdatert: ",k]})]}):null},Ye=({children:i,className:f,iconName:d="user",secondIconName:l="user",size:v="medium",skin:u="primary",type:k="button",variant:_="label-only",...m})=>{const w=[f,"pkt-btn",v&&`pkt-btn--${v}`,u&&`pkt-btn--${u}`,_&&`pkt-btn--${_}`].filter(Boolean).join(" ");return P("button",{...m,className:w,type:k,children:[n(S,{className:"pkt-btn__icon",name:d}),n("span",{className:"pkt-btn__text",children:i}),_==="icons-right-and-left"&&n(S,{className:"pkt-btn__icon",name:l})]})},$e=({children:i,className:f,logoLink:d="https://www.oslo.kommune.no/",isLoggedIn:l=!1,representing:v="",canChangeRepresentation:u=!1,showLogInButton:k=!0,onLogIn:_,onLogOut:m,onChangeRepresentation:w,...y})=>{const T=[f,"pkt-header"].filter(Boolean).join(" ");return P("header",{id:"pkt-header",className:T,"aria-label":"Topp",children:[n("div",{className:"pkt-header__logo",children:n("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:d,children:n(S,{name:"oslologo",className:"pkt-header__logo-svg",viewBox:"0 0 60 31","aria-hidden":"true"})})}),P("div",{className:"pkt-header__actions",children:[l&&u&&P("button",{className:"pkt-btn pkt-btn--secondary pkt-btn--icon-right","aria-label":`Bytt bruker fra ${v}`,onClick:w,children:[n(S,{name:"user",className:"pkt-btn__icon pkt-show-tablet-up"}),n("span",{className:"pkt-header__action-change pkt-hide pkt-show-tablet-up ml-size-15",children:"Endre"}),n("span",{className:"pkt-btn__text pkt-hide-tablet-up",children:"Endre"}),n("span",{className:"pkt-btn__text--representing pkt-hide pkt-show-tablet-up",children:v})]}),l&&!u&&P("div",{className:"pkt-header__action",children:[n("span",{className:"pkt-header__action-text",children:n("span",{className:"pkt-btn__text pkt-header__action-textrow text-row-inline pkt-truncate-text",children:v})}),n("span",{className:"pkt-header__action-icon pkt-show-phablet-up",children:n(S,{name:"user"})})]}),k&&l&&P("button",{className:"pkt-btn pkt-btn--tertiary pkt-btn--icon-right","aria-label":"Logg ut",onClick:m,children:[n(S,{className:"pkt-btn__icon pkt-show-tablet-up",name:"exit"}),n("span",{className:"pkt-btn__text",children:"Logg ut"})]}),k&&!l&&P("button",{className:"pkt-btn pkt-btn--tertiary pkt-btn--icon-right","aria-label":"Logg inn",onClick:_,children:[n(S,{className:"pkt-btn__icon",name:"user"}),n("span",{className:"pkt-btn__text",children:"Logg inn"})]})]})]})},oe=N.forwardRef(({label:i,id:f,children:d,...l},v)=>P("div",{className:"pkt-form-group",children:[n("label",{htmlFor:f,className:"pkt-form-label",children:i}),n("input",{className:"pkt-form-input",id:f,...l,ref:v}),d]}));oe.displayName="PktInput";const se=N.forwardRef(({id:i,label:f,...d},l)=>P("div",{className:"pkt-form-group",children:[n("label",{htmlFor:i,className:"pkt-form-label",children:f}),n("textarea",{className:"pkt-form-textarea",id:i,ref:l,...d})]}));se.displayName="PktTextarea";const le=N.forwardRef(({id:i,name:f,label:d,value:l,...v},u)=>P("div",{className:"pkt-form-group",children:[n("input",{type:"radio",className:"pkt-form-check-input",id:i,name:f,value:l,ref:u,...v}),n("label",{className:"pkt-form-label",htmlFor:i,children:d})]}));le.displayName="PktRadio";const Le=({label:i,children:f})=>P(ie,{children:[n("p",{children:i}),n("div",{className:"pkt-form-group",children:f})]});var z={},Me={get exports(){return z},set exports(i){z=i}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^3.0.0",
-    "@oslokommune/punkt-css": "^3.0.1",
+    "@oslokommune/punkt-css": "^3.0.2",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.14.1",
@@ -80,5 +80,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "358641dad837ca95e1d27b7b7e106f7bc820e1b8"
+  "gitHead": "f524e3e0014929ad7f9034afdd9a3fda050673c6"
 }

package/src/components/header/Header.tsx

@@ -61,7 +61,7 @@ export const PktHeader: React.FC<HeaderProps> = ({
         {isLoggedIn && !canChangeRepresentation && (
           <div className="pkt-header__action">
             <span className="pkt-header__action-text">
-              <span className="pkt-btn__text pkt-header__action-textrow text-row-inline truncate-text">
+              <span className="pkt-btn__text pkt-header__action-textrow text-row-inline pkt-truncate-text">
                 {representing}
               </span>
             </span>