@warp-ds/elements 2.9.0-next.1 → 2.9.0-next.3

package/dist/packages/datepicker/DatePicker.test.js

@@ -6,12 +6,12 @@ import '../button/button.js';
 import './datepicker.js';
 import { DatePicker } from './react.js';
 test('renders the date picker component', async () => {
-    const page = render(React.createElement("form", null,
+    const page = await render(React.createElement("form", null,
         React.createElement(DatePicker, { label: "From date" })));
     await expect.element(page.getByLabelText('From date')).toBeVisible();
 });
 test('can pick a date using a pointer', async () => {
-    const page = render(React.createElement("form", { "data-testid": "flight" },
+    const page = await render(React.createElement("form", { "data-testid": "flight" },
         React.createElement(DatePicker, { label: "From date", name: "from" })));
     await expect.element(page.getByLabelText('From date')).not.toHaveValue();
     await page.getByRole('button').click({ force: true });
@@ -21,7 +21,7 @@ test('can pick a date using a pointer', async () => {
     expect(formData.get('from')).toBeTruthy();
 });
 test.skipIf(server.browser === 'firefox')('can pick a date using keyboard', async () => {
-    const page = render(React.createElement("form", { "data-testid": "flight" },
+    const page = await render(React.createElement("form", { "data-testid": "flight" },
         React.createElement(DatePicker, { label: "From date", name: "from" })));
     await expect.element(page.getByLabelText('From date')).not.toHaveValue();
     await expect.element(page.getByTestId('calendar').query()).not.toBeVisible();
@@ -39,7 +39,7 @@ test.skipIf(server.browser === 'firefox')('can pick a date using keyboard', asyn
     expect(formData.get('from')).toBeTruthy();
 });
 test('can pick a date by typing in the input field', async () => {
-    const page = render(React.createElement("form", { "data-testid": "flight" },
+    const page = await render(React.createElement("form", { "data-testid": "flight" },
         React.createElement(DatePicker, { label: "From date", name: "from" })));
     await expect.element(page.getByLabelText('From date')).not.toHaveValue();
     const toggle = page.getByLabelText('From date').element();
@@ -60,7 +60,7 @@ test('allows for the controlled component pattern', async () => {
                     spy(nextValue);
                 } })));
     };
-    const page = render(React.createElement(TestComponent, null));
+    const page = await render(React.createElement(TestComponent, null));
     await page.getByRole('button').click({ force: true });
     await page.getByRole('gridcell').nth(15).click();
     await expect.element(page.getByLabelText('From date')).toHaveValue();

package/dist/packages/datepicker/datepicker.js

@@ -32,7 +32,7 @@ Please compile your catalog first.
   --w-icon-size: 32px;
 }
 
-`;var it=new Map,bi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function vi(r,e={}){var a;let t=(a=e.responseParser)!=null?a:(o=>o.text());return it.has(r)||it.set(r,fetch(r).then(t)),it.get(r)}var J=class extends fi{constructor(){super(...arguments);this.svg=null}async fetchIcon(t){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${t}.svg`;try{let n=await vi(o);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch(n){return null}}firstUpdated(){this.loadIcon()}updated(t){(t.has("name")||t.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let t=await this.fetchIcon(this.name);t||(t=new DOMParser().parseFromString(bi,"text/html").body.firstElementChild),this.svg=t}render(){let t=this.size||"medium",a=this.name||"",o={"w-icon":!0,"w-icon--s":t==="small","w-icon--m":t==="medium","w-icon--l":t==="large"},n=typeof t=="string"&&t.endsWith("px")?`--w-icon-size: ${t};`:"";return hi`<div class="${pi(o)}" style="${n}" part="w-${a.toLowerCase()}">${this.svg}</div>`}};J.styles=[jr],x([nt({type:String,reflect:!0})],J.prototype,"name",2),x([nt({type:String,reflect:!0})],J.prototype,"size",2),x([nt({type:String,reflect:!0})],J.prototype,"locale",2),x([gi()],J.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",J);var wi=["en","nb","fi","da","sv"],st="en",je=r=>wi.find(e=>r===e||r.toLowerCase().includes(e))||st;function ne(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return je(r)}try{let r=Yr(document);if(r)return je(r);let e=Mi();if(e)return je(e);let t=Yr(Ir());return t?je(t):st}catch(r){return console.warn("could not detect locale, falling back to source locale",r),st}}var Nr=(r,e,t,a,o)=>{Y.load("en",r),Y.load("nb",e),Y.load("fi",t),Y.load("da",a),Y.load("sv",o);let n=ne();Y.activate(n),Hr(),yi()},ki="warp-i18n-change";function Hr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ki))}var Lr=!1;function yi(){if(Lr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Lr=!0;let r=()=>{let o=ne();Y.locale!==o&&(Y.activate(o),Hr())},e=new MutationObserver(o=>{for(let n of o)if(n.type==="attributes"&&n.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ir();t&&t.documentElement&&t!==document&&e.observe(t.documentElement,{attributes:!0,attributeFilter:["lang"]});let a=xi();a&&e.observe(a,{attributes:!0,attributeFilter:["lang"]})}function Ir(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(t){return null}}function Yr(r){var e,t;try{return(t=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?t:""}catch(a){return""}}function xi(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function Mi(){var r,e,t;try{return(t=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?t:""}catch(a){return""}}import{css as $r}from"lit";var Vr=$r`
+`;var it=new Map,bi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function vi(r,e={}){var a;let t=(a=e.responseParser)!=null?a:(o=>o.text());return it.has(r)||it.set(r,fetch(r).then(t)),it.get(r)}var J=class extends fi{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(t){let a=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${t}.svg`;try{let o=await vi(a);return new DOMParser().parseFromString(o,"text/html").body.querySelector("svg")}catch(o){return null}}firstUpdated(){this.loadIcon()}updated(t){(t.has("name")||t.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let t=await this.fetchIcon(this.name);t||(t=new DOMParser().parseFromString(bi,"text/html").body.firstElementChild),this.svg=t}render(){let t=this.size||"medium",a=this.name||"",o={"w-icon":!0,"w-icon--s":t==="small","w-icon--m":t==="medium","w-icon--l":t==="large"},n=typeof t=="string"&&t.endsWith("px")?`--w-icon-size: ${t};`:"";return hi`<div class="${pi(o)}" style="${n}" part="w-${a.toLowerCase()}">${this.svg}</div>`}};J.styles=[jr],x([nt({type:String,reflect:!0})],J.prototype,"name",2),x([nt({type:String,reflect:!0})],J.prototype,"size",2),x([nt({type:String,reflect:!0,useDefault:!0})],J.prototype,"locale",2),x([gi()],J.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",J);var wi=["en","nb","fi","da","sv"],st="en",je=r=>wi.find(e=>r===e||r.toLowerCase().includes(e))||st;function ne(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return je(r)}try{let r=Yr(document);if(r)return je(r);let e=Mi();if(e)return je(e);let t=Yr(Ir());return t?je(t):st}catch(r){return console.warn("could not detect locale, falling back to source locale",r),st}}var Nr=(r,e,t,a,o)=>{Y.load("en",r),Y.load("nb",e),Y.load("fi",t),Y.load("da",a),Y.load("sv",o);let n=ne();Y.activate(n),Hr(),yi()},ki="warp-i18n-change";function Hr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ki))}var Lr=!1;function yi(){if(Lr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Lr=!0;let r=()=>{let o=ne();Y.locale!==o&&(Y.activate(o),Hr())},e=new MutationObserver(o=>{for(let n of o)if(n.type==="attributes"&&n.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ir();t&&t.documentElement&&t!==document&&e.observe(t.documentElement,{attributes:!0,attributeFilter:["lang"]});let a=xi();a&&e.observe(a,{attributes:!0,attributeFilter:["lang"]})}function Ir(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(t){return null}}function Yr(r){var e,t;try{return(t=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?t:""}catch(a){return""}}function xi(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function Mi(){var r,e,t;try{return(t=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?t:""}catch(a){return""}}import{css as $r}from"lit";var Vr=$r`
   *,
   :before,
   :after {