@oslokommune/punkt-react 12.32.6 → 12.32.8

package/README.md

@@ -2,7 +2,7 @@
 
 <a href="https://www.npmjs.com/package/@oslokommune/punkt-react" target="_blank"><img src="https://img.shields.io/npm/v/@oslokommune/punkt-react?logo=react&label=react&style=for-the-badge&color=61dafb" alt="React komponenter" /></a>
 
-Dette repoet inneholder Punkt sine UI-komponenter for React. Komponentene er laget for å fungere sammen med `@oslokommune/punkt-assets` og `@oslokommune/punkt-css`. Enkelte komponenter tar i bruk custom elements fra `@oslokommune/punkt-elements`. Enn så lenge støtter vi ikke full bruk i server-side-genererte apper.
+Dette repoet inneholder Punkt sine UI-komponenter for React. Komponentene er laget for å fungere sammen med `@oslokommune/punkt-assets` og `@oslokommune/punkt-css`. De fleste komponenter tar i bruk custom elements fra `@oslokommune/punkt-elements`. Enn så lenge støtter vi ikke full bruk i server-side-genererte apper.
 
 ## 📝 Forutsetninger
 
@@ -10,8 +10,8 @@ Peer dependencies:
 
 - nodejs `18.19`
 - react `>= 18`
-- @oslokommune/punkt-assets `>= 1.0`
-- @oslokommune/punkt-css `>= 1.0`
+- @oslokommune/punkt-assets `*`
+- @oslokommune/punkt-css `*`
 
 ## 🚀 Kom i gang - npm
 

package/dist/punkt-react.es.js

