@dxc-technology/halstack-react 0.0.0-74ba970 → 0.0.0-74dd241

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 (478) hide show
  1. package/BackgroundColorContext.d.ts +1 -10
  2. package/BackgroundColorContext.js +5 -22
  3. package/HalstackContext.d.ts +1240 -6
  4. package/HalstackContext.js +130 -115
  5. package/README.md +47 -0
  6. package/accordion/Accordion.accessibility.test.d.ts +1 -0
  7. package/accordion/Accordion.accessibility.test.js +71 -0
  8. package/accordion/Accordion.d.ts +1 -1
  9. package/accordion/Accordion.js +44 -121
  10. package/accordion/Accordion.stories.tsx +82 -147
  11. package/accordion/Accordion.test.d.ts +1 -0
  12. package/accordion/Accordion.test.js +18 -33
  13. package/accordion/types.d.ts +6 -17
  14. package/accordion-group/AccordionGroup.accessibility.test.d.ts +1 -0
  15. package/accordion-group/AccordionGroup.accessibility.test.js +82 -0
  16. package/accordion-group/AccordionGroup.d.ts +2 -2
  17. package/accordion-group/AccordionGroup.js +29 -77
  18. package/accordion-group/AccordionGroup.stories.tsx +78 -77
  19. package/accordion-group/AccordionGroup.test.d.ts +1 -0
  20. package/accordion-group/AccordionGroup.test.js +41 -73
  21. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  22. package/accordion-group/AccordionGroupAccordion.js +31 -0
  23. package/accordion-group/AccordionGroupContext.d.ts +3 -0
  24. package/accordion-group/AccordionGroupContext.js +8 -0
  25. package/accordion-group/types.d.ts +7 -18
  26. package/action-icon/ActionIcon.accessibility.test.d.ts +1 -0
  27. package/action-icon/ActionIcon.accessibility.test.js +63 -0
  28. package/action-icon/ActionIcon.d.ts +4 -0
  29. package/action-icon/ActionIcon.js +48 -0
  30. package/action-icon/ActionIcon.stories.tsx +41 -0
  31. package/action-icon/ActionIcon.test.d.ts +1 -0
  32. package/action-icon/ActionIcon.test.js +64 -0
  33. package/action-icon/types.d.ts +26 -0
  34. package/alert/Alert.accessibility.test.d.ts +1 -0
  35. package/alert/Alert.accessibility.test.js +95 -0
  36. package/alert/Alert.js +36 -126
  37. package/alert/Alert.stories.tsx +28 -0
  38. package/alert/Alert.test.d.ts +1 -0
  39. package/alert/Alert.test.js +28 -45
  40. package/alert/types.d.ts +5 -5
  41. package/badge/Badge.accessibility.test.d.ts +1 -0
  42. package/badge/Badge.accessibility.test.js +129 -0
  43. package/badge/Badge.d.ts +1 -1
  44. package/badge/Badge.js +142 -42
  45. package/badge/Badge.stories.tsx +210 -0
  46. package/badge/Badge.test.d.ts +1 -0
  47. package/badge/Badge.test.js +30 -0
  48. package/badge/types.d.ts +52 -3
  49. package/bleed/Bleed.js +13 -21
  50. package/bleed/Bleed.stories.tsx +1 -0
  51. package/bleed/types.d.ts +2 -2
  52. package/box/Box.accessibility.test.d.ts +1 -0
  53. package/box/Box.accessibility.test.js +33 -0
  54. package/box/Box.d.ts +1 -1
  55. package/box/Box.js +18 -59
  56. package/box/Box.stories.tsx +38 -51
  57. package/box/Box.test.d.ts +1 -0
  58. package/box/Box.test.js +1 -6
  59. package/box/types.d.ts +3 -14
  60. package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +1 -0
  61. package/breadcrumbs/Breadcrumbs.accessibility.test.js +96 -0
  62. package/breadcrumbs/Breadcrumbs.d.ts +4 -0
  63. package/breadcrumbs/Breadcrumbs.js +79 -0
  64. package/breadcrumbs/Breadcrumbs.stories.tsx +194 -0
  65. package/breadcrumbs/Breadcrumbs.test.d.ts +1 -0
  66. package/breadcrumbs/Breadcrumbs.test.js +168 -0
  67. package/breadcrumbs/Item.d.ts +4 -0
  68. package/breadcrumbs/Item.js +52 -0
  69. package/breadcrumbs/dropdownTheme.d.ts +53 -0
  70. package/breadcrumbs/dropdownTheme.js +62 -0
  71. package/breadcrumbs/types.d.ts +16 -0
  72. package/bulleted-list/BulletedList.accessibility.test.d.ts +1 -0
  73. package/bulleted-list/BulletedList.accessibility.test.js +119 -0
  74. package/bulleted-list/BulletedList.js +22 -53
  75. package/bulleted-list/BulletedList.stories.tsx +8 -93
  76. package/bulleted-list/types.d.ts +32 -5
  77. package/button/Button.accessibility.test.d.ts +1 -0
  78. package/button/Button.accessibility.test.js +127 -0
  79. package/button/Button.d.ts +1 -1
  80. package/button/Button.js +71 -106
  81. package/button/Button.stories.tsx +143 -101
  82. package/button/Button.test.d.ts +1 -0
  83. package/button/Button.test.js +19 -16
  84. package/button/types.d.ts +9 -5
  85. package/card/Card.accessibility.test.d.ts +1 -0
  86. package/card/Card.accessibility.test.js +36 -0
  87. package/card/Card.d.ts +1 -1
  88. package/card/Card.js +49 -89
  89. package/card/Card.stories.tsx +13 -43
  90. package/card/Card.test.d.ts +1 -0
  91. package/card/Card.test.js +10 -21
  92. package/card/types.d.ts +6 -11
  93. package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
  94. package/checkbox/Checkbox.accessibility.test.js +87 -0
  95. package/checkbox/Checkbox.d.ts +2 -2
  96. package/checkbox/Checkbox.js +95 -132
  97. package/checkbox/Checkbox.stories.tsx +128 -94
  98. package/checkbox/Checkbox.test.d.ts +1 -0
  99. package/checkbox/Checkbox.test.js +107 -63
  100. package/checkbox/types.d.ts +11 -3
  101. package/chip/Chip.accessibility.test.d.ts +1 -0
  102. package/chip/Chip.accessibility.test.js +67 -0
  103. package/chip/Chip.js +45 -80
  104. package/chip/Chip.stories.tsx +103 -27
  105. package/chip/Chip.test.d.ts +1 -0
  106. package/chip/Chip.test.js +17 -32
  107. package/chip/types.d.ts +4 -4
  108. package/common/coreTokens.d.ts +237 -0
  109. package/common/coreTokens.js +184 -0
  110. package/common/utils.d.ts +1 -0
  111. package/common/utils.js +6 -12
  112. package/common/variables.d.ts +1392 -0
  113. package/common/variables.js +976 -1220
  114. package/container/Container.d.ts +4 -0
  115. package/container/Container.js +194 -0
  116. package/container/Container.stories.tsx +214 -0
  117. package/container/types.d.ts +74 -0
  118. package/contextual-menu/ContextualMenu.accessibility.test.d.ts +1 -0
  119. package/contextual-menu/ContextualMenu.accessibility.test.js +98 -0
  120. package/contextual-menu/ContextualMenu.d.ts +5 -0
  121. package/contextual-menu/ContextualMenu.js +108 -0
  122. package/contextual-menu/ContextualMenu.stories.tsx +223 -0
  123. package/contextual-menu/ContextualMenu.test.d.ts +1 -0
  124. package/contextual-menu/ContextualMenu.test.js +247 -0
  125. package/contextual-menu/GroupItem.d.ts +4 -0
  126. package/contextual-menu/GroupItem.js +67 -0
  127. package/contextual-menu/ItemAction.d.ts +4 -0
  128. package/contextual-menu/ItemAction.js +50 -0
  129. package/contextual-menu/MenuItem.d.ts +4 -0
  130. package/contextual-menu/MenuItem.js +29 -0
  131. package/contextual-menu/SingleItem.d.ts +4 -0
  132. package/contextual-menu/SingleItem.js +38 -0
  133. package/contextual-menu/types.d.ts +61 -0
  134. package/contextual-menu/types.js +5 -0
  135. package/date-input/Calendar.d.ts +4 -0
  136. package/date-input/Calendar.js +230 -0
  137. package/date-input/DateInput.accessibility.test.d.ts +1 -0
  138. package/date-input/DateInput.accessibility.test.js +229 -0
  139. package/date-input/DateInput.js +156 -300
  140. package/date-input/DateInput.stories.tsx +210 -57
  141. package/date-input/DateInput.test.d.ts +1 -0
  142. package/date-input/DateInput.test.js +699 -370
  143. package/date-input/DatePicker.d.ts +4 -0
  144. package/date-input/DatePicker.js +121 -0
  145. package/date-input/YearPicker.d.ts +4 -0
  146. package/date-input/YearPicker.js +105 -0
  147. package/date-input/types.d.ts +72 -15
  148. package/dialog/Dialog.accessibility.test.d.ts +1 -0
  149. package/dialog/Dialog.accessibility.test.js +69 -0
  150. package/dialog/Dialog.d.ts +1 -1
  151. package/dialog/Dialog.js +50 -119
  152. package/dialog/Dialog.stories.tsx +324 -166
  153. package/dialog/Dialog.test.d.ts +1 -0
  154. package/dialog/Dialog.test.js +332 -32
  155. package/dialog/types.d.ts +18 -25
  156. package/divider/Divider.accessibility.test.d.ts +1 -0
  157. package/divider/Divider.accessibility.test.js +33 -0
  158. package/divider/Divider.d.ts +4 -0
  159. package/divider/Divider.js +36 -0
  160. package/divider/Divider.stories.tsx +223 -0
  161. package/divider/Divider.test.d.ts +1 -0
  162. package/divider/Divider.test.js +38 -0
  163. package/divider/types.d.ts +21 -0
  164. package/divider/types.js +5 -0
  165. package/dropdown/Dropdown.accessibility.test.d.ts +1 -0
  166. package/dropdown/Dropdown.accessibility.test.js +183 -0
  167. package/dropdown/Dropdown.js +91 -158
  168. package/dropdown/Dropdown.stories.tsx +210 -95
  169. package/dropdown/Dropdown.test.d.ts +1 -0
  170. package/dropdown/Dropdown.test.js +449 -412
  171. package/dropdown/DropdownMenu.js +23 -40
  172. package/dropdown/DropdownMenuItem.js +17 -38
  173. package/dropdown/types.d.ts +20 -24
  174. package/file-input/FileInput.accessibility.test.d.ts +1 -0
  175. package/file-input/FileInput.accessibility.test.js +167 -0
  176. package/file-input/FileInput.d.ts +2 -2
  177. package/file-input/FileInput.js +238 -393
  178. package/file-input/FileInput.stories.tsx +123 -12
  179. package/file-input/FileInput.test.d.ts +1 -0
  180. package/file-input/FileInput.test.js +314 -367
  181. package/file-input/FileItem.d.ts +4 -14
  182. package/file-input/FileItem.js +56 -117
  183. package/file-input/types.d.ts +24 -11
  184. package/flex/Flex.d.ts +1 -1
  185. package/flex/Flex.js +40 -40
  186. package/flex/Flex.stories.tsx +35 -26
  187. package/flex/types.d.ts +84 -8
  188. package/footer/Footer.accessibility.test.d.ts +1 -0
  189. package/footer/Footer.accessibility.test.js +125 -0
  190. package/footer/Footer.d.ts +1 -1
  191. package/footer/Footer.js +73 -118
  192. package/footer/Footer.stories.tsx +94 -23
  193. package/footer/Footer.test.d.ts +1 -0
  194. package/footer/Footer.test.js +32 -56
  195. package/footer/Icons.d.ts +3 -2
  196. package/footer/Icons.js +53 -22
  197. package/footer/types.d.ts +26 -27
  198. package/grid/Grid.d.ts +7 -0
  199. package/grid/Grid.js +76 -0
  200. package/grid/Grid.stories.tsx +221 -0
  201. package/grid/types.d.ts +115 -0
  202. package/grid/types.js +5 -0
  203. package/header/Header.accessibility.test.d.ts +1 -0
  204. package/header/Header.accessibility.test.js +94 -0
  205. package/header/Header.d.ts +4 -3
  206. package/header/Header.js +55 -150
  207. package/header/Header.stories.tsx +131 -36
  208. package/header/Header.test.d.ts +1 -0
  209. package/header/Header.test.js +12 -25
  210. package/header/Icons.d.ts +2 -2
  211. package/header/Icons.js +3 -13
  212. package/header/types.d.ts +7 -21
  213. package/heading/Heading.accessibility.test.d.ts +1 -0
  214. package/heading/Heading.accessibility.test.js +33 -0
  215. package/heading/Heading.js +10 -32
  216. package/heading/Heading.test.d.ts +1 -0
  217. package/heading/Heading.test.js +64 -94
  218. package/heading/types.d.ts +7 -7
  219. package/icon/Icon.accessibility.test.d.ts +1 -0
  220. package/icon/Icon.accessibility.test.js +30 -0
  221. package/icon/Icon.d.ts +4 -0
  222. package/icon/Icon.js +33 -0
  223. package/icon/Icon.stories.tsx +28 -0
  224. package/icon/types.d.ts +4 -0
  225. package/icon/types.js +5 -0
  226. package/image/Image.accessibility.test.d.ts +1 -0
  227. package/image/Image.accessibility.test.js +56 -0
  228. package/image/Image.d.ts +4 -0
  229. package/image/Image.js +70 -0
  230. package/image/Image.stories.tsx +129 -0
  231. package/image/types.d.ts +72 -0
  232. package/image/types.js +5 -0
  233. package/inset/Inset.js +13 -21
  234. package/inset/Inset.stories.tsx +2 -1
  235. package/inset/types.d.ts +2 -2
  236. package/layout/ApplicationLayout.d.ts +5 -5
  237. package/layout/ApplicationLayout.js +36 -70
  238. package/layout/ApplicationLayout.stories.tsx +1 -1
  239. package/layout/Icons.d.ts +7 -5
  240. package/layout/Icons.js +41 -59
  241. package/layout/types.d.ts +5 -6
  242. package/link/Link.accessibility.test.d.ts +1 -0
  243. package/link/Link.accessibility.test.js +108 -0
  244. package/link/Link.js +32 -51
  245. package/link/Link.stories.tsx +64 -4
  246. package/link/Link.test.d.ts +1 -0
  247. package/link/Link.test.js +23 -43
  248. package/link/types.d.ts +14 -14
  249. package/main.d.ts +11 -5
  250. package/main.js +54 -59
  251. package/nav-tabs/NavTabs.accessibility.test.d.ts +1 -0
  252. package/nav-tabs/NavTabs.accessibility.test.js +44 -0
  253. package/nav-tabs/NavTabs.d.ts +7 -0
  254. package/nav-tabs/NavTabs.js +108 -0
  255. package/nav-tabs/NavTabs.stories.tsx +294 -0
  256. package/nav-tabs/NavTabs.test.d.ts +1 -0
  257. package/nav-tabs/NavTabs.test.js +77 -0
  258. package/nav-tabs/NavTabsContext.d.ts +3 -0
  259. package/nav-tabs/NavTabsContext.js +8 -0
  260. package/nav-tabs/Tab.js +117 -0
  261. package/{tabs-nav → nav-tabs}/types.d.ts +15 -16
  262. package/nav-tabs/types.js +5 -0
  263. package/number-input/NumberInput.accessibility.test.d.ts +1 -0
  264. package/number-input/NumberInput.accessibility.test.js +227 -0
  265. package/number-input/NumberInput.js +46 -36
  266. package/number-input/NumberInput.stories.tsx +28 -26
  267. package/number-input/NumberInput.test.d.ts +1 -0
  268. package/number-input/NumberInput.test.js +858 -376
  269. package/number-input/NumberInputContext.d.ts +3 -4
  270. package/number-input/NumberInputContext.js +3 -14
  271. package/number-input/types.d.ts +17 -5
  272. package/package.json +50 -49
  273. package/paginator/Paginator.accessibility.test.d.ts +1 -0
  274. package/paginator/Paginator.accessibility.test.js +78 -0
  275. package/paginator/Paginator.js +35 -68
  276. package/paginator/Paginator.stories.tsx +24 -0
  277. package/paginator/Paginator.test.d.ts +1 -0
  278. package/paginator/Paginator.test.js +253 -227
  279. package/paginator/types.d.ts +3 -3
  280. package/paragraph/Paragraph.accessibility.test.d.ts +1 -0
  281. package/paragraph/Paragraph.accessibility.test.js +28 -0
  282. package/paragraph/Paragraph.d.ts +3 -4
  283. package/paragraph/Paragraph.js +6 -22
  284. package/paragraph/Paragraph.stories.tsx +0 -17
  285. package/password-input/PasswordInput.accessibility.test.d.ts +1 -0
  286. package/password-input/PasswordInput.accessibility.test.js +152 -0
  287. package/password-input/PasswordInput.js +58 -127
  288. package/password-input/PasswordInput.stories.tsx +2 -34
  289. package/password-input/PasswordInput.test.d.ts +1 -0
  290. package/password-input/PasswordInput.test.js +158 -141
  291. package/password-input/types.d.ts +8 -7
  292. package/progress-bar/ProgressBar.accessibility.test.d.ts +1 -0
  293. package/progress-bar/ProgressBar.accessibility.test.js +35 -0
  294. package/progress-bar/ProgressBar.d.ts +2 -2
  295. package/progress-bar/ProgressBar.js +28 -58
  296. package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +36 -3
  297. package/progress-bar/ProgressBar.test.d.ts +1 -0
  298. package/progress-bar/ProgressBar.test.js +35 -52
  299. package/progress-bar/types.d.ts +4 -3
  300. package/quick-nav/QuickNav.accessibility.test.d.ts +1 -0
  301. package/quick-nav/QuickNav.accessibility.test.js +57 -0
  302. package/quick-nav/QuickNav.js +15 -39
  303. package/quick-nav/QuickNav.stories.tsx +112 -20
  304. package/quick-nav/types.d.ts +10 -10
  305. package/radio-group/Radio.d.ts +1 -1
  306. package/radio-group/Radio.js +31 -66
  307. package/radio-group/RadioGroup.accessibility.test.d.ts +1 -0
  308. package/radio-group/RadioGroup.accessibility.test.js +97 -0
  309. package/radio-group/RadioGroup.js +54 -100
  310. package/radio-group/RadioGroup.stories.tsx +131 -18
  311. package/radio-group/RadioGroup.test.d.ts +1 -0
  312. package/radio-group/RadioGroup.test.js +514 -425
  313. package/radio-group/types.d.ts +8 -8
  314. package/resultset-table/Icons.d.ts +7 -0
  315. package/{text-input → resultset-table}/Icons.js +13 -26
  316. package/resultset-table/ResultsetTable.accessibility.test.d.ts +1 -0
  317. package/resultset-table/ResultsetTable.accessibility.test.js +284 -0
  318. package/resultset-table/ResultsetTable.d.ts +7 -0
  319. package/resultset-table/ResultsetTable.js +171 -0
  320. package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +169 -31
  321. package/resultset-table/ResultsetTable.test.d.ts +1 -0
  322. package/resultset-table/ResultsetTable.test.js +379 -0
  323. package/{resultsetTable → resultset-table}/types.d.ts +44 -11
  324. package/resultset-table/types.js +5 -0
  325. package/select/Listbox.d.ts +1 -1
  326. package/select/Listbox.js +40 -87
  327. package/select/Option.js +35 -56
  328. package/select/Select.accessibility.test.d.ts +1 -0
  329. package/select/Select.accessibility.test.js +227 -0
  330. package/select/Select.js +138 -181
  331. package/select/Select.stories.tsx +496 -204
  332. package/select/Select.test.d.ts +1 -0
  333. package/select/Select.test.js +1919 -1827
  334. package/select/types.d.ts +17 -18
  335. package/sidenav/Sidenav.accessibility.test.d.ts +1 -0
  336. package/sidenav/Sidenav.accessibility.test.js +59 -0
  337. package/sidenav/Sidenav.d.ts +2 -2
  338. package/sidenav/Sidenav.js +90 -157
  339. package/sidenav/Sidenav.stories.tsx +161 -64
  340. package/sidenav/Sidenav.test.d.ts +1 -0
  341. package/sidenav/Sidenav.test.js +4 -11
  342. package/{layout → sidenav}/SidenavContext.d.ts +1 -1
  343. package/{layout → sidenav}/SidenavContext.js +3 -9
  344. package/sidenav/types.d.ts +33 -30
  345. package/slider/Slider.accessibility.test.d.ts +1 -0
  346. package/slider/Slider.accessibility.test.js +103 -0
  347. package/slider/Slider.d.ts +2 -2
  348. package/slider/Slider.js +79 -135
  349. package/slider/Slider.stories.tsx +57 -60
  350. package/slider/Slider.test.d.ts +1 -0
  351. package/slider/Slider.test.js +117 -111
  352. package/slider/types.d.ts +7 -3
  353. package/spinner/Spinner.accessibility.test.d.ts +1 -0
  354. package/spinner/Spinner.accessibility.test.js +96 -0
  355. package/spinner/Spinner.js +34 -74
  356. package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +53 -27
  357. package/spinner/Spinner.test.d.ts +1 -0
  358. package/spinner/Spinner.test.js +25 -34
  359. package/spinner/types.d.ts +3 -3
  360. package/status-light/StatusLight.accessibility.test.d.ts +1 -0
  361. package/status-light/StatusLight.accessibility.test.js +157 -0
  362. package/status-light/StatusLight.d.ts +4 -0
  363. package/status-light/StatusLight.js +51 -0
  364. package/status-light/StatusLight.stories.tsx +74 -0
  365. package/status-light/StatusLight.test.d.ts +1 -0
  366. package/status-light/StatusLight.test.js +25 -0
  367. package/status-light/types.d.ts +17 -0
  368. package/status-light/types.js +5 -0
  369. package/switch/Switch.accessibility.test.d.ts +1 -0
  370. package/switch/Switch.accessibility.test.js +98 -0
  371. package/switch/Switch.d.ts +3 -3
  372. package/switch/Switch.js +56 -106
  373. package/switch/Switch.stories.tsx +45 -34
  374. package/switch/Switch.test.d.ts +1 -0
  375. package/switch/Switch.test.js +51 -96
  376. package/switch/types.d.ts +8 -3
  377. package/table/DropdownTheme.js +62 -0
  378. package/table/Table.accessibility.test.d.ts +1 -0
  379. package/table/Table.accessibility.test.js +92 -0
  380. package/table/Table.d.ts +6 -2
  381. package/table/Table.js +78 -35
  382. package/table/Table.stories.tsx +663 -0
  383. package/table/Table.test.d.ts +1 -0
  384. package/table/Table.test.js +92 -7
  385. package/table/types.d.ts +34 -6
  386. package/tabs/Tab.js +28 -46
  387. package/tabs/Tabs.accessibility.test.d.ts +1 -0
  388. package/tabs/Tabs.accessibility.test.js +56 -0
  389. package/tabs/Tabs.js +69 -163
  390. package/tabs/Tabs.stories.tsx +50 -6
  391. package/tabs/Tabs.test.d.ts +1 -0
  392. package/tabs/Tabs.test.js +60 -135
  393. package/tabs/types.d.ts +21 -21
  394. package/tag/Tag.accessibility.test.d.ts +1 -0
  395. package/tag/Tag.accessibility.test.js +69 -0
  396. package/tag/Tag.js +34 -66
  397. package/tag/Tag.stories.tsx +19 -9
  398. package/tag/Tag.test.d.ts +1 -0
  399. package/tag/Tag.test.js +17 -36
  400. package/tag/types.d.ts +9 -9
  401. package/text-input/Suggestion.js +35 -25
  402. package/text-input/Suggestions.d.ts +1 -1
  403. package/text-input/Suggestions.js +30 -70
  404. package/text-input/TextInput.accessibility.test.d.ts +1 -0
  405. package/text-input/TextInput.accessibility.test.js +320 -0
  406. package/text-input/TextInput.js +283 -377
  407. package/text-input/TextInput.stories.tsx +149 -162
  408. package/text-input/TextInput.test.d.ts +1 -0
  409. package/text-input/TextInput.test.js +1389 -1347
  410. package/text-input/types.d.ts +29 -16
  411. package/textarea/Textarea.accessibility.test.d.ts +1 -0
  412. package/textarea/Textarea.accessibility.test.js +155 -0
  413. package/textarea/Textarea.js +67 -109
  414. package/textarea/Textarea.stories.tsx +174 -0
  415. package/textarea/Textarea.test.d.ts +1 -0
  416. package/textarea/Textarea.test.js +151 -182
  417. package/textarea/types.d.ts +9 -5
  418. package/toggle-group/ToggleGroup.accessibility.test.d.ts +1 -0
  419. package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
  420. package/toggle-group/ToggleGroup.d.ts +2 -2
  421. package/toggle-group/ToggleGroup.js +92 -108
  422. package/toggle-group/ToggleGroup.stories.tsx +53 -8
  423. package/toggle-group/ToggleGroup.test.d.ts +1 -0
  424. package/toggle-group/ToggleGroup.test.js +68 -87
  425. package/toggle-group/types.d.ts +28 -19
  426. package/typography/Typography.accessibility.test.d.ts +1 -0
  427. package/typography/Typography.accessibility.test.js +339 -0
  428. package/typography/Typography.d.ts +2 -2
  429. package/typography/Typography.js +15 -123
  430. package/typography/Typography.stories.tsx +1 -3
  431. package/typography/types.d.ts +1 -1
  432. package/useTheme.d.ts +1144 -1
  433. package/useTheme.js +2 -9
  434. package/useTranslatedLabels.d.ts +84 -1
  435. package/useTranslatedLabels.js +1 -7
  436. package/utils/BaseTypography.d.ts +21 -0
  437. package/utils/BaseTypography.js +94 -0
  438. package/utils/FocusLock.d.ts +13 -0
  439. package/utils/FocusLock.js +125 -0
  440. package/wizard/Wizard.accessibility.test.d.ts +1 -0
  441. package/wizard/Wizard.accessibility.test.js +55 -0
  442. package/wizard/Wizard.js +29 -75
  443. package/wizard/Wizard.stories.tsx +40 -1
  444. package/wizard/Wizard.test.d.ts +1 -0
  445. package/wizard/Wizard.test.js +53 -80
  446. package/wizard/types.d.ts +10 -11
  447. package/card/ice-cream.jpg +0 -0
  448. package/common/OpenSans.css +0 -81
  449. package/common/RequiredComponent.js +0 -32
  450. package/common/fonts/OpenSans-Bold.ttf +0 -0
  451. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  452. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  453. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  454. package/common/fonts/OpenSans-Italic.ttf +0 -0
  455. package/common/fonts/OpenSans-Light.ttf +0 -0
  456. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  457. package/common/fonts/OpenSans-Regular.ttf +0 -0
  458. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  459. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  460. package/number-input/numberInputContextTypes.d.ts +0 -19
  461. package/paginator/Icons.js +0 -66
  462. package/resultsetTable/ResultsetTable.d.ts +0 -4
  463. package/resultsetTable/ResultsetTable.js +0 -254
  464. package/resultsetTable/ResultsetTable.test.js +0 -348
  465. package/select/Icons.d.ts +0 -10
  466. package/select/Icons.js +0 -93
  467. package/table/Table.stories.jsx +0 -277
  468. package/tabs-nav/NavTabs.d.ts +0 -8
  469. package/tabs-nav/NavTabs.js +0 -125
  470. package/tabs-nav/NavTabs.stories.tsx +0 -170
  471. package/tabs-nav/NavTabs.test.js +0 -82
  472. package/tabs-nav/Tab.js +0 -130
  473. package/text-input/Icons.d.ts +0 -8
  474. package/textarea/Textarea.stories.jsx +0 -157
  475. /package/{resultsetTable → action-icon}/types.js +0 -0
  476. /package/{tabs-nav → breadcrumbs}/types.js +0 -0
  477. /package/{number-input/numberInputContextTypes.js → container/types.js} +0 -0
  478. /package/{tabs-nav → nav-tabs}/Tab.d.ts +0 -0
