@telia-ace/knowledge-widget-components-related-tag-list 1.0.22 → 1.0.23

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 (6) hide show
  1. package/dist/index.js +21 -16
  2. package/dist/index.js.map +1 -1
  3. package/dist/{related-tag-list.720fcccc.js → related-tag-list.82c96201.js} +32 -37
  4. package/dist/related-tag-list.82c96201.js.map +1 -0
  5. package/package.json +7 -6
  6. package/dist/related-tag-list.720fcccc.js.map +0 -1
package/dist/index.js CHANGED
@@ -13,22 +13,27 @@ var h = (r, t, e) => t in r ? f(r, t, { enumerable: !0, configurable: !0, writab
13
13
  import { createEventSubscriber as b, extendComponent as w } from "@telia-ace/knowledge-widget-core";
14
14
  import { DataType as y } from "@telia-ace/knowledge-widget-types-grid";
15
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) => {
16
+ const P = (r) => C(
17
+ r,
18
+ "related-tag-list",
19
+ import("./related-tag-list.82c96201.js"),
20
+ (t) => {
21
+ const { events: e } = r.get("$widget"), [i, c] = b(e), n = (a) => {
22
+ t.writeProperties({ loading: !0, error: void 0 }), t.actions.dispatch("fetch", { params: a });
23
+ };
24
+ return t.actions.create("fetch", ({ items: a = [] }) => t.actions.dispatch("fetched", {
25
+ items: a,
26
+ loading: !0
27
+ })), t.actions.create("fetched", (a) => t.writeProperties(d(o({}, a), { loading: !1 }))), r.getAsync("router").then((a) => {
28
+ const { params: s } = a.getRouteData();
29
+ n(s);
30
+ }), i("router:changed", (a, { current: s }) => {
31
+ n(s.routeData.params);
32
+ }), () => {
33
+ c();
34
+ };
35
+ }
36
+ ).then(() => w(r, "related-tag-list", (t) => {
32
37
  t.actions.watch("related-tag-list.fetch", (e, i) => {
33
38
  const {
34
39
  params: { guide: c, connection: n }
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,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;"}
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":["RelatedTagListComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","fetch","params","items","input","__spreadProps","__spreadValues","router","_","current","extendComponent","next","guide","connection","dataClient","DataType","tags","e"],"mappings":";;;;;;;;;;;;;;;AAYM,MAAAA,IAA0B,CAACC,MACtBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AACX,UAAM,EAAE,QAAAC,EAAW,IAAAH,EAAU,IAAI,SAAS,GACpC,CAACI,GAAWC,CAAW,IAAIC,EAAsBH,CAAM,GAEvDI,IAAQ,CAACC,MAAsC;AACjD,MAAAN,EAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAC7DA,EAAU,QAAQ,SAAS,SAAS,EAAE,QAAAM,EAAQ,CAAA;AAAA,IAAA;AAGxC,WAAAN,EAAA,QAAQ,OAAO,SAAS,CAAC,EAAE,OAAAO,IAAQ,CAAA,QAClCP,EAAU,QAAQ,SAAS,WAAW;AAAA,MACzC,OAAAO;AAAA,MACA,SAAS;AAAA,IAAA,CACZ,CACJ,GAEDP,EAAU,QAAQ,OAAO,WAAW,CAACQ,MAC1BR,EAAU,gBAAgBS,EAAAC,EAAA,IAAKF,IAAL,EAAY,SAAS,KAAO,CAChE,GAEDV,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACa,MAAW;AAC1C,YAAM,EAAE,QAAAL,EAAA,IAAWK,EAAO,aAAa;AACvC,MAAAN,EAAMC,CAAM;AAAA,IAAA,CACf,GACDJ,EAAU,kBAAkB,CAACU,GAAG,EAAE,SAAAC,QAAc;AACtC,MAAAR,EAAAQ,EAAQ,UAAU,MAAM;AAAA,IAAA,CACjC,GACM,MAAM;AACG,MAAAV;IAAA;AAAA,EAEpB;AACJ,EAAE,KAAK,MACIW,EAAgBhB,GAAW,oBAAoB,CAACE,MAAc;AACjE,EAAAA,EAAU,QAAQ,MAAM,0BAA0B,CAACQ,GAAOO,MAAS;AACzD,UAAA;AAAA,MACF,QAAQ,EAAE,OAAAC,GAAO,YAAAC,EAAW;AAAA,IAC5B,IAAAT;AAEA,QAAA,OAAOQ,KAAU;AACjB,aAAOlB,EAAU,SAAS,YAAY,EAAE,KAAK,CAACoB,MACnCA,EACF,MAAMC,EAAS,OAAO;AAAA,QACnB,YAAAF;AAAA,QACA,SAASD;AAAA,MACZ,CAAA,EACA,KAAK,CAAC,EAAE,MAAAI,QACEL,EAAKN,EAAAC,EAAA,IAAKF,IAAL,EAAY,OAAOY,KAAQ,KAAI,CAC9C,EACA,MAAM,CAACC,MACGN,EAAKP,CAAK,CACpB,CACR;AAAA,EACL,CACH;AAAA,CACJ,CACJ;"}
package/dist/{related-tag-list.720fcccc.js → related-tag-list.82c96201.js} RENAMED
@@ -1,15 +1,15 @@
1
- var R = Object.defineProperty, T = Object.defineProperties;
2
- var v = Object.getOwnPropertyDescriptors;
1
+ var v = Object.defineProperty, R = Object.defineProperties;
2
+ var B = Object.getOwnPropertyDescriptors;
3
3
  var o = Object.getOwnPropertySymbols;
4
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) => {
5
+ var h = (e, t, r) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, i = (e, t) => {
6
6
  for (var r in t || (t = {}))
7
- y.call(t, r) && f(e, r, t[r]);
7
+ y.call(t, r) && h(e, r, t[r]);
8
8
  if (o)
9
9
  for (var r of o(t))
10
- p.call(t, r) && f(e, r, t[r]);
10
+ p.call(t, r) && h(e, r, t[r]);
11
11
  return e;
12
- }, m = (e, t) => T(e, v(t));
12
+ }, m = (e, t) => R(e, B(t));
13
13
  var b = (e, t) => {
14
14
  var r = {};
15
15
  for (var s in e)
@@ -19,48 +19,48 @@ var b = (e, t) => {
19
19
  t.indexOf(s) < 0 && p.call(e, s) && (r[s] = e[s]);
20
20
  return r;
21
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";
22
+ import { useContainer as C, useProperties as N, useRouteData as T, 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
23
  import { appendClassNames as $, createParams as G } from "@telia-ace/widget-utilities";
24
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, {
25
+ import d from "styled-components";
26
+ const H = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, {
27
27
  symbol: r,
28
28
  size: 18
29
29
  }) : t ? /* @__PURE__ */ a.createElement(x, {
30
30
  symbol: t,
31
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(), {
32
+ }) : null, X = (s) => {
33
+ var c = s, { className: e, embedded: t = !1 } = c, r = b(c, ["className", "embedded"]);
34
+ const z = C(), {
35
35
  route: k = "search",
36
36
  header: w,
37
37
  items: u = [],
38
38
  showIcons: E
39
- } = C(), { params: g } = N();
40
- return u.length ? /* @__PURE__ */ a.createElement(K, m(n({
39
+ } = N(), { params: f } = T();
40
+ return u.length ? /* @__PURE__ */ a.createElement(J, m(i({
41
41
  embedded: t ? "true" : "false"
42
42
  }, r), {
43
43
  className: $(e, "humany-tag-list", "humany-related-tag-list"),
44
44
  header: w,
45
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";
46
+ renderItem: (l) => {
47
+ const { id: n, title: L, defaultIcon: S, activeIcon: I } = l, g = f.tag === l.id || !f.tag && l.id === "0";
48
48
  return /* @__PURE__ */ a.createElement("li", {
49
- key: l,
50
- "data-tag": l
51
- }, /* @__PURE__ */ a.createElement(M, {
49
+ key: n,
50
+ "data-tag": n
51
+ }, /* @__PURE__ */ a.createElement(K, {
52
52
  routeName: k,
53
- selected: h,
53
+ selected: g,
54
54
  params: G({
55
- tag: l
55
+ tag: n
56
56
  }),
57
57
  text: L
58
- }, E && J(h, S, I)));
58
+ }, E && H(g, S, I)));
59
59
  }
60
- })) : P(z, m(n({}, r), {
60
+ })) : P(z, m(i({}, r), {
61
61
  className: $(e, "humany-tag-list", "humany-related-tag-list")
62
62
  }));
63
- }, x = c(j)`
63
+ }, x = d(j)`
64
64
  margin-right: ${(e) => {
65
65
  var t;
66
66
  return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -76,7 +76,7 @@ const J = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, {
76
76
  font-size: ${e.size}px;
77
77
  `;
78
78
  }}
79
- `, K = c(A)`
79
+ `, J = d(A)`
80
80
  ${D}
81
81
  ${(e) => e.embedded === "false" && F}
82
82
  ${(e) => {
@@ -99,7 +99,7 @@ const J = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, {
99
99
  }
100
100
  }
101
101
  }
102
- `, M = c(U)`
102
+ `, K = d(U)`
103
103
  padding: 8px 15px;
104
104
  background-color: ${(e) => {
105
105
  var t, r;
@@ -113,15 +113,10 @@ const J = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, {
113
113
  return (t = e.theme.fonts) == null ? void 0 : t.normal;
114
114
  }};
115
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
- }};
116
+ &:focus-visible {
117
+ ${q}
118
+ padding: 6px 15px;
119
+ background-color: transparent;
125
120
  }
126
121
 
127
122
  @media (hover: hover) {
@@ -134,6 +129,6 @@ const J = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, {
134
129
  }
135
130
  `;
136
131
  export {
137
- Y as default
132
+ X as default
138
133
  };
139
- //# sourceMappingURL=related-tag-list.720fcccc.js.map
134
+ //# sourceMappingURL=related-tag-list.82c96201.js.map
package/dist/related-tag-list.82c96201.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"related-tag-list.82c96201.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 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-visible {\r\n ${borderTabStyle}\r\n padding: 6px 15px;\r\n background-color: transparent;\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":["getIcon","selected","defaultIcon","activeIcon","React","StyledSymbolBadge","RelatedTagList","_a","_b","className","embedded","other","__objRest","container","useContainer","route","header","items","showIcons","useProperties","params","useRouteData","StyledItemList","__spreadProps","__spreadValues","appendClassNames","item","id","title","StyledLink","createParams","createEmptyComponent","styled","SymbolBadge","p","ItemList","itemList","contentBox","TextLink","borderTabStyle"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-components-related-tag-list",
3
- "version": "1.0.22",
3
+ "version": "1.0.23",
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",
@@ -8,6 +8,7 @@
8
8
  "telia"
9
9
  ],
10
10
  "main": "dist/index.js",
11
+ "sourceMain": "src/index.ts",
11
12
  "type": "module",
12
13
  "types": "dist/index.d.ts",
13
14
  "files": [
@@ -25,10 +26,10 @@
25
26
  },
26
27
  "sideEffects": false,
27
28
  "dependencies": {
28
- "@telia-ace/knowledge-widget-core": "^1.0.18",
29
- "@telia-ace/knowledge-widget-types-grid": "^1.0.29",
30
- "@telia-ace/knowledge-widget-ui": "^1.0.24",
31
- "@telia-ace/widget-utilities": "^1.0.3",
29
+ "@telia-ace/knowledge-widget-core": "^1.0.19",
30
+ "@telia-ace/knowledge-widget-types-grid": "^1.0.30",
31
+ "@telia-ace/knowledge-widget-ui": "^1.0.25",
32
+ "@telia-ace/widget-utilities": "^1.0.4",
32
33
  "@webprovisions/platform": "^1.1.2"
33
34
  },
34
35
  "peerDependencies": {
@@ -41,5 +42,5 @@
41
42
  "@types/react-dom": "^16.8.0",
42
43
  "@types/styled-components": "^5.1.7"
43
44
  },
44
- "gitHead": "b30b55cc433567b8f9de20d83b840919ffc0d58a"
45
+ "gitHead": "db190a67f912245c4145c037972fac2039bda698"
45
46
  }
package/dist/related-tag-list.720fcccc.js.map DELETED
@@ -1 +0,0 @@
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;"}