@telia-ace/knowledge-widget-components-related-tag-list 1.0.38-experimental.8 → 1.0.38

package/dist/index.d.ts

@@ -1 +1,2 @@
-export declare const x: {};
+import RelatedTagListComponent from './related-tag-list-component';
+export default RelatedTagListComponent;

package/dist/index.js

@@ -1,5 +1,51 @@
-const o = {};
+var h = Object.defineProperty, f = Object.defineProperties;
+var l = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, o = (r, t) => {
+  for (var e in t || (t = {}))
+    p.call(t, e) && g(r, e, t[e]);
+  if (u)
+    for (var e of u(t))
+      m.call(t, e) && g(r, e, t[e]);
+  return r;
+}, d = (r, t) => f(r, l(t));
+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 y } from "@telia-ace/knowledge-widget-ui";
+const R = (r) => y(
+  r,
+  "related-tag-list",
+  import("./related-tag-list.b154a33c.js"),
+  (t) => {
+    const { events: e } = r.get("$widget"), [i, c] = b(e), n = (a) => {
+      t.writeProperties({ loading: !0, error: void 0 }), t.actions.dispatch("fetch", { params: a });
+    };
+    return t.actions.create("fetch", ({ items: a = [] }) => t.actions.dispatch("fetched", {
+      items: a,
+      loading: !0
+    })), t.actions.create("fetched", (a) => t.writeProperties(d(o({}, a), { loading: !1 }))), r.getAsync("router").then((a) => {
+      const { params: s } = a.getRouteData();
+      n(s);
+    }), i("router:changed", (a, { current: s }) => {
+      n(s.routeData.params);
+    }), () => {
+      c();
+    };
+  }
+).then(() => C(r, "related-tag-list", (t) => {
+  t.actions.watch("related-tag-list.fetch", (e, i) => {
+    const {
+      params: { guide: c, connection: n }
+    } = e;
+    if (typeof c != "undefined")
+      return r.getAsync("dataClient").then((a) => a.fetch(w.Guide, {
+        connection: n,
+        guideId: c
+      }).then(({ tags: s }) => i(d(o({}, e), { items: s || [] }))).catch((s) => i(e)));
+  });
+})), L = R;
 export {
-  o as x
+  L as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// import RelatedTagListComponent from './related-tag-list-component';\n\n// export default RelatedTagListComponent;\nexport const x = {};\n"],"names":["x"],"mappings":"AAGO,MAAMA,IAAI,CAAA;"}
+{"version":3,"file":"index.js","sources":["../src/related-tag-list-component.ts"],"sourcesContent":["import { 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 RelatedTagListComponentProps = {\n    header: string;\n    route?: string;\n    items?: any[]; // internal\n    showIcons?: boolean;\n};\n\nconst RelatedTagListComponent = (container: Container) => {\n    return createReactComponent(\n        container,\n        'related-tag-list',\n        import('./related-tag-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-tag-list', (component) => {\n            component.actions.watch('related-tag-list.fetch', (input, next) => {\n                const {\n                    params: { guide, connection },\n                } = input;\n\n                if (typeof guide !== 'undefined') {\n                    return container.getAsync('dataClient').then((dataClient: DataClient) => {\n                        return dataClient\n                            .fetch(DataType.Guide, {\n                                connection,\n                                guideId: guide,\n                            })\n                            .then(({ tags }) => {\n                                return next({ ...input, items: tags || [] });\n                            })\n                            .catch((e: any) => {\n                                return next(input);\n                            });\n                    });\n                }\n            });\n        });\n    });\n};\nexport default RelatedTagListComponent;\n"],"names":["RelatedTagListComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","fetch","params","items","input","__spreadProps","__spreadValues","router","_","current","extendComponent","next","guide","connection","dataClient","DataType","tags","e","RelatedTagListComponent$1"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAA0B,CAACC,MACtBC;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,oBAAoB,CAACE,MAAc;AACjE,EAAAA,EAAU,QAAQ,MAAM,0BAA0B,CAACQ,GAAOO,MAAS;AACzD,UAAA;AAAA,MACF,QAAQ,EAAE,OAAAC,GAAO,YAAAC,EAAW;AAAA,IAC5B,IAAAT;AAEA,QAAA,OAAOQ,KAAU;AACjB,aAAOlB,EAAU,SAAS,YAAY,EAAE,KAAK,CAACoB,MACnCA,EACF,MAAMC,EAAS,OAAO;AAAA,QACnB,YAAAF;AAAA,QACA,SAASD;AAAA,MACZ,CAAA,EACA,KAAK,CAAC,EAAE,MAAAI,QACEL,EAAKN,EAAAC,EAAA,IAAKF,IAAL,EAAY,OAAOY,KAAQ,KAAI,CAC9C,EACA,MAAM,CAACC,MACGN,EAAKP,CAAK,CACpB,CACR;AAAA,EACL,CACH;AAAA,CACJ,CACJ,GAELc,IAAezB;"}

package/dist/related-tag-list-component.d.ts

@@ -1 +1,9 @@
-export declare const x: {};
+import { Container } from '@webprovisions/platform';
+export type RelatedTagListComponentProps = {
+    header: string;
+    route?: string;
+    items?: any[];
+    showIcons?: boolean;
+};
+declare const RelatedTagListComponent: (container: Container) => Promise<void>;
+export default RelatedTagListComponent;

package/dist/related-tag-list.b154a33c.js

@@ -0,0 +1,132 @@
+var v = Object.defineProperty, R = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var h = (e, t, r) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, i = (e, t) => {
+  for (var r in t || (t = {}))
+    y.call(t, r) && h(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      p.call(t, r) && h(e, r, t[r]);
+  return e;
+}, m = (e, t) => R(e, B(t));
+var b = (e, t) => {
+  var r = {};
+  for (var s in e)
+    y.call(e, s) && t.indexOf(s) < 0 && (r[s] = e[s]);
+  if (e != null && o)
+    for (var s of o(e))
+      t.indexOf(s) < 0 && p.call(e, s) && (r[s] = e[s]);
+  return r;
+};
+import d from "@emotion/styled";
+import { useContainer as C, useProperties as N, useRouteData as T, createEmptyComponent as P, SymbolBadge as j, ItemList as A, itemList as D, contentBox as F, TextLink as U, borderTabStyle as q } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as $, createParams as G } from "@telia-ace/widget-utilities";
+import a from "react";
+const H = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, { symbol: r, size: 18 }) : t ? /* @__PURE__ */ a.createElement(x, { symbol: t, size: 18 }) : null, X = (s) => {
+  var c = s, { className: e, embedded: t = !1 } = c, r = b(c, ["className", "embedded"]);
+  const z = C(), {
+    route: k = "search",
+    header: w,
+    items: u = [],
+    showIcons: E
+  } = N(), { params: f } = T();
+  return u.length ? /* @__PURE__ */ a.createElement(
+    J,
+    m(i({
+      embedded: t ? "true" : "false"
+    }, r), {
+      className: $(e, "humany-tag-list", "humany-related-tag-list"),
+      header: w,
+      items: u,
+      renderItem: (l) => {
+        const { id: n, title: L, defaultIcon: S, activeIcon: I } = l, g = f.tag === l.id || !f.tag && l.id === "0";
+        return /* @__PURE__ */ a.createElement("li", { key: n, "data-tag": n }, /* @__PURE__ */ a.createElement(
+          K,
+          {
+            routeName: k,
+            selected: g,
+            params: G({
+              tag: n
+            }),
+            text: L
+          },
+          E && H(g, S, I)
+        ));
+      }
+    })
+  ) : P(z, m(i({}, r), {
+    className: $(e, "humany-tag-list", "humany-related-tag-list")
+  }));
+}, x = d(j)`
+    margin-right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+    ${(e) => {
+  if (e.symbol.type === "Uri")
+    return `
+        width: ${e.size}px;
+        height: ${e.size}px;
+      `;
+  if (e.symbol.type === "FontAwesome")
+    return `
+        font-size: ${e.size}px;
+      `;
+}}
+`, J = d(A)`
+    ${D}
+    ${(e) => e.embedded === "false" && F}
+  ${(e) => {
+  var t;
+  return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large};`;
+}}
+  justify-content: flex-start;
+
+    ul {
+        display: flex;
+        flex-wrap: wrap;
+        li {
+            margin: 0 ${(e) => {
+  var t, r;
+  return `${(t = e.theme.sizes) == null ? void 0 : t.small} ${(r = e.theme.sizes) == null ? void 0 : r.small}`;
+}} 0;
+
+            a {
+                color: #fff;
+            }
+        }
+    }
+`, K = d(U)`
+    padding: 8px 15px;
+    background-color: ${(e) => {
+  var t, r;
+  return e.selected ? (t = e.theme.colors) == null ? void 0 : t.text : (r = e.theme.colors) == null ? void 0 : r.primary;
+}};
+    font-weight: 300;
+    border-radius: ${(e) => e.theme.borderRadius};
+    display: block;
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+
+    &:focus-visible {
+        ${q}
+        padding: 6px 15px;
+        background-color: transparent;
+    }
+
+    @media (hover: hover) {
+        &:hover {
+            background-color: ${(e) => {
+  var t, r;
+  return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (r = e.theme.colors) == null ? void 0 : r.text;
+}};
+        }
+    }
+`;
+export {
+  X as default
+};
+//# sourceMappingURL=related-tag-list.b154a33c.js.map

package/dist/related-tag-list.b154a33c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-tag-list.b154a33c.js","sources":["../src/related-tag-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\nimport {\n    borderTabStyle,\n    contentBox,\n    createEmptyComponent,\n    ItemList,\n    itemList,\n    SymbolBadge,\n    TextLink,\n    useContainer,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { RelatedTagListComponentProps } from './related-tag-list-component';\n\nconst getIcon = (selected: boolean, defaultIcon?: Symbol, activeIcon?: Symbol) => {\n    if (selected && activeIcon) {\n        return <StyledSymbolBadge symbol={activeIcon} size={18} />;\n    }\n    if (defaultIcon) {\n        return <StyledSymbolBadge symbol={defaultIcon} size={18} />;\n    }\n    return null;\n};\n\ntype Props = {\n    className: string;\n    embedded?: boolean;\n};\n\nconst RelatedTagList: React.FC<Props> = ({ className, embedded = false, ...other }) => {\n    const container = useContainer();\n    const {\n        route = 'search',\n        header,\n        items = [],\n        showIcons,\n    } = useProperties<RelatedTagListComponentProps>();\n    const { params } = useRouteData();\n\n    if (!items.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list'),\n        });\n    }\n\n    return (\n        <StyledItemList\n            embedded={embedded ? 'true' : 'false'}\n            {...other}\n            className={appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list')}\n            header={header}\n            items={items}\n            renderItem={(item: Tag) => {\n                const { id, title, defaultIcon, activeIcon } = item;\n                const selected = params.tag === item.id || (!params.tag && item.id === '0');\n\n                return (\n                    <li key={id} data-tag={id}>\n                        <StyledLink\n                            routeName={route}\n                            selected={selected}\n                            params={createParams({\n                                tag: id,\n                            })}\n                            text={title}\n                        >\n                            {showIcons && getIcon(selected, defaultIcon, activeIcon)}\n                        </StyledLink>\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default RelatedTagList;\n\nconst StyledSymbolBadge = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\n    margin-right: ${(p) => p.theme.sizes?.small};\n    ${(p: any) => {\n        if (p.symbol.type === 'Uri') {\n            return `\n        width: ${p.size}px;\n        height: ${p.size}px;\n      `;\n        }\n\n        if (p.symbol.type === 'FontAwesome') {\n            return `\n        font-size: ${p.size}px;\n      `;\n        }\n    }}\n`;\n\nconst StyledItemList = styled(ItemList)<any>`\n    ${itemList}\n    ${(p) => p.embedded === 'false' && contentBox}\n  ${(p) => `padding: ${p.theme.sizes?.large};`}\n  justify-content: flex-start;\n\n    ul {\n        display: flex;\n        flex-wrap: wrap;\n        li {\n            margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\n\n            a {\n                color: #fff;\n            }\n        }\n    }\n`;\n\nconst StyledLink = styled(TextLink)<any>`\n    padding: 8px 15px;\n    background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\n    font-weight: 300;\n    border-radius: ${(p) => p.theme.borderRadius};\n    display: block;\n    font-size: ${(p) => p.theme.fonts?.normal};\n\n    &:focus-visible {\n        ${borderTabStyle}\n        padding: 6px 15px;\n        background-color: transparent;\n    }\n\n    @media (hover: hover) {\n        &:hover {\n            background-color: ${(p) =>\n                p.selected ? p.theme.colors?.primary : p.theme.colors?.text};\n        }\n    }\n`;\n"],"names":["getIcon","selected","defaultIcon","activeIcon","React","StyledSymbolBadge","RelatedTagList","_a","_b","className","embedded","other","__objRest","container","useContainer","route","header","items","showIcons","useProperties","params","useRouteData","StyledItemList","__spreadProps","__spreadValues","appendClassNames","item","id","title","StyledLink","createParams","createEmptyComponent","styled","SymbolBadge","p","ItemList","itemList","contentBox","TextLink","borderTabStyle"],"mappings":"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"}

package/dist/related-tag-list.d.ts

@@ -1 +1,7 @@
-export declare const x: {};
+import React from 'react';
+type Props = {
+    className: string;
+    embedded?: boolean;
+};
+declare const RelatedTagList: React.FC<Props>;
+export default RelatedTagList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-related-tag-list",
-  "version": "1.0.38-experimental.8",
+  "version": "1.0.38",
   "description": "Related tag list component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,10 +21,10 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-core": "1.0.34-experimental.8",
-    "@telia-ace/knowledge-widget-types-grid": "1.0.45-experimental.8",
-    "@telia-ace/knowledge-widget-ui": "1.0.40-experimental.8",
-    "@telia-ace/widget-utilities": "^1.0.10-experimental.18",
+    "@telia-ace/knowledge-widget-core": "^1.0.34",
+    "@telia-ace/knowledge-widget-types-grid": "^1.0.45",
+    "@telia-ace/knowledge-widget-ui": "^1.0.40",
+    "@telia-ace/widget-utilities": "^1.0.9",
     "@webprovisions/platform": "^1.1.2"
   },
   "peerDependencies": {