@@ -1,45 +1,43 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
4
+ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
5
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
5
6
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
6
-
7
7
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
8
-
9
8
  var _react = _interopRequireDefault(require("react"));
10
-
11
9
  var _react2 = require("@testing-library/react");
12
-
13
10
  var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
14
-
15
11
  var _Paginator = _interopRequireDefault(require("./Paginator"));
16
-
17
12
  // Mocking DOMRect for Radix Primitive Popover
18
13
  global.globalThis = global;
19
-
14
+ global.DOMRect = {
15
+ fromRect: function fromRect() {
16
+ return {
17
+ top: 0,
18
+ left: 0,
19
+ bottom: 0,
20
+ right: 0,
21
+ width: 0,
22
+ height: 0
23
+ };
24
+ }
25
+ };
20
26
  global.ResizeObserver = /*#__PURE__*/function () {
21
- function ResizeObserver(cb) {
27
+ function ResizeObserver() {
22
28
  (0, _classCallCheck2["default"])(this, ResizeObserver);
23
- this.cb = cb;
24
29
  }
25
-
26
- (0, _createClass2["default"])(ResizeObserver, [{
30
+ return (0, _createClass2["default"])(ResizeObserver, [{
27
31
  key: "observe",
28
- value: function observe() {
29
- this.cb([{
30
- borderBoxSize: {
31
- inlineSize: 0,
32
- blockSize: 0
33
- }
34
- }]);
35
- }
32
+ value: function observe() {}
36
33
  }, {
37
34
  key: "unobserve",
38
35
  value: function unobserve() {}
36
+ }, {
37
+ key: "disconnect",
38
+ value: function disconnect() {}
39
39
  }]);
40
- return ResizeObserver;
41
40
  }();
42
-
43
41
  global.DOMRect = {
44
42
  fromRect: function fromRect() {
45
43
  return {
@@ -55,227 +53,245 @@ global.DOMRect = {
55
53
  describe("Paginator component tests", function () {
56
54
  test("Paginator renders with default values", function () {
57
55
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], null)),
58
- getByText = _render.getByText;
59
-
56
+ getByText = _render.getByText;
60
57
  expect(getByText("1 to 1 of 1")).toBeTruthy();
61
58
  expect(getByText("Page: 1 of 1")).toBeTruthy();
62
59
  });
63
60
  test("Paginator renders with currentPage", function () {
64
61
  var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
65
- currentPage: 2
66
- })),
67
- getByText = _render2.getByText;
68
-
62
+ currentPage: 2
63
+ })),
64
+ getByText = _render2.getByText;
69
65
  expect(getByText("Page: 2 of 1")).toBeTruthy();
70
66
  });
71
67
  test("Paginator renders with itemsPerPageOptions", function () {
72
68
  var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
73
- currentPage: 1,
74
- itemsPerPage: 10,
75
- itemsPerPageOptions: [10, 15],
76
- totalItems: 20
77
- })),
78
- getByText = _render3.getByText;
79
-
80
- expect(getByText("Items per page")).toBeTruthy();
81
- });
82
- test("Paginator renders with itemsPerPageOptions", function () {
83
- var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
84
- currentPage: 1,
85
- itemsPerPage: 10,
86
- totalItems: 20
87
- })),
88
- getByText = _render4.getByText;
89
-
69
+ currentPage: 1,
70
+ itemsPerPage: 10,
71
+ itemsPerPageOptions: [10, 15],
72
+ totalItems: 20
73
+ })),
74
+ getByText = _render3.getByText;
75
+ expect(getByText("Items per page:")).toBeTruthy();
90
76
  expect(getByText("1 to 10 of 20")).toBeTruthy();
