@telia-ace/knowledge-widget-components-related-tag-list 1.0.37 → 1.0.38-experimental.1
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.
- package/dist/index.d.ts +1 -2
- package/dist/index.js +2 -48
- package/dist/index.js.map +1 -1
- package/dist/related-tag-list-component.d.ts +1 -9
- package/dist/related-tag-list.d.ts +1 -7
- package/package.json +5 -5
- package/dist/related-tag-list.b154a33c.js +0 -132
- package/dist/related-tag-list.b154a33c.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export default RelatedTagListComponent;
|
|
1
|
+
export declare const x: {};
|
package/dist/index.js
CHANGED
|
@@ -1,51 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
var l = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var u = Object.getOwnPropertySymbols;
|
|
4
|
-
var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var g = (r, t, e) => t in r ? h(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) && g(r, e, t[e]);
|
|
8
|
-
if (u)
|
|
9
|
-
for (var e of u(t))
|
|
10
|
-
m.call(t, e) && g(r, e, t[e]);
|
|
11
|
-
return r;
|
|
12
|
-
}, d = (r, t) => f(r, l(t));
|
|
13
|
-
import { createEventSubscriber as b, extendComponent as C } from "@telia-ace/knowledge-widget-core";
|
|
14
|
-
import { DataType as w } from "@telia-ace/knowledge-widget-types-grid";
|
|
15
|
-
import { createReactComponent as y } from "@telia-ace/knowledge-widget-ui";
|
|
16
|
-
const R = (r) => y(
|
|
17
|
-
r,
|
|
18
|
-
"related-tag-list",
|
|
19
|
-
import("./related-tag-list.b154a33c.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(() => C(r, "related-tag-list", (t) => {
|
|
37
|
-
t.actions.watch("related-tag-list.fetch", (e, i) => {
|
|
38
|
-
const {
|
|
39
|
-
params: { guide: c, connection: n }
|
|
40
|
-
} = e;
|
|
41
|
-
if (typeof c != "undefined")
|
|
42
|
-
return r.getAsync("dataClient").then((a) => a.fetch(w.Guide, {
|
|
43
|
-
connection: n,
|
|
44
|
-
guideId: c
|
|
45
|
-
}).then(({ tags: s }) => i(d(o({}, e), { items: s || [] }))).catch((s) => i(e)));
|
|
46
|
-
});
|
|
47
|
-
})), L = R;
|
|
1
|
+
const o = {};
|
|
48
2
|
export {
|
|
49
|
-
|
|
3
|
+
o as x
|
|
50
4
|
};
|
|
51
5
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// import RelatedTagListComponent from './related-tag-list-component';\n\n// export default RelatedTagListComponent;\nexport const x = {};\n"],"names":["x"],"mappings":"AAGO,MAAMA,IAAI,CAAA;"}
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export type RelatedTagListComponentProps = {
|
|
3
|
-
header: string;
|
|
4
|
-
route?: string;
|
|
5
|
-
items?: any[];
|
|
6
|
-
showIcons?: boolean;
|
|
7
|
-
};
|
|
8
|
-
declare const RelatedTagListComponent: (container: Container) => Promise<void>;
|
|
9
|
-
export default RelatedTagListComponent;
|
|
1
|
+
export declare const x: {};
|
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.
|
|
3
|
+
"version": "1.0.38-experimental.1",
|
|
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",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
},
|
|
22
22
|
"sideEffects": false,
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@telia-ace/knowledge-widget-core": "
|
|
25
|
-
"@telia-ace/knowledge-widget-types-grid": "
|
|
26
|
-
"@telia-ace/knowledge-widget-ui": "
|
|
27
|
-
"@telia-ace/widget-utilities": "^1.0.
|
|
24
|
+
"@telia-ace/knowledge-widget-core": "1.0.34-experimental.1",
|
|
25
|
+
"@telia-ace/knowledge-widget-types-grid": "1.0.45-experimental.1",
|
|
26
|
+
"@telia-ace/knowledge-widget-ui": "1.0.40-experimental.1",
|
|
27
|
+
"@telia-ace/widget-utilities": "^1.0.10-experimental.13",
|
|
28
28
|
"@webprovisions/platform": "^1.1.2"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
var v = Object.defineProperty, R = Object.defineProperties;
|
|
2
|
-
var B = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var o = Object.getOwnPropertySymbols;
|
|
4
|
-
var y = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
|
|
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
|
-
for (var r in t || (t = {}))
|
|
7
|
-
y.call(t, r) && h(e, r, t[r]);
|
|
8
|
-
if (o)
|
|
9
|
-
for (var r of o(t))
|
|
10
|
-
p.call(t, r) && h(e, r, t[r]);
|
|
11
|
-
return e;
|
|
12
|
-
}, m = (e, t) => R(e, B(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 d from "@emotion/styled";
|
|
23
|
-
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";
|
|
24
|
-
import { appendClassNames as $, createParams as G } from "@telia-ace/widget-utilities";
|
|
25
|
-
import a from "react";
|
|
26
|
-
const H = (e, t, r) => e && r ? /* @__PURE__ */ a.createElement(x, { symbol: r, size: 18 }) : t ? /* @__PURE__ */ a.createElement(x, { symbol: t, size: 18 }) : null, X = (s) => {
|
|
27
|
-
var c = s, { className: e, embedded: t = !1 } = c, r = b(c, ["className", "embedded"]);
|
|
28
|
-
const z = C(), {
|
|
29
|
-
route: k = "search",
|
|
30
|
-
header: w,
|
|
31
|
-
items: u = [],
|
|
32
|
-
showIcons: E
|
|
33
|
-
} = N(), { params: f } = T();
|
|
34
|
-
return u.length ? /* @__PURE__ */ a.createElement(
|
|
35
|
-
J,
|
|
36
|
-
m(i({
|
|
37
|
-
embedded: t ? "true" : "false"
|
|
38
|
-
}, r), {
|
|
39
|
-
className: $(e, "humany-tag-list", "humany-related-tag-list"),
|
|
40
|
-
header: w,
|
|
41
|
-
items: u,
|
|
42
|
-
renderItem: (l) => {
|
|
43
|
-
const { id: n, title: L, defaultIcon: S, activeIcon: I } = l, g = f.tag === l.id || !f.tag && l.id === "0";
|
|
44
|
-
return /* @__PURE__ */ a.createElement("li", { key: n, "data-tag": n }, /* @__PURE__ */ a.createElement(
|
|
45
|
-
K,
|
|
46
|
-
{
|
|
47
|
-
routeName: k,
|
|
48
|
-
selected: g,
|
|
49
|
-
params: G({
|
|
50
|
-
tag: n
|
|
51
|
-
}),
|
|
52
|
-
text: L
|
|
53
|
-
},
|
|
54
|
-
E && H(g, S, I)
|
|
55
|
-
));
|
|
56
|
-
}
|
|
57
|
-
})
|
|
58
|
-
) : P(z, m(i({}, r), {
|
|
59
|
-
className: $(e, "humany-tag-list", "humany-related-tag-list")
|
|
60
|
-
}));
|
|
61
|
-
}, x = d(j)`
|
|
62
|
-
margin-right: ${(e) => {
|
|
63
|
-
var t;
|
|
64
|
-
return (t = e.theme.sizes) == null ? void 0 : t.small;
|
|
65
|
-
}};
|
|
66
|
-
${(e) => {
|
|
67
|
-
if (e.symbol.type === "Uri")
|
|
68
|
-
return `
|
|
69
|
-
width: ${e.size}px;
|
|
70
|
-
height: ${e.size}px;
|
|
71
|
-
`;
|
|
72
|
-
if (e.symbol.type === "FontAwesome")
|
|
73
|
-
return `
|
|
74
|
-
font-size: ${e.size}px;
|
|
75
|
-
`;
|
|
76
|
-
}}
|
|
77
|
-
`, J = d(A)`
|
|
78
|
-
${D}
|
|
79
|
-
${(e) => e.embedded === "false" && F}
|
|
80
|
-
${(e) => {
|
|
81
|
-
var t;
|
|
82
|
-
return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large};`;
|
|
83
|
-
}}
|
|
84
|
-
justify-content: flex-start;
|
|
85
|
-
|
|
86
|
-
ul {
|
|
87
|
-
display: flex;
|
|
88
|
-
flex-wrap: wrap;
|
|
89
|
-
li {
|
|
90
|
-
margin: 0 ${(e) => {
|
|
91
|
-
var t, r;
|
|
92
|
-
return `${(t = e.theme.sizes) == null ? void 0 : t.small} ${(r = e.theme.sizes) == null ? void 0 : r.small}`;
|
|
93
|
-
}} 0;
|
|
94
|
-
|
|
95
|
-
a {
|
|
96
|
-
color: #fff;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
`, K = d(U)`
|
|
101
|
-
padding: 8px 15px;
|
|
102
|
-
background-color: ${(e) => {
|
|
103
|
-
var t, r;
|
|
104
|
-
return e.selected ? (t = e.theme.colors) == null ? void 0 : t.text : (r = e.theme.colors) == null ? void 0 : r.primary;
|
|
105
|
-
}};
|
|
106
|
-
font-weight: 300;
|
|
107
|
-
border-radius: ${(e) => e.theme.borderRadius};
|
|
108
|
-
display: block;
|
|
109
|
-
font-size: ${(e) => {
|
|
110
|
-
var t;
|
|
111
|
-
return (t = e.theme.fonts) == null ? void 0 : t.normal;
|
|
112
|
-
}};
|
|
113
|
-
|
|
114
|
-
&:focus-visible {
|
|
115
|
-
${q}
|
|
116
|
-
padding: 6px 15px;
|
|
117
|
-
background-color: transparent;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
@media (hover: hover) {
|
|
121
|
-
&:hover {
|
|
122
|
-
background-color: ${(e) => {
|
|
123
|
-
var t, r;
|
|
124
|
-
return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (r = e.theme.colors) == null ? void 0 : r.text;
|
|
125
|
-
}};
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
`;
|
|
129
|
-
export {
|
|
130
|
-
X as default
|
|
131
|
-
};
|
|
132
|
-
//# sourceMappingURL=related-tag-list.b154a33c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"related-tag-list.b154a33c.js","sources":["../src/related-tag-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\nimport {\n borderTabStyle,\n contentBox,\n createEmptyComponent,\n ItemList,\n itemList,\n SymbolBadge,\n TextLink,\n useContainer,\n useProperties,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { RelatedTagListComponentProps } from './related-tag-list-component';\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\ntype Props = {\n className: string;\n embedded?: boolean;\n};\n\nconst RelatedTagList: React.FC<Props> = ({ className, embedded = false, ...other }) => {\n const container = useContainer();\n const {\n route = 'search',\n header,\n items = [],\n showIcons,\n } = useProperties<RelatedTagListComponentProps>();\n const { params } = useRouteData();\n\n if (!items.length) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list'),\n });\n }\n\n return (\n <StyledItemList\n embedded={embedded ? 'true' : 'false'}\n {...other}\n className={appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list')}\n header={header}\n items={items}\n renderItem={(item: Tag) => {\n const { id, title, defaultIcon, activeIcon } = item;\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\n\n return (\n <li key={id} data-tag={id}>\n <StyledLink\n routeName={route}\n selected={selected}\n params={createParams({\n tag: id,\n })}\n text={title}\n >\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\n </StyledLink>\n </li>\n );\n }}\n />\n );\n};\n\nexport default RelatedTagList;\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 StyledItemList = styled(ItemList)<any>`\n ${itemList}\n ${(p) => p.embedded === 'false' && contentBox}\n ${(p) => `padding: ${p.theme.sizes?.large};`}\n justify-content: flex-start;\n\n ul {\n display: flex;\n flex-wrap: wrap;\n li {\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\n\n a {\n color: #fff;\n }\n }\n }\n`;\n\nconst StyledLink = styled(TextLink)<any>`\n padding: 8px 15px;\n background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\n font-weight: 300;\n border-radius: ${(p) => p.theme.borderRadius};\n display: block;\n font-size: ${(p) => p.theme.fonts?.normal};\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"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAU,CAACC,GAAmBC,GAAsBC,MAClDF,KAAYE,IACJ,gBAAAC,EAAA,cAAAC,GAAA,EAAkB,QAAQF,GAAY,MAAM,GAAI,CAAA,IAExDD,IACQ,gBAAAE,EAAA,cAAAC,GAAA,EAAkB,QAAQH,GAAa,MAAM,GAAI,CAAA,IAEtD,MAQLI,IAAkC,CAACC,MAA8C;AAA9C,MAAAC,IAAAD,GAAE,aAAAE,GAAW,UAAAC,IAAW,OAAxBF,GAAkCG,IAAAC,EAAlCJ,GAAkC,CAAhC,aAAW;AAClD,QAAMK,IAAYC,KACZ;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,WAAAC;AAAA,MACAC,EAA4C,GAC1C,EAAE,QAAAC,MAAWC;AAEf,SAACJ,EAAM,SAQP,gBAAAb,EAAA;AAAA,IAACkB;AAAA,IAAAC,EAAAC,EAAA;AAAA,MACG,UAAUd,IAAW,SAAS;AAAA,OAC1BC,IAFP;AAAA,MAGG,WAAWc,EAAiBhB,GAAW,mBAAmB,yBAAyB;AAAA,MACnF,QAAAO;AAAA,MACA,OAAAC;AAAA,MACA,YAAY,CAACS,MAAc;AACvB,cAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,aAAA1B,GAAa,YAAAC,MAAeuB,GACzCzB,IAAWmB,EAAO,QAAQM,EAAK,MAAO,CAACN,EAAO,OAAOM,EAAK,OAAO;AAEvE,eACK,gBAAAtB,EAAA,cAAA,MAAA,EAAG,KAAKuB,GAAI,YAAUA,KACnB,gBAAAvB,EAAA;AAAA,UAACyB;AAAA,UAAA;AAAA,YACG,WAAWd;AAAA,YACX,UAAAd;AAAA,YACA,QAAQ6B,EAAa;AAAA,cACjB,KAAKH;AAAA,YAAA,CACR;AAAA,YACD,MAAMC;AAAA,UAAA;AAAA,UAELV,KAAalB,EAAQC,GAAUC,GAAaC,CAAU;AAAA,QAAA,CAE/D;AAAA,MAER;AAAA,IAAA;AAAA,EAAA,IA/BG4B,EAAqBlB,GAAWU,EAAAC,EAAA,IAChCb,IADgC;AAAA,IAEnC,WAAWc,EAAiBhB,GAAW,mBAAmB,yBAAyB;AAAA,EAAA,EACtF;AA+BT,GAIMJ,IAAoB2B,EAAOC,CAAW;AAAA,oBACxB,CAACC,MAAM;;AAAA,UAAA3B,IAAA2B,EAAE,MAAM,UAAR,gBAAA3B,EAAe;AAAA;AAAA,MACpC,CAAC2B,MAAW;AACN,MAAAA,EAAE,OAAO,SAAS;AACX,WAAA;AAAA,iBACFA,EAAE;AAAA,kBACDA,EAAE;AAAA;AAIR,MAAAA,EAAE,OAAO,SAAS;AACX,WAAA;AAAA,qBACEA,EAAE;AAAA;AAGnB;AAAA,GAGEZ,IAAiBU,EAAOG,CAAQ;AAAA,MAChCC;AAAA,MACA,CAACF,MAAMA,EAAE,aAAa,WAAWG;AAAA,IACnC,CAACH,MAAM;;AAAA,sBAAY3B,IAAA2B,EAAE,MAAM,UAAR,gBAAA3B,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOd,CAAC2B,MAAM;;AAAA,aAAG3B,IAAA2B,EAAE,MAAM,UAAR,gBAAA3B,EAAe,UAASC,IAAA0B,EAAE,MAAM,UAAR,gBAAA1B,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnEqB,IAAaG,EAAOM,CAAQ;AAAA;AAAA,wBAEV,CAACJ,MAAO;;AAAA,SAAAA,EAAE,YAAW3B,IAAA2B,EAAE,MAAM,WAAR,gBAAA3B,EAAgB,QAAOC,IAAA0B,EAAE,MAAM,WAAR,gBAAA1B,EAAgB;AAAA;AAAA;AAAA,qBAE/D,CAAC0B,MAAMA,EAAE,MAAM;AAAA;AAAA,iBAEnB,CAACA,MAAM;;AAAA,UAAA3B,IAAA2B,EAAE,MAAM,UAAR,gBAAA3B,EAAe;AAAA;AAAA;AAAA;AAAA,UAG7BgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAOsB,CAACL,MACjB;;AAAA,SAAAA,EAAE,YAAW3B,IAAA2B,EAAE,MAAM,WAAR,gBAAA3B,EAAgB,WAAUC,IAAA0B,EAAE,MAAM,WAAR,gBAAA1B,EAAgB;AAAA;AAAA;AAAA;AAAA;"}
|