@@ -26681,9 +26681,11 @@ let Gr = class extends ln {
     }, this.slotController = new mi(this, this.helptextSlot);
   }
   async connectedCallback() {
-    super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (n) => {
-      var i, l;
-      (i = this.inputRef) != null && i.value && (l = this.btnRef) != null && l.value && !this.inputRef.value.contains(n.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(n.target)) && !this.btnRef.value.contains(n.target) && !n.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
+    super.connectedCallback();
+    const n = navigator.userAgent, i = /iP(hone|od|ad)/.test(n);
+    this.inputType = i ? "text" : "date", document && document.body.addEventListener("click", (l) => {
+      var d, g;
+      (d = this.inputRef) != null && d.value && (g = this.btnRef) != null && g.value && !this.inputRef.value.contains(l.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(l.target)) && !this.btnRef.value.contains(l.target) && !l.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
     }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || Up.props.min.default, this.max = this.max || Up.props.max.default, typeof this.excludedates == "string" && (this.excludedates = this.excludedates.split(",")), typeof this.excludeweekdays == "string" && (this.excludeweekdays = this.excludeweekdays.split(",")), (this.multiple || this.range) && this.name && !this.name.endsWith("[]") && (this.name = this.name + "[]"), this.calendarOpen && (await TE(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {

package/dist/punkt-react.umd.js

@@ -850,7 +850,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           ${this.labelPosition==="right"?d():rt}
         </div>
       </div>
-    `}toggleChecked(n){n.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};Kl([V({type:String,reflect:!0})],bs.prototype,"value",2),Kl([V({type:String})],bs.prototype,"checkHelptext",2),Kl([V({type:Boolean})],bs.prototype,"defaultChecked",2),Kl([V({type:Boolean})],bs.prototype,"hasTile",2),Kl([V({type:Boolean})],bs.prototype,"isSwitch",2),Kl([V({type:String})],bs.prototype,"labelPosition",2),Kl([V({type:Boolean})],bs.prototype,"hideLabel",2),Kl([V({type:Boolean,reflect:!0})],bs.prototype,"checked",2),Kl([V({type:String,reflect:!0})],bs.prototype,"type",2),bs=Kl([Fr("pkt-checkbox")],bs);const VN={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},Rf={props:VN};var qN=Object.defineProperty,WN=Object.getOwnPropertyDescriptor,sa=(r,n,i,l)=>{for(var d=l>1?void 0:l?WN(n,i):n,g=r.length-1,v;g>=0;g--)(v=r[g])&&(d=(l?v(n,i,d):v(d))||d);return l&&d&&qN(n,i,d),d};const bC=r=>new Promise(n=>setTimeout(n,r));let Ur=class extends ln{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=Rf.props.dateformat.default,this.multiple=Rf.props.multiple.default,this.maxlength=null,this.range=Rf.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=Rf.props.weeknumbers.default,this.withcontrols=Rf.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=wn(),this.inputRefTo=wn(),this.btnRef=wn(),this.calRef=wn(),this.popupRef=wn(),this.helptextSlot=wn(),this.addToSelected=n=>{const i=n.target;if(!i.value)return;const l=this.min?ia(this.min):null,d=this.max?ia(this.max):null,g=ia(i.value.split(",")[0]);g&&!isNaN(g.getTime())&&(!l||g>=l)&&(!d||g<=d)&&this.calRef.value&&this.calRef.value.handleDateSelect(g),i.value=""},this.slotController=new Ka(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback(),this.isMobileSafari=/iP(ad|od|hone)/i.test(window.navigator.userAgent)&&!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/),this.inputType=this.isMobileSafari?"text":"date",document&&document.body.addEventListener("click",n=>{var i,l;(i=this.inputRef)!=null&&i.value&&(l=this.btnRef)!=null&&l.value&&!this.inputRef.value.contains(n.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(n.target))&&!this.btnRef.value.contains(n.target)&&!n.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||Rf.props.min.default,this.max=this.max||Rf.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await bC(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",n=>{var i,l;(i=this.inputRef)!=null&&i.value&&(l=this.btnRef)!=null&&l.value&&!this.inputRef.value.contains(n.target)&&!this.btnRef.value.contains(n.target)&&this.hideCalendar()})}attributeChangedCallback(n,i,l){if(n==="value"){if(this.range&&(l==null?void 0:l.split(",").length)===1)return;this.value!==i&&this.valueChanged(l,i)}n==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(l==null?void 0:l.split(","))??[]),n==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(l==null?void 0:l.split(","))??[]),super.attributeChangedCallback(n,i,l)}updated(n){if(n.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,n.get("value"))}super.updated(n)}renderInput(){return Ae`
+    `}toggleChecked(n){n.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};Kl([V({type:String,reflect:!0})],bs.prototype,"value",2),Kl([V({type:String})],bs.prototype,"checkHelptext",2),Kl([V({type:Boolean})],bs.prototype,"defaultChecked",2),Kl([V({type:Boolean})],bs.prototype,"hasTile",2),Kl([V({type:Boolean})],bs.prototype,"isSwitch",2),Kl([V({type:String})],bs.prototype,"labelPosition",2),Kl([V({type:Boolean})],bs.prototype,"hideLabel",2),Kl([V({type:Boolean,reflect:!0})],bs.prototype,"checked",2),Kl([V({type:String,reflect:!0})],bs.prototype,"type",2),bs=Kl([Fr("pkt-checkbox")],bs);const VN={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},Rf={props:VN};var qN=Object.defineProperty,WN=Object.getOwnPropertyDescriptor,sa=(r,n,i,l)=>{for(var d=l>1?void 0:l?WN(n,i):n,g=r.length-1,v;g>=0;g--)(v=r[g])&&(d=(l?v(n,i,d):v(d))||d);return l&&d&&qN(n,i,d),d};const bC=r=>new Promise(n=>setTimeout(n,r));let Ur=class extends ln{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=Rf.props.dateformat.default,this.multiple=Rf.props.multiple.default,this.maxlength=null,this.range=Rf.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=Rf.props.weeknumbers.default,this.withcontrols=Rf.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=wn(),this.inputRefTo=wn(),this.btnRef=wn(),this.calRef=wn(),this.popupRef=wn(),this.helptextSlot=wn(),this.addToSelected=n=>{const i=n.target;if(!i.value)return;const l=this.min?ia(this.min):null,d=this.max?ia(this.max):null,g=ia(i.value.split(",")[0]);g&&!isNaN(g.getTime())&&(!l||g>=l)&&(!d||g<=d)&&this.calRef.value&&this.calRef.value.handleDateSelect(g),i.value=""},this.slotController=new Ka(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const n=navigator.userAgent,i=/iP(hone|od|ad)/.test(n);this.inputType=i?"text":"date",document&&document.body.addEventListener("click",l=>{var d,g;(d=this.inputRef)!=null&&d.value&&(g=this.btnRef)!=null&&g.value&&!this.inputRef.value.contains(l.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(l.target))&&!this.btnRef.value.contains(l.target)&&!l.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||Rf.props.min.default,this.max=this.max||Rf.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await bC(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",n=>{var i,l;(i=this.inputRef)!=null&&i.value&&(l=this.btnRef)!=null&&l.value&&!this.inputRef.value.contains(n.target)&&!this.btnRef.value.contains(n.target)&&this.hideCalendar()})}attributeChangedCallback(n,i,l){if(n==="value"){if(this.range&&(l==null?void 0:l.split(",").length)===1)return;this.value!==i&&this.valueChanged(l,i)}n==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(l==null?void 0:l.split(","))??[]),n==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(l==null?void 0:l.split(","))??[]),super.attributeChangedCallback(n,i,l)}updated(n){if(n.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,n.get("value"))}super.updated(n)}renderInput(){return Ae`
       <input
         class="${cn(this.inputClasses)}"
         .type=${this.inputType}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "12.32.6",
+  "version": "12.32.8",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.5",
-    "@oslokommune/punkt-elements": "^12.32.4",
+    "@oslokommune/punkt-elements": "^12.32.8",
     "angular-html-parser": "^6.0.2",
     "html-format": "^1.1.7",
     "prettier": "^3.3.3",
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
     "@oslokommune/punkt-assets": "^12.30.1",
-    "@oslokommune/punkt-css": "^12.32.1",
+    "@oslokommune/punkt-css": "^12.32.8",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -112,5 +112,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "20594471ca6c6134e84a9de6b6e332d391566369"
+  "gitHead": "2be6c93ef32da3656e4c88367201849e772d0017"
 }