@telia-ace/knowledge-widget-components-related-tag-list 1.0.14 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.js +43 -70
  2. package/dist/index.js.map +1 -1
  3. package/dist/related-tag-list.720fcccc.js +139 -0
  4. package/dist/related-tag-list.720fcccc.js.map +1 -0
  5. package/package.json +10 -6
  6. package/dist/related-tag-list.js +0 -167
  7. package/dist/related-tag-list.js.map +0 -1
package/dist/index.js CHANGED
@@ -1,73 +1,46 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { createEventSubscriber, extendComponent } from "@telia-ace/knowledge-widget-core";
21
- import { DataType } from "@telia-ace/knowledge-widget-types-grid";
22
- import { createReactComponent } from "@telia-ace/knowledge-widget-ui";
23
- const RelatedTagListComponent = (container) => {
24
- return createReactComponent(container, "related-tag-list", import("./related-tag-list.js"), (component) => {
25
- const { events } = container.get("$widget");
26
- const [subscribe, unsubscribe] = createEventSubscriber(events);
27
- const fetch = (params) => {
28
- component.writeProperties({ loading: true, error: void 0 });
29
- component.actions.dispatch("fetch", { params });
30
- };
31
- component.actions.create("fetch", ({ items = [] }) => {
32
- return component.actions.dispatch("fetched", {
33
- items,
34
- loading: true
35
- });
36
- });
37
- component.actions.create("fetched", (input) => {
38
- return component.writeProperties(__spreadProps(__spreadValues({}, input), { loading: false }));
39
- });
40
- container.getAsync("router").then((router) => {
41
- const { params } = router.getRouteData();
42
- fetch(params);
43
- });
44
- subscribe("router:changed", (_, { current }) => {
45
- fetch(current.routeData.params);
46
- });
47
- return () => {
48
- unsubscribe();
49
- };
50
- }).then(() => {
51
- return extendComponent(container, "related-tag-list", (component) => {
52
- component.actions.watch("related-tag-list.fetch", (input, next) => {
53
- const {
54
- params: { guide, connection }
55
- } = input;
56
- if (typeof guide !== "undefined") {
57
- return container.getAsync("dataClient").then((dataClient) => {
58
- return dataClient.fetch(DataType.Guide, {
59
- connection,
60
- guideId: guide
61
- }).then(({ tags }) => {
62
- return next(__spreadProps(__spreadValues({}, input), { items: tags || [] }));
63
- }).catch((e) => {
64
- return next(input);
65
- });
66
- });
67
- }
68
- });
69
- });
1
+ var f = Object.defineProperty, g = Object.defineProperties;
2
+ var l = Object.getOwnPropertyDescriptors;
3
+ var u = Object.getOwnPropertySymbols;
4
+ var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
5
+ var h = (r, t, e) => t in r ? f(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, o = (r, t) => {
6
+ for (var e in t || (t = {}))
7
+ p.call(t, e) && h(r, e, t[e]);
8
+ if (u)
9
+ for (var e of u(t))
10
+ m.call(t, e) && h(r, e, t[e]);
11
+ return r;
12
+ }, d = (r, t) => g(r, l(t));
13
+ import { createEventSubscriber as b, extendComponent as w } from "@telia-ace/knowledge-widget-core";
14
+ import { DataType as y } from "@telia-ace/knowledge-widget-types-grid";
15
+ import { createReactComponent as C } from "@telia-ace/knowledge-widget-ui";
16
+ const P = (r) => C(r, "related-tag-list", import("./related-tag-list.720fcccc.js"), (t) => {
17
+ const { events: e } = r.get("$widget"), [i, c] = b(e), n = (a) => {
18
+ t.writeProperties({ loading: !0, error: void 0 }), t.actions.dispatch("fetch", { params: a });
19
+ };
20
+ return t.actions.create("fetch", ({ items: a = [] }) => t.actions.dispatch("fetched", {
21
+ items: a,
22
+ loading: !0
23
+ })), t.actions.create("fetched", (a) => t.writeProperties(d(o({}, a), { loading: !1 }))), r.getAsync("router").then((a) => {
24
+ const { params: s } = a.getRouteData();
25
+ n(s);
26
+ }), i("router:changed", (a, { current: s }) => {
27
+ n(s.routeData.params);
28
+ }), () => {
29
+ c();
30
+ };
31
+ }).then(() => w(r, "related-tag-list", (t) => {
32
+ t.actions.watch("related-tag-list.fetch", (e, i) => {
33
+ const {
34
+ params: { guide: c, connection: n }
35
+ } = e;
36
+ if (typeof c != "undefined")
37
+ return r.getAsync("dataClient").then((a) => a.fetch(y.Guide, {
38
+ connection: n,
39
+ guideId: c
40
+ }).then(({ tags: s }) => i(d(o({}, e), { items: s || [] }))).catch((s) => i(e)));
70
41
  });
42
+ }));
43
+ export {
44
+ P as default
71
45
  };
72
- export { RelatedTagListComponent as default };
73
46
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/related-tag-list-component.ts"],"sourcesContent":["import { 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 RelatedTagListComponentProps = {\r\n header: string;\r\n route?: string;\r\n items?: any[]; // internal\r\n showIcons?: boolean;\r\n};\r\n\r\nconst RelatedTagListComponent = (container: Container) => {\r\n return createReactComponent(\r\n container,\r\n 'related-tag-list',\r\n import('./related-tag-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-tag-list', (component) => {\r\n component.actions.watch('related-tag-list.fetch', (input, next) => {\r\n const {\r\n params: { guide, connection },\r\n } = input;\r\n\r\n if (typeof guide !== 'undefined') {\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(({ tags }) => {\r\n return next({ ...input, items: tags || [] });\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 RelatedTagListComponent;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYM,MAAA,0BAA0B,CAAC,cAAyB;AACtD,SAAO,qBACH,WACA,oBACA,OAAO,0BACP,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,oBAAoB,CAAC,cAAc;AACjE,gBAAU,QAAQ,MAAM,0BAA0B,CAAC,OAAO,SAAS;AACzD,cAAA;AAAA,UACF,QAAQ,EAAE,OAAO;AAAA,YACjB;AAEA,YAAA,OAAO,UAAU,aAAa;AAC9B,iBAAO,UAAU,SAAS,YAAY,EAAE,KAAK,CAAC,eAA2B;AAC9D,mBAAA,WACF,MAAM,SAAS,OAAO;AAAA,cACnB;AAAA,cACA,SAAS;AAAA,YACZ,CAAA,EACA,KAAK,CAAC,EAAE,WAAW;AACT,qBAAA,KAAK,iCAAK,QAAL,EAAY,OAAO,QAAQ,KAAI;AAAA,YAAA,CAC9C,EACA,MAAM,CAAC,MAAW;AACf,qBAAO,KAAK,KAAK;AAAA,YAAA,CACpB;AAAA,UAAA,CACR;AAAA,QACL;AAAA,MAAA,CACH;AAAA,IAAA,CACJ;AAAA,EAAA,CACJ;AACL;;"}
1
+ {"version":3,"file":"index.js","sources":["../src/related-tag-list-component.ts"],"sourcesContent":["import { 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 RelatedTagListComponentProps = {\r\n header: string;\r\n route?: string;\r\n items?: any[]; // internal\r\n showIcons?: boolean;\r\n};\r\n\r\nconst RelatedTagListComponent = (container: Container) => {\r\n return createReactComponent(\r\n container,\r\n 'related-tag-list',\r\n import('./related-tag-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-tag-list', (component) => {\r\n component.actions.watch('related-tag-list.fetch', (input, next) => {\r\n const {\r\n params: { guide, connection },\r\n } = input;\r\n\r\n if (typeof guide !== 'undefined') {\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(({ tags }) => {\r\n return next({ ...input, items: tags || [] });\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 RelatedTagListComponent;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYM,MAAA,IAA0B,CAAC,MACtB,EACH,GACA,oBACA,OAAO,mCACP,CAAC,MAAc;AACX,QAAM,EAAE,cAAW,EAAU,IAAI,SAAS,GACpC,CAAC,GAAW,KAAe,EAAsB,CAAM,GAEvD,IAAQ,CAAC,MAAsC;AACjD,MAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAC7D,EAAU,QAAQ,SAAS,SAAS,EAAE,UAAQ,CAAA;AAAA,EAAA;AAGlD,WAAU,QAAQ,OAAO,SAAS,CAAC,EAAE,WAAQ,CAAA,QAClC,EAAU,QAAQ,SAAS,WAAW;AAAA,IACzC;AAAA,IACA,SAAS;AAAA,EAAA,CACZ,CACJ,GAED,EAAU,QAAQ,OAAO,WAAW,CAAC,MAC1B,EAAU,gBAAgB,QAAK,IAAL,EAAY,SAAS,KAAO,CAChE,GAED,EAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,MAAW;AACpC,UAAA,EAAE,cAAW,EAAO,aAAa;AACvC,MAAM,CAAM;AAAA,EAAA,CACf,GACD,EAAU,kBAAkB,CAAC,GAAG,EAAE,iBAAc;AACtC,MAAA,EAAQ,UAAU,MAAM;AAAA,EAAA,CACjC,GACM,MAAM;AACG;EAAA;AAChB,CAER,EAAE,KAAK,MACI,EAAgB,GAAW,oBAAoB,CAAC,MAAc;AACjE,IAAU,QAAQ,MAAM,0BAA0B,CAAC,GAAO,MAAS;AACzD,UAAA;AAAA,MACF,QAAQ,EAAE,UAAO;AAAA,QACjB;AAEA,QAAA,OAAO,KAAU;AACjB,aAAO,EAAU,SAAS,YAAY,EAAE,KAAK,CAAC,MACnC,EACF,MAAM,EAAS,OAAO;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,MACZ,CAAA,EACA,KAAK,CAAC,EAAE,cACE,EAAK,QAAK,IAAL,EAAY,OAAO,KAAQ,KAAI,CAC9C,EACA,MAAM,CAAC,MACG,EAAK,CAAK,CACpB,CACR;AAAA,EACL,CACH;AAAA,CACJ,CACJ;"}
package/dist/related-tag-list.720fcccc.js ADDED
@@ -0,0 +1,139 @@
1
+ var R = Object.defineProperty, T = Object.defineProperties;
2
+ var v = Object.getOwnPropertyDescriptors;
3
+ var o = Object.getOwnPropertySymbols;
4
+ var y = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
5
+ var f = (e, t, r) => t in e ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, n = (e, t) => {
6
+ for (var r in t || (t = {}))
7
+ y.call(t, r) && f(e, r, t[r]);
8
+ if (o)
9
+ for (var r of o(t))
10
+ p.call(t, r) && f(e, r, t[r]);
11
+ return e;
12
+ }, m = (e, t) => T(e, v(t));
13
+ var b = (e, t) => {
14
+ var r = {};
15
+ for (var s in e)
16
+ y.call(e, s) && t.indexOf(s) < 0 && (r[s] = e[s]);
17
+ if (e != null && o)
18
+ for (var s of o(e))
19
+ t.indexOf(s) < 0 && p.call(e, s) && (r[s] = e[s]);
20
+ return r;
21
+ };
22
+ import { useContainer as B, useProperties as C, useRouteData as N, 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";
23
+ import { appendClassNames as $, createParams as G } from "@telia-ace/widget-utilities";
24
+ import a from "react";
25
+ import c, { css as H } from "styled-components";
26
+ const J = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, {
27
+ symbol: r,
28
+ size: 18
29
+ }) : t ? /* @__PURE__ */ a.createElement(x, {
30
+ symbol: t,
31
+ size: 18
32
+ }) : null, Y = (s) => {
33
+ var d = s, { className: e, embedded: t = !1 } = d, r = b(d, ["className", "embedded"]);
34
+ const z = B(), {
35
+ route: k = "search",
36
+ header: w,
37
+ items: u = [],
38
+ showIcons: E
39
+ } = C(), { params: g } = N();
40
+ return u.length ? /* @__PURE__ */ a.createElement(K, m(n({
41
+ embedded: t ? "true" : "false"
42
+ }, r), {
43
+ className: $(e, "humany-tag-list", "humany-related-tag-list"),
44
+ header: w,
45
+ items: u,
46
+ renderItem: (i) => {
47
+ const { id: l, title: L, defaultIcon: S, activeIcon: I } = i, h = g.tag === i.id || !g.tag && i.id === "0";
48
+ return /* @__PURE__ */ a.createElement("li", {
49
+ key: l,
50
+ "data-tag": l
51
+ }, /* @__PURE__ */ a.createElement(M, {
52
+ routeName: k,
53
+ selected: h,
54
+ params: G({
55
+ tag: l
56
+ }),
57
+ text: L
58
+ }, E && J(h, S, I)));
59
+ }
60
+ })) : P(z, m(n({}, r), {
61
+ className: $(e, "humany-tag-list", "humany-related-tag-list")
62
+ }));
63
+ }, x = c(j)`
64
+ margin-right: ${(e) => {
65
+ var t;
66
+ return (t = e.theme.sizes) == null ? void 0 : t.small;
67
+ }};
68
+ ${(e) => {
69
+ if (e.symbol.type === "Uri")
70
+ return `
71
+ width: ${e.size}px;
72
+ height: ${e.size}px;
73
+ `;
74
+ if (e.symbol.type === "FontAwesome")
75
+ return `
76
+ font-size: ${e.size}px;
77
+ `;
78
+ }}
79
+ `, K = c(A)`
80
+ ${D}
81
+ ${(e) => e.embedded === "false" && F}
82
+ ${(e) => {
83
+ var t;
84
+ return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large};`;
85
+ }}
86
+ justify-content: flex-start;
87
+
88
+ ul {
89
+ display: flex;
90
+ flex-wrap: wrap;
91
+ li {
92
+ margin: 0 ${(e) => {
93
+ var t, r;
94
+ return `${(t = e.theme.sizes) == null ? void 0 : t.small} ${(r = e.theme.sizes) == null ? void 0 : r.small}`;
95
+ }} 0;
96
+
97
+ a {
98
+ color: #fff;
99
+ }
100
+ }
101
+ }
102
+ `, M = c(U)`
103
+ padding: 8px 15px;
104
+ background-color: ${(e) => {
105
+ var t, r;
106
+ return e.selected ? (t = e.theme.colors) == null ? void 0 : t.text : (r = e.theme.colors) == null ? void 0 : r.primary;
107
+ }};
108
+ font-weight: 300;
109
+ border-radius: ${(e) => e.theme.borderRadius};
110
+ display: block;
111
+ font-size: ${(e) => {
112
+ var t;
113
+ return (t = e.theme.fonts) == null ? void 0 : t.normal;
114
+ }};
115
+
116
+ &:focus {
117
+ ${(e) => {
118
+ var t;
119
+ return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && H`
120
+ ${q}
121
+ padding: 6px 15px;
122
+ background-color: transparent;
123
+ `;
124
+ }};
125
+ }
126
+
127
+ @media (hover: hover) {
128
+ &:hover {
129
+ background-color: ${(e) => {
130
+ var t, r;
131
+ return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (r = e.theme.colors) == null ? void 0 : r.text;
132
+ }};
133
+ }
134
+ }
135
+ `;
136
+ export {
137
+ Y as default
138
+ };
139
+ //# sourceMappingURL=related-tag-list.720fcccc.js.map
package/dist/related-tag-list.720fcccc.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"related-tag-list.720fcccc.js","sources":["../src/related-tag-list.tsx"],"sourcesContent":["import { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n borderTabStyle,\r\n contentBox,\r\n createEmptyComponent,\r\n ItemList,\r\n itemList,\r\n SymbolBadge,\r\n TextLink,\r\n useContainer,\r\n useProperties,\r\n useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames, createParams } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { RelatedTagListComponentProps } from './related-tag-list-component';\r\n\r\nconst getIcon = (selected: boolean, defaultIcon?: Symbol, activeIcon?: Symbol) => {\r\n if (selected && activeIcon) {\r\n return <StyledSymbolBadge symbol={activeIcon} size={18} />;\r\n }\r\n if (defaultIcon) {\r\n return <StyledSymbolBadge symbol={defaultIcon} size={18} />;\r\n }\r\n return null;\r\n};\r\n\r\ntype Props = {\r\n className: string;\r\n embedded?: boolean;\r\n};\r\n\r\nconst RelatedTagList: React.FC<Props> = ({ className, embedded = false, ...other }) => {\r\n const container = useContainer();\r\n const {\r\n route = 'search',\r\n header,\r\n items = [],\r\n showIcons,\r\n } = useProperties<RelatedTagListComponentProps>();\r\n const { params } = useRouteData();\r\n\r\n if (!items.length) {\r\n return createEmptyComponent(container, {\r\n ...other,\r\n className: appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list'),\r\n });\r\n }\r\n\r\n return (\r\n <StyledItemList\r\n embedded={embedded ? 'true' : 'false'}\r\n {...other}\r\n className={appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list')}\r\n header={header}\r\n items={items}\r\n renderItem={(item: Tag) => {\r\n const { id, title, defaultIcon, activeIcon } = item;\r\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\r\n\r\n return (\r\n <li key={id} data-tag={id}>\r\n <StyledLink\r\n routeName={route}\r\n selected={selected}\r\n params={createParams({\r\n tag: id,\r\n })}\r\n text={title}\r\n >\r\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\r\n </StyledLink>\r\n </li>\r\n );\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default RelatedTagList;\r\n\r\nconst StyledSymbolBadge = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\r\n margin-right: ${(p) => p.theme.sizes?.small};\r\n ${(p: any) => {\r\n if (p.symbol.type === 'Uri') {\r\n return `\r\n width: ${p.size}px;\r\n height: ${p.size}px;\r\n `;\r\n }\r\n\r\n if (p.symbol.type === 'FontAwesome') {\r\n return `\r\n font-size: ${p.size}px;\r\n `;\r\n }\r\n }}\r\n`;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n ${itemList}\r\n ${(p) => p.embedded === 'false' && contentBox}\r\n ${(p) => `padding: ${p.theme.sizes?.large};`}\r\n justify-content: flex-start;\r\n\r\n ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n li {\r\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\r\n\r\n a {\r\n color: #fff;\r\n }\r\n }\r\n }\r\n`;\r\n\r\nconst StyledLink = styled(TextLink)<any>`\r\n padding: 8px 15px;\r\n background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\r\n font-weight: 300;\r\n border-radius: ${(p) => p.theme.borderRadius};\r\n display: block;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${borderTabStyle}\r\n padding: 6px 15px;\r\n background-color: transparent;\r\n `};\r\n }\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n background-color: ${(p) =>\r\n p.selected ? p.theme.colors?.primary : p.theme.colors?.text};\r\n }\r\n }\r\n`;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,IAAU,CAAC,GAAmB,GAAsB,MAClD,KAAY,IACJ,kBAAA,cAAA,GAAA;AAAA,EAAkB,QAAQ;AAAA,EAAY,MAAM;AAAA,CAAI,IAExD,IACQ,kBAAA,cAAA,GAAA;AAAA,EAAkB,QAAQ;AAAA,EAAa,MAAM;AAAA,CAAI,IAEtD,MAQL,IAAkC,CAAC,MAA8C;AAA9C,aAAE,gBAAW,cAAW,OAAxB,GAAkC,MAAlC,GAAkC,CAAhC,aAAW;AAClD,QAAM,IAAY,KACZ;AAAA,IACF,WAAQ;AAAA,IACR;AAAA,IACA,WAAQ,CAAC;AAAA,IACT;AAAA,MACA,EAA4C,GAC1C,EAAE,cAAW;AAEf,SAAC,EAAM,SAQN,kBAAA,cAAA,GAAA;AAAA,IACG,UAAU,IAAW,SAAS;AAAA,KAC1B,IAFP;AAAA,IAGG,WAAW,EAAiB,GAAW,mBAAmB,yBAAyB;AAAA,IACnF;AAAA,IACA;AAAA,IACA,YAAY,CAAC,MAAc;AACvB,YAAM,EAAE,OAAI,UAAO,gBAAa,kBAAe,GACzC,IAAW,EAAO,QAAQ,EAAK,MAAO,CAAC,EAAO,OAAO,EAAK,OAAO;AAEvE,aACK,kBAAA,cAAA,MAAA;AAAA,QAAG,KAAK;AAAA,QAAI,YAAU;AAAA,MAAA,GAClB,kBAAA,cAAA,GAAA;AAAA,QACG,WAAW;AAAA,QACX;AAAA,QACA,QAAQ,EAAa;AAAA,UACjB,KAAK;AAAA,QAAA,CACR;AAAA,QACD,MAAM;AAAA,MAAA,GAEL,KAAa,EAAQ,GAAU,GAAa,CAAU,CAC3D,CACJ;AAAA,IAER;AAAA,EAAA,EACJ,IAhCO,EAAqB,GAAW,QAChC,IADgC;AAAA,IAEnC,WAAW,EAAiB,GAAW,mBAAmB,yBAAyB;AAAA,EAAA,EACtF;AA+BT,GAIM,IAAoB,EAAO,CAAW;AAAA,oBACxB,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA,MACpC,CAAC,MAAW;AACN,MAAA,EAAE,OAAO,SAAS;AACX,WAAA;AAAA,iBACF,EAAE;AAAA,kBACD,EAAE;AAAA;AAIR,MAAA,EAAE,OAAO,SAAS;AACX,WAAA;AAAA,qBACE,EAAE;AAAA;AAGnB;AAAA,GAGE,IAAiB,EAAO,CAAQ;AAAA,MAChC;AAAA,MACA,CAAC,MAAM,EAAE,aAAa,WAAW;AAAA,IACnC,CAAC,MAAM;;AAAA,qBAAY,OAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOd,CAAC,MAAM;;AAAA,YAAG,OAAE,MAAM,UAAR,kBAAe,SAAS,OAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnE,IAAa,EAAO,CAAQ;AAAA;AAAA,wBAEV,CAAC,MAAO;;AAAA,WAAE,WAAW,OAAE,MAAM,WAAR,kBAAgB,OAAO,OAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA,qBAE/D,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,iBAEnB,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA,UAG7B,CAAC,MAAA;;AACC,iBAAE,MAAM,kBAAR,kBAAuB,cACvB;AAAA,kBACM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQc,CAAC,MACjB;;AAAA,WAAE,WAAW,OAAE,MAAM,WAAR,kBAAgB,UAAU,OAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA;AAAA;"}
package/package.json CHANGED
@@ -1,13 +1,17 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-components-related-tag-list",
3
- "version": "1.0.14",
3
+ "version": "1.0.17",
4
4
  "description": "Related tag list component for ACE Knowledge Widgets.",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "Telia Company AB",
7
7
  "keywords": [
8
8
  "telia"
9
9
  ],
10
- "module": "dist/index.js",
10
+ "exports": {
11
+ "development": "./src/index.ts",
12
+ "default": "./dist/index.js"
13
+ },
14
+ "type": "module",
11
15
  "types": "dist/index.d.ts",
12
16
  "files": [
13
17
  "LICENSE.txt",
@@ -24,9 +28,9 @@
24
28
  },
25
29
  "sideEffects": false,
26
30
  "dependencies": {
27
- "@telia-ace/knowledge-widget-core": "^1.0.12",
28
- "@telia-ace/knowledge-widget-types-grid": "^1.0.20",
29
- "@telia-ace/knowledge-widget-ui": "^1.0.17",
31
+ "@telia-ace/knowledge-widget-core": "^1.0.14",
32
+ "@telia-ace/knowledge-widget-types-grid": "^1.0.23",
33
+ "@telia-ace/knowledge-widget-ui": "^1.0.20",
30
34
  "@telia-ace/widget-utilities": "^1.0.2",
31
35
  "@webprovisions/platform": "^1.1.2"
32
36
  },
@@ -40,5 +44,5 @@
40
44
  "@types/react-dom": "^16.8.0",
41
45
  "@types/styled-components": "^5.1.7"
42
46
  },
43
- "gitHead": "57266a657101df06d2160176ffe83e431c4ae92a"
47
+ "gitHead": "ccf2f3c55b373a7e23227e155d7573259abfacb1"
44
48
  }
package/dist/related-tag-list.js DELETED
@@ -1,167 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- import { useContainer, useProperties, useRouteData, createEmptyComponent, SymbolBadge, ItemList, itemList, contentBox, TextLink, borderTabStyle } from "@telia-ace/knowledge-widget-ui";
33
- import { appendClassNames, createParams } from "@telia-ace/widget-utilities";
34
- import React from "react";
35
- import styled, { css } from "styled-components";
36
- const getIcon = (selected, defaultIcon, activeIcon) => {
37
- if (selected && activeIcon) {
38
- return /* @__PURE__ */ React.createElement(StyledSymbolBadge, {
39
- symbol: activeIcon,
40
- size: 18
41
- });
42
- }
43
- if (defaultIcon) {
44
- return /* @__PURE__ */ React.createElement(StyledSymbolBadge, {
45
- symbol: defaultIcon,
46
- size: 18
47
- });
48
- }
49
- return null;
50
- };
51
- const RelatedTagList = (_a) => {
52
- var _b = _a, { className, embedded = false } = _b, other = __objRest(_b, ["className", "embedded"]);
53
- const container = useContainer();
54
- const {
55
- route = "search",
56
- header,
57
- items = [],
58
- showIcons
59
- } = useProperties();
60
- const { params } = useRouteData();
61
- if (!items.length) {
62
- return createEmptyComponent(container, __spreadProps(__spreadValues({}, other), {
63
- className: appendClassNames(className, "humany-tag-list", "humany-related-tag-list")
64
- }));
65
- }
66
- return /* @__PURE__ */ React.createElement(StyledItemList, __spreadProps(__spreadValues({
67
- embedded: embedded ? "true" : "false"
68
- }, other), {
69
- className: appendClassNames(className, "humany-tag-list", "humany-related-tag-list"),
70
- header,
71
- items,
72
- renderItem: (item) => {
73
- const { id, title, defaultIcon, activeIcon } = item;
74
- const selected = params.tag === item.id || !params.tag && item.id === "0";
75
- return /* @__PURE__ */ React.createElement("li", {
76
- key: id,
77
- "data-tag": id
78
- }, /* @__PURE__ */ React.createElement(StyledLink, {
79
- routeName: route,
80
- selected,
81
- params: createParams({
82
- tag: id
83
- }),
84
- text: title
85
- }, showIcons && getIcon(selected, defaultIcon, activeIcon)));
86
- }
87
- }));
88
- };
89
- const StyledSymbolBadge = styled(SymbolBadge)`
90
- margin-right: ${(p) => {
91
- var _a;
92
- return (_a = p.theme.sizes) == null ? void 0 : _a.small;
93
- }};
94
- ${(p) => {
95
- if (p.symbol.type === "Uri") {
96
- return `
97
- width: ${p.size}px;
98
- height: ${p.size}px;
99
- `;
100
- }
101
- if (p.symbol.type === "FontAwesome") {
102
- return `
103
- font-size: ${p.size}px;
104
- `;
105
- }
106
- }}
107
- `;
108
- const StyledItemList = styled(ItemList)`
109
- ${itemList}
110
- ${(p) => p.embedded === "false" && contentBox}
111
- ${(p) => {
112
- var _a;
113
- return `padding: ${(_a = p.theme.sizes) == null ? void 0 : _a.large};`;
114
- }}
115
- justify-content: flex-start;
116
-
117
- ul {
118
- display: flex;
119
- flex-wrap: wrap;
120
- li {
121
- margin: 0 ${(p) => {
122
- var _a, _b;
123
- return `${(_a = p.theme.sizes) == null ? void 0 : _a.small} ${(_b = p.theme.sizes) == null ? void 0 : _b.small}`;
124
- }} 0;
125
-
126
- a {
127
- color: #fff;
128
- }
129
- }
130
- }
131
- `;
132
- const StyledLink = styled(TextLink)`
133
- padding: 8px 15px;
134
- background-color: ${(p) => {
135
- var _a, _b;
136
- return p.selected ? (_a = p.theme.colors) == null ? void 0 : _a.text : (_b = p.theme.colors) == null ? void 0 : _b.primary;
137
- }};
138
- font-weight: 300;
139
- border-radius: ${(p) => p.theme.borderRadius};
140
- display: block;
141
- font-size: ${(p) => {
142
- var _a;
143
- return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
144
- }};
145
-
146
- &:focus {
147
- ${(p) => {
148
- var _a;
149
- return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && css`
150
- ${borderTabStyle}
151
- padding: 6px 15px;
152
- background-color: transparent;
153
- `;
154
- }};
155
- }
156
-
157
- @media (hover: hover) {
158
- &:hover {
159
- background-color: ${(p) => {
160
- var _a, _b;
161
- return p.selected ? (_a = p.theme.colors) == null ? void 0 : _a.primary : (_b = p.theme.colors) == null ? void 0 : _b.text;
162
- }};
163
- }
164
- }
165
- `;
166
- export { RelatedTagList as default };
167
- //# sourceMappingURL=related-tag-list.js.map
package/dist/related-tag-list.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"related-tag-list.js","sources":["../src/related-tag-list.tsx"],"sourcesContent":["import { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n borderTabStyle,\r\n contentBox,\r\n createEmptyComponent,\r\n ItemList,\r\n itemList,\r\n SymbolBadge,\r\n TextLink,\r\n useContainer,\r\n useProperties,\r\n useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames, createParams } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { RelatedTagListComponentProps } from './related-tag-list-component';\r\n\r\nconst getIcon = (selected: boolean, defaultIcon?: Symbol, activeIcon?: Symbol) => {\r\n if (selected && activeIcon) {\r\n return <StyledSymbolBadge symbol={activeIcon} size={18} />;\r\n }\r\n if (defaultIcon) {\r\n return <StyledSymbolBadge symbol={defaultIcon} size={18} />;\r\n }\r\n return null;\r\n};\r\n\r\ntype Props = {\r\n className: string;\r\n embedded?: boolean;\r\n};\r\n\r\nconst RelatedTagList: React.FC<Props> = ({ className, embedded = false, ...other }) => {\r\n const container = useContainer();\r\n const {\r\n route = 'search',\r\n header,\r\n items = [],\r\n showIcons,\r\n } = useProperties<RelatedTagListComponentProps>();\r\n const { params } = useRouteData();\r\n\r\n if (!items.length) {\r\n return createEmptyComponent(container, {\r\n ...other,\r\n className: appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list'),\r\n });\r\n }\r\n\r\n return (\r\n <StyledItemList\r\n embedded={embedded ? 'true' : 'false'}\r\n {...other}\r\n className={appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list')}\r\n header={header}\r\n items={items}\r\n renderItem={(item: Tag) => {\r\n const { id, title, defaultIcon, activeIcon } = item;\r\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\r\n\r\n return (\r\n <li key={id} data-tag={id}>\r\n <StyledLink\r\n routeName={route}\r\n selected={selected}\r\n params={createParams({\r\n tag: id,\r\n })}\r\n text={title}\r\n >\r\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\r\n </StyledLink>\r\n </li>\r\n );\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default RelatedTagList;\r\n\r\nconst StyledSymbolBadge = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\r\n margin-right: ${(p) => p.theme.sizes?.small};\r\n ${(p: any) => {\r\n if (p.symbol.type === 'Uri') {\r\n return `\r\n width: ${p.size}px;\r\n height: ${p.size}px;\r\n `;\r\n }\r\n\r\n if (p.symbol.type === 'FontAwesome') {\r\n return `\r\n font-size: ${p.size}px;\r\n `;\r\n }\r\n }}\r\n`;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n ${itemList}\r\n ${(p) => p.embedded === 'false' && contentBox}\r\n ${(p) => `padding: ${p.theme.sizes?.large};`}\r\n justify-content: flex-start;\r\n\r\n ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n li {\r\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\r\n\r\n a {\r\n color: #fff;\r\n }\r\n }\r\n }\r\n`;\r\n\r\nconst StyledLink = styled(TextLink)<any>`\r\n padding: 8px 15px;\r\n background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\r\n font-weight: 300;\r\n border-radius: ${(p) => p.theme.borderRadius};\r\n display: block;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${borderTabStyle}\r\n padding: 6px 15px;\r\n background-color: transparent;\r\n `};\r\n }\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n background-color: ${(p) =>\r\n p.selected ? p.theme.colors?.primary : p.theme.colors?.text};\r\n }\r\n }\r\n`;\r\n"],"names":[],"mappings":"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"}