91
77
  expect(getByText("Page: 1 of 2")).toBeTruthy();
92
78
  });
93
79
  test("Paginator renders with totalItems", function () {
94
- var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
95
- totalItems: 20
96
- })),
97
- getByText = _render5.getByText;
98
-
80
+ var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
81
+ totalItems: 20
82
+ })),
83
+ getByText = _render4.getByText;
99
84
  expect(getByText("1 to 5 of 20")).toBeTruthy();
100
85
  expect(getByText("Page: 1 of 4")).toBeTruthy();
101
86
  });
102
87
  test("Paginator renders with correct text in second page", function () {
103
- var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
104
- currentPage: 2,
105
- itemsPerPage: 10,
106
- totalItems: 20
107
- })),
108
- getByText = _render6.getByText;
109
-
88
+ var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
89
+ currentPage: 2,
90
+ itemsPerPage: 10,
91
+ totalItems: 20
92
+ })),
93
+ getByText = _render5.getByText;
110
94
  expect(getByText("11 to 20 of 20")).toBeTruthy();
111
95
  expect(getByText("Page: 2 of 2")).toBeTruthy();
112
96
  });
113
97
  test("Paginator renders goToPage select", function () {
114
- var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
115
- currentPage: 2,
116
- showGoToPage: true,
117
- itemsPerPage: 10,
118
- totalItems: 20
119
- })),
120
- getByText = _render7.getByText;
121
-
98
+ var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
99
+ currentPage: 2,
100
+ showGoToPage: true,
101
+ itemsPerPage: 10,
102
+ totalItems: 20
103
+ })),
104
+ getByText = _render6.getByText;
122
105
  expect(getByText("Go to page:")).toBeTruthy();
123
106
  });
124
- test("Paginator goToPage call correct function", function () {
125
- var onClick = jest.fn();
126
-
127
- window.HTMLElement.prototype.scrollIntoView = function () {};
128
-
129
- window.HTMLElement.prototype.scrollTo = function () {};
130
-
131
- var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
132
- currentPage: 1,
133
- itemsPerPage: 10,
134
- totalItems: 27,
135
- showGoToPage: true,
136
- onPageChange: onClick
137
- })),
138
- getByText = _render8.getByText,
139
- getAllByRole = _render8.getAllByRole,
140
- getByRole = _render8.getByRole;
141
-
142
- var goToPageSelect = getAllByRole("combobox")[0];
143
- (0, _react2.act)(function () {
144
- _userEvent["default"].click(goToPageSelect);
145
- });
146
- var goToPageOption = getByText("2");
147
- (0, _react2.act)(function () {
148
- _userEvent["default"].click(goToPageOption);
149
- });
150
- expect(onClick).toHaveBeenCalledWith(2);
151
- });
152
- test("Call correct goToPageFunction", function () {
153
- var onClick = jest.fn();
154
-
155
- var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
156
- onPageChange: onClick,
157
- currentPage: 1,
158
- itemsPerPage: 10,
159
- totalItems: 20
160
- })),
161
- getAllByRole = _render9.getAllByRole;
162
-
163
- var nextButton = getAllByRole("button")[2];
164
-
165
- _userEvent["default"].click(nextButton);
166
-
167
- expect(onClick).toHaveBeenCalled();
168
- });
169
- test("Call correct itemsPerPageFunction", function () {
170
- var onClick = jest.fn();
171
-
172
- window.HTMLElement.prototype.scrollIntoView = function () {};
173
-
174
- window.HTMLElement.prototype.scrollTo = function () {};
175
-
176
- var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
177
- currentPage: 1,
178
- itemsPerPage: 10,
179
- itemsPerPageOptions: [10, 15],
180
- itemsPerPageFunction: onClick,
181
- totalItems: 20
182
- })),
183
- getAllByText = _render10.getAllByText,
184
- getByText = _render10.getByText;
185
-
186
- var select = getAllByText("10")[0];
187
- (0, _react2.act)(function () {
188
- _userEvent["default"].click(select);
189
- });
190
- var itemPerPageOption = getByText("15");
191
- (0, _react2.act)(function () {
192
- _userEvent["default"].click(itemPerPageOption);
193
- });
194
- expect(onClick).toHaveBeenCalledWith(15);
195
- });
196
- test("Next button is disable in last page", function () {
197
- var onClick = jest.fn();
198
-
199
- var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
200
- onPageChange: onClick,
201
- currentPage: 2,
202
- itemsPerPage: 10,
203
- totalItems: 20
204
- })),
205
- getAllByRole = _render11.getAllByRole;
206
-
207
- var nextButton = getAllByRole("button")[2];
208
- expect(nextButton.hasAttribute("disabled")).toBeTruthy();
209
-
210
- _userEvent["default"].click(nextButton);
211
-
212
- expect(onClick).toHaveBeenCalledTimes(0);
213
- });
214
- test("Last button is disable in last page", function () {
215
- var onClick = jest.fn();
216
-
217
- var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
218
- onPageChange: onClick,
219
- currentPage: 2,
220
- itemsPerPage: 10,
221
- totalItems: 20
222
- })),
223
- getAllByRole = _render12.getAllByRole;
224
-
225
- var lastButton = getAllByRole("button")[3];
226
- expect(lastButton.hasAttribute("disabled")).toBeTruthy();
227
-
228
- _userEvent["default"].click(lastButton);
229
-
230
- expect(onClick).toHaveBeenCalledTimes(0);
231
- });
232
- test("First button is disable in first page", function () {
233
- var onClick = jest.fn();
234
-
235
- var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
236
- onPageChange: onClick,
237
- currentPage: 1,
238
- itemsPerPage: 10,
239
- totalItems: 20
240
- })),
241
- getAllByRole = _render13.getAllByRole;
242
-
243
- var lastButton = getAllByRole("button")[0];
244
- expect(lastButton.hasAttribute("disabled")).toBeTruthy();
245
-
246
- _userEvent["default"].click(lastButton);
247
-
248
- expect(onClick).toHaveBeenCalledTimes(0);
249
- });
250
- test("Previous button is disable in first page", function () {
251
- var onClick = jest.fn();
252
-
253
- var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
254
- onPageChange: onClick,
255
- currentPage: 1,
256
- itemsPerPage: 10,
257
- totalItems: 20
258
- })),
259
- getAllByRole = _render14.getAllByRole;
260
-
261
- var lastButton = getAllByRole("button")[1];
262
- expect(lastButton.hasAttribute("disabled")).toBeTruthy();
263
-
264
- _userEvent["default"].click(lastButton);
265
-
266
- expect(onClick).toHaveBeenCalledTimes(0);
267
- });
107
+ test("Paginator goToPage call correct function", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
108
+ var onClick, _render7, getByText, getAllByRole, goToPageSelect, goToPageOption;
109
+ return _regenerator["default"].wrap(function _callee$(_context) {
110
+ while (1) switch (_context.prev = _context.next) {
111
+ case 0:
112
+ onClick = jest.fn();
113
+ window.HTMLElement.prototype.scrollIntoView = function () {};
114
+ window.HTMLElement.prototype.scrollTo = function () {};
115
+ _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
116
+ currentPage: 1,
117
+ itemsPerPage: 10,
118
+ totalItems: 27,
119
+ showGoToPage: true,
120
+ onPageChange: onClick
121
+ })), getByText = _render7.getByText, getAllByRole = _render7.getAllByRole;
122
+ goToPageSelect = getAllByRole("combobox")[0];
123
+ _context.next = 7;
124
+ return _userEvent["default"].click(goToPageSelect);
125
+ case 7:
126
+ goToPageOption = getByText("2");
127
+ _context.next = 10;
128
+ return _userEvent["default"].click(goToPageOption);
129
+ case 10:
130
+ expect(onClick).toHaveBeenCalledWith(2);
131
+ case 11:
132
+ case "end":
133
+ return _context.stop();
134
+ }
135
+ }, _callee);
136
+ })));
137
+ test("Call correct goToPageFunction", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
138
+ var onClick, _render8, getAllByRole, nextButton;
139
+ return _regenerator["default"].wrap(function _callee2$(_context2) {
140
+ while (1) switch (_context2.prev = _context2.next) {
141
+ case 0:
142
+ onClick = jest.fn();
143
+ _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
144
+ onPageChange: onClick,
145
+ currentPage: 1,
146
+ itemsPerPage: 10,
147
+ totalItems: 20
148
+ })), getAllByRole = _render8.getAllByRole;
149
+ nextButton = getAllByRole("button")[2];
150
+ _context2.next = 5;
151
+ return _userEvent["default"].click(nextButton);
152
+ case 5:
153
+ expect(onClick).toHaveBeenCalled();
154
+ case 6:
155
+ case "end":
156
+ return _context2.stop();
157
+ }
158
+ }, _callee2);
159
+ })));
160
+ test("Call correct itemsPerPageFunction", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
161
+ var onClick, _render9, getAllByText, getByText, select, itemPerPageOption;
162
+ return _regenerator["default"].wrap(function _callee3$(_context3) {
163
+ while (1) switch (_context3.prev = _context3.next) {
164
+ case 0:
165
+ onClick = jest.fn();
166
+ window.HTMLElement.prototype.scrollIntoView = function () {};
167
+ window.HTMLElement.prototype.scrollTo = function () {};
168
+ _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
169
+ currentPage: 1,
170
+ itemsPerPage: 10,
171
+ itemsPerPageOptions: [10, 15],
172
+ itemsPerPageFunction: onClick,
173
+ totalItems: 20
174
+ })), getAllByText = _render9.getAllByText, getByText = _render9.getByText;
175
+ select = getAllByText("10")[0];
176
+ _context3.next = 7;
177
+ return _userEvent["default"].click(select);
178
+ case 7:
179
+ itemPerPageOption = getByText("15");
180
+ _context3.next = 10;
181
+ return _userEvent["default"].click(itemPerPageOption);
182
+ case 10:
183
+ expect(onClick).toHaveBeenCalledWith(15);
184
+ case 11:
185
+ case "end":
186
+ return _context3.stop();
187
+ }
188
+ }, _callee3);
189
+ })));
190
+ test("Next button is disable in last page", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
191
+ var onClick, _render10, getAllByRole, nextButton;
192
+ return _regenerator["default"].wrap(function _callee4$(_context4) {
193
+ while (1) switch (_context4.prev = _context4.next) {
194
+ case 0:
195
+ onClick = jest.fn();
196
+ _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
197
+ onPageChange: onClick,
198
+ currentPage: 2,
199
+ itemsPerPage: 10,
200
+ totalItems: 20
201
+ })), getAllByRole = _render10.getAllByRole;
202
+ nextButton = getAllByRole("button")[2];
203
+ expect(nextButton.hasAttribute("disabled")).toBeTruthy();
204
+ _context4.next = 6;
205
+ return _userEvent["default"].click(nextButton);
206
+ case 6:
207
+ expect(onClick).toHaveBeenCalledTimes(0);
208
+ case 7:
209
+ case "end":
210
+ return _context4.stop();
211
+ }
212
+ }, _callee4);
213
+ })));
214
+ test("Last button is disable in last page", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
215
+ var onClick, _render11, getAllByRole, lastButton;
216
+ return _regenerator["default"].wrap(function _callee5$(_context5) {
217
+ while (1) switch (_context5.prev = _context5.next) {
218
+ case 0:
219
+ onClick = jest.fn();
220
+ _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
221
+ onPageChange: onClick,
222
+ currentPage: 2,
223
+ itemsPerPage: 10,
224
+ totalItems: 20
225
+ })), getAllByRole = _render11.getAllByRole;
226
+ lastButton = getAllByRole("button")[3];
227
+ expect(lastButton.hasAttribute("disabled")).toBeTruthy();
228
+ _context5.next = 6;
229
+ return _userEvent["default"].click(lastButton);
230
+ case 6:
231
+ expect(onClick).toHaveBeenCalledTimes(0);
232
+ case 7:
233
+ case "end":
234
+ return _context5.stop();
235
+ }
236
+ }, _callee5);
237
+ })));
238
+ test("First button is disable in first page", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
239
+ var onClick, _render12, getAllByRole, lastButton;
240
+ return _regenerator["default"].wrap(function _callee6$(_context6) {
241
+ while (1) switch (_context6.prev = _context6.next) {
242
+ case 0:
243
+ onClick = jest.fn();
244
+ _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
245
+ onPageChange: onClick,
246
+ currentPage: 1,
247
+ itemsPerPage: 10,
248
+ totalItems: 20
249
+ })), getAllByRole = _render12.getAllByRole;
250
+ lastButton = getAllByRole("button")[0];
251
+ expect(lastButton.hasAttribute("disabled")).toBeTruthy();
252
+ _context6.next = 6;
253
+ return _userEvent["default"].click(lastButton);
254
+ case 6:
255
+ expect(onClick).toHaveBeenCalledTimes(0);
256
+ case 7:
257
+ case "end":
258
+ return _context6.stop();
259
+ }
260
+ }, _callee6);
261
+ })));
262
+ test("Previous button is disable in first page", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
263
+ var onClick, _render13, getAllByRole, lastButton;
264
+ return _regenerator["default"].wrap(function _callee7$(_context7) {
265
+ while (1) switch (_context7.prev = _context7.next) {
266
+ case 0:
267
+ onClick = jest.fn();
268
+ _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
269
+ onPageChange: onClick,
270
+ currentPage: 1,
271
+ itemsPerPage: 10,
272
+ totalItems: 20
273
+ })), getAllByRole = _render13.getAllByRole;
274
+ lastButton = getAllByRole("button")[1];
275
+ expect(lastButton.hasAttribute("disabled")).toBeTruthy();
276
+ _context7.next = 6;
277
+ return _userEvent["default"].click(lastButton);
278
+ case 6:
279
+ expect(onClick).toHaveBeenCalledTimes(0);
280
+ case 7:
281
+ case "end":
282
+ return _context7.stop();
283
+ }
284
+ }, _callee7);
285
+ })));
268
286
  test("Last and next buttons are disable in last page", function () {
269
287
  var onClick = jest.fn();
270
-
271
- var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
272
- onPageChange: onClick,
273
- currentPage: 2,
274
- itemsPerPage: 10,
275
- totalItems: 20
276
- })),
277
- getAllByRole = _render15.getAllByRole;
278
-
288
+ var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
289
+ onPageChange: onClick,
290
+ currentPage: 2,
291
+ itemsPerPage: 10,
292
+ totalItems: 20
293
+ })),
294
+ getAllByRole = _render14.getAllByRole;
279
295
  var firstButton = getAllByRole("button")[0];
280
296
  var prevButton = getAllByRole("button")[1];
281
297
  var nextButton = getAllByRole("button")[2];
@@ -287,15 +303,13 @@ describe("Paginator component tests", function () {
287
303
  });
288
304
  test("First and previous buttons are disable in first page", function () {
289
305
  var onClick = jest.fn();
290
-
291
- var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
292
- onPageChange: onClick,
293
- currentPage: 1,
294
- itemsPerPage: 10,
295
- totalItems: 20
296
- })),
297
- getAllByRole = _render16.getAllByRole;
298
-
306
+ var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
307
+ onPageChange: onClick,
308
+ currentPage: 1,
309
+ itemsPerPage: 10,
310
+ totalItems: 20
311
+ })),
312
+ getAllByRole = _render15.getAllByRole;
299
313
  var firstButton = getAllByRole("button")[0];
300
314
  var prevButton = getAllByRole("button")[1];
301
315
  var nextButton = getAllByRole("button")[2];
@@ -305,4 +319,16 @@ describe("Paginator component tests", function () {
305
319
  expect(nextButton.hasAttribute("disabled")).toBeFalsy();
306
320
  expect(lastButton.hasAttribute("disabled")).toBeFalsy();
307
321
  });
322
+ test("itemsPerPage is 0 and showGoToPage is true", function () {
323
+ var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
324
+ itemsPerPage: 0,
325
+ itemsPerPageOptions: [5, 10, 15],
326
+ totalItems: 27,
327
+ showGoToPage: true
328
+ })),
329
+ getByText = _render16.getByText,
330
+ getAllByRole = _render16.getAllByRole;
331
+ expect(getByText("Items per page:")).toBeTruthy();
332
+ expect(getAllByRole("combobox")).toBeTruthy();
333
+ });
308
334
  });
@@ -1,4 +1,4 @@
1
- declare type Props = {
1
+ type Props = {
2
2
  /**
3
3
  * Number of the current selected page.
4
4
  */
@@ -16,7 +16,7 @@ declare type Props = {
16
16
  * This function will be called when the user selects an item per page option.
17
17
  * The number will be passed as a parameter to this function.
18
18
  */
19
- itemsPerPageFunction?: (val: number) => void;
19
+ itemsPerPageFunction?: (itemsPerPage: number) => void;
20
20
  /**
21
21
  * Total number of items in the pages.
22
22
  */
@@ -29,7 +29,7 @@ declare type Props = {
29
29
  * This function will be called when the user clicks on any of the button to change pages.
30
30
  * The page number will be passed as a parameter to this function.
31
31
  */
32
- onPageChange?: (val: number) => void;
32
+ onPageChange?: (page: number) => void;
33
33
  /**
34
34
  * Value of the tabindex attribute.
35
35
  */
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
5
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
6
+ var _react = _interopRequireDefault(require("react"));
7
+ var _react2 = require("@testing-library/react");
8
+ var _axeHelper = require("../../test/accessibility/axe-helper.js");
9
+ var _Paragraph = _interopRequireDefault(require("./Paragraph"));
10
+ describe("Paragraph component accessibility tests", function () {
11
+ it("Should not have basic accessibility issues", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
12
+ var _render, container, results;
13
+ return _regenerator["default"].wrap(function _callee$(_context) {
14
+ while (1) switch (_context.prev = _context.next) {
15
+ case 0:
16
+ _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tortor sit amet velit auctor cursus id eget nisl. Vivamus luctus egestas eros, at mattis libero eleifend ac. Integer vel urna rutrum, pretium arcu dignissim, fringilla turpis. Nullam luctus odio quis magna finibus, a pharetra magna euismod. Nullam efficitur semper pellentesque. Nulla eget arcu ac diam fringilla vehicula. In imperdiet nisl hendrerit, elementum metus eu, ornare risus. Aenean neque nibh, vestibulum vitae elit vel, imperdiet suscipit leo. Curabitur blandit iaculis pretium. Fusce id imperdiet dui, ut laoreet justo. Sed maximus sollicitudin ipsum, et varius massa condimentum eget. Vivamus id mauris et nisl mattis consequat et id lectus. Quisque mollis lacinia nisl. Suspendisse sed quam tincidunt, commodo dolor vel, tincidunt nisl.")), container = _render.container;
17
+ _context.next = 3;
18
+ return (0, _axeHelper.axe)(container);
19
+ case 3:
20
+ results = _context.sent;
21
+ expect(results).toHaveNoViolations();
22
+ case 5:
23
+ case "end":
24
+ return _context.stop();
25
+ }
26
+ }, _callee);
27
+ })));
28
+ });
@@ -1,6 +1,5 @@
1
1
  import React from "react";
2
- declare type ParagraphPropsType = {
2
+ declare const DxcParagraph: ({ children }: {
3
3
  children: React.ReactNode;
4
- };
5
- declare const Paragraph: ({ children }: ParagraphPropsType) => JSX.Element;
6
- export default Paragraph;
4
+ }) => JSX.Element;
5
+ export default DxcParagraph;