@hitachivantara/uikit-react-lab 3.52.2 → 3.54.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.
- package/dist/ImageCarousel/ImageCarousel.d.ts +11 -0
- package/dist/ImageCarousel/ImageCarousel.js +615 -0
- package/dist/ImageCarousel/ImageCarousel.js.map +1 -0
- package/dist/ImageCarousel/index.d.ts +2 -0
- package/dist/ImageCarousel/index.js +16 -0
- package/dist/ImageCarousel/index.js.map +1 -0
- package/dist/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/ObiWan.png +0 -0
- package/dist/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/Revan.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
- package/dist/ImageCarousel/stories/resources/Yoda.jpg +0 -0
- package/dist/ImageCarousel/styles.js +238 -0
- package/dist/ImageCarousel/styles.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts +58 -0
- package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js +130 -0
- package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/Step/Step.d.ts +27 -0
- package/dist/StepNavigation/DefaultNavigation/Step/Step.js +189 -0
- package/dist/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/Step/index.d.ts +2 -0
- package/dist/StepNavigation/DefaultNavigation/Step/index.js +16 -0
- package/dist/StepNavigation/DefaultNavigation/Step/index.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/Step/styles.js +53 -0
- package/dist/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/index.d.ts +2 -0
- package/dist/StepNavigation/DefaultNavigation/index.js +16 -0
- package/dist/StepNavigation/DefaultNavigation/index.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/styles.js +16 -0
- package/dist/StepNavigation/DefaultNavigation/styles.js.map +1 -0
- package/dist/StepNavigation/DefaultNavigation/utils.js +49 -0
- package/dist/StepNavigation/DefaultNavigation/utils.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.d.ts +10 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +166 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/index.d.ts +2 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/index.js +16 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/styles.js +25 -0
- package/dist/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts +58 -0
- package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js +133 -0
- package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/index.d.ts +2 -0
- package/dist/StepNavigation/SimpleNavigation/index.js +16 -0
- package/dist/StepNavigation/SimpleNavigation/index.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/styles.js +16 -0
- package/dist/StepNavigation/SimpleNavigation/styles.js.map +1 -0
- package/dist/StepNavigation/SimpleNavigation/utils.js +31 -0
- package/dist/StepNavigation/SimpleNavigation/utils.js.map +1 -0
- package/dist/StepNavigation/StepNavigation.d.ts +42 -0
- package/dist/StepNavigation/StepNavigation.js +377 -0
- package/dist/StepNavigation/StepNavigation.js.map +1 -0
- package/dist/StepNavigation/index.d.ts +2 -0
- package/dist/StepNavigation/index.js +16 -0
- package/dist/StepNavigation/index.js.map +1 -0
- package/dist/StepNavigation/styles.js +41 -0
- package/dist/StepNavigation/styles.js.map +1 -0
- package/dist/StepNavigation/utils.js +15 -0
- package/dist/StepNavigation/utils.js.map +1 -0
- package/dist/Tag/Tag.d.ts +2 -21
- package/dist/index.d.ts +6 -0
- package/dist/index.js +19 -1
- package/dist/index.js.map +1 -1
- package/dist/legacy/ImageCarousel/ImageCarousel.d.ts +11 -0
- package/dist/legacy/ImageCarousel/ImageCarousel.js +574 -0
- package/dist/legacy/ImageCarousel/ImageCarousel.js.map +1 -0
- package/dist/legacy/ImageCarousel/index.d.ts +2 -0
- package/dist/legacy/ImageCarousel/index.js +2 -0
- package/dist/legacy/ImageCarousel/index.js.map +1 -0
- package/dist/legacy/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/ObiWan.png +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/Revan.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
- package/dist/legacy/ImageCarousel/stories/resources/Yoda.jpg +0 -0
- package/dist/legacy/ImageCarousel/styles.js +228 -0
- package/dist/legacy/ImageCarousel/styles.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts +58 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js +112 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.d.ts +27 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js +169 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.d.ts +2 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.js +2 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js +45 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/index.d.ts +2 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/index.js +2 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/index.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/styles.js +8 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/styles.js.map +1 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/utils.js +41 -0
- package/dist/legacy/StepNavigation/DefaultNavigation/utils.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.d.ts +10 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js +125 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.d.ts +2 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.js +2 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js +18 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts +58 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js +113 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/index.d.ts +2 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/index.js +2 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/index.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/styles.js +8 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/styles.js.map +1 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/utils.js +22 -0
- package/dist/legacy/StepNavigation/SimpleNavigation/utils.js.map +1 -0
- package/dist/legacy/StepNavigation/StepNavigation.d.ts +42 -0
- package/dist/legacy/StepNavigation/StepNavigation.js +341 -0
- package/dist/legacy/StepNavigation/StepNavigation.js.map +1 -0
- package/dist/legacy/StepNavigation/index.d.ts +2 -0
- package/dist/legacy/StepNavigation/index.js +2 -0
- package/dist/legacy/StepNavigation/index.js.map +1 -0
- package/dist/legacy/StepNavigation/styles.js +33 -0
- package/dist/legacy/StepNavigation/styles.js.map +1 -0
- package/dist/legacy/StepNavigation/utils.js +6 -0
- package/dist/legacy/StepNavigation/utils.js.map +1 -0
- package/dist/legacy/Tag/Tag.d.ts +2 -21
- package/dist/legacy/index.d.ts +6 -0
- package/dist/legacy/index.js +2 -0
- package/dist/legacy/index.js.map +1 -1
- package/dist/modern/ImageCarousel/ImageCarousel.d.ts +11 -0
- package/dist/modern/ImageCarousel/ImageCarousel.js +499 -0
- package/dist/modern/ImageCarousel/ImageCarousel.js.map +1 -0
- package/dist/modern/ImageCarousel/index.d.ts +2 -0
- package/dist/modern/ImageCarousel/index.js +2 -0
- package/dist/modern/ImageCarousel/index.js.map +1 -0
- package/dist/modern/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/ObiWan.png +0 -0
- package/dist/modern/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/Revan.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
- package/dist/modern/ImageCarousel/stories/resources/Yoda.jpg +0 -0
- package/dist/modern/ImageCarousel/styles.js +241 -0
- package/dist/modern/ImageCarousel/styles.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts +58 -0
- package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js +111 -0
- package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.d.ts +27 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js +168 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/index.d.ts +2 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/index.js +2 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/index.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js +43 -0
- package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/index.d.ts +2 -0
- package/dist/modern/StepNavigation/DefaultNavigation/index.js +2 -0
- package/dist/modern/StepNavigation/DefaultNavigation/index.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/styles.js +6 -0
- package/dist/modern/StepNavigation/DefaultNavigation/styles.js.map +1 -0
- package/dist/modern/StepNavigation/DefaultNavigation/utils.js +41 -0
- package/dist/modern/StepNavigation/DefaultNavigation/utils.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.d.ts +10 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js +114 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.d.ts +2 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js +2 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js +18 -0
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts +58 -0
- package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js +110 -0
- package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/index.d.ts +2 -0
- package/dist/modern/StepNavigation/SimpleNavigation/index.js +2 -0
- package/dist/modern/StepNavigation/SimpleNavigation/index.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/styles.js +6 -0
- package/dist/modern/StepNavigation/SimpleNavigation/styles.js.map +1 -0
- package/dist/modern/StepNavigation/SimpleNavigation/utils.js +22 -0
- package/dist/modern/StepNavigation/SimpleNavigation/utils.js.map +1 -0
- package/dist/modern/StepNavigation/StepNavigation.d.ts +42 -0
- package/dist/modern/StepNavigation/StepNavigation.js +324 -0
- package/dist/modern/StepNavigation/StepNavigation.js.map +1 -0
- package/dist/modern/StepNavigation/index.d.ts +2 -0
- package/dist/modern/StepNavigation/index.js +2 -0
- package/dist/modern/StepNavigation/index.js.map +1 -0
- package/dist/modern/StepNavigation/styles.js +31 -0
- package/dist/modern/StepNavigation/styles.js.map +1 -0
- package/dist/modern/StepNavigation/utils.js +6 -0
- package/dist/modern/StepNavigation/utils.js.map +1 -0
- package/dist/modern/Tag/Tag.d.ts +2 -21
- package/dist/modern/index.d.ts +6 -0
- package/dist/modern/index.js +2 -0
- package/dist/modern/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/StepNavigation/DefaultNavigation/Step/index.js"],"sourcesContent":["export { default } from \"./Step\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var styles = function styles() {
|
|
2
|
+
return {
|
|
3
|
+
root: {},
|
|
4
|
+
ghostDisabled: {},
|
|
5
|
+
ghost: {
|
|
6
|
+
"&:hover": {
|
|
7
|
+
backgroundColor: "transparent"
|
|
8
|
+
},
|
|
9
|
+
"&$ghostDisabled": {
|
|
10
|
+
cursor: "default"
|
|
11
|
+
},
|
|
12
|
+
"&$ghostDisabled&:hover": {
|
|
13
|
+
cursor: "default"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"not-current": {
|
|
17
|
+
margin: "-8px"
|
|
18
|
+
},
|
|
19
|
+
XS: {},
|
|
20
|
+
SM: {},
|
|
21
|
+
MD: {},
|
|
22
|
+
LG: {},
|
|
23
|
+
XL: {},
|
|
24
|
+
avatar: {
|
|
25
|
+
"&$XS": {
|
|
26
|
+
fontSize: "0.625rem"
|
|
27
|
+
},
|
|
28
|
+
"&$SM": {
|
|
29
|
+
fontSize: "1rem"
|
|
30
|
+
},
|
|
31
|
+
"&$MD": {
|
|
32
|
+
fontSize: "1.5rem"
|
|
33
|
+
},
|
|
34
|
+
"&$LG": {
|
|
35
|
+
fontSize: "2rem"
|
|
36
|
+
},
|
|
37
|
+
"&$XL": {
|
|
38
|
+
fontSize: "2.5rem"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export default styles;
|
|
45
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root","ghostDisabled","ghost","backgroundColor","cursor","margin","XS","SM","MD","LG","XL","avatar","fontSize"],"sources":["../../../../../src/StepNavigation/DefaultNavigation/Step/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n ghostDisabled: {},\n ghost: {\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n \"&$ghostDisabled\": {\n cursor: \"default\",\n },\n \"&$ghostDisabled&:hover\": {\n cursor: \"default\",\n },\n },\n \"not-current\": {\n margin: \"-8px\",\n },\n XS: {},\n SM: {},\n MD: {},\n LG: {},\n XL: {},\n avatar: {\n \"&$XS\": {\n fontSize: \"0.625rem\",\n },\n \"&$SM\": {\n fontSize: \"1rem\",\n },\n \"&$MD\": {\n fontSize: \"1.5rem\",\n },\n \"&$LG\": {\n fontSize: \"2rem\",\n },\n \"&$XL\": {\n fontSize: \"2.5rem\",\n },\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE,EADc;IAEpBC,aAAa,EAAE,EAFK;IAGpBC,KAAK,EAAE;MACL,WAAW;QACTC,eAAe,EAAE;MADR,CADN;MAIL,mBAAmB;QACjBC,MAAM,EAAE;MADS,CAJd;MAOL,0BAA0B;QACxBA,MAAM,EAAE;MADgB;IAPrB,CAHa;IAcpB,eAAe;MACbC,MAAM,EAAE;IADK,CAdK;IAiBpBC,EAAE,EAAE,EAjBgB;IAkBpBC,EAAE,EAAE,EAlBgB;IAmBpBC,EAAE,EAAE,EAnBgB;IAoBpBC,EAAE,EAAE,EApBgB;IAqBpBC,EAAE,EAAE,EArBgB;IAsBpBC,MAAM,EAAE;MACN,QAAQ;QACNC,QAAQ,EAAE;MADJ,CADF;MAIN,QAAQ;QACNA,QAAQ,EAAE;MADJ,CAJF;MAON,QAAQ;QACNA,QAAQ,EAAE;MADJ,CAPF;MAUN,QAAQ;QACNA,QAAQ,EAAE;MADJ,CAVF;MAaN,QAAQ;QACNA,QAAQ,EAAE;MADJ;IAbF;EAtBY,CAAP;AAAA,CAAf;;AAyCA,eAAeb,MAAf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/StepNavigation/DefaultNavigation/index.js"],"sourcesContent":["export { default } from \"./DefaultNavigation\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/StepNavigation/DefaultNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;EADc,CAAP;AAAA,CAAf;;AAIA,eAAeD,MAAf"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
var getColor = function getColor(state, theme) {
|
|
2
|
+
var _theme$hv$palette$sem, _theme$hv, _theme$hv$palette, _theme$hv$palette$sem2, _theme$hv$palette$sem3, _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$se, _theme$hv$palette$sem4, _theme$hv3, _theme$hv3$palette, _theme$hv3$palette$se, _theme$hv$palette$acc, _theme$hv4, _theme$hv4$palette, _theme$hv4$palette$ac, _theme$hv$palette$atm, _theme$hv5, _theme$hv5$palette, _theme$hv5$palette$at;
|
|
3
|
+
|
|
4
|
+
return {
|
|
5
|
+
Pending: (_theme$hv$palette$sem = theme === null || theme === void 0 ? void 0 : (_theme$hv = theme.hv) === null || _theme$hv === void 0 ? void 0 : (_theme$hv$palette = _theme$hv.palette) === null || _theme$hv$palette === void 0 ? void 0 : (_theme$hv$palette$sem2 = _theme$hv$palette.semantic) === null || _theme$hv$palette$sem2 === void 0 ? void 0 : _theme$hv$palette$sem2.sema3) !== null && _theme$hv$palette$sem !== void 0 ? _theme$hv$palette$sem : "sema3",
|
|
6
|
+
Failed: (_theme$hv$palette$sem3 = theme === null || theme === void 0 ? void 0 : (_theme$hv2 = theme.hv) === null || _theme$hv2 === void 0 ? void 0 : (_theme$hv2$palette = _theme$hv2.palette) === null || _theme$hv2$palette === void 0 ? void 0 : (_theme$hv2$palette$se = _theme$hv2$palette.semantic) === null || _theme$hv2$palette$se === void 0 ? void 0 : _theme$hv2$palette$se.sema4) !== null && _theme$hv$palette$sem3 !== void 0 ? _theme$hv$palette$sem3 : "sema4",
|
|
7
|
+
Completed: (_theme$hv$palette$sem4 = theme === null || theme === void 0 ? void 0 : (_theme$hv3 = theme.hv) === null || _theme$hv3 === void 0 ? void 0 : (_theme$hv3$palette = _theme$hv3.palette) === null || _theme$hv3$palette === void 0 ? void 0 : (_theme$hv3$palette$se = _theme$hv3$palette.semantic) === null || _theme$hv3$palette$se === void 0 ? void 0 : _theme$hv3$palette$se.sema1) !== null && _theme$hv$palette$sem4 !== void 0 ? _theme$hv$palette$sem4 : "sema1",
|
|
8
|
+
Current: (_theme$hv$palette$acc = theme === null || theme === void 0 ? void 0 : (_theme$hv4 = theme.hv) === null || _theme$hv4 === void 0 ? void 0 : (_theme$hv4$palette = _theme$hv4.palette) === null || _theme$hv4$palette === void 0 ? void 0 : (_theme$hv4$palette$ac = _theme$hv4$palette.accent) === null || _theme$hv4$palette$ac === void 0 ? void 0 : _theme$hv4$palette$ac.acce1) !== null && _theme$hv$palette$acc !== void 0 ? _theme$hv$palette$acc : "acce1",
|
|
9
|
+
Disabled: (_theme$hv$palette$atm = theme === null || theme === void 0 ? void 0 : (_theme$hv5 = theme.hv) === null || _theme$hv5 === void 0 ? void 0 : (_theme$hv5$palette = _theme$hv5.palette) === null || _theme$hv5$palette === void 0 ? void 0 : (_theme$hv5$palette$at = _theme$hv5$palette.atmosphere) === null || _theme$hv5$palette$at === void 0 ? void 0 : _theme$hv5$palette$at.atmo5) !== null && _theme$hv$palette$atm !== void 0 ? _theme$hv$palette$atm : "atmo5"
|
|
10
|
+
}[state];
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
var EXTRA_SMALL = {
|
|
14
|
+
container: 32,
|
|
15
|
+
avatar: 24
|
|
16
|
+
};
|
|
17
|
+
var SMALL = {
|
|
18
|
+
container: 40,
|
|
19
|
+
avatar: 32
|
|
20
|
+
};
|
|
21
|
+
var MEDIUM = {
|
|
22
|
+
container: 48,
|
|
23
|
+
avatar: 40
|
|
24
|
+
};
|
|
25
|
+
var LARGE = {
|
|
26
|
+
container: 60,
|
|
27
|
+
avatar: 52
|
|
28
|
+
};
|
|
29
|
+
var EXTRA_LARGE = {
|
|
30
|
+
container: 96,
|
|
31
|
+
avatar: 88
|
|
32
|
+
};
|
|
33
|
+
var stepSizes = {
|
|
34
|
+
XS: EXTRA_SMALL,
|
|
35
|
+
SM: SMALL,
|
|
36
|
+
MD: MEDIUM,
|
|
37
|
+
LG: LARGE,
|
|
38
|
+
XL: EXTRA_LARGE
|
|
39
|
+
};
|
|
40
|
+
export { getColor, stepSizes };
|
|
41
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","names":["getColor","state","theme","Pending","hv","palette","semantic","sema3","Failed","sema4","Completed","sema1","Current","accent","acce1","Disabled","atmosphere","atmo5","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","XS","SM","MD","LG","XL"],"sources":["../../../../src/StepNavigation/DefaultNavigation/utils.js"],"sourcesContent":["const getColor = (state, theme) =>\n ({\n Pending: theme?.hv?.palette?.semantic?.sema3 ?? \"sema3\",\n Failed: theme?.hv?.palette?.semantic?.sema4 ?? \"sema4\",\n Completed: theme?.hv?.palette?.semantic?.sema1 ?? \"sema1\",\n Current: theme?.hv?.palette?.accent?.acce1 ?? \"acce1\",\n Disabled: theme?.hv?.palette?.atmosphere?.atmo5 ?? \"atmo5\",\n }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nconst stepSizes = {\n XS: EXTRA_SMALL,\n SM: SMALL,\n MD: MEDIUM,\n LG: LARGE,\n XL: EXTRA_LARGE,\n};\n\nexport { getColor, stepSizes };\n"],"mappings":"AAAA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAQC,KAAR;EAAA;;EAAA,OACd;IACCC,OAAO,2BAAED,KAAF,aAAEA,KAAF,oCAAEA,KAAK,CAAEE,EAAT,mEAAE,UAAWC,OAAb,gFAAE,kBAAoBC,QAAtB,2DAAE,uBAA8BC,KAAhC,yEAAyC,OADjD;IAECC,MAAM,4BAAEN,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBC,QAAtB,0DAAE,sBAA8BG,KAAhC,2EAAyC,OAFhD;IAGCC,SAAS,4BAAER,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBC,QAAtB,0DAAE,sBAA8BK,KAAhC,2EAAyC,OAHnD;IAICC,OAAO,2BAAEV,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBQ,MAAtB,0DAAE,sBAA4BC,KAA9B,yEAAuC,OAJ/C;IAKCC,QAAQ,2BAAEb,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBW,UAAtB,0DAAE,sBAAgCC,KAAlC,yEAA2C;EALpD,EAMChB,KAND,CADc;AAAA,CAAjB;;AASA,IAAMiB,WAAW,GAAG;EAAEC,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAApB;AACA,IAAMC,KAAK,GAAG;EAAEF,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAAd;AACA,IAAME,MAAM,GAAG;EAAEH,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAAf;AACA,IAAMG,KAAK,GAAG;EAAEJ,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAAd;AACA,IAAMI,WAAW,GAAG;EAAEL,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAApB;AAEA,IAAMK,SAAS,GAAG;EAChBC,EAAE,EAAER,WADY;EAEhBS,EAAE,EAAEN,KAFY;EAGhBO,EAAE,EAAEN,MAHY;EAIhBO,EAAE,EAAEN,KAJY;EAKhBO,EAAE,EAAEN;AALY,CAAlB;AAQA,SAASxB,QAAT,EAAmByB,SAAnB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
import { HvStepProps } from "../../DefaultNavigation/Step";
|
|
4
|
+
|
|
5
|
+
export type HvDotClassKey = "root";
|
|
6
|
+
|
|
7
|
+
export type HvDotProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvDotClassKey> &
|
|
8
|
+
Pick<HvStepProps, "size" | "title" | "state" | "onClick">;
|
|
9
|
+
|
|
10
|
+
export default function HvDot(props: HvDotProps): JSX.Element | null;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import "core-js/modules/es.object.keys.js";
|
|
2
|
+
import "core-js/modules/es.symbol.js";
|
|
3
|
+
import "core-js/modules/es.array.filter.js";
|
|
4
|
+
import "core-js/modules/es.object.to-string.js";
|
|
5
|
+
import "core-js/modules/es.object.get-own-property-descriptor.js";
|
|
6
|
+
import "core-js/modules/web.dom-collections.for-each.js";
|
|
7
|
+
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
+
import "core-js/modules/es.string.includes.js";
|
|
10
|
+
import "core-js/modules/es.array.includes.js";
|
|
11
|
+
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
+
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
+
|
|
16
|
+
import React, { useCallback, useMemo } from "react";
|
|
17
|
+
import PropTypes from "prop-types";
|
|
18
|
+
import clsx from "clsx";
|
|
19
|
+
import { HvButton } from "@hitachivantara/uikit-react-core";
|
|
20
|
+
import { makeStyles, withStyles } from "@material-ui/core";
|
|
21
|
+
import { defaultColor, disabledColor, dotSizes } from "../utils";
|
|
22
|
+
import styles from "./styles";
|
|
23
|
+
/**
|
|
24
|
+
* Step element of "Simple" Step Navigation root component
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
var HvDot = function HvDot(_ref) {
|
|
28
|
+
var classes = _ref.classes,
|
|
29
|
+
className = _ref.className,
|
|
30
|
+
state = _ref.state,
|
|
31
|
+
title = _ref.title,
|
|
32
|
+
size = _ref.size,
|
|
33
|
+
onClick = _ref.onClick;
|
|
34
|
+
var dotSize = dotSizes[size] * (state === "Current" ? 1.5 : 1);
|
|
35
|
+
var getBackgroundColor = useCallback(function (theme) {
|
|
36
|
+
return state === "Disabled" ? disabledColor(theme) : defaultColor(theme);
|
|
37
|
+
}, [state]);
|
|
38
|
+
var customClasses = useMemo(function () {
|
|
39
|
+
return makeStyles(function (theme) {
|
|
40
|
+
var backgroundColor = getBackgroundColor(theme);
|
|
41
|
+
return {
|
|
42
|
+
ghostDisabled: {},
|
|
43
|
+
active: {},
|
|
44
|
+
ghost: _objectSpread(_objectSpread({}, styles.ghost), {}, {
|
|
45
|
+
width: dotSize,
|
|
46
|
+
height: dotSize,
|
|
47
|
+
backgroundColor: backgroundColor,
|
|
48
|
+
"&:hover": {
|
|
49
|
+
backgroundColor: backgroundColor
|
|
50
|
+
},
|
|
51
|
+
"&$ghostDisabled": _objectSpread(_objectSpread({}, styles.ghost["&$ghostDisabled"]), {}, {
|
|
52
|
+
backgroundColor: backgroundColor
|
|
53
|
+
}),
|
|
54
|
+
"&$ghostDisabled&:hover": _objectSpread(_objectSpread({}, styles.ghost["&$ghostDisabled&:hover"]), {}, {
|
|
55
|
+
backgroundColor: backgroundColor
|
|
56
|
+
})
|
|
57
|
+
})
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
}, [dotSize, getBackgroundColor])();
|
|
61
|
+
return /*#__PURE__*/React.createElement(HvButton, {
|
|
62
|
+
className: clsx(classes.root, customClasses.ghost, className, "Current Disabled".includes(state) && customClasses.ghostDisabled, state === "Current" && customClasses.active),
|
|
63
|
+
"aria-label": "step-".concat(title),
|
|
64
|
+
icon: true,
|
|
65
|
+
overrideIconColors: false,
|
|
66
|
+
disabled: ["Current", "Disabled"].includes(state),
|
|
67
|
+
onClick: onClick
|
|
68
|
+
}, []);
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
process.env.NODE_ENV !== "production" ? HvDot.propTypes = {
|
|
72
|
+
/**
|
|
73
|
+
* Class names to be applied.
|
|
74
|
+
*/
|
|
75
|
+
className: PropTypes.string,
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* A Jss Object used to override or extend the styles applied.
|
|
79
|
+
*/
|
|
80
|
+
classes: PropTypes.shape({
|
|
81
|
+
/**
|
|
82
|
+
* Styles applied to the component root class.
|
|
83
|
+
*/
|
|
84
|
+
root: PropTypes.string,
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Styles applied to the active class.
|
|
88
|
+
*/
|
|
89
|
+
active: PropTypes.string,
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Styles applied to the ghost class.
|
|
93
|
+
*/
|
|
94
|
+
ghost: PropTypes.string,
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Styles applied to the ghostDisabled class.
|
|
98
|
+
*/
|
|
99
|
+
ghostDisabled: PropTypes.string
|
|
100
|
+
}).isRequired,
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
|
|
104
|
+
*/
|
|
105
|
+
state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled"]).isRequired,
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* Title of the step.
|
|
109
|
+
*/
|
|
110
|
+
title: PropTypes.string.isRequired,
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Sets one of the standard sizes of the steps
|
|
114
|
+
*/
|
|
115
|
+
size: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* Event onClick of the step.
|
|
119
|
+
*/
|
|
120
|
+
onClick: PropTypes.func
|
|
121
|
+
} : void 0;
|
|
122
|
+
export default withStyles(styles, {
|
|
123
|
+
name: "HvDot"
|
|
124
|
+
})(HvDot);
|
|
125
|
+
//# sourceMappingURL=Dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.js","names":["React","useCallback","useMemo","PropTypes","clsx","HvButton","makeStyles","withStyles","defaultColor","disabledColor","dotSizes","styles","HvDot","classes","className","state","title","size","onClick","dotSize","getBackgroundColor","theme","customClasses","backgroundColor","ghostDisabled","active","ghost","width","height","root","includes","propTypes","string","shape","isRequired","oneOf","func","name"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { makeStyles, withStyles } from \"@material-ui/core\";\n\nimport { defaultColor, disabledColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick }) => {\n const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n const getBackgroundColor = useCallback(\n (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n [state]\n );\n const customClasses = useMemo(\n () =>\n makeStyles((theme) => {\n const backgroundColor = getBackgroundColor(theme);\n return {\n ghostDisabled: {},\n active: {},\n ghost: {\n ...styles.ghost,\n width: dotSize,\n height: dotSize,\n backgroundColor,\n \"&:hover\": {\n backgroundColor,\n },\n \"&$ghostDisabled\": {\n ...styles.ghost[\"&$ghostDisabled\"],\n backgroundColor,\n },\n \"&$ghostDisabled&:hover\": {\n ...styles.ghost[\"&$ghostDisabled&:hover\"],\n backgroundColor,\n },\n },\n };\n }),\n [dotSize, getBackgroundColor]\n )();\n return (\n <HvButton\n className={clsx(\n classes.root,\n customClasses.ghost,\n {\n [customClasses.active]: state === \"Current\",\n [customClasses.ghostDisabled]: [\"Current\", \"Disabled\"].includes(state),\n },\n className\n )}\n aria-label={`step-${title}`}\n icon\n overrideIconColors={false}\n disabled={[\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n {[]}\n </HvButton>\n );\n};\n\nHvDot.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the active class.\n */\n active: PropTypes.string,\n /**\n * Styles applied to the ghost class.\n */\n ghost: PropTypes.string,\n /**\n * Styles applied to the ghostDisabled class.\n */\n ghostDisabled: PropTypes.string,\n }).isRequired,\n /**\n * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n */\n state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n /**\n * Title of the step.\n */\n title: PropTypes.string.isRequired,\n /**\n * Sets one of the standard sizes of the steps\n */\n size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n /**\n * Event onClick of the step.\n */\n onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/index.js"],"sourcesContent":["export { default } from \"./Dot\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var styles = {
|
|
2
|
+
root: {
|
|
3
|
+
borderRadius: "50%",
|
|
4
|
+
zIndex: 1
|
|
5
|
+
},
|
|
6
|
+
ghostDisabled: {},
|
|
7
|
+
active: {},
|
|
8
|
+
ghost: {
|
|
9
|
+
"&$active": {
|
|
10
|
+
cursor: "default"
|
|
11
|
+
},
|
|
12
|
+
"&$active&:hover": {
|
|
13
|
+
cursor: "default"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
export default styles;
|
|
18
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","cursor"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n root: {\n borderRadius: \"50%\",\n zIndex: 1,\n },\n ghostDisabled: {},\n active: {},\n ghost: {\n \"&$active\": {\n cursor: \"default\",\n },\n \"&$active&:hover\": {\n cursor: \"default\",\n },\n },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KADV;IAEJC,MAAM,EAAE;EAFJ,CADO;EAKbC,aAAa,EAAE,EALF;EAMbC,MAAM,EAAE,EANK;EAObC,KAAK,EAAE;IACL,YAAY;MACVC,MAAM,EAAE;IADE,CADP;IAIL,mBAAmB;MACjBA,MAAM,EAAE;IADS;EAJd;AAPM,CAAf;AAiBA,eAAeP,MAAf"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
|
|
4
|
+
import { HvStepNavigationProps } from "../StepNavigation";
|
|
5
|
+
import { HvDotProps } from "./Dot";
|
|
6
|
+
|
|
7
|
+
export type HvSimpleNavigationClassKey = "root";
|
|
8
|
+
|
|
9
|
+
export type ComponentChildProps = {
|
|
10
|
+
stepsWidth: number;
|
|
11
|
+
navWidth: number;
|
|
12
|
+
separatorValues: {
|
|
13
|
+
minWidth: number;
|
|
14
|
+
maxWidth: number;
|
|
15
|
+
getColor: (state: HvDotProps["state"]) => any;
|
|
16
|
+
height: number;
|
|
17
|
+
};
|
|
18
|
+
stepValues: {
|
|
19
|
+
minSize: number;
|
|
20
|
+
maxSize: number;
|
|
21
|
+
StepComponent: React.ComponentType<HvDotProps>;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export type HvSimpleNavigationProps = StandardProps<
|
|
26
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
27
|
+
HvSimpleNavigationClassKey
|
|
28
|
+
> &
|
|
29
|
+
Pick<HvStepNavigationProps, "stepSize"> & {
|
|
30
|
+
/**
|
|
31
|
+
* Number of steps to show on the component.
|
|
32
|
+
*/
|
|
33
|
+
numSteps: number;
|
|
34
|
+
/**
|
|
35
|
+
* Returns a JSX.element of the titles container.
|
|
36
|
+
*/
|
|
37
|
+
getTitles: (
|
|
38
|
+
getTitleProps?: (params: {
|
|
39
|
+
state: HvDotProps["state"];
|
|
40
|
+
rawTitle: string;
|
|
41
|
+
number: number;
|
|
42
|
+
}) => { variant: string; title: string }
|
|
43
|
+
) => JSX.Element | null;
|
|
44
|
+
/**
|
|
45
|
+
* Returns dynamic width values of the component (width, titleWidth, separatorWidth).
|
|
46
|
+
*/
|
|
47
|
+
getDynamicValues: (stepsWidth: number) => {
|
|
48
|
+
width: number;
|
|
49
|
+
titleWidth: number;
|
|
50
|
+
separatorWidth: number;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
|
|
54
|
+
*/
|
|
55
|
+
children: React.FunctionComponent<ComponentChildProps>;
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
export default function HvSimpleNavigation(props: HvSimpleNavigationProps): JSX.Element | null;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
|
|
3
|
+
import "core-js/modules/es.array.includes.js";
|
|
4
|
+
import "core-js/modules/es.array.concat.js";
|
|
5
|
+
import React from "react";
|
|
6
|
+
import PropTypes from "prop-types";
|
|
7
|
+
import { useTheme, withStyles } from "@material-ui/core";
|
|
8
|
+
import HvDot from "./Dot";
|
|
9
|
+
import { defaultColor, disabledColor, dotSizes } from "./utils";
|
|
10
|
+
import styles from "./styles";
|
|
11
|
+
/**
|
|
12
|
+
* Simple Navigation
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
var HvSimpleNavigation = function HvSimpleNavigation(_ref) {
|
|
16
|
+
var numSteps = _ref.numSteps,
|
|
17
|
+
stepSize = _ref.stepSize,
|
|
18
|
+
getTitles = _ref.getTitles,
|
|
19
|
+
getDynamicValues = _ref.getDynamicValues,
|
|
20
|
+
children = _ref.children,
|
|
21
|
+
other = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
|
|
23
|
+
var theme = useTheme(); // step values
|
|
24
|
+
|
|
25
|
+
var dotSize = dotSizes[stepSize];
|
|
26
|
+
var StepComponent = HvDot; //
|
|
27
|
+
|
|
28
|
+
var stepsWidth = (numSteps + 0.5) * dotSize;
|
|
29
|
+
|
|
30
|
+
var _getDynamicValues = getDynamicValues(stepsWidth),
|
|
31
|
+
width = _getDynamicValues.width,
|
|
32
|
+
titleWidth = _getDynamicValues.titleWidth,
|
|
33
|
+
separatorWidth = _getDynamicValues.separatorWidth; // separator values
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
var getColor = function getColor(state) {
|
|
37
|
+
return ["Current", "Disabled"].includes(state) ? disabledColor(theme) : defaultColor(theme);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
var maxWidth = Math.max(titleWidth - dotSize, separatorWidth);
|
|
41
|
+
var minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth); //
|
|
42
|
+
|
|
43
|
+
var Steps = children;
|
|
44
|
+
var titles = getTitles(function (_ref2) {
|
|
45
|
+
var rawTitle = _ref2.rawTitle,
|
|
46
|
+
number = _ref2.number;
|
|
47
|
+
return {
|
|
48
|
+
title: "".concat(number, ". ").concat(rawTitle),
|
|
49
|
+
titleWidth: titleWidth
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
return /*#__PURE__*/React.createElement("div", other, titles, /*#__PURE__*/React.createElement(Steps, {
|
|
53
|
+
stepsWidth: stepsWidth,
|
|
54
|
+
navWidth: width,
|
|
55
|
+
separatorValues: {
|
|
56
|
+
minWidth: minWidth,
|
|
57
|
+
maxWidth: maxWidth,
|
|
58
|
+
getColor: getColor,
|
|
59
|
+
height: 2
|
|
60
|
+
},
|
|
61
|
+
stepValues: {
|
|
62
|
+
minSize: dotSize,
|
|
63
|
+
maxSize: 1.5 * dotSize,
|
|
64
|
+
StepComponent: StepComponent
|
|
65
|
+
}
|
|
66
|
+
}));
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
process.env.NODE_ENV !== "production" ? HvSimpleNavigation.propTypes = {
|
|
70
|
+
/**
|
|
71
|
+
* Class names to be applied.
|
|
72
|
+
*/
|
|
73
|
+
className: PropTypes.string,
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* A Jss Object used to override or extend the styles applied.
|
|
77
|
+
*/
|
|
78
|
+
classes: PropTypes.shape({
|
|
79
|
+
/**
|
|
80
|
+
* Styles applied to the component root class.
|
|
81
|
+
*/
|
|
82
|
+
root: PropTypes.string
|
|
83
|
+
}).isRequired,
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* Number of steps to show on the component.
|
|
87
|
+
*/
|
|
88
|
+
numSteps: PropTypes.number.isRequired,
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Sets one of the standard sizes of the steps
|
|
92
|
+
*/
|
|
93
|
+
stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* Returns dynamic width values of the component (width, titleWidth, separatorWidth).
|
|
97
|
+
*/
|
|
98
|
+
getDynamicValues: PropTypes.func.isRequired,
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* Returns a JSX.element of the titles container.
|
|
102
|
+
*/
|
|
103
|
+
getTitles: PropTypes.func.isRequired,
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
|
|
107
|
+
*/
|
|
108
|
+
children: PropTypes.elementType.isRequired
|
|
109
|
+
} : void 0;
|
|
110
|
+
export default withStyles(styles, {
|
|
111
|
+
name: "HvSimpleNavigation"
|
|
112
|
+
})(HvSimpleNavigation);
|
|
113
|
+
//# sourceMappingURL=SimpleNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleNavigation.js","names":["React","PropTypes","useTheme","withStyles","HvDot","defaultColor","disabledColor","dotSizes","styles","HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","dotSize","StepComponent","stepsWidth","width","titleWidth","separatorWidth","getColor","state","includes","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","title","navWidth","separatorValues","height","stepValues","minSize","maxSize","propTypes","className","string","classes","shape","root","isRequired","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/SimpleNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport HvDot from \"./Dot\";\nimport { defaultColor, disabledColor, dotSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Simple Navigation\n */\nconst HvSimpleNavigation = ({\n numSteps,\n stepSize,\n getTitles,\n getDynamicValues,\n children,\n ...other\n}) => {\n const theme = useTheme();\n\n // step values\n const dotSize = dotSizes[stepSize];\n const StepComponent = HvDot;\n //\n\n const stepsWidth = (numSteps + 0.5) * dotSize;\n const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n // separator values\n const getColor = (state) =>\n [\"Current\", \"Disabled\"].includes(state) ? disabledColor(theme) : defaultColor(theme);\n const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n //\n\n const Steps = children;\n\n const titles = getTitles(({ rawTitle, number }) => ({\n title: `${number}. ${rawTitle}`,\n titleWidth,\n }));\n\n return (\n <div {...other}>\n {titles}\n <Steps\n {...{\n stepsWidth,\n navWidth: width,\n separatorValues: {\n minWidth,\n maxWidth,\n getColor,\n height: 2,\n },\n stepValues: {\n minSize: dotSize,\n maxSize: 1.5 * dotSize,\n StepComponent,\n },\n }}\n />\n </div>\n );\n};\n\nHvSimpleNavigation.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Number of steps to show on the component.\n */\n numSteps: PropTypes.number.isRequired,\n /**\n * Sets one of the standard sizes of the steps\n */\n stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n /**\n * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n */\n getDynamicValues: PropTypes.func.isRequired,\n /**\n * Returns a JSX.element of the titles container.\n */\n getTitles: PropTypes.func.isRequired,\n /**\n * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n */\n children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvSimpleNavigation\" })(HvSimpleNavigation);\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/StepNavigation/SimpleNavigation/index.js"],"sourcesContent":["export { default } from \"./SimpleNavigation\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/StepNavigation/SimpleNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;EADc,CAAP;AAAA,CAAf;;AAIA,eAAeD,MAAf"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var dotSizes = {
|
|
2
|
+
XS: 8,
|
|
3
|
+
SM: 10,
|
|
4
|
+
MD: 12,
|
|
5
|
+
LG: 14,
|
|
6
|
+
XL: 16
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
var defaultColor = function defaultColor(theme) {
|
|
10
|
+
var _theme$hv, _theme$hv$palette, _theme$hv$palette$acc;
|
|
11
|
+
|
|
12
|
+
return theme === null || theme === void 0 ? void 0 : (_theme$hv = theme.hv) === null || _theme$hv === void 0 ? void 0 : (_theme$hv$palette = _theme$hv.palette) === null || _theme$hv$palette === void 0 ? void 0 : (_theme$hv$palette$acc = _theme$hv$palette.accent) === null || _theme$hv$palette$acc === void 0 ? void 0 : _theme$hv$palette$acc.acce1;
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
var disabledColor = function disabledColor(theme) {
|
|
16
|
+
var _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$at;
|
|
17
|
+
|
|
18
|
+
return theme === null || theme === void 0 ? void 0 : (_theme$hv2 = theme.hv) === null || _theme$hv2 === void 0 ? void 0 : (_theme$hv2$palette = _theme$hv2.palette) === null || _theme$hv2$palette === void 0 ? void 0 : (_theme$hv2$palette$at = _theme$hv2$palette.atmosphere) === null || _theme$hv2$palette$at === void 0 ? void 0 : _theme$hv2$palette$at.atmo5;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { dotSizes, defaultColor, disabledColor };
|
|
22
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","names":["dotSizes","XS","SM","MD","LG","XL","defaultColor","theme","hv","palette","accent","acce1","disabledColor","atmosphere","atmo5"],"sources":["../../../../src/StepNavigation/SimpleNavigation/utils.js"],"sourcesContent":["const dotSizes = {\n XS: 8,\n SM: 10,\n MD: 12,\n LG: 14,\n XL: 16,\n};\n\nconst defaultColor = (theme) => theme?.hv?.palette?.accent?.acce1;\nconst disabledColor = (theme) => theme?.hv?.palette?.atmosphere?.atmo5;\n\nexport { dotSizes, defaultColor, disabledColor };\n"],"mappings":"AAAA,IAAMA,QAAQ,GAAG;EACfC,EAAE,EAAE,CADW;EAEfC,EAAE,EAAE,EAFW;EAGfC,EAAE,EAAE,EAHW;EAIfC,EAAE,EAAE,EAJW;EAKfC,EAAE,EAAE;AALW,CAAjB;;AAQA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;EAAA;;EAAA,OAAWA,KAAX,aAAWA,KAAX,oCAAWA,KAAK,CAAEC,EAAlB,mEAAW,UAAWC,OAAtB,+EAAW,kBAAoBC,MAA/B,0DAAW,sBAA4BC,KAAvC;AAAA,CAArB;;AACA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACL,KAAD;EAAA;;EAAA,OAAWA,KAAX,aAAWA,KAAX,qCAAWA,KAAK,CAAEC,EAAlB,qEAAW,WAAWC,OAAtB,gFAAW,mBAAoBI,UAA/B,0DAAW,sBAAgCC,KAA3C;AAAA,CAAtB;;AAEA,SAASd,QAAT,EAAmBM,YAAnB,EAAiCM,aAAjC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
import { HvStepProps } from "./DefaultNavigation/Step/Step";
|
|
4
|
+
|
|
5
|
+
export type HvStepNavigationClassKey = "root";
|
|
6
|
+
|
|
7
|
+
export type HvStepNavigationProps = StandardProps<
|
|
8
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
9
|
+
HvStepNavigationClassKey
|
|
10
|
+
> & {
|
|
11
|
+
/**
|
|
12
|
+
* Type of step navigation. Values = {"Simple", "Default"}
|
|
13
|
+
*/
|
|
14
|
+
type: "Simple" | "Default";
|
|
15
|
+
/**
|
|
16
|
+
* Steps to show on the component.
|
|
17
|
+
*/
|
|
18
|
+
steps: Array<Pick<HvStepProps, "state" | "title" | "onClick" | "className">> & {
|
|
19
|
+
/**
|
|
20
|
+
* Class names to override styles on the separator component after the step.
|
|
21
|
+
*/
|
|
22
|
+
separatorClassName: string;
|
|
23
|
+
/**
|
|
24
|
+
* Class names to override styles on the title component above the step.
|
|
25
|
+
*/
|
|
26
|
+
titleClassName: string;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* Sets one of the standard sizes of the steps
|
|
30
|
+
*/
|
|
31
|
+
stepSize?: "XS" | "SM" | "MD" | "LG" | "XL";
|
|
32
|
+
/**
|
|
33
|
+
* Width of the component element.
|
|
34
|
+
*/
|
|
35
|
+
width?: number;
|
|
36
|
+
/**
|
|
37
|
+
* Defines either show a title or only a tooltip on each step component
|
|
38
|
+
*/
|
|
39
|
+
showTitles?: boolean;
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export default function HvStepNavigation(props: HvStepNavigationProps): JSX.Element | null;
|