@telia-ace/knowledge-widget-components-tag-list 1.0.28-next.0 → 1.0.34-next.0

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/tag-list-component.d.ts +1 -1
  3. package/dist/{tag-list.edb8f390.js → tag-list.73b01dd5.js} +37 -32
  4. package/dist/{tag-list.edb8f390.js.map → tag-list.73b01dd5.js.map} +1 -1
  5. package/dist/tag-list.d.ts +1 -1
  6. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -13,7 +13,7 @@ var g = (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 L } from "@telia-ace/knowledge-widget-ui";
16
- const P = (e) => L(e, "tag-list", import("./tag-list.edb8f390.js"), (t) => {
16
+ const P = (e) => L(e, "tag-list", import("./tag-list.73b01dd5.js"), (t) => {
17
17
  const { events: r } = e.get("$widget"), [o, u] = x(r);
18
18
  t.actions.create("fetch", ({ items: s = [] }) => t.actions.dispatch("fetched", {
19
19
  items: s,
package/dist/tag-list-component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Tag } from '@telia-ace/knowledge-widget-core';
2
2
  import { Container } from '@webprovisions/platform';
3
- export declare type TagListComponentProps = {
3
+ export type TagListComponentProps = {
4
4
  header: string;
5
5
  route?: string;
6
6
  items: Tag[];
package/dist/{tag-list.edb8f390.js → tag-list.73b01dd5.js} RENAMED
@@ -25,13 +25,7 @@ import { initialRouteFallback as q } from "@telia-ace/knowledge-widget-component
25
25
  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";
26
26
  import { appendClassNames as v } from "@telia-ace/widget-utilities";
27
27
  import a from "react";
28
- const ee = (e, t, o) => e && o ? /* @__PURE__ */ a.createElement(E, {
29
- symbol: o,
30
- size: 18
31
- }) : t ? /* @__PURE__ */ a.createElement(E, {
32
- symbol: t,
33
- size: 18
34
- }) : null, fe = (o) => {
28
+ const ee = (e, t, o) => e && o ? /* @__PURE__ */ a.createElement(E, { symbol: o, size: 18 }) : t ? /* @__PURE__ */ a.createElement(E, { symbol: t, size: 18 }) : null, fe = (o) => {
35
29
  var r = o, { className: e } = r, t = S(r, ["className"]);
36
30
  const {
37
31
  route: I = "search",
@@ -50,30 +44,41 @@ const ee = (e, t, o) => e && o ? /* @__PURE__ */ a.createElement(E, {
50
44
  className: v(e, "humany-tag-list")
51
45
  }));
52
46
  const F = f === "badge" ? oe : re;
53
- return /* @__PURE__ */ a.createElement(te, h(d({}, t), {
54
- "data-loading": !l && i,
55
- className: v(e, "humany-tag-list"),
56
- header: !l && i ? "" : R,
57
- items: u,
58
- type: f,
59
- renderItem: (n) => {
60
- 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}`);
61
- return /* @__PURE__ */ a.createElement(le, {
62
- key: $,
63
- notAllowed: (l && !c && f === "pill").toString(),
64
- "data-tag": $
65
- }, /* @__PURE__ */ a.createElement(F, h(d({}, q(n, I, B, "tag")), {
66
- role: "button",
67
- "aria-pressed": g,
68
- "aria-label": O,
69
- disabled: l && !c,
70
- selected: g,
71
- text: x
72
- }), A && ee(g, M, N), T && /* @__PURE__ */ a.createElement(ae, null, `(${c})`)));
73
- }
74
- }), !l && /* @__PURE__ */ a.createElement(Q, {
75
- loading: i
76
- }));
47
+ return /* @__PURE__ */ a.createElement(
48
+ te,
49
+ h(d({}, t), {
50
+ "data-loading": !l && i,
51
+ className: v(e, "humany-tag-list"),
52
+ header: !l && i ? "" : R,
53
+ items: u,
54
+ type: f,
55
+ renderItem: (n) => {
56
+ 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}`);
57
+ return /* @__PURE__ */ a.createElement(
58
+ le,
59
+ {
60
+ key: $,
61
+ notAllowed: (l && !c && f === "pill").toString(),
62
+ "data-tag": $
63
+ },
64
+ /* @__PURE__ */ a.createElement(
65
+ F,
66
+ h(d({}, q(n, I, B, "tag")), {
67
+ role: "button",
68
+ "aria-pressed": g,
69
+ "aria-label": O,
70
+ disabled: l && !c,
71
+ selected: g,
72
+ text: x
73
+ }),
74
+ A && ee(g, M, N),
75
+ T && /* @__PURE__ */ a.createElement(ae, null, `(${c})`)
76
+ )
77
+ );
78
+ }
79
+ }),
80
+ !l && /* @__PURE__ */ a.createElement(Q, { loading: i })
81
+ );
77
82
  }, te = s(V)`
78
83
  ${W}
79
84
  ${X}
@@ -197,4 +202,4 @@ const ee = (e, t, o) => e && o ? /* @__PURE__ */ a.createElement(E, {
197
202
  export {
198
203
  fe as default
199
204
  };
200
- //# sourceMappingURL=tag-list.edb8f390.js.map
205
+ //# sourceMappingURL=tag-list.73b01dd5.js.map
package/dist/{tag-list.edb8f390.js.map → tag-list.73b01dd5.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"tag-list.edb8f390.js","sources":["../src/tag-list.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { initialRouteFallback } from '@telia-ace/knowledge-widget-component-utilities';\nimport { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\nimport {\n borderTabStyle,\n contentBox,\n createEmptyComponent,\n ItemList,\n itemList,\n Loader,\n loadingOpacity,\n SymbolBadge,\n Text,\n TextLink,\n useContainer,\n useProperties,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { TagListComponentProps } from './tag-list-component';\n\ntype Props = {\n className: string;\n};\n\nconst getIcon = (selected: boolean, defaultIcon?: Symbol, activeIcon?: Symbol) => {\n if (selected && activeIcon) {\n return <StyledSymbolBadge symbol={activeIcon} size={18} />;\n }\n if (defaultIcon) {\n return <StyledSymbolBadge symbol={defaultIcon} size={18} />;\n }\n return null;\n};\n\nconst TagList: React.FC<Props> = ({ className, ...other }) => {\n const {\n route = 'search',\n items = [],\n header,\n loading = false,\n style = 'badge',\n showMatchCount = false,\n showIcons = false,\n static: staticTags = false,\n fallbackOnInitialRoute = false,\n itemAriaLabel,\n } = useProperties<TagListComponentProps>();\n const container = useContainer();\n const { params } = useRouteData();\n\n if (!items.length && (!loading || staticTags)) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-tag-list'),\n });\n }\n\n const Component = style === 'badge' ? StyledBadge : StyledPill;\n\n return (\n <StyledItemList\n {...other}\n data-loading={!staticTags && loading}\n className={appendClassNames(className, 'humany-tag-list')}\n header={!staticTags && loading ? '' : header}\n items={items}\n type={style}\n renderItem={(item: Tag) => {\n const { id, title, defaultIcon, activeIcon, matches } = item;\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\n\n const ariaLabel =\n itemAriaLabel &&\n itemAriaLabel.replace('{{title}}', title).replace('{{matches}}', `${matches}`);\n\n return (\n <StyledLi\n key={id}\n notAllowed={(staticTags && !matches && style === 'pill').toString()}\n data-tag={id}\n >\n <Component\n {...initialRouteFallback(item, route, fallbackOnInitialRoute, 'tag')}\n role=\"button\"\n aria-pressed={selected}\n aria-label={ariaLabel}\n disabled={staticTags && !matches}\n selected={selected}\n text={title}\n >\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\n {showMatchCount && (\n <StyledMatchCount>{`(${matches})`}</StyledMatchCount>\n )}\n </Component>\n </StyledLi>\n );\n }}\n >\n {!staticTags && <Loader loading={loading} />}\n </StyledItemList>\n );\n};\n\nexport default TagList;\n\nconst StyledItemList = styled(ItemList)<{ 'data-loading': boolean } & any>`\n ${contentBox}\n ${itemList}\n ${loadingOpacity}\n justify-content: flex-start;\n padding: ${(p) => p.theme.sizes?.large};\n ul {\n display: flex;\n flex-wrap: wrap;\n ${(p) =>\n p.type === 'pill' &&\n css`\n justify-content: center;\n `}\n\n li {\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\n }\n }\n`;\n\nconst StyledBadge = styled(TextLink)<any>`\n padding: 8px 15px;\n background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\n border-radius: ${(p) => p.theme.borderRadius};\n font-weight: 300;\n font-size: ${(p) => p.theme.fonts?.normal};\n display: flex;\n align-items: center;\n color: #ffffff;\n\n &:focus-visible {\n ${borderTabStyle}\n padding: 6px 15px;\n background-color: transparent;\n }\n\n @media (hover: hover) {\n &:hover {\n background-color: ${(p) =>\n p.selected ? p.theme.colors?.primary : p.theme.colors?.text};\n }\n }\n`;\n\nconst StyledPill = styled(TextLink)<any>`\n border: 1px solid ${(p) => (p.selected ? p.theme.colors?.text : 'transparent')};\n line-height: 2em;\n border-radius: 1em;\n padding: 0 0.5em;\n display: flex;\n align-items: center;\n font-weight: ${(p) => (p.selected ? 'normal' : 300)};\n color: ${(p) => p.theme.colors?.text};\n\n &:disabled {\n color: ${(p) => p.theme.colors?.textLight};\n }\n\n &:focus-visible {\n ${borderTabStyle}\n border-radius: 1em;\n }\n\n @media (hover: hover) {\n &:hover {\n border: 1px solid ${(p) => p.theme.colors?.text};\n }\n }\n\n ${(p) =>\n p.disabled &&\n css`\n opacity: 0.5;\n `}\n`;\n\nconst StyledMatchCount = styled(Text)<any>`\n order: 2;\n margin-left: ${(p) => p.theme.sizes?.small};\n`;\n\nconst StyledSymbolBadge = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\n margin-right: ${(p) => p.theme.sizes?.small};\n ${(p: any) => {\n if (p.symbol.type === 'Uri') {\n return `\n width: ${p.size}px;\n height: ${p.size}px;\n `;\n }\n\n if (p.symbol.type === 'FontAwesome') {\n return `\n font-size: ${p.size}px;\n `;\n }\n }}\n`;\n\nconst StyledLi = styled.li<{ notAllowed: string }>`\n ${(p) =>\n p.notAllowed === 'true' &&\n css`\n cursor: not-allowed;\n `}\n`;\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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"}
1
+ {"version":3,"file":"tag-list.73b01dd5.js","sources":["../src/tag-list.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { initialRouteFallback } from '@telia-ace/knowledge-widget-component-utilities';\nimport { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\nimport {\n borderTabStyle,\n contentBox,\n createEmptyComponent,\n ItemList,\n itemList,\n Loader,\n loadingOpacity,\n SymbolBadge,\n Text,\n TextLink,\n useContainer,\n useProperties,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { TagListComponentProps } from './tag-list-component';\n\ntype Props = {\n className: string;\n};\n\nconst getIcon = (selected: boolean, defaultIcon?: Symbol, activeIcon?: Symbol) => {\n if (selected && activeIcon) {\n return <StyledSymbolBadge symbol={activeIcon} size={18} />;\n }\n if (defaultIcon) {\n return <StyledSymbolBadge symbol={defaultIcon} size={18} />;\n }\n return null;\n};\n\nconst TagList: React.FC<Props> = ({ className, ...other }) => {\n const {\n route = 'search',\n items = [],\n header,\n loading = false,\n style = 'badge',\n showMatchCount = false,\n showIcons = false,\n static: staticTags = false,\n fallbackOnInitialRoute = false,\n itemAriaLabel,\n } = useProperties<TagListComponentProps>();\n const container = useContainer();\n const { params } = useRouteData();\n\n if (!items.length && (!loading || staticTags)) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-tag-list'),\n });\n }\n\n const Component = style === 'badge' ? StyledBadge : StyledPill;\n\n return (\n <StyledItemList\n {...other}\n data-loading={!staticTags && loading}\n className={appendClassNames(className, 'humany-tag-list')}\n header={!staticTags && loading ? '' : header}\n items={items}\n type={style}\n renderItem={(item: Tag) => {\n const { id, title, defaultIcon, activeIcon, matches } = item;\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\n\n const ariaLabel =\n itemAriaLabel &&\n itemAriaLabel.replace('{{title}}', title).replace('{{matches}}', `${matches}`);\n\n return (\n <StyledLi\n key={id}\n notAllowed={(staticTags && !matches && style === 'pill').toString()}\n data-tag={id}\n >\n <Component\n {...initialRouteFallback(item, route, fallbackOnInitialRoute, 'tag')}\n role=\"button\"\n aria-pressed={selected}\n aria-label={ariaLabel}\n disabled={staticTags && !matches}\n selected={selected}\n text={title}\n >\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\n {showMatchCount && (\n <StyledMatchCount>{`(${matches})`}</StyledMatchCount>\n )}\n </Component>\n </StyledLi>\n );\n }}\n >\n {!staticTags && <Loader loading={loading} />}\n </StyledItemList>\n );\n};\n\nexport default TagList;\n\nconst StyledItemList = styled(ItemList)<{ 'data-loading': boolean } & any>`\n ${contentBox}\n ${itemList}\n ${loadingOpacity}\n justify-content: flex-start;\n padding: ${(p) => p.theme.sizes?.large};\n ul {\n display: flex;\n flex-wrap: wrap;\n ${(p) =>\n p.type === 'pill' &&\n css`\n justify-content: center;\n `}\n\n li {\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\n }\n }\n`;\n\nconst StyledBadge = styled(TextLink)<any>`\n padding: 8px 15px;\n background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\n border-radius: ${(p) => p.theme.borderRadius};\n font-weight: 300;\n font-size: ${(p) => p.theme.fonts?.normal};\n display: flex;\n align-items: center;\n color: #ffffff;\n\n &:focus-visible {\n ${borderTabStyle}\n padding: 6px 15px;\n background-color: transparent;\n }\n\n @media (hover: hover) {\n &:hover {\n background-color: ${(p) =>\n p.selected ? p.theme.colors?.primary : p.theme.colors?.text};\n }\n }\n`;\n\nconst StyledPill = styled(TextLink)<any>`\n border: 1px solid ${(p) => (p.selected ? p.theme.colors?.text : 'transparent')};\n line-height: 2em;\n border-radius: 1em;\n padding: 0 0.5em;\n display: flex;\n align-items: center;\n font-weight: ${(p) => (p.selected ? 'normal' : 300)};\n color: ${(p) => p.theme.colors?.text};\n\n &:disabled {\n color: ${(p) => p.theme.colors?.textLight};\n }\n\n &:focus-visible {\n ${borderTabStyle}\n border-radius: 1em;\n }\n\n @media (hover: hover) {\n &:hover {\n border: 1px solid ${(p) => p.theme.colors?.text};\n }\n }\n\n ${(p) =>\n p.disabled &&\n css`\n opacity: 0.5;\n `}\n`;\n\nconst StyledMatchCount = styled(Text)<any>`\n order: 2;\n margin-left: ${(p) => p.theme.sizes?.small};\n`;\n\nconst StyledSymbolBadge = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\n margin-right: ${(p) => p.theme.sizes?.small};\n ${(p: any) => {\n if (p.symbol.type === 'Uri') {\n return `\n width: ${p.size}px;\n height: ${p.size}px;\n `;\n }\n\n if (p.symbol.type === 'FontAwesome') {\n return `\n font-size: ${p.size}px;\n `;\n }\n }}\n`;\n\nconst StyledLi = styled.li<{ notAllowed: string }>`\n ${(p) =>\n p.notAllowed === 'true' &&\n css`\n cursor: not-allowed;\n `}\n`;\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/dist/tag-list.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- declare type Props = {
2
+ type Props = {
3
3
  className: string;
4
4
  };
5
5
  declare const TagList: React.FC<Props>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-components-tag-list",
3
- "version": "1.0.28-next.0",
3
+ "version": "1.0.34-next.0",
4
4
  "description": "Tag list component for ACE Knowledge Widgets.",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "Telia Company AB",
@@ -21,11 +21,11 @@
21
21
  },
22
22
  "sideEffects": false,
23
23
  "dependencies": {
24
- "@telia-ace/knowledge-widget-component-utilities": "^1.0.28-next.0",
25
- "@telia-ace/knowledge-widget-core": "^1.0.24-next.0",
26
- "@telia-ace/knowledge-widget-types-grid": "^1.0.35-next.0",
27
- "@telia-ace/knowledge-widget-ui": "^1.0.30-next.0",
28
- "@telia-ace/widget-utilities": "^1.0.6",
24
+ "@telia-ace/knowledge-widget-component-utilities": "^1.0.34-next.0",
25
+ "@telia-ace/knowledge-widget-core": "^1.0.30-next.0",
26
+ "@telia-ace/knowledge-widget-types-grid": "^1.0.41-next.0",
27
+ "@telia-ace/knowledge-widget-ui": "^1.0.36-next.0",
28
+ "@telia-ace/widget-utilities": "^1.0.7-next.7",
29
29
  "@webprovisions/platform": "^1.1.2"
30
30
  },
31
31
  "peerDependencies": {
@@ -38,7 +38,7 @@
38
38
  "@emotion/react": "^11.10.5",
39
39
  "@emotion/styled": "^11.10.5",
40
40
  "@types/react": "^18.0.25",
41
- "@types/react-dom": "^18.0.8",
41
+ "@types/react-dom": "^18.0.9",
42
42
  "react": "^18.2.0",
43
43
  "react-dom": "^18.2.0"
44
44
  },