@telia-ace/knowledge-widget-components-related-guide-list 0.0.1

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as RelatedGuideListComponent } from './related-guide-list-component';
+
+export default RelatedGuideListComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const u=require("@telia-ace/knowledge-data-client"),d=require("@telia-ace/knowledge-widget-core"),o=require("@telia-ace/knowledge-widget-ui"),g=i=>o.createReactComponent(i,"related-guide-list",Promise.resolve().then(()=>require("./related-guide-list-b7e96ecc.js")),t=>{const{events:r}=i.get("$widget"),[a,c]=d.createEventSubscriber(r),n=e=>{t.writeProperties({loading:!0,error:void 0}),t.actions.dispatch("fetch",{params:e})};return t.actions.create("fetch",({items:e=[]})=>t.actions.dispatch("fetched",{items:e,loading:!0})),t.actions.create("fetched",e=>t.writeProperties({...e,loading:!1})),i.getAsync("router").then(e=>{const{params:s}=e.getRouteData();n(s)}),a("router:changed",(e,{current:s})=>{n(s.routeData.params)}),()=>{c()}}).then(()=>d.extendComponent(i,"related-guide-list",t=>{t.actions.watch("related-guide-list.fetch",(r,a)=>{const{params:{guide:c,connection:n}}=r;return c?(t.properties(),u.DataClient.getInstance(i).then(e=>e.fetch(u.DataType.Guide,{connection:n,guideId:c}).then(({related:s})=>a({...r,items:s||[]})).catch(s=>a(r)))):a(r)})}));module.exports=g;

package/index.mjs

@@ -0,0 +1,37 @@
+import { DataClient as d, DataType as o } from "@telia-ace/knowledge-data-client";
+import { createEventSubscriber as n, extendComponent as h } from "@telia-ace/knowledge-widget-core";
+import { createReactComponent as g } from "@telia-ace/knowledge-widget-ui";
+const m = (s) => g(
+  s,
+  "related-guide-list",
+  import("./related-guide-list-ffa77ba3.mjs"),
+  (t) => {
+    const { events: r } = s.get("$widget"), [i, c] = n(r), u = (e) => {
+      t.writeProperties({ loading: !0, error: void 0 }), t.actions.dispatch("fetch", { params: e });
+    };
+    return t.actions.create("fetch", ({ items: e = [] }) => t.actions.dispatch("fetched", {
+      items: e,
+      loading: !0
+    })), t.actions.create("fetched", (e) => t.writeProperties({ ...e, loading: !1 })), s.getAsync("router").then((e) => {
+      const { params: a } = e.getRouteData();
+      u(a);
+    }), i("router:changed", (e, { current: a }) => {
+      u(a.routeData.params);
+    }), () => {
+      c();
+    };
+  }
+).then(() => h(s, "related-guide-list", (t) => {
+  t.actions.watch("related-guide-list.fetch", (r, i) => {
+    const {
+      params: { guide: c, connection: u }
+    } = r;
+    return c ? (t.properties(), d.getInstance(s).then((e) => e.fetch(o.Guide, {
+      connection: u,
+      guideId: c
+    }).then(({ related: a }) => i({ ...r, items: a || [] })).catch((a) => i(r)))) : i(r);
+  });
+}));
+export {
+  m as default
+};

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@telia-ace/knowledge-widget-components-related-guide-list",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/knowledge-widget-core": "*",
+    "@telia-ace/knowledge-widget-component-utilities": "*",
+    "@telia-ace/knowledge-widget-ui": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@telia-ace/knowledge-data-client": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
+  }
+}

package/related-guide-list-b7e96ecc.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),q=require("@emotion/styled"),e=require("@telia-ace/knowledge-widget-ui"),a=require("@telia-ace/widget-utilities"),w=({className:i,...o})=>{const{name:r,params:s}=e.useRouteData(),d=e.useContainer(),{showFavoriteToggle:l=!1,items:t,header:n,metadata:m,tags:u,addFavoriteTooltip:c,removeFavoriteCancelLabel:g,removeFavoriteConfirmLabel:p,removeFavoriteHeader:b,removeFavoriteLabel:v,removeFavoriteTooltip:L,metadataByLabel:y,metadataModifiedLabel:f,metadataPublishedLabel:h}=e.useProperties();return!t||!t.length?e.createEmptyComponent(d,{...o,className:a.appendClassNames(i,"humany-related-guide-list")}):T.jsx(N,{...o,className:a.appendClassNames(i,"humany-related-guide-list"),header:n,items:t,paramMappers:{guide:({id:F,title:C})=>a.createParams({...s,guide:F,uriName:a.formatUrl(C),connection:void 0})},showTags:u,showFavoriteToggle:l,addFavoriteTooltip:c,removeFavoriteCancelLabel:g,removeFavoriteConfirmLabel:p,removeFavoriteHeader:b,removeFavoriteLabel:v,removeFavoriteTooltip:L,metadata:{...m,modifiedLabel:f,publishedLabel:h,byLabel:y},routing:{guide:r}})},N=q(e.GuideList)`
+  ${e.contentBox}
+  li:last-child {
+    margin: 0;
+  }
+`;exports.default=w;

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

@@ -0,0 +1,11 @@
+import { FavoriteProperties, MetaDataProperties } from '../../utilities/src/index.ts';
+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/related-guide-list-ffa77ba3.mjs

@@ -0,0 +1,67 @@
+import { jsx as C } from "react/jsx-runtime";
+import T from "@emotion/styled";
+import { useRouteData as x, useContainer as G, useProperties as N, createEmptyComponent as P, GuideList as w, contentBox as B } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as o, createParams as M, formatUrl as R } from "@telia-ace/widget-utilities";
+const U = ({ className: a, ...t }) => {
+  const { name: i, params: r } = x(), m = G(), {
+    showFavoriteToggle: s = !1,
+    items: e,
+    header: d,
+    metadata: l,
+    tags: n,
+    addFavoriteTooltip: u,
+    removeFavoriteCancelLabel: p,
+    removeFavoriteConfirmLabel: c,
+    removeFavoriteHeader: v,
+    removeFavoriteLabel: b,
+    removeFavoriteTooltip: g,
+    metadataByLabel: L,
+    metadataModifiedLabel: f,
+    metadataPublishedLabel: h
+  } = N();
+  return !e || !e.length ? P(m, {
+    ...t,
+    className: o(a, "humany-related-guide-list")
+  }) : /* @__PURE__ */ C(
+    j,
+    {
+      ...t,
+      className: o(a, "humany-related-guide-list"),
+      header: d,
+      items: e,
+      paramMappers: {
+        guide: ({ id: y, title: F }) => M({
+          ...r,
+          guide: y,
+          uriName: R(F),
+          connection: void 0
+        })
+      },
+      showTags: n,
+      showFavoriteToggle: s,
+      addFavoriteTooltip: u,
+      removeFavoriteCancelLabel: p,
+      removeFavoriteConfirmLabel: c,
+      removeFavoriteHeader: v,
+      removeFavoriteLabel: b,
+      removeFavoriteTooltip: g,
+      metadata: {
+        ...l,
+        modifiedLabel: f,
+        publishedLabel: h,
+        byLabel: L
+      },
+      routing: {
+        guide: i
+      }
+    }
+  );
+}, j = T(w)`
+  ${B}
+  li:last-child {
+    margin: 0;
+  }
+`;
+export {
+  U as default
+};

package/related-guide-list.d.ts

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