@dxc-technology/halstack-react 0.0.0-b0616f2 → 0.0.0-b063530

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 (498) hide show
  1. package/BackgroundColorContext.d.ts +1 -10
  2. package/BackgroundColorContext.js +5 -22
  3. package/HalstackContext.d.ts +1274 -6
  4. package/HalstackContext.js +135 -110
  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/bar-chart/BarChart.d.ts +4 -0
  50. package/bar-chart/BarChart.js +152 -0
  51. package/bar-chart/BarChart.stories.tsx +281 -0
  52. package/bar-chart/BarChart.test.d.ts +1 -0
  53. package/bar-chart/BarChart.test.js +194 -0
  54. package/bar-chart/theme.d.ts +3 -0
  55. package/bar-chart/theme.js +31 -0
  56. package/bar-chart/types.d.ts +118 -0
  57. package/bleed/Bleed.js +13 -21
  58. package/bleed/Bleed.stories.tsx +1 -1
  59. package/bleed/types.d.ts +2 -2
  60. package/box/Box.accessibility.test.d.ts +1 -0
  61. package/box/Box.accessibility.test.js +33 -0
  62. package/box/Box.d.ts +1 -1
  63. package/box/Box.js +18 -59
  64. package/box/Box.stories.tsx +38 -51
  65. package/box/Box.test.d.ts +1 -0
  66. package/box/Box.test.js +1 -6
  67. package/box/types.d.ts +3 -14
  68. package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +1 -0
  69. package/breadcrumbs/Breadcrumbs.accessibility.test.js +96 -0
  70. package/breadcrumbs/Breadcrumbs.d.ts +4 -0
  71. package/breadcrumbs/Breadcrumbs.js +79 -0
  72. package/breadcrumbs/Breadcrumbs.stories.tsx +194 -0
  73. package/breadcrumbs/Breadcrumbs.test.d.ts +1 -0
  74. package/breadcrumbs/Breadcrumbs.test.js +168 -0
  75. package/breadcrumbs/Item.d.ts +4 -0
  76. package/breadcrumbs/Item.js +52 -0
  77. package/breadcrumbs/dropdownTheme.d.ts +53 -0
  78. package/breadcrumbs/dropdownTheme.js +62 -0
  79. package/breadcrumbs/types.d.ts +40 -0
  80. package/bulleted-list/BulletedList.accessibility.test.d.ts +1 -0
  81. package/bulleted-list/BulletedList.accessibility.test.js +119 -0
  82. package/bulleted-list/BulletedList.js +22 -53
  83. package/bulleted-list/BulletedList.stories.tsx +8 -93
  84. package/bulleted-list/types.d.ts +32 -5
  85. package/button/Button.accessibility.test.d.ts +1 -0
  86. package/button/Button.accessibility.test.js +127 -0
  87. package/button/Button.d.ts +1 -1
  88. package/button/Button.js +71 -106
  89. package/button/Button.stories.tsx +143 -101
  90. package/button/Button.test.d.ts +1 -0
  91. package/button/Button.test.js +19 -16
  92. package/button/types.d.ts +9 -5
  93. package/card/Card.accessibility.test.d.ts +1 -0
  94. package/card/Card.accessibility.test.js +36 -0
  95. package/card/Card.d.ts +1 -1
  96. package/card/Card.js +49 -89
  97. package/card/Card.stories.tsx +13 -43
  98. package/card/Card.test.d.ts +1 -0
  99. package/card/Card.test.js +10 -21
  100. package/card/types.d.ts +6 -11
  101. package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
  102. package/checkbox/Checkbox.accessibility.test.js +87 -0
  103. package/checkbox/Checkbox.d.ts +2 -2
  104. package/checkbox/Checkbox.js +98 -134
  105. package/checkbox/Checkbox.stories.tsx +128 -94
  106. package/checkbox/Checkbox.test.d.ts +1 -0
  107. package/checkbox/Checkbox.test.js +107 -63
  108. package/checkbox/types.d.ts +11 -3
  109. package/chip/Chip.accessibility.test.d.ts +1 -0
  110. package/chip/Chip.accessibility.test.js +67 -0
  111. package/chip/Chip.js +45 -80
  112. package/chip/Chip.stories.tsx +103 -27
  113. package/chip/Chip.test.d.ts +1 -0
  114. package/chip/Chip.test.js +17 -32
  115. package/chip/types.d.ts +4 -4
  116. package/common/coreTokens.d.ts +236 -0
  117. package/common/coreTokens.js +183 -0
  118. package/common/utils.d.ts +1 -0
  119. package/common/utils.js +6 -12
  120. package/common/variables.d.ts +1432 -0
  121. package/common/variables.js +1010 -1220
  122. package/container/Container.d.ts +4 -0
  123. package/container/Container.js +194 -0
  124. package/container/Container.stories.tsx +214 -0
  125. package/container/types.d.ts +176 -0
  126. package/container/types.js +5 -0
  127. package/contextual-menu/ContextualMenu.accessibility.test.d.ts +1 -0
  128. package/contextual-menu/ContextualMenu.accessibility.test.js +98 -0
  129. package/contextual-menu/ContextualMenu.d.ts +5 -0
  130. package/contextual-menu/ContextualMenu.js +136 -0
  131. package/contextual-menu/ContextualMenu.stories.tsx +231 -0
  132. package/contextual-menu/ContextualMenu.test.d.ts +1 -0
  133. package/contextual-menu/ContextualMenu.test.js +247 -0
  134. package/contextual-menu/GroupItem.d.ts +4 -0
  135. package/contextual-menu/GroupItem.js +67 -0
  136. package/contextual-menu/ItemAction.d.ts +4 -0
  137. package/contextual-menu/ItemAction.js +88 -0
  138. package/contextual-menu/MenuItem.d.ts +4 -0
  139. package/contextual-menu/MenuItem.js +29 -0
  140. package/contextual-menu/SingleItem.d.ts +4 -0
  141. package/contextual-menu/SingleItem.js +38 -0
  142. package/contextual-menu/types.d.ts +65 -0
  143. package/contextual-menu/types.js +5 -0
  144. package/date-input/Calendar.d.ts +4 -0
  145. package/date-input/Calendar.js +230 -0
  146. package/date-input/DateInput.accessibility.test.d.ts +1 -0
  147. package/date-input/DateInput.accessibility.test.js +229 -0
  148. package/date-input/DateInput.js +156 -300
  149. package/date-input/DateInput.stories.tsx +210 -57
  150. package/date-input/DateInput.test.d.ts +1 -0
  151. package/date-input/DateInput.test.js +699 -370
  152. package/date-input/DatePicker.d.ts +4 -0
  153. package/date-input/DatePicker.js +121 -0
  154. package/date-input/YearPicker.d.ts +4 -0
  155. package/date-input/YearPicker.js +105 -0
  156. package/date-input/types.d.ts +72 -15
  157. package/dialog/Dialog.accessibility.test.d.ts +1 -0
  158. package/dialog/Dialog.accessibility.test.js +69 -0
  159. package/dialog/Dialog.d.ts +1 -1
  160. package/dialog/Dialog.js +50 -119
  161. package/dialog/Dialog.stories.tsx +324 -166
  162. package/dialog/Dialog.test.d.ts +1 -0
  163. package/dialog/Dialog.test.js +332 -32
  164. package/dialog/types.d.ts +18 -25
  165. package/divider/Divider.accessibility.test.d.ts +1 -0
  166. package/divider/Divider.accessibility.test.js +33 -0
  167. package/divider/Divider.d.ts +4 -0
  168. package/divider/Divider.js +36 -0
  169. package/divider/Divider.stories.tsx +224 -0
  170. package/divider/Divider.test.d.ts +1 -0
  171. package/divider/Divider.test.js +38 -0
  172. package/divider/types.d.ts +21 -0
  173. package/divider/types.js +5 -0
  174. package/dropdown/Dropdown.accessibility.test.d.ts +1 -0
  175. package/dropdown/Dropdown.accessibility.test.js +183 -0
  176. package/dropdown/Dropdown.js +93 -160
  177. package/dropdown/Dropdown.stories.tsx +210 -95
  178. package/dropdown/Dropdown.test.d.ts +1 -0
  179. package/dropdown/Dropdown.test.js +450 -413
  180. package/dropdown/DropdownMenu.js +23 -40
  181. package/dropdown/DropdownMenuItem.js +18 -39
  182. package/dropdown/types.d.ts +20 -24
  183. package/file-input/FileInput.accessibility.test.d.ts +1 -0
  184. package/file-input/FileInput.accessibility.test.js +167 -0
  185. package/file-input/FileInput.d.ts +2 -2
  186. package/file-input/FileInput.js +238 -393
  187. package/file-input/FileInput.stories.tsx +123 -12
  188. package/file-input/FileInput.test.d.ts +1 -0
  189. package/file-input/FileInput.test.js +314 -367
  190. package/file-input/FileItem.d.ts +4 -14
  191. package/file-input/FileItem.js +56 -117
  192. package/file-input/types.d.ts +24 -11
  193. package/flex/Flex.d.ts +1 -1
  194. package/flex/Flex.js +40 -40
  195. package/flex/Flex.stories.tsx +35 -26
  196. package/flex/types.d.ts +84 -8
  197. package/footer/Footer.accessibility.test.d.ts +1 -0
  198. package/footer/Footer.accessibility.test.js +125 -0
  199. package/footer/Footer.d.ts +1 -1
  200. package/footer/Footer.js +73 -118
  201. package/footer/Footer.stories.tsx +94 -23
  202. package/footer/Footer.test.d.ts +1 -0
  203. package/footer/Footer.test.js +32 -56
  204. package/footer/Icons.d.ts +3 -2
  205. package/footer/Icons.js +53 -22
  206. package/footer/types.d.ts +26 -27
  207. package/grid/Grid.d.ts +7 -0
  208. package/grid/Grid.js +76 -0
  209. package/grid/Grid.stories.tsx +221 -0
  210. package/grid/types.d.ts +115 -0
  211. package/grid/types.js +5 -0
  212. package/header/Header.accessibility.test.d.ts +1 -0
  213. package/header/Header.accessibility.test.js +94 -0
  214. package/header/Header.d.ts +4 -3
  215. package/header/Header.js +55 -150
  216. package/header/Header.stories.tsx +131 -36
  217. package/header/Header.test.d.ts +1 -0
  218. package/header/Header.test.js +12 -25
  219. package/header/Icons.d.ts +2 -2
  220. package/header/Icons.js +3 -13
  221. package/header/types.d.ts +7 -21
  222. package/heading/Heading.accessibility.test.d.ts +1 -0
  223. package/heading/Heading.accessibility.test.js +33 -0
  224. package/heading/Heading.js +10 -32
  225. package/heading/Heading.test.d.ts +1 -0
  226. package/heading/Heading.test.js +64 -94
  227. package/heading/types.d.ts +7 -7
  228. package/icon/Icon.accessibility.test.d.ts +1 -0
  229. package/icon/Icon.accessibility.test.js +30 -0
  230. package/icon/Icon.d.ts +4 -0
  231. package/icon/Icon.js +33 -0
  232. package/icon/Icon.stories.tsx +28 -0
  233. package/icon/types.d.ts +4 -0
  234. package/icon/types.js +5 -0
  235. package/image/Image.accessibility.test.d.ts +1 -0
  236. package/image/Image.accessibility.test.js +56 -0
  237. package/image/Image.d.ts +4 -0
  238. package/image/Image.js +70 -0
  239. package/image/Image.stories.tsx +129 -0
  240. package/image/types.d.ts +72 -0
  241. package/image/types.js +5 -0
  242. package/inset/Inset.js +13 -21
  243. package/inset/Inset.stories.tsx +2 -1
  244. package/inset/types.d.ts +2 -2
  245. package/layout/ApplicationLayout.d.ts +5 -5
  246. package/layout/ApplicationLayout.js +36 -70
  247. package/layout/ApplicationLayout.stories.tsx +1 -1
  248. package/layout/Icons.d.ts +7 -5
  249. package/layout/Icons.js +41 -59
  250. package/layout/types.d.ts +5 -6
  251. package/link/Link.accessibility.test.d.ts +1 -0
  252. package/link/Link.accessibility.test.js +108 -0
  253. package/link/Link.js +32 -51
  254. package/link/Link.stories.tsx +64 -4
  255. package/link/Link.test.d.ts +1 -0
  256. package/link/Link.test.js +23 -43
  257. package/link/types.d.ts +14 -14
  258. package/main.d.ts +12 -5
  259. package/main.js +61 -59
  260. package/nav-tabs/NavTabs.accessibility.test.d.ts +1 -0
  261. package/nav-tabs/NavTabs.accessibility.test.js +44 -0
  262. package/nav-tabs/NavTabs.d.ts +7 -0
  263. package/nav-tabs/NavTabs.js +108 -0
  264. package/nav-tabs/NavTabs.stories.tsx +294 -0
  265. package/nav-tabs/NavTabs.test.d.ts +1 -0
  266. package/nav-tabs/NavTabs.test.js +77 -0
  267. package/nav-tabs/NavTabsContext.d.ts +3 -0
  268. package/nav-tabs/NavTabsContext.js +8 -0
  269. package/nav-tabs/Tab.js +117 -0
  270. package/{tabs-nav → nav-tabs}/types.d.ts +15 -16
  271. package/nav-tabs/types.js +5 -0
  272. package/number-input/NumberInput.accessibility.test.d.ts +1 -0
  273. package/number-input/NumberInput.accessibility.test.js +227 -0
  274. package/number-input/NumberInput.js +50 -37
  275. package/number-input/NumberInput.stories.tsx +37 -26
  276. package/number-input/NumberInput.test.d.ts +1 -0
  277. package/number-input/NumberInput.test.js +858 -376
  278. package/number-input/NumberInputContext.d.ts +3 -4
  279. package/number-input/NumberInputContext.js +3 -14
  280. package/number-input/types.d.ts +17 -5
  281. package/package.json +52 -49
  282. package/paginator/Paginator.accessibility.test.d.ts +1 -0
  283. package/paginator/Paginator.accessibility.test.js +78 -0
  284. package/paginator/Paginator.js +35 -68
  285. package/paginator/Paginator.stories.tsx +24 -0
  286. package/paginator/Paginator.test.d.ts +1 -0
  287. package/paginator/Paginator.test.js +253 -227
  288. package/paginator/types.d.ts +3 -3
  289. package/paragraph/Paragraph.accessibility.test.d.ts +1 -0
  290. package/paragraph/Paragraph.accessibility.test.js +28 -0
  291. package/paragraph/Paragraph.d.ts +3 -4
  292. package/paragraph/Paragraph.js +6 -22
  293. package/paragraph/Paragraph.stories.tsx +0 -17
  294. package/password-input/PasswordInput.accessibility.test.d.ts +1 -0
  295. package/password-input/PasswordInput.accessibility.test.js +152 -0
  296. package/password-input/PasswordInput.js +62 -128
  297. package/password-input/PasswordInput.stories.tsx +11 -34
  298. package/password-input/PasswordInput.test.d.ts +1 -0
  299. package/password-input/PasswordInput.test.js +158 -141
  300. package/password-input/types.d.ts +8 -7
  301. package/progress-bar/ProgressBar.accessibility.test.d.ts +1 -0
  302. package/progress-bar/ProgressBar.accessibility.test.js +35 -0
  303. package/progress-bar/ProgressBar.d.ts +2 -2
  304. package/progress-bar/ProgressBar.js +28 -58
  305. package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +36 -3
  306. package/progress-bar/ProgressBar.test.d.ts +1 -0
  307. package/progress-bar/ProgressBar.test.js +35 -52
  308. package/progress-bar/types.d.ts +4 -3
  309. package/quick-nav/QuickNav.accessibility.test.d.ts +1 -0
  310. package/quick-nav/QuickNav.accessibility.test.js +57 -0
  311. package/quick-nav/QuickNav.js +15 -39
  312. package/quick-nav/QuickNav.stories.tsx +112 -20
  313. package/quick-nav/types.d.ts +10 -10
  314. package/radio-group/Radio.d.ts +1 -1
  315. package/radio-group/Radio.js +59 -79
  316. package/radio-group/RadioGroup.accessibility.test.d.ts +1 -0
  317. package/radio-group/RadioGroup.accessibility.test.js +97 -0
  318. package/radio-group/RadioGroup.js +62 -110
  319. package/radio-group/RadioGroup.stories.tsx +132 -18
  320. package/radio-group/RadioGroup.test.d.ts +1 -0
  321. package/radio-group/RadioGroup.test.js +518 -459
  322. package/radio-group/types.d.ts +10 -10
  323. package/resultset-table/Icons.d.ts +7 -0
  324. package/{text-input → resultset-table}/Icons.js +13 -26
  325. package/resultset-table/ResultsetTable.accessibility.test.d.ts +1 -0
  326. package/resultset-table/ResultsetTable.accessibility.test.js +284 -0
  327. package/resultset-table/ResultsetTable.d.ts +7 -0
  328. package/resultset-table/ResultsetTable.js +195 -0
  329. package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +169 -31
  330. package/resultset-table/ResultsetTable.test.d.ts +1 -0
  331. package/resultset-table/ResultsetTable.test.js +450 -0
  332. package/{resultsetTable → resultset-table}/types.d.ts +46 -12
  333. package/resultset-table/types.js +5 -0
  334. package/select/Listbox.d.ts +1 -1
  335. package/select/Listbox.js +40 -87
  336. package/select/Option.js +35 -56
  337. package/select/Select.accessibility.test.d.ts +1 -0
  338. package/select/Select.accessibility.test.js +227 -0
  339. package/select/Select.js +141 -182
  340. package/select/Select.stories.tsx +505 -204
  341. package/select/Select.test.d.ts +1 -0
  342. package/select/Select.test.js +1916 -1923
  343. package/select/types.d.ts +17 -18
  344. package/sidenav/Sidenav.accessibility.test.d.ts +1 -0
  345. package/sidenav/Sidenav.accessibility.test.js +59 -0
  346. package/sidenav/Sidenav.d.ts +2 -2
  347. package/sidenav/Sidenav.js +90 -157
  348. package/sidenav/Sidenav.stories.tsx +161 -64
  349. package/sidenav/Sidenav.test.d.ts +1 -0
  350. package/sidenav/Sidenav.test.js +4 -11
  351. package/{layout → sidenav}/SidenavContext.d.ts +1 -1
  352. package/{layout → sidenav}/SidenavContext.js +3 -9
  353. package/sidenav/types.d.ts +33 -30
  354. package/slider/Slider.accessibility.test.d.ts +1 -0
  355. package/slider/Slider.accessibility.test.js +103 -0
  356. package/slider/Slider.d.ts +2 -2
  357. package/slider/Slider.js +79 -135
  358. package/slider/Slider.stories.tsx +57 -60
  359. package/slider/Slider.test.d.ts +1 -0
  360. package/slider/Slider.test.js +117 -111
  361. package/slider/types.d.ts +7 -3
  362. package/spinner/Spinner.accessibility.test.d.ts +1 -0
  363. package/spinner/Spinner.accessibility.test.js +96 -0
  364. package/spinner/Spinner.d.ts +1 -1
  365. package/spinner/Spinner.js +50 -109
  366. package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +53 -27
  367. package/spinner/Spinner.test.d.ts +1 -0
  368. package/spinner/Spinner.test.js +25 -34
  369. package/spinner/types.d.ts +3 -3
  370. package/status-light/StatusLight.accessibility.test.d.ts +1 -0
  371. package/status-light/StatusLight.accessibility.test.js +157 -0
  372. package/status-light/StatusLight.d.ts +4 -0
  373. package/status-light/StatusLight.js +51 -0
  374. package/status-light/StatusLight.stories.tsx +74 -0
  375. package/status-light/StatusLight.test.d.ts +1 -0
  376. package/status-light/StatusLight.test.js +25 -0
  377. package/status-light/types.d.ts +17 -0
  378. package/status-light/types.js +5 -0
  379. package/switch/Switch.accessibility.test.d.ts +1 -0
  380. package/switch/Switch.accessibility.test.js +98 -0
  381. package/switch/Switch.d.ts +3 -3
  382. package/switch/Switch.js +112 -152
  383. package/switch/Switch.stories.tsx +45 -34
  384. package/switch/Switch.test.d.ts +1 -0
  385. package/switch/Switch.test.js +69 -101
  386. package/switch/types.d.ts +8 -3
  387. package/table/DropdownTheme.js +62 -0
  388. package/table/Table.accessibility.test.d.ts +1 -0
  389. package/table/Table.accessibility.test.js +92 -0
  390. package/table/Table.d.ts +6 -2
  391. package/table/Table.js +78 -35
  392. package/table/Table.stories.tsx +663 -0
  393. package/table/Table.test.d.ts +1 -0
  394. package/table/Table.test.js +92 -7
  395. package/table/types.d.ts +34 -6
  396. package/tabs/Tab.js +28 -46
  397. package/tabs/Tabs.accessibility.test.d.ts +1 -0
  398. package/tabs/Tabs.accessibility.test.js +56 -0
  399. package/tabs/Tabs.js +69 -163
  400. package/tabs/Tabs.stories.tsx +50 -6
  401. package/tabs/Tabs.test.d.ts +1 -0
  402. package/tabs/Tabs.test.js +60 -135
  403. package/tabs/types.d.ts +21 -21
  404. package/tag/Tag.accessibility.test.d.ts +1 -0
  405. package/tag/Tag.accessibility.test.js +69 -0
  406. package/tag/Tag.js +34 -66
  407. package/tag/Tag.stories.tsx +19 -9
  408. package/tag/Tag.test.d.ts +1 -0
  409. package/tag/Tag.test.js +17 -36
  410. package/tag/types.d.ts +9 -9
  411. package/text-input/Suggestion.js +35 -25
  412. package/text-input/Suggestions.d.ts +1 -1
  413. package/text-input/Suggestions.js +30 -70
  414. package/text-input/TextInput.accessibility.test.d.ts +1 -0
  415. package/text-input/TextInput.accessibility.test.js +320 -0
  416. package/text-input/TextInput.js +285 -377
  417. package/text-input/TextInput.stories.tsx +158 -162
  418. package/text-input/TextInput.test.d.ts +1 -0
  419. package/text-input/TextInput.test.js +1389 -1347
  420. package/text-input/types.d.ts +29 -16
  421. package/textarea/Textarea.accessibility.test.d.ts +1 -0
  422. package/textarea/Textarea.accessibility.test.js +155 -0
  423. package/textarea/Textarea.js +67 -109
  424. package/textarea/Textarea.stories.tsx +174 -0
  425. package/textarea/Textarea.test.d.ts +1 -0
  426. package/textarea/Textarea.test.js +151 -182
  427. package/textarea/types.d.ts +9 -5
  428. package/toggle-group/ToggleGroup.accessibility.test.d.ts +1 -0
  429. package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
  430. package/toggle-group/ToggleGroup.d.ts +2 -2
  431. package/toggle-group/ToggleGroup.js +92 -108
  432. package/toggle-group/ToggleGroup.stories.tsx +53 -8
  433. package/toggle-group/ToggleGroup.test.d.ts +1 -0
  434. package/toggle-group/ToggleGroup.test.js +68 -87
  435. package/toggle-group/types.d.ts +28 -19
  436. package/tooltip/Tooltip.accessibility.test.d.ts +1 -0
  437. package/tooltip/Tooltip.accessibility.test.js +144 -0
  438. package/tooltip/Tooltip.d.ts +4 -0
  439. package/tooltip/Tooltip.js +50 -0
  440. package/tooltip/Tooltip.stories.tsx +111 -0
  441. package/tooltip/Tooltip.test.d.ts +1 -0
  442. package/tooltip/Tooltip.test.js +112 -0
  443. package/tooltip/types.d.ts +16 -0
  444. package/tooltip/types.js +5 -0
  445. package/typography/Typography.accessibility.test.d.ts +1 -0
  446. package/typography/Typography.accessibility.test.js +339 -0
  447. package/typography/Typography.d.ts +2 -2
  448. package/typography/Typography.js +15 -123
  449. package/typography/Typography.stories.tsx +1 -3
  450. package/typography/Typography.test.js +23 -0
  451. package/typography/types.d.ts +1 -1
  452. package/useTheme.d.ts +1167 -1
  453. package/useTheme.js +2 -9
  454. package/useTranslatedLabels.d.ts +95 -1
  455. package/useTranslatedLabels.js +1 -7
  456. package/utils/BaseTypography.d.ts +21 -0
  457. package/utils/BaseTypography.js +98 -0
  458. package/utils/FocusLock.d.ts +13 -0
  459. package/utils/FocusLock.js +125 -0
  460. package/wizard/Wizard.accessibility.test.d.ts +1 -0
  461. package/wizard/Wizard.accessibility.test.js +55 -0
  462. package/wizard/Wizard.js +29 -75
  463. package/wizard/Wizard.stories.tsx +40 -1
  464. package/wizard/Wizard.test.d.ts +1 -0
  465. package/wizard/Wizard.test.js +53 -80
  466. package/wizard/types.d.ts +10 -11
  467. package/card/ice-cream.jpg +0 -0
  468. package/common/OpenSans.css +0 -81
  469. package/common/RequiredComponent.js +0 -32
  470. package/common/fonts/OpenSans-Bold.ttf +0 -0
  471. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  472. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  473. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  474. package/common/fonts/OpenSans-Italic.ttf +0 -0
  475. package/common/fonts/OpenSans-Light.ttf +0 -0
  476. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  477. package/common/fonts/OpenSans-Regular.ttf +0 -0
  478. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  479. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  480. package/number-input/numberInputContextTypes.d.ts +0 -19
  481. package/paginator/Icons.js +0 -66
  482. package/resultsetTable/ResultsetTable.d.ts +0 -4
  483. package/resultsetTable/ResultsetTable.js +0 -254
  484. package/resultsetTable/ResultsetTable.test.js +0 -348
  485. package/select/Icons.d.ts +0 -10
  486. package/select/Icons.js +0 -93
  487. package/table/Table.stories.jsx +0 -277
  488. package/tabs-nav/NavTabs.d.ts +0 -8
  489. package/tabs-nav/NavTabs.js +0 -125
  490. package/tabs-nav/NavTabs.stories.tsx +0 -170
  491. package/tabs-nav/NavTabs.test.js +0 -82
  492. package/tabs-nav/Tab.js +0 -130
  493. package/text-input/Icons.d.ts +0 -8
  494. package/textarea/Textarea.stories.jsx +0 -157
  495. /package/{resultsetTable → action-icon}/types.js +0 -0
  496. /package/{tabs-nav → bar-chart}/types.js +0 -0
  497. /package/{number-input/numberInputContextTypes.js → breadcrumbs/types.js} +0 -0
  498. /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;