@telia-ace/knowledge-widget-components-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 +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/{tag-list.316a76ef.js → tag-list.4fbd3b0d.js} +70 -80
  4. package/dist/tag-list.4fbd3b0d.js.map +1 -0
  5. package/package.json +8 -7
  6. package/dist/tag-list.316a76ef.js.map +0 -1
package/dist/index.js CHANGED
@@ -13,7 +13,7 @@ var h = (e, t, r) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writab
13
13
  import { createEventSubscriber as x, extendComponent as D } from "@telia-ace/knowledge-widget-core";
14
14
  import { DataType as p } from "@telia-ace/knowledge-widget-types-grid";
15
15
  import { createReactComponent as P } from "@telia-ace/knowledge-widget-ui";
16
- const O = (e) => P(e, "tag-list", import("./tag-list.316a76ef.js"), (t) => {
16
+ const O = (e) => P(e, "tag-list", import("./tag-list.4fbd3b0d.js"), (t) => {
17
17
  const { events: r } = e.get("$widget"), [o, u] = x(r);
18
18
  t.actions.create("fetch", ({ items: a = [] }) => t.actions.dispatch("fetched", {
19
19
  items: a,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/tag-list-component.ts"],"sourcesContent":["import { createEventSubscriber, extendComponent, Tag } from '@telia-ace/knowledge-widget-core';\r\nimport { DataClient, DataType, TagsResult } from '@telia-ace/knowledge-widget-types-grid';\r\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\r\nimport { Params } from '@telia-ace/widget-utilities';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type TagListComponentProps = {\r\n header: string;\r\n route?: string;\r\n items: Tag[]; // internal\r\n style?: 'badge' | 'pill';\r\n showMatchCount?: boolean;\r\n showIcons?: boolean;\r\n static?: boolean;\r\n rootTagLabel?: string;\r\n fallbackOnInitialRoute?: boolean;\r\n itemAriaLabel?: string;\r\n};\r\n\r\nconst TagListComponent = (container: Container) => {\r\n return createReactComponent(container, 'tag-list', import('./tag-list'), (component) => {\r\n const { events } = container.get('$widget');\r\n const [subscribe, unsubscribe] = createEventSubscriber(events);\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 const fetch = (input: Params = {}) => {\r\n component.writeProperties({ loading: true, error: undefined });\r\n\r\n component.actions.dispatch('fetch', input);\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\r\n subscribe('router:changed', (event: any, { current }: any) => {\r\n fetch(current.routeData.params);\r\n });\r\n\r\n return () => {\r\n unsubscribe();\r\n };\r\n }).then(() => {\r\n return extendComponent(container, 'tag-list', (component) => {\r\n component.actions.watch('tag-list.fetch', (input, next) => {\r\n return container.getAsync('dataClient').then((dataClient: DataClient) => {\r\n const { static: staticTags = false, rootTagLabel = '' } =\r\n component.properties() as TagListComponentProps;\r\n\r\n const { phrase, guideCategory, tag } = input;\r\n\r\n return dataClient\r\n .fetch(staticTags ? DataType.Tags : DataType.TagsOnGuides, {\r\n searchPhrase: phrase,\r\n categories: guideCategory,\r\n tagId: tag,\r\n })\r\n .then((tags: TagsResult = []) => {\r\n if (staticTags) {\r\n const indexOfRoot = tags.findIndex((tag) => tag.id === '0');\r\n\r\n if (indexOfRoot > -1) {\r\n tags.unshift(tags.splice(indexOfRoot, 1)[0]);\r\n }\r\n }\r\n\r\n return next({\r\n items: tags.map((t) => {\r\n if (t.id === '0') {\r\n t.title = rootTagLabel;\r\n }\r\n\r\n return t;\r\n }),\r\n });\r\n })\r\n .catch((e) => {\r\n return next({ items: [] });\r\n });\r\n });\r\n });\r\n });\r\n });\r\n};\r\n\r\nexport default TagListComponent;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBM,MAAA,IAAmB,CAAC,MACf,EAAqB,GAAW,YAAY,OAAO,2BAAe,CAAC,MAAc;AACpF,QAAM,EAAE,cAAW,EAAU,IAAI,SAAS,GACpC,CAAC,GAAW,KAAe,EAAsB,CAAM;AAE7D,IAAU,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;AAED,QAAM,IAAQ,CAAC,IAAgB,OAAO;AAClC,MAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAEnD,EAAA,QAAQ,SAAS,SAAS,CAAK;AAAA,EAAA;AAG7C,WAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,MAAW;AACpC,UAAA,EAAE,cAAW,EAAO,aAAa;AACvC,MAAM,CAAM;AAAA,EAAA,CACf,GAED,EAAU,kBAAkB,CAAC,GAAY,EAAE,iBAAmB;AACpD,MAAA,EAAQ,UAAU,MAAM;AAAA,EAAA,CACjC,GAEM,MAAM;AACG;EAAA;AAChB,CACH,EAAE,KAAK,MACG,EAAgB,GAAW,YAAY,CAAC,MAAc;AACzD,IAAU,QAAQ,MAAM,kBAAkB,CAAC,GAAO,MACvC,EAAU,SAAS,YAAY,EAAE,KAAK,CAAC,MAA2B;AACrE,UAAM,EAAE,QAAQ,IAAa,IAAO,kBAAe,OAC/C,EAAU,cAER,EAAE,WAAQ,kBAAe,WAAQ;AAEvC,WAAO,EACF,MAAM,IAAa,EAAS,OAAO,EAAS,cAAc;AAAA,MACvD,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,OAAO;AAAA,IACV,CAAA,EACA,KAAK,CAAC,IAAmB,OAAO;AAC7B,UAAI,GAAY;AACZ,cAAM,IAAc,EAAK,UAAU,CAAC,MAAQ,EAAI,OAAO,GAAG;AAE1D,QAAI,IAAc,MACd,EAAK,QAAQ,EAAK,OAAO,GAAa,CAAC,EAAE,EAAE;AAAA,MAEnD;AAEA,aAAO,EAAK;AAAA,QACR,OAAO,EAAK,IAAI,CAAC,MACT,GAAE,OAAO,OACT,GAAE,QAAQ,IAGP,EACV;AAAA,MAAA,CACJ;AAAA,IAAA,CACJ,EACA,MAAM,CAAC,MACG,EAAK,EAAE,OAAO,CAAA,EAAI,CAAA,CAC5B;AAAA,EAAA,CACR,CACJ;AAAA,CACJ,CACJ;"}
1
+ {"version":3,"file":"index.js","sources":["../src/tag-list-component.ts"],"sourcesContent":["import { createEventSubscriber, extendComponent, Tag } from '@telia-ace/knowledge-widget-core';\r\nimport { DataClient, DataType, TagsResult } from '@telia-ace/knowledge-widget-types-grid';\r\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\r\nimport { Params } from '@telia-ace/widget-utilities';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type TagListComponentProps = {\r\n header: string;\r\n route?: string;\r\n items: Tag[]; // internal\r\n style?: 'badge' | 'pill';\r\n showMatchCount?: boolean;\r\n showIcons?: boolean;\r\n static?: boolean;\r\n rootTagLabel?: string;\r\n fallbackOnInitialRoute?: boolean;\r\n itemAriaLabel?: string;\r\n};\r\n\r\nconst TagListComponent = (container: Container) => {\r\n return createReactComponent(container, 'tag-list', import('./tag-list'), (component) => {\r\n const { events } = container.get('$widget');\r\n const [subscribe, unsubscribe] = createEventSubscriber(events);\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 const fetch = (input: Params = {}) => {\r\n component.writeProperties({ loading: true, error: undefined });\r\n\r\n component.actions.dispatch('fetch', input);\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\r\n subscribe('router:changed', (event: any, { current }: any) => {\r\n fetch(current.routeData.params);\r\n });\r\n\r\n return () => {\r\n unsubscribe();\r\n };\r\n }).then(() => {\r\n return extendComponent(container, 'tag-list', (component) => {\r\n component.actions.watch('tag-list.fetch', (input, next) => {\r\n return container.getAsync('dataClient').then((dataClient: DataClient) => {\r\n const { static: staticTags = false, rootTagLabel = '' } =\r\n component.properties() as TagListComponentProps;\r\n\r\n const { phrase, guideCategory, tag } = input;\r\n\r\n return dataClient\r\n .fetch(staticTags ? DataType.Tags : DataType.TagsOnGuides, {\r\n searchPhrase: phrase,\r\n categories: guideCategory,\r\n tagId: tag,\r\n })\r\n .then((tags: TagsResult = []) => {\r\n if (staticTags) {\r\n const indexOfRoot = tags.findIndex((tag) => tag.id === '0');\r\n\r\n if (indexOfRoot > -1) {\r\n tags.unshift(tags.splice(indexOfRoot, 1)[0]);\r\n }\r\n }\r\n\r\n return next({\r\n items: tags.map((t) => {\r\n if (t.id === '0') {\r\n t.title = rootTagLabel;\r\n }\r\n\r\n return t;\r\n }),\r\n });\r\n })\r\n .catch((e) => {\r\n return next({ items: [] });\r\n });\r\n });\r\n });\r\n });\r\n });\r\n};\r\n\r\nexport default TagListComponent;\r\n"],"names":["TagListComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","items","input","__spreadProps","__spreadValues","fetch","router","params","event","current","extendComponent","next","dataClient","staticTags","rootTagLabel","phrase","guideCategory","tag","DataType","tags","indexOfRoot","t","e"],"mappings":";;;;;;;;;;;;;;;AAmBM,MAAAA,IAAmB,CAACC,MACfC,EAAqBD,GAAW,YAAY,OAAO,2BAAe,CAACE,MAAc;AACpF,QAAM,EAAE,QAAAC,EAAW,IAAAH,EAAU,IAAI,SAAS,GACpC,CAACI,GAAWC,CAAW,IAAIC,EAAsBH,CAAM;AAEnD,EAAAD,EAAA,QAAQ,OAAO,SAAS,CAAC,EAAE,OAAAK,IAAQ,CAAA,QAClCL,EAAU,QAAQ,SAAS,WAAW;AAAA,IACzC,OAAAK;AAAA,IACA,SAAS;AAAA,EAAA,CACZ,CACJ,GAEDL,EAAU,QAAQ,OAAO,WAAW,CAACM,MAC1BN,EAAU,gBAAgBO,EAAAC,EAAA,IAAKF,IAAL,EAAY,SAAS,KAAO,CAChE;AAED,QAAMG,IAAQ,CAACH,IAAgB,OAAO;AAClC,IAAAN,EAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAEnDA,EAAA,QAAQ,SAAS,SAASM,CAAK;AAAA,EAAA;AAG7C,SAAAR,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACY,MAAW;AAC1C,UAAM,EAAE,QAAAC,EAAA,IAAWD,EAAO,aAAa;AACvC,IAAAD,EAAME,CAAM;AAAA,EAAA,CACf,GAEDT,EAAU,kBAAkB,CAACU,GAAY,EAAE,SAAAC,QAAmB;AACpD,IAAAJ,EAAAI,EAAQ,UAAU,MAAM;AAAA,EAAA,CACjC,GAEM,MAAM;AACG,IAAAV;EAAA;AAChB,CACH,EAAE,KAAK,MACGW,EAAgBhB,GAAW,YAAY,CAACE,MAAc;AACzD,EAAAA,EAAU,QAAQ,MAAM,kBAAkB,CAACM,GAAOS,MACvCjB,EAAU,SAAS,YAAY,EAAE,KAAK,CAACkB,MAA2B;AAC/D,UAAA,EAAE,QAAQC,IAAa,IAAO,cAAAC,IAAe,GAAG,IAClDlB,EAAU,cAER,EAAE,QAAAmB,GAAQ,eAAAC,GAAe,KAAAC,EAAA,IAAQf;AAEvC,WAAOU,EACF,MAAMC,IAAaK,EAAS,OAAOA,EAAS,cAAc;AAAA,MACvD,cAAcH;AAAA,MACd,YAAYC;AAAA,MACZ,OAAOC;AAAA,IACV,CAAA,EACA,KAAK,CAACE,IAAmB,OAAO;AAC7B,UAAIN,GAAY;AACZ,cAAMO,IAAcD,EAAK,UAAU,CAACF,MAAQA,EAAI,OAAO,GAAG;AAE1D,QAAIG,IAAc,MACdD,EAAK,QAAQA,EAAK,OAAOC,GAAa,CAAC,EAAE,EAAE;AAAA,MAEnD;AAEA,aAAOT,EAAK;AAAA,QACR,OAAOQ,EAAK,IAAI,CAACE,OACTA,EAAE,OAAO,QACTA,EAAE,QAAQP,IAGPO,EACV;AAAA,MAAA,CACJ;AAAA,IAAA,CACJ,EACA,MAAM,CAACC,MACGX,EAAK,EAAE,OAAO,CAAA,EAAI,CAAA,CAC5B;AAAA,EAAA,CACR,CACJ;AAAA,CACJ,CACJ;"}
package/dist/{tag-list.316a76ef.js → tag-list.4fbd3b0d.js} RENAMED
@@ -2,78 +2,78 @@ var P = Object.defineProperty, D = Object.defineProperties;
2
2
  var U = Object.getOwnPropertyDescriptors;
3
3
  var d = Object.getOwnPropertySymbols;
4
4
  var w = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
5
- var z = (e, t, a) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, h = (e, t) => {
6
- for (var a in t || (t = {}))
7
- w.call(t, a) && z(e, a, t[a]);
5
+ var z = (e, t, o) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, m = (e, t) => {
6
+ for (var o in t || (t = {}))
7
+ w.call(t, o) && z(e, o, t[o]);
8
8
  if (d)
9
- for (var a of d(t))
10
- L.call(t, a) && z(e, a, t[a]);
9
+ for (var o of d(t))
10
+ L.call(t, o) && z(e, o, t[o]);
11
11
  return e;
12
- }, g = (e, t) => D(e, U(t));
12
+ }, h = (e, t) => D(e, U(t));
13
13
  var S = (e, t) => {
14
- var a = {};
15
- for (var o in e)
16
- w.call(e, o) && t.indexOf(o) < 0 && (a[o] = e[o]);
14
+ var o = {};
15
+ for (var r in e)
16
+ w.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
17
17
  if (e != null && d)
18
- for (var o of d(e))
19
- t.indexOf(o) < 0 && L.call(e, o) && (a[o] = e[o]);
20
- return a;
18
+ for (var r of d(e))
19
+ t.indexOf(r) < 0 && L.call(e, r) && (o[r] = e[r]);
20
+ return o;
21
21
  };
22
22
  import { initialRouteFallback as q } from "@telia-ace/knowledge-widget-component-utilities";
23
- import { useProperties as G, useContainer as H, useRouteData as J, createEmptyComponent as K, Loader as Q, ItemList as V, contentBox as W, itemList as X, loadingOpacity as Y, TextLink as T, borderTabStyle as v, Text as Z, SymbolBadge as _ } from "@telia-ace/knowledge-widget-ui";
24
- import { appendClassNames as E } from "@telia-ace/widget-utilities";
25
- import r from "react";
26
- import l, { css as i } from "styled-components";
27
- const ee = (e, t, a) => e && a ? /* @__PURE__ */ r.createElement(k, {
28
- symbol: a,
23
+ import { useProperties as G, useContainer as H, useRouteData as J, createEmptyComponent as K, Loader as Q, ItemList as V, contentBox as W, itemList as X, loadingOpacity as Y, TextLink as k, borderTabStyle as C, Text as Z, SymbolBadge as _ } from "@telia-ace/knowledge-widget-ui";
24
+ import { appendClassNames as v } from "@telia-ace/widget-utilities";
25
+ import a from "react";
26
+ import s, { css as u } from "styled-components";
27
+ const ee = (e, t, o) => e && o ? /* @__PURE__ */ a.createElement(E, {
28
+ symbol: o,
29
29
  size: 18
30
- }) : t ? /* @__PURE__ */ r.createElement(k, {
30
+ }) : t ? /* @__PURE__ */ a.createElement(E, {
31
31
  symbol: t,
32
32
  size: 18
33
- }) : null, he = (a) => {
34
- var o = a, { className: e } = o, t = S(o, ["className"]);
33
+ }) : null, he = (o) => {
34
+ var r = o, { className: e } = r, t = S(r, ["className"]);
35
35
  const {
36
- route: C = "search",
36
+ route: I = "search",
37
37
  items: p = [],
38
- header: I,
39
- loading: n = !1,
38
+ header: R,
39
+ loading: i = !1,
40
40
  style: f = "badge",
41
- showMatchCount: R = !1,
41
+ showMatchCount: T = !1,
42
42
  showIcons: A = !1,
43
- static: s = !1,
43
+ static: l = !1,
44
44
  fallbackOnInitialRoute: B = !1,
45
- itemAriaLabel: b
46
- } = G(), j = H(), { params: y } = J();
47
- if (!p.length && (!n || s))
48
- return K(j, g(h({}, t), {
49
- className: E(e, "humany-tag-list")
45
+ itemAriaLabel: y
46
+ } = G(), j = H(), { params: b } = J();
47
+ if (!p.length && (!i || l))
48
+ return K(j, h(m({}, t), {
49
+ className: v(e, "humany-tag-list")
50
50
  }));
51
- const F = f === "badge" ? ae : oe;
52
- return /* @__PURE__ */ r.createElement(te, g(h({}, t), {
53
- "data-loading": !s && n,
54
- className: E(e, "humany-tag-list"),
55
- header: !s && n ? "" : I,
51
+ const F = f === "badge" ? oe : re;
52
+ return /* @__PURE__ */ a.createElement(te, h(m({}, t), {
53
+ "data-loading": !l && i,
54
+ className: v(e, "humany-tag-list"),
55
+ header: !l && i ? "" : R,
56
56
  items: p,
57
57
  type: f,
58
- renderItem: (c) => {
59
- const { id: $, title: x, defaultIcon: M, activeIcon: N, matches: m } = c, u = y.tag === c.id || !y.tag && c.id === "0", O = b && b.replace("{{title}}", x).replace("{{matches}}", `${m}`);
60
- return /* @__PURE__ */ r.createElement(se, {
58
+ renderItem: (n) => {
59
+ const { id: $, title: x, defaultIcon: M, activeIcon: N, matches: c } = n, g = b.tag === n.id || !b.tag && n.id === "0", O = y && y.replace("{{title}}", x).replace("{{matches}}", `${c}`);
60
+ return /* @__PURE__ */ a.createElement(le, {
61
61
  key: $,
62
- notAllowed: (s && !m && f === "pill").toString(),
62
+ notAllowed: (l && !c && f === "pill").toString(),
63
63
  "data-tag": $
64
- }, /* @__PURE__ */ r.createElement(F, g(h({}, q(c, C, B, "tag")), {
64
+ }, /* @__PURE__ */ a.createElement(F, h(m({}, q(n, I, B, "tag")), {
65
65
  role: "button",
66
- "aria-pressed": u,
66
+ "aria-pressed": g,
67
67
  "aria-label": O,
68
- disabled: s && !m,
69
- selected: u,
68
+ disabled: l && !c,
69
+ selected: g,
70
70
  text: x
71
- }), A && ee(u, M, N), R && /* @__PURE__ */ r.createElement(re, null, `(${m})`)));
71
+ }), A && ee(g, M, N), T && /* @__PURE__ */ a.createElement(ae, null, `(${c})`)));
72
72
  }
73
- }), !s && /* @__PURE__ */ r.createElement(Q, {
74
- loading: n
73
+ }), !l && /* @__PURE__ */ a.createElement(Q, {
74
+ loading: i
75
75
  }));
76
- }, te = l(V)`
76
+ }, te = s(V)`
77
77
  ${W}
78
78
  ${X}
79
79
  ${Y}
@@ -85,22 +85,22 @@ const ee = (e, t, a) => e && a ? /* @__PURE__ */ r.createElement(k, {
85
85
  ul {
86
86
  display: flex;
87
87
  flex-wrap: wrap;
88
- ${(e) => e.type === "pill" && i`
88
+ ${(e) => e.type === "pill" && u`
89
89
  justify-content: center;
90
90
  `}
91
91
 
92
92
  li {
93
93
  margin: 0 ${(e) => {
94
- var t, a;
95
- return `${(t = e.theme.sizes) == null ? void 0 : t.small} ${(a = e.theme.sizes) == null ? void 0 : a.small}`;
94
+ var t, o;
95
+ return `${(t = e.theme.sizes) == null ? void 0 : t.small} ${(o = e.theme.sizes) == null ? void 0 : o.small}`;
96
96
  }} 0;
97
97
  }
98
98
  }
99
- `, ae = l(T)`
99
+ `, oe = s(k)`
100
100
  padding: 8px 15px;
101
101
  background-color: ${(e) => {
102
- var t, a;
103
- return e.selected ? (t = e.theme.colors) == null ? void 0 : t.text : (a = e.theme.colors) == null ? void 0 : a.primary;
102
+ var t, o;
103
+ return e.selected ? (t = e.theme.colors) == null ? void 0 : t.text : (o = e.theme.colors) == null ? void 0 : o.primary;
104
104
  }};
105
105
  border-radius: ${(e) => e.theme.borderRadius};
106
106
  font-weight: 300;
@@ -112,26 +112,21 @@ const ee = (e, t, a) => e && a ? /* @__PURE__ */ r.createElement(k, {
112
112
  align-items: center;
113
113
  color: #ffffff;
114
114
 
115
- &:focus {
116
- ${(e) => {
117
- var t;
118
- return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && i`
119
- ${v}
120
- padding: 6px 15px;
121
- background-color: transparent;
122
- `;
123
- }};
115
+ &:focus-visible {
116
+ ${C}
117
+ padding: 6px 15px;
118
+ background-color: transparent;
124
119
  }
125
120
 
126
121
  @media (hover: hover) {
127
122
  &:hover {
128
123
  background-color: ${(e) => {
129
- var t, a;
130
- return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (a = e.theme.colors) == null ? void 0 : a.text;
124
+ var t, o;
125
+ return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (o = e.theme.colors) == null ? void 0 : o.text;
131
126
  }};
132
127
  }
133
128
  }
134
- `, oe = l(T)`
129
+ `, re = s(k)`
135
130
  border: 1px solid ${(e) => {
136
131
  var t;
137
132
  return e.selected ? (t = e.theme.colors) == null ? void 0 : t.text : "transparent";
@@ -154,14 +149,9 @@ const ee = (e, t, a) => e && a ? /* @__PURE__ */ r.createElement(k, {
154
149
  }};
155
150
  }
156
151
 
157
- &:focus {
158
- ${(e) => {
159
- var t;
160
- return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && i`
161
- ${v}
162
- border-radius: 1em;
163
- `;
164
- }}
152
+ &:focus-visible {
153
+ ${C}
154
+ border-radius: 1em;
165
155
  }
166
156
 
167
157
  @media (hover: hover) {
@@ -173,13 +163,13 @@ const ee = (e, t, a) => e && a ? /* @__PURE__ */ r.createElement(k, {
173
163
  }
174
164
  }
175
165
 
176
- ${(e) => e.disabled && i`
166
+ ${(e) => e.disabled && u`
177
167
  opacity: 0.5;
178
168
  `}
179
- `, re = l(Z)`
169
+ `, ae = s(Z)`
180
170
  order: 2;
181
171
  margin-left: ${(e) => e.theme.sizes.small};
182
- `, k = l(_)`
172
+ `, E = s(_)`
183
173
  margin-right: ${(e) => {
184
174
  var t;
185
175
  return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -195,12 +185,12 @@ const ee = (e, t, a) => e && a ? /* @__PURE__ */ r.createElement(k, {
195
185
  font-size: ${e.size}px;
196
186
  `;
197
187
  }}
198
- `, se = l.li`
199
- ${(e) => e.notAllowed === "true" && i`
188
+ `, le = s.li`
189
+ ${(e) => e.notAllowed === "true" && u`
200
190
  cursor: not-allowed;
201
191
  `}
202
192
  `;
203
193
  export {
204
194
  he as default
205
195
  };
206
- //# sourceMappingURL=tag-list.316a76ef.js.map
196
+ //# sourceMappingURL=tag-list.4fbd3b0d.js.map
package/dist/tag-list.4fbd3b0d.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag-list.4fbd3b0d.js","sources":["../src/tag-list.tsx"],"sourcesContent":["import { initialRouteFallback } from '@telia-ace/knowledge-widget-component-utilities';\r\nimport { 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 Loader,\r\n loadingOpacity,\r\n SymbolBadge,\r\n Text,\r\n TextLink,\r\n useContainer,\r\n useProperties,\r\n useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { TagListComponentProps } from './tag-list-component';\r\n\r\ntype Props = {\r\n className: string;\r\n};\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\nconst TagList: React.SFC<Props> = ({ className, ...other }) => {\r\n const {\r\n route = 'search',\r\n items = [],\r\n header,\r\n loading = false,\r\n style = 'badge',\r\n showMatchCount = false,\r\n showIcons = false,\r\n static: staticTags = false,\r\n fallbackOnInitialRoute = false,\r\n itemAriaLabel,\r\n } = useProperties<TagListComponentProps>();\r\n const container = useContainer();\r\n const { params } = useRouteData();\r\n\r\n if (!items.length && (!loading || staticTags)) {\r\n return createEmptyComponent(container, {\r\n ...other,\r\n className: appendClassNames(className, 'humany-tag-list'),\r\n });\r\n }\r\n\r\n const Component = style === 'badge' ? StyledBadge : StyledPill;\r\n\r\n return (\r\n <StyledItemList\r\n {...other}\r\n data-loading={!staticTags && loading}\r\n className={appendClassNames(className, 'humany-tag-list')}\r\n header={!staticTags && loading ? '' : header}\r\n items={items}\r\n type={style}\r\n renderItem={(item: Tag) => {\r\n const { id, title, defaultIcon, activeIcon, matches } = item;\r\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\r\n\r\n const ariaLabel =\r\n itemAriaLabel &&\r\n itemAriaLabel.replace('{{title}}', title).replace('{{matches}}', `${matches}`);\r\n\r\n return (\r\n <StyledLi\r\n key={id}\r\n notAllowed={(staticTags && !matches && style === 'pill').toString()}\r\n data-tag={id}\r\n >\r\n <Component\r\n {...initialRouteFallback(item, route, fallbackOnInitialRoute, 'tag')}\r\n role=\"button\"\r\n aria-pressed={selected}\r\n aria-label={ariaLabel}\r\n disabled={staticTags && !matches}\r\n selected={selected}\r\n text={title}\r\n >\r\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\r\n {showMatchCount && (\r\n <StyledMatchCount>{`(${matches})`}</StyledMatchCount>\r\n )}\r\n </Component>\r\n </StyledLi>\r\n );\r\n }}\r\n >\r\n {!staticTags && <Loader loading={loading} />}\r\n </StyledItemList>\r\n );\r\n};\r\n\r\nexport default TagList;\r\n\r\nconst StyledItemList = styled(ItemList)<{ 'data-loading': boolean } & any>`\r\n ${contentBox}\r\n ${itemList}\r\n ${loadingOpacity}\r\n justify-content: flex-start;\r\n padding: ${(p) => p.theme.sizes?.large};\r\n ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n ${(p) =>\r\n p.type === 'pill' &&\r\n css`\r\n justify-content: center;\r\n `}\r\n\r\n li {\r\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\r\n }\r\n }\r\n`;\r\n\r\nconst StyledBadge = 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 border-radius: ${(p) => p.theme.borderRadius};\r\n font-weight: 300;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n display: flex;\r\n align-items: center;\r\n color: #ffffff;\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\r\nconst StyledPill = styled(TextLink)<any>`\r\n border: 1px solid ${(p) => (p.selected ? p.theme.colors?.text : 'transparent')};\r\n line-height: 2em;\r\n border-radius: 1em;\r\n padding: 0 0.5em;\r\n display: flex;\r\n align-items: center;\r\n font-weight: ${(p) => (p.selected ? 'normal' : 300)};\r\n color: ${(p) => p.theme.colors?.text};\r\n\r\n &:disabled {\r\n color: ${(p) => p.theme.colors?.textLight};\r\n }\r\n\r\n &:focus-visible {\r\n ${borderTabStyle}\r\n border-radius: 1em;\r\n }\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n border: 1px solid ${(p) => p.theme.colors?.text};\r\n }\r\n }\r\n\r\n ${(p) =>\r\n p.disabled &&\r\n css`\r\n opacity: 0.5;\r\n `}\r\n`;\r\n\r\nconst StyledMatchCount = styled(Text)<any>`\r\n order: 2;\r\n margin-left: ${(p) => p.theme.sizes.small};\r\n`;\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 StyledLi = styled.li<{ notAllowed: string }>`\r\n ${(p) =>\r\n p.notAllowed === 'true' &&\r\n css`\r\n cursor: not-allowed;\r\n `}\r\n`;\r\n"],"names":["getIcon","selected","defaultIcon","activeIcon","React","StyledSymbolBadge","TagList","_a","_b","className","other","__objRest","route","items","header","loading","style","showMatchCount","showIcons","staticTags","fallbackOnInitialRoute","itemAriaLabel","useProperties","container","useContainer","params","useRouteData","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","Component","StyledBadge","StyledPill","StyledItemList","item","id","title","matches","ariaLabel","StyledLi","initialRouteFallback","StyledMatchCount","Loader","styled","ItemList","contentBox","itemList","loadingOpacity","p","css","TextLink","borderTabStyle","Text","SymbolBadge"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-components-tag-list",
3
- "version": "1.0.22",
3
+ "version": "1.0.23",
4
4
  "description": "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,11 +26,11 @@
25
26
  },
26
27
  "sideEffects": false,
27
28
  "dependencies": {
28
- "@telia-ace/knowledge-widget-component-utilities": "^1.0.22",
29
- "@telia-ace/knowledge-widget-core": "^1.0.18",
30
- "@telia-ace/knowledge-widget-types-grid": "^1.0.29",
31
- "@telia-ace/knowledge-widget-ui": "^1.0.24",
32
- "@telia-ace/widget-utilities": "^1.0.3",
29
+ "@telia-ace/knowledge-widget-component-utilities": "^1.0.23",
30
+ "@telia-ace/knowledge-widget-core": "^1.0.19",
31
+ "@telia-ace/knowledge-widget-types-grid": "^1.0.30",
32
+ "@telia-ace/knowledge-widget-ui": "^1.0.25",
33
+ "@telia-ace/widget-utilities": "^1.0.4",
33
34
  "@webprovisions/platform": "^1.1.2"
34
35
  },
35
36
  "peerDependencies": {
@@ -42,5 +43,5 @@
42
43
  "@types/react-dom": "^16.8.0",
43
44
  "@types/styled-components": "^5.1.7"
44
45
  },
45
- "gitHead": "b30b55cc433567b8f9de20d83b840919ffc0d58a"
46
+ "gitHead": "db190a67f912245c4145c037972fac2039bda698"
46
47
  }
package/dist/tag-list.316a76ef.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tag-list.316a76ef.js","sources":["../src/tag-list.tsx"],"sourcesContent":["import { initialRouteFallback } from '@telia-ace/knowledge-widget-component-utilities';\r\nimport { 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 Loader,\r\n loadingOpacity,\r\n SymbolBadge,\r\n Text,\r\n TextLink,\r\n useContainer,\r\n useProperties,\r\n useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { TagListComponentProps } from './tag-list-component';\r\n\r\ntype Props = {\r\n className: string;\r\n};\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\nconst TagList: React.SFC<Props> = ({ className, ...other }) => {\r\n const {\r\n route = 'search',\r\n items = [],\r\n header,\r\n loading = false,\r\n style = 'badge',\r\n showMatchCount = false,\r\n showIcons = false,\r\n static: staticTags = false,\r\n fallbackOnInitialRoute = false,\r\n itemAriaLabel,\r\n } = useProperties<TagListComponentProps>();\r\n const container = useContainer();\r\n const { params } = useRouteData();\r\n\r\n if (!items.length && (!loading || staticTags)) {\r\n return createEmptyComponent(container, {\r\n ...other,\r\n className: appendClassNames(className, 'humany-tag-list'),\r\n });\r\n }\r\n\r\n const Component = style === 'badge' ? StyledBadge : StyledPill;\r\n\r\n return (\r\n <StyledItemList\r\n {...other}\r\n data-loading={!staticTags && loading}\r\n className={appendClassNames(className, 'humany-tag-list')}\r\n header={!staticTags && loading ? '' : header}\r\n items={items}\r\n type={style}\r\n renderItem={(item: Tag) => {\r\n const { id, title, defaultIcon, activeIcon, matches } = item;\r\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\r\n\r\n const ariaLabel =\r\n itemAriaLabel &&\r\n itemAriaLabel.replace('{{title}}', title).replace('{{matches}}', `${matches}`);\r\n\r\n return (\r\n <StyledLi\r\n key={id}\r\n notAllowed={(staticTags && !matches && style === 'pill').toString()}\r\n data-tag={id}\r\n >\r\n <Component\r\n {...initialRouteFallback(item, route, fallbackOnInitialRoute, 'tag')}\r\n role=\"button\"\r\n aria-pressed={selected}\r\n aria-label={ariaLabel}\r\n disabled={staticTags && !matches}\r\n selected={selected}\r\n text={title}\r\n >\r\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\r\n {showMatchCount && (\r\n <StyledMatchCount>{`(${matches})`}</StyledMatchCount>\r\n )}\r\n </Component>\r\n </StyledLi>\r\n );\r\n }}\r\n >\r\n {!staticTags && <Loader loading={loading} />}\r\n </StyledItemList>\r\n );\r\n};\r\n\r\nexport default TagList;\r\n\r\nconst StyledItemList = styled(ItemList)<{ 'data-loading': boolean } & any>`\r\n ${contentBox}\r\n ${itemList}\r\n ${loadingOpacity}\r\n justify-content: flex-start;\r\n padding: ${(p) => p.theme.sizes?.large};\r\n ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n ${(p) =>\r\n p.type === 'pill' &&\r\n css`\r\n justify-content: center;\r\n `}\r\n\r\n li {\r\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\r\n }\r\n }\r\n`;\r\n\r\nconst StyledBadge = 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 border-radius: ${(p) => p.theme.borderRadius};\r\n font-weight: 300;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n display: flex;\r\n align-items: center;\r\n color: #ffffff;\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\r\nconst StyledPill = styled(TextLink)<any>`\r\n border: 1px solid ${(p) => (p.selected ? p.theme.colors?.text : 'transparent')};\r\n line-height: 2em;\r\n border-radius: 1em;\r\n padding: 0 0.5em;\r\n display: flex;\r\n align-items: center;\r\n font-weight: ${(p) => (p.selected ? 'normal' : 300)};\r\n color: ${(p) => p.theme.colors?.text};\r\n\r\n &:disabled {\r\n color: ${(p) => p.theme.colors?.textLight};\r\n }\r\n\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${borderTabStyle}\r\n border-radius: 1em;\r\n `}\r\n }\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n border: 1px solid ${(p) => p.theme.colors?.text};\r\n }\r\n }\r\n\r\n ${(p) =>\r\n p.disabled &&\r\n css`\r\n opacity: 0.5;\r\n `}\r\n`;\r\n\r\nconst StyledMatchCount = styled(Text)<any>`\r\n order: 2;\r\n margin-left: ${(p) => p.theme.sizes.small};\r\n`;\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 StyledLi = styled.li<{ notAllowed: string }>`\r\n ${(p) =>\r\n p.notAllowed === 'true' &&\r\n css`\r\n cursor: not-allowed;\r\n `}\r\n`;\r\n"],"names":[],"mappings":"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"}