@telia-ace/knowledge-widget-components-related-guide-list 1.0.24-next.1 → 1.0.24-next.3

package/dist/index.js

@@ -1,22 +1,22 @@
-var g = Object.defineProperty, f = Object.defineProperties;
-var l = Object.getOwnPropertyDescriptors;
+var g = Object.defineProperty, l = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
 var n = Object.getOwnPropertySymbols;
 var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var h = (r, e, t) => e in r ? g(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, u = (r, e) => {
+var h = (r, e, t) => e in r ? g(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, o = (r, e) => {
   for (var t in e || (e = {}))
     p.call(e, t) && h(r, t, e[t]);
   if (n)
     for (var t of n(e))
       m.call(e, t) && h(r, t, e[t]);
   return r;
-}, o = (r, e) => f(r, l(e));
-import { createEventSubscriber as b, extendComponent as w } from "@telia-ace/knowledge-widget-core";
-import { DataType as C } from "@telia-ace/knowledge-widget-types-grid";
-import { createReactComponent as v } from "@telia-ace/knowledge-widget-ui";
-const G = (r) => v(
+}, u = (r, e) => l(r, f(e));
+import { createEventSubscriber as b, extendComponent as C } from "@telia-ace/knowledge-widget-core";
+import { DataType as w } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent as R } from "@telia-ace/knowledge-widget-ui";
+const v = (r) => R(
   r,
   "related-guide-list",
-  import("./related-guide-list.cf209a10.js"),
+  import("./related-guide-list.f7606e9c.js"),
   (e) => {
     const { events: t } = r.get("$widget"), [i, c] = b(t), d = (a) => {
       e.writeProperties({ loading: !0, error: void 0 }), e.actions.dispatch("fetch", { params: a });
@@ -24,7 +24,7 @@ const G = (r) => v(
     return e.actions.create("fetch", ({ items: a = [] }) => e.actions.dispatch("fetched", {
       items: a,
       loading: !0
-    })), e.actions.create("fetched", (a) => e.writeProperties(o(u({}, a), { loading: !1 }))), r.getAsync("router").then((a) => {
+    })), e.actions.create("fetched", (a) => e.writeProperties(u(o({}, a), { loading: !1 }))), r.getAsync("router").then((a) => {
       const { params: s } = a.getRouteData();
       d(s);
     }), i("router:changed", (a, { current: s }) => {
@@ -33,18 +33,18 @@ const G = (r) => v(
       c();
     };
   }
-).then(() => w(r, "related-guide-list", (e) => {
+).then(() => C(r, "related-guide-list", (e) => {
   e.actions.watch("related-guide-list.fetch", (t, i) => {
     const {
       params: { guide: c, connection: d }
     } = t;
-    return c ? (e.properties(), r.getAsync("dataClient").then((a) => a.fetch(C.Guide, {
+    return c ? (e.properties(), r.getAsync("dataClient").then((a) => a.fetch(w.Guide, {
       connection: d,
       guideId: c
-    }).then(({ related: s }) => i(o(u({}, t), { items: s || [] }))).catch((s) => i(t)))) : i(t);
+    }).then(({ related: s }) => i(u(o({}, t), { items: s || [] }))).catch((s) => i(t)))) : i(t);
   });
-}));
+})), L = v;
 export {
-  G as default
+  L as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/related-guide-list-component.ts"],"sourcesContent":["import {\n    FavoriteProperties,\n    MetaDataProperties,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport { createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\nimport { DataClient, DataType } from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type RelatedGuideListComponentProps = {\n    header: string;\n    items?: any[]; // internal\n    showFavoriteToggle?: boolean;\n    tags?: boolean;\n} & FavoriteProperties &\n    MetaDataProperties;\n\nconst RelatedGuideListComponent = (container: Container) => {\n    return createReactComponent(\n        container,\n        'related-guide-list',\n        import('./related-guide-list'),\n        (component) => {\n            const { events } = container.get('$widget');\n            const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n            const fetch = (params: { [key: string]: string }) => {\n                component.writeProperties({ loading: true, error: undefined });\n                component.actions.dispatch('fetch', { params });\n            };\n\n            component.actions.create('fetch', ({ items = [] }) => {\n                return component.actions.dispatch('fetched', {\n                    items,\n                    loading: true,\n                });\n            });\n\n            component.actions.create('fetched', (input) => {\n                return component.writeProperties({ ...input, loading: false });\n            });\n\n            container.getAsync('router').then((router) => {\n                const { params } = router.getRouteData();\n                fetch(params);\n            });\n            subscribe('router:changed', (_, { current }) => {\n                fetch(current.routeData.params);\n            });\n            return () => {\n                unsubscribe();\n            };\n        }\n    ).then(() => {\n        return extendComponent(container, 'related-guide-list', (component) => {\n            component.actions.watch('related-guide-list.fetch', (input, next) => {\n                const {\n                    params: { guide, connection },\n                } = input;\n                if (!guide) {\n                    return next(input);\n                }\n                const { header } = component.properties() as RelatedGuideListComponentProps;\n\n                return container.getAsync('dataClient').then((dataClient: DataClient) => {\n                    return dataClient\n                        .fetch(DataType.Guide, {\n                            connection,\n                            guideId: guide,\n                        })\n                        .then(({ related }) => {\n                            return next({ ...input, items: related || [] });\n                        })\n                        .catch((e: any) => {\n                            return next(input);\n                        });\n                });\n            });\n        });\n    });\n};\n\nexport default RelatedGuideListComponent;\n"],"names":["RelatedGuideListComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","fetch","params","items","input","__spreadProps","__spreadValues","router","_","current","extendComponent","next","guide","connection","dataClient","DataType","related","e"],"mappings":";;;;;;;;;;;;;;;AAiBM,MAAAA,IAA4B,CAACC,MACxBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AACX,UAAM,EAAE,QAAAC,EAAW,IAAAH,EAAU,IAAI,SAAS,GACpC,CAACI,GAAWC,CAAW,IAAIC,EAAsBH,CAAM,GAEvDI,IAAQ,CAACC,MAAsC;AACjD,MAAAN,EAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAC7DA,EAAU,QAAQ,SAAS,SAAS,EAAE,QAAAM,EAAQ,CAAA;AAAA,IAAA;AAGxC,WAAAN,EAAA,QAAQ,OAAO,SAAS,CAAC,EAAE,OAAAO,IAAQ,CAAA,QAClCP,EAAU,QAAQ,SAAS,WAAW;AAAA,MACzC,OAAAO;AAAA,MACA,SAAS;AAAA,IAAA,CACZ,CACJ,GAEDP,EAAU,QAAQ,OAAO,WAAW,CAACQ,MAC1BR,EAAU,gBAAgBS,EAAAC,EAAA,IAAKF,IAAL,EAAY,SAAS,KAAO,CAChE,GAEDV,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACa,MAAW;AAC1C,YAAM,EAAE,QAAAL,EAAA,IAAWK,EAAO,aAAa;AACvC,MAAAN,EAAMC,CAAM;AAAA,IAAA,CACf,GACDJ,EAAU,kBAAkB,CAACU,GAAG,EAAE,SAAAC,QAAc;AACtC,MAAAR,EAAAQ,EAAQ,UAAU,MAAM;AAAA,IAAA,CACjC,GACM,MAAM;AACG,MAAAV;IAAA;AAAA,EAEpB;AACJ,EAAE,KAAK,MACIW,EAAgBhB,GAAW,sBAAsB,CAACE,MAAc;AACnE,EAAAA,EAAU,QAAQ,MAAM,4BAA4B,CAACQ,GAAOO,MAAS;AAC3D,UAAA;AAAA,MACF,QAAQ,EAAE,OAAAC,GAAO,YAAAC,EAAW;AAAA,IAC5B,IAAAT;AACJ,WAAKQ,KAGchB,EAAU,WAAW,GAEjCF,EAAU,SAAS,YAAY,EAAE,KAAK,CAACoB,MACnCA,EACF,MAAMC,EAAS,OAAO;AAAA,MACnB,YAAAF;AAAA,MACA,SAASD;AAAA,IACZ,CAAA,EACA,KAAK,CAAC,EAAE,SAAAI,QACEL,EAAKN,EAAAC,EAAA,IAAKF,IAAL,EAAY,OAAOY,KAAW,KAAI,CACjD,EACA,MAAM,CAACC,MACGN,EAAKP,CAAK,CACpB,CACR,KAhBUO,EAAKP,CAAK;AAAA,EAgBpB,CACJ;AAAA,CACJ,CACJ;"}
+{"version":3,"file":"index.js","sources":["../src/related-guide-list-component.ts"],"sourcesContent":["import {\n    FavoriteProperties,\n    MetaDataProperties,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport { createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\nimport { DataClient, DataType } from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type RelatedGuideListComponentProps = {\n    header: string;\n    items?: any[]; // internal\n    showFavoriteToggle?: boolean;\n    tags?: boolean;\n} & FavoriteProperties &\n    MetaDataProperties;\n\nconst RelatedGuideListComponent = (container: Container) => {\n    return createReactComponent(\n        container,\n        'related-guide-list',\n        import('./related-guide-list'),\n        (component) => {\n            const { events } = container.get('$widget');\n            const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n            const fetch = (params: { [key: string]: string }) => {\n                component.writeProperties({ loading: true, error: undefined });\n                component.actions.dispatch('fetch', { params });\n            };\n\n            component.actions.create('fetch', ({ items = [] }) => {\n                return component.actions.dispatch('fetched', {\n                    items,\n                    loading: true,\n                });\n            });\n\n            component.actions.create('fetched', (input) => {\n                return component.writeProperties({ ...input, loading: false });\n            });\n\n            container.getAsync('router').then((router) => {\n                const { params } = router.getRouteData();\n                fetch(params);\n            });\n            subscribe('router:changed', (_, { current }) => {\n                fetch(current.routeData.params);\n            });\n            return () => {\n                unsubscribe();\n            };\n        }\n    ).then(() => {\n        return extendComponent(container, 'related-guide-list', (component) => {\n            component.actions.watch('related-guide-list.fetch', (input, next) => {\n                const {\n                    params: { guide, connection },\n                } = input;\n                if (!guide) {\n                    return next(input);\n                }\n                const { header } = component.properties() as RelatedGuideListComponentProps;\n\n                return container.getAsync('dataClient').then((dataClient: DataClient) => {\n                    return dataClient\n                        .fetch(DataType.Guide, {\n                            connection,\n                            guideId: guide,\n                        })\n                        .then(({ related }) => {\n                            return next({ ...input, items: related || [] });\n                        })\n                        .catch((e: any) => {\n                            return next(input);\n                        });\n                });\n            });\n        });\n    });\n};\n\nexport default RelatedGuideListComponent;\n"],"names":["RelatedGuideListComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","fetch","params","items","input","__spreadProps","__spreadValues","router","_","current","extendComponent","next","guide","connection","dataClient","DataType","related","e","RelatedGuideListComponent$1"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,IAA4B,CAACC,MACxBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AACX,UAAM,EAAE,QAAAC,EAAW,IAAAH,EAAU,IAAI,SAAS,GACpC,CAACI,GAAWC,CAAW,IAAIC,EAAsBH,CAAM,GAEvDI,IAAQ,CAACC,MAAsC;AACjD,MAAAN,EAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAC7DA,EAAU,QAAQ,SAAS,SAAS,EAAE,QAAAM,EAAQ,CAAA;AAAA,IAAA;AAGxC,WAAAN,EAAA,QAAQ,OAAO,SAAS,CAAC,EAAE,OAAAO,IAAQ,CAAA,QAClCP,EAAU,QAAQ,SAAS,WAAW;AAAA,MACzC,OAAAO;AAAA,MACA,SAAS;AAAA,IAAA,CACZ,CACJ,GAEDP,EAAU,QAAQ,OAAO,WAAW,CAACQ,MAC1BR,EAAU,gBAAgBS,EAAAC,EAAA,IAAKF,IAAL,EAAY,SAAS,KAAO,CAChE,GAEDV,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACa,MAAW;AAC1C,YAAM,EAAE,QAAAL,EAAA,IAAWK,EAAO,aAAa;AACvC,MAAAN,EAAMC,CAAM;AAAA,IAAA,CACf,GACDJ,EAAU,kBAAkB,CAACU,GAAG,EAAE,SAAAC,QAAc;AACtC,MAAAR,EAAAQ,EAAQ,UAAU,MAAM;AAAA,IAAA,CACjC,GACM,MAAM;AACG,MAAAV;IAAA;AAAA,EAEpB;AACJ,EAAE,KAAK,MACIW,EAAgBhB,GAAW,sBAAsB,CAACE,MAAc;AACnE,EAAAA,EAAU,QAAQ,MAAM,4BAA4B,CAACQ,GAAOO,MAAS;AAC3D,UAAA;AAAA,MACF,QAAQ,EAAE,OAAAC,GAAO,YAAAC,EAAW;AAAA,IAC5B,IAAAT;AACJ,WAAKQ,KAGchB,EAAU,WAAW,GAEjCF,EAAU,SAAS,YAAY,EAAE,KAAK,CAACoB,MACnCA,EACF,MAAMC,EAAS,OAAO;AAAA,MACnB,YAAAF;AAAA,MACA,SAASD;AAAA,IACZ,CAAA,EACA,KAAK,CAAC,EAAE,SAAAI,QACEL,EAAKN,EAAAC,EAAA,IAAKF,IAAL,EAAY,OAAOY,KAAW,KAAI,CACjD,EACA,MAAM,CAACC,MACGN,EAAKP,CAAK,CACpB,CACR,KAhBUO,EAAKP,CAAK;AAAA,EAgBpB,CACJ;AAAA,CACJ,CACJ,GAGLc,IAAezB;"}

package/dist/{related-guide-list.cf209a10.js → related-guide-list.f7606e9c.js}

@@ -19,13 +19,13 @@ var u = (e, a) => {
       a.indexOf(o) < 0 && n.call(e, o) && (t[o] = e[o]);
   return t;
 };
-import { useRouteData as H, useContainer as S, useProperties as U, createEmptyComponent as $, GuideList as j, contentBox as k } from "@telia-ace/knowledge-widget-ui";
-import { appendClassNames as p, createParams as q, formatUrl as z } from "@telia-ace/widget-utilities";
-import A from "react";
-import I from "styled-components";
+import H from "@emotion/styled";
+import { useRouteData as S, useContainer as U, useProperties as $, createEmptyComponent as j, GuideList as k, contentBox as q } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as p, createParams as z, formatUrl as A } from "@telia-ace/widget-utilities";
+import I from "react";
 const X = (t) => {
   var o = t, { className: e } = o, a = u(o, ["className"]);
-  const { name: c, params: v } = H(), b = S(), {
+  const { name: c, params: v } = S(), b = U(), {
     showFavoriteToggle: g = !1,
     items: s,
     header: L,
@@ -40,17 +40,17 @@ const X = (t) => {
     metadataByLabel: P,
     metadataModifiedLabel: R,
     metadataPublishedLabel: w
-  } = U();
-  return !s || !s.length ? $(b, r(i({}, a), {
+  } = $();
+  return !s || !s.length ? j(b, r(i({}, a), {
     className: p(e, "humany-related-guide-list")
-  })) : /* @__PURE__ */ A.createElement(J, r(i({}, a), {
+  })) : /* @__PURE__ */ I.createElement(J, r(i({}, a), {
     className: p(e, "humany-related-guide-list"),
     header: L,
     items: s,
     paramMappers: {
-      guide: ({ id: x, title: B }) => q(r(i({}, v), {
+      guide: ({ id: x, title: B }) => z(r(i({}, v), {
         guide: x,
-        uriName: z(B),
+        uriName: A(B),
         connection: void 0
       }))
     },
@@ -71,8 +71,8 @@ const X = (t) => {
       guide: c
     }
   }));
-}, J = I(j)`
-    ${k}
+}, J = H(k)`
+    ${q}
     li:last-child {
         margin: 0;
     }
@@ -80,4 +80,4 @@ const X = (t) => {
 export {
   X as default
 };
-//# sourceMappingURL=related-guide-list.cf209a10.js.map
+//# sourceMappingURL=related-guide-list.f7606e9c.js.map

package/dist/related-guide-list.f7606e9c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-guide-list.f7606e9c.js","sources":["../src/related-guide-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Guide } from '@telia-ace/knowledge-widget-core';\nimport {\n    contentBox,\n    createEmptyComponent,\n    GuideList,\n    useContainer,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { RelatedGuideListComponentProps } from './related-guide-list-component';\n\ntype Props = {\n    className: string;\n};\n\nconst RelatedGuideList: React.FC<Props> = ({ className, ...other }) => {\n    const { name, params } = useRouteData();\n    const container = useContainer();\n    const {\n        showFavoriteToggle = false,\n        items,\n        header,\n        metadata,\n        tags,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n        metadataByLabel,\n        metadataModifiedLabel,\n        metadataPublishedLabel,\n    } = useProperties<RelatedGuideListComponentProps>();\n\n    if (!items || !items.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-related-guide-list'),\n        });\n    }\n\n    return (\n        <StyledGuideList\n            {...other}\n            className={appendClassNames(className, 'humany-related-guide-list')}\n            header={header}\n            items={items}\n            paramMappers={{\n                guide: ({ id, title }: Guide) =>\n                    createParams({\n                        ...params,\n                        guide: id,\n                        uriName: formatUrl(title),\n                        connection: undefined,\n                    }),\n            }}\n            showTags={tags}\n            showFavoriteToggle={showFavoriteToggle}\n            addFavoriteTooltip={addFavoriteTooltip}\n            removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n            removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n            removeFavoriteHeader={removeFavoriteHeader}\n            removeFavoriteLabel={removeFavoriteLabel}\n            removeFavoriteTooltip={removeFavoriteTooltip}\n            metadata={{\n                ...metadata,\n                modifiedLabel: metadataModifiedLabel,\n                publishedLabel: metadataPublishedLabel,\n                byLabel: metadataByLabel,\n            }}\n            routing={{\n                guide: name,\n            }}\n        />\n    );\n};\n\nexport default RelatedGuideList;\n\nconst StyledGuideList = styled(GuideList)<any>`\n    ${contentBox}\n    li:last-child {\n        margin: 0;\n    }\n`;\n"],"names":["RelatedGuideList","_a","_b","className","other","__objRest","name","params","useRouteData","container","useContainer","showFavoriteToggle","items","header","metadata","tags","addFavoriteTooltip","removeFavoriteCancelLabel","removeFavoriteConfirmLabel","removeFavoriteHeader","removeFavoriteLabel","removeFavoriteTooltip","metadataByLabel","metadataModifiedLabel","metadataPublishedLabel","useProperties","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","React","StyledGuideList","id","title","createParams","formatUrl","styled","GuideList","contentBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAoC,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACzC,QAAM,EAAE,MAAAI,GAAM,QAAAC,EAAO,IAAIC,EAAa,GAChCC,IAAYC,KACZ;AAAA,IACF,oBAAAC,IAAqB;AAAA,IACrB,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,MACAC,EAA8C;AAElD,SAAI,CAACb,KAAS,CAACA,EAAM,SACVc,EAAqBjB,GAAWkB,EAAAC,EAAA,IAChCxB,IADgC;AAAA,IAEnC,WAAWyB,EAAiB1B,GAAW,2BAA2B;AAAA,EAAA,EACrE,IAIA,gBAAA2B,EAAA,cAAAC,GAAAJ,EAAAC,EAAA,IACOxB,IADP;AAAA,IAEG,WAAWyB,EAAiB1B,GAAW,2BAA2B;AAAA,IAClE,QAAAU;AAAA,IACA,OAAAD;AAAA,IACA,cAAc;AAAA,MACV,OAAO,CAAC,EAAE,IAAAoB,GAAI,OAAAC,EAAA,MACVC,EAAaP,EAAAC,EAAA,IACNrB,IADM;AAAA,QAET,OAAOyB;AAAA,QACP,SAASG,EAAUF,CAAK;AAAA,QACxB,YAAY;AAAA,MAAA,EACf;AAAA,IACT;AAAA,IACA,UAAUlB;AAAA,IACV,oBAAAJ;AAAA,IACA,oBAAAK;AAAA,IACA,2BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,UAAUM,EAAAC,EAAA,IACHd,IADG;AAAA,MAEN,eAAeS;AAAA,MACf,gBAAgBC;AAAA,MAChB,SAASF;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,OAAOhB;AAAA,IACX;AAAA,EAAA,EACJ;AAER,GAIMyB,IAAkBK,EAAOC,CAAS;AAAA,MAClCC;AAAA;AAAA;AAAA;AAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-related-guide-list",
-    "version": "1.0.24-next.1",
+    "version": "1.0.24-next.3",
     "description": "Related guide list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -26,7 +26,7 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.24-next.1",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.24-next.3",
         "@telia-ace/knowledge-widget-core": "next",
         "@telia-ace/knowledge-widget-types-grid": "next",
         "@telia-ace/knowledge-widget-ui": "next",
@@ -34,14 +34,18 @@
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
     "devDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@types/react": "^18.0.21",
         "@types/react-dom": "^18.0.6",
-        "@types/styled-components": "^5.1.26"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
     },
-    "gitHead": "5e0d73a35737d0155516c218071710a8da165c07"
+    "gitHead": "035b7b89fbf7c736993d70e6dc4e420b8218a3a4"
 }

package/dist/related-guide-list.cf209a10.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"related-guide-list.cf209a10.js","sources":["../src/related-guide-list.tsx"],"sourcesContent":["import { Guide } from '@telia-ace/knowledge-widget-core';\nimport {\n    contentBox,\n    createEmptyComponent,\n    GuideList,\n    useContainer,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { RelatedGuideListComponentProps } from './related-guide-list-component';\n\ntype Props = {\n    className: string;\n};\n\nconst RelatedGuideList: React.FC<Props> = ({ className, ...other }) => {\n    const { name, params } = useRouteData();\n    const container = useContainer();\n    const {\n        showFavoriteToggle = false,\n        items,\n        header,\n        metadata,\n        tags,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n        metadataByLabel,\n        metadataModifiedLabel,\n        metadataPublishedLabel,\n    } = useProperties<RelatedGuideListComponentProps>();\n\n    if (!items || !items.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-related-guide-list'),\n        });\n    }\n\n    return (\n        <StyledGuideList\n            {...other}\n            className={appendClassNames(className, 'humany-related-guide-list')}\n            header={header}\n            items={items}\n            paramMappers={{\n                guide: ({ id, title }: Guide) =>\n                    createParams({\n                        ...params,\n                        guide: id,\n                        uriName: formatUrl(title),\n                        connection: undefined,\n                    }),\n            }}\n            showTags={tags}\n            showFavoriteToggle={showFavoriteToggle}\n            addFavoriteTooltip={addFavoriteTooltip}\n            removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n            removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n            removeFavoriteHeader={removeFavoriteHeader}\n            removeFavoriteLabel={removeFavoriteLabel}\n            removeFavoriteTooltip={removeFavoriteTooltip}\n            metadata={{\n                ...metadata,\n                modifiedLabel: metadataModifiedLabel,\n                publishedLabel: metadataPublishedLabel,\n                byLabel: metadataByLabel,\n            }}\n            routing={{\n                guide: name,\n            }}\n        />\n    );\n};\n\nexport default RelatedGuideList;\n\nconst StyledGuideList = styled(GuideList)<any>`\n    ${contentBox}\n    li:last-child {\n        margin: 0;\n    }\n`;\n"],"names":["RelatedGuideList","_a","_b","className","other","__objRest","name","params","useRouteData","container","useContainer","showFavoriteToggle","items","header","metadata","tags","addFavoriteTooltip","removeFavoriteCancelLabel","removeFavoriteConfirmLabel","removeFavoriteHeader","removeFavoriteLabel","removeFavoriteTooltip","metadataByLabel","metadataModifiedLabel","metadataPublishedLabel","useProperties","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","React","StyledGuideList","id","title","createParams","formatUrl","styled","GuideList","contentBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAoC,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACzC,QAAM,EAAE,MAAAI,GAAM,QAAAC,EAAO,IAAIC,EAAa,GAChCC,IAAYC,KACZ;AAAA,IACF,oBAAAC,IAAqB;AAAA,IACrB,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,MACAC,EAA8C;AAElD,SAAI,CAACb,KAAS,CAACA,EAAM,SACVc,EAAqBjB,GAAWkB,EAAAC,EAAA,IAChCxB,IADgC;AAAA,IAEnC,WAAWyB,EAAiB1B,GAAW,2BAA2B;AAAA,EAAA,EACrE,IAIA,gBAAA2B,EAAA,cAAAC,GAAAJ,EAAAC,EAAA,IACOxB,IADP;AAAA,IAEG,WAAWyB,EAAiB1B,GAAW,2BAA2B;AAAA,IAClE,QAAAU;AAAA,IACA,OAAAD;AAAA,IACA,cAAc;AAAA,MACV,OAAO,CAAC,EAAE,IAAAoB,GAAI,OAAAC,EAAA,MACVC,EAAaP,EAAAC,EAAA,IACNrB,IADM;AAAA,QAET,OAAOyB;AAAA,QACP,SAASG,EAAUF,CAAK;AAAA,QACxB,YAAY;AAAA,MAAA,EACf;AAAA,IACT;AAAA,IACA,UAAUlB;AAAA,IACV,oBAAAJ;AAAA,IACA,oBAAAK;AAAA,IACA,2BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,UAAUM,EAAAC,EAAA,IACHd,IADG;AAAA,MAEN,eAAeS;AAAA,MACf,gBAAgBC;AAAA,MAChB,SAASF;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,OAAOhB;AAAA,IACX;AAAA,EAAA,EACJ;AAER,GAIMyB,IAAkBK,EAAOC,CAAS;AAAA,MAClCC;AAAA;AAAA;AAAA;AAAA;"}