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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,5 +1,50 @@
-const o = {};
+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, 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;
+}, 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.7ecfd11f.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 });
+    };
+    return e.actions.create("fetch", ({ items: a = [] }) => e.actions.dispatch("fetched", {
+      items: a,
+      loading: !0
+    })), 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 }) => {
+      d(s.routeData.params);
+    }), () => {
+      c();
+    };
+  }
+).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(w.Guide, {
+      connection: d,
+      guideId: c
+    }).then(({ related: s }) => i(u(o({}, t), { items: s || [] }))).catch((s) => i(t)))) : i(t);
+  });
+})), L = v;
 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 RelatedGuideListComponent from './related-guide-list-component';\n\n// export default RelatedGuideListComponent;\nexport const x = {};\n"],"names":["x"],"mappings":"AAGO,MAAMA,IAAI,CAAA;"}
+{"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-component.d.ts

@@ -1 +1,10 @@
-export declare const x: {};
+import { FavoriteProperties, MetaDataProperties } from '@telia-ace/knowledge-widget-component-utilities';
+import { Container } from '@webprovisions/platform';
+export type RelatedGuideListComponentProps = {
+    header: string;
+    items?: any[];
+    showFavoriteToggle?: boolean;
+    tags?: boolean;
+} & FavoriteProperties & MetaDataProperties;
+declare const RelatedGuideListComponent: (container: Container) => Promise<void>;
+export default RelatedGuideListComponent;

package/dist/related-guide-list.7ecfd11f.js

@@ -0,0 +1,86 @@
+var E = Object.defineProperty, M = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var d = (e, a, t) => a in e ? E(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, i = (e, a) => {
+  for (var t in a || (a = {}))
+    l.call(a, t) && d(e, t, a[t]);
+  if (m)
+    for (var t of m(a))
+      n.call(a, t) && d(e, t, a[t]);
+  return e;
+}, r = (e, a) => M(e, D(a));
+var u = (e, a) => {
+  var t = {};
+  for (var o in e)
+    l.call(e, o) && a.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && m)
+    for (var o of m(e))
+      a.indexOf(o) < 0 && n.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+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 } = S(), b = U(), {
+    showFavoriteToggle: g = !1,
+    items: s,
+    header: L,
+    metadata: f,
+    tags: h,
+    addFavoriteTooltip: y,
+    removeFavoriteCancelLabel: F,
+    removeFavoriteConfirmLabel: C,
+    removeFavoriteHeader: T,
+    removeFavoriteLabel: G,
+    removeFavoriteTooltip: N,
+    metadataByLabel: P,
+    metadataModifiedLabel: R,
+    metadataPublishedLabel: w
+  } = $();
+  return !s || !s.length ? j(b, r(i({}, a), {
+    className: p(e, "humany-related-guide-list")
+  })) : /* @__PURE__ */ I.createElement(
+    J,
+    r(i({}, a), {
+      className: p(e, "humany-related-guide-list"),
+      header: L,
+      items: s,
+      paramMappers: {
+        guide: ({ id: x, title: B }) => z(r(i({}, v), {
+          guide: x,
+          uriName: A(B),
+          connection: void 0
+        }))
+      },
+      showTags: h,
+      showFavoriteToggle: g,
+      addFavoriteTooltip: y,
+      removeFavoriteCancelLabel: F,
+      removeFavoriteConfirmLabel: C,
+      removeFavoriteHeader: T,
+      removeFavoriteLabel: G,
+      removeFavoriteTooltip: N,
+      metadata: r(i({}, f), {
+        modifiedLabel: R,
+        publishedLabel: w,
+        byLabel: P
+      }),
+      routing: {
+        guide: c
+      }
+    })
+  );
+}, J = H(k)`
+    ${q}
+    li:last-child {
+        margin: 0;
+    }
+`;
+export {
+  X as default
+};
+//# sourceMappingURL=related-guide-list.7ecfd11f.js.map

package/dist/related-guide-list.7ecfd11f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-guide-list.7ecfd11f.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,IAID,gBAAA2B,EAAA;AAAA,IAACC;AAAA,IAAAJ,EAAAC,EAAA,IACOxB,IADP;AAAA,MAEG,WAAWyB,EAAiB1B,GAAW,2BAA2B;AAAA,MAClE,QAAAU;AAAA,MACA,OAAAD;AAAA,MACA,cAAc;AAAA,QACV,OAAO,CAAC,EAAE,IAAAoB,GAAI,OAAAC,EAAA,MACVC,EAAaP,EAAAC,EAAA,IACNrB,IADM;AAAA,UAET,OAAOyB;AAAA,UACP,SAASG,EAAUF,CAAK;AAAA,UACxB,YAAY;AAAA,QAAA,EACf;AAAA,MACT;AAAA,MACA,UAAUlB;AAAA,MACV,oBAAAJ;AAAA,MACA,oBAAAK;AAAA,MACA,2BAAAC;AAAA,MACA,4BAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,UAAUM,EAAAC,EAAA,IACHd,IADG;AAAA,QAEN,eAAeS;AAAA,QACf,gBAAgBC;AAAA,QAChB,SAASF;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACL,OAAOhB;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGZ,GAIMyB,IAAkBK,EAAOC,CAAS;AAAA,MAClCC;AAAA;AAAA;AAAA;AAAA;"}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-related-guide-list",
-  "version": "1.0.38-experimental.8",
+  "version": "1.0.38",
   "description": "Related guide list component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,11 +21,11 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-component-utilities": "1.0.38-experimental.8",
-    "@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-component-utilities": "^1.0.38",
+    "@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": {