@telia-ace/knowledge-widget-ui 1.2.8 → 1.2.9

package/index.js

@@ -243,7 +243,7 @@
   }
 `,F=d(s.Text)`
   font-style: italic;
-`,Be=({tags:e})=>e.filter(t=>t.symbol).length?n.jsx(Ee,{className:"humany-guide-list-tags",items:e,renderItem:({id:t,symbol:a,title:i})=>a&&n.jsx("li",{"data-tag":t,children:n.jsx(Me,{size:18,symbol:a,title:i})},t)}):null,Fe=u.forwardRef(({title:e,id:t,route:a,symbolSize:i,collapseUri:o,children:r},l)=>{const{params:h}=s.useRouteData();return n.jsxs(Pe,{ref:l,"data-guide":t,children:[n.jsx(s.TextLink,{title:e,"aria-label":e,routeName:a,params:v.createParams({...h,uriName:o||void 0,id:void 0,guide:void 0,accordion:void 0}),text:e,children:n.jsx(s.SymbolBadge,{size:i,symbol:{type:"Svg",content:"caret-up"}})}),r]})}),Pe=d.li`
+`,Be=({tags:e})=>e.filter(t=>t.symbol).length?n.jsx(Ee,{className:"humany-guide-list-tags",items:e,renderItem:({id:t,symbol:a,title:i})=>a&&n.jsx("li",{"data-tag":t,children:n.jsx(Me,{size:18,symbol:a,title:i})},t)}):null,Fe=u.forwardRef(({title:e,id:t,route:a,symbolSize:i,collapseUri:o,children:r},l)=>{const{params:h}=s.useRouteData();return n.jsxs(Pe,{ref:l,"data-guide":t,children:[n.jsx(s.TextLink,{"aria-expanded":!0,title:e,"aria-label":e,routeName:a,params:v.createParams({...h,uriName:o||void 0,id:void 0,guide:void 0,accordion:void 0}),text:e,children:n.jsx(s.SymbolBadge,{size:i,symbol:{type:"Svg",content:"caret-up"}})}),r]})}),Pe=d.li`
   > a {
     grid-column: 1/-1;
     font-weight: bold;
@@ -253,7 +253,7 @@
   > div {
     grid-column: 1/-1;
   }
-`,Ae=u.forwardRef(({expandable:e=!1,routing:t={},paramMappers:a={},symbolSize:i=11,pageRole:o="link",pageCaret:r="down",showTags:l=!1,showFavoriteToggle:h=!1,localPaging:c=!1,onItemClick:m=()=>{},dispatch:p=()=>{},metadata:f={},pageLabel:g,className:w,children:b,items:$,renderItem:S,addFavoriteTooltip:J,removeFavoriteCancelLabel:Q,removeFavoriteConfirmLabel:X,removeFavoriteHeader:Z,removeFavoriteLabel:ee,removeFavoriteTooltip:te,searchResultsEmptyLabel:se,...A},ae)=>{const R=s.useIsTabbing(),L=u.useRef(),N=s.usePrevious($),{guide:ne="guide",page:ie="index"}=t,{guide:oe=({id:x})=>v.createParams({guide:x}),page:E=()=>v.createParams()}=a,[re,le]=K(),ce=s.useContainer(),{events:de}=ce.get("$widget");u.useImperativeHandle(ae,()=>L.current);const D=x=>{const{id:k,title:j,tags:z,published:T,modified:C,publishedBy:I,modifiedBy:B}=x;return n.jsxs("li",{"data-guide":k,"has-metadata":(!!(f!=null&&f.showPublished)&&!!T||!!(f!=null&&f.showModified)&&!!C).toString(),children:[n.jsx(s.TextLink,{className:"humany-guide-link",title:j,"aria-label":j,routeName:ne,onClick:fe=>{m(fe,x),de.dispatch("tracking:guide-list-item-clicked",{guide:x})},params:oe(x),text:j,children:n.jsx(s.SymbolBadge,{size:i,symbol:{type:"Svg",content:e?"caret-down":"caret-right"}})}),h&&n.jsx(_,{guideTitle:j,addFavoriteTooltip:J,removeFavoriteCancelLabel:Q,removeFavoriteConfirmLabel:X,removeFavoriteHeader:Z,removeFavoriteLabel:ee,removeFavoriteTooltip:te,isFavorite:re.indexOf(k)>-1,actions:le,id:k}),l&&n.jsx(Be,{tags:z}),n.jsx(Oe,{...f,indent:e?void 0:i,modified:C,published:T,publishedBy:I,modifiedBy:B})]},k)},me=u.useCallback((x,k,j)=>S?S(x,k,j,D):D(x),[S,D]),he=u.useCallback(x=>{c&&(x.preventDefault(),p("page",E()))},[p,c]);u.useEffect(()=>{if(N&&N.length<$.length&&L.current){const x=L.current.querySelectorAll(".humany-guide-list > ul > li"),k=x[N.length];if(x.length===$.length&&N.length){const j=x[N.length];if(j){const z=j.querySelector(".humany-guide-link");z&&z.focus()}}else k&&new MutationObserver((z,T)=>{z.forEach(C=>{if(C.addedNodes){const I=Array.from(C.addedNodes).find(B=>B.tagName==="A");I&&v.htmlParentContains(L.current,document.activeElement)&&(R&&I.focus(),T.disconnect())}})}).observe(k,{attributes:!1,characterData:!1,childList:!0,subtree:!0,attributeOldValue:!1,characterDataOldValue:!1})}});const ue=!!Object.keys(f).filter(x=>typeof f[x]<"u").length;return n.jsxs(Re,{className:v.appendClassNames(w,"humany-guide-list"),"data-item-count":$.length,items:$,renderItem:me,isTabbing:R,expandable:e?"true":"false","grid-items":l||h||ue?"true":"false",...s.convertToStringAttributes(A),ref:L,children:[g?n.jsx(s.TextLink,{text:g,title:g,"aria-label":g,routeName:ie,role:o,params:E(),onClick:he,children:n.jsx(s.SymbolBadge,{size:i,symbol:{type:"Svg",content:`caret-${r}`}})}):null,b,!A["data-loading"]&&$.length===0&&n.jsx("p",{children:se})]})}),Re=d(s.ItemList)`
+`,Ae=u.forwardRef(({expandable:e=!1,routing:t={},paramMappers:a={},symbolSize:i=11,pageRole:o="link",pageCaret:r="down",showTags:l=!1,showFavoriteToggle:h=!1,localPaging:c=!1,onItemClick:m=()=>{},dispatch:p=()=>{},metadata:f={},pageLabel:g,className:w,children:b,items:$,renderItem:S,addFavoriteTooltip:J,removeFavoriteCancelLabel:Q,removeFavoriteConfirmLabel:X,removeFavoriteHeader:Z,removeFavoriteLabel:ee,removeFavoriteTooltip:te,searchResultsEmptyLabel:se,...A},ae)=>{const R=s.useIsTabbing(),L=u.useRef(),N=s.usePrevious($),{guide:ne="guide",page:ie="index"}=t,{guide:oe=({id:x})=>v.createParams({guide:x}),page:E=()=>v.createParams()}=a,[re,le]=K(),ce=s.useContainer(),{events:de}=ce.get("$widget");u.useImperativeHandle(ae,()=>L.current);const D=x=>{const{id:j,title:k,tags:z,published:T,modified:C,publishedBy:I,modifiedBy:B}=x;return n.jsxs("li",{"data-guide":j,"has-metadata":(!!(f!=null&&f.showPublished)&&!!T||!!(f!=null&&f.showModified)&&!!C).toString(),children:[n.jsx(s.TextLink,{className:"humany-guide-link",routeName:ne,onClick:fe=>{m(fe,x),de.dispatch("tracking:guide-list-item-clicked",{guide:x})},params:oe(x),text:k,children:n.jsx(s.SymbolBadge,{size:i,symbol:{type:"Svg",content:e?"caret-down":"caret-right"}})}),h&&n.jsx(_,{guideTitle:k,addFavoriteTooltip:J,removeFavoriteCancelLabel:Q,removeFavoriteConfirmLabel:X,removeFavoriteHeader:Z,removeFavoriteLabel:ee,removeFavoriteTooltip:te,isFavorite:re.indexOf(j)>-1,actions:le,id:j}),l&&n.jsx(Be,{tags:z}),n.jsx(Oe,{...f,indent:e?void 0:i,modified:C,published:T,publishedBy:I,modifiedBy:B})]},j)},me=u.useCallback((x,j,k)=>S?S(x,j,k,D):D(x),[S,D]),he=u.useCallback(x=>{c&&(x.preventDefault(),p("page",E()))},[p,c]);u.useEffect(()=>{if(N&&N.length<$.length&&L.current){const x=L.current.querySelectorAll(".humany-guide-list > ul > li"),j=x[N.length];if(x.length===$.length&&N.length){const k=x[N.length];if(k){const z=k.querySelector(".humany-guide-link");z&&z.focus()}}else j&&new MutationObserver((z,T)=>{z.forEach(C=>{if(C.addedNodes){const I=Array.from(C.addedNodes).find(B=>B.tagName==="A");I&&v.htmlParentContains(L.current,document.activeElement)&&(R&&I.focus(),T.disconnect())}})}).observe(j,{attributes:!1,characterData:!1,childList:!0,subtree:!0,attributeOldValue:!1,characterDataOldValue:!1})}});const ue=!!Object.keys(f).filter(x=>typeof f[x]<"u").length;return n.jsxs(Re,{className:v.appendClassNames(w,"humany-guide-list"),"data-item-count":$.length,items:$,renderItem:me,isTabbing:R,expandable:e?"true":"false","grid-items":l||h||ue?"true":"false",...s.convertToStringAttributes(A),ref:L,children:[g?n.jsx(s.TextLink,{text:g,title:g,"aria-label":g,routeName:ie,role:o,params:E(),onClick:he,children:n.jsx(s.SymbolBadge,{size:i,symbol:{type:"Svg",content:`caret-${r}`}})}):null,b,!A["data-loading"]&&$.length===0&&n.jsx("p",{children:se})]})}),Re=d(s.ItemList)`
   ${s.itemList}
   padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
   overflow: auto;

package/index.mjs

@@ -662,6 +662,7 @@ const $e = ({
     /* @__PURE__ */ o(
       V,
       {
+        "aria-expanded": !0,
         title: t,
         "aria-label": t,
         routeName: n,
@@ -733,19 +734,17 @@ const $e = ({
     } = n, [De, Fe] = rt(), Ce = fe(), { events: Ae } = Ce.get("$widget");
     Ue(Ne, () => I.current);
     const H = (g) => {
-      const { id: w, title: b, tags: L, published: C, modified: D, publishedBy: A, modifiedBy: O } = g;
+      const { id: b, title: w, tags: L, published: C, modified: D, publishedBy: A, modifiedBy: O } = g;
       return /* @__PURE__ */ p(
         "li",
         {
-          "data-guide": w,
+          "data-guide": b,
           "has-metadata": (!!(h != null && h.showPublished) && !!C || !!(h != null && h.showModified) && !!D).toString(),
           children: [
             /* @__PURE__ */ o(
               V,
               {
                 className: "humany-guide-link",
-                title: b,
-                "aria-label": b,
                 routeName: Le,
                 onClick: (je) => {
                   d(je, g), Ae.dispatch("tracking:guide-list-item-clicked", {
@@ -753,7 +752,7 @@ const $e = ({
                   });
                 },
                 params: Te(g),
-                text: b,
+                text: w,
                 children: /* @__PURE__ */ o(
                   S,
                   {
@@ -769,16 +768,16 @@ const $e = ({
             m && /* @__PURE__ */ o(
               ot,
               {
-                guideTitle: b,
+                guideTitle: w,
                 addFavoriteTooltip: ve,
                 removeFavoriteCancelLabel: xe,
                 removeFavoriteConfirmLabel: be,
                 removeFavoriteHeader: we,
                 removeFavoriteLabel: ke,
                 removeFavoriteTooltip: ze,
-                isFavorite: De.indexOf(w) > -1,
+                isFavorite: De.indexOf(b) > -1,
                 actions: Fe,
-                id: w
+                id: b
               }
             ),
             r && /* @__PURE__ */ o(ct, { tags: L }),
@@ -795,10 +794,10 @@ const $e = ({
             )
           ]
         },
-        w
+        b
       );
     }, Me = k(
-      (g, w, b) => N ? N(g, w, b, H) : H(g),
+      (g, b, w) => N ? N(g, b, w, H) : H(g),
       [N, H]
     ), Pe = k(
       (g) => {
@@ -810,17 +809,17 @@ const $e = ({
       if (T && T.length < $.length && I.current) {
         const g = I.current.querySelectorAll(
           ".humany-guide-list > ul > li"
-        ), w = g[T.length];
+        ), b = g[T.length];
         if (g.length === $.length && T.length) {
-          const b = g[T.length];
-          if (b) {
-            const L = b.querySelector(
+          const w = g[T.length];
+          if (w) {
+            const L = w.querySelector(
               ".humany-guide-link"
             );
             L && L.focus();
           }
         } else
-          w && new MutationObserver((L, C) => {
+          b && new MutationObserver((L, C) => {
             L.forEach((D) => {
               if (D.addedNodes) {
                 const A = Array.from(
@@ -829,7 +828,7 @@ const $e = ({
                 A && Ge(I.current, document.activeElement) && (Q && A.focus(), C.disconnect());
               }
             });
-          }).observe(w, {
+          }).observe(b, {
             attributes: !1,
             characterData: !1,
             childList: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-ui",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {