@telia-ace/knowledge-widget-components-related-guide-list 1.0.6 → 1.0.8

package/dist/index.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createEventSubscriber, extendComponent } from "@telia-ace/knowledge-widget-core";
+import { DataType } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent } from "@telia-ace/knowledge-widget-ui";
+const RelatedGuideListComponent = (container) => {
+  return createReactComponent(container, "related-guide-list", import("./related-guide-list.js"), (component) => {
+    const { events } = container.get("$widget");
+    const [subscribe, unsubscribe] = createEventSubscriber(events);
+    const fetch = (params) => {
+      component.writeProperties({ loading: true, error: void 0 });
+      component.actions.dispatch("fetch", { params });
+    };
+    component.actions.create("fetch", ({ items = [] }) => {
+      return component.actions.dispatch("fetched", {
+        items,
+        loading: true
+      });
+    });
+    component.actions.create("fetched", (input) => {
+      return component.writeProperties(__spreadProps(__spreadValues({}, input), { loading: false }));
+    });
+    container.getAsync("router").then((router) => {
+      const { params } = router.getRouteData();
+      fetch(params);
+    });
+    subscribe("router:changed", (_, { current }) => {
+      fetch(current.routeData.params);
+    });
+    return () => {
+      unsubscribe();
+    };
+  }).then(() => {
+    return extendComponent(container, "related-guide-list", (component) => {
+      component.actions.watch("related-guide-list.fetch", (input, next) => {
+        const {
+          params: { guide, connection }
+        } = input;
+        if (!guide) {
+          return next(input);
+        }
+        component.properties();
+        return container.getAsync("dataClient").then((dataClient) => {
+          return dataClient.fetch(DataType.Guide, {
+            connection,
+            guideId: guide
+          }).then(({ related }) => {
+            return next(__spreadProps(__spreadValues({}, input), { items: related || [] }));
+          }).catch((e) => {
+            return next(input);
+          });
+        });
+      });
+    });
+  });
+};
+export { RelatedGuideListComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/related-guide-list-component.ts"],"sourcesContent":["import {\r\n    FavoriteProperties,\r\n    MetaDataProperties,\r\n} from '@telia-ace/knowledge-widget-component-utilities';\r\nimport { createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\r\nimport { DataClient, DataType } from '@telia-ace/knowledge-widget-types-grid';\r\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type RelatedGuideListComponentProps = {\r\n    header: string;\r\n    items?: any[]; // internal\r\n    showFavoriteToggle?: boolean;\r\n    tags?: boolean;\r\n} & FavoriteProperties &\r\n    MetaDataProperties;\r\n\r\nconst RelatedGuideListComponent = (container: Container) => {\r\n    return createReactComponent(\r\n        container,\r\n        'related-guide-list',\r\n        import('./related-guide-list'),\r\n        (component) => {\r\n            const { events } = container.get('$widget');\r\n            const [subscribe, unsubscribe] = createEventSubscriber(events);\r\n\r\n            const fetch = (params: { [key: string]: string }) => {\r\n                component.writeProperties({ loading: true, error: undefined });\r\n                component.actions.dispatch('fetch', { params });\r\n            };\r\n\r\n            component.actions.create('fetch', ({ items = [] }) => {\r\n                return component.actions.dispatch('fetched', {\r\n                    items,\r\n                    loading: true,\r\n                });\r\n            });\r\n\r\n            component.actions.create('fetched', (input) => {\r\n                return component.writeProperties({ ...input, loading: false });\r\n            });\r\n\r\n            container.getAsync('router').then((router) => {\r\n                const { params } = router.getRouteData();\r\n                fetch(params);\r\n            });\r\n            subscribe('router:changed', (_, { current }) => {\r\n                fetch(current.routeData.params);\r\n            });\r\n            return () => {\r\n                unsubscribe();\r\n            };\r\n        }\r\n    ).then(() => {\r\n        return extendComponent(container, 'related-guide-list', (component) => {\r\n            component.actions.watch('related-guide-list.fetch', (input, next) => {\r\n                const {\r\n                    params: { guide, connection },\r\n                } = input;\r\n                if (!guide) {\r\n                    return next(input);\r\n                }\r\n                const { header } = component.properties() as RelatedGuideListComponentProps;\r\n\r\n                return container.getAsync('dataClient').then((dataClient: DataClient) => {\r\n                    return dataClient\r\n                        .fetch(DataType.Guide, {\r\n                            connection,\r\n                            guideId: guide,\r\n                        })\r\n                        .then(({ related }) => {\r\n                            return next({ ...input, items: related || [] });\r\n                        })\r\n                        .catch((e: any) => {\r\n                            return next(input);\r\n                        });\r\n                });\r\n            });\r\n        });\r\n    });\r\n};\r\n\r\nexport default RelatedGuideListComponent;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAA,4BAA4B,CAAC,cAAyB;AACxD,SAAO,qBACH,WACA,sBACA,OAAO,4BACP,CAAC,cAAc;AACX,UAAM,EAAE,WAAW,UAAU,IAAI,SAAS;AAC1C,UAAM,CAAC,WAAW,eAAe,sBAAsB,MAAM;AAEvD,UAAA,QAAQ,CAAC,WAAsC;AACjD,gBAAU,gBAAgB,EAAE,SAAS,MAAM,OAAO,QAAW;AAC7D,gBAAU,QAAQ,SAAS,SAAS,EAAE,OAAQ,CAAA;AAAA,IAAA;AAGlD,cAAU,QAAQ,OAAO,SAAS,CAAC,EAAE,QAAQ,CAAA,QAAS;AAC3C,aAAA,UAAU,QAAQ,SAAS,WAAW;AAAA,QACzC;AAAA,QACA,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA,CACJ;AAED,cAAU,QAAQ,OAAO,WAAW,CAAC,UAAU;AAC3C,aAAO,UAAU,gBAAgB,iCAAK,QAAL,EAAY,SAAS,QAAO;AAAA,IAAA,CAChE;AAED,cAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,WAAW;AACpC,YAAA,EAAE,WAAW,OAAO,aAAa;AACvC,YAAM,MAAM;AAAA,IAAA,CACf;AACD,cAAU,kBAAkB,CAAC,GAAG,EAAE,cAAc;AACtC,YAAA,QAAQ,UAAU,MAAM;AAAA,IAAA,CACjC;AACD,WAAO,MAAM;AACG;IAAA;AAAA,EAChB,CAER,EAAE,KAAK,MAAM;AACT,WAAO,gBAAgB,WAAW,sBAAsB,CAAC,cAAc;AACnE,gBAAU,QAAQ,MAAM,4BAA4B,CAAC,OAAO,SAAS;AAC3D,cAAA;AAAA,UACF,QAAQ,EAAE,OAAO;AAAA,YACjB;AACJ,YAAI,CAAC,OAAO;AACR,iBAAO,KAAK,KAAK;AAAA,QACrB;AACmB,kBAAU,WAAW;AAExC,eAAO,UAAU,SAAS,YAAY,EAAE,KAAK,CAAC,eAA2B;AAC9D,iBAAA,WACF,MAAM,SAAS,OAAO;AAAA,YACnB;AAAA,YACA,SAAS;AAAA,UACZ,CAAA,EACA,KAAK,CAAC,EAAE,cAAc;AACZ,mBAAA,KAAK,iCAAK,QAAL,EAAY,OAAO,WAAW,KAAI;AAAA,UAAA,CACjD,EACA,MAAM,CAAC,MAAW;AACf,mBAAO,KAAK,KAAK;AAAA,UAAA,CACpB;AAAA,QAAA,CACR;AAAA,MAAA,CACJ;AAAA,IAAA,CACJ;AAAA,EAAA,CACJ;AACL;;"}

package/dist/related-guide-list.js

@@ -0,0 +1,97 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { useRouteData, useContainer, useProperties, createEmptyComponent, GuideList, contentBox } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames, createParams, formatUrl } from "@telia-ace/widget-utilities";
+import React from "react";
+import styled from "styled-components";
+const RelatedGuideList = (_a) => {
+  var _b = _a, { className } = _b, other = __objRest(_b, ["className"]);
+  const { name, params } = useRouteData();
+  const container = useContainer();
+  const {
+    showFavoriteToggle = false,
+    items,
+    header,
+    metadata,
+    tags,
+    addFavoriteTooltip,
+    removeFavoriteCancelLabel,
+    removeFavoriteConfirmLabel,
+    removeFavoriteHeader,
+    removeFavoriteLabel,
+    removeFavoriteTooltip,
+    metadataByLabel,
+    metadataModifiedLabel,
+    metadataPublishedLabel
+  } = useProperties();
+  if (!items || !items.length) {
+    return createEmptyComponent(container, __spreadProps(__spreadValues({}, other), {
+      className: appendClassNames(className, "humany-related-guide-list")
+    }));
+  }
+  return /* @__PURE__ */ React.createElement(StyledGuideList, __spreadProps(__spreadValues({}, other), {
+    className: appendClassNames(className, "humany-related-guide-list"),
+    header,
+    items,
+    paramMappers: {
+      guide: ({ id, title }) => createParams(__spreadProps(__spreadValues({}, params), {
+        guide: id,
+        uriName: formatUrl(title),
+        connection: void 0
+      }))
+    },
+    showTags: tags,
+    showFavoriteToggle,
+    addFavoriteTooltip,
+    removeFavoriteCancelLabel,
+    removeFavoriteConfirmLabel,
+    removeFavoriteHeader,
+    removeFavoriteLabel,
+    removeFavoriteTooltip,
+    metadata: __spreadProps(__spreadValues({}, metadata), {
+      modifiedLabel: metadataModifiedLabel,
+      publishedLabel: metadataPublishedLabel,
+      byLabel: metadataByLabel
+    }),
+    routing: {
+      guide: name
+    }
+  }));
+};
+const StyledGuideList = styled(GuideList)`
+    ${contentBox}
+    li:last-child {
+        margin: 0;
+    }
+`;
+export { RelatedGuideList as default };
+//# sourceMappingURL=related-guide-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"related-guide-list.js","sources":["../src/related-guide-list.tsx"],"sourcesContent":["import { Guide } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n    contentBox,\r\n    createEmptyComponent,\r\n    GuideList,\r\n    useContainer,\r\n    useProperties,\r\n    useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { RelatedGuideListComponentProps } from './related-guide-list-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst RelatedGuideList: React.SFC<Props> = ({ className, ...other }) => {\r\n    const { name, params } = useRouteData();\r\n    const container = useContainer();\r\n    const {\r\n        showFavoriteToggle = false,\r\n        items,\r\n        header,\r\n        metadata,\r\n        tags,\r\n        addFavoriteTooltip,\r\n        removeFavoriteCancelLabel,\r\n        removeFavoriteConfirmLabel,\r\n        removeFavoriteHeader,\r\n        removeFavoriteLabel,\r\n        removeFavoriteTooltip,\r\n        metadataByLabel,\r\n        metadataModifiedLabel,\r\n        metadataPublishedLabel,\r\n    } = useProperties<RelatedGuideListComponentProps>();\r\n\r\n    if (!items || !items.length) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-related-guide-list'),\r\n        });\r\n    }\r\n\r\n    return (\r\n        <StyledGuideList\r\n            {...other}\r\n            className={appendClassNames(className, 'humany-related-guide-list')}\r\n            header={header}\r\n            items={items}\r\n            paramMappers={{\r\n                guide: ({ id, title }: Guide) =>\r\n                    createParams({\r\n                        ...params,\r\n                        guide: id,\r\n                        uriName: formatUrl(title),\r\n                        connection: undefined,\r\n                    }),\r\n            }}\r\n            showTags={tags}\r\n            showFavoriteToggle={showFavoriteToggle}\r\n            addFavoriteTooltip={addFavoriteTooltip}\r\n            removeFavoriteCancelLabel={removeFavoriteCancelLabel}\r\n            removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\r\n            removeFavoriteHeader={removeFavoriteHeader}\r\n            removeFavoriteLabel={removeFavoriteLabel}\r\n            removeFavoriteTooltip={removeFavoriteTooltip}\r\n            metadata={{\r\n                ...metadata,\r\n                modifiedLabel: metadataModifiedLabel,\r\n                publishedLabel: metadataPublishedLabel,\r\n                byLabel: metadataByLabel,\r\n            }}\r\n            routing={{\r\n                guide: name,\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport default RelatedGuideList;\r\n\r\nconst StyledGuideList = styled(GuideList)<any>`\r\n    ${contentBox}\r\n    li:last-child {\r\n        margin: 0;\r\n    }\r\n`;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,mBAAqC,CAAC,OAA4B;AAA5B,eAAE,gBAAF,IAAgB,kBAAhB,IAAgB,CAAd;AACpC,QAAA,EAAE,MAAM,WAAW,aAAa;AACtC,QAAM,YAAY;AACZ,QAAA;AAAA,IACF,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACA,cAA8C;AAElD,MAAI,CAAC,SAAS,CAAC,MAAM,QAAQ;AACzB,WAAO,qBAAqB,WAAW,iCAChC,QADgC;AAAA,MAEnC,WAAW,iBAAiB,WAAW,2BAA2B;AAAA,IAAA,EACrE;AAAA,EACL;AAEA,SACK,sBAAA,cAAA,iBAAA,iCACO,QADP;AAAA,IAEG,WAAW,iBAAiB,WAAW,2BAA2B;AAAA,IAClE;AAAA,IACA;AAAA,IACA,cAAc;AAAA,MACV,OAAO,CAAC,EAAE,IAAI,YACV,aAAa,iCACN,SADM;AAAA,QAET,OAAO;AAAA,QACP,SAAS,UAAU,KAAK;AAAA,QACxB,YAAY;AAAA,MAAA,EACf;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,iCACH,WADG;AAAA,MAEN,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,OAAO;AAAA,IACX;AAAA,EAAA,EACJ;AAER;AAIA,MAAM,kBAAkB,OAAO,SAAS;AAAA,MAClC;AAAA;AAAA;AAAA;AAAA;;"}

package/package.json

@@ -1,34 +1,33 @@
 {
     "name": "@telia-ace/knowledge-widget-components-related-guide-list",
-    "version": "1.0.6",
+    "version": "1.0.8",
     "description": "Related guide list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "main": "lib/index.js",
-    "module": "lib-esm/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.6",
-        "@telia-ace/knowledge-widget-core": "^1.0.6",
-        "@telia-ace/knowledge-widget-types-grid": "^1.0.13",
-        "@telia-ace/knowledge-widget-ui": "^1.0.10",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.8",
+        "@telia-ace/knowledge-widget-core": "^1.0.7",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.14",
+        "@telia-ace/knowledge-widget-ui": "^1.0.11",
         "@telia-ace/widget-utilities": "^1.0.1",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -42,5 +41,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "141db586e3989e54f2671aa2079c62a250a00557"
+    "gitHead": "15dba08c1ba1c3c117353e50a2586be05a966288"
 }

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import RelatedGuideListComponent from './related-guide-list-component';
-export default RelatedGuideListComponent;

package/lib/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var related_guide_list_component_1 = __importDefault(require("./related-guide-list-component"));
-exports.default = related_guide_list_component_1.default;

package/lib/related-guide-list-component.d.ts

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

package/lib/related-guide-list-component.js

@@ -1,111 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_core_1 = require("@telia-ace/knowledge-widget-core");
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var RelatedGuideListComponent = function (container) {
-    return (0, knowledge_widget_ui_1.createReactComponent)(container, 'related-guide-list', Promise.resolve().then(function () { return __importStar(require('./related-guide-list')); }), function (component) {
-        var events = container.get('$widget').events;
-        var _a = __read((0, knowledge_widget_core_1.createEventSubscriber)(events), 2), subscribe = _a[0], unsubscribe = _a[1];
-        var fetch = function (params) {
-            component.writeProperties({ loading: true, error: undefined });
-            component.actions.dispatch('fetch', { params: params });
-        };
-        component.actions.create('fetch', function (_a) {
-            var _b = _a.items, items = _b === void 0 ? [] : _b;
-            return component.actions.dispatch('fetched', {
-                items: items,
-                loading: true,
-            });
-        });
-        component.actions.create('fetched', function (input) {
-            return component.writeProperties(__assign(__assign({}, input), { loading: false }));
-        });
-        container.getAsync('router').then(function (router) {
-            var params = router.getRouteData().params;
-            fetch(params);
-        });
-        subscribe('router:changed', function (_, _a) {
-            var current = _a.current;
-            fetch(current.routeData.params);
-        });
-        return function () {
-            unsubscribe();
-        };
-    }).then(function () {
-        return (0, knowledge_widget_core_1.extendComponent)(container, 'related-guide-list', function (component) {
-            component.actions.watch('related-guide-list.fetch', function (input, next) {
-                var _a = input.params, guide = _a.guide, connection = _a.connection;
-                if (!guide) {
-                    return next(input);
-                }
-                var header = component.properties().header;
-                return container.getAsync('dataClient').then(function (dataClient) {
-                    return dataClient
-                        .fetch(knowledge_widget_types_grid_1.DataType.Guide, {
-                        connection: connection,
-                        guideId: guide,
-                    })
-                        .then(function (_a) {
-                        var related = _a.related;
-                        return next(__assign(__assign({}, input), { items: related || [] }));
-                    })
-                        .catch(function (e) {
-                        return next(input);
-                    });
-                });
-            });
-        });
-    });
-};
-exports.default = RelatedGuideListComponent;

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

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

package/lib/related-guide-list.js

@@ -1,55 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var RelatedGuideList = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var _b = (0, knowledge_widget_ui_1.useRouteData)(), name = _b.name, params = _b.params;
-    var container = (0, knowledge_widget_ui_1.useContainer)();
-    var _c = (0, knowledge_widget_ui_1.useProperties)(), _d = _c.showFavoriteToggle, showFavoriteToggle = _d === void 0 ? false : _d, items = _c.items, header = _c.header, metadata = _c.metadata, tags = _c.tags, addFavoriteTooltip = _c.addFavoriteTooltip, removeFavoriteCancelLabel = _c.removeFavoriteCancelLabel, removeFavoriteConfirmLabel = _c.removeFavoriteConfirmLabel, removeFavoriteHeader = _c.removeFavoriteHeader, removeFavoriteLabel = _c.removeFavoriteLabel, removeFavoriteTooltip = _c.removeFavoriteTooltip, metadataByLabel = _c.metadataByLabel, metadataModifiedLabel = _c.metadataModifiedLabel, metadataPublishedLabel = _c.metadataPublishedLabel;
-    if (!items || !items.length) {
-        return (0, knowledge_widget_ui_1.createEmptyComponent)(container, __assign(__assign({}, other), { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-related-guide-list') }));
-    }
-    return (react_1.default.createElement(StyledGuideList, __assign({}, other, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-related-guide-list'), header: header, items: items, paramMappers: {
-            guide: function (_a) {
-                var id = _a.id, title = _a.title;
-                return (0, widget_utilities_1.createParams)(__assign(__assign({}, params), { guide: id, uriName: (0, widget_utilities_1.formatUrl)(title), connection: undefined }));
-            },
-        }, showTags: tags, showFavoriteToggle: showFavoriteToggle, addFavoriteTooltip: addFavoriteTooltip, removeFavoriteCancelLabel: removeFavoriteCancelLabel, removeFavoriteConfirmLabel: removeFavoriteConfirmLabel, removeFavoriteHeader: removeFavoriteHeader, removeFavoriteLabel: removeFavoriteLabel, removeFavoriteTooltip: removeFavoriteTooltip, metadata: __assign(__assign({}, metadata), { modifiedLabel: metadataModifiedLabel, publishedLabel: metadataPublishedLabel, byLabel: metadataByLabel }), routing: {
-            guide: name,
-        } })));
-};
-exports.default = RelatedGuideList;
-var StyledGuideList = (0, styled_components_1.default)(knowledge_widget_ui_1.GuideList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    li:last-child {\n        margin: 0;\n    }\n"], ["\n    ", "\n    li:last-child {\n        margin: 0;\n    }\n"])), knowledge_widget_ui_1.contentBox);
-var templateObject_1;

package/lib-esm/index.js

@@ -1,2 +0,0 @@
-import RelatedGuideListComponent from './related-guide-list-component';
-export default RelatedGuideListComponent;

package/lib-esm/related-guide-list-component.js

@@ -1,86 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';
-import { DataType } from '@telia-ace/knowledge-widget-types-grid';
-import { createReactComponent } from '@telia-ace/knowledge-widget-ui';
-var RelatedGuideListComponent = function (container) {
-    return createReactComponent(container, 'related-guide-list', import('./related-guide-list'), function (component) {
-        var events = container.get('$widget').events;
-        var _a = __read(createEventSubscriber(events), 2), subscribe = _a[0], unsubscribe = _a[1];
-        var fetch = function (params) {
-            component.writeProperties({ loading: true, error: undefined });
-            component.actions.dispatch('fetch', { params: params });
-        };
-        component.actions.create('fetch', function (_a) {
-            var _b = _a.items, items = _b === void 0 ? [] : _b;
-            return component.actions.dispatch('fetched', {
-                items: items,
-                loading: true,
-            });
-        });
-        component.actions.create('fetched', function (input) {
-            return component.writeProperties(__assign(__assign({}, input), { loading: false }));
-        });
-        container.getAsync('router').then(function (router) {
-            var params = router.getRouteData().params;
-            fetch(params);
-        });
-        subscribe('router:changed', function (_, _a) {
-            var current = _a.current;
-            fetch(current.routeData.params);
-        });
-        return function () {
-            unsubscribe();
-        };
-    }).then(function () {
-        return extendComponent(container, 'related-guide-list', function (component) {
-            component.actions.watch('related-guide-list.fetch', function (input, next) {
-                var _a = input.params, guide = _a.guide, connection = _a.connection;
-                if (!guide) {
-                    return next(input);
-                }
-                var header = component.properties().header;
-                return container.getAsync('dataClient').then(function (dataClient) {
-                    return dataClient
-                        .fetch(DataType.Guide, {
-                        connection: connection,
-                        guideId: guide,
-                    })
-                        .then(function (_a) {
-                        var related = _a.related;
-                        return next(__assign(__assign({}, input), { items: related || [] }));
-                    })
-                        .catch(function (e) {
-                        return next(input);
-                    });
-                });
-            });
-        });
-    });
-};
-export default RelatedGuideListComponent;

package/lib-esm/related-guide-list.js

@@ -1,50 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { contentBox, createEmptyComponent, GuideList, useContainer, useProperties, useRouteData, } from '@telia-ace/knowledge-widget-ui';
-import { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled from 'styled-components';
-var RelatedGuideList = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var _b = useRouteData(), name = _b.name, params = _b.params;
-    var container = useContainer();
-    var _c = useProperties(), _d = _c.showFavoriteToggle, showFavoriteToggle = _d === void 0 ? false : _d, items = _c.items, header = _c.header, metadata = _c.metadata, tags = _c.tags, addFavoriteTooltip = _c.addFavoriteTooltip, removeFavoriteCancelLabel = _c.removeFavoriteCancelLabel, removeFavoriteConfirmLabel = _c.removeFavoriteConfirmLabel, removeFavoriteHeader = _c.removeFavoriteHeader, removeFavoriteLabel = _c.removeFavoriteLabel, removeFavoriteTooltip = _c.removeFavoriteTooltip, metadataByLabel = _c.metadataByLabel, metadataModifiedLabel = _c.metadataModifiedLabel, metadataPublishedLabel = _c.metadataPublishedLabel;
-    if (!items || !items.length) {
-        return createEmptyComponent(container, __assign(__assign({}, other), { className: appendClassNames(className, 'humany-related-guide-list') }));
-    }
-    return (React.createElement(StyledGuideList, __assign({}, other, { className: appendClassNames(className, 'humany-related-guide-list'), header: header, items: items, paramMappers: {
-            guide: function (_a) {
-                var id = _a.id, title = _a.title;
-                return createParams(__assign(__assign({}, params), { guide: id, uriName: formatUrl(title), connection: undefined }));
-            },
-        }, showTags: tags, showFavoriteToggle: showFavoriteToggle, addFavoriteTooltip: addFavoriteTooltip, removeFavoriteCancelLabel: removeFavoriteCancelLabel, removeFavoriteConfirmLabel: removeFavoriteConfirmLabel, removeFavoriteHeader: removeFavoriteHeader, removeFavoriteLabel: removeFavoriteLabel, removeFavoriteTooltip: removeFavoriteTooltip, metadata: __assign(__assign({}, metadata), { modifiedLabel: metadataModifiedLabel, publishedLabel: metadataPublishedLabel, byLabel: metadataByLabel }), routing: {
-            guide: name,
-        } })));
-};
-export default RelatedGuideList;
-var StyledGuideList = styled(GuideList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    li:last-child {\n        margin: 0;\n    }\n"], ["\n    ", "\n    li:last-child {\n        margin: 0;\n    }\n"])), contentBox);
-var templateObject_1;