@dxc-technology/halstack-react 0.0.0-b177758 → 0.0.0-b243e75

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 (293) hide show
  1. package/BackgroundColorContext.js +50 -0
  2. package/ThemeContext.js +246 -0
  3. package/V3Select/V3Select.js +455 -0
  4. package/V3Select/index.d.ts +27 -0
  5. package/V3Textarea/V3Textarea.js +260 -0
  6. package/V3Textarea/index.d.ts +27 -0
  7. package/accordion/Accordion.js +289 -0
  8. package/accordion/index.d.ts +28 -0
  9. package/accordion-group/AccordionGroup.js +184 -0
  10. package/accordion-group/index.d.ts +16 -0
  11. package/alert/Alert.js +309 -0
  12. package/alert/index.d.ts +51 -0
  13. package/badge/Badge.js +59 -0
  14. package/{dist/box → box}/Box.js +38 -34
  15. package/box/index.d.ts +25 -0
  16. package/button/Button.d.ts +4 -0
  17. package/button/Button.js +182 -0
  18. package/button/Button.stories.tsx +306 -0
  19. package/button/types.d.ts +57 -0
  20. package/button/types.js +5 -0
  21. package/card/Card.js +200 -0
  22. package/card/index.d.ts +22 -0
  23. package/checkbox/Checkbox.js +275 -0
  24. package/checkbox/index.d.ts +24 -0
  25. package/chip/Chip.js +221 -0
  26. package/chip/index.d.ts +22 -0
  27. package/{dist/common → common}/OpenSans.css +0 -0
  28. package/{dist/common → common}/RequiredComponent.js +5 -19
  29. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  30. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  31. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  32. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  33. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  34. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  35. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  36. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  37. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  38. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  39. package/common/utils.js +22 -0
  40. package/common/variables.js +1569 -0
  41. package/{dist/date → date}/Date.js +87 -70
  42. package/date/index.d.ts +27 -0
  43. package/date-input/DateInput.js +396 -0
  44. package/date-input/index.d.ts +95 -0
  45. package/dialog/Dialog.js +184 -0
  46. package/dialog/index.d.ts +18 -0
  47. package/dropdown/Dropdown.js +450 -0
  48. package/dropdown/index.d.ts +26 -0
  49. package/file-input/FileInput.js +532 -0
  50. package/file-input/FileItem.js +193 -0
  51. package/file-input/index.d.ts +81 -0
  52. package/footer/Footer.js +297 -0
  53. package/footer/Icons.js +77 -0
  54. package/footer/index.d.ts +25 -0
  55. package/header/Header.js +326 -0
  56. package/header/Icons.js +59 -0
  57. package/header/index.d.ts +25 -0
  58. package/heading/Heading.js +176 -0
  59. package/heading/index.d.ts +17 -0
  60. package/input-text/Icons.js +22 -0
  61. package/input-text/InputText.js +611 -0
  62. package/input-text/index.d.ts +36 -0
  63. package/layout/ApplicationLayout.js +235 -0
  64. package/layout/Icons.js +55 -0
  65. package/link/Link.js +183 -0
  66. package/link/index.d.ts +23 -0
  67. package/main.d.ts +44 -0
  68. package/{dist/main.js → main.js} +137 -53
  69. package/number-input/NumberInput.js +128 -0
  70. package/{dist/ThemeContext.js → number-input/NumberInputContext.js} +3 -2
  71. package/number-input/index.d.ts +113 -0
  72. package/package.json +38 -23
  73. package/paginator/Icons.js +66 -0
  74. package/paginator/Paginator.js +221 -0
  75. package/paginator/index.d.ts +20 -0
  76. package/password-input/PasswordInput.js +199 -0
  77. package/password-input/index.d.ts +94 -0
  78. package/progress-bar/ProgressBar.js +188 -0
  79. package/progress-bar/index.d.ts +18 -0
  80. package/{dist/radio → radio}/Radio.js +40 -40
  81. package/radio/index.d.ts +23 -0
  82. package/resultsetTable/ResultsetTable.js +274 -0
  83. package/resultsetTable/index.d.ts +19 -0
  84. package/select/Select.js +865 -0
  85. package/select/index.d.ts +131 -0
  86. package/sidenav/Sidenav.js +145 -0
  87. package/sidenav/index.d.ts +13 -0
  88. package/slider/Slider.js +340 -0
  89. package/slider/index.d.ts +29 -0
  90. package/spinner/Spinner.js +267 -0
  91. package/spinner/index.d.ts +17 -0
  92. package/switch/Switch.js +208 -0
  93. package/switch/index.d.ts +24 -0
  94. package/table/Table.js +118 -0
  95. package/table/index.d.ts +13 -0
  96. package/tabs/Tabs.js +259 -0
  97. package/tabs/index.d.ts +19 -0
  98. package/tag/Tag.js +208 -0
  99. package/tag/index.d.ts +24 -0
  100. package/text-input/TextInput.js +825 -0
  101. package/text-input/index.d.ts +135 -0
  102. package/textarea/Textarea.js +317 -0
  103. package/textarea/index.d.ts +117 -0
  104. package/{dist/toggle → toggle}/Toggle.js +30 -67
  105. package/toggle/index.d.ts +21 -0
  106. package/toggle-group/ToggleGroup.js +243 -0
  107. package/toggle-group/index.d.ts +21 -0
  108. package/{dist/upload → upload}/Upload.js +23 -22
  109. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  110. package/upload/buttons-upload/Icons.js +40 -0
  111. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  112. package/upload/dragAndDropArea/Icons.js +39 -0
  113. package/upload/file-upload/FileToUpload.js +115 -0
  114. package/upload/file-upload/Icons.js +66 -0
  115. package/upload/files-upload/FilesToUpload.js +109 -0
  116. package/upload/index.d.ts +15 -0
  117. package/upload/transaction/Icons.js +160 -0
  118. package/upload/transaction/Transaction.js +104 -0
  119. package/upload/transactions/Transactions.js +94 -0
  120. package/useTheme.js +22 -0
  121. package/wizard/Icons.js +65 -0
  122. package/wizard/Wizard.js +271 -0
  123. package/wizard/index.d.ts +18 -0
  124. package/README.md +0 -66
  125. package/babel.config.js +0 -4
  126. package/dist/accordion/Accordion.js +0 -248
  127. package/dist/accordion/Accordion.stories.js +0 -207
  128. package/dist/accordion/readme.md +0 -96
  129. package/dist/alert/Alert.js +0 -304
  130. package/dist/alert/Alert.stories.js +0 -158
  131. package/dist/alert/close.svg +0 -4
  132. package/dist/alert/error.svg +0 -4
  133. package/dist/alert/info.svg +0 -4
  134. package/dist/alert/readme.md +0 -43
  135. package/dist/alert/success.svg +0 -4
  136. package/dist/alert/warning.svg +0 -4
  137. package/dist/button/Button.js +0 -181
  138. package/dist/button/Button.stories.js +0 -224
  139. package/dist/button/readme.md +0 -93
  140. package/dist/card/Card.js +0 -217
  141. package/dist/checkbox/Checkbox.js +0 -240
  142. package/dist/checkbox/Checkbox.stories.js +0 -144
  143. package/dist/checkbox/readme.md +0 -116
  144. package/dist/chip/Chip.js +0 -173
  145. package/dist/common/services/example-service.js +0 -10
  146. package/dist/common/services/example-service.test.js +0 -12
  147. package/dist/common/utils.js +0 -42
  148. package/dist/common/variables.js +0 -438
  149. package/dist/date/Date.stories.js +0 -205
  150. package/dist/date/calendar.svg +0 -1
  151. package/dist/date/calendar_dark.svg +0 -1
  152. package/dist/date/readme.md +0 -73
  153. package/dist/dialog/Dialog.js +0 -197
  154. package/dist/dialog/Dialog.stories.js +0 -217
  155. package/dist/dialog/readme.md +0 -32
  156. package/dist/dropdown/Dropdown.js +0 -416
  157. package/dist/dropdown/Dropdown.stories.js +0 -249
  158. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  159. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  160. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  161. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  162. package/dist/dropdown/readme.md +0 -69
  163. package/dist/footer/Footer.js +0 -346
  164. package/dist/footer/Footer.stories.js +0 -94
  165. package/dist/footer/dxc_logo_wht.png +0 -0
  166. package/dist/footer/readme.md +0 -41
  167. package/dist/header/Header.js +0 -360
  168. package/dist/header/Header.stories.js +0 -176
  169. package/dist/header/close_icon.svg +0 -1
  170. package/dist/header/dxc_logo_black.png +0 -0
  171. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  172. package/dist/header/dxc_logo_white.png +0 -0
  173. package/dist/header/hamb_menu_black.svg +0 -1
  174. package/dist/header/hamb_menu_white.svg +0 -1
  175. package/dist/header/readme.md +0 -33
  176. package/dist/heading/Heading.js +0 -153
  177. package/dist/input-text/InputText.js +0 -519
  178. package/dist/input-text/InputText.stories.js +0 -209
  179. package/dist/input-text/error.svg +0 -1
  180. package/dist/input-text/readme.md +0 -91
  181. package/dist/layout/ApplicationLayout.js +0 -320
  182. package/dist/layout/SideNav.js +0 -67
  183. package/dist/layout/facebook.svg +0 -45
  184. package/dist/layout/linkedin.svg +0 -50
  185. package/dist/layout/twitter.svg +0 -53
  186. package/dist/link/Link.js +0 -136
  187. package/dist/link/readme.md +0 -51
  188. package/dist/paginator/Paginator.js +0 -196
  189. package/dist/paginator/images/next.svg +0 -3
  190. package/dist/paginator/images/nextPage.svg +0 -3
  191. package/dist/paginator/images/previous.svg +0 -3
  192. package/dist/paginator/images/previousPage.svg +0 -3
  193. package/dist/paginator/readme.md +0 -50
  194. package/dist/progress-bar/ProgressBar.js +0 -185
  195. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  196. package/dist/progress-bar/readme.md +0 -63
  197. package/dist/radio/Radio.stories.js +0 -166
  198. package/dist/radio/readme.md +0 -70
  199. package/dist/resultsetTable/ResultsetTable.js +0 -333
  200. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  201. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  202. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  203. package/dist/select/Select.js +0 -451
  204. package/dist/select/Select.stories.js +0 -235
  205. package/dist/select/readme.md +0 -72
  206. package/dist/sidenav/Sidenav.js +0 -222
  207. package/dist/sidenav/arrow_icon.svg +0 -3
  208. package/dist/slider/Slider.js +0 -258
  209. package/dist/slider/Slider.stories.js +0 -241
  210. package/dist/slider/readme.md +0 -64
  211. package/dist/spinner/Spinner.js +0 -193
  212. package/dist/spinner/Spinner.stories.js +0 -183
  213. package/dist/spinner/readme.md +0 -65
  214. package/dist/switch/Switch.js +0 -199
  215. package/dist/switch/Switch.stories.js +0 -134
  216. package/dist/switch/readme.md +0 -133
  217. package/dist/table/Table.js +0 -93
  218. package/dist/tabs/Tabs.js +0 -172
  219. package/dist/tabs/Tabs.stories.js +0 -130
  220. package/dist/tabs/readme.md +0 -78
  221. package/dist/tabs-for-sections/TabsForSections.js +0 -107
  222. package/dist/tabs-for-sections/readme.md +0 -78
  223. package/dist/tag/Tag.js +0 -217
  224. package/dist/textarea/Textarea.js +0 -227
  225. package/dist/toggle/Toggle.stories.js +0 -297
  226. package/dist/toggle/readme.md +0 -80
  227. package/dist/toggle-group/ToggleGroup.js +0 -214
  228. package/dist/toggle-group/readme.md +0 -82
  229. package/dist/upload/Upload.stories.js +0 -72
  230. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -122
  231. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  232. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  233. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -279
  234. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  235. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  236. package/dist/upload/file-upload/FileToUpload.js +0 -158
  237. package/dist/upload/file-upload/audio-icon.svg +0 -4
  238. package/dist/upload/file-upload/close.svg +0 -4
  239. package/dist/upload/file-upload/file-icon.svg +0 -4
  240. package/dist/upload/file-upload/video-icon.svg +0 -4
  241. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  242. package/dist/upload/readme.md +0 -37
  243. package/dist/upload/transaction/Transaction.js +0 -155
  244. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  245. package/dist/upload/transaction/audio-icon.svg +0 -4
  246. package/dist/upload/transaction/error-icon.svg +0 -4
  247. package/dist/upload/transaction/file-icon-err.svg +0 -4
  248. package/dist/upload/transaction/file-icon.svg +0 -4
  249. package/dist/upload/transaction/image-icon-err.svg +0 -4
  250. package/dist/upload/transaction/image-icon.svg +0 -4
  251. package/dist/upload/transaction/success-icon.svg +0 -4
  252. package/dist/upload/transaction/video-icon-err.svg +0 -4
  253. package/dist/upload/transaction/video-icon.svg +0 -4
  254. package/dist/upload/transactions/Transactions.js +0 -120
  255. package/dist/wizard/Wizard.js +0 -327
  256. package/dist/wizard/invalid_icon.svg +0 -6
  257. package/dist/wizard/valid_icon.svg +0 -6
  258. package/dist/wizard/validation-wrong.svg +0 -6
  259. package/test/Accordion.test.js +0 -33
  260. package/test/Alert.test.js +0 -53
  261. package/test/Box.test.js +0 -10
  262. package/test/Button.test.js +0 -18
  263. package/test/Card.test.js +0 -30
  264. package/test/Checkbox.test.js +0 -45
  265. package/test/Chip.test.js +0 -25
  266. package/test/Date.test.js +0 -393
  267. package/test/Dialog.test.js +0 -23
  268. package/test/Dropdown.test.js +0 -130
  269. package/test/Footer.test.js +0 -99
  270. package/test/Header.test.js +0 -39
  271. package/test/Heading.test.js +0 -35
  272. package/test/InputText.test.js +0 -236
  273. package/test/Link.test.js +0 -25
  274. package/test/Paginator.test.js +0 -165
  275. package/test/ProgressBar.test.js +0 -35
  276. package/test/Radio.test.js +0 -37
  277. package/test/ResultsetTable.test.js +0 -282
  278. package/test/Select.test.js +0 -191
  279. package/test/Sidenav.test.js +0 -87
  280. package/test/Slider.test.js +0 -65
  281. package/test/Spinner.test.js +0 -27
  282. package/test/Switch.test.js +0 -45
  283. package/test/Table.test.js +0 -36
  284. package/test/Tabs.test.js +0 -88
  285. package/test/TabsForSections.test.js +0 -34
  286. package/test/Tag.test.js +0 -32
  287. package/test/TextArea.test.js +0 -52
  288. package/test/Toggle.test.js +0 -43
  289. package/test/ToggleGroup.test.js +0 -81
  290. package/test/Upload.test.js +0 -60
  291. package/test/Wizard.test.js +0 -130
  292. package/test/mocks/pngMock.js +0 -1
  293. package/test/mocks/svgMock.js +0 -1
@@ -1,45 +0,0 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
6
- xml:space="preserve" fill="#FFFFFF">
7
- <g>
8
- <path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
9
- C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
10
- h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
11
- C438.532,59.576,430.49,40.204,414.41,24.123z M373.155,225.548h-49.963V406.84h-74.802V225.548H210.99V163.02h37.401v-37.402
12
- c0-26.838,6.283-47.107,18.843-60.813c12.559-13.706,33.304-20.555,62.242-20.555h49.963v62.526h-31.401
13
- c-10.663,0-17.467,1.853-20.417,5.568c-2.949,3.711-4.428,10.23-4.428,19.558v31.119h56.534L373.155,225.548z"/>
14
- </g>
15
- <g>
16
- </g>
17
- <g>
18
- </g>
19
- <g>
20
- </g>
21
- <g>
22
- </g>
23
- <g>
24
- </g>
25
- <g>
26
- </g>
27
- <g>
28
- </g>
29
- <g>
30
- </g>
31
- <g>
32
- </g>
33
- <g>
34
- </g>
35
- <g>
36
- </g>
37
- <g>
38
- </g>
39
- <g>
40
- </g>
41
- <g>
42
- </g>
43
- <g>
44
- </g>
45
- </svg>
@@ -1,50 +0,0 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
6
- xml:space="preserve" fill="#FFFFFF">
7
- <g>
8
- <path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
9
- C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
10
- h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
11
- C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332
12
- c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41
13
- c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708
14
- c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92
15
- c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991
16
- c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974
17
- c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64
18
- H370.873z"/>
19
- </g>
20
- <g>
21
- </g>
22
- <g>
23
- </g>
24
- <g>
25
- </g>
26
- <g>
27
- </g>
28
- <g>
29
- </g>
30
- <g>
31
- </g>
32
- <g>
33
- </g>
34
- <g>
35
- </g>
36
- <g>
37
- </g>
38
- <g>
39
- </g>
40
- <g>
41
- </g>
42
- <g>
43
- </g>
44
- <g>
45
- </g>
46
- <g>
47
- </g>
48
- <g>
49
- </g>
50
- </svg>
@@ -1,53 +0,0 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
6
- xml:space="preserve" fill="#FFFFFF">
7
- <g>
8
- <path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
9
- C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
10
- h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
11
- C438.532,59.576,430.49,40.204,414.41,24.123z M335.471,168.735c0.191,1.713,0.288,4.278,0.288,7.71
12
- c0,15.989-2.334,32.025-6.995,48.104c-4.661,16.087-11.8,31.504-21.416,46.254c-9.606,14.749-21.074,27.791-34.396,39.115
13
- c-13.325,11.32-29.311,20.365-47.968,27.117c-18.648,6.762-38.637,10.143-59.953,10.143c-33.116,0-63.76-8.952-91.931-26.836
14
- c4.568,0.568,9.329,0.855,14.275,0.855c27.6,0,52.439-8.565,74.519-25.7c-12.941-0.185-24.506-4.179-34.688-11.991
15
- c-10.185-7.803-17.273-17.699-21.271-29.691c4.947,0.76,8.658,1.137,11.132,1.137c4.187,0,9.042-0.76,14.56-2.279
16
- c-13.894-2.669-25.598-9.562-35.115-20.697c-9.519-11.136-14.277-23.84-14.277-38.114v-0.571
17
- c10.085,4.755,19.602,7.229,28.549,7.422c-17.321-11.613-25.981-28.265-25.981-49.963c0-10.66,2.758-20.747,8.278-30.264
18
- c15.035,18.464,33.311,33.213,54.816,44.252c21.507,11.038,44.54,17.227,69.092,18.558c-0.95-3.616-1.427-8.186-1.427-13.704
19
- c0-16.562,5.853-30.692,17.56-42.399c11.703-11.706,25.837-17.561,42.394-17.561c17.515,0,32.079,6.283,43.688,18.846
20
- c13.134-2.474,25.892-7.33,38.26-14.56c-4.757,14.652-13.613,25.788-26.55,33.402c12.368-1.716,23.88-4.95,34.537-9.708
21
- C357.458,149.793,347.462,160.166,335.471,168.735z"/>
22
- </g>
23
- <g>
24
- </g>
25
- <g>
26
- </g>
27
- <g>
28
- </g>
29
- <g>
30
- </g>
31
- <g>
32
- </g>
33
- <g>
34
- </g>
35
- <g>
36
- </g>
37
- <g>
38
- </g>
39
- <g>
40
- </g>
41
- <g>
42
- </g>
43
- <g>
44
- </g>
45
- <g>
46
- </g>
47
- <g>
48
- </g>
49
- <g>
50
- </g>
51
- <g>
52
- </g>
53
- </svg>
package/dist/link/Link.js DELETED
@@ -1,136 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
15
-
16
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
21
-
22
- var _propTypes = _interopRequireDefault(require("prop-types"));
23
-
24
- var _variables = require("../common/variables.js");
25
-
26
- var _utils = require("../common/utils.js");
27
-
28
- var _ThemeContext = _interopRequireDefault(require("../ThemeContext.js"));
29
-
30
- function _templateObject2() {
31
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: 16px;\n height: 16px;\n ", ": 6px;\n"]);
32
-
33
- _templateObject2 = function _templateObject2() {
34
- return data;
35
- };
36
-
37
- return data;
38
- }
39
-
40
- function _templateObject() {
41
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n\n ", ";\n\n color: ", ";\n ", "\n ", "\n \n display: inline-flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n\n max-width: 100%;\n font-size: 16px;\n padding-bottom: 2px;\n\n &:hover {\n color: ", " !important;\n text-decoration: none;\n padding-bottom: 1px !important;\n border-bottom: 1px solid;\n\n cursor: pointer;\n }\n\n &:visited {\n ", "\n }\n"]);
42
-
43
- _templateObject = function _templateObject() {
44
- return data;
45
- };
46
-
47
- return data;
48
- }
49
-
50
- var DxcLink = function DxcLink(_ref) {
51
- var _ref$underlined = _ref.underlined,
52
- underlined = _ref$underlined === void 0 ? true : _ref$underlined,
53
- _ref$inheritColor = _ref.inheritColor,
54
- inheritColor = _ref$inheritColor === void 0 ? false : _ref$inheritColor,
55
- _ref$disabled = _ref.disabled,
56
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
57
- iconSrc = _ref.iconSrc,
58
- _ref$iconPosition = _ref.iconPosition,
59
- iconPosition = _ref$iconPosition === void 0 ? "before" : _ref$iconPosition,
60
- _ref$href = _ref.href,
61
- href = _ref$href === void 0 ? "" : _ref$href,
62
- _ref$newWindow = _ref.newWindow,
63
- newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
- _ref$text = _ref.text,
65
- text = _ref$text === void 0 ? "" : _ref$text,
66
- margin = _ref.margin;
67
- var customTheme = (0, _react.useContext)(_ThemeContext["default"]);
68
- var colorsTheme = (0, _react.useMemo)(function () {
69
- return (0, _utils.getCustomTheme)(_variables.theme, (0, _utils.getCustomTheme)(_variables.defaultTheme, customTheme));
70
- }, [customTheme]);
71
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
72
- theme: colorsTheme.link
73
- }, _react["default"].createElement(LinkText, {
74
- underlined: underlined,
75
- inheritColor: inheritColor,
76
- disabled: disabled,
77
- href: href,
78
- margin: margin,
79
- iconPosition: iconPosition,
80
- target: newWindow ? "_blank" : "_self"
81
- }, text, iconSrc ? _react["default"].createElement(LinkIcon, {
82
- src: iconSrc,
83
- iconPosition: iconPosition
84
- }) : ""));
85
- };
86
-
87
- var LinkText = _styledComponents["default"].a(_templateObject(), function (props) {
88
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
89
- }, function (props) {
90
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
91
- }, function (props) {
92
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.right ? _variables.spaces[props.margin.right] : "";
93
- }, function (props) {
94
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
95
- }, function (props) {
96
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
97
- }, function (props) {
98
- return props.underlined ? !props.disabled ? "text-decoration: none;\n padding-bottom: 1px !important;\n border-bottom: 1px solid ".concat(props.theme.underlinedBackgroundColor) : "text-decoration: none;\n padding-bottom: 1px !important;\n border-bottom: 1px solid ".concat(props.theme.disabledUnderlinedBackgroundColor) : "text-decoration: none";
99
- }, function (props) {
100
- return !props.disabled ? props.theme.fontColor : props.theme.disabledColor;
101
- }, function (props) {
102
- return !props.underlined ? "text-decoration-color: transparent;" : "";
103
- }, function (props) {
104
- return props.disabled ? "pointer-events: none;" : "";
105
- }, function (props) {
106
- return props.iconPosition === "after" ? "row" : "row-reverse";
107
- }, function (props) {
108
- return props.iconPosition === "after" ? "flex-start" : "flex-end";
109
- }, function (props) {
110
- return props.theme.hoverFontColor;
111
- }, function (props) {
112
- return props.underlined ? !props.disabled ? "color: ".concat(props.theme.visitedFontColor, " !important; border-bottom: 1px solid ").concat(props.theme.visitedUnderlinedBackgroundColor) : "" : "";
113
- });
114
-
115
- var LinkIcon = _styledComponents["default"].img(_templateObject2(), function (props) {
116
- return props.iconPosition === "before" ? "margin-right" : "margin-left";
117
- });
118
-
119
- DxcLink.propTypes = {
120
- underlined: _propTypes["default"].bool,
121
- inheritColor: _propTypes["default"].bool,
122
- disabled: _propTypes["default"].bool,
123
- iconSrc: _propTypes["default"].string,
124
- iconPosition: _propTypes["default"].oneOf(["after", "before"]),
125
- href: _propTypes["default"].string,
126
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
127
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
128
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
129
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
130
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
131
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
132
- newWindow: _propTypes["default"].bool,
133
- text: _propTypes["default"].string
134
- };
135
- var _default = DxcLink;
136
- exports["default"] = _default;
@@ -1,51 +0,0 @@
1
- # DXC Input Text Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>underlined: 'boolean'</td>
13
- <td><code>false</code></td>
14
- <td>If true, the text is underlined.</td>
15
- </tr>
16
- <tr>
17
- <td>color: boolean</td>
18
- <td><code>false</code></td>
19
- <td>If true, the link have the default colors.</td>
20
- </tr>
21
- <tr>
22
- <td>text: string</td>
23
- <td></td>
24
- <td>Link text.</td>
25
- </tr>
26
- <tr>
27
- <td>iconSrc: string</td>
28
- <td></td>
29
- <td>Source of the icon.</td>
30
- </tr>
31
- <tr>
32
- <td>iconPosition: 'before' | 'after'</td>
33
- <td><code>before</code></td>
34
- <td>Indicates the position of the icon in the component.</td>
35
- </tr>
36
- <tr>
37
- <td>href: string</td>
38
- <td></td>
39
- <td>Page to be opened when the user clicks on the link.</td>
40
- </tr>
41
- <tr>
42
- <td>theme: 'light' | 'dark'</td>
43
- <td><code>light</code></td>
44
- <td>Theme of the component.</td>
45
- </tr>
46
- <tr>
47
- <td>newWindow: boolean</td>
48
- <td><code>false</code></td>
49
- <td>If true, the page is opened in a new browser tab.</td>
50
- </tr>
51
- </table>
@@ -1,196 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
17
-
18
- var _variables = require("../common/variables.js");
19
-
20
- var _ThemeContext = _interopRequireDefault(require("../ThemeContext.js"));
21
-
22
- var _utils = require("../common/utils.js");
23
-
24
- var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
- var _Button = _interopRequireDefault(require("../button/Button"));
27
-
28
- var _previousPage = _interopRequireDefault(require("./images/previousPage.svg"));
29
-
30
- var _previous = _interopRequireDefault(require("./images/previous.svg"));
31
-
32
- var _next = _interopRequireDefault(require("./images/next.svg"));
33
-
34
- var _nextPage = _interopRequireDefault(require("./images/nextPage.svg"));
35
-
36
- require("../common/OpenSans.css");
37
-
38
- function _templateObject4() {
39
- var data = (0, _taggedTemplateLiteral2["default"])([""]);
40
-
41
- _templateObject4 = function _templateObject4() {
42
- return data;
43
- };
44
-
45
- return data;
46
- }
47
-
48
- function _templateObject3() {
49
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: 100%;\n justify-content: flex-end;\n align-items: center;\n margin: 0 40px 0 20px;\n font-size: 14px;\n"]);
50
-
51
- _templateObject3 = function _templateObject3() {
52
- return data;
53
- };
54
-
55
- return data;
56
- }
57
-
58
- function _templateObject2() {
59
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: 30px;\n"]);
60
-
61
- _templateObject2 = function _templateObject2() {
62
- return data;
63
- };
64
-
65
- return data;
66
- }
67
-
68
- function _templateObject() {
69
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n height: 64px;\n width: 100%;\n background-color: ", ";\n color: ", ";\n button {\n &:disabled {\n background-color: transparent !important;\n opacity: 0.3 !important;\n }\n }\n"]);
70
-
71
- _templateObject = function _templateObject() {
72
- return data;
73
- };
74
-
75
- return data;
76
- }
77
-
78
- var DxcPaginator = function DxcPaginator(_ref) {
79
- var _ref$currentPage = _ref.currentPage,
80
- currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
81
- _ref$itemsPerPage = _ref.itemsPerPage,
82
- itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
83
- _ref$totalItems = _ref.totalItems,
84
- totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
85
- nextFunction = _ref.nextFunction,
86
- prevFunction = _ref.prevFunction,
87
- lastFunction = _ref.lastFunction,
88
- firstFunction = _ref.firstFunction;
89
- var totalPages = Math.ceil(totalItems / itemsPerPage);
90
- var currentPageInternal = currentPage === -1 ? totalPages : currentPage;
91
- var minItemsPerPage = currentPageInternal === 1 || currentPageInternal === 0 ? currentPageInternal : (currentPageInternal - 1) * itemsPerPage + 1;
92
- var maxItemsPerPage = minItemsPerPage - 1 + itemsPerPage > totalItems ? totalItems : minItemsPerPage - 1 + itemsPerPage;
93
- var customTheme = (0, _react.useContext)(_ThemeContext["default"]);
94
- var colorsTheme = (0, _react.useMemo)(function () {
95
- return (0, _utils.getCustomTheme)(_variables.theme, (0, _utils.getCustomTheme)(_variables.defaultTheme, customTheme));
96
- }, [customTheme]);
97
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
98
- theme: colorsTheme.paginator
99
- }, _react["default"].createElement(DxcPaginatorContainer, {
100
- disabled: currentPageInternal === 1
101
- }, _react["default"].createElement(LabelsContainer, null, _react["default"].createElement(TotalItemsContainer, null, minItemsPerPage, " to ", maxItemsPerPage, " of ", totalItems), firstFunction && _react["default"].createElement(_Button["default"], {
102
- size: "small",
103
- mode: "secondary",
104
- disabled: currentPageInternal === 1 || currentPageInternal === 0,
105
- margin: {
106
- left: "xxsmall",
107
- right: "xxsmall"
108
- },
109
- iconSrc: _previousPage["default"],
110
- onClick: function onClick() {
111
- if (firstFunction) {
112
- firstFunction();
113
- }
114
- }
115
- }), prevFunction && _react["default"].createElement(_Button["default"], {
116
- size: "small",
117
- mode: "secondary",
118
- disabled: currentPageInternal === 1 || currentPageInternal === 0,
119
- margin: {
120
- left: "xxsmall",
121
- right: "xxsmall"
122
- },
123
- iconSrc: _previous["default"],
124
- onClick: function onClick() {
125
- if (prevFunction) {
126
- prevFunction();
127
- }
128
- }
129
- }), _react["default"].createElement(TextContainer, null, "Page: ", currentPageInternal, " of ", totalPages), nextFunction && _react["default"].createElement(_Button["default"], {
130
- size: "small",
131
- mode: "secondary",
132
- disabled: currentPageInternal === totalPages,
133
- margin: {
134
- left: "xxsmall",
135
- right: "xxsmall"
136
- },
137
- iconSrc: _next["default"],
138
- onClick: function onClick() {
139
- if (nextFunction) {
140
- nextFunction();
141
- }
142
- }
143
- }), lastFunction && _react["default"].createElement(_Button["default"], {
144
- size: "small",
145
- mode: "secondary",
146
- disabled: currentPageInternal === totalPages,
147
- margin: {
148
- left: "xxsmall",
149
- right: "xxsmall"
150
- },
151
- iconSrc: _nextPage["default"],
152
- onClick: function onClick() {
153
- if (lastFunction) {
154
- lastFunction(totalPages);
155
- }
156
- }
157
- }))));
158
- };
159
-
160
- var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject(), function (props) {
161
- return props.theme.paginatorBackgroundColor;
162
- }, function (props) {
163
- return props.theme.paginatorFontColor;
164
- }); // const ItemsPageContainer = styled.span`
165
- // margin-right: 30px;
166
- // `;
167
- // const ItemsLabel = styled.span`
168
- // margin-right: 15px;
169
- // `;
170
-
171
-
172
- var TotalItemsContainer = _styledComponents["default"].span(_templateObject2());
173
-
174
- var LabelsContainer = _styledComponents["default"].div(_templateObject3());
175
-
176
- var TextContainer = _styledComponents["default"].span(_templateObject4());
177
-
178
- DxcPaginator.propTypes = {
179
- currentPage: _propTypes["default"].number,
180
- itemsPerPage: _propTypes["default"].number,
181
- totalItems: _propTypes["default"].number.isRequired,
182
- nextFunction: _propTypes["default"].func,
183
- prevFunction: _propTypes["default"].func,
184
- lastFunction: _propTypes["default"].func,
185
- firstFunction: _propTypes["default"].func
186
- };
187
- DxcPaginator.defaultProps = {
188
- currentPage: 1,
189
- itemsPerPage: 5,
190
- nextFunction: null,
191
- prevFunction: null,
192
- lastFunction: null,
193
- firstFunction: null
194
- };
195
- var _default = DxcPaginator;
196
- exports["default"] = _default;
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="7.41" height="12" viewBox="0 0 7.41 12">
2
- <path id="Path_2461" data-name="Path 2461" d="M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z" transform="translate(-8.59 -6)"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="12.41" height="12" viewBox="0 0 12.41 12">
2
- <path id="Path_2465" data-name="Path 2465" d="M5.59,7.41,10.18,12,5.59,16.59,7,18l6-6L7,6ZM16,6h2V18H16Z" transform="translate(-5.59 -6)"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="7.41" height="12" viewBox="0 0 7.41 12">
2
- <path id="Path_2459" data-name="Path 2459" d="M15.41,7.41,14,6,8,12l6,6,1.41-1.41L10.83,12Z" transform="translate(-8 -6)"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="12.41" height="12" viewBox="0 0 12.41 12">
2
- <path id="Path_2463" data-name="Path 2463" d="M18.41,16.59,13.82,12l4.59-4.59L17,6l-6,6,6,6ZM6,6H8V18H6Z" transform="translate(-6 -6)"/>
3
- </svg>
@@ -1,50 +0,0 @@
1
- # DXC Paginator Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>currentPage: number</td>
13
- <td><code>1</code></td>
14
- <td>Current page.</td>
15
- </tr>
16
- <tr>
17
- <td>itemsPerPage: number</td>
18
- <td><code>5</code></td>
19
- <td>Number of items to be displayed on each page.</td>
20
- </tr>
21
- <tr>
22
- <td>totalItems: number</td>
23
- <td></td>
24
- <td>Total number of items.</td>
25
- </tr>
26
- <tr>
27
- <td>nextFunction: function</td>
28
- <td></td>
29
- <td>This function will be called when the user clicks the next page button.<br>
30
- </td>
31
- </tr>
32
- <tr>
33
- <td>prevFunction: function</td>
34
- <td></td>
35
- <td>This function will be called when the user clicks the previous page button.<br>
36
- </td>
37
- </tr>
38
- <tr>
39
- <td>lastFunction: function</td>
40
- <td></td>
41
- <td>This function will be called when the user clicks the last page button.<br>
42
- </td>
43
- </tr>
44
- <tr>
45
- <td>firstFunction: function</td>
46
- <td></td>
47
- <td>This function will be called when the user clicks the first page button.<br>
48
- </td>
49
- </tr>
50
- </table>