@telia-ace/widget-components-back-link 1.0.13 → 1.0.14
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/back-link.68b0dbb1.js +121 -0
- package/dist/back-link.68b0dbb1.js.map +1 -0
- package/dist/index.js +9 -11
- package/dist/index.js.map +1 -1
- package/package.json +9 -6
- package/dist/back-link.js +0 -141
- package/dist/back-link.js.map +0 -1
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
var $ = Object.defineProperty, v = Object.defineProperties;
|
|
2
|
+
var C = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var o = Object.getOwnPropertySymbols;
|
|
4
|
+
var u = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var p = (t, e, n) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, l = (t, e) => {
|
|
6
|
+
for (var n in e || (e = {}))
|
|
7
|
+
u.call(e, n) && p(t, n, e[n]);
|
|
8
|
+
if (o)
|
|
9
|
+
for (var n of o(e))
|
|
10
|
+
f.call(e, n) && p(t, n, e[n]);
|
|
11
|
+
return t;
|
|
12
|
+
}, c = (t, e) => v(t, C(e));
|
|
13
|
+
var y = (t, e) => {
|
|
14
|
+
var n = {};
|
|
15
|
+
for (var i in t)
|
|
16
|
+
u.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
|
|
17
|
+
if (t != null && o)
|
|
18
|
+
for (var i of o(t))
|
|
19
|
+
e.indexOf(i) < 0 && f.call(t, i) && (n[i] = t[i]);
|
|
20
|
+
return n;
|
|
21
|
+
};
|
|
22
|
+
import { linkTabStyle as z, useDispatch as B, useRouteData as D, useContainer as M, useProperties as N, createEmptyComponent as R, Button as T } from "@telia-ace/widget-ui";
|
|
23
|
+
import { appendClassNames as h } from "@telia-ace/widget-utilities";
|
|
24
|
+
import a from "react";
|
|
25
|
+
import w, { css as L } from "styled-components";
|
|
26
|
+
const d = w.div`
|
|
27
|
+
font-weight: 300;
|
|
28
|
+
button {
|
|
29
|
+
color: ${(t) => {
|
|
30
|
+
var e;
|
|
31
|
+
return (e = t.theme.colors) == null ? void 0 : e.primary;
|
|
32
|
+
}};
|
|
33
|
+
text-decoration: underline;
|
|
34
|
+
font-size: ${(t) => {
|
|
35
|
+
var e;
|
|
36
|
+
return (e = t.theme.fonts) == null ? void 0 : e.normal;
|
|
37
|
+
}};
|
|
38
|
+
span {
|
|
39
|
+
font-weight: 300;
|
|
40
|
+
}
|
|
41
|
+
&:focus {
|
|
42
|
+
${(t) => {
|
|
43
|
+
var e;
|
|
44
|
+
return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && L`
|
|
45
|
+
${z}
|
|
46
|
+
padding: ${(n) => {
|
|
47
|
+
var i, r;
|
|
48
|
+
return `calc(${(i = n.theme.sizes) == null ? void 0 : i.small} / 2) ${(r = n.theme.sizes) == null ? void 0 : r.small}`;
|
|
49
|
+
}};
|
|
50
|
+
`;
|
|
51
|
+
}};
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
`, P = w.svg`
|
|
55
|
+
margin-right: ${(t) => {
|
|
56
|
+
var e;
|
|
57
|
+
return (e = t.theme.sizes) == null ? void 0 : e.small;
|
|
58
|
+
}};
|
|
59
|
+
line {
|
|
60
|
+
stroke: ${(t) => {
|
|
61
|
+
var e;
|
|
62
|
+
return (e = t.theme.colors) == null ? void 0 : e.primary;
|
|
63
|
+
}};
|
|
64
|
+
}
|
|
65
|
+
`, G = (n) => {
|
|
66
|
+
var i = n, { className: t } = i, e = y(i, ["className"]);
|
|
67
|
+
const r = B(), { params: g } = D(), k = M(), { conditions: m = [], label: s = "" } = N();
|
|
68
|
+
if (!(m && m.length ? m.reduce((E, b) => g[b] ? !0 : E, !1) : !0))
|
|
69
|
+
return R(k, c(l({}, e), {
|
|
70
|
+
className: h(t, "humany-back-link")
|
|
71
|
+
}));
|
|
72
|
+
const x = () => {
|
|
73
|
+
r("click");
|
|
74
|
+
};
|
|
75
|
+
return s ? /* @__PURE__ */ a.createElement(d, c(l({}, e), {
|
|
76
|
+
className: h(t, "humany-back-link")
|
|
77
|
+
}), /* @__PURE__ */ a.createElement(T, {
|
|
78
|
+
"aria-label": s,
|
|
79
|
+
onClick: x
|
|
80
|
+
}, /* @__PURE__ */ a.createElement(P, {
|
|
81
|
+
width: "7",
|
|
82
|
+
height: "13",
|
|
83
|
+
viewBox: "0 0 7 13",
|
|
84
|
+
fill: "none",
|
|
85
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
86
|
+
}, /* @__PURE__ */ a.createElement("line", {
|
|
87
|
+
x1: "6.64645",
|
|
88
|
+
y1: "12.5513",
|
|
89
|
+
x2: "0.648357",
|
|
90
|
+
y2: "6.55319"
|
|
91
|
+
}), /* @__PURE__ */ a.createElement("line", {
|
|
92
|
+
x1: "0.646447",
|
|
93
|
+
y1: "6.64455",
|
|
94
|
+
x2: "6.64454",
|
|
95
|
+
y2: "0.646465"
|
|
96
|
+
})), s && /* @__PURE__ */ a.createElement("span", null, s))) : /* @__PURE__ */ a.createElement(d, c(l({}, e), {
|
|
97
|
+
className: h(t, "humany-back-link")
|
|
98
|
+
}), /* @__PURE__ */ a.createElement("svg", {
|
|
99
|
+
width: "8",
|
|
100
|
+
height: "16",
|
|
101
|
+
viewBox: "0 0 8 16",
|
|
102
|
+
fill: "none",
|
|
103
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
104
|
+
}, /* @__PURE__ */ a.createElement("line", {
|
|
105
|
+
y1: "-0.5",
|
|
106
|
+
x2: "10.2585",
|
|
107
|
+
y2: "-0.5",
|
|
108
|
+
transform: "matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",
|
|
109
|
+
stroke: "white"
|
|
110
|
+
}), /* @__PURE__ */ a.createElement("line", {
|
|
111
|
+
y1: "-0.5",
|
|
112
|
+
x2: "10.2585",
|
|
113
|
+
y2: "-0.5",
|
|
114
|
+
transform: "matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",
|
|
115
|
+
stroke: "white"
|
|
116
|
+
})));
|
|
117
|
+
};
|
|
118
|
+
export {
|
|
119
|
+
G as default
|
|
120
|
+
};
|
|
121
|
+
//# sourceMappingURL=back-link.68b0dbb1.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-link.68b0dbb1.js","sources":["../src/back-link.tsx"],"sourcesContent":["import {\r\n Button,\r\n createEmptyComponent,\r\n linkTabStyle,\r\n useContainer,\r\n useDispatch,\r\n useProperties,\r\n useRouteData,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { BackLinkComponentProps } from './back-link-component';\r\n\r\ntype Props = {\r\n className: string;\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n font-weight: 300;\r\n button {\r\n color: ${(p) => p.theme.colors?.primary};\r\n text-decoration: underline;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n span {\r\n font-weight: 300;\r\n }\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${linkTabStyle}\r\n padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\r\n `};\r\n }\r\n }\r\n`;\r\n\r\nconst Caret = styled.svg`\r\n margin-right: ${(p) => p.theme.sizes?.small};\r\n line {\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n }\r\n`;\r\n\r\nconst BackLink: React.FC<Props> = ({ className, ...other }) => {\r\n const dispatch = useDispatch();\r\n const { params } = useRouteData();\r\n const container = useContainer();\r\n const { conditions = [], label = '' } = useProperties<BackLinkComponentProps>();\r\n\r\n const conditionsMet =\r\n conditions && conditions.length\r\n ? conditions.reduce((acc: boolean, condition: string) => {\r\n return params[condition] ? true : acc;\r\n }, false)\r\n : true;\r\n\r\n if (!conditionsMet) {\r\n return createEmptyComponent(container, {\r\n ...other,\r\n className: appendClassNames(className, 'humany-back-link'),\r\n });\r\n }\r\n\r\n const handleClick = () => {\r\n dispatch('click');\r\n };\r\n\r\n if (!label) {\r\n return (\r\n <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\r\n <svg\r\n width=\"8\"\r\n height=\"16\"\r\n viewBox=\"0 0 8 16\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <line\r\n y1=\"-0.5\"\r\n x2=\"10.2585\"\r\n y2=\"-0.5\"\r\n transform=\"matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)\"\r\n stroke=\"white\"\r\n />\r\n <line\r\n y1=\"-0.5\"\r\n x2=\"10.2585\"\r\n y2=\"-0.5\"\r\n transform=\"matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)\"\r\n stroke=\"white\"\r\n />\r\n </svg>\r\n </Wrapper>\r\n );\r\n }\r\n\r\n return (\r\n <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\r\n <Button aria-label={label} onClick={handleClick}>\r\n <Caret\r\n width=\"7\"\r\n height=\"13\"\r\n viewBox=\"0 0 7 13\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\r\n <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\r\n </Caret>\r\n {label && <span>{label}</span>}\r\n </Button>\r\n </Wrapper>\r\n );\r\n};\r\n\r\nexport default BackLink;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,IAAU,EAAO;AAAA;AAAA;AAAA,iBAGN,CAAC,MAAM;;AAAA,gBAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA,qBAEnB,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAK7B,CAAC,MAAA;;AACC,iBAAE,MAAM,kBAAR,kBAAuB,cACvB;AAAA,sBACM;AAAA,+BACS,CAAC,MAAM;;AAAA,mBAAQ,OAAE,MAAM,UAAR,kBAAe,cAAc,OAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMpF,IAAQ,EAAO;AAAA,oBACD,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA,kBAExB,CAAC,MAAM;;AAAA,gBAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA,GAInC,IAA4B,CAAC,MAA4B;AAA5B,aAAE,mBAAF,GAAgB,MAAhB,GAAgB,CAAd;AACjC,QAAM,IAAW,KACX,EAAE,cAAW,KACb,IAAY,KACZ,EAAE,gBAAa,CAAI,GAAA,WAAQ,OAAO;AASxC,MAAI,CANA,MAAc,EAAW,SACnB,EAAW,OAAO,CAAC,GAAc,MACtB,EAAO,KAAa,KAAO,GACnC,EAAK,IACR;AAGN,WAAO,EAAqB,GAAW,QAChC,IADgC;AAAA,MAEnC,WAAW,EAAiB,GAAW,kBAAkB;AAAA,IAAA,EAC5D;AAGL,QAAM,IAAc,MAAM;AACtB,MAAS,OAAO;AAAA,EAAA;AAGpB,SAAK,IA8BA,kBAAA,cAAA,GAAA,QAAY,IAAZ;AAAA,IAAmB,WAAW,EAAiB,GAAW,kBAAkB;AAAA,EAAA,IACxE,kBAAA,cAAA,GAAA;AAAA,IAAO,cAAY;AAAA,IAAO,SAAS;AAAA,EAAA,GAC/B,kBAAA,cAAA,GAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA,GAEL,kBAAA,cAAA,QAAA;AAAA,IAAK,IAAG;AAAA,IAAU,IAAG;AAAA,IAAU,IAAG;AAAA,IAAW,IAAG;AAAA,EAAA,CAAU,GAC1D,kBAAA,cAAA,QAAA;AAAA,IAAK,IAAG;AAAA,IAAW,IAAG;AAAA,IAAU,IAAG;AAAA,IAAU,IAAG;AAAA,EAAA,CAAW,CAChE,GACC,qCAAU,QAAM,MAAA,CAAM,CAC3B,CACJ,IA1CK,kBAAA,cAAA,GAAA,QAAY,IAAZ;AAAA,IAAmB,WAAW,EAAiB,GAAW,kBAAkB;AAAA,EAAA,IACxE,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA,GAEL,kBAAA,cAAA,QAAA;AAAA,IACG,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,WAAU;AAAA,IACV,QAAO;AAAA,EAAA,CACX,GACC,kBAAA,cAAA,QAAA;AAAA,IACG,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,WAAU;AAAA,IACV,QAAO;AAAA,EACX,CAAA,CACJ,CACJ;AAqBZ;"}
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import { createReactComponent } from "@telia-ace/widget-ui";
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
return container.getAsync("router").then((router) => {
|
|
9
|
-
router.goBack();
|
|
1
|
+
import { createReactComponent as a } from "@telia-ace/widget-ui";
|
|
2
|
+
const i = (t) => a(t, "back-link", import("./back-link.68b0dbb1.js"), (e) => {
|
|
3
|
+
e.actions.create("click", (o, r) => {
|
|
4
|
+
if (!r.preventDefault)
|
|
5
|
+
return t.getAsync("router").then((n) => {
|
|
6
|
+
n.goBack();
|
|
10
7
|
});
|
|
11
|
-
});
|
|
12
8
|
});
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
i as default
|
|
13
12
|
};
|
|
14
|
-
export { BackLinkComponent as default };
|
|
15
13
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/back-link-component.ts"],"sourcesContent":["import { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type BackLinkComponentProps = {\r\n conditions?: string[];\r\n label?: string;\r\n};\r\n\r\nexport const BackLinkComponent = (container: Container) => {\r\n return createReactComponent(container, 'back-link', import('./back-link'), (component) => {\r\n // Action: 'click'\r\n component.actions.create('click', (data, options) => {\r\n if (options.preventDefault) {\r\n return;\r\n }\r\n\r\n return container.getAsync('router').then((router: RoutingService) => {\r\n router.goBack();\r\n });\r\n });\r\n });\r\n};\r\n\r\nexport default BackLinkComponent;\r\n"],"names":[],"mappings":";AASa,MAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/back-link-component.ts"],"sourcesContent":["import { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type BackLinkComponentProps = {\r\n conditions?: string[];\r\n label?: string;\r\n};\r\n\r\nexport const BackLinkComponent = (container: Container) => {\r\n return createReactComponent(container, 'back-link', import('./back-link'), (component) => {\r\n // Action: 'click'\r\n component.actions.create('click', (data, options) => {\r\n if (options.preventDefault) {\r\n return;\r\n }\r\n\r\n return container.getAsync('router').then((router: RoutingService) => {\r\n router.goBack();\r\n });\r\n });\r\n });\r\n};\r\n\r\nexport default BackLinkComponent;\r\n"],"names":[],"mappings":";AASa,MAAA,IAAoB,CAAC,MACvB,EAAqB,GAAW,aAAa,OAAO,4BAAgB,CAAC,MAAc;AAEtF,IAAU,QAAQ,OAAO,SAAS,CAAC,GAAM,MAAY;AACjD,QAAI,GAAQ;AAIZ,aAAO,EAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,MAA2B;AACjE,UAAO,OAAO;AAAA,MAAA,CACjB;AAAA,EAAA,CACJ;AAAA,CACJ;"}
|
package/package.json
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-back-link",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.14",
|
|
4
4
|
"description": "Back link component for ACE Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
7
7
|
"keywords": [
|
|
8
8
|
"telia"
|
|
9
9
|
],
|
|
10
|
-
"
|
|
11
|
-
|
|
10
|
+
"exports": {
|
|
11
|
+
"development": "./src/index.ts",
|
|
12
|
+
"default": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"type": "module",
|
|
12
15
|
"types": "dist/index.d.ts",
|
|
13
16
|
"files": [
|
|
14
17
|
"LICENSE.txt",
|
|
@@ -25,8 +28,8 @@
|
|
|
25
28
|
},
|
|
26
29
|
"sideEffects": false,
|
|
27
30
|
"dependencies": {
|
|
28
|
-
"@telia-ace/widget-routing": "^1.0.
|
|
29
|
-
"@telia-ace/widget-ui": "^1.0.
|
|
31
|
+
"@telia-ace/widget-routing": "^1.0.12",
|
|
32
|
+
"@telia-ace/widget-ui": "^1.0.18",
|
|
30
33
|
"@telia-ace/widget-utilities": "^1.0.2",
|
|
31
34
|
"@webprovisions/platform": "^1.1.2"
|
|
32
35
|
},
|
|
@@ -40,5 +43,5 @@
|
|
|
40
43
|
"@types/react-dom": "^16.8.0",
|
|
41
44
|
"@types/styled-components": "^5.1.7"
|
|
42
45
|
},
|
|
43
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "4006655a78d8f0379c021e4362536dcdf881b3d0"
|
|
44
47
|
}
|
package/dist/back-link.js
DELETED
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
|
-
import { linkTabStyle, useDispatch, useRouteData, useContainer, useProperties, createEmptyComponent, Button } from "@telia-ace/widget-ui";
|
|
33
|
-
import { appendClassNames } from "@telia-ace/widget-utilities";
|
|
34
|
-
import React from "react";
|
|
35
|
-
import styled, { css } from "styled-components";
|
|
36
|
-
const Wrapper = styled.div`
|
|
37
|
-
font-weight: 300;
|
|
38
|
-
button {
|
|
39
|
-
color: ${(p) => {
|
|
40
|
-
var _a;
|
|
41
|
-
return (_a = p.theme.colors) == null ? void 0 : _a.primary;
|
|
42
|
-
}};
|
|
43
|
-
text-decoration: underline;
|
|
44
|
-
font-size: ${(p) => {
|
|
45
|
-
var _a;
|
|
46
|
-
return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
|
|
47
|
-
}};
|
|
48
|
-
span {
|
|
49
|
-
font-weight: 300;
|
|
50
|
-
}
|
|
51
|
-
&:focus {
|
|
52
|
-
${(p) => {
|
|
53
|
-
var _a;
|
|
54
|
-
return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && css`
|
|
55
|
-
${linkTabStyle}
|
|
56
|
-
padding: ${(p2) => {
|
|
57
|
-
var _a2, _b;
|
|
58
|
-
return `calc(${(_a2 = p2.theme.sizes) == null ? void 0 : _a2.small} / 2) ${(_b = p2.theme.sizes) == null ? void 0 : _b.small}`;
|
|
59
|
-
}};
|
|
60
|
-
`;
|
|
61
|
-
}};
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
`;
|
|
65
|
-
const Caret = styled.svg`
|
|
66
|
-
margin-right: ${(p) => {
|
|
67
|
-
var _a;
|
|
68
|
-
return (_a = p.theme.sizes) == null ? void 0 : _a.small;
|
|
69
|
-
}};
|
|
70
|
-
line {
|
|
71
|
-
stroke: ${(p) => {
|
|
72
|
-
var _a;
|
|
73
|
-
return (_a = p.theme.colors) == null ? void 0 : _a.primary;
|
|
74
|
-
}};
|
|
75
|
-
}
|
|
76
|
-
`;
|
|
77
|
-
const BackLink = (_a) => {
|
|
78
|
-
var _b = _a, { className } = _b, other = __objRest(_b, ["className"]);
|
|
79
|
-
const dispatch = useDispatch();
|
|
80
|
-
const { params } = useRouteData();
|
|
81
|
-
const container = useContainer();
|
|
82
|
-
const { conditions = [], label = "" } = useProperties();
|
|
83
|
-
const conditionsMet = conditions && conditions.length ? conditions.reduce((acc, condition) => {
|
|
84
|
-
return params[condition] ? true : acc;
|
|
85
|
-
}, false) : true;
|
|
86
|
-
if (!conditionsMet) {
|
|
87
|
-
return createEmptyComponent(container, __spreadProps(__spreadValues({}, other), {
|
|
88
|
-
className: appendClassNames(className, "humany-back-link")
|
|
89
|
-
}));
|
|
90
|
-
}
|
|
91
|
-
const handleClick = () => {
|
|
92
|
-
dispatch("click");
|
|
93
|
-
};
|
|
94
|
-
if (!label) {
|
|
95
|
-
return /* @__PURE__ */ React.createElement(Wrapper, __spreadProps(__spreadValues({}, other), {
|
|
96
|
-
className: appendClassNames(className, "humany-back-link")
|
|
97
|
-
}), /* @__PURE__ */ React.createElement("svg", {
|
|
98
|
-
width: "8",
|
|
99
|
-
height: "16",
|
|
100
|
-
viewBox: "0 0 8 16",
|
|
101
|
-
fill: "none",
|
|
102
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
103
|
-
}, /* @__PURE__ */ React.createElement("line", {
|
|
104
|
-
y1: "-0.5",
|
|
105
|
-
x2: "10.2585",
|
|
106
|
-
y2: "-0.5",
|
|
107
|
-
transform: "matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",
|
|
108
|
-
stroke: "white"
|
|
109
|
-
}), /* @__PURE__ */ React.createElement("line", {
|
|
110
|
-
y1: "-0.5",
|
|
111
|
-
x2: "10.2585",
|
|
112
|
-
y2: "-0.5",
|
|
113
|
-
transform: "matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",
|
|
114
|
-
stroke: "white"
|
|
115
|
-
})));
|
|
116
|
-
}
|
|
117
|
-
return /* @__PURE__ */ React.createElement(Wrapper, __spreadProps(__spreadValues({}, other), {
|
|
118
|
-
className: appendClassNames(className, "humany-back-link")
|
|
119
|
-
}), /* @__PURE__ */ React.createElement(Button, {
|
|
120
|
-
"aria-label": label,
|
|
121
|
-
onClick: handleClick
|
|
122
|
-
}, /* @__PURE__ */ React.createElement(Caret, {
|
|
123
|
-
width: "7",
|
|
124
|
-
height: "13",
|
|
125
|
-
viewBox: "0 0 7 13",
|
|
126
|
-
fill: "none",
|
|
127
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
128
|
-
}, /* @__PURE__ */ React.createElement("line", {
|
|
129
|
-
x1: "6.64645",
|
|
130
|
-
y1: "12.5513",
|
|
131
|
-
x2: "0.648357",
|
|
132
|
-
y2: "6.55319"
|
|
133
|
-
}), /* @__PURE__ */ React.createElement("line", {
|
|
134
|
-
x1: "0.646447",
|
|
135
|
-
y1: "6.64455",
|
|
136
|
-
x2: "6.64454",
|
|
137
|
-
y2: "0.646465"
|
|
138
|
-
})), label && /* @__PURE__ */ React.createElement("span", null, label)));
|
|
139
|
-
};
|
|
140
|
-
export { BackLink as default };
|
|
141
|
-
//# sourceMappingURL=back-link.js.map
|
package/dist/back-link.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"back-link.js","sources":["../src/back-link.tsx"],"sourcesContent":["import {\r\n Button,\r\n createEmptyComponent,\r\n linkTabStyle,\r\n useContainer,\r\n useDispatch,\r\n useProperties,\r\n useRouteData,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { BackLinkComponentProps } from './back-link-component';\r\n\r\ntype Props = {\r\n className: string;\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n font-weight: 300;\r\n button {\r\n color: ${(p) => p.theme.colors?.primary};\r\n text-decoration: underline;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n span {\r\n font-weight: 300;\r\n }\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${linkTabStyle}\r\n padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\r\n `};\r\n }\r\n }\r\n`;\r\n\r\nconst Caret = styled.svg`\r\n margin-right: ${(p) => p.theme.sizes?.small};\r\n line {\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n }\r\n`;\r\n\r\nconst BackLink: React.FC<Props> = ({ className, ...other }) => {\r\n const dispatch = useDispatch();\r\n const { params } = useRouteData();\r\n const container = useContainer();\r\n const { conditions = [], label = '' } = useProperties<BackLinkComponentProps>();\r\n\r\n const conditionsMet =\r\n conditions && conditions.length\r\n ? conditions.reduce((acc: boolean, condition: string) => {\r\n return params[condition] ? true : acc;\r\n }, false)\r\n : true;\r\n\r\n if (!conditionsMet) {\r\n return createEmptyComponent(container, {\r\n ...other,\r\n className: appendClassNames(className, 'humany-back-link'),\r\n });\r\n }\r\n\r\n const handleClick = () => {\r\n dispatch('click');\r\n };\r\n\r\n if (!label) {\r\n return (\r\n <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\r\n <svg\r\n width=\"8\"\r\n height=\"16\"\r\n viewBox=\"0 0 8 16\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <line\r\n y1=\"-0.5\"\r\n x2=\"10.2585\"\r\n y2=\"-0.5\"\r\n transform=\"matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)\"\r\n stroke=\"white\"\r\n />\r\n <line\r\n y1=\"-0.5\"\r\n x2=\"10.2585\"\r\n y2=\"-0.5\"\r\n transform=\"matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)\"\r\n stroke=\"white\"\r\n />\r\n </svg>\r\n </Wrapper>\r\n );\r\n }\r\n\r\n return (\r\n <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\r\n <Button aria-label={label} onClick={handleClick}>\r\n <Caret\r\n width=\"7\"\r\n height=\"13\"\r\n viewBox=\"0 0 7 13\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\r\n <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\r\n </Caret>\r\n {label && <span>{label}</span>}\r\n </Button>\r\n </Wrapper>\r\n );\r\n};\r\n\r\nexport default BackLink;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA,iBAGN,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA,qBAEnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAK7B,CAAC,MAAA;;AACC,kBAAE,MAAM,kBAAR,mBAAuB,cACvB;AAAA,sBACM;AAAA,+BACS,CAAC,OAAM;;AAAA,mBAAQ,UAAE,MAAM,UAAR,oBAAe,cAAc,SAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1F,MAAM,QAAQ,OAAO;AAAA,oBACD,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,kBAExB,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;AAIzC,MAAM,WAA4B,CAAC,OAA4B;AAA5B,eAAE,gBAAF,IAAgB,kBAAhB,IAAgB,CAAd;AACjC,QAAM,WAAW;AACX,QAAA,EAAE,WAAW;AACnB,QAAM,YAAY;AAClB,QAAM,EAAE,aAAa,CAAI,GAAA,QAAQ,OAAO;AAElC,QAAA,gBACF,cAAc,WAAW,SACnB,WAAW,OAAO,CAAC,KAAc,cAAsB;AAC5C,WAAA,OAAO,aAAa,OAAO;AAAA,EAAA,GACnC,KAAK,IACR;AAEV,MAAI,CAAC,eAAe;AAChB,WAAO,qBAAqB,WAAW,iCAChC,QADgC;AAAA,MAEnC,WAAW,iBAAiB,WAAW,kBAAkB;AAAA,IAAA,EAC5D;AAAA,EACL;AAEA,QAAM,cAAc,MAAM;AACtB,aAAS,OAAO;AAAA,EAAA;AAGpB,MAAI,CAAC,OAAO;AACR,WACK,sBAAA,cAAA,SAAA,iCAAY,QAAZ;AAAA,MAAmB,WAAW,iBAAiB,WAAW,kBAAkB;AAAA,IAAA,IACxE,sBAAA,cAAA,OAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,IAAA,GAEL,sBAAA,cAAA,QAAA;AAAA,MACG,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,IAAA,CACX,GACC,sBAAA,cAAA,QAAA;AAAA,MACG,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,IACX,CAAA,CACJ,CACJ;AAAA,EAER;AAEA,SACK,sBAAA,cAAA,SAAA,iCAAY,QAAZ;AAAA,IAAmB,WAAW,iBAAiB,WAAW,kBAAkB;AAAA,EAAA,IACxE,sBAAA,cAAA,QAAA;AAAA,IAAO,cAAY;AAAA,IAAO,SAAS;AAAA,EAAA,GAC/B,sBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA,GAEL,sBAAA,cAAA,QAAA;AAAA,IAAK,IAAG;AAAA,IAAU,IAAG;AAAA,IAAU,IAAG;AAAA,IAAW,IAAG;AAAA,EAAA,CAAU,GAC1D,sBAAA,cAAA,QAAA;AAAA,IAAK,IAAG;AAAA,IAAW,IAAG;AAAA,IAAU,IAAG;AAAA,IAAU,IAAG;AAAA,EAAA,CAAW,CAChE,GACC,6CAAU,QAAM,MAAA,KAAM,CAC3B,CACJ;AAER;;"}
|