@telia-ace/knowledge-widget-components-notification-row 1.1.8 → 1.2.0-rc.1

package/index.js

@@ -1 +1 @@
-"use strict";const f=require("@telia-ace/knowledge-data-client"),d=require("@telia-ace/knowledge-widget-core"),w=require("@telia-ace/knowledge-widget-ui"),p=s=>{const{events:h}=s.get("$widget"),[u,c]=d.createEventSubscriber(h);return w.createReactComponent(s,"notification-row",Promise.resolve().then(()=>require("./notification-row-0fa3c3a5.js")),t=>{const a=e=>{t.writeProperties({...t.properties(),loading:!0,error:void 0,notifications:[]}),t.actions.dispatch("fetch",{params:e})};return t.actions.create("fetch",({error:e,topNotifications:i,bottomNotifications:o,middleNotifications:g})=>{if(e)return t.actions.dispatch("fetched",{error:e,loading:!0,notifications:[]});let r=[];const{notifications:l,types:n=[]}=t.properties();return n.length?(n.indexOf("top")>-1&&(r=r.concat(i)),n.indexOf("middle")>-1&&(r=r.concat(g)),n.indexOf("bottom")>-1&&(r=r.concat(o))):r=i,t.actions.dispatch("fetched",{notifications:r.length?r:l,loading:!1})}),t.actions.create("fetched",e=>t.writeProperties({...e,loading:!1})),s.getAsync("router").then(e=>{const{params:i}=e.getRouteData();a(i)}),u("router:changed",(e,{current:i})=>{a(i.routeData.params)}),()=>{c()}}).then(()=>d.extendComponent(s,"notification-row",t=>{t.actions.watch("notification-row.fetch",(a,e)=>f.DataClient.getInstance(s).then(i=>i.fetch(f.DataType.RowNotifications,{categories:[a.params.guideCategory,a.params.contactCategory].filter(o=>!!o),searchPhrase:a.params.phrase})).then(e).catch(i=>{if(i)return e(i)}))})).then(()=>{c()})};module.exports=p;
+"use strict";const f=require("@telia-ace/knowledge-data-client"),d=require("@telia-ace/knowledge-widget-core"),w=require("@telia-ace/knowledge-widget-ui"),p=s=>{const{events:h}=s.get("$widget"),[u,c]=d.createEventSubscriber(h);return w.createReactComponent(s,"notification-row",Promise.resolve().then(()=>require("./notification-row-71e572ae.js")),t=>{const a=e=>{t.writeProperties({...t.properties(),loading:!0,error:void 0,notifications:[]}),t.actions.dispatch("fetch",{params:e})};return t.actions.create("fetch",({error:e,topNotifications:i,bottomNotifications:o,middleNotifications:g})=>{if(e)return t.actions.dispatch("fetched",{error:e,loading:!0,notifications:[]});let r=[];const{notifications:l,types:n=[]}=t.properties();return n.length?(n.indexOf("top")>-1&&(r=r.concat(i)),n.indexOf("middle")>-1&&(r=r.concat(g)),n.indexOf("bottom")>-1&&(r=r.concat(o))):r=i,t.actions.dispatch("fetched",{notifications:r.length?r:l,loading:!1})}),t.actions.create("fetched",e=>t.writeProperties({...e,loading:!1})),s.getAsync("router").then(e=>{const{params:i}=e.getRouteData();a(i)}),u("router:changed",(e,{current:i})=>{a(i.routeData.params)}),()=>{c()}}).then(()=>d.extendComponent(s,"notification-row",t=>{t.actions.watch("notification-row.fetch",(a,e)=>f.DataClient.getInstance(s).then(i=>i.fetch(f.DataType.RowNotifications,{categories:[a.params.guideCategory,a.params.contactCategory].filter(o=>!!o),searchPhrase:a.params.phrase})).then(e).catch(i=>{if(i)return e(i)}))})).then(()=>{c()})};module.exports=p;

package/index.mjs

@@ -6,7 +6,7 @@ const v = (o) => {
   return m(
     o,
     "notification-row",
-    import("./notification-row-5caec368.mjs"),
+    import("./notification-row-c1d2412b.mjs"),
     (e) => {
       const r = (t) => {
         e.writeProperties({

package/{notification-row-0fa3c3a5.js → notification-row-71e572ae.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("@emotion/react"),c=require("@emotion/styled"),i=require("@telia-ace/knowledge-widget-ui"),m=require("@telia-ace/widget-services"),w=require("@telia-ace/widget-utilities"),g=require("react"),j="closed-notifications",L={transform:{a:({children:e,...t})=>n.jsx("a",{...t,tabIndex:-1,children:e})}},R=({className:e,...t})=>{const{types:l=[],allowPaging:u=!0,notifications:N=[],expandable:p=!1,closeAriaLabel:O="",pageNextAriaLabel:B="",pagePreviousAriaLabel:A="",expandAriaLabel:T=""}=i.useProperties(),[x,H]=g.useState(!1),[y,C]=g.useState([]),[o,S]=g.useState(0),s=i.useContainer(),[$,I]=g.useState();g.useEffect(()=>{s&&(m.readStorage(s,j,m.StorageMedium.Session).then((a=[])=>C(a)),m.createStorageWriter(s,j,m.StorageCategory.Functional).then(a=>I(()=>a)))},[s]),g.useEffect(()=>{s&&m.readStorage(s,j,m.StorageMedium.Session).then((a=[])=>{y.forEach(r=>a.indexOf(r)===-1&&a.push(r)),$&&$(a)})},[y,s,$]);const d=N.filter(({id:a})=>y.indexOf(a)===-1),{length:f}=d;if(!d.length)return i.createEmptyComponent(s,{...t,className:w.appendClassNames(e,"humany-notification-row")});if(u){const a=d[o]||d[o+1]||d[o-1];if(!a)return i.createEmptyComponent(s,{...t,className:w.appendClassNames(e,"humany-notification-row")});const{id:r,body:v}=a||{},z=()=>H(!x);return n.jsxs(E,{...t,"aria-expanded":p?x:!0,"aria-label":T,tabIndex:p?0:-1,className:w.appendClassNames(e,"humany-notification-row"),"data-pageable":f>1,"data-types":l,"data-allow-paging":u,"data-expandable":p,onKeyDown:h=>{h.key==="Enter"&&z()},onClick:z,children:[n.jsx(M,{"aria-label":O,onClick:()=>{S(d.indexOf(a)),C([...y,r])},children:n.jsx(i.SymbolBadge,{symbol:{type:"Svg",content:"close"}})}),n.jsx(P,{htmlParseInstruction:!p||x?void 0:L,"data-pageable":f>1,"data-notification":r,"data-expandable":p,"data-expanded":x,html:v}),f>1&&n.jsxs(W,{children:[n.jsx(k,{"aria-label":A,"data-disabled":o===0,onClick:h=>{h.stopPropagation(),o>0&&S(o-1)},children:n.jsx(q,{size:10,symbol:{type:"Svg",content:"caret-left"}})}),n.jsxs("span",{children:[o+1,"/",f]}),n.jsx(k,{"aria-label":B,"data-disabled":o+1>=f,onClick:h=>{h.stopPropagation(),o<f-1&&S(o+1)},children:n.jsx(q,{size:10,symbol:{type:"Svg",content:"caret-right"}})})]})]})}return n.jsx(E,{...t,className:w.appendClassNames(e,"humany-notification-row"),"data-pageable":!1,"data-types":l,"data-allow-paging":!1,children:d.map(a=>{if(!a)return null;const{id:r,body:v}=a;return n.jsx(P,{"data-pageable":!1,"data-expandable":p,"data-expanded":x,"data-notification":r,html:v},r)})})},E=c.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("@emotion/react"),c=require("@emotion/styled"),i=require("@telia-ace/knowledge-widget-ui"),m=require("@telia-ace/widget-services"),w=require("@telia-ace/widget-utilities"),g=require("react"),j="closed-notifications",L={transform:{a:({children:e,...t})=>n.jsx("a",{...t,tabIndex:-1,children:e})}},R=({className:e,...t})=>{const{types:l=[],allowPaging:u=!0,notifications:N=[],expandable:p=!1,closeAriaLabel:O="",pageNextAriaLabel:B="",pagePreviousAriaLabel:A="",expandAriaLabel:T=""}=i.useProperties(),[x,H]=g.useState(!1),[y,C]=g.useState([]),[o,S]=g.useState(0),s=i.useContainer(),[$,I]=g.useState();g.useEffect(()=>{s&&(m.readStorage(s,j,m.StorageMedium.Session).then((a=[])=>C(a)),m.createStorageWriter(s,j,m.StorageCategory.Functional).then(a=>I(()=>a)))},[s]),g.useEffect(()=>{s&&m.readStorage(s,j,m.StorageMedium.Session).then((a=[])=>{y.forEach(r=>a.indexOf(r)===-1&&a.push(r)),$&&$(a)})},[y,s,$]);const d=N.filter(({id:a})=>y.indexOf(a)===-1),{length:f}=d;if(!d.length)return i.createEmptyComponent(s,{...t,className:w.appendClassNames(e,"humany-notification-row")});if(u){const a=d[o]||d[o+1]||d[o-1];if(!a)return i.createEmptyComponent(s,{...t,className:w.appendClassNames(e,"humany-notification-row")});const{id:r,body:v}=a||{},z=()=>H(!x);return n.jsxs(E,{...t,"aria-expanded":p?x:!0,"aria-label":T,tabIndex:p?0:-1,className:w.appendClassNames(e,"humany-notification-row"),"data-pageable":f>1,"data-types":l,"data-allow-paging":u,"data-expandable":p,onKeyDown:h=>{h.key==="Enter"&&z()},onClick:z,children:[n.jsx(M,{"aria-label":O,onClick:()=>{S(d.indexOf(a)),C([...y,r])},children:n.jsx(i.SymbolBadge,{symbol:{type:"Svg",content:"close"}})}),n.jsx(P,{htmlParseInstruction:!p||x?void 0:L,"data-pageable":f>1,"data-notification":r,"data-expandable":p,"data-expanded":x,html:v}),f>1&&n.jsxs(W,{children:[n.jsx(k,{"data-testid":"page-left-button","aria-label":A,"data-disabled":o===0,onClick:h=>{h.stopPropagation(),o>0&&S(o-1)},children:n.jsx(q,{size:10,symbol:{type:"Svg",content:"caret-left"}})}),n.jsxs("span",{children:[o+1,"/",f]}),n.jsx(k,{"data-testid":"page-right-button","aria-label":B,"data-disabled":o+1>=f,onClick:h=>{h.stopPropagation(),o<f-1&&S(o+1)},children:n.jsx(q,{size:10,symbol:{type:"Svg",content:"caret-right"}})})]})]})}return n.jsx(E,{...t,className:w.appendClassNames(e,"humany-notification-row"),"data-pageable":!1,"data-types":l,"data-allow-paging":!1,children:d.map(a=>{if(!a)return null;const{id:r,body:v}=a;return n.jsx(P,{"data-pageable":!1,"data-expandable":p,"data-expanded":x,"data-notification":r,html:v},r)})})},E=c.div`
   ${i.genericHtml}
   padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} ${e=>{var t;return((t=e.theme.sizes)==null?void 0:t.cardinal)*12}}px;
   background-color: ${e=>{var t,l,u;return e["data-types"].length?e["data-types"].indexOf("top")>-1?(t=e.theme.colors)==null?void 0:t.warning:e["data-types"].indexOf("bottom")>-1?"transparent":(l=e.theme.colors)==null?void 0:l.primary:(u=e.theme.colors)==null?void 0:u.warning}};

package/{notification-row-5caec368.mjs → notification-row-c1d2412b.mjs}

@@ -1,5 +1,5 @@
-import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { css as g } from "@emotion/react";
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { css as h } from "@emotion/react";
 import d from "@emotion/styled";
 import { useProperties as G, useContainer as M, createEmptyComponent as E, SymbolBadge as L, genericHtml as Y, linkTabStyle as _, borderTabStyle as N, Html as q, Button as J } from "@telia-ace/knowledge-widget-ui";
 import { readStorage as P, StorageMedium as O, createStorageWriter as Q, StorageCategory as U } from "@telia-ace/widget-services";
@@ -7,7 +7,7 @@ import { appendClassNames as u } from "@telia-ace/widget-utilities";
 import { useState as x, useEffect as A } from "react";
 const S = "closed-notifications", V = {
   transform: {
-    a: ({ children: e, ...t }) => /* @__PURE__ */ i("a", { ...t, tabIndex: -1, children: e })
+    a: ({ children: e, ...t }) => /* @__PURE__ */ n("a", { ...t, tabIndex: -1, children: e })
   }
 }, re = ({ className: e, ...t }) => {
   const {
@@ -19,7 +19,7 @@ const S = "closed-notifications", V = {
     pageNextAriaLabel: T = "",
     pagePreviousAriaLabel: W = "",
     expandAriaLabel: K = ""
-  } = G(), [m, D] = x(!1), [b, z] = x([]), [n, y] = x(0), o = M(), [w, F] = x();
+  } = G(), [m, D] = x(!1), [b, z] = x([]), [i, y] = x(0), o = M(), [w, F] = x();
   A(() => {
     o && (P(o, S, O.Session).then(
       (a = []) => z(a)
@@ -44,7 +44,7 @@ const S = "closed-notifications", V = {
       className: u(e, "humany-notification-row")
     });
   if (f) {
-    const a = s[n] || s[n + 1] || s[n - 1];
+    const a = s[i] || s[i + 1] || s[i - 1];
     if (!a)
       return E(o, {
         ...t,
@@ -63,22 +63,22 @@ const S = "closed-notifications", V = {
         "data-types": l,
         "data-allow-paging": f,
         "data-expandable": c,
-        onKeyDown: (h) => {
-          h.key === "Enter" && C();
+        onKeyDown: (g) => {
+          g.key === "Enter" && C();
         },
         onClick: C,
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ n(
             Z,
             {
               "aria-label": R,
               onClick: () => {
                 y(s.indexOf(a)), z([...b, r]);
               },
-              children: /* @__PURE__ */ i(L, { symbol: { type: "Svg", content: "close" } })
+              children: /* @__PURE__ */ n(L, { symbol: { type: "Svg", content: "close" } })
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ n(
             H,
             {
               htmlParseInstruction: !c || m ? void 0 : V,
@@ -90,15 +90,16 @@ const S = "closed-notifications", V = {
             }
           ),
           p > 1 && /* @__PURE__ */ v(X, { children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n(
               k,
               {
+                "data-testid": "page-left-button",
                 "aria-label": W,
-                "data-disabled": n === 0,
-                onClick: (h) => {
-                  h.stopPropagation(), n > 0 && y(n - 1);
+                "data-disabled": i === 0,
+                onClick: (g) => {
+                  g.stopPropagation(), i > 0 && y(i - 1);
                 },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ n(
                   I,
                   {
                     size: 10,
@@ -108,19 +109,20 @@ const S = "closed-notifications", V = {
               }
             ),
             /* @__PURE__ */ v("span", { children: [
-              n + 1,
+              i + 1,
               "/",
               p
             ] }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n(
               k,
               {
+                "data-testid": "page-right-button",
                 "aria-label": T,
-                "data-disabled": n + 1 >= p,
-                onClick: (h) => {
-                  h.stopPropagation(), n < p - 1 && y(n + 1);
+                "data-disabled": i + 1 >= p,
+                onClick: (g) => {
+                  g.stopPropagation(), i < p - 1 && y(i + 1);
                 },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ n(
                   I,
                   {
                     size: 10,
@@ -134,7 +136,7 @@ const S = "closed-notifications", V = {
       }
     );
   }
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     B,
     {
       ...t,
@@ -146,7 +148,7 @@ const S = "closed-notifications", V = {
         if (!a)
           return null;
         const { id: r, body: $ } = a;
-        return /* @__PURE__ */ i(
+        return /* @__PURE__ */ n(
           H,
           {
             "data-pageable": !1,
@@ -204,7 +206,7 @@ const S = "closed-notifications", V = {
 
   ${(e) => {
   var t;
-  return !e["data-allow-paging"] && g`
+  return !e["data-allow-paging"] && h`
       flex-wrap: wrap;
 
       > div {
@@ -214,7 +216,7 @@ const S = "closed-notifications", V = {
     `;
 }};
 
-  ${(e) => g`
+  ${(e) => h`
       &:focus-visible {
         .humany-html {
           ${N(e)}
@@ -230,7 +232,7 @@ const S = "closed-notifications", V = {
   line-height: 1.6em;
   font-weight: 300;
 
-  ${(e) => e["data-expandable"] && !e["data-expanded"] && g`
+  ${(e) => e["data-expandable"] && !e["data-expanded"] && h`
       max-width: 100%;
 
       p {
@@ -274,9 +276,9 @@ const S = "closed-notifications", V = {
     ${N}
   }
 
-  ${(e) => e["data-disabled"] ? g`
+  ${(e) => e["data-disabled"] ? h`
           opacity: 0.8;
-        ` : g`
+        ` : h`
           @media (hover) {
             &:hover {
               opacity: 0.5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-notification-row",
-  "version": "1.1.8",
+  "version": "1.2.0-rc.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,11 +10,11 @@
     }
   },
   "dependencies": {
-    "@telia-ace/knowledge-widget-core": "^1.1.8",
-    "@telia-ace/knowledge-widget-ui": "^1.1.8",
-    "@telia-ace/widget-services": "^1.1.8",
-    "@telia-ace/widget-utilities": "^1.1.8",
-    "@telia-ace/knowledge-data-client": "^1.1.8",
+    "@telia-ace/knowledge-widget-core": "^1.2.0-rc.1",
+    "@telia-ace/knowledge-widget-ui": "^1.2.0-rc.1",
+    "@telia-ace/widget-services": "^1.2.0-rc.1",
+    "@telia-ace/widget-utilities": "^1.2.0-rc.1",
+    "@telia-ace/knowledge-data-client": "^1.2.0-rc.1",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {