@telia-ace/knowledge-widget-components-notification-list 1.0.38-experimental.1 → 1.0.38-experimental.10

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,5 +1,12 @@
-const o = {};
+import { createWebComponent as o } from "@telia-ace/widget-ui";
+const n = (t) => o(
+  t,
+  "notification-list",
+  import("./notification-list-wrapper.ddc0e46b.js"),
+  (i) => {
+  }
+), c = n;
 export {
-  o as x
+  c as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// import NotificationListComponent from './notification-list-component';\n\n// export default NotificationListComponent;\nexport const x = {};\n"],"names":["x"],"mappings":"AAGO,MAAMA,IAAI,CAAA;"}
+{"version":3,"file":"index.js","sources":["../src/notification-list-component.ts"],"sourcesContent":["import { createWebComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport const NotificationListComponent = (container: Container) => {\n    return createWebComponent(\n        container,\n        'notification-list',\n        import('./notification-list-wrapper'),\n        (component) => {}\n    );\n};\n\nexport default NotificationListComponent;\n\n// import {\n//     createEventSubscriber,\n//     extendComponent,\n//     NotificationList,\n// } from '@telia-ace/knowledge-widget-core';\n// import { DataClient, DataType, NotificationResults } from '@telia-ace/knowledge-widget-types-grid';\n// import { createReactComponent } from '@telia-ace/knowledge-widget-ui';\n// import { Container, Widget } from '@webprovisions/platform';\n\n// export type NotificationListComponentProps = {\n//     category?: string;\n//     showHeader?: boolean;\n//     notificationList?: NotificationList; // internal\n// };\n\n// type FetchResults = NotificationResults & { error: any };\n\n// export const NotificationListComponent = (container: Container) => {\n//     const { events }: Widget = container.get('$widget');\n//     const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n//     return createReactComponent(\n//         container,\n//         'notification-list',\n//         import('./notification-list'),\n//         (component) => {\n//             const fetch = (params: { [key: string]: any }) => {\n//                 component.writeProperties({\n//                     ...component.properties<NotificationListComponentProps>(),\n//                     loading: true,\n//                     error: undefined,\n//                     notificationList: undefined,\n//                 });\n//                 component.actions.dispatch('fetch', { params });\n//             };\n\n//             component.actions.create('fetch', ({ error, notificationLists }: FetchResults) => {\n//                 if (error) {\n//                     return component.actions.dispatch('fetched', {\n//                         error,\n//                         loading: true,\n//                         notificationList: undefined,\n//                     });\n//                 }\n\n//                 const { category, notificationList } =\n//                     component.properties<NotificationListComponentProps>();\n\n//                 const properties = {\n//                     notificationList:\n//                         notificationLists.find((n) => n.id === category) || notificationList,\n//                 };\n\n//                 return component.actions.dispatch('fetched', {\n//                     ...properties,\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\n//             subscribe('router:changed', (event: any, { current }: any) => {\n//                 fetch(current.routeData.params);\n//             });\n//         }\n//     )\n//         .then(() => {\n//             return extendComponent(container, 'notification-list', (component) => {\n//                 component.actions.watch('notification-list.fetch', (input, next) => {\n//                     return container\n//                         .getAsync('dataClient')\n//                         .then((dataClient: DataClient) =>\n//                             dataClient.fetch(DataType.NotificationLists, {\n//                                 categories: [\n//                                     input.params.guideCategory,\n//                                     input.params.contactCategory,\n//                                 ].filter((c) => !!c),\n//                                 searchPhrase: input.params.phrase,\n//                             })\n//                         )\n//                         .then(next)\n//                         .catch((error) => {\n//                             if (error) {\n//                                 return next(error);\n//                             }\n//                         });\n//                 });\n//             });\n//         })\n//         .then(() => {\n//             unsubscribe();\n//         });\n// };\n\n// export default NotificationListComponent;\n"],"names":["NotificationListComponent","container","createWebComponent","component","NotificationListComponent$1"],"mappings":";AAGa,MAAAA,IAA4B,CAACC,MAC/BC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AAAA,EAAC;AAAA,GAIxBC,IAAeJ;"}

package/dist/notification-list-component.d.ts

@@ -1 +1,3 @@
-export declare const x: {};
+import { Container } from '@webprovisions/platform';
+export declare const NotificationListComponent: (container: Container) => Promise<void>;
+export default NotificationListComponent;

package/dist/notification-list-data-provider.d.ts

@@ -0,0 +1,9 @@
+import { DataProvider } from '@telia-ace/widget-ui';
+import { ReactiveControllerHost } from 'lit';
+export declare class NotificationListDataProvider extends DataProvider {
+    host: ReactiveControllerHost;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    initialize(): Promise<void>;
+    _fetch(): Promise<void>;
+}

package/dist/notification-list-wrapper.d.ts

@@ -0,0 +1,10 @@
+import { NodeConnector } from '@telia-ace/widget-ui';
+import NotificationList from './notification-list';
+import { NotificationListDataProvider } from './notification-list-data-provider';
+declare const NotificationListWrapper_base: import("@telia-ace/widget-ui").WidgetComponentConstructor<import("@telia-ace/widget-ui/dist/mixins/widget-component").WidgetComponentInterface> & typeof NotificationList;
+export default class NotificationListWrapper extends NotificationListWrapper_base {
+    connector: NodeConnector;
+    dataProvider: NotificationListDataProvider;
+    constructor();
+}
+export {};

package/dist/notification-list-wrapper.ddc0e46b.js

@@ -0,0 +1,166 @@
+var w = Object.defineProperty, $ = Object.defineProperties;
+var _ = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols, z = Object.getPrototypeOf, C = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, O = Reflect.get;
+var m = (i, a, t) => a in i ? w(i, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[a] = t, b = (i, a) => {
+  for (var t in a || (a = {}))
+    C.call(a, t) && m(i, t, a[t]);
+  if (f)
+    for (var t of f(a))
+      L.call(a, t) && m(i, t, a[t]);
+  return i;
+}, y = (i, a) => $(i, _(a));
+var x = (i, a, t) => O(z(i), t, a);
+var d = (i, a, t) => new Promise((n, r) => {
+  var s = (p) => {
+    try {
+      e(t.next(p));
+    } catch (h) {
+      r(h);
+    }
+  }, o = (p) => {
+    try {
+      e(t.throw(p));
+    } catch (h) {
+      r(h);
+    }
+  }, e = (p) => p.done ? n(p.value) : Promise.resolve(p.value).then(s, o);
+  e((t = t.apply(i, a)).next());
+});
+import { DataProvider as P, WidgetComponentMixin as D, NodeConnector as S } from "@telia-ace/widget-ui";
+import { LitElement as j, nothing as k, html as l, unsafeCSS as Y } from "lit";
+import { property as v, state as E } from "lit/decorators.js";
+import { when as M } from "lit/directives/when.js";
+const T = `*{box-sizing:border-box}ui-item-list::part(container){display:flex;justify-content:center;flex-direction:column;background:#ffffff;border-radius:var(--borderRadius);border:var(--border);box-shadow:var(--boxShadow, none);overflow:hidden;justify-content:flex-start;padding:var(--size-large)}ul.list{padding:0;margin:0;list-style:none}ul.list>li{margin:0 0 var(--size-normal);white-space:nowrap;text-overflow:ellipsis;min-width:0}ul.list>li:focus{outline-offset:-2px}ul.list>li>a{text-decoration:none}ul.list>li:last-child{margin:0}ui-button{--hover-text-decoration: underline}li[data-expanded=true] ui-paragraph::part(html){display:block}li ui-paragraph::part(html){display:none}li>span{display:block;font-weight:300;color:var(--colors-accent)}ui-paragraph::part(container){font-size:var(--fonts-normal);font-weight:300;line-height:1.5em;color:var(--colors-text)}ui-paragraph::part(container) h1,ui-paragraph::part(container) h2,ui-paragraph::part(container) h3,ui-paragraph::part(container) h4,ui-paragraph::part(container) h5,ui-paragraph::part(container) h6{word-break:break-word}ui-paragraph::part(container) h1:first-child,ui-paragraph::part(container) h2:first-child,ui-paragraph::part(container) h3:first-child,ui-paragraph::part(container) h4:first-child,ui-paragraph::part(container) h5:first-child,ui-paragraph::part(container) h6:first-child{margin-top:0}ui-paragraph::part(container) h1:only-child,ui-paragraph::part(container) h2:only-child,ui-paragraph::part(container) h3:only-child,ui-paragraph::part(container) h4:only-child,ui-paragraph::part(container) h5:only-child,ui-paragraph::part(container) h6:only-child{margin:0}ui-paragraph::part(container) h1:last-child,ui-paragraph::part(container) h2:last-child,ui-paragraph::part(container) h3:last-child,ui-paragraph::part(container) h4:last-child,ui-paragraph::part(container) h5:last-child,ui-paragraph::part(container) h6:last-child{margin-bottom:0}ui-paragraph::part(container) a{color:var(--colors-link)}ui-paragraph::part(container) a:focus-visible{outline:var(--accessibility-border);color:var(--accessibility-colors-inactiveText);border-color:transparent;text-decoration:underline}ui-paragraph::part(container) img{max-width:100%!important;height:auto!important}ui-paragraph::part(container) p{word-break:break-word;margin:var(--size-normal) 0}ui-paragraph::part(container) p:first-child{margin:0 0 var(--size-normal)}ui-paragraph::part(container) p:last-child{margin:var(--size-normal) 0 0}ui-paragraph::part(container) p:only-child{margin:0}
+`;
+var A = Object.defineProperty, N = Object.getOwnPropertyDescriptor, u = (i, a, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? N(a, t) : a, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (n ? o(a, t, r) : o(r)) || r);
+  return n && r && A(a, t, r), r;
+};
+class c extends j {
+  constructor() {
+    super(...arguments), this._items = [], this.expanded = null;
+  }
+  _onExpand(a) {
+    this.expanded = this.expanded === a ? null : a;
+  }
+  render() {
+    var o;
+    if ((((o = this._notificationList) == null ? void 0 : o.notifications) || []).length === 0)
+      return k;
+    const {
+      id: a,
+      title: t,
+      symbol: n,
+      notifications: r = [],
+      defaultHeaderOptions: s = { visible: !0 }
+    } = this._notificationList || {};
+    return l` <ui-item-list
+            header=${t}
+            data-notification-category=${a}
+            exportparts="container: item-list-container"
+        >
+            <ul part="ul-list" class="list">
+                ${r.map((e) => l`
+                        <li
+                            class="notification-list-item"
+                            data-expanded=${this.expanded === e.id}
+                        >
+                            ${M(
+      e.expandable,
+      () => l`
+                                    <ui-button
+                                        title=${e.title}
+                                        aria-label=${e.title}
+                                        aria-expanded=${this.expanded === a}
+                                        @click=${() => this._onExpand(e.id)}
+                                    >
+                                        <span class="button-label">${e.title}</span>
+
+                                        ${this.expanded === e.id ? l`<ui-symbol-badge
+                                                  .symbol=${{
+        type: "Svg",
+        content: "caret-up"
+      }}
+                                                  .size=${11}
+                                                  class="caret"
+                                              />` : l` <ui-symbol-badge
+                                                  .symbol=${{
+        type: "Svg",
+        content: "caret-down"
+      }}
+                                                  .size=${11}
+                                                  class="caret"
+                                              />`}
+                                    </ui-button>
+                                    <ui-paragraph html=${e.body} />
+                                    <!-- {modified && ( TODO: missing
+                            <StyledTimestamp
+                                format={DateFormats.YYYY_MM_DD}
+                                timestamp={modified}
+                            />
+                        )} -->
+                                `,
+      () => l` <ui-paragraph html=${e.body} />`
+    )}
+                        </li>
+                    `)}
+            </ul>
+        </ui-item-list>`;
+  }
+}
+c.styles = [Y(T)];
+u([
+  v({ type: Array })
+], c.prototype, "_items", 2);
+u([
+  v({ type: Object })
+], c.prototype, "_notificationList", 2);
+u([
+  E()
+], c.prototype, "expanded", 2);
+class g extends P {
+  constructor(a) {
+    super(a), (this.host = a).addController(this);
+  }
+  hostConnected() {
+    this.initialize();
+  }
+  initialize() {
+    return d(this, null, function* () {
+      yield x(g.prototype, this, "initialize").call(this), this._fetch();
+    });
+  }
+  _fetch() {
+    return d(this, null, function* () {
+      var n;
+      if (!this.node)
+        return;
+      this.node.writeProperties(y(b({}, this.node.attributes.properties), {
+        loading: !0,
+        error: void 0,
+        notificationList: void 0
+      }));
+      const a = yield (n = this.container) == null ? void 0 : n.getAsync("dataClient");
+      if (!a)
+        return;
+      const t = yield a.fetch("notification-lists", {
+        categories: [].filter((r) => !!r)
+      }).then(({ notificationLists: r }) => {
+        var e;
+        const { category: s, notificationList: o } = ((e = this.node) == null ? void 0 : e.attributes.properties) || {};
+        return r.find((p) => p.id === s) || o;
+      });
+      this.node.writeProperties({ loading: !1, notificationList: t });
+    });
+  }
+}
+class B extends D(c) {
+  constructor() {
+    super(), this.connector = new S(this), this.dataProvider = new g(this);
+  }
+}
+export {
+  B as default
+};
+//# sourceMappingURL=notification-list-wrapper.ddc0e46b.js.map

package/dist/notification-list-wrapper.ddc0e46b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-list-wrapper.ddc0e46b.js","sources":["../src/notification-list.ts","../src/notification-list-data-provider.ts","../src/notification-list-wrapper.ts"],"sourcesContent":["import { html, LitElement, nothing, unsafeCSS } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport styles from './notification-list.scss?inline';\n\nexport default class NotificationList extends LitElement {\n    static styles = [unsafeCSS(styles)];\n\n    @property({ type: Array }) _items: any[] = [];\n    @property({ type: Object }) _notificationList: any;\n\n    @state() expanded: string | null = null;\n\n    private _onExpand(id: string) {\n        this.expanded = this.expanded === id ? null : id;\n    }\n\n    render() {\n        if ((this._notificationList?.notifications || []).length === 0) {\n            return nothing;\n        }\n\n        const {\n            id,\n            title,\n            symbol,\n            notifications = [],\n            defaultHeaderOptions = { visible: true },\n        } = this._notificationList || {};\n\n        return html` <ui-item-list\n            header=${title}\n            data-notification-category=${id}\n            exportparts=\"container: item-list-container\"\n        >\n            <ul part=\"ul-list\" class=\"list\">\n                ${notifications.map((item: any) => {\n                    return html`\n                        <li\n                            class=\"notification-list-item\"\n                            data-expanded=${this.expanded === item.id}\n                        >\n                            ${when(\n                                item.expandable,\n                                () => html`\n                                    <ui-button\n                                        title=${item.title}\n                                        aria-label=${item.title}\n                                        aria-expanded=${this.expanded === id}\n                                        @click=${() => this._onExpand(item.id)}\n                                    >\n                                        <span class=\"button-label\">${item.title}</span>\n\n                                        ${this.expanded === item.id\n                                            ? html`<ui-symbol-badge\n                                                  .symbol=${{\n                                                      type: 'Svg',\n                                                      content: 'caret-up',\n                                                  }}\n                                                  .size=${11}\n                                                  class=\"caret\"\n                                              />`\n                                            : html` <ui-symbol-badge\n                                                  .symbol=${{\n                                                      type: 'Svg',\n                                                      content: 'caret-down',\n                                                  }}\n                                                  .size=${11}\n                                                  class=\"caret\"\n                                              />`}\n                                    </ui-button>\n                                    <ui-paragraph html=${item.body} />\n                                    <!-- {modified && ( TODO: missing\n                            <StyledTimestamp\n                                format={DateFormats.YYYY_MM_DD}\n                                timestamp={modified}\n                            />\n                        )} -->\n                                `,\n                                () => html` <ui-paragraph html=${item.body} />`\n                            )}\n                        </li>\n                    `;\n                })}\n            </ul>\n        </ui-item-list>`;\n    }\n}\n","import { DataProvider } from '@telia-ace/widget-ui';\nimport { ReactiveControllerHost } from 'lit';\n\nexport class NotificationListDataProvider extends DataProvider {\n    host;\n\n    constructor(host: ReactiveControllerHost) {\n        super(host as any);\n        (this.host = host).addController(this);\n    }\n\n    hostConnected() {\n        this.initialize();\n    }\n\n    async initialize() {\n        await super.initialize();\n\n        this._fetch();\n    }\n\n    async _fetch() {\n        if (!this.node) {\n            return;\n        }\n\n        this.node.writeProperties({\n            ...this.node.attributes.properties,\n            loading: true,\n            error: undefined,\n            notificationList: undefined,\n        });\n\n        const dataClient = await this.container?.getAsync('dataClient');\n\n        if (!dataClient) {\n            return;\n        }\n\n        const result = await dataClient\n            .fetch('notification-lists' /*DataType.NotificationLists*/, {\n                categories: [\n                    // input.params.guideCategory, // TODO: missing\n                    // input.params.contactCategory,\n                ].filter((c) => !!c),\n                // searchPhrase: input.params.phrase,\n            })\n            .then(({ notificationLists }: any) => {\n                const { category, notificationList } = this.node?.attributes.properties || {};\n\n                return notificationLists.find((n: any) => n.id === category) || notificationList;\n            });\n\n        this.node.writeProperties({ loading: false, notificationList: result });\n    }\n}\n","import { NodeConnector, WidgetComponentMixin } from '@telia-ace/widget-ui';\nimport NotificationList from './notification-list';\nimport { NotificationListDataProvider } from './notification-list-data-provider';\n\nexport default class NotificationListWrapper extends WidgetComponentMixin(NotificationList) {\n    connector = new NodeConnector(this);\n    dataProvider = new NotificationListDataProvider(this);\n\n    constructor() {\n        super();\n    }\n}\n"],"names":["NotificationList","LitElement","id","_a","nothing","title","symbol","notifications","defaultHeaderOptions","html","item","when","unsafeCSS","styles","__decorateClass","property","state","NotificationListDataProvider","DataProvider","host","__async","__superGet","__spreadProps","__spreadValues","dataClient","result","c","notificationLists","category","notificationList","n","NotificationListWrapper","WidgetComponentMixin","NodeConnector"],"mappings":"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"}

package/dist/notification-list.d.ts

@@ -1 +1,9 @@
-export declare const x: {};
+import { LitElement, nothing } from 'lit';
+export default class NotificationList extends LitElement {
+    static styles: import("lit").CSSResult[];
+    _items: any[];
+    _notificationList: any;
+    expanded: string | null;
+    private _onExpand;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-notification-list",
-  "version": "1.0.38-experimental.1",
+  "version": "1.0.38-experimental.10",
   "description": "Notification list component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,15 +21,17 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-core": "1.0.34-experimental.1",
-    "@telia-ace/knowledge-widget-types-grid": "1.0.45-experimental.1",
-    "@telia-ace/knowledge-widget-ui": "1.0.40-experimental.1",
-    "@telia-ace/widget-utilities": "^1.0.10-experimental.13",
+    "@telia-ace/knowledge-widget-core": "1.0.34-experimental.10",
+    "@telia-ace/knowledge-widget-types-grid": "1.0.45-experimental.10",
+    "@telia-ace/knowledge-widget-ui": "1.0.40-experimental.10",
+    "@telia-ace/widget-ui": "^1.0.28-experimental.20",
+    "@telia-ace/widget-utilities": "^1.0.10-experimental.20",
     "@webprovisions/platform": "^1.1.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "lit": "^2.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -38,6 +40,7 @@
     "@emotion/styled": "^11.10.5",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
+    "lit": "^2.6.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },