@dxc-technology/halstack-react 0.0.0-5908eb4 → 0.0.0-5a1e592

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 (526) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +47 -0
  3. package/HalstackContext.d.ts +1356 -0
  4. package/HalstackContext.js +335 -0
  5. package/README.md +28 -47
  6. package/accordion/Accordion.d.ts +4 -0
  7. package/accordion/Accordion.js +222 -0
  8. package/accordion/Accordion.stories.tsx +297 -0
  9. package/accordion/Accordion.test.js +71 -0
  10. package/accordion/types.d.ts +57 -0
  11. package/accordion/types.js +5 -0
  12. package/accordion-group/AccordionGroup.d.ts +8 -0
  13. package/accordion-group/AccordionGroup.js +128 -0
  14. package/accordion-group/AccordionGroup.stories.tsx +252 -0
  15. package/accordion-group/AccordionGroup.test.js +116 -0
  16. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  17. package/accordion-group/AccordionGroupAccordion.js +43 -0
  18. package/accordion-group/types.d.ts +67 -0
  19. package/accordion-group/types.js +5 -0
  20. package/alert/Alert.d.ts +4 -0
  21. package/alert/Alert.js +289 -0
  22. package/alert/Alert.stories.tsx +198 -0
  23. package/alert/Alert.test.js +92 -0
  24. package/alert/types.d.ts +49 -0
  25. package/alert/types.js +5 -0
  26. package/badge/Badge.d.ts +4 -0
  27. package/badge/Badge.js +61 -0
  28. package/badge/types.d.ts +5 -0
  29. package/badge/types.js +5 -0
  30. package/bleed/Bleed.d.ts +3 -0
  31. package/bleed/Bleed.js +51 -0
  32. package/bleed/Bleed.stories.tsx +342 -0
  33. package/bleed/types.d.ts +37 -0
  34. package/bleed/types.js +5 -0
  35. package/box/Box.d.ts +4 -0
  36. package/box/Box.js +97 -0
  37. package/box/Box.stories.tsx +119 -0
  38. package/box/Box.test.js +18 -0
  39. package/box/types.d.ts +32 -0
  40. package/box/types.js +5 -0
  41. package/bulleted-list/BulletedList.d.ts +7 -0
  42. package/bulleted-list/BulletedList.js +125 -0
  43. package/bulleted-list/BulletedList.stories.tsx +206 -0
  44. package/bulleted-list/types.d.ts +38 -0
  45. package/bulleted-list/types.js +5 -0
  46. package/button/Button.d.ts +4 -0
  47. package/button/Button.js +144 -0
  48. package/button/Button.stories.tsx +425 -0
  49. package/button/Button.test.js +46 -0
  50. package/button/types.d.ts +57 -0
  51. package/button/types.js +5 -0
  52. package/card/Card.d.ts +4 -0
  53. package/card/Card.js +143 -0
  54. package/card/Card.stories.tsx +171 -0
  55. package/card/Card.test.js +50 -0
  56. package/card/types.d.ts +62 -0
  57. package/card/types.js +5 -0
  58. package/checkbox/Checkbox.d.ts +4 -0
  59. package/checkbox/Checkbox.js +269 -0
  60. package/checkbox/Checkbox.stories.tsx +276 -0
  61. package/checkbox/Checkbox.test.js +228 -0
  62. package/checkbox/types.d.ts +72 -0
  63. package/checkbox/types.js +5 -0
  64. package/chip/Chip.d.ts +4 -0
  65. package/chip/Chip.js +140 -0
  66. package/chip/Chip.stories.tsx +214 -0
  67. package/chip/Chip.test.js +54 -0
  68. package/chip/types.d.ts +45 -0
  69. package/chip/types.js +5 -0
  70. package/common/OpenSans.css +69 -0
  71. package/common/coreTokens.d.ts +146 -0
  72. package/common/coreTokens.js +167 -0
  73. package/common/utils.d.ts +1 -0
  74. package/{dist/common → common}/utils.js +4 -4
  75. package/common/variables.d.ts +1499 -0
  76. package/common/variables.js +1378 -0
  77. package/date-input/Calendar.d.ts +4 -0
  78. package/date-input/Calendar.js +258 -0
  79. package/date-input/DateInput.d.ts +4 -0
  80. package/date-input/DateInput.js +271 -0
  81. package/date-input/DateInput.stories.tsx +314 -0
  82. package/date-input/DateInput.test.js +849 -0
  83. package/date-input/DatePicker.d.ts +4 -0
  84. package/date-input/DatePicker.js +146 -0
  85. package/date-input/Icons.d.ts +6 -0
  86. package/date-input/Icons.js +75 -0
  87. package/date-input/YearPicker.d.ts +4 -0
  88. package/date-input/YearPicker.js +126 -0
  89. package/date-input/types.d.ts +162 -0
  90. package/date-input/types.js +5 -0
  91. package/dialog/Dialog.d.ts +4 -0
  92. package/dialog/Dialog.js +131 -0
  93. package/dialog/Dialog.stories.tsx +195 -0
  94. package/dialog/Dialog.test.js +369 -0
  95. package/dialog/types.d.ts +31 -0
  96. package/dialog/types.js +5 -0
  97. package/dropdown/Dropdown.d.ts +4 -0
  98. package/dropdown/Dropdown.js +388 -0
  99. package/dropdown/Dropdown.stories.tsx +438 -0
  100. package/dropdown/Dropdown.test.js +586 -0
  101. package/dropdown/DropdownMenu.d.ts +4 -0
  102. package/dropdown/DropdownMenu.js +74 -0
  103. package/dropdown/DropdownMenuItem.d.ts +4 -0
  104. package/dropdown/DropdownMenuItem.js +79 -0
  105. package/dropdown/types.d.ts +100 -0
  106. package/dropdown/types.js +5 -0
  107. package/file-input/FileInput.d.ts +4 -0
  108. package/file-input/FileInput.js +547 -0
  109. package/file-input/FileInput.stories.tsx +618 -0
  110. package/file-input/FileInput.test.js +457 -0
  111. package/file-input/FileItem.d.ts +4 -0
  112. package/file-input/FileItem.js +162 -0
  113. package/file-input/types.d.ts +129 -0
  114. package/file-input/types.js +5 -0
  115. package/flex/Flex.d.ts +4 -0
  116. package/flex/Flex.js +71 -0
  117. package/flex/Flex.stories.tsx +112 -0
  118. package/flex/types.d.ts +97 -0
  119. package/flex/types.js +5 -0
  120. package/footer/Footer.d.ts +4 -0
  121. package/footer/Footer.js +165 -0
  122. package/footer/Footer.stories.tsx +152 -0
  123. package/footer/Footer.test.js +99 -0
  124. package/footer/Icons.d.ts +2 -0
  125. package/footer/Icons.js +77 -0
  126. package/footer/types.d.ts +64 -0
  127. package/footer/types.js +5 -0
  128. package/grid/Grid.d.ts +7 -0
  129. package/grid/Grid.js +91 -0
  130. package/grid/Grid.stories.tsx +219 -0
  131. package/grid/types.d.ts +115 -0
  132. package/grid/types.js +5 -0
  133. package/header/Header.d.ts +8 -0
  134. package/header/Header.js +276 -0
  135. package/header/Header.stories.tsx +251 -0
  136. package/header/Header.test.js +79 -0
  137. package/header/Icons.d.ts +2 -0
  138. package/header/Icons.js +34 -0
  139. package/header/types.d.ts +34 -0
  140. package/header/types.js +5 -0
  141. package/heading/Heading.d.ts +4 -0
  142. package/{dist/heading → heading}/Heading.js +32 -95
  143. package/heading/Heading.stories.tsx +54 -0
  144. package/heading/Heading.test.js +186 -0
  145. package/heading/types.d.ts +33 -0
  146. package/heading/types.js +5 -0
  147. package/image/Image.d.ts +4 -0
  148. package/image/Image.js +85 -0
  149. package/image/Image.stories.tsx +127 -0
  150. package/image/types.d.ts +72 -0
  151. package/image/types.js +5 -0
  152. package/inset/Inset.d.ts +3 -0
  153. package/inset/Inset.js +51 -0
  154. package/inset/Inset.stories.tsx +230 -0
  155. package/inset/types.d.ts +37 -0
  156. package/inset/types.js +5 -0
  157. package/layout/ApplicationLayout.d.ts +20 -0
  158. package/layout/ApplicationLayout.js +174 -0
  159. package/layout/ApplicationLayout.stories.tsx +162 -0
  160. package/layout/Icons.d.ts +8 -0
  161. package/layout/Icons.js +62 -0
  162. package/layout/SidenavContext.d.ts +5 -0
  163. package/layout/SidenavContext.js +19 -0
  164. package/layout/types.d.ts +41 -0
  165. package/layout/types.js +5 -0
  166. package/link/Link.d.ts +4 -0
  167. package/link/Link.js +136 -0
  168. package/link/Link.stories.tsx +253 -0
  169. package/link/Link.test.js +81 -0
  170. package/link/types.d.ts +54 -0
  171. package/link/types.js +5 -0
  172. package/main.d.ts +46 -0
  173. package/{dist/main.js → main.js} +148 -106
  174. package/nav-tabs/NavTabs.d.ts +8 -0
  175. package/nav-tabs/NavTabs.js +122 -0
  176. package/nav-tabs/NavTabs.stories.tsx +274 -0
  177. package/nav-tabs/NavTabs.test.js +82 -0
  178. package/nav-tabs/Tab.d.ts +4 -0
  179. package/nav-tabs/Tab.js +146 -0
  180. package/nav-tabs/types.d.ts +52 -0
  181. package/nav-tabs/types.js +5 -0
  182. package/number-input/NumberInput.d.ts +11 -0
  183. package/number-input/NumberInput.js +78 -0
  184. package/number-input/NumberInput.stories.tsx +115 -0
  185. package/number-input/NumberInput.test.js +725 -0
  186. package/number-input/types.d.ts +124 -0
  187. package/number-input/types.js +5 -0
  188. package/package.json +47 -40
  189. package/paginator/Icons.d.ts +5 -0
  190. package/paginator/Icons.js +54 -0
  191. package/paginator/Paginator.d.ts +4 -0
  192. package/paginator/Paginator.js +163 -0
  193. package/paginator/Paginator.stories.tsx +87 -0
  194. package/paginator/Paginator.test.js +318 -0
  195. package/paginator/types.d.ts +38 -0
  196. package/paginator/types.js +5 -0
  197. package/paragraph/Paragraph.d.ts +5 -0
  198. package/paragraph/Paragraph.js +38 -0
  199. package/paragraph/Paragraph.stories.tsx +44 -0
  200. package/password-input/Icons.d.ts +6 -0
  201. package/password-input/Icons.js +39 -0
  202. package/password-input/PasswordInput.d.ts +4 -0
  203. package/password-input/PasswordInput.js +119 -0
  204. package/password-input/PasswordInput.stories.tsx +132 -0
  205. package/password-input/PasswordInput.test.js +174 -0
  206. package/password-input/types.d.ts +110 -0
  207. package/password-input/types.js +5 -0
  208. package/progress-bar/ProgressBar.d.ts +4 -0
  209. package/progress-bar/ProgressBar.js +176 -0
  210. package/progress-bar/ProgressBar.stories.jsx +93 -0
  211. package/progress-bar/ProgressBar.test.js +110 -0
  212. package/progress-bar/types.d.ts +37 -0
  213. package/progress-bar/types.js +5 -0
  214. package/quick-nav/QuickNav.d.ts +4 -0
  215. package/quick-nav/QuickNav.js +117 -0
  216. package/quick-nav/QuickNav.stories.tsx +356 -0
  217. package/quick-nav/types.d.ts +21 -0
  218. package/quick-nav/types.js +5 -0
  219. package/radio-group/Radio.d.ts +4 -0
  220. package/radio-group/Radio.js +156 -0
  221. package/radio-group/RadioGroup.d.ts +4 -0
  222. package/radio-group/RadioGroup.js +281 -0
  223. package/radio-group/RadioGroup.stories.tsx +214 -0
  224. package/radio-group/RadioGroup.test.js +749 -0
  225. package/radio-group/types.d.ts +114 -0
  226. package/radio-group/types.js +5 -0
  227. package/resultsetTable/Icons.d.ts +7 -0
  228. package/resultsetTable/Icons.js +51 -0
  229. package/resultsetTable/ResultsetTable.d.ts +4 -0
  230. package/resultsetTable/ResultsetTable.js +195 -0
  231. package/resultsetTable/ResultsetTable.stories.tsx +300 -0
  232. package/resultsetTable/ResultsetTable.test.js +325 -0
  233. package/resultsetTable/types.d.ts +67 -0
  234. package/resultsetTable/types.js +5 -0
  235. package/select/Icons.d.ts +10 -0
  236. package/select/Icons.js +93 -0
  237. package/select/Listbox.d.ts +4 -0
  238. package/select/Listbox.js +169 -0
  239. package/select/Option.d.ts +4 -0
  240. package/select/Option.js +97 -0
  241. package/select/Select.d.ts +4 -0
  242. package/select/Select.js +666 -0
  243. package/select/Select.stories.tsx +971 -0
  244. package/select/Select.test.js +2228 -0
  245. package/select/types.d.ts +210 -0
  246. package/select/types.js +5 -0
  247. package/sidenav/Icons.d.ts +7 -0
  248. package/sidenav/Icons.js +51 -0
  249. package/sidenav/Sidenav.d.ts +10 -0
  250. package/sidenav/Sidenav.js +238 -0
  251. package/sidenav/Sidenav.stories.tsx +282 -0
  252. package/sidenav/Sidenav.test.js +44 -0
  253. package/sidenav/types.d.ts +76 -0
  254. package/sidenav/types.js +5 -0
  255. package/slider/Slider.d.ts +4 -0
  256. package/slider/Slider.js +342 -0
  257. package/slider/Slider.stories.tsx +240 -0
  258. package/slider/Slider.test.js +250 -0
  259. package/slider/types.d.ts +86 -0
  260. package/slider/types.js +5 -0
  261. package/spinner/Spinner.d.ts +4 -0
  262. package/spinner/Spinner.js +244 -0
  263. package/spinner/Spinner.stories.jsx +129 -0
  264. package/spinner/Spinner.test.js +64 -0
  265. package/spinner/types.d.ts +32 -0
  266. package/spinner/types.js +5 -0
  267. package/switch/Switch.d.ts +4 -0
  268. package/switch/Switch.js +262 -0
  269. package/switch/Switch.stories.tsx +171 -0
  270. package/switch/Switch.test.js +225 -0
  271. package/switch/types.d.ts +66 -0
  272. package/switch/types.js +5 -0
  273. package/table/Table.d.ts +4 -0
  274. package/{dist/table → table}/Table.js +16 -26
  275. package/table/Table.stories.jsx +356 -0
  276. package/table/Table.test.js +26 -0
  277. package/table/types.d.ts +21 -0
  278. package/table/types.js +5 -0
  279. package/tabs/Tab.d.ts +4 -0
  280. package/tabs/Tab.js +132 -0
  281. package/tabs/Tabs.d.ts +4 -0
  282. package/tabs/Tabs.js +461 -0
  283. package/tabs/Tabs.stories.tsx +226 -0
  284. package/tabs/Tabs.test.js +350 -0
  285. package/tabs/types.d.ts +92 -0
  286. package/tabs/types.js +5 -0
  287. package/tag/Tag.d.ts +4 -0
  288. package/tag/Tag.js +181 -0
  289. package/tag/Tag.stories.tsx +155 -0
  290. package/tag/Tag.test.js +60 -0
  291. package/tag/types.d.ts +69 -0
  292. package/tag/types.js +5 -0
  293. package/text-input/Icons.d.ts +8 -0
  294. package/text-input/Icons.js +60 -0
  295. package/text-input/Suggestion.d.ts +4 -0
  296. package/text-input/Suggestion.js +84 -0
  297. package/text-input/Suggestions.d.ts +4 -0
  298. package/text-input/Suggestions.js +134 -0
  299. package/text-input/TextInput.d.ts +4 -0
  300. package/text-input/TextInput.js +659 -0
  301. package/text-input/TextInput.stories.tsx +608 -0
  302. package/text-input/TextInput.test.js +1812 -0
  303. package/text-input/types.d.ts +201 -0
  304. package/text-input/types.js +5 -0
  305. package/textarea/Textarea.d.ts +4 -0
  306. package/textarea/Textarea.js +278 -0
  307. package/textarea/Textarea.stories.jsx +224 -0
  308. package/textarea/Textarea.test.js +479 -0
  309. package/textarea/types.d.ts +141 -0
  310. package/textarea/types.js +5 -0
  311. package/toggle-group/ToggleGroup.d.ts +4 -0
  312. package/toggle-group/ToggleGroup.js +241 -0
  313. package/toggle-group/ToggleGroup.stories.tsx +218 -0
  314. package/toggle-group/ToggleGroup.test.js +170 -0
  315. package/toggle-group/types.d.ts +114 -0
  316. package/toggle-group/types.js +5 -0
  317. package/typography/Typography.d.ts +4 -0
  318. package/typography/Typography.js +32 -0
  319. package/typography/Typography.stories.tsx +198 -0
  320. package/typography/types.d.ts +18 -0
  321. package/typography/types.js +5 -0
  322. package/useTheme.d.ts +1252 -0
  323. package/{dist/useTheme.js → useTheme.js} +3 -3
  324. package/useTranslatedLabels.d.ts +85 -0
  325. package/useTranslatedLabels.js +20 -0
  326. package/utils/BaseTypography.d.ts +21 -0
  327. package/utils/BaseTypography.js +108 -0
  328. package/utils/FocusLock.d.ts +13 -0
  329. package/utils/FocusLock.js +138 -0
  330. package/wizard/Wizard.d.ts +4 -0
  331. package/wizard/Wizard.js +285 -0
  332. package/wizard/Wizard.stories.tsx +253 -0
  333. package/wizard/Wizard.test.js +141 -0
  334. package/wizard/types.d.ts +64 -0
  335. package/wizard/types.js +5 -0
  336. package/babel.config.js +0 -8
  337. package/dist/BackgroundColorContext.js +0 -46
  338. package/dist/ThemeContext.js +0 -216
  339. package/dist/accordion/Accordion.js +0 -346
  340. package/dist/accordion/Accordion.stories.js +0 -207
  341. package/dist/accordion/readme.md +0 -96
  342. package/dist/accordion-group/AccordionGroup.js +0 -188
  343. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  344. package/dist/accordion-group/readme.md +0 -70
  345. package/dist/alert/Alert.js +0 -388
  346. package/dist/alert/Alert.stories.js +0 -158
  347. package/dist/alert/close.svg +0 -4
  348. package/dist/alert/error.svg +0 -4
  349. package/dist/alert/info.svg +0 -4
  350. package/dist/alert/readme.md +0 -43
  351. package/dist/alert/success.svg +0 -4
  352. package/dist/alert/warning.svg +0 -4
  353. package/dist/badge/Badge.js +0 -63
  354. package/dist/box/Box.js +0 -164
  355. package/dist/button/Button.js +0 -232
  356. package/dist/button/Button.stories.js +0 -224
  357. package/dist/button/readme.md +0 -93
  358. package/dist/card/Card.js +0 -254
  359. package/dist/checkbox/Checkbox.js +0 -294
  360. package/dist/checkbox/Checkbox.stories.js +0 -144
  361. package/dist/checkbox/readme.md +0 -116
  362. package/dist/chip/Chip.js +0 -269
  363. package/dist/common/OpenSans.css +0 -81
  364. package/dist/common/RequiredComponent.js +0 -40
  365. package/dist/common/variables.js +0 -1305
  366. package/dist/date/Date.js +0 -381
  367. package/dist/date/Date.stories.js +0 -205
  368. package/dist/date/readme.md +0 -73
  369. package/dist/dialog/Dialog.js +0 -235
  370. package/dist/dialog/Dialog.stories.js +0 -217
  371. package/dist/dialog/readme.md +0 -32
  372. package/dist/dropdown/Dropdown.js +0 -493
  373. package/dist/dropdown/Dropdown.stories.js +0 -249
  374. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  375. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  376. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  377. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  378. package/dist/dropdown/readme.md +0 -69
  379. package/dist/footer/Footer.js +0 -407
  380. package/dist/footer/Footer.stories.js +0 -94
  381. package/dist/footer/dxc_logo.svg +0 -15
  382. package/dist/footer/readme.md +0 -41
  383. package/dist/header/Header.js +0 -431
  384. package/dist/header/Header.stories.js +0 -176
  385. package/dist/header/close_icon.svg +0 -1
  386. package/dist/header/dxc_logo_black.svg +0 -8
  387. package/dist/header/hamb_menu_black.svg +0 -1
  388. package/dist/header/hamb_menu_white.svg +0 -1
  389. package/dist/header/readme.md +0 -33
  390. package/dist/input-text/InputText.js +0 -672
  391. package/dist/input-text/InputText.stories.js +0 -209
  392. package/dist/input-text/error.svg +0 -1
  393. package/dist/input-text/readme.md +0 -91
  394. package/dist/layout/ApplicationLayout.js +0 -331
  395. package/dist/layout/facebook.svg +0 -45
  396. package/dist/layout/linkedin.svg +0 -50
  397. package/dist/layout/twitter.svg +0 -53
  398. package/dist/link/Link.js +0 -241
  399. package/dist/link/readme.md +0 -51
  400. package/dist/new-date/NewDate.js +0 -391
  401. package/dist/new-input-text/NewInputText.js +0 -929
  402. package/dist/number/Number.js +0 -127
  403. package/dist/number/NumberContext.js +0 -16
  404. package/dist/paginator/Paginator.js +0 -283
  405. package/dist/paginator/images/next.svg +0 -3
  406. package/dist/paginator/images/nextPage.svg +0 -3
  407. package/dist/paginator/images/previous.svg +0 -3
  408. package/dist/paginator/images/previousPage.svg +0 -3
  409. package/dist/paginator/readme.md +0 -50
  410. package/dist/password/Password.js +0 -139
  411. package/dist/password/styles.css +0 -3
  412. package/dist/progress-bar/ProgressBar.js +0 -206
  413. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  414. package/dist/progress-bar/readme.md +0 -63
  415. package/dist/radio/Radio.js +0 -209
  416. package/dist/radio/Radio.stories.js +0 -166
  417. package/dist/radio/readme.md +0 -70
  418. package/dist/resultsetTable/ResultsetTable.js +0 -358
  419. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  420. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  421. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  422. package/dist/select/Select.js +0 -563
  423. package/dist/select/Select.stories.js +0 -235
  424. package/dist/select/readme.md +0 -72
  425. package/dist/sidenav/Sidenav.js +0 -183
  426. package/dist/slider/Slider.js +0 -315
  427. package/dist/slider/Slider.stories.js +0 -241
  428. package/dist/slider/readme.md +0 -64
  429. package/dist/spinner/Spinner.js +0 -214
  430. package/dist/spinner/Spinner.stories.js +0 -183
  431. package/dist/spinner/readme.md +0 -65
  432. package/dist/switch/Switch.js +0 -222
  433. package/dist/switch/Switch.stories.js +0 -134
  434. package/dist/switch/readme.md +0 -133
  435. package/dist/tabs/Tabs.js +0 -343
  436. package/dist/tabs/Tabs.stories.js +0 -130
  437. package/dist/tabs/readme.md +0 -78
  438. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  439. package/dist/tabs-for-sections/readme.md +0 -78
  440. package/dist/tag/Tag.js +0 -280
  441. package/dist/textarea/Textarea.js +0 -260
  442. package/dist/toggle/Toggle.js +0 -220
  443. package/dist/toggle/Toggle.stories.js +0 -297
  444. package/dist/toggle/readme.md +0 -80
  445. package/dist/toggle-group/ToggleGroup.js +0 -241
  446. package/dist/toggle-group/readme.md +0 -82
  447. package/dist/upload/Upload.js +0 -205
  448. package/dist/upload/Upload.stories.js +0 -72
  449. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
  450. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  451. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  452. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -325
  453. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  454. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  455. package/dist/upload/file-upload/FileToUpload.js +0 -184
  456. package/dist/upload/file-upload/audio-icon.svg +0 -4
  457. package/dist/upload/file-upload/close.svg +0 -4
  458. package/dist/upload/file-upload/file-icon.svg +0 -4
  459. package/dist/upload/file-upload/video-icon.svg +0 -4
  460. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  461. package/dist/upload/readme.md +0 -37
  462. package/dist/upload/transaction/Transaction.js +0 -171
  463. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  464. package/dist/upload/transaction/audio-icon.svg +0 -4
  465. package/dist/upload/transaction/error-icon.svg +0 -4
  466. package/dist/upload/transaction/file-icon-err.svg +0 -4
  467. package/dist/upload/transaction/file-icon.svg +0 -4
  468. package/dist/upload/transaction/image-icon-err.svg +0 -4
  469. package/dist/upload/transaction/image-icon.svg +0 -4
  470. package/dist/upload/transaction/success-icon.svg +0 -4
  471. package/dist/upload/transaction/video-icon-err.svg +0 -4
  472. package/dist/upload/transaction/video-icon.svg +0 -4
  473. package/dist/upload/transactions/Transactions.js +0 -138
  474. package/dist/wizard/Wizard.js +0 -411
  475. package/dist/wizard/invalid_icon.svg +0 -5
  476. package/dist/wizard/valid_icon.svg +0 -5
  477. package/dist/wizard/validation-wrong.svg +0 -6
  478. package/test/Accordion.test.js +0 -33
  479. package/test/AccordionGroup.test.js +0 -125
  480. package/test/Alert.test.js +0 -53
  481. package/test/Box.test.js +0 -10
  482. package/test/Button.test.js +0 -18
  483. package/test/Card.test.js +0 -30
  484. package/test/Checkbox.test.js +0 -45
  485. package/test/Chip.test.js +0 -25
  486. package/test/Date.test.js +0 -393
  487. package/test/Dialog.test.js +0 -23
  488. package/test/Dropdown.test.js +0 -130
  489. package/test/Footer.test.js +0 -99
  490. package/test/Header.test.js +0 -39
  491. package/test/Heading.test.js +0 -35
  492. package/test/InputText.test.js +0 -240
  493. package/test/Link.test.js +0 -43
  494. package/test/NewDate.test.js +0 -189
  495. package/test/NewInputText.test.js +0 -663
  496. package/test/Number.test.js +0 -205
  497. package/test/Paginator.test.js +0 -177
  498. package/test/Password.test.js +0 -63
  499. package/test/ProgressBar.test.js +0 -35
  500. package/test/Radio.test.js +0 -37
  501. package/test/ResultsetTable.test.js +0 -330
  502. package/test/Select.test.js +0 -192
  503. package/test/Sidenav.test.js +0 -45
  504. package/test/Slider.test.js +0 -82
  505. package/test/Spinner.test.js +0 -27
  506. package/test/Switch.test.js +0 -45
  507. package/test/Table.test.js +0 -36
  508. package/test/Tabs.test.js +0 -109
  509. package/test/TabsForSections.test.js +0 -34
  510. package/test/Tag.test.js +0 -32
  511. package/test/TextArea.test.js +0 -52
  512. package/test/ToggleGroup.test.js +0 -81
  513. package/test/Upload.test.js +0 -60
  514. package/test/Wizard.test.js +0 -130
  515. package/test/mocks/pngMock.js +0 -1
  516. package/test/mocks/svgMock.js +0 -1
  517. /package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  518. /package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  519. /package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  520. /package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  521. /package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  522. /package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  523. /package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  524. /package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  525. /package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  526. /package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
@@ -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,16 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- /* eslint-disable prefer-template */
13
- var NumberContext = _react["default"].createContext();
14
-
15
- var _default = NumberContext;
16
- 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
- }