@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.
Files changed (205) hide show
  1. package/dist/ImageCarousel/ImageCarousel.d.ts +11 -0
  2. package/dist/ImageCarousel/ImageCarousel.js +615 -0
  3. package/dist/ImageCarousel/ImageCarousel.js.map +1 -0
  4. package/dist/ImageCarousel/index.d.ts +2 -0
  5. package/dist/ImageCarousel/index.js +16 -0
  6. package/dist/ImageCarousel/index.js.map +1 -0
  7. package/dist/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
  8. package/dist/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
  9. package/dist/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
  10. package/dist/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
  11. package/dist/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
  12. package/dist/ImageCarousel/stories/resources/ObiWan.png +0 -0
  13. package/dist/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
  14. package/dist/ImageCarousel/stories/resources/Revan.jpg +0 -0
  15. package/dist/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
  16. package/dist/ImageCarousel/stories/resources/Yoda.jpg +0 -0
  17. package/dist/ImageCarousel/styles.js +238 -0
  18. package/dist/ImageCarousel/styles.js.map +1 -0
  19. package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts +58 -0
  20. package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js +130 -0
  21. package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -0
  22. package/dist/StepNavigation/DefaultNavigation/Step/Step.d.ts +27 -0
  23. package/dist/StepNavigation/DefaultNavigation/Step/Step.js +189 -0
  24. package/dist/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -0
  25. package/dist/StepNavigation/DefaultNavigation/Step/index.d.ts +2 -0
  26. package/dist/StepNavigation/DefaultNavigation/Step/index.js +16 -0
  27. package/dist/StepNavigation/DefaultNavigation/Step/index.js.map +1 -0
  28. package/dist/StepNavigation/DefaultNavigation/Step/styles.js +53 -0
  29. package/dist/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -0
  30. package/dist/StepNavigation/DefaultNavigation/index.d.ts +2 -0
  31. package/dist/StepNavigation/DefaultNavigation/index.js +16 -0
  32. package/dist/StepNavigation/DefaultNavigation/index.js.map +1 -0
  33. package/dist/StepNavigation/DefaultNavigation/styles.js +16 -0
  34. package/dist/StepNavigation/DefaultNavigation/styles.js.map +1 -0
  35. package/dist/StepNavigation/DefaultNavigation/utils.js +49 -0
  36. package/dist/StepNavigation/DefaultNavigation/utils.js.map +1 -0
  37. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.d.ts +10 -0
  38. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +166 -0
  39. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -0
  40. package/dist/StepNavigation/SimpleNavigation/Dot/index.d.ts +2 -0
  41. package/dist/StepNavigation/SimpleNavigation/Dot/index.js +16 -0
  42. package/dist/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -0
  43. package/dist/StepNavigation/SimpleNavigation/Dot/styles.js +25 -0
  44. package/dist/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -0
  45. package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts +58 -0
  46. package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js +133 -0
  47. package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -0
  48. package/dist/StepNavigation/SimpleNavigation/index.d.ts +2 -0
  49. package/dist/StepNavigation/SimpleNavigation/index.js +16 -0
  50. package/dist/StepNavigation/SimpleNavigation/index.js.map +1 -0
  51. package/dist/StepNavigation/SimpleNavigation/styles.js +16 -0
  52. package/dist/StepNavigation/SimpleNavigation/styles.js.map +1 -0
  53. package/dist/StepNavigation/SimpleNavigation/utils.js +31 -0
  54. package/dist/StepNavigation/SimpleNavigation/utils.js.map +1 -0
  55. package/dist/StepNavigation/StepNavigation.d.ts +42 -0
  56. package/dist/StepNavigation/StepNavigation.js +377 -0
  57. package/dist/StepNavigation/StepNavigation.js.map +1 -0
  58. package/dist/StepNavigation/index.d.ts +2 -0
  59. package/dist/StepNavigation/index.js +16 -0
  60. package/dist/StepNavigation/index.js.map +1 -0
  61. package/dist/StepNavigation/styles.js +41 -0
  62. package/dist/StepNavigation/styles.js.map +1 -0
  63. package/dist/StepNavigation/utils.js +15 -0
  64. package/dist/StepNavigation/utils.js.map +1 -0
  65. package/dist/Tag/Tag.d.ts +2 -21
  66. package/dist/index.d.ts +6 -0
  67. package/dist/index.js +19 -1
  68. package/dist/index.js.map +1 -1
  69. package/dist/legacy/ImageCarousel/ImageCarousel.d.ts +11 -0
  70. package/dist/legacy/ImageCarousel/ImageCarousel.js +574 -0
  71. package/dist/legacy/ImageCarousel/ImageCarousel.js.map +1 -0
  72. package/dist/legacy/ImageCarousel/index.d.ts +2 -0
  73. package/dist/legacy/ImageCarousel/index.js +2 -0
  74. package/dist/legacy/ImageCarousel/index.js.map +1 -0
  75. package/dist/legacy/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
  76. package/dist/legacy/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
  77. package/dist/legacy/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
  78. package/dist/legacy/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
  79. package/dist/legacy/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
  80. package/dist/legacy/ImageCarousel/stories/resources/ObiWan.png +0 -0
  81. package/dist/legacy/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
  82. package/dist/legacy/ImageCarousel/stories/resources/Revan.jpg +0 -0
  83. package/dist/legacy/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
  84. package/dist/legacy/ImageCarousel/stories/resources/Yoda.jpg +0 -0
  85. package/dist/legacy/ImageCarousel/styles.js +228 -0
  86. package/dist/legacy/ImageCarousel/styles.js.map +1 -0
  87. package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts +58 -0
  88. package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js +112 -0
  89. package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -0
  90. package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.d.ts +27 -0
  91. package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js +169 -0
  92. package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -0
  93. package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.d.ts +2 -0
  94. package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.js +2 -0
  95. package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.js.map +1 -0
  96. package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js +45 -0
  97. package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -0
  98. package/dist/legacy/StepNavigation/DefaultNavigation/index.d.ts +2 -0
  99. package/dist/legacy/StepNavigation/DefaultNavigation/index.js +2 -0
  100. package/dist/legacy/StepNavigation/DefaultNavigation/index.js.map +1 -0
  101. package/dist/legacy/StepNavigation/DefaultNavigation/styles.js +8 -0
  102. package/dist/legacy/StepNavigation/DefaultNavigation/styles.js.map +1 -0
  103. package/dist/legacy/StepNavigation/DefaultNavigation/utils.js +41 -0
  104. package/dist/legacy/StepNavigation/DefaultNavigation/utils.js.map +1 -0
  105. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.d.ts +10 -0
  106. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js +125 -0
  107. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -0
  108. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.d.ts +2 -0
  109. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.js +2 -0
  110. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -0
  111. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js +18 -0
  112. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -0
  113. package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts +58 -0
  114. package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js +113 -0
  115. package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -0
  116. package/dist/legacy/StepNavigation/SimpleNavigation/index.d.ts +2 -0
  117. package/dist/legacy/StepNavigation/SimpleNavigation/index.js +2 -0
  118. package/dist/legacy/StepNavigation/SimpleNavigation/index.js.map +1 -0
  119. package/dist/legacy/StepNavigation/SimpleNavigation/styles.js +8 -0
  120. package/dist/legacy/StepNavigation/SimpleNavigation/styles.js.map +1 -0
  121. package/dist/legacy/StepNavigation/SimpleNavigation/utils.js +22 -0
  122. package/dist/legacy/StepNavigation/SimpleNavigation/utils.js.map +1 -0
  123. package/dist/legacy/StepNavigation/StepNavigation.d.ts +42 -0
  124. package/dist/legacy/StepNavigation/StepNavigation.js +341 -0
  125. package/dist/legacy/StepNavigation/StepNavigation.js.map +1 -0
  126. package/dist/legacy/StepNavigation/index.d.ts +2 -0
  127. package/dist/legacy/StepNavigation/index.js +2 -0
  128. package/dist/legacy/StepNavigation/index.js.map +1 -0
  129. package/dist/legacy/StepNavigation/styles.js +33 -0
  130. package/dist/legacy/StepNavigation/styles.js.map +1 -0
  131. package/dist/legacy/StepNavigation/utils.js +6 -0
  132. package/dist/legacy/StepNavigation/utils.js.map +1 -0
  133. package/dist/legacy/Tag/Tag.d.ts +2 -21
  134. package/dist/legacy/index.d.ts +6 -0
  135. package/dist/legacy/index.js +2 -0
  136. package/dist/legacy/index.js.map +1 -1
  137. package/dist/modern/ImageCarousel/ImageCarousel.d.ts +11 -0
  138. package/dist/modern/ImageCarousel/ImageCarousel.js +499 -0
  139. package/dist/modern/ImageCarousel/ImageCarousel.js.map +1 -0
  140. package/dist/modern/ImageCarousel/index.d.ts +2 -0
  141. package/dist/modern/ImageCarousel/index.js +2 -0
  142. package/dist/modern/ImageCarousel/index.js.map +1 -0
  143. package/dist/modern/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
  144. package/dist/modern/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
  145. package/dist/modern/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
  146. package/dist/modern/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
  147. package/dist/modern/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
  148. package/dist/modern/ImageCarousel/stories/resources/ObiWan.png +0 -0
  149. package/dist/modern/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
  150. package/dist/modern/ImageCarousel/stories/resources/Revan.jpg +0 -0
  151. package/dist/modern/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
  152. package/dist/modern/ImageCarousel/stories/resources/Yoda.jpg +0 -0
  153. package/dist/modern/ImageCarousel/styles.js +241 -0
  154. package/dist/modern/ImageCarousel/styles.js.map +1 -0
  155. package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts +58 -0
  156. package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js +111 -0
  157. package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -0
  158. package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.d.ts +27 -0
  159. package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js +168 -0
  160. package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -0
  161. package/dist/modern/StepNavigation/DefaultNavigation/Step/index.d.ts +2 -0
  162. package/dist/modern/StepNavigation/DefaultNavigation/Step/index.js +2 -0
  163. package/dist/modern/StepNavigation/DefaultNavigation/Step/index.js.map +1 -0
  164. package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js +43 -0
  165. package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -0
  166. package/dist/modern/StepNavigation/DefaultNavigation/index.d.ts +2 -0
  167. package/dist/modern/StepNavigation/DefaultNavigation/index.js +2 -0
  168. package/dist/modern/StepNavigation/DefaultNavigation/index.js.map +1 -0
  169. package/dist/modern/StepNavigation/DefaultNavigation/styles.js +6 -0
  170. package/dist/modern/StepNavigation/DefaultNavigation/styles.js.map +1 -0
  171. package/dist/modern/StepNavigation/DefaultNavigation/utils.js +41 -0
  172. package/dist/modern/StepNavigation/DefaultNavigation/utils.js.map +1 -0
  173. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.d.ts +10 -0
  174. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js +114 -0
  175. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -0
  176. package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.d.ts +2 -0
  177. package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js +2 -0
  178. package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -0
  179. package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js +18 -0
  180. package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -0
  181. package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts +58 -0
  182. package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js +110 -0
  183. package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -0
  184. package/dist/modern/StepNavigation/SimpleNavigation/index.d.ts +2 -0
  185. package/dist/modern/StepNavigation/SimpleNavigation/index.js +2 -0
  186. package/dist/modern/StepNavigation/SimpleNavigation/index.js.map +1 -0
  187. package/dist/modern/StepNavigation/SimpleNavigation/styles.js +6 -0
  188. package/dist/modern/StepNavigation/SimpleNavigation/styles.js.map +1 -0
  189. package/dist/modern/StepNavigation/SimpleNavigation/utils.js +22 -0
  190. package/dist/modern/StepNavigation/SimpleNavigation/utils.js.map +1 -0
  191. package/dist/modern/StepNavigation/StepNavigation.d.ts +42 -0
  192. package/dist/modern/StepNavigation/StepNavigation.js +324 -0
  193. package/dist/modern/StepNavigation/StepNavigation.js.map +1 -0
  194. package/dist/modern/StepNavigation/index.d.ts +2 -0
  195. package/dist/modern/StepNavigation/index.js +2 -0
  196. package/dist/modern/StepNavigation/index.js.map +1 -0
  197. package/dist/modern/StepNavigation/styles.js +31 -0
  198. package/dist/modern/StepNavigation/styles.js.map +1 -0
  199. package/dist/modern/StepNavigation/utils.js +6 -0
  200. package/dist/modern/StepNavigation/utils.js.map +1 -0
  201. package/dist/modern/Tag/Tag.d.ts +2 -21
  202. package/dist/modern/index.d.ts +6 -0
  203. package/dist/modern/index.js +2 -0
  204. package/dist/modern/index.js.map +1 -1
  205. 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,2 @@
1
+ export { default } from "./DefaultNavigation";
2
+ export * from "./DefaultNavigation";
@@ -0,0 +1,2 @@
1
+ export { default } from "./DefaultNavigation";
2
+ //# sourceMappingURL=index.js.map
@@ -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,8 @@
1
+ var styles = function styles() {
2
+ return {
3
+ root: {}
4
+ };
5
+ };
6
+
7
+ export default styles;
8
+ //# sourceMappingURL=styles.js.map
@@ -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,2 @@
1
+ export { default } from "./Dot";
2
+ export * from "./Dot";
@@ -0,0 +1,2 @@
1
+ export { default } from "./Dot";
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export { default } from "./SimpleNavigation";
2
+ export * from "./SimpleNavigation";
@@ -0,0 +1,2 @@
1
+ export { default } from "./SimpleNavigation";
2
+ //# sourceMappingURL=index.js.map
@@ -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,8 @@
1
+ var styles = function styles() {
2
+ return {
3
+ root: {}
4
+ };
5
+ };
6
+
7
+ export default styles;
8
+ //# sourceMappingURL=styles.js.map
@@ -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;