@telia-ace/widget-components-back-link 1.0.22 → 1.0.23-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.
|
@@ -67,50 +67,49 @@ const d = w.div`
|
|
|
67
67
|
const x = () => {
|
|
68
68
|
y("click");
|
|
69
69
|
};
|
|
70
|
-
return i ? /* @__PURE__ */ a.createElement(d, l(s({}, e), {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
})));
|
|
70
|
+
return i ? /* @__PURE__ */ a.createElement(d, l(s({}, e), { className: c(t, "humany-back-link") }), /* @__PURE__ */ a.createElement(L, { "aria-label": i, onClick: x }, /* @__PURE__ */ a.createElement(
|
|
71
|
+
P,
|
|
72
|
+
{
|
|
73
|
+
width: "7",
|
|
74
|
+
height: "13",
|
|
75
|
+
viewBox: "0 0 7 13",
|
|
76
|
+
fill: "none",
|
|
77
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
78
|
+
},
|
|
79
|
+
/* @__PURE__ */ a.createElement("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
|
|
80
|
+
/* @__PURE__ */ a.createElement("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })
|
|
81
|
+
), i && /* @__PURE__ */ a.createElement("span", null, i))) : /* @__PURE__ */ a.createElement(d, l(s({}, e), { className: c(t, "humany-back-link") }), /* @__PURE__ */ a.createElement(
|
|
82
|
+
"svg",
|
|
83
|
+
{
|
|
84
|
+
width: "8",
|
|
85
|
+
height: "16",
|
|
86
|
+
viewBox: "0 0 8 16",
|
|
87
|
+
fill: "none",
|
|
88
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
89
|
+
},
|
|
90
|
+
/* @__PURE__ */ a.createElement(
|
|
91
|
+
"line",
|
|
92
|
+
{
|
|
93
|
+
y1: "-0.5",
|
|
94
|
+
x2: "10.2585",
|
|
95
|
+
y2: "-0.5",
|
|
96
|
+
transform: "matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",
|
|
97
|
+
stroke: "white"
|
|
98
|
+
}
|
|
99
|
+
),
|
|
100
|
+
/* @__PURE__ */ a.createElement(
|
|
101
|
+
"line",
|
|
102
|
+
{
|
|
103
|
+
y1: "-0.5",
|
|
104
|
+
x2: "10.2585",
|
|
105
|
+
y2: "-0.5",
|
|
106
|
+
transform: "matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",
|
|
107
|
+
stroke: "white"
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
));
|
|
112
111
|
};
|
|
113
112
|
export {
|
|
114
113
|
F as default
|
|
115
114
|
};
|
|
116
|
-
//# sourceMappingURL=back-link.
|
|
115
|
+
//# sourceMappingURL=back-link.71889511.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"back-link.
|
|
1
|
+
{"version":3,"file":"back-link.71889511.js","sources":["../src/back-link.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n Button,\n createEmptyComponent,\n linkTabStyle,\n useContainer,\n useDispatch,\n useProperties,\n useRouteData,\n} from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { BackLinkComponentProps } from './back-link-component';\n\ntype Props = {\n className: string;\n};\n\nconst Wrapper = styled.div`\n font-weight: 300;\n button {\n color: ${(p) => p.theme.colors?.primary};\n text-decoration: underline;\n font-size: ${(p) => p.theme.fonts?.normal};\n span {\n font-weight: 300;\n }\n &:focus-visible {\n ${linkTabStyle}\n padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n }\n }\n`;\n\nconst Caret = styled.svg`\n margin-right: ${(p) => p.theme.sizes?.small};\n line {\n stroke: ${(p) => p.theme.colors?.primary};\n }\n`;\n\nconst BackLink: React.FC<Props> = ({ className, ...other }) => {\n const dispatch = useDispatch();\n const { params } = useRouteData();\n const container = useContainer();\n const { conditions = [], label = '' } = useProperties<BackLinkComponentProps>();\n\n const conditionsMet =\n conditions && conditions.length\n ? conditions.reduce((acc: boolean, condition: string) => {\n return params[condition] ? true : acc;\n }, false)\n : true;\n\n if (!conditionsMet) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-back-link'),\n });\n }\n\n const handleClick = () => {\n dispatch('click');\n };\n\n if (!label) {\n return (\n <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\n <svg\n width=\"8\"\n height=\"16\"\n viewBox=\"0 0 8 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n y1=\"-0.5\"\n x2=\"10.2585\"\n y2=\"-0.5\"\n transform=\"matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)\"\n stroke=\"white\"\n />\n <line\n y1=\"-0.5\"\n x2=\"10.2585\"\n y2=\"-0.5\"\n transform=\"matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)\"\n stroke=\"white\"\n />\n </svg>\n </Wrapper>\n );\n }\n\n return (\n <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\n <Button aria-label={label} onClick={handleClick}>\n <Caret\n width=\"7\"\n height=\"13\"\n viewBox=\"0 0 7 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\n <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\n </Caret>\n {label && <span>{label}</span>}\n </Button>\n </Wrapper>\n );\n};\n\nexport default BackLink;\n"],"names":["Wrapper","styled","p","_a","linkTabStyle","_b","Caret","BackLink","className","other","__objRest","dispatch","useDispatch","params","useRouteData","container","useContainer","conditions","label","useProperties","acc","condition","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","handleClick","React","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA,iBAGN,CAACC,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,WAAR,gBAAAC,EAAgB;AAAA;AAAA;AAAA,qBAEnB,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAK7BC;AAAA,uBACS,CAACF,MAAM;;AAAA,kBAAQC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe,eAAcE,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA;AAAA;AAAA,GAK5EC,IAAQL,EAAO;AAAA,oBACD,CAACC,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA;AAAA,kBAExB,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,WAAR,gBAAAC,EAAgB;AAAA;AAAA;AAAA,GAInCI,IAA4B,CAACJ,MAA4B;AAA5B,MAAAE,IAAAF,GAAE,aAAAK,MAAFH,GAAgBI,IAAAC,EAAhBL,GAAgB,CAAd;AACjC,QAAMM,IAAWC,KACX,EAAE,QAAAC,MAAWC,KACbC,IAAYC,KACZ,EAAE,YAAAC,IAAa,IAAI,OAAAC,IAAQ,GAAA,IAAOC;AASxC,MAAI,EANAF,KAAcA,EAAW,SACnBA,EAAW,OAAO,CAACG,GAAcC,MACtBR,EAAOQ,KAAa,KAAOD,GACnC,EAAK,IACR;AAGN,WAAOE,EAAqBP,GAAWQ,EAAAC,EAAA,IAChCf,IADgC;AAAA,MAEnC,WAAWgB,EAAiBjB,GAAW,kBAAkB;AAAA,IAAA,EAC5D;AAGL,QAAMkB,IAAc,MAAM;AACtB,IAAAf,EAAS,OAAO;AAAA,EAAA;AAGpB,SAAKO,IA8BA,gBAAAS,EAAA,cAAA3B,GAAAuB,EAAAC,EAAA,IAAYf,IAAZ,EAAmB,WAAWgB,EAAiBjB,GAAW,kBAAkB,EAAA,IACxE,gBAAAmB,EAAA,cAAAC,GAAA,EAAO,cAAYV,GAAO,SAASQ,KAChC,gBAAAC,EAAA;AAAA,IAACrB;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,IAAA;AAAA,IAEN,gBAAAqB,EAAA,cAAC,UAAK,IAAG,WAAU,IAAG,WAAU,IAAG,YAAW,IAAG,UAAU,CAAA;AAAA,IAC3D,gBAAAA,EAAA,cAAC,UAAK,IAAG,YAAW,IAAG,WAAU,IAAG,WAAU,IAAG,WAAW,CAAA;AAAA,EAAA,GAE/DT,KAAS,gBAAAS,EAAA,cAAC,QAAM,MAAAT,CAAM,CAC3B,CACJ,IA1CI,gBAAAS,EAAA,cAAC3B,WAAYS,MAAO,WAAWgB,EAAiBjB,GAAW,kBAAkB,EACzE,IAAA,gBAAAmB,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,IAAA;AAAA,IAEN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,WAAU;AAAA,QACV,QAAO;AAAA,MAAA;AAAA,IACX;AAAA,IACA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,WAAU;AAAA,QACV,QAAO;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,CAER;AAqBZ;"}
|
package/dist/back-link.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createReactComponent as r } from "@telia-ace/widget-ui";
|
|
2
|
-
const a = (t) => r(t, "back-link", import("./back-link.
|
|
2
|
+
const a = (t) => r(t, "back-link", import("./back-link.71889511.js"), (e) => {
|
|
3
3
|
e.actions.create("click", (c, n) => {
|
|
4
4
|
if (!n.preventDefault)
|
|
5
5
|
return t.getAsync("router").then((o) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-back-link",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.23-next.0",
|
|
4
4
|
"description": "Back link component for ACE Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
},
|
|
22
22
|
"sideEffects": false,
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@telia-ace/widget-routing": "^1.0.
|
|
25
|
-
"@telia-ace/widget-ui": "^1.0.
|
|
26
|
-
"@telia-ace/widget-utilities": "^1.0.
|
|
24
|
+
"@telia-ace/widget-routing": "^1.0.21-next.0",
|
|
25
|
+
"@telia-ace/widget-ui": "^1.0.27-next.0",
|
|
26
|
+
"@telia-ace/widget-utilities": "^1.0.9-next.0",
|
|
27
27
|
"@webprovisions/platform": "^1.1.2"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@emotion/react": "^11.10.5",
|
|
37
37
|
"@emotion/styled": "^11.10.5",
|
|
38
|
-
"@telia-ace/widget-core": "^1.0.
|
|
39
|
-
"@telia-ace/widget-developer-tools": "^1.0.
|
|
40
|
-
"@types/react": "^18.0.
|
|
41
|
-
"@types/react-dom": "^18.0.
|
|
38
|
+
"@telia-ace/widget-core": "^1.0.20-next.0",
|
|
39
|
+
"@telia-ace/widget-developer-tools": "^1.0.15-next.0",
|
|
40
|
+
"@types/react": "^18.0.26",
|
|
41
|
+
"@types/react-dom": "^18.0.9",
|
|
42
42
|
"react": "^18.2.0",
|
|
43
43
|
"react-dom": "^18.2.0"
|
|
44
44
|
},
|