@dxc-technology/halstack-react 0.0.0-66de2f8 → 0.0.0-68c642b

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 (407) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +48 -0
  3. package/ThemeContext.d.ts +15 -0
  4. package/ThemeContext.js +243 -0
  5. package/V3Select/V3Select.js +455 -0
  6. package/V3Select/index.d.ts +27 -0
  7. package/{dist/textarea/Textarea.js → V3Textarea/V3Textarea.js} +41 -41
  8. package/V3Textarea/index.d.ts +27 -0
  9. package/accordion/Accordion.d.ts +4 -0
  10. package/accordion/Accordion.js +258 -0
  11. package/accordion/Accordion.stories.tsx +300 -0
  12. package/accordion/types.d.ts +68 -0
  13. package/accordion/types.js +5 -0
  14. package/accordion-group/AccordionGroup.d.ts +7 -0
  15. package/accordion-group/AccordionGroup.js +170 -0
  16. package/accordion-group/AccordionGroup.stories.tsx +225 -0
  17. package/accordion-group/types.d.ts +72 -0
  18. package/accordion-group/types.js +5 -0
  19. package/alert/Alert.d.ts +4 -0
  20. package/alert/Alert.js +290 -0
  21. package/alert/Alert.stories.tsx +170 -0
  22. package/alert/types.d.ts +49 -0
  23. package/alert/types.js +5 -0
  24. package/badge/Badge.js +59 -0
  25. package/box/Box.d.ts +4 -0
  26. package/{dist/box → box}/Box.js +15 -53
  27. package/box/Box.stories.tsx +132 -0
  28. package/box/types.d.ts +43 -0
  29. package/box/types.js +5 -0
  30. package/button/Button.d.ts +4 -0
  31. package/button/Button.js +179 -0
  32. package/button/Button.stories.tsx +276 -0
  33. package/button/types.d.ts +57 -0
  34. package/button/types.js +5 -0
  35. package/card/Card.d.ts +4 -0
  36. package/{dist/card → card}/Card.js +34 -124
  37. package/card/Card.stories.tsx +201 -0
  38. package/card/ice-cream.jpg +0 -0
  39. package/card/types.d.ts +67 -0
  40. package/card/types.js +5 -0
  41. package/checkbox/Checkbox.d.ts +4 -0
  42. package/{dist/checkbox → checkbox}/Checkbox.js +39 -80
  43. package/checkbox/Checkbox.stories.tsx +192 -0
  44. package/checkbox/types.d.ts +60 -0
  45. package/checkbox/types.js +5 -0
  46. package/chip/Chip.d.ts +4 -0
  47. package/{dist/chip → chip}/Chip.js +38 -108
  48. package/chip/Chip.stories.tsx +121 -0
  49. package/chip/types.d.ts +53 -0
  50. package/chip/types.js +5 -0
  51. package/{dist/common → common}/OpenSans.css +0 -0
  52. package/{dist/common → common}/RequiredComponent.js +3 -11
  53. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  54. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  55. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  56. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  57. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  58. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  59. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  60. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  61. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  62. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  63. package/{dist/common → common}/utils.js +0 -0
  64. package/common/variables.js +1574 -0
  65. package/{dist/date → date}/Date.js +24 -32
  66. package/date/index.d.ts +27 -0
  67. package/date-input/DateInput.d.ts +4 -0
  68. package/date-input/DateInput.js +358 -0
  69. package/date-input/DateInput.stories.tsx +138 -0
  70. package/date-input/types.d.ts +100 -0
  71. package/date-input/types.js +5 -0
  72. package/dialog/Dialog.d.ts +4 -0
  73. package/{dist/dialog → dialog}/Dialog.js +28 -98
  74. package/dialog/Dialog.stories.tsx +212 -0
  75. package/dialog/types.d.ts +43 -0
  76. package/dialog/types.js +5 -0
  77. package/dropdown/Dropdown.d.ts +4 -0
  78. package/dropdown/Dropdown.js +417 -0
  79. package/dropdown/Dropdown.stories.tsx +247 -0
  80. package/dropdown/types.d.ts +89 -0
  81. package/dropdown/types.js +5 -0
  82. package/file-input/FileInput.d.ts +4 -0
  83. package/file-input/FileInput.js +521 -0
  84. package/file-input/FileItem.d.ts +14 -0
  85. package/file-input/FileItem.js +184 -0
  86. package/file-input/types.d.ts +112 -0
  87. package/file-input/types.js +5 -0
  88. package/footer/Footer.d.ts +4 -0
  89. package/footer/Footer.js +260 -0
  90. package/footer/Footer.stories.tsx +130 -0
  91. package/footer/Icons.d.ts +2 -0
  92. package/footer/Icons.js +77 -0
  93. package/footer/types.d.ts +65 -0
  94. package/footer/types.js +5 -0
  95. package/header/Header.d.ts +7 -0
  96. package/header/Header.js +324 -0
  97. package/header/Header.stories.tsx +162 -0
  98. package/header/Icons.d.ts +2 -0
  99. package/header/Icons.js +34 -0
  100. package/header/types.d.ts +47 -0
  101. package/header/types.js +5 -0
  102. package/heading/Heading.d.ts +4 -0
  103. package/{dist/heading → heading}/Heading.js +31 -94
  104. package/heading/Heading.stories.tsx +53 -0
  105. package/heading/types.d.ts +33 -0
  106. package/heading/types.js +5 -0
  107. package/input-text/Icons.js +22 -0
  108. package/{dist/input-text → input-text}/InputText.js +120 -181
  109. package/input-text/index.d.ts +36 -0
  110. package/layout/ApplicationLayout.d.ts +10 -0
  111. package/{dist/layout → layout}/ApplicationLayout.js +43 -149
  112. package/layout/ApplicationLayout.stories.tsx +171 -0
  113. package/layout/Icons.js +55 -0
  114. package/layout/types.d.ts +57 -0
  115. package/layout/types.js +5 -0
  116. package/link/Link.d.ts +3 -0
  117. package/{dist/link → link}/Link.js +21 -101
  118. package/link/Link.stories.tsx +146 -0
  119. package/link/types.d.ts +74 -0
  120. package/link/types.js +5 -0
  121. package/list/List.d.ts +8 -0
  122. package/list/List.js +47 -0
  123. package/list/List.stories.tsx +85 -0
  124. package/main.d.ts +48 -0
  125. package/{dist/main.js → main.js} +134 -82
  126. package/number-input/NumberInput.d.ts +4 -0
  127. package/number-input/NumberInput.js +83 -0
  128. package/number-input/NumberInput.stories.tsx +115 -0
  129. package/number-input/NumberInputContext.d.ts +4 -0
  130. package/{dist/number/NumberContext.js → number-input/NumberInputContext.js} +6 -3
  131. package/number-input/numberInputContextTypes.d.ts +19 -0
  132. package/number-input/numberInputContextTypes.js +5 -0
  133. package/number-input/types.d.ts +117 -0
  134. package/number-input/types.js +5 -0
  135. package/package.json +32 -24
  136. package/paginator/Icons.js +66 -0
  137. package/paginator/Paginator.d.ts +4 -0
  138. package/paginator/Paginator.js +192 -0
  139. package/paginator/Paginator.stories.tsx +63 -0
  140. package/paginator/types.d.ts +38 -0
  141. package/paginator/types.js +5 -0
  142. package/password-input/PasswordInput.d.ts +4 -0
  143. package/password-input/PasswordInput.js +163 -0
  144. package/password-input/PasswordInput.stories.tsx +131 -0
  145. package/password-input/types.d.ts +107 -0
  146. package/password-input/types.js +5 -0
  147. package/progress-bar/ProgressBar.d.ts +4 -0
  148. package/progress-bar/ProgressBar.js +170 -0
  149. package/progress-bar/ProgressBar.stories.jsx +58 -0
  150. package/progress-bar/types.d.ts +37 -0
  151. package/progress-bar/types.js +5 -0
  152. package/radio/Radio.d.ts +4 -0
  153. package/{dist/radio → radio}/Radio.js +17 -52
  154. package/radio/Radio.stories.tsx +192 -0
  155. package/radio/types.d.ts +54 -0
  156. package/radio/types.js +5 -0
  157. package/resultsetTable/ResultsetTable.d.ts +4 -0
  158. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +39 -146
  159. package/resultsetTable/ResultsetTable.stories.tsx +276 -0
  160. package/resultsetTable/types.d.ts +67 -0
  161. package/resultsetTable/types.js +5 -0
  162. package/row/Row.d.ts +11 -0
  163. package/row/Row.js +124 -0
  164. package/row/Row.stories.tsx +223 -0
  165. package/select/Select.js +863 -0
  166. package/select/Select.stories.tsx +572 -0
  167. package/select/index.d.ts +131 -0
  168. package/sidenav/Sidenav.d.ts +9 -0
  169. package/sidenav/Sidenav.js +136 -0
  170. package/sidenav/Sidenav.stories.tsx +165 -0
  171. package/sidenav/types.d.ts +50 -0
  172. package/sidenav/types.js +5 -0
  173. package/slider/Slider.d.ts +4 -0
  174. package/slider/Slider.js +317 -0
  175. package/slider/Slider.stories.tsx +177 -0
  176. package/slider/types.d.ts +78 -0
  177. package/slider/types.js +5 -0
  178. package/spinner/Spinner.d.ts +4 -0
  179. package/spinner/Spinner.js +250 -0
  180. package/spinner/Spinner.stories.jsx +102 -0
  181. package/spinner/types.d.ts +32 -0
  182. package/spinner/types.js +5 -0
  183. package/stack/Stack.d.ts +10 -0
  184. package/stack/Stack.js +94 -0
  185. package/stack/Stack.stories.tsx +150 -0
  186. package/switch/Switch.d.ts +4 -0
  187. package/{dist/switch → switch}/Switch.js +28 -71
  188. package/switch/Switch.stories.tsx +160 -0
  189. package/switch/types.d.ts +58 -0
  190. package/switch/types.js +5 -0
  191. package/table/Table.d.ts +4 -0
  192. package/{dist/table → table}/Table.js +14 -24
  193. package/table/Table.stories.jsx +276 -0
  194. package/table/types.d.ts +21 -0
  195. package/table/types.js +5 -0
  196. package/tabs/Tabs.d.ts +4 -0
  197. package/tabs/Tabs.js +213 -0
  198. package/tabs/Tabs.stories.tsx +121 -0
  199. package/tabs/types.d.ts +70 -0
  200. package/tabs/types.js +5 -0
  201. package/tag/Tag.d.ts +4 -0
  202. package/tag/Tag.js +193 -0
  203. package/tag/Tag.stories.tsx +145 -0
  204. package/tag/types.d.ts +60 -0
  205. package/tag/types.js +5 -0
  206. package/text/Text.d.ts +7 -0
  207. package/text/Text.js +30 -0
  208. package/text/Text.stories.tsx +19 -0
  209. package/text-input/TextInput.d.ts +4 -0
  210. package/text-input/TextInput.js +786 -0
  211. package/text-input/TextInput.stories.tsx +456 -0
  212. package/text-input/types.d.ts +159 -0
  213. package/text-input/types.js +5 -0
  214. package/textarea/Textarea.d.ts +4 -0
  215. package/textarea/Textarea.js +284 -0
  216. package/textarea/Textarea.stories.jsx +135 -0
  217. package/textarea/types.d.ts +130 -0
  218. package/textarea/types.js +5 -0
  219. package/{dist/toggle → toggle}/Toggle.js +16 -50
  220. package/toggle/index.d.ts +21 -0
  221. package/toggle-group/ToggleGroup.d.ts +4 -0
  222. package/toggle-group/ToggleGroup.js +217 -0
  223. package/toggle-group/ToggleGroup.stories.tsx +178 -0
  224. package/toggle-group/types.d.ts +84 -0
  225. package/toggle-group/types.js +5 -0
  226. package/{dist/upload → upload}/Upload.js +11 -15
  227. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  228. package/upload/buttons-upload/Icons.js +40 -0
  229. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  230. package/upload/dragAndDropArea/Icons.js +39 -0
  231. package/upload/file-upload/FileToUpload.js +115 -0
  232. package/upload/file-upload/Icons.js +66 -0
  233. package/{dist/upload → upload}/files-upload/FilesToUpload.js +13 -27
  234. package/upload/index.d.ts +15 -0
  235. package/upload/transaction/Icons.js +160 -0
  236. package/upload/transaction/Transaction.js +104 -0
  237. package/upload/transactions/Transactions.js +94 -0
  238. package/useTheme.d.ts +2 -0
  239. package/{dist/useTheme.js → useTheme.js} +1 -1
  240. package/wizard/Wizard.d.ts +4 -0
  241. package/wizard/Wizard.js +281 -0
  242. package/wizard/Wizard.stories.tsx +224 -0
  243. package/wizard/types.d.ts +60 -0
  244. package/wizard/types.js +5 -0
  245. package/README.md +0 -66
  246. package/babel.config.js +0 -8
  247. package/dist/BackgroundColorContext.js +0 -46
  248. package/dist/ThemeContext.js +0 -216
  249. package/dist/accordion/Accordion.js +0 -346
  250. package/dist/accordion/Accordion.stories.js +0 -207
  251. package/dist/accordion/readme.md +0 -96
  252. package/dist/accordion-group/AccordionGroup.js +0 -188
  253. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  254. package/dist/accordion-group/readme.md +0 -70
  255. package/dist/alert/Alert.js +0 -388
  256. package/dist/alert/Alert.stories.js +0 -158
  257. package/dist/alert/close.svg +0 -4
  258. package/dist/alert/error.svg +0 -4
  259. package/dist/alert/info.svg +0 -4
  260. package/dist/alert/readme.md +0 -43
  261. package/dist/alert/success.svg +0 -4
  262. package/dist/alert/warning.svg +0 -4
  263. package/dist/badge/Badge.js +0 -63
  264. package/dist/button/Button.js +0 -232
  265. package/dist/button/Button.stories.js +0 -224
  266. package/dist/button/readme.md +0 -93
  267. package/dist/checkbox/Checkbox.stories.js +0 -144
  268. package/dist/checkbox/readme.md +0 -116
  269. package/dist/common/variables.js +0 -1305
  270. package/dist/date/Date.stories.js +0 -205
  271. package/dist/date/readme.md +0 -73
  272. package/dist/dialog/Dialog.stories.js +0 -217
  273. package/dist/dialog/readme.md +0 -32
  274. package/dist/dropdown/Dropdown.js +0 -493
  275. package/dist/dropdown/Dropdown.stories.js +0 -249
  276. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  277. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  278. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  279. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  280. package/dist/dropdown/readme.md +0 -69
  281. package/dist/footer/Footer.js +0 -407
  282. package/dist/footer/Footer.stories.js +0 -94
  283. package/dist/footer/dxc_logo.svg +0 -15
  284. package/dist/footer/readme.md +0 -41
  285. package/dist/header/Header.js +0 -431
  286. package/dist/header/Header.stories.js +0 -176
  287. package/dist/header/close_icon.svg +0 -1
  288. package/dist/header/dxc_logo_black.svg +0 -8
  289. package/dist/header/hamb_menu_black.svg +0 -1
  290. package/dist/header/hamb_menu_white.svg +0 -1
  291. package/dist/header/readme.md +0 -33
  292. package/dist/input-text/InputText.stories.js +0 -209
  293. package/dist/input-text/error.svg +0 -1
  294. package/dist/input-text/readme.md +0 -91
  295. package/dist/layout/facebook.svg +0 -45
  296. package/dist/layout/linkedin.svg +0 -50
  297. package/dist/layout/twitter.svg +0 -53
  298. package/dist/link/readme.md +0 -51
  299. package/dist/new-date/NewDate.js +0 -391
  300. package/dist/new-input-text/NewInputText.js +0 -929
  301. package/dist/number/Number.js +0 -127
  302. package/dist/paginator/Paginator.js +0 -283
  303. package/dist/paginator/images/next.svg +0 -3
  304. package/dist/paginator/images/nextPage.svg +0 -3
  305. package/dist/paginator/images/previous.svg +0 -3
  306. package/dist/paginator/images/previousPage.svg +0 -3
  307. package/dist/paginator/readme.md +0 -50
  308. package/dist/password/Password.js +0 -139
  309. package/dist/password/styles.css +0 -3
  310. package/dist/progress-bar/ProgressBar.js +0 -206
  311. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  312. package/dist/progress-bar/readme.md +0 -63
  313. package/dist/radio/Radio.stories.js +0 -166
  314. package/dist/radio/readme.md +0 -70
  315. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  316. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  317. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  318. package/dist/select/Select.js +0 -563
  319. package/dist/select/Select.stories.js +0 -235
  320. package/dist/select/readme.md +0 -72
  321. package/dist/sidenav/Sidenav.js +0 -183
  322. package/dist/slider/Slider.js +0 -315
  323. package/dist/slider/Slider.stories.js +0 -241
  324. package/dist/slider/readme.md +0 -64
  325. package/dist/spinner/Spinner.js +0 -214
  326. package/dist/spinner/Spinner.stories.js +0 -183
  327. package/dist/spinner/readme.md +0 -65
  328. package/dist/switch/Switch.stories.js +0 -134
  329. package/dist/switch/readme.md +0 -133
  330. package/dist/tabs/Tabs.js +0 -343
  331. package/dist/tabs/Tabs.stories.js +0 -130
  332. package/dist/tabs/readme.md +0 -78
  333. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  334. package/dist/tabs-for-sections/readme.md +0 -78
  335. package/dist/tag/Tag.js +0 -280
  336. package/dist/toggle/Toggle.stories.js +0 -297
  337. package/dist/toggle/readme.md +0 -80
  338. package/dist/toggle-group/ToggleGroup.js +0 -241
  339. package/dist/toggle-group/readme.md +0 -82
  340. package/dist/upload/Upload.stories.js +0 -72
  341. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
  342. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  343. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  344. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -325
  345. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  346. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  347. package/dist/upload/file-upload/FileToUpload.js +0 -184
  348. package/dist/upload/file-upload/audio-icon.svg +0 -4
  349. package/dist/upload/file-upload/close.svg +0 -4
  350. package/dist/upload/file-upload/file-icon.svg +0 -4
  351. package/dist/upload/file-upload/video-icon.svg +0 -4
  352. package/dist/upload/readme.md +0 -37
  353. package/dist/upload/transaction/Transaction.js +0 -171
  354. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  355. package/dist/upload/transaction/audio-icon.svg +0 -4
  356. package/dist/upload/transaction/error-icon.svg +0 -4
  357. package/dist/upload/transaction/file-icon-err.svg +0 -4
  358. package/dist/upload/transaction/file-icon.svg +0 -4
  359. package/dist/upload/transaction/image-icon-err.svg +0 -4
  360. package/dist/upload/transaction/image-icon.svg +0 -4
  361. package/dist/upload/transaction/success-icon.svg +0 -4
  362. package/dist/upload/transaction/video-icon-err.svg +0 -4
  363. package/dist/upload/transaction/video-icon.svg +0 -4
  364. package/dist/upload/transactions/Transactions.js +0 -138
  365. package/dist/wizard/Wizard.js +0 -411
  366. package/dist/wizard/invalid_icon.svg +0 -5
  367. package/dist/wizard/valid_icon.svg +0 -5
  368. package/dist/wizard/validation-wrong.svg +0 -6
  369. package/test/Accordion.test.js +0 -33
  370. package/test/AccordionGroup.test.js +0 -125
  371. package/test/Alert.test.js +0 -53
  372. package/test/Box.test.js +0 -10
  373. package/test/Button.test.js +0 -18
  374. package/test/Card.test.js +0 -30
  375. package/test/Checkbox.test.js +0 -45
  376. package/test/Chip.test.js +0 -25
  377. package/test/Date.test.js +0 -393
  378. package/test/Dialog.test.js +0 -23
  379. package/test/Dropdown.test.js +0 -130
  380. package/test/Footer.test.js +0 -99
  381. package/test/Header.test.js +0 -39
  382. package/test/Heading.test.js +0 -35
  383. package/test/InputText.test.js +0 -240
  384. package/test/Link.test.js +0 -43
  385. package/test/NewDate.test.js +0 -189
  386. package/test/NewInputText.test.js +0 -663
  387. package/test/Number.test.js +0 -205
  388. package/test/Paginator.test.js +0 -177
  389. package/test/Password.test.js +0 -63
  390. package/test/ProgressBar.test.js +0 -35
  391. package/test/Radio.test.js +0 -37
  392. package/test/ResultsetTable.test.js +0 -330
  393. package/test/Select.test.js +0 -192
  394. package/test/Sidenav.test.js +0 -45
  395. package/test/Slider.test.js +0 -82
  396. package/test/Spinner.test.js +0 -27
  397. package/test/Switch.test.js +0 -45
  398. package/test/Table.test.js +0 -36
  399. package/test/Tabs.test.js +0 -109
  400. package/test/TabsForSections.test.js +0 -34
  401. package/test/Tag.test.js +0 -32
  402. package/test/TextArea.test.js +0 -52
  403. package/test/ToggleGroup.test.js +0 -81
  404. package/test/Upload.test.js +0 -60
  405. package/test/Wizard.test.js +0 -130
  406. package/test/mocks/pngMock.js +0 -1
  407. package/test/mocks/svgMock.js +0 -1
@@ -1,127 +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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- var _styledComponents = _interopRequireDefault(require("styled-components"));
21
-
22
- var _NewInputText = _interopRequireDefault(require("../new-input-text/NewInputText"));
23
-
24
- var _NumberContext = _interopRequireDefault(require("./NumberContext"));
25
-
26
- var _variables = require("../common/variables.js");
27
-
28
- function _templateObject() {
29
- var data = (0, _taggedTemplateLiteral2["default"])(["\n // Chrome, Safari, Edge, Opera\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n // Firefox\n input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n"]);
30
-
31
- _templateObject = function _templateObject() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- var DxcNumber = function DxcNumber(_ref) {
39
- var _ref$label = _ref.label,
40
- label = _ref$label === void 0 ? "" : _ref$label,
41
- value = _ref.value,
42
- _ref$helperText = _ref.helperText,
43
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
44
- _ref$placeholder = _ref.placeholder,
45
- placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
46
- _ref$disabled = _ref.disabled,
47
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
48
- _ref$optional = _ref.optional,
49
- optional = _ref$optional === void 0 ? false : _ref$optional,
50
- _ref$prefix = _ref.prefix,
51
- prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
52
- _ref$suffix = _ref.suffix,
53
- suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
54
- min = _ref.min,
55
- max = _ref.max,
56
- step = _ref.step,
57
- onChange = _ref.onChange,
58
- onBlur = _ref.onBlur,
59
- _ref$error = _ref.error,
60
- error = _ref$error === void 0 ? "" : _ref$error,
61
- margin = _ref.margin,
62
- _ref$size = _ref.size,
63
- size = _ref$size === void 0 ? "medium" : _ref$size;
64
- var inputRef = (0, _react.useRef)(null);
65
- return _react["default"].createElement(_NumberContext["default"].Provider, {
66
- value: {
67
- typeNumber: "number",
68
- minNumber: min,
69
- maxNumber: max,
70
- stepNumber: step
71
- }
72
- }, _react["default"].createElement(NumberContainer, null, _react["default"].createElement(_NewInputText["default"], {
73
- ref: inputRef,
74
- label: label,
75
- value: value,
76
- helperText: helperText,
77
- placeholder: placeholder,
78
- disabled: disabled,
79
- optional: optional,
80
- prefix: prefix,
81
- suffix: suffix,
82
- error: error,
83
- onChange: onChange,
84
- onBlur: onBlur,
85
- margin: margin,
86
- size: size
87
- })));
88
- };
89
-
90
- var sizes = {
91
- small: "60px",
92
- medium: "240px",
93
- large: "480px",
94
- fillParent: "100%"
95
- };
96
-
97
- var NumberContainer = _styledComponents["default"].div(_templateObject());
98
-
99
- DxcNumber.propTypes = {
100
- label: _propTypes["default"].string,
101
- value: _propTypes["default"].string,
102
- helperText: _propTypes["default"].string,
103
- placeholder: _propTypes["default"].string,
104
- error: _propTypes["default"].string,
105
- disabled: _propTypes["default"].bool,
106
- optional: _propTypes["default"].bool,
107
- prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
108
- type: _propTypes["default"].oneOf(["svg"])
109
- })]),
110
- suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
111
- type: _propTypes["default"].oneOf(["svg"])
112
- })]),
113
- min: _propTypes["default"].number,
114
- max: _propTypes["default"].number,
115
- step: _propTypes["default"].number,
116
- onChange: _propTypes["default"].func,
117
- onBlur: _propTypes["default"].func,
118
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
119
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
120
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
121
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
122
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
123
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
124
- size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes)))
125
- };
126
- var _default = DxcNumber;
127
- exports["default"] = _default;
@@ -1,283 +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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
- var _react = _interopRequireDefault(require("react"));
17
-
18
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
19
-
20
- var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
23
-
24
- var _Button = _interopRequireDefault(require("../button/Button"));
25
-
26
- var _Select = _interopRequireDefault(require("../select/Select"));
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
- function _templateObject8() {
37
- var data = (0, _taggedTemplateLiteral2["default"])([""]);
38
-
39
- _templateObject8 = function _templateObject8() {
40
- return data;
41
- };
42
-
43
- return data;
44
- }
45
-
46
- function _templateObject7() {
47
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n margin-right: ", ";\n margin-left: ", ";\n label {\n height: 0px;\n }\n\n label + .MuiInput-formControl {\n margin-top: 0px;\n }\n"]);
48
-
49
- _templateObject7 = function _templateObject7() {
50
- return data;
51
- };
52
-
53
- return data;
54
- }
55
-
56
- function _templateObject6() {
57
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: 100%;\n justify-content: flex-end;\n align-items: center;\n margin: 0 ", " 0 ", ";\n"]);
58
-
59
- _templateObject6 = function _templateObject6() {
60
- return data;
61
- };
62
-
63
- return data;
64
- }
65
-
66
- function _templateObject5() {
67
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: ", ";\n margin-left: ", ";\n"]);
68
-
69
- _templateObject5 = function _templateObject5() {
70
- return data;
71
- };
72
-
73
- return data;
74
- }
75
-
76
- function _templateObject4() {
77
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: 10px;\n margin-left: 10px;\n"]);
78
-
79
- _templateObject4 = function _templateObject4() {
80
- return data;
81
- };
82
-
83
- return data;
84
- }
85
-
86
- function _templateObject3() {
87
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: 15px;\n"]);
88
-
89
- _templateObject3 = function _templateObject3() {
90
- return data;
91
- };
92
-
93
- return data;
94
- }
95
-
96
- function _templateObject2() {
97
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n margin-right: ", ";\n margin-left: ", ";\n label {\n height: 0px;\n }\n\n label + .MuiInput-formControl {\n margin-top: 0px;\n }\n"]);
98
-
99
- _templateObject2 = function _templateObject2() {
100
- return data;
101
- };
102
-
103
- return data;
104
- }
105
-
106
- function _templateObject() {
107
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n height: ", ";\n width: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: ", ";\n background-color: ", ";\n color: ", ";\n button {\n &:disabled {\n background-color: transparent !important;\n opacity: 0.3 !important;\n }\n }\n"]);
108
-
109
- _templateObject = function _templateObject() {
110
- return data;
111
- };
112
-
113
- return data;
114
- }
115
-
116
- var DxcPaginator = function DxcPaginator(_ref) {
117
- var _ref$currentPage = _ref.currentPage,
118
- currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
119
- _ref$itemsPerPage = _ref.itemsPerPage,
120
- itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
121
- itemsPerPageOptions = _ref.itemsPerPageOptions,
122
- _ref$totalItems = _ref.totalItems,
123
- totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
124
- showGoToPage = _ref.showGoToPage,
125
- onPageChange = _ref.onPageChange,
126
- itemsPerPageFunction = _ref.itemsPerPageFunction,
127
- _ref$tabIndex = _ref.tabIndex,
128
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
129
- var totalPages = Math.ceil(totalItems / itemsPerPage);
130
- var currentPageInternal = currentPage === -1 ? totalPages : currentPage;
131
- var minItemsPerPage = currentPageInternal === 1 || currentPageInternal === 0 ? currentPageInternal : (currentPageInternal - 1) * itemsPerPage + 1;
132
- var maxItemsPerPage = minItemsPerPage - 1 + itemsPerPage > totalItems ? totalItems : minItemsPerPage - 1 + itemsPerPage;
133
- var colorsTheme = (0, _useTheme["default"])();
134
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
135
- theme: colorsTheme.paginator
136
- }, _react["default"].createElement(DxcPaginatorContainer, {
137
- disabled: currentPageInternal === 1
138
- }, _react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && _react["default"].createElement(ItemsPageContainer, null, _react["default"].createElement(ItemsLabel, null, "Items per page "), _react["default"].createElement(_Select["default"], {
139
- options: itemsPerPageOptions.map(function (num) {
140
- return {
141
- label: num,
142
- value: num
143
- };
144
- }),
145
- onChange: itemsPerPageFunction,
146
- value: itemsPerPage,
147
- size: "small",
148
- tabIndex: tabIndex
149
- })), _react["default"].createElement(TotalItemsContainer, null, minItemsPerPage, " to ", maxItemsPerPage, " of ", totalItems), onPageChange && _react["default"].createElement(_Button["default"], {
150
- size: "small",
151
- mode: "secondary",
152
- disabled: currentPageInternal === 1 || currentPageInternal === 0,
153
- margin: {
154
- left: "xxsmall",
155
- right: "xxsmall"
156
- },
157
- iconSrc: _previousPage["default"],
158
- tabIndex: tabIndex,
159
- onClick: function onClick() {
160
- onPageChange(1);
161
- }
162
- }), onPageChange && _react["default"].createElement(_Button["default"], {
163
- size: "small",
164
- mode: "secondary",
165
- disabled: currentPageInternal === 1 || currentPageInternal === 0,
166
- margin: {
167
- left: "xxsmall",
168
- right: "xxsmall"
169
- },
170
- iconSrc: _previous["default"],
171
- tabIndex: tabIndex,
172
- onClick: function onClick() {
173
- onPageChange(currentPage - 1);
174
- }
175
- }), showGoToPage && _react["default"].createElement(PageToSelectContainer, null, _react["default"].createElement(GoToLabel, null, "Go to page: "), _react["default"].createElement(_Select["default"], {
176
- options: (0, _toConsumableArray2["default"])(Array(totalPages).keys()).map(function (num) {
177
- return {
178
- label: num + 1,
179
- value: num + 1
180
- };
181
- }),
182
- onChange: onPageChange,
183
- value: currentPage,
184
- size: "small",
185
- tabIndex: tabIndex
186
- })) || _react["default"].createElement(TextContainer, null, "Page: ", currentPageInternal, " of ", totalPages), onPageChange && _react["default"].createElement(_Button["default"], {
187
- size: "small",
188
- mode: "secondary",
189
- disabled: currentPageInternal === totalPages,
190
- margin: {
191
- left: "xxsmall",
192
- right: "xxsmall"
193
- },
194
- iconSrc: _next["default"],
195
- tabIndex: tabIndex,
196
- onClick: function onClick() {
197
- onPageChange(currentPage + 1);
198
- }
199
- }), onPageChange && _react["default"].createElement(_Button["default"], {
200
- size: "small",
201
- mode: "secondary",
202
- disabled: currentPageInternal === totalPages,
203
- margin: {
204
- left: "xxsmall",
205
- right: "xxsmall"
206
- },
207
- iconSrc: _nextPage["default"],
208
- tabIndex: tabIndex,
209
- onClick: function onClick() {
210
- onPageChange(totalPages);
211
- }
212
- }))));
213
- };
214
-
215
- var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject(), function (props) {
216
- return props.theme.height;
217
- }, function (props) {
218
- return props.theme.width;
219
- }, function (props) {
220
- return props.theme.fontFamily;
221
- }, function (props) {
222
- return props.theme.fontSize;
223
- }, function (props) {
224
- return props.theme.fontWeight;
225
- }, function (props) {
226
- return props.theme.fontStyle;
227
- }, function (props) {
228
- return props.theme.backgroundColor;
229
- }, function (props) {
230
- return props.theme.fontColor;
231
- });
232
-
233
- var ItemsPageContainer = _styledComponents["default"].span(_templateObject2(), function (props) {
234
- return props.theme.itemsPerPageSelectorMarginRight;
235
- }, function (props) {
236
- return props.theme.itemsPerPageSelectorMarginLeft;
237
- });
238
-
239
- var ItemsLabel = _styledComponents["default"].span(_templateObject3());
240
-
241
- var GoToLabel = _styledComponents["default"].span(_templateObject4());
242
-
243
- var TotalItemsContainer = _styledComponents["default"].span(_templateObject5(), function (props) {
244
- return props.theme.totalItemsContainerMarginRight;
245
- }, function (props) {
246
- return props.theme.totalItemsContainerMarginLeft;
247
- });
248
-
249
- var LabelsContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
250
- return props.theme.marginRight;
251
- }, function (props) {
252
- return props.theme.marginLeft;
253
- });
254
-
255
- var PageToSelectContainer = _styledComponents["default"].span(_templateObject7(), function (props) {
256
- return props.theme.pageSelectorMarginRight;
257
- }, function (props) {
258
- return props.theme.pageSelectorMarginLeft;
259
- });
260
-
261
- var TextContainer = _styledComponents["default"].span(_templateObject8());
262
-
263
- DxcPaginator.propTypes = {
264
- currentPage: _propTypes["default"].number,
265
- itemsPerPage: _propTypes["default"].number,
266
- itemsPerPageOptions: _propTypes["default"].arrayOf(_propTypes["default"].number),
267
- totalItems: _propTypes["default"].number.isRequired,
268
- showGoToPage: _propTypes["default"].bool,
269
- onPageChange: _propTypes["default"].func,
270
- itemsPerPageFunction: _propTypes["default"].func,
271
- tabIndex: _propTypes["default"].number
272
- };
273
- DxcPaginator.defaultProps = {
274
- currentPage: 1,
275
- itemsPerPage: 5,
276
- itemsPerPageOptions: null,
277
- showGoToPage: false,
278
- onPageChange: null,
279
- itemsPerPageFunction: null,
280
- tabIndex: 0
281
- };
282
- var _default = DxcPaginator;
283
- 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>
@@ -1,139 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- var _NewInputText = _interopRequireDefault(require("../new-input-text/NewInputText"));
21
-
22
- var _variables = require("../common/variables.js");
23
-
24
- require("./styles.css");
25
-
26
- var DxcPassword = function DxcPassword(_ref) {
27
- var _ref$label = _ref.label,
28
- label = _ref$label === void 0 ? "" : _ref$label,
29
- value = _ref.value,
30
- _ref$helperText = _ref.helperText,
31
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
32
- _ref$error = _ref.error,
33
- error = _ref$error === void 0 ? "" : _ref$error,
34
- _ref$clearable = _ref.clearable,
35
- clearable = _ref$clearable === void 0 ? false : _ref$clearable,
36
- onChange = _ref.onChange,
37
- onBlur = _ref.onBlur,
38
- margin = _ref.margin,
39
- pattern = _ref.pattern,
40
- length = _ref.length,
41
- _ref$size = _ref.size,
42
- size = _ref$size === void 0 ? "medium" : _ref$size;
43
- var inputRef = (0, _react.useRef)(null);
44
-
45
- var _useState = (0, _react.useState)(false),
46
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
47
- isPasswordVisible = _useState2[0],
48
- setIsPasswordVisible = _useState2[1];
49
-
50
- var setInputType = function setInputType(type) {
51
- inputRef.current.children[2].children[0].setAttribute("type", type);
52
- };
53
-
54
- (0, _react.useEffect)(function () {
55
- setInputType("password");
56
- }, []);
57
-
58
- var viewPassword = function viewPassword() {
59
- setInputType("text");
60
- setIsPasswordVisible(true);
61
- };
62
-
63
- var hidePassword = function hidePassword() {
64
- setInputType("password");
65
- setIsPasswordVisible(false);
66
- };
67
-
68
- var action = {
69
- onClick: isPasswordVisible ? hidePassword : viewPassword,
70
- icon: isPasswordVisible ? _react["default"].createElement("svg", {
71
- xmlns: "http://www.w3.org/2000/svg",
72
- height: "24px",
73
- viewBox: "0 0 24 24",
74
- width: "24px",
75
- fill: "#000000"
76
- }, _react["default"].createElement("path", {
77
- d: "M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z",
78
- fill: "none"
79
- }), _react["default"].createElement("path", {
80
- d: "M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"
81
- })) : _react["default"].createElement("svg", {
82
- xmlns: "http://www.w3.org/2000/svg",
83
- height: "24px",
84
- viewBox: "0 0 24 24",
85
- width: "24px",
86
- fill: "#000000"
87
- }, _react["default"].createElement("path", {
88
- d: "M0 0h24v24H0V0z",
89
- fill: "none"
90
- }), _react["default"].createElement("path", {
91
- d: "M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
92
- }))
93
- };
94
- return _react["default"].createElement(_NewInputText["default"], {
95
- ref: inputRef,
96
- label: label,
97
- value: value,
98
- helperText: helperText,
99
- action: action,
100
- error: error,
101
- clearable: clearable,
102
- onChange: onChange,
103
- onBlur: onBlur,
104
- margin: margin,
105
- size: size,
106
- pattern: pattern,
107
- length: length
108
- });
109
- };
110
-
111
- var sizes = {
112
- small: "60px",
113
- medium: "240px",
114
- large: "480px",
115
- fillParent: "100%"
116
- };
117
- DxcPassword.propTypes = {
118
- label: _propTypes["default"].string,
119
- value: _propTypes["default"].string,
120
- helperText: _propTypes["default"].string,
121
- error: _propTypes["default"].string,
122
- clearable: _propTypes["default"].bool,
123
- onChange: _propTypes["default"].func,
124
- onBlur: _propTypes["default"].func,
125
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
126
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
127
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
128
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
129
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
130
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
131
- size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
132
- pattern: _propTypes["default"].string,
133
- length: _propTypes["default"].shape({
134
- min: _propTypes["default"].number,
135
- max: _propTypes["default"].number
136
- })
137
- };
138
- var _default = DxcPassword;
139
- exports["default"] = _default;
@@ -1,3 +0,0 @@
1
- ::-ms-reveal {
2
- display: none;
3
- }