@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

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 (974) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/NOTICE +2481 -0
  3. package/README.md +25 -2
  4. package/lib/Patterns/AttributeMappingDisplayViewPattern.stories.hidden.js +11 -11
  5. package/lib/Patterns/AttributeMappingEditViewPattern.stories.hidden.js +4 -4
  6. package/lib/Patterns/ListAndPanelPattern.stories.hidden.js +9 -12
  7. package/lib/Patterns/MessagesPattern.stories.hidden.js +3 -7
  8. package/lib/Patterns/SaveBarPattern.stories.hidden.js +5 -6
  9. package/lib/Patterns/UnsavedChangesPattern.stories.hidden.js +12 -20
  10. package/lib/cjs/Patterns/AttributeMappingDisplayViewPattern.stories.hidden.js +10 -20
  11. package/lib/cjs/Patterns/AttributeMappingEditViewPattern.stories.hidden.js +4 -16
  12. package/lib/cjs/Patterns/ListAndPanelPattern.stories.hidden.js +8 -33
  13. package/lib/cjs/Patterns/MessagesPattern.stories.hidden.js +3 -22
  14. package/lib/cjs/Patterns/SaveBarPattern.stories.hidden.js +5 -21
  15. package/lib/cjs/Patterns/UnsavedChangesPattern.stories.hidden.js +11 -34
  16. package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js +0 -15
  17. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +19 -72
  18. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +8 -37
  19. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +20 -100
  20. package/lib/cjs/components/AccordionGridGroup/index.js +0 -4
  21. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +24 -58
  22. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +21 -54
  23. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +32 -71
  24. package/lib/cjs/components/AccordionGridItem/index.js +0 -4
  25. package/lib/cjs/components/AccordionGroup/Accordion.styles.js +0 -17
  26. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +15 -54
  27. package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +5 -37
  28. package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +18 -117
  29. package/lib/cjs/components/AccordionGroup/index.js +0 -4
  30. package/lib/cjs/components/AccordionItem/AccordionItem.js +37 -70
  31. package/lib/cjs/components/AccordionItem/index.js +0 -4
  32. package/lib/cjs/components/ArrayField/ArrayField.js +28 -96
  33. package/lib/cjs/components/ArrayField/ArrayField.stories.js +7 -42
  34. package/lib/cjs/components/ArrayField/ArrayField.test.js +2 -31
  35. package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -14
  36. package/lib/cjs/components/ArrayField/index.js +0 -6
  37. package/lib/cjs/components/AstroWrapper/AstroWrapper.js +19 -48
  38. package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +0 -13
  39. package/lib/cjs/components/AstroWrapper/AstroWrapper.test.js +4 -12
  40. package/lib/cjs/components/AstroWrapper/PageWrapper.test.js +6 -13
  41. package/lib/cjs/components/AstroWrapper/index.js +0 -14
  42. package/lib/cjs/components/Avatar/Avatar.js +0 -15
  43. package/lib/cjs/components/Avatar/Avatar.stories.js +3 -15
  44. package/lib/cjs/components/Avatar/Avatar.test.js +2 -15
  45. package/lib/cjs/components/Avatar/index.js +0 -4
  46. package/lib/cjs/components/Badge/Badge.js +14 -54
  47. package/lib/cjs/components/Badge/Badge.stories.js +15 -52
  48. package/lib/cjs/components/Badge/Badge.styles.js +0 -29
  49. package/lib/cjs/components/Badge/Badge.test.js +6 -23
  50. package/lib/cjs/components/Badge/index.js +0 -4
  51. package/lib/cjs/components/Box/Box.js +21 -63
  52. package/lib/cjs/components/Box/Box.stories.js +47 -71
  53. package/lib/cjs/components/Box/Box.styles.js +0 -2
  54. package/lib/cjs/components/Box/Box.test.js +11 -28
  55. package/lib/cjs/components/Box/index.js +0 -4
  56. package/lib/cjs/components/Bracket/Bracket.js +3 -21
  57. package/lib/cjs/components/Bracket/Bracket.stories.js +1 -13
  58. package/lib/cjs/components/Bracket/Bracket.styles.js +0 -2
  59. package/lib/cjs/components/Bracket/Bracket.test.js +3 -13
  60. package/lib/cjs/components/Bracket/index.js +0 -4
  61. package/lib/cjs/components/Breadcrumbs/Breadcrumb.styles.js +0 -15
  62. package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +8 -50
  63. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +8 -38
  64. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +2 -18
  65. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +5 -23
  66. package/lib/cjs/components/Breadcrumbs/index.js +2 -8
  67. package/lib/cjs/components/Button/Button.js +34 -80
  68. package/lib/cjs/components/Button/Button.stories.js +4 -30
  69. package/lib/cjs/components/Button/Button.test.js +6 -43
  70. package/lib/cjs/components/Button/Buttons.styles.js +0 -28
  71. package/lib/cjs/components/Button/constants.js +0 -2
  72. package/lib/cjs/components/Button/index.js +0 -4
  73. package/lib/cjs/components/Callout/Callout.js +3 -19
  74. package/lib/cjs/components/Callout/Callout.stories.js +3 -22
  75. package/lib/cjs/components/Callout/Callout.test.js +0 -20
  76. package/lib/cjs/components/Callout/index.js +0 -4
  77. package/lib/cjs/components/Card/Card.js +35 -69
  78. package/lib/cjs/components/Card/Card.stories.js +1 -17
  79. package/lib/cjs/components/Card/Card.styles.js +0 -2
  80. package/lib/cjs/components/Card/Card.test.js +4 -33
  81. package/lib/cjs/components/Card/index.js +0 -4
  82. package/lib/cjs/components/Checkbox/Checkbox.js +0 -13
  83. package/lib/cjs/components/Checkbox/Checkbox.styles.js +1 -2
  84. package/lib/cjs/components/Checkbox/Checkbox.test.js +5 -13
  85. package/lib/cjs/components/Checkbox/CheckboxBase.js +2 -19
  86. package/lib/cjs/components/Checkbox/index.js +0 -4
  87. package/lib/cjs/components/CheckboxField/CheckboxField.js +20 -78
  88. package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +34 -81
  89. package/lib/cjs/components/CheckboxField/CheckboxField.test.js +24 -60
  90. package/lib/cjs/components/CheckboxField/index.js +0 -4
  91. package/lib/cjs/components/CodeView/CodeView.js +24 -66
  92. package/lib/cjs/components/CodeView/CodeView.stories.js +5 -26
  93. package/lib/cjs/components/CodeView/CodeView.styles.js +0 -2
  94. package/lib/cjs/components/CodeView/CodeView.test.js +20 -57
  95. package/lib/cjs/components/CodeView/index.js +0 -4
  96. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.js +28 -61
  97. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +11 -57
  98. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.styles.js +0 -23
  99. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.test.js +2 -14
  100. package/lib/cjs/components/CollapsiblePanel/index.js +0 -4
  101. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +2 -13
  102. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +2 -14
  103. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +17 -48
  104. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +2 -31
  105. package/lib/cjs/components/CollapsiblePanelContainer/index.js +0 -4
  106. package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.js +3 -19
  107. package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +2 -18
  108. package/lib/cjs/components/CollapsiblePanelItem/index.js +0 -4
  109. package/lib/cjs/components/ColorField/ColorField.js +39 -94
  110. package/lib/cjs/components/ColorField/ColorField.stories.js +10 -40
  111. package/lib/cjs/components/ColorField/ColorField.styles.js +1 -17
  112. package/lib/cjs/components/ColorField/ColorField.test.js +2 -21
  113. package/lib/cjs/components/ColorField/index.js +0 -4
  114. package/lib/cjs/components/ComboBox/ComboBox.styles.js +0 -17
  115. package/lib/cjs/components/ComboBox/ComboBoxInput.js +38 -74
  116. package/lib/cjs/components/ComboBox/index.js +0 -4
  117. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +59 -150
  118. package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +50 -141
  119. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +148 -361
  120. package/lib/cjs/components/ComboBoxField/index.js +0 -4
  121. package/lib/cjs/components/CopyText/CopyButton.js +1 -18
  122. package/lib/cjs/components/CopyText/CopyText.js +28 -71
  123. package/lib/cjs/components/CopyText/CopyText.stories.js +1 -19
  124. package/lib/cjs/components/CopyText/CopyText.styles.js +0 -15
  125. package/lib/cjs/components/CopyText/CopyText.test.js +333 -414
  126. package/lib/cjs/components/CopyText/index.js +0 -4
  127. package/lib/cjs/components/DataTable/DataTable.js +58 -152
  128. package/lib/cjs/components/DataTable/DataTable.stories.js +21 -69
  129. package/lib/cjs/components/DataTable/DataTable.styles.js +0 -18
  130. package/lib/cjs/components/DataTable/DataTable.test.js +81 -221
  131. package/lib/cjs/components/DataTable/DataTableBadge.js +2 -17
  132. package/lib/cjs/components/DataTable/DataTableBadge.test.js +0 -6
  133. package/lib/cjs/components/DataTable/DataTableMenu.js +0 -13
  134. package/lib/cjs/components/DataTable/DataTableMenu.test.js +0 -6
  135. package/lib/cjs/components/DataTable/DataTableMultiLine.js +1 -17
  136. package/lib/cjs/components/DataTable/DataTableMultiLine.test.js +0 -7
  137. package/lib/cjs/components/DataTable/DataTableVirtualizer.js +31 -52
  138. package/lib/cjs/components/DataTable/index.js +2 -14
  139. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +61 -139
  140. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +48 -123
  141. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +29 -97
  142. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +0 -15
  143. package/lib/cjs/components/EnvironmentBreadcrumb/index.js +0 -4
  144. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +4 -27
  145. package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +1 -17
  146. package/lib/cjs/components/FieldHelperText/FieldHelperText.styles.js +0 -16
  147. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +6 -24
  148. package/lib/cjs/components/FieldHelperText/index.js +0 -4
  149. package/lib/cjs/components/FileInputField/FileInputField.js +41 -116
  150. package/lib/cjs/components/FileInputField/FileInputField.stories.js +20 -66
  151. package/lib/cjs/components/FileInputField/FileInputField.styles.js +0 -15
  152. package/lib/cjs/components/FileInputField/FileInputField.test.js +2 -47
  153. package/lib/cjs/components/FileInputField/FileItem.js +10 -36
  154. package/lib/cjs/components/FileInputField/FileSelect.js +6 -31
  155. package/lib/cjs/components/FileInputField/index.js +0 -4
  156. package/lib/cjs/components/HelpHint/HelpHint.js +5 -26
  157. package/lib/cjs/components/HelpHint/HelpHint.stories.js +2 -16
  158. package/lib/cjs/components/HelpHint/HelpHint.styles.js +0 -15
  159. package/lib/cjs/components/HelpHint/HelpHint.test.js +3 -23
  160. package/lib/cjs/components/HelpHint/index.js +0 -4
  161. package/lib/cjs/components/Icon/Icon.js +4 -32
  162. package/lib/cjs/components/Icon/Icon.stories.js +4 -35
  163. package/lib/cjs/components/Icon/Icon.test.js +4 -21
  164. package/lib/cjs/components/Icon/NoticeIcon.js +2 -23
  165. package/lib/cjs/components/Icon/NoticeIcon.test.js +0 -10
  166. package/lib/cjs/components/Icon/index.js +0 -4
  167. package/lib/cjs/components/IconBadge/IconBadge.js +8 -36
  168. package/lib/cjs/components/IconBadge/IconBadge.stories.js +2 -15
  169. package/lib/cjs/components/IconBadge/IconBadge.test.js +2 -14
  170. package/lib/cjs/components/IconBadge/index.js +0 -4
  171. package/lib/cjs/components/IconButton/IconButton.js +32 -79
  172. package/lib/cjs/components/IconButton/IconButton.stories.js +7 -29
  173. package/lib/cjs/components/IconButton/IconButton.styles.js +3 -32
  174. package/lib/cjs/components/IconButton/IconButton.test.js +6 -53
  175. package/lib/cjs/components/IconButton/index.js +0 -4
  176. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +10 -30
  177. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +4 -26
  178. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +3 -18
  179. package/lib/cjs/components/IconButtonToggle/index.js +0 -4
  180. package/lib/cjs/components/Image/Image.js +28 -84
  181. package/lib/cjs/components/Image/Image.stories.js +8 -43
  182. package/lib/cjs/components/Image/Image.styles.js +0 -2
  183. package/lib/cjs/components/Image/Image.test.js +5 -41
  184. package/lib/cjs/components/Image/index.js +0 -4
  185. package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +16 -41
  186. package/lib/cjs/components/ImageUploadField/ImageUploadField.js +9 -58
  187. package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +58 -107
  188. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +34 -97
  189. package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +22 -62
  190. package/lib/cjs/components/ImageUploadField/imageUpload.js +0 -17
  191. package/lib/cjs/components/ImageUploadField/index.js +0 -4
  192. package/lib/cjs/components/Input/Input.js +5 -27
  193. package/lib/cjs/components/Input/Input.stories.js +0 -14
  194. package/lib/cjs/components/Input/Input.styles.js +8 -23
  195. package/lib/cjs/components/Input/Input.test.js +3 -25
  196. package/lib/cjs/components/Input/index.js +0 -4
  197. package/lib/cjs/components/Label/Label.js +19 -48
  198. package/lib/cjs/components/Label/Label.stories.js +1 -16
  199. package/lib/cjs/components/Label/Label.styles.js +7 -20
  200. package/lib/cjs/components/Label/Label.test.js +4 -26
  201. package/lib/cjs/components/Label/constants.js +0 -2
  202. package/lib/cjs/components/Label/index.js +0 -4
  203. package/lib/cjs/components/Link/Link.js +21 -51
  204. package/lib/cjs/components/Link/Link.stories.js +4 -16
  205. package/lib/cjs/components/Link/Link.styles.js +0 -17
  206. package/lib/cjs/components/Link/Link.test.js +2 -26
  207. package/lib/cjs/components/Link/index.js +0 -4
  208. package/lib/cjs/components/LinkSelectField/LinkSelectField.js +23 -81
  209. package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +17 -72
  210. package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +24 -58
  211. package/lib/cjs/components/LinkSelectField/index.js +0 -4
  212. package/lib/cjs/components/ListBox/ListBox.js +39 -81
  213. package/lib/cjs/components/ListBox/ListBox.styles.js +0 -15
  214. package/lib/cjs/components/ListBox/ListBox.test.js +18 -43
  215. package/lib/cjs/components/ListBox/ListBoxContext.js +0 -6
  216. package/lib/cjs/components/ListBox/ListBoxSection.js +12 -35
  217. package/lib/cjs/components/ListBox/Option.js +24 -62
  218. package/lib/cjs/components/ListBox/index.js +0 -6
  219. package/lib/cjs/components/ListItem/ListItem.js +11 -33
  220. package/lib/cjs/components/ListItem/ListItem.stories.js +2 -20
  221. package/lib/cjs/components/ListItem/ListItem.styles.js +0 -2
  222. package/lib/cjs/components/ListItem/ListItem.test.js +3 -15
  223. package/lib/cjs/components/ListItem/index.js +0 -4
  224. package/lib/cjs/components/ListView/ListView.js +22 -77
  225. package/lib/cjs/components/ListView/ListView.stories.js +52 -97
  226. package/lib/cjs/components/ListView/ListView.test.js +34 -93
  227. package/lib/cjs/components/ListView/ListViewContext.js +0 -6
  228. package/lib/cjs/components/ListView/index.js +0 -4
  229. package/lib/cjs/components/ListViewItem/ListViewItem.js +35 -64
  230. package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +0 -16
  231. package/lib/cjs/components/ListViewItem/index.js +0 -4
  232. package/lib/cjs/components/Loader/Loader.js +2 -18
  233. package/lib/cjs/components/Loader/Loader.stories.js +2 -17
  234. package/lib/cjs/components/Loader/Loader.styles.js +0 -22
  235. package/lib/cjs/components/Loader/Loader.test.js +2 -12
  236. package/lib/cjs/components/Loader/index.js +0 -4
  237. package/lib/cjs/components/Menu/Menu.js +14 -65
  238. package/lib/cjs/components/Menu/Menu.stories.js +5 -16
  239. package/lib/cjs/components/Menu/Menu.styles.js +0 -2
  240. package/lib/cjs/components/Menu/Menu.test.js +20 -67
  241. package/lib/cjs/components/Menu/index.js +0 -4
  242. package/lib/cjs/components/MenuItem/MenuItem.js +47 -86
  243. package/lib/cjs/components/MenuItem/MenuItem.styles.js +0 -2
  244. package/lib/cjs/components/MenuItem/MenuItem.test.js +7 -65
  245. package/lib/cjs/components/MenuItem/index.js +0 -4
  246. package/lib/cjs/components/Messages/Message.js +26 -64
  247. package/lib/cjs/components/Messages/Message.styles.js +0 -2
  248. package/lib/cjs/components/Messages/Messages.js +5 -28
  249. package/lib/cjs/components/Messages/Messages.reducer.js +0 -18
  250. package/lib/cjs/components/Messages/Messages.stories.js +20 -79
  251. package/lib/cjs/components/Messages/Messages.test.js +6 -59
  252. package/lib/cjs/components/Messages/index.js +2 -16
  253. package/lib/cjs/components/Messages/utils/index.js +0 -6
  254. package/lib/cjs/components/Messages/utils/messagesReducer.js +9 -51
  255. package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +7 -43
  256. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +5 -23
  257. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +7 -26
  258. package/lib/cjs/components/Modal/Modal.js +30 -81
  259. package/lib/cjs/components/Modal/Modal.stories.js +2 -12
  260. package/lib/cjs/components/Modal/Modal.styles.js +0 -17
  261. package/lib/cjs/components/Modal/index.js +0 -4
  262. package/lib/cjs/components/Modal/tests/Modal.integration.test.js +11 -26
  263. package/lib/cjs/components/Modal/tests/Modal.unit.test.js +14 -52
  264. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +81 -201
  265. package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +55 -126
  266. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +27 -218
  267. package/lib/cjs/components/MultivaluesField/index.js +0 -4
  268. package/lib/cjs/components/NavBar/NavBar.js +14 -46
  269. package/lib/cjs/components/NavBar/NavBar.stories.js +4 -35
  270. package/lib/cjs/components/NavBar/NavBar.styles.js +0 -24
  271. package/lib/cjs/components/NavBar/NavBar.test.js +27 -145
  272. package/lib/cjs/components/NavBar/index.js +0 -4
  273. package/lib/cjs/components/NavBarSection/NavBarItem.js +31 -63
  274. package/lib/cjs/components/NavBarSection/NavBarItemBody.js +9 -33
  275. package/lib/cjs/components/NavBarSection/NavBarItemBody.test.js +2 -9
  276. package/lib/cjs/components/NavBarSection/NavBarItemButton.js +11 -39
  277. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +10 -35
  278. package/lib/cjs/components/NavBarSection/NavBarItemLink.js +11 -40
  279. package/lib/cjs/components/NavBarSection/NavBarSection.js +15 -63
  280. package/lib/cjs/components/NavBarSection/index.js +2 -12
  281. package/lib/cjs/components/NumberField/NumberField.js +24 -95
  282. package/lib/cjs/components/NumberField/NumberField.stories.js +4 -48
  283. package/lib/cjs/components/NumberField/NumberField.styles.js +1 -20
  284. package/lib/cjs/components/NumberField/NumberField.test.js +5 -48
  285. package/lib/cjs/components/NumberField/index.js +0 -4
  286. package/lib/cjs/components/OverlayPanel/OverlayPanel.js +14 -47
  287. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +41 -84
  288. package/lib/cjs/components/OverlayPanel/OverlayPanel.styles.js +0 -2
  289. package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +2 -33
  290. package/lib/cjs/components/OverlayPanel/index.js +0 -4
  291. package/lib/cjs/components/PageHeader/PageHeader.js +5 -22
  292. package/lib/cjs/components/PageHeader/PageHeader.stories.js +4 -15
  293. package/lib/cjs/components/PageHeader/PageHeader.test.js +3 -13
  294. package/lib/cjs/components/PasswordField/PasswordField.js +38 -117
  295. package/lib/cjs/components/PasswordField/PasswordField.stories.js +71 -160
  296. package/lib/cjs/components/PasswordField/PasswordField.test.js +41 -75
  297. package/lib/cjs/components/PasswordField/index.js +0 -4
  298. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +34 -70
  299. package/lib/cjs/components/PopoverContainer/PopoverContainer.test.js +4 -16
  300. package/lib/cjs/components/PopoverContainer/index.js +0 -14
  301. package/lib/cjs/components/PopoverMenu/PopoverMenu.js +27 -72
  302. package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +19 -42
  303. package/lib/cjs/components/PopoverMenu/PopoverMenu.styles.js +0 -2
  304. package/lib/cjs/components/PopoverMenu/PopoverMenu.test.js +14 -69
  305. package/lib/cjs/components/PopoverMenu/index.js +0 -4
  306. package/lib/cjs/components/Radio/Radio.js +0 -13
  307. package/lib/cjs/components/Radio/Radio.styles.js +5 -17
  308. package/lib/cjs/components/Radio/index.js +0 -4
  309. package/lib/cjs/components/RadioField/RadioField.js +24 -79
  310. package/lib/cjs/components/RadioField/RadioField.test.js +2 -27
  311. package/lib/cjs/components/RadioField/index.js +0 -14
  312. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +18 -65
  313. package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +5 -43
  314. package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +22 -55
  315. package/lib/cjs/components/RadioGroupField/index.js +0 -4
  316. package/lib/cjs/components/RequirementsList/RequirementsList.js +5 -33
  317. package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -12
  318. package/lib/cjs/components/RequirementsList/RequirementsList.test.js +13 -26
  319. package/lib/cjs/components/RequirementsList/index.js +0 -4
  320. package/lib/cjs/components/RockerButton/RockerButton.js +15 -48
  321. package/lib/cjs/components/RockerButton/RockerButton.styles.js +0 -17
  322. package/lib/cjs/components/RockerButton/index.js +0 -14
  323. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +8 -47
  324. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +12 -37
  325. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +7 -34
  326. package/lib/cjs/components/RockerButtonGroup/index.js +0 -14
  327. package/lib/cjs/components/ScrollBox/ScrollBox.js +23 -60
  328. package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -12
  329. package/lib/cjs/components/ScrollBox/ScrollBox.styles.js +0 -2
  330. package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -24
  331. package/lib/cjs/components/ScrollBox/index.js +0 -4
  332. package/lib/cjs/components/SearchField/Search.styles.js +0 -2
  333. package/lib/cjs/components/SearchField/SearchField.js +26 -101
  334. package/lib/cjs/components/SearchField/SearchField.stories.js +8 -53
  335. package/lib/cjs/components/SearchField/SearchField.test.js +4 -73
  336. package/lib/cjs/components/SearchField/index.js +0 -4
  337. package/lib/cjs/components/SelectField/Select.styles.js +3 -20
  338. package/lib/cjs/components/SelectField/SelectField.js +4 -60
  339. package/lib/cjs/components/SelectField/SelectField.stories.js +17 -80
  340. package/lib/cjs/components/SelectField/SelectField.test.js +11 -41
  341. package/lib/cjs/components/SelectField/index.js +0 -4
  342. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +23 -81
  343. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +39 -143
  344. package/lib/cjs/components/SelectFieldBase/index.js +0 -4
  345. package/lib/cjs/components/Separator/Separator.js +9 -31
  346. package/lib/cjs/components/Separator/Separator.stories.js +3 -15
  347. package/lib/cjs/components/Separator/Separator.styles.js +0 -17
  348. package/lib/cjs/components/Separator/Separator.test.js +2 -13
  349. package/lib/cjs/components/Separator/index.js +0 -4
  350. package/lib/cjs/components/Stepper/Line.js +5 -20
  351. package/lib/cjs/components/Stepper/Step.js +11 -34
  352. package/lib/cjs/components/Stepper/Stepper.constants.js +0 -2
  353. package/lib/cjs/components/Stepper/Stepper.js +15 -56
  354. package/lib/cjs/components/Stepper/Stepper.stories.js +12 -30
  355. package/lib/cjs/components/Stepper/Stepper.styles.js +2 -17
  356. package/lib/cjs/components/Stepper/Stepper.test.js +30 -62
  357. package/lib/cjs/components/Stepper/index.js +2 -8
  358. package/lib/cjs/components/Switch/Switch.js +1 -16
  359. package/lib/cjs/components/Switch/Switch.styles.js +0 -15
  360. package/lib/cjs/components/Switch/index.js +0 -4
  361. package/lib/cjs/components/SwitchField/SwitchField.js +37 -98
  362. package/lib/cjs/components/SwitchField/SwitchField.stories.js +6 -48
  363. package/lib/cjs/components/SwitchField/SwitchField.test.js +2 -44
  364. package/lib/cjs/components/SwitchField/index.js +0 -4
  365. package/lib/cjs/components/Tab/Tab.js +38 -71
  366. package/lib/cjs/components/Tab/index.js +0 -14
  367. package/lib/cjs/components/TabPicker/TabPicker.js +37 -85
  368. package/lib/cjs/components/TabPicker/index.js +0 -4
  369. package/lib/cjs/components/Table/Table.js +2 -12
  370. package/lib/cjs/components/Table/Table.stories.js +4 -22
  371. package/lib/cjs/components/Table/Table.styles.js +0 -17
  372. package/lib/cjs/components/Table/Table.test.js +7 -25
  373. package/lib/cjs/components/Table/index.js +0 -4
  374. package/lib/cjs/components/TableBody/TableBody.js +2 -12
  375. package/lib/cjs/components/TableBody/index.js +0 -4
  376. package/lib/cjs/components/TableCaption/TableCaption.js +2 -12
  377. package/lib/cjs/components/TableCaption/index.js +0 -4
  378. package/lib/cjs/components/TableCell/TableCell.js +3 -14
  379. package/lib/cjs/components/TableCell/TableCell.test.js +4 -19
  380. package/lib/cjs/components/TableCell/index.js +0 -4
  381. package/lib/cjs/components/TableHead/TableHead.js +2 -12
  382. package/lib/cjs/components/TableHead/index.js +0 -4
  383. package/lib/cjs/components/TableRow/TableRow.js +2 -12
  384. package/lib/cjs/components/TableRow/index.js +0 -4
  385. package/lib/cjs/components/Tabs/Tabs.js +17 -77
  386. package/lib/cjs/components/Tabs/Tabs.stories.js +6 -51
  387. package/lib/cjs/components/Tabs/Tabs.style.js +0 -17
  388. package/lib/cjs/components/Tabs/Tabs.test.js +87 -180
  389. package/lib/cjs/components/Tabs/index.js +0 -14
  390. package/lib/cjs/components/Text/Text.js +3 -15
  391. package/lib/cjs/components/Text/Text.stories.js +17 -42
  392. package/lib/cjs/components/Text/Text.styles.js +0 -20
  393. package/lib/cjs/components/Text/Text.test.js +11 -38
  394. package/lib/cjs/components/Text/index.js +0 -4
  395. package/lib/cjs/components/TextArea/TextArea.js +3 -14
  396. package/lib/cjs/components/TextArea/TextArea.styles.js +1 -16
  397. package/lib/cjs/components/TextArea/TextArea.test.js +3 -13
  398. package/lib/cjs/components/TextArea/index.js +0 -4
  399. package/lib/cjs/components/TextAreaField/TextAreaField.js +19 -83
  400. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +23 -77
  401. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +4 -43
  402. package/lib/cjs/components/TextAreaField/index.js +0 -4
  403. package/lib/cjs/components/TextField/TextField.js +13 -73
  404. package/lib/cjs/components/TextField/TextField.stories.js +40 -112
  405. package/lib/cjs/components/TextField/TextField.test.js +4 -48
  406. package/lib/cjs/components/TextField/index.js +0 -4
  407. package/lib/cjs/components/TimeZonePicker/TimeZone.styles.js +0 -2
  408. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +21 -80
  409. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +0 -11
  410. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.test.js +3 -27
  411. package/lib/cjs/components/TimeZonePicker/index.js +0 -4
  412. package/lib/cjs/components/TimeZonePicker/timezones.js +0 -2
  413. package/lib/cjs/components/TooltipTrigger/Tooltip.js +4 -25
  414. package/lib/cjs/components/TooltipTrigger/Tooltip.styles.js +1 -21
  415. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +36 -81
  416. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +1 -34
  417. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +6 -41
  418. package/lib/cjs/components/TooltipTrigger/index.js +2 -8
  419. package/lib/cjs/context/AccordionContext/index.js +0 -7
  420. package/lib/cjs/context/AccordionGridContext/index.js +0 -6
  421. package/lib/cjs/context/BadgeContext/index.js +0 -4
  422. package/lib/cjs/context/DataTableContext/index.js +0 -12
  423. package/lib/cjs/context/MenuContext/index.js +0 -6
  424. package/lib/cjs/context/NavBarContext/index.js +0 -6
  425. package/lib/cjs/context/TooltipContext/index.js +0 -7
  426. package/lib/cjs/docs/design/ColorDocumentation.stories.js +2 -12
  427. package/lib/cjs/docs/design/ContainerSizes.stories.js +3 -14
  428. package/lib/cjs/docs/design/Spacing.stories.js +4 -21
  429. package/lib/cjs/docs/design/Typography.stories.js +19 -37
  430. package/lib/cjs/docs/theme/ThemeDocumentation.js +0 -9
  431. package/lib/cjs/hooks/index.js +1 -37
  432. package/lib/cjs/hooks/useAriaLabelWarning/index.js +0 -4
  433. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +0 -6
  434. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -5
  435. package/lib/cjs/hooks/useColumnStyles/index.js +0 -4
  436. package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js +3 -12
  437. package/lib/cjs/hooks/useComponentToggle/index.js +0 -4
  438. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +7 -21
  439. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +23 -44
  440. package/lib/cjs/hooks/useCopyToClipboard/index.js +0 -4
  441. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +12 -20
  442. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -22
  443. package/lib/cjs/hooks/useDebounce/index.js +0 -4
  444. package/lib/cjs/hooks/useDebounce/useDebounce.js +4 -14
  445. package/lib/cjs/hooks/useDebounce/useDebounce.test.js +14 -18
  446. package/lib/cjs/hooks/useDeprecationWarning/index.js +0 -4
  447. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js +7 -18
  448. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +9 -20
  449. package/lib/cjs/hooks/useDevelopmentWarning/index.js +0 -4
  450. package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.js +1 -6
  451. package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -5
  452. package/lib/cjs/hooks/useFallbackImage/index.js +0 -4
  453. package/lib/cjs/hooks/useFallbackImage/useFallbackImage.js +4 -11
  454. package/lib/cjs/hooks/useFallbackImage/useFallbackImage.test.js +8 -24
  455. package/lib/cjs/hooks/useField/index.js +0 -4
  456. package/lib/cjs/hooks/useField/useField.js +115 -159
  457. package/lib/cjs/hooks/useField/useField.test.js +57 -73
  458. package/lib/cjs/hooks/useImageUploadState/index.js +0 -4
  459. package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +21 -43
  460. package/lib/cjs/hooks/useLabelHeight/index.js +0 -4
  461. package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +4 -15
  462. package/lib/cjs/hooks/useModalState/index.js +0 -4
  463. package/lib/cjs/hooks/useModalState/useModalState.js +2 -7
  464. package/lib/cjs/hooks/useModalState/useModalState.test.js +23 -32
  465. package/lib/cjs/hooks/useNavBarPress/index.js +0 -4
  466. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +1 -8
  467. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +16 -23
  468. package/lib/cjs/hooks/useOverlayPanelState/index.js +0 -4
  469. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +2 -11
  470. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +3 -7
  471. package/lib/cjs/hooks/useProgressiveState/index.js +0 -4
  472. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +0 -7
  473. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +13 -42
  474. package/lib/cjs/hooks/usePropWarning/index.js +0 -4
  475. package/lib/cjs/hooks/usePropWarning/usePropWarning.js +3 -13
  476. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +1 -5
  477. package/lib/cjs/hooks/useRockerButton/index.js +0 -4
  478. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +8 -27
  479. package/lib/cjs/hooks/useSelectField/index.js +0 -4
  480. package/lib/cjs/hooks/useSelectField/useSelectField.js +69 -107
  481. package/lib/cjs/hooks/useStatusClasses/index.js +0 -4
  482. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +1 -9
  483. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +12 -21
  484. package/lib/cjs/hooks/useTShirtSize/index.js +0 -4
  485. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.js +1 -7
  486. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +10 -20
  487. package/lib/cjs/index.js +175 -516
  488. package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +23 -70
  489. package/lib/cjs/recipes/Arrow.stories.js +0 -10
  490. package/lib/cjs/recipes/AttributeMappingReadOnlyField.stories.js +5 -21
  491. package/lib/cjs/recipes/AttributesAndPingOneMapping.stories.js +16 -51
  492. package/lib/cjs/recipes/CollapsiblePanel.stories.js +13 -55
  493. package/lib/cjs/recipes/ConditionalFilter.stories.js +3 -18
  494. package/lib/cjs/recipes/CopyToClipboard.stories.js +1 -11
  495. package/lib/cjs/recipes/CountryPicker.stories.js +15 -53
  496. package/lib/cjs/recipes/DatePicker.stories.js +24 -58
  497. package/lib/cjs/recipes/DraggableBox.stories.js +0 -13
  498. package/lib/cjs/recipes/EditableInput.stories.js +32 -80
  499. package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +17 -63
  500. package/lib/cjs/recipes/LinkedListView.stories.js +29 -54
  501. package/lib/cjs/recipes/ListAndPanel.stories.js +42 -74
  502. package/lib/cjs/recipes/LogoTabs.stories.js +8 -41
  503. package/lib/cjs/recipes/MaskedValue.stories.js +9 -32
  504. package/lib/cjs/recipes/NeutralInput.stories.js +0 -9
  505. package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +2 -19
  506. package/lib/cjs/recipes/PageHeader.stories.js +0 -10
  507. package/lib/cjs/recipes/PanelHeader.stories.js +2 -19
  508. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +6 -30
  509. package/lib/cjs/recipes/RowLineChart.stories.js +5 -36
  510. package/lib/cjs/recipes/ScrollableListView.stories.js +9 -36
  511. package/lib/cjs/recipes/SelectedFieldOverlay.story.js +0 -12
  512. package/lib/cjs/recipes/Slider.stories.js +20 -60
  513. package/lib/cjs/recipes/StatsCircle.stories.js +0 -11
  514. package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js +1 -25
  515. package/lib/cjs/recipes/TrialExperienceStatusBar.stories.js +13 -51
  516. package/lib/cjs/styles/ColorDocumentation.js +48 -92
  517. package/lib/cjs/styles/breakpoints.js +0 -2
  518. package/lib/cjs/styles/colors.js +15 -39
  519. package/lib/cjs/styles/forms/index.js +0 -31
  520. package/lib/cjs/styles/spacing.js +1 -3
  521. package/lib/cjs/styles/templates/Nav/HeaderBar.js +4 -26
  522. package/lib/cjs/styles/templates/Nav/Nav.stories.js +19 -39
  523. package/lib/cjs/styles/templates/Nav/NavData.js +4 -24
  524. package/lib/cjs/styles/text.js +0 -9
  525. package/lib/cjs/styles/theme-ui/ThemeView.js +0 -9
  526. package/lib/cjs/styles/theme.js +3 -27
  527. package/lib/cjs/styles/themeOverrides/index.js +2 -6
  528. package/lib/cjs/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js +0 -10
  529. package/lib/cjs/styles/themeOverrides/stories/Button.chromatic.stories.js +0 -20
  530. package/lib/cjs/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +7 -38
  531. package/lib/cjs/styles/themeOverrides/stories/IconButton.chromatic.stories.js +0 -13
  532. package/lib/cjs/styles/themeOverrides/stories/Label.chromatic.stories.js +0 -10
  533. package/lib/cjs/styles/themeOverrides/stories/Link.chromatic.stories.js +1 -11
  534. package/lib/cjs/styles/themeOverrides/stories/NavBar.chromatic.stories.js +0 -22
  535. package/lib/cjs/styles/themeOverrides/stories/NumberField.chromatic.stories.js +0 -10
  536. package/lib/cjs/styles/themeOverrides/stories/RockerButtonGroup.chromatic.stories.js +0 -10
  537. package/lib/cjs/styles/themeOverrides/stories/SearchField.chromatic.stories.js +0 -12
  538. package/lib/cjs/styles/themeOverrides/stories/SelectField.chromatic.stories.js +0 -11
  539. package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +0 -15
  540. package/lib/cjs/styles/themeOverrides/withUiLibraryCss.js +0 -17
  541. package/lib/cjs/styles/themes/astro-nano/astro-nano.js +1 -20
  542. package/lib/cjs/styles/themes/astro-nano/index.js +0 -4
  543. package/lib/cjs/styles/themes/end-user/end-user.js +1 -22
  544. package/lib/cjs/styles/themes/end-user/index.js +0 -4
  545. package/lib/cjs/styles/useAstroTheme.js +0 -11
  546. package/lib/cjs/styles/variants/callout.js +0 -18
  547. package/lib/cjs/styles/variants/index.js +4 -36
  548. package/lib/cjs/styles/variants/variants.js +4 -56
  549. package/lib/cjs/utils/devUtils/constants/animals.js +0 -2
  550. package/lib/cjs/utils/devUtils/constants/firstNames.js +0 -2
  551. package/lib/cjs/utils/devUtils/constants/htmlElements.js +1 -3
  552. package/lib/cjs/utils/devUtils/constants/images.js +0 -2
  553. package/lib/cjs/utils/devUtils/constants/loadingStates.js +0 -2
  554. package/lib/cjs/utils/devUtils/constants/orientation.js +0 -2
  555. package/lib/cjs/utils/devUtils/constants/panelSizes.js +0 -2
  556. package/lib/cjs/utils/devUtils/constants/statuses.js +0 -2
  557. package/lib/cjs/utils/devUtils/constants/tShirtSizes.js +0 -2
  558. package/lib/cjs/utils/devUtils/constants/text.js +0 -2
  559. package/lib/cjs/utils/devUtils/constants/variants.js +2 -12
  560. package/lib/cjs/utils/devUtils/createMockData.js +0 -31
  561. package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js +1 -11
  562. package/lib/cjs/utils/devUtils/props/ariaAttributes.js +2 -28
  563. package/lib/cjs/utils/devUtils/props/ariaAttributes.test.js +4 -22
  564. package/lib/cjs/utils/devUtils/props/fieldAttributes.js +0 -15
  565. package/lib/cjs/utils/devUtils/props/isIterable.js +6 -21
  566. package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js +2 -13
  567. package/lib/cjs/utils/devUtils/styledSystemUtils.js +8 -32
  568. package/lib/cjs/utils/styleUtils/index.js +0 -4
  569. package/lib/cjs/utils/testUtils/setupTests.js +5 -11
  570. package/lib/cjs/utils/testUtils/testAxe.js +15 -19
  571. package/lib/cjs/utils/testUtils/testTheme.js +0 -2
  572. package/lib/cjs/utils/testUtils/testWrapper.js +13 -39
  573. package/lib/components/AccordionGridGroup/AccordionGrid.styles.js +0 -3
  574. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +15 -37
  575. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +9 -13
  576. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +17 -11
  577. package/lib/components/AccordionGridItem/AccordionGridItem.js +24 -34
  578. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +21 -32
  579. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +33 -48
  580. package/lib/components/AccordionGroup/Accordion.styles.js +1 -6
  581. package/lib/components/AccordionGroup/AccordionGroup.js +16 -28
  582. package/lib/components/AccordionGroup/AccordionGroup.stories.js +5 -6
  583. package/lib/components/AccordionGroup/AccordionGroup.test.js +12 -20
  584. package/lib/components/AccordionItem/AccordionItem.js +38 -48
  585. package/lib/components/ArrayField/ArrayField.js +29 -60
  586. package/lib/components/ArrayField/ArrayField.stories.js +7 -17
  587. package/lib/components/ArrayField/ArrayField.test.js +2 -5
  588. package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -5
  589. package/lib/components/AstroWrapper/AstroWrapper.js +17 -26
  590. package/lib/components/AstroWrapper/AstroWrapper.test.js +4 -4
  591. package/lib/components/AstroWrapper/PageWrapper.test.js +7 -6
  592. package/lib/components/Avatar/Avatar.js +0 -1
  593. package/lib/components/Avatar/Avatar.stories.js +3 -3
  594. package/lib/components/Avatar/Avatar.test.js +2 -3
  595. package/lib/components/Badge/Badge.js +14 -27
  596. package/lib/components/Badge/Badge.stories.js +15 -26
  597. package/lib/components/Badge/Badge.styles.js +1 -14
  598. package/lib/components/Badge/Badge.test.js +3 -7
  599. package/lib/components/Box/Box.js +15 -32
  600. package/lib/components/Box/Box.stories.js +7 -11
  601. package/lib/components/Box/Box.test.js +7 -7
  602. package/lib/components/Bracket/Bracket.js +4 -6
  603. package/lib/components/Bracket/Bracket.stories.js +1 -1
  604. package/lib/components/Bracket/Bracket.test.js +3 -4
  605. package/lib/components/Breadcrumbs/Breadcrumb.styles.js +0 -3
  606. package/lib/components/Breadcrumbs/BreadcrumbItem.js +9 -28
  607. package/lib/components/Breadcrumbs/Breadcrumbs.js +9 -18
  608. package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +2 -3
  609. package/lib/components/Breadcrumbs/Breadcrumbs.test.js +5 -6
  610. package/lib/components/Breadcrumbs/index.js +2 -2
  611. package/lib/components/Button/Button.js +36 -57
  612. package/lib/components/Button/Button.stories.js +6 -5
  613. package/lib/components/Button/Button.test.js +6 -5
  614. package/lib/components/Button/Buttons.styles.js +0 -12
  615. package/lib/components/Callout/Callout.js +3 -6
  616. package/lib/components/Callout/Callout.stories.js +6 -4
  617. package/lib/components/Callout/Callout.test.js +0 -4
  618. package/lib/components/Card/Card.js +35 -49
  619. package/lib/components/Card/Card.stories.js +1 -1
  620. package/lib/components/Card/Card.test.js +4 -8
  621. package/lib/components/Checkbox/Checkbox.js +1 -1
  622. package/lib/components/Checkbox/Checkbox.styles.js +1 -0
  623. package/lib/components/Checkbox/Checkbox.test.js +5 -6
  624. package/lib/components/Checkbox/CheckboxBase.js +3 -5
  625. package/lib/components/CheckboxField/CheckboxField.js +22 -51
  626. package/lib/components/CheckboxField/CheckboxField.stories.js +33 -42
  627. package/lib/components/CheckboxField/CheckboxField.test.js +23 -23
  628. package/lib/components/CodeView/CodeView.js +23 -35
  629. package/lib/components/CodeView/CodeView.stories.js +5 -6
  630. package/lib/components/CodeView/CodeView.test.js +20 -24
  631. package/lib/components/CollapsiblePanel/CollapsiblePanel.js +22 -35
  632. package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +13 -21
  633. package/lib/components/CollapsiblePanel/CollapsiblePanel.styles.js +1 -8
  634. package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js +2 -3
  635. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +2 -5
  636. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +2 -3
  637. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +17 -27
  638. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +2 -3
  639. package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.js +3 -8
  640. package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +2 -3
  641. package/lib/components/ColorField/ColorField.js +40 -61
  642. package/lib/components/ColorField/ColorField.stories.js +10 -14
  643. package/lib/components/ColorField/ColorField.styles.js +1 -4
  644. package/lib/components/ColorField/ColorField.test.js +2 -3
  645. package/lib/components/ComboBox/ComboBox.styles.js +0 -5
  646. package/lib/components/ComboBox/ComboBoxInput.js +38 -44
  647. package/lib/components/ComboBoxField/ComboBoxField.js +61 -117
  648. package/lib/components/ComboBoxField/ComboBoxField.stories.js +50 -68
  649. package/lib/components/ComboBoxField/ComboBoxField.test.js +153 -159
  650. package/lib/components/CopyText/CopyButton.js +1 -1
  651. package/lib/components/CopyText/CopyText.js +28 -53
  652. package/lib/components/CopyText/CopyText.stories.js +1 -1
  653. package/lib/components/CopyText/CopyText.styles.js +0 -3
  654. package/lib/components/CopyText/CopyText.test.js +333 -372
  655. package/lib/components/DataTable/DataTable.js +58 -122
  656. package/lib/components/DataTable/DataTable.stories.js +20 -31
  657. package/lib/components/DataTable/DataTable.styles.js +0 -7
  658. package/lib/components/DataTable/DataTable.test.js +82 -172
  659. package/lib/components/DataTable/DataTableBadge.js +1 -1
  660. package/lib/components/DataTable/DataTableBadge.test.js +0 -2
  661. package/lib/components/DataTable/DataTableMenu.test.js +0 -2
  662. package/lib/components/DataTable/DataTableMultiLine.js +1 -2
  663. package/lib/components/DataTable/DataTableMultiLine.test.js +0 -2
  664. package/lib/components/DataTable/DataTableVirtualizer.js +31 -35
  665. package/lib/components/DataTable/index.js +2 -2
  666. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +61 -102
  667. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +46 -84
  668. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +24 -26
  669. package/lib/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +0 -3
  670. package/lib/components/FieldHelperText/FieldHelperText.js +5 -8
  671. package/lib/components/FieldHelperText/FieldHelperText.stories.js +1 -1
  672. package/lib/components/FieldHelperText/FieldHelperText.styles.js +0 -5
  673. package/lib/components/FieldHelperText/FieldHelperText.test.js +6 -12
  674. package/lib/components/FileInputField/FileInputField.js +41 -77
  675. package/lib/components/FileInputField/FileInputField.stories.js +11 -18
  676. package/lib/components/FileInputField/FileInputField.styles.js +0 -3
  677. package/lib/components/FileInputField/FileInputField.test.js +2 -7
  678. package/lib/components/FileInputField/FileItem.js +11 -18
  679. package/lib/components/FileInputField/FileSelect.js +6 -13
  680. package/lib/components/HelpHint/HelpHint.js +4 -8
  681. package/lib/components/HelpHint/HelpHint.stories.js +2 -2
  682. package/lib/components/HelpHint/HelpHint.styles.js +0 -3
  683. package/lib/components/HelpHint/HelpHint.test.js +3 -4
  684. package/lib/components/Icon/Icon.js +4 -11
  685. package/lib/components/Icon/Icon.stories.js +4 -6
  686. package/lib/components/Icon/Icon.test.js +3 -4
  687. package/lib/components/Icon/NoticeIcon.js +2 -5
  688. package/lib/components/Icon/NoticeIcon.test.js +0 -2
  689. package/lib/components/IconBadge/IconBadge.js +8 -18
  690. package/lib/components/IconBadge/IconBadge.stories.js +2 -2
  691. package/lib/components/IconBadge/IconBadge.test.js +3 -6
  692. package/lib/components/IconButton/IconButton.js +34 -56
  693. package/lib/components/IconButton/IconButton.stories.js +8 -7
  694. package/lib/components/IconButton/IconButton.styles.js +3 -12
  695. package/lib/components/IconButton/IconButton.test.js +6 -7
  696. package/lib/components/IconButtonToggle/IconButtonToggle.js +10 -20
  697. package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +4 -6
  698. package/lib/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
  699. package/lib/components/Image/Image.js +30 -60
  700. package/lib/components/Image/Image.stories.js +8 -10
  701. package/lib/components/Image/Image.test.js +5 -13
  702. package/lib/components/ImageUploadField/ImagePreviewButton.js +16 -25
  703. package/lib/components/ImageUploadField/ImageUploadField.js +10 -30
  704. package/lib/components/ImageUploadField/ImageUploadField.stories.js +58 -69
  705. package/lib/components/ImageUploadField/ImageUploadField.test.js +34 -44
  706. package/lib/components/ImageUploadField/ImageUploadFieldBase.js +16 -27
  707. package/lib/components/ImageUploadField/imageUpload.js +0 -5
  708. package/lib/components/Input/Input.js +4 -11
  709. package/lib/components/Input/Input.styles.js +10 -9
  710. package/lib/components/Input/Input.test.js +3 -4
  711. package/lib/components/Label/Label.js +18 -28
  712. package/lib/components/Label/Label.stories.js +1 -1
  713. package/lib/components/Label/Label.styles.js +8 -7
  714. package/lib/components/Label/Label.test.js +4 -7
  715. package/lib/components/Link/Link.js +22 -35
  716. package/lib/components/Link/Link.stories.js +4 -4
  717. package/lib/components/Link/Link.styles.js +0 -5
  718. package/lib/components/Link/Link.test.js +2 -3
  719. package/lib/components/LinkSelectField/LinkSelectField.js +23 -54
  720. package/lib/components/LinkSelectField/LinkSelectField.stories.js +17 -24
  721. package/lib/components/LinkSelectField/LinkSelectField.test.js +24 -21
  722. package/lib/components/ListBox/ListBox.js +40 -48
  723. package/lib/components/ListBox/ListBox.styles.js +0 -3
  724. package/lib/components/ListBox/ListBox.test.js +17 -15
  725. package/lib/components/ListBox/ListBoxSection.js +13 -18
  726. package/lib/components/ListBox/Option.js +25 -36
  727. package/lib/components/ListItem/ListItem.js +12 -16
  728. package/lib/components/ListItem/ListItem.stories.js +2 -2
  729. package/lib/components/ListItem/ListItem.test.js +3 -4
  730. package/lib/components/ListView/ListView.js +23 -45
  731. package/lib/components/ListView/ListView.stories.js +28 -45
  732. package/lib/components/ListView/ListView.test.js +34 -47
  733. package/lib/components/ListViewItem/ListViewItem.js +35 -46
  734. package/lib/components/ListViewItem/ListViewItem.styles.js +0 -5
  735. package/lib/components/Loader/Loader.js +2 -4
  736. package/lib/components/Loader/Loader.stories.js +2 -3
  737. package/lib/components/Loader/Loader.styles.js +0 -9
  738. package/lib/components/Loader/Loader.test.js +2 -3
  739. package/lib/components/Menu/Menu.js +14 -36
  740. package/lib/components/Menu/Menu.stories.js +3 -3
  741. package/lib/components/Menu/Menu.test.js +21 -15
  742. package/lib/components/MenuItem/MenuItem.js +47 -67
  743. package/lib/components/MenuItem/MenuItem.test.js +8 -13
  744. package/lib/components/Messages/Message.js +27 -43
  745. package/lib/components/Messages/Messages.js +5 -8
  746. package/lib/components/Messages/Messages.reducer.js +0 -6
  747. package/lib/components/Messages/Messages.stories.js +20 -38
  748. package/lib/components/Messages/Messages.test.js +6 -17
  749. package/lib/components/Messages/index.js +2 -2
  750. package/lib/components/Messages/utils/messagesReducer.js +10 -26
  751. package/lib/components/Messages/utils/multiMessagesReducer.js +8 -20
  752. package/lib/components/Messages/utils/tests/messagesReducer.test.js +6 -10
  753. package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +8 -13
  754. package/lib/components/Modal/Modal.js +31 -56
  755. package/lib/components/Modal/Modal.stories.js +3 -2
  756. package/lib/components/Modal/Modal.styles.js +0 -5
  757. package/lib/components/Modal/tests/Modal.integration.test.js +13 -12
  758. package/lib/components/Modal/tests/Modal.unit.test.js +16 -22
  759. package/lib/components/MultivaluesField/MultivaluesField.js +82 -163
  760. package/lib/components/MultivaluesField/MultivaluesField.stories.js +55 -84
  761. package/lib/components/MultivaluesField/MultivaluesField.test.js +27 -34
  762. package/lib/components/NavBar/NavBar.js +14 -27
  763. package/lib/components/NavBar/NavBar.stories.js +4 -10
  764. package/lib/components/NavBar/NavBar.styles.js +0 -10
  765. package/lib/components/NavBar/NavBar.test.js +12 -28
  766. package/lib/components/NavBarSection/NavBarItem.js +32 -45
  767. package/lib/components/NavBarSection/NavBarItemBody.js +10 -19
  768. package/lib/components/NavBarSection/NavBarItemBody.test.js +2 -5
  769. package/lib/components/NavBarSection/NavBarItemButton.js +12 -22
  770. package/lib/components/NavBarSection/NavBarItemHeader.js +10 -20
  771. package/lib/components/NavBarSection/NavBarItemLink.js +12 -23
  772. package/lib/components/NavBarSection/NavBarSection.js +15 -47
  773. package/lib/components/NavBarSection/index.js +2 -2
  774. package/lib/components/NumberField/NumberField.js +24 -63
  775. package/lib/components/NumberField/NumberField.stories.js +4 -8
  776. package/lib/components/NumberField/NumberField.styles.js +1 -7
  777. package/lib/components/NumberField/NumberField.test.js +5 -6
  778. package/lib/components/OverlayPanel/OverlayPanel.js +16 -29
  779. package/lib/components/OverlayPanel/OverlayPanel.stories.js +39 -59
  780. package/lib/components/OverlayPanel/OverlayPanel.test.js +2 -3
  781. package/lib/components/PageHeader/PageHeader.js +5 -6
  782. package/lib/components/PageHeader/PageHeader.stories.js +4 -4
  783. package/lib/components/PageHeader/PageHeader.test.js +3 -4
  784. package/lib/components/PasswordField/PasswordField.js +39 -83
  785. package/lib/components/PasswordField/PasswordField.stories.js +71 -110
  786. package/lib/components/PasswordField/PasswordField.test.js +24 -21
  787. package/lib/components/PopoverContainer/PopoverContainer.js +34 -48
  788. package/lib/components/PopoverContainer/PopoverContainer.test.js +4 -6
  789. package/lib/components/PopoverMenu/PopoverMenu.js +28 -48
  790. package/lib/components/PopoverMenu/PopoverMenu.stories.js +20 -13
  791. package/lib/components/PopoverMenu/PopoverMenu.test.js +15 -16
  792. package/lib/components/Radio/Radio.js +1 -1
  793. package/lib/components/Radio/Radio.styles.js +6 -6
  794. package/lib/components/RadioField/RadioField.js +25 -52
  795. package/lib/components/RadioField/RadioField.test.js +2 -3
  796. package/lib/components/RadioGroupField/RadioGroupField.js +19 -36
  797. package/lib/components/RadioGroupField/RadioGroupField.stories.js +5 -9
  798. package/lib/components/RadioGroupField/RadioGroupField.test.js +21 -13
  799. package/lib/components/RequirementsList/RequirementsList.js +5 -11
  800. package/lib/components/RequirementsList/RequirementsList.stories.js +1 -1
  801. package/lib/components/RequirementsList/RequirementsList.test.js +7 -7
  802. package/lib/components/RockerButton/RockerButton.js +16 -25
  803. package/lib/components/RockerButton/RockerButton.styles.js +0 -5
  804. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +8 -18
  805. package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +6 -7
  806. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +7 -12
  807. package/lib/components/ScrollBox/ScrollBox.js +23 -37
  808. package/lib/components/ScrollBox/ScrollBox.stories.js +1 -1
  809. package/lib/components/ScrollBox/ScrollBox.test.js +0 -3
  810. package/lib/components/SearchField/SearchField.js +27 -75
  811. package/lib/components/SearchField/SearchField.stories.js +12 -18
  812. package/lib/components/SearchField/SearchField.test.js +4 -5
  813. package/lib/components/SelectField/Select.styles.js +3 -5
  814. package/lib/components/SelectField/SelectField.js +6 -37
  815. package/lib/components/SelectField/SelectField.stories.js +17 -24
  816. package/lib/components/SelectField/SelectField.test.js +11 -16
  817. package/lib/components/SelectFieldBase/SelectFieldBase.js +24 -49
  818. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +40 -39
  819. package/lib/components/Separator/Separator.js +10 -13
  820. package/lib/components/Separator/Separator.stories.js +3 -3
  821. package/lib/components/Separator/Separator.styles.js +0 -6
  822. package/lib/components/Separator/Separator.test.js +2 -3
  823. package/lib/components/Stepper/Line.js +5 -9
  824. package/lib/components/Stepper/Step.js +9 -12
  825. package/lib/components/Stepper/Stepper.js +13 -32
  826. package/lib/components/Stepper/Stepper.stories.js +13 -12
  827. package/lib/components/Stepper/Stepper.styles.js +2 -5
  828. package/lib/components/Stepper/Stepper.test.js +32 -37
  829. package/lib/components/Stepper/index.js +2 -2
  830. package/lib/components/Switch/Switch.js +2 -2
  831. package/lib/components/Switch/Switch.styles.js +0 -3
  832. package/lib/components/SwitchField/SwitchField.js +39 -69
  833. package/lib/components/SwitchField/SwitchField.stories.js +6 -10
  834. package/lib/components/SwitchField/SwitchField.test.js +2 -3
  835. package/lib/components/Tab/Tab.js +39 -50
  836. package/lib/components/TabPicker/TabPicker.js +38 -59
  837. package/lib/components/Table/Table.js +2 -5
  838. package/lib/components/Table/Table.stories.js +4 -5
  839. package/lib/components/Table/Table.styles.js +0 -6
  840. package/lib/components/Table/Table.test.js +7 -9
  841. package/lib/components/TableBody/TableBody.js +2 -5
  842. package/lib/components/TableCaption/TableCaption.js +2 -5
  843. package/lib/components/TableCell/TableCell.js +3 -6
  844. package/lib/components/TableCell/TableCell.test.js +4 -5
  845. package/lib/components/TableHead/TableHead.js +2 -5
  846. package/lib/components/TableRow/TableRow.js +2 -5
  847. package/lib/components/Tabs/Tabs.js +17 -46
  848. package/lib/components/Tabs/Tabs.stories.js +6 -12
  849. package/lib/components/Tabs/Tabs.style.js +1 -4
  850. package/lib/components/Tabs/Tabs.test.js +88 -122
  851. package/lib/components/Text/Text.js +3 -4
  852. package/lib/components/Text/Text.stories.js +18 -28
  853. package/lib/components/Text/Text.styles.js +0 -9
  854. package/lib/components/Text/Text.test.js +11 -17
  855. package/lib/components/TextArea/TextArea.js +2 -2
  856. package/lib/components/TextArea/TextArea.styles.js +2 -4
  857. package/lib/components/TextArea/TextArea.test.js +3 -4
  858. package/lib/components/TextAreaField/TextAreaField.js +21 -61
  859. package/lib/components/TextAreaField/TextAreaField.stories.js +8 -13
  860. package/lib/components/TextAreaField/TextAreaField.test.js +5 -10
  861. package/lib/components/TextField/TextField.js +15 -48
  862. package/lib/components/TextField/TextField.stories.js +18 -26
  863. package/lib/components/TextField/TextField.test.js +4 -8
  864. package/lib/components/TimeZonePicker/TimeZonePicker.js +21 -51
  865. package/lib/components/TimeZonePicker/TimeZonePicker.test.js +3 -7
  866. package/lib/components/TooltipTrigger/Tooltip.js +4 -7
  867. package/lib/components/TooltipTrigger/Tooltip.styles.js +1 -8
  868. package/lib/components/TooltipTrigger/TooltipTrigger.js +37 -61
  869. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +1 -1
  870. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +6 -7
  871. package/lib/components/TooltipTrigger/index.js +2 -2
  872. package/lib/context/AccordionContext/index.js +0 -1
  873. package/lib/context/TooltipContext/index.js +0 -1
  874. package/lib/docs/design/ColorDocumentation.stories.js +1 -1
  875. package/lib/docs/design/ContainerSizes.stories.js +3 -5
  876. package/lib/docs/design/Spacing.stories.js +3 -6
  877. package/lib/docs/design/Typography.stories.js +6 -10
  878. package/lib/hooks/index.js +1 -1
  879. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +1 -2
  880. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -2
  881. package/lib/hooks/useColumnStyles/useColumnStyles.js +3 -7
  882. package/lib/hooks/useComponentToggle/useComponentToggle.js +7 -14
  883. package/lib/hooks/useComponentToggle/useComponentToggle.test.js +25 -25
  884. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +13 -15
  885. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -10
  886. package/lib/hooks/useDebounce/useDebounce.js +4 -9
  887. package/lib/hooks/useDebounce/useDebounce.test.js +14 -15
  888. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js +7 -12
  889. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +11 -16
  890. package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.js +2 -3
  891. package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -2
  892. package/lib/hooks/useFallbackImage/useFallbackImage.js +4 -6
  893. package/lib/hooks/useFallbackImage/useFallbackImage.test.js +8 -13
  894. package/lib/hooks/useField/useField.js +112 -135
  895. package/lib/hooks/useField/useField.test.js +58 -60
  896. package/lib/hooks/useImageUploadState/useImageUploadState.js +21 -37
  897. package/lib/hooks/useLabelHeight/useLabelHeight.js +4 -10
  898. package/lib/hooks/useModalState/useModalState.js +3 -4
  899. package/lib/hooks/useModalState/useModalState.test.js +24 -30
  900. package/lib/hooks/useNavBarPress/useNavBarPress.js +1 -5
  901. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +16 -20
  902. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +3 -8
  903. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +3 -4
  904. package/lib/hooks/useProgressiveState/useProgressiveState.js +1 -4
  905. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +13 -20
  906. package/lib/hooks/usePropWarning/usePropWarning.js +3 -6
  907. package/lib/hooks/usePropWarning/usePropWarning.test.js +1 -2
  908. package/lib/hooks/useRockerButton/useRockerButton.js +8 -15
  909. package/lib/hooks/useSelectField/useSelectField.js +70 -83
  910. package/lib/hooks/useStatusClasses/useStatusClasses.js +2 -3
  911. package/lib/hooks/useStatusClasses/useStatusClasses.test.js +12 -18
  912. package/lib/hooks/useTShirtSize/useTShirtSize.js +1 -2
  913. package/lib/hooks/useTShirtSize/useTShirtSize.test.js +10 -17
  914. package/lib/index.js +28 -28
  915. package/lib/recipes/ApplicationSearchDropdown.stories.js +25 -42
  916. package/lib/recipes/AttributeMappingReadOnlyField.stories.js +6 -9
  917. package/lib/recipes/AttributesAndPingOneMapping.stories.js +18 -33
  918. package/lib/recipes/CollapsiblePanel.stories.js +15 -25
  919. package/lib/recipes/ConditionalFilter.stories.js +4 -7
  920. package/lib/recipes/CopyToClipboard.stories.js +1 -1
  921. package/lib/recipes/CountryPicker.stories.js +15 -32
  922. package/lib/recipes/DatePicker.stories.js +24 -33
  923. package/lib/recipes/EditableInput.stories.js +34 -57
  924. package/lib/recipes/FlippableCaretMenuButton.stories.js +18 -33
  925. package/lib/recipes/LinkedListView.stories.js +30 -40
  926. package/lib/recipes/ListAndPanel.stories.js +42 -50
  927. package/lib/recipes/LogoTabs.stories.js +8 -16
  928. package/lib/recipes/MaskedValue.stories.js +9 -13
  929. package/lib/recipes/OneWayToBidirectionalArrow.stories.js +3 -6
  930. package/lib/recipes/PageHeader.stories.js +1 -1
  931. package/lib/recipes/PanelHeader.stories.js +2 -2
  932. package/lib/recipes/RadioButtonsWithLinks.stories.js +6 -11
  933. package/lib/recipes/RowLineChart.stories.js +5 -16
  934. package/lib/recipes/ScrollableListView.stories.js +10 -16
  935. package/lib/recipes/Slider.stories.js +20 -37
  936. package/lib/recipes/TrialExperienceIndustryButtons.stories.js +1 -12
  937. package/lib/recipes/TrialExperienceStatusBar.stories.js +14 -32
  938. package/lib/styles/ColorDocumentation.js +48 -62
  939. package/lib/styles/colors.js +17 -25
  940. package/lib/styles/forms/index.js +2 -5
  941. package/lib/styles/spacing.js +1 -1
  942. package/lib/styles/templates/Nav/HeaderBar.js +4 -9
  943. package/lib/styles/templates/Nav/Nav.stories.js +6 -9
  944. package/lib/styles/templates/Nav/NavData.js +5 -11
  945. package/lib/styles/text.js +1 -5
  946. package/lib/styles/theme.js +3 -6
  947. package/lib/styles/themeOverrides/index.js +1 -1
  948. package/lib/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +8 -15
  949. package/lib/styles/themeOverrides/stories/Link.chromatic.stories.js +1 -1
  950. package/lib/styles/themeOverrides/stories/NavBar.chromatic.stories.js +1 -5
  951. package/lib/styles/themeOverrides/stories/SearchField.chromatic.stories.js +0 -1
  952. package/lib/styles/themeOverrides/uiLibraryOverride.js +0 -3
  953. package/lib/styles/themeOverrides/withUiLibraryCss.js +0 -3
  954. package/lib/styles/themes/astro-nano/astro-nano.js +1 -4
  955. package/lib/styles/themes/end-user/end-user.js +1 -11
  956. package/lib/styles/variants/callout.js +0 -7
  957. package/lib/styles/variants/index.js +2 -5
  958. package/lib/styles/variants/variants.js +4 -7
  959. package/lib/utils/devUtils/constants/htmlElements.js +1 -0
  960. package/lib/utils/devUtils/constants/variants.js +4 -5
  961. package/lib/utils/devUtils/createMockData.js +2 -13
  962. package/lib/utils/devUtils/decorators/withDeprecationWarning.js +1 -5
  963. package/lib/utils/devUtils/props/ariaAttributes.js +2 -9
  964. package/lib/utils/devUtils/props/ariaAttributes.test.js +4 -11
  965. package/lib/utils/devUtils/props/fieldAttributes.js +0 -3
  966. package/lib/utils/devUtils/props/isIterable.js +6 -15
  967. package/lib/utils/devUtils/props/isValidPositiveInt.js +2 -8
  968. package/lib/utils/devUtils/styledSystemUtils.js +7 -12
  969. package/lib/utils/testUtils/setupTests.js +5 -4
  970. package/lib/utils/testUtils/testAxe.js +16 -13
  971. package/lib/utils/testUtils/testWrapper.js +7 -14
  972. package/package.json +41 -15
  973. package/lib/cjs/components/PageHeader/index.js +0 -18
  974. package/lib/components/PageHeader/index.js +0 -1
@@ -11,32 +11,31 @@ import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
11
11
  import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
12
12
  import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
13
13
  import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
14
+ import _Object$create from "@babel/runtime-corejs3/core-js-stable/object/create";
15
+ import _Object$getPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object/get-prototype-of";
16
+ import _Object$setPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object/set-prototype-of";
17
+ import _reverseInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reverse";
18
+ import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
14
19
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
15
20
  import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
16
21
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
17
- import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
22
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context38; _forEachInstanceProperty(_context38 = ["next", "throw", "return"]).call(_context38, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context39; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context39 = this.tryEntries).call(_context39, resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
18
23
  import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
19
24
  import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
20
25
  import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
21
26
  import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
22
-
23
27
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
24
-
25
28
  function _unsupportedIterableToArray(o, minLen) { var _context37; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context37 = Object.prototype.toString.call(o)).call(_context37, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
26
-
27
29
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
28
-
29
30
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
30
-
31
31
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context35, _context36; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context35 = ownKeys(Object(source), !0)).call(_context35, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context36 = ownKeys(Object(source))).call(_context36, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
32
-
33
32
  /* eslint-disable testing-library/no-node-access */
34
33
  import React from 'react';
35
34
  import { useAsyncList } from 'react-stately';
36
- import { render, screen, within, fireEvent, act } from '@testing-library/react';
37
- import { renderHook, act as actHooks } from '@testing-library/react-hooks';
35
+ import { act, fireEvent, render, screen, within } from '@testing-library/react';
36
+ import { act as actHooks, renderHook } from '@testing-library/react-hooks';
37
+ import { DataTableBody, DataTableCell, DataTableColumn, DataTableHeader, DataTableRow } from '../../index';
38
38
  import DataTable from './DataTable';
39
- import { DataTableCell, DataTableColumn, DataTableRow, DataTableBody, DataTableHeader } from '../../index';
40
39
  import { jsx as ___EmotionJSX } from "@emotion/react";
41
40
  var offsetWidth;
42
41
  var offsetHeight;
@@ -84,32 +83,26 @@ var rows = [{
84
83
  population: 67000000,
85
84
  continent: 'Europe'
86
85
  }];
87
-
88
86
  var getCell = function getCell(view, text) {
89
87
  // Find by text, then go up to the element with the cell role.
90
88
  // eslint-disable-next-line testing-library/prefer-screen-queries
91
89
  var el = view.getByText(text);
92
-
93
90
  while (el && !/gridcell|rowheader|columnheader/.test(el.getAttribute('role'))) {
94
91
  el = el.parentElement;
95
92
  }
96
-
97
93
  return el;
98
94
  };
99
-
100
95
  var focusCell = function focusCell(tree, text) {
101
96
  return act(function () {
102
97
  return getCell(tree, text).focus();
103
98
  });
104
99
  };
105
-
106
100
  var moveFocus = function moveFocus(key) {
107
101
  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
108
102
  fireEvent.keyDown(document.activeElement, _objectSpread({
109
103
  key: key
110
104
  }, opts));
111
105
  };
112
-
113
106
  describe('Static DataTable', function () {
114
107
  var testId = 'staticTable';
115
108
  var defaultProps = {
@@ -119,7 +112,6 @@ describe('Static DataTable', function () {
119
112
  density: 'spacious',
120
113
  'data-testid': testId
121
114
  };
122
-
123
115
  var staticDataTable = function staticDataTable() {
124
116
  return render(___EmotionJSX(DataTable, defaultProps, ___EmotionJSX(DataTableHeader, {
125
117
  columns: columns
@@ -135,7 +127,6 @@ describe('Static DataTable', function () {
135
127
  });
136
128
  })));
137
129
  };
138
-
139
130
  test('renders DataTable component with static content', function () {
140
131
  staticDataTable();
141
132
  var staticTable = screen.getByTestId(testId);
@@ -151,11 +142,11 @@ describe('Static DataTable', function () {
151
142
  expect(headers).toHaveLength(3);
152
143
  expect(headers[0]).toHaveAttribute('aria-colindex', '1');
153
144
  expect(headers[1]).toHaveAttribute('aria-colindex', '2');
154
- expect(headers[2]).toHaveAttribute('aria-colindex', '3'); // eslint-disable-next-line no-unused-vars, no-restricted-syntax
145
+ expect(headers[2]).toHaveAttribute('aria-colindex', '3');
155
146
 
147
+ // eslint-disable-next-line no-unused-vars, no-restricted-syntax
156
148
  var _iterator = _createForOfIteratorHelper(headers),
157
- _step;
158
-
149
+ _step;
159
150
  try {
160
151
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
161
152
  var header = _step.value;
@@ -167,7 +158,6 @@ describe('Static DataTable', function () {
167
158
  } finally {
168
159
  _iterator.f();
169
160
  }
170
-
171
161
  expect(headers[0]).toHaveTextContent(columns[0].name);
172
162
  expect(headers[1]).toHaveTextContent(columns[1].name);
173
163
  expect(headers[2]).toHaveTextContent(columns[2].name);
@@ -203,8 +193,8 @@ describe('Static DataTable', function () {
203
193
  test('should move focus to the next cell in a row with ArrowRight', function () {
204
194
  var view = staticDataTable();
205
195
  focusCell(view, 'USA');
206
- moveFocus('ArrowRight'); // eslint-disable-next-line jest-dom/prefer-focus
207
-
196
+ moveFocus('ArrowRight');
197
+ // eslint-disable-next-line jest-dom/prefer-focus
208
198
  expect(document.activeElement).toBe(getCell(view, 320000000));
209
199
  });
210
200
  test('should move focus to the previous cell in a row with ArrowLeft', function () {
@@ -216,8 +206,8 @@ describe('Static DataTable', function () {
216
206
  test('should move focus to the next cell in a row with ArrowUp', function () {
217
207
  var view = staticDataTable();
218
208
  focusCell(view, 'China');
219
- moveFocus('ArrowUp'); // eslint-disable-next-line jest-dom/prefer-focus
220
-
209
+ moveFocus('ArrowUp');
210
+ // eslint-disable-next-line jest-dom/prefer-focus
221
211
  expect(document.activeElement).toBe(getCell(view, 'Canada'));
222
212
  });
223
213
  test('should move focus to the previous cell in a row with ArrowDown', function () {
@@ -273,7 +263,6 @@ describe('Async DataTable', function () {
273
263
  'data-testid': testId
274
264
  };
275
265
  var items = [];
276
-
277
266
  for (var i = 1; i <= 100; i += 1) {
278
267
  items.push({
279
268
  id: i,
@@ -282,7 +271,6 @@ describe('Async DataTable', function () {
282
271
  continent: "Continent ".concat(i)
283
272
  });
284
273
  }
285
-
286
274
  var onLoadMore = jest.fn();
287
275
  render(___EmotionJSX(DataTable, defaultProps, ___EmotionJSX(DataTableHeader, {
288
276
  columns: columns
@@ -426,7 +414,6 @@ describe('Sortable with useAsyncList', function () {
426
414
  id: 1,
427
415
  name: '2'
428
416
  }];
429
-
430
417
  function getItems() {
431
418
  return new _Promise(function (resolve) {
432
419
  _setTimeout(function () {
@@ -436,7 +423,6 @@ describe('Sortable with useAsyncList', function () {
436
423
  });
437
424
  });
438
425
  }
439
-
440
426
  function getItems2() {
441
427
  return new _Promise(function (resolve) {
442
428
  _setTimeout(function () {
@@ -446,11 +432,9 @@ describe('Sortable with useAsyncList', function () {
446
432
  });
447
433
  });
448
434
  }
449
-
450
- test('should call load function', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
435
+ test('should call load function', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
451
436
  var load, _renderHook, result;
452
-
453
- return _regeneratorRuntime.wrap(function _callee2$(_context2) {
437
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
454
438
  while (1) {
455
439
  switch (_context2.prev = _context2.next) {
456
440
  case 0:
@@ -463,13 +447,12 @@ describe('Sortable with useAsyncList', function () {
463
447
  expect(load).toHaveBeenCalledTimes(1);
464
448
  expect(result.current.items).toEqual([]);
465
449
  _context2.next = 6;
466
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
467
- return _regeneratorRuntime.wrap(function _callee$(_context) {
450
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
451
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
468
452
  while (1) {
469
453
  switch (_context.prev = _context.next) {
470
454
  case 0:
471
455
  jest.runAllTimers();
472
-
473
456
  case 1:
474
457
  case "end":
475
458
  return _context.stop();
@@ -477,10 +460,8 @@ describe('Sortable with useAsyncList', function () {
477
460
  }
478
461
  }, _callee);
479
462
  })));
480
-
481
463
  case 6:
482
464
  expect(result.current.items).toEqual(ITEMS);
483
-
484
465
  case 7:
485
466
  case "end":
486
467
  return _context2.stop();
@@ -488,10 +469,9 @@ describe('Sortable with useAsyncList', function () {
488
469
  }
489
470
  }, _callee2);
490
471
  })));
491
- test('should call sort function', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
472
+ test('should call sort function', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
492
473
  var load, sort, _renderHook2, result, args;
493
-
494
- return _regeneratorRuntime.wrap(function _callee6$(_context7) {
474
+ return _regeneratorRuntime().wrap(function _callee6$(_context7) {
495
475
  while (1) {
496
476
  switch (_context7.prev = _context7.next) {
497
477
  case 0:
@@ -513,13 +493,12 @@ describe('Sortable with useAsyncList', function () {
513
493
  });
514
494
  expect(result.current.items).toEqual([]);
515
495
  _context7.next = 9;
516
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
517
- return _regeneratorRuntime.wrap(function _callee3$(_context3) {
496
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
497
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
518
498
  while (1) {
519
499
  switch (_context3.prev = _context3.next) {
520
500
  case 0:
521
501
  jest.runOnlyPendingTimers();
522
-
523
502
  case 1:
524
503
  case "end":
525
504
  return _context3.stop();
@@ -527,21 +506,18 @@ describe('Sortable with useAsyncList', function () {
527
506
  }
528
507
  }, _callee3);
529
508
  })));
530
-
531
509
  case 9:
532
510
  expect(result.current.items).toEqual(ITEMS);
533
511
  _context7.next = 12;
534
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
512
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
535
513
  var _context4;
536
-
537
- return _regeneratorRuntime.wrap(function _callee4$(_context5) {
514
+ return _regeneratorRuntime().wrap(function _callee4$(_context5) {
538
515
  while (1) {
539
516
  switch (_context5.prev = _context5.next) {
540
517
  case 0:
541
518
  _sortInstanceProperty(_context4 = result.current).call(_context4, {
542
519
  column: 'name'
543
520
  });
544
-
545
521
  case 1:
546
522
  case "end":
547
523
  return _context5.stop();
@@ -549,20 +525,18 @@ describe('Sortable with useAsyncList', function () {
549
525
  }
550
526
  }, _callee4);
551
527
  })));
552
-
553
528
  case 12:
554
529
  expect(result.current.items).toEqual(ITEMS);
555
530
  expect(sort).toHaveBeenCalledTimes(1);
556
531
  args = sort.mock.calls[0][0];
557
532
  expect(args.items).toStrictEqual(ITEMS);
558
533
  _context7.next = 18;
559
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
560
- return _regeneratorRuntime.wrap(function _callee5$(_context6) {
534
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
535
+ return _regeneratorRuntime().wrap(function _callee5$(_context6) {
561
536
  while (1) {
562
537
  switch (_context6.prev = _context6.next) {
563
538
  case 0:
564
539
  jest.runOnlyPendingTimers();
565
-
566
540
  case 1:
567
541
  case "end":
568
542
  return _context6.stop();
@@ -570,10 +544,8 @@ describe('Sortable with useAsyncList', function () {
570
544
  }
571
545
  }, _callee5);
572
546
  })));
573
-
574
547
  case 18:
575
548
  expect(result.current.items).toEqual(ITEMS2);
576
-
577
549
  case 19:
578
550
  case "end":
579
551
  return _context7.stop();
@@ -591,21 +563,18 @@ describe('Sortable DataTable with useAsyncList', function () {
591
563
  density: 'spacious',
592
564
  'data-testid': testId
593
565
  };
594
-
595
566
  function load() {
596
567
  return _load.apply(this, arguments);
597
568
  }
598
-
599
569
  function _load() {
600
- _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
601
- return _regeneratorRuntime.wrap(function _callee15$(_context18) {
570
+ _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
571
+ return _regeneratorRuntime().wrap(function _callee15$(_context18) {
602
572
  while (1) {
603
573
  switch (_context18.prev = _context18.next) {
604
574
  case 0:
605
575
  return _context18.abrupt("return", {
606
576
  items: rows
607
577
  });
608
-
609
578
  case 1:
610
579
  case "end":
611
580
  return _context18.stop();
@@ -615,16 +584,13 @@ describe('Sortable DataTable with useAsyncList', function () {
615
584
  }));
616
585
  return _load.apply(this, arguments);
617
586
  }
618
-
619
587
  function sort(_x) {
620
588
  return _sort.apply(this, arguments);
621
589
  }
622
-
623
590
  function _sort() {
624
- _sort = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(list) {
591
+ _sort = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(list) {
625
592
  var _context19;
626
-
627
- return _regeneratorRuntime.wrap(function _callee16$(_context20) {
593
+ return _regeneratorRuntime().wrap(function _callee16$(_context20) {
628
594
  while (1) {
629
595
  switch (_context20.prev = _context20.next) {
630
596
  case 0:
@@ -632,17 +598,14 @@ describe('Sortable DataTable with useAsyncList', function () {
632
598
  list.items = _sortInstanceProperty(_context19 = list.items).call(_context19, function (a, b) {
633
599
  var first = a[list.sortDescriptor.column];
634
600
  var second = b[list.sortDescriptor.column];
635
- var cmp = // eslint-disable-next-line radix
636
- (_parseInt(first) || first) < (_parseInt(second) || second) ? -1 : 1;
637
-
601
+ var cmp = (_parseInt(first) || first) < (_parseInt(second) || second) // eslint-disable-line
602
+ ? -1 : 1;
638
603
  if (list.sortDescriptor.direction === 'descending') {
639
604
  cmp *= -1;
640
605
  }
641
-
642
606
  return cmp;
643
607
  });
644
608
  return _context20.abrupt("return", list);
645
-
646
609
  case 2:
647
610
  case "end":
648
611
  return _context20.stop();
@@ -652,7 +615,6 @@ describe('Sortable DataTable with useAsyncList', function () {
652
615
  }));
653
616
  return _sort.apply(this, arguments);
654
617
  }
655
-
656
618
  var sortableDataTable = function sortableDataTable(_ref7) {
657
619
  var result = _ref7.result;
658
620
  return render(___EmotionJSX(DataTable, defaultProps, ___EmotionJSX(DataTableHeader, {
@@ -670,11 +632,9 @@ describe('Sortable DataTable with useAsyncList', function () {
670
632
  });
671
633
  })));
672
634
  };
673
-
674
- test('sort by country column A => Z', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
635
+ test('sort by country column A => Z', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
675
636
  var _renderHook3, result, sortableTable, rowgroups, tRows;
676
-
677
- return _regeneratorRuntime.wrap(function _callee10$(_context12) {
637
+ return _regeneratorRuntime().wrap(function _callee10$(_context12) {
678
638
  while (1) {
679
639
  switch (_context12.prev = _context12.next) {
680
640
  case 0:
@@ -689,13 +649,12 @@ describe('Sortable DataTable with useAsyncList', function () {
689
649
  });
690
650
  }), result = _renderHook3.result;
691
651
  _context12.next = 3;
692
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
693
- return _regeneratorRuntime.wrap(function _callee7$(_context8) {
652
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
653
+ return _regeneratorRuntime().wrap(function _callee7$(_context8) {
694
654
  while (1) {
695
655
  switch (_context8.prev = _context8.next) {
696
656
  case 0:
697
657
  jest.runOnlyPendingTimers();
698
-
699
658
  case 1:
700
659
  case "end":
701
660
  return _context8.stop();
@@ -703,18 +662,15 @@ describe('Sortable DataTable with useAsyncList', function () {
703
662
  }
704
663
  }, _callee7);
705
664
  })));
706
-
707
665
  case 3:
708
666
  _context12.next = 5;
709
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
667
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
710
668
  var _context9;
711
-
712
- return _regeneratorRuntime.wrap(function _callee8$(_context10) {
669
+ return _regeneratorRuntime().wrap(function _callee8$(_context10) {
713
670
  while (1) {
714
671
  switch (_context10.prev = _context10.next) {
715
672
  case 0:
716
673
  _sortInstanceProperty(_context9 = result.current).call(_context9);
717
-
718
674
  case 1:
719
675
  case "end":
720
676
  return _context10.stop();
@@ -722,16 +678,14 @@ describe('Sortable DataTable with useAsyncList', function () {
722
678
  }
723
679
  }, _callee8);
724
680
  })));
725
-
726
681
  case 5:
727
682
  _context12.next = 7;
728
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
729
- return _regeneratorRuntime.wrap(function _callee9$(_context11) {
683
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
684
+ return _regeneratorRuntime().wrap(function _callee9$(_context11) {
730
685
  while (1) {
731
686
  switch (_context11.prev = _context11.next) {
732
687
  case 0:
733
688
  jest.runOnlyPendingTimers();
734
-
735
689
  case 1:
736
690
  case "end":
737
691
  return _context11.stop();
@@ -739,7 +693,6 @@ describe('Sortable DataTable with useAsyncList', function () {
739
693
  }
740
694
  }, _callee9);
741
695
  })));
742
-
743
696
  case 7:
744
697
  sortableDataTable({
745
698
  result: result
@@ -753,7 +706,6 @@ describe('Sortable DataTable with useAsyncList', function () {
753
706
  expect(sortableTable).toHaveAttribute('aria-colcount', '3');
754
707
  rowgroups = within(sortableTable).getAllByRole('rowgroup');
755
708
  tRows = within(rowgroups[1]).getAllByRole('row'); // verify country column is sorted a -> z
756
-
757
709
  expect(tRows).toHaveLength(4);
758
710
  expect(tRows[0]).toHaveAttribute('aria-rowindex', '2');
759
711
  expect(tRows[0]).toHaveTextContent('Canada');
@@ -763,7 +715,6 @@ describe('Sortable DataTable with useAsyncList', function () {
763
715
  expect(tRows[2]).toHaveTextContent('France');
764
716
  expect(tRows[3]).toHaveAttribute('aria-rowindex', '5');
765
717
  expect(tRows[3]).toHaveTextContent('USA');
766
-
767
718
  case 26:
768
719
  case "end":
769
720
  return _context12.stop();
@@ -771,10 +722,9 @@ describe('Sortable DataTable with useAsyncList', function () {
771
722
  }
772
723
  }, _callee10);
773
724
  })));
774
- test('sort by country column Z => A', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
725
+ test('sort by country column Z => A', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
775
726
  var _renderHook4, result, sortableTable, rowgroups, tRows;
776
-
777
- return _regeneratorRuntime.wrap(function _callee14$(_context17) {
727
+ return _regeneratorRuntime().wrap(function _callee14$(_context17) {
778
728
  while (1) {
779
729
  switch (_context17.prev = _context17.next) {
780
730
  case 0:
@@ -789,13 +739,12 @@ describe('Sortable DataTable with useAsyncList', function () {
789
739
  });
790
740
  }), result = _renderHook4.result;
791
741
  _context17.next = 3;
792
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
793
- return _regeneratorRuntime.wrap(function _callee11$(_context13) {
742
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
743
+ return _regeneratorRuntime().wrap(function _callee11$(_context13) {
794
744
  while (1) {
795
745
  switch (_context13.prev = _context13.next) {
796
746
  case 0:
797
747
  jest.runOnlyPendingTimers();
798
-
799
748
  case 1:
800
749
  case "end":
801
750
  return _context13.stop();
@@ -803,18 +752,15 @@ describe('Sortable DataTable with useAsyncList', function () {
803
752
  }
804
753
  }, _callee11);
805
754
  })));
806
-
807
755
  case 3:
808
756
  _context17.next = 5;
809
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
757
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
810
758
  var _context14;
811
-
812
- return _regeneratorRuntime.wrap(function _callee12$(_context15) {
759
+ return _regeneratorRuntime().wrap(function _callee12$(_context15) {
813
760
  while (1) {
814
761
  switch (_context15.prev = _context15.next) {
815
762
  case 0:
816
763
  _sortInstanceProperty(_context14 = result.current).call(_context14);
817
-
818
764
  case 1:
819
765
  case "end":
820
766
  return _context15.stop();
@@ -822,16 +768,14 @@ describe('Sortable DataTable with useAsyncList', function () {
822
768
  }
823
769
  }, _callee12);
824
770
  })));
825
-
826
771
  case 5:
827
772
  _context17.next = 7;
828
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
829
- return _regeneratorRuntime.wrap(function _callee13$(_context16) {
773
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
774
+ return _regeneratorRuntime().wrap(function _callee13$(_context16) {
830
775
  while (1) {
831
776
  switch (_context16.prev = _context16.next) {
832
777
  case 0:
833
778
  jest.runOnlyPendingTimers();
834
-
835
779
  case 1:
836
780
  case "end":
837
781
  return _context16.stop();
@@ -839,7 +783,6 @@ describe('Sortable DataTable with useAsyncList', function () {
839
783
  }
840
784
  }, _callee13);
841
785
  })));
842
-
843
786
  case 7:
844
787
  sortableDataTable({
845
788
  result: result
@@ -853,7 +796,6 @@ describe('Sortable DataTable with useAsyncList', function () {
853
796
  expect(sortableTable).toHaveAttribute('aria-colcount', '3');
854
797
  rowgroups = within(sortableTable).getAllByRole('rowgroup');
855
798
  tRows = within(rowgroups[1]).getAllByRole('row'); // verify country column is sorted z -> a
856
-
857
799
  expect(tRows).toHaveLength(4);
858
800
  expect(tRows[0]).toHaveAttribute('aria-rowindex', '2');
859
801
  expect(tRows[0]).toHaveTextContent('USA');
@@ -863,7 +805,6 @@ describe('Sortable DataTable with useAsyncList', function () {
863
805
  expect(tRows[2]).toHaveTextContent('China');
864
806
  expect(tRows[3]).toHaveAttribute('aria-rowindex', '5');
865
807
  expect(tRows[3]).toHaveTextContent('Canada');
866
-
867
808
  case 26:
868
809
  case "end":
869
810
  return _context17.stop();
@@ -881,7 +822,6 @@ describe('Sortable DataTable with useAsyncList', function () {
881
822
  density: 'spacious',
882
823
  'data-testid': testId
883
824
  };
884
-
885
825
  var sortableDataTable = function sortableDataTable(_ref16) {
886
826
  var result = _ref16.result;
887
827
  return render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
@@ -902,26 +842,23 @@ describe('Sortable DataTable with useAsyncList', function () {
902
842
  });
903
843
  })));
904
844
  };
905
-
906
- test('click on column header should sort column A => Z', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24() {
845
+ test('click on column header should sort column A => Z', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
907
846
  var _renderHook5, result, sortableTable, headers;
908
-
909
- return _regeneratorRuntime.wrap(function _callee24$(_context28) {
847
+ return _regeneratorRuntime().wrap(function _callee24$(_context28) {
910
848
  while (1) {
911
849
  switch (_context28.prev = _context28.next) {
912
850
  case 0:
913
851
  _renderHook5 = renderHook(function () {
914
852
  return useAsyncList({
915
853
  load: function load() {
916
- return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17() {
917
- return _regeneratorRuntime.wrap(function _callee17$(_context21) {
854
+ return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
855
+ return _regeneratorRuntime().wrap(function _callee17$(_context21) {
918
856
  while (1) {
919
857
  switch (_context21.prev = _context21.next) {
920
858
  case 0:
921
859
  return _context21.abrupt("return", {
922
860
  items: rows
923
861
  });
924
-
925
862
  case 1:
926
863
  case "end":
927
864
  return _context21.stop();
@@ -931,9 +868,9 @@ describe('Sortable DataTable with useAsyncList', function () {
931
868
  }))();
932
869
  },
933
870
  sort: function sort(_ref18) {
934
- return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18() {
871
+ return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
935
872
  var items, sortDescriptor;
936
- return _regeneratorRuntime.wrap(function _callee18$(_context22) {
873
+ return _regeneratorRuntime().wrap(function _callee18$(_context22) {
937
874
  while (1) {
938
875
  switch (_context22.prev = _context22.next) {
939
876
  case 0:
@@ -941,18 +878,15 @@ describe('Sortable DataTable with useAsyncList', function () {
941
878
  return _context22.abrupt("return", {
942
879
  items: _sortInstanceProperty(items).call(items, function (a, b) {
943
880
  var first = a[sortDescriptor.column];
944
- var second = b[sortDescriptor.column]; // eslint-disable-next-line radix
945
-
881
+ var second = b[sortDescriptor.column];
882
+ // eslint-disable-next-line radix
946
883
  var cmp = (_parseInt(first) || first) < (_parseInt(second) || second) ? -1 : 1;
947
-
948
884
  if (sortDescriptor.direction === 'descending') {
949
885
  cmp *= -1;
950
886
  }
951
-
952
887
  return cmp;
953
888
  })
954
889
  });
955
-
956
890
  case 2:
957
891
  case "end":
958
892
  return _context22.stop();
@@ -968,13 +902,12 @@ describe('Sortable DataTable with useAsyncList', function () {
968
902
  });
969
903
  }), result = _renderHook5.result;
970
904
  _context28.next = 3;
971
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19() {
972
- return _regeneratorRuntime.wrap(function _callee19$(_context23) {
905
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
906
+ return _regeneratorRuntime().wrap(function _callee19$(_context23) {
973
907
  while (1) {
974
908
  switch (_context23.prev = _context23.next) {
975
909
  case 0:
976
910
  jest.runOnlyPendingTimers();
977
-
978
911
  case 1:
979
912
  case "end":
980
913
  return _context23.stop();
@@ -982,19 +915,17 @@ describe('Sortable DataTable with useAsyncList', function () {
982
915
  }
983
916
  }, _callee19);
984
917
  })));
985
-
986
918
  case 3:
987
919
  sortableDataTable({
988
920
  result: result
989
921
  });
990
922
  _context28.next = 6;
991
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20() {
992
- return _regeneratorRuntime.wrap(function _callee20$(_context24) {
923
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
924
+ return _regeneratorRuntime().wrap(function _callee20$(_context24) {
993
925
  while (1) {
994
926
  switch (_context24.prev = _context24.next) {
995
927
  case 0:
996
928
  jest.runOnlyPendingTimers();
997
-
998
929
  case 1:
999
930
  case "end":
1000
931
  return _context24.stop();
@@ -1002,7 +933,6 @@ describe('Sortable DataTable with useAsyncList', function () {
1002
933
  }
1003
934
  }, _callee20);
1004
935
  })));
1005
-
1006
936
  case 6:
1007
937
  sortableTable = screen.getByTestId(testId);
1008
938
  expect(sortableTable).toBeInTheDocument();
@@ -1028,13 +958,12 @@ describe('Sortable DataTable with useAsyncList', function () {
1028
958
  expect(result.current.items[2].continent).toBe('Asia');
1029
959
  expect(result.current.items[3].continent).toBe('Europe');
1030
960
  _context28.next = 31;
1031
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21() {
1032
- return _regeneratorRuntime.wrap(function _callee21$(_context25) {
961
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
962
+ return _regeneratorRuntime().wrap(function _callee21$(_context25) {
1033
963
  while (1) {
1034
964
  switch (_context25.prev = _context25.next) {
1035
965
  case 0:
1036
966
  fireEvent.click(headers[0]);
1037
-
1038
967
  case 1:
1039
968
  case "end":
1040
969
  return _context25.stop();
@@ -1042,20 +971,18 @@ describe('Sortable DataTable with useAsyncList', function () {
1042
971
  }
1043
972
  }, _callee21);
1044
973
  })));
1045
-
1046
974
  case 31:
1047
975
  expect(result.current.items[0].country).toBe('Canada');
1048
976
  expect(result.current.items[1].country).toBe('China');
1049
977
  expect(result.current.items[2].country).toBe('France');
1050
978
  expect(result.current.items[3].country).toBe('USA');
1051
979
  _context28.next = 37;
1052
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22() {
1053
- return _regeneratorRuntime.wrap(function _callee22$(_context26) {
980
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
981
+ return _regeneratorRuntime().wrap(function _callee22$(_context26) {
1054
982
  while (1) {
1055
983
  switch (_context26.prev = _context26.next) {
1056
984
  case 0:
1057
985
  fireEvent.click(headers[1]);
1058
-
1059
986
  case 1:
1060
987
  case "end":
1061
988
  return _context26.stop();
@@ -1063,20 +990,18 @@ describe('Sortable DataTable with useAsyncList', function () {
1063
990
  }
1064
991
  }, _callee22);
1065
992
  })));
1066
-
1067
993
  case 37:
1068
994
  expect(result.current.items[0].population).toBe(37000000);
1069
995
  expect(result.current.items[1].population).toBe(67000000);
1070
996
  expect(result.current.items[2].population).toBe(320000000);
1071
997
  expect(result.current.items[3].population).toBe(1398000000);
1072
998
  _context28.next = 43;
1073
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23() {
1074
- return _regeneratorRuntime.wrap(function _callee23$(_context27) {
999
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
1000
+ return _regeneratorRuntime().wrap(function _callee23$(_context27) {
1075
1001
  while (1) {
1076
1002
  switch (_context27.prev = _context27.next) {
1077
1003
  case 0:
1078
1004
  fireEvent.click(headers[2]);
1079
-
1080
1005
  case 1:
1081
1006
  case "end":
1082
1007
  return _context27.stop();
@@ -1084,13 +1009,11 @@ describe('Sortable DataTable with useAsyncList', function () {
1084
1009
  }
1085
1010
  }, _callee23);
1086
1011
  })));
1087
-
1088
1012
  case 43:
1089
1013
  expect(result.current.items[0].continent).toBe('Asia');
1090
1014
  expect(result.current.items[1].continent).toBe('Europe');
1091
1015
  expect(result.current.items[2].continent).toBe('North America');
1092
1016
  expect(result.current.items[3].continent).toBe('North America');
1093
-
1094
1017
  case 47:
1095
1018
  case "end":
1096
1019
  return _context28.stop();
@@ -1098,25 +1021,23 @@ describe('Sortable DataTable with useAsyncList', function () {
1098
1021
  }
1099
1022
  }, _callee24);
1100
1023
  })));
1101
- test('click on column header should sort column Z => A', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
1024
+ test('click on column header should sort column Z => A', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30() {
1102
1025
  var _renderHook6, result, sortableTable, headers;
1103
-
1104
- return _regeneratorRuntime.wrap(function _callee30$(_context34) {
1026
+ return _regeneratorRuntime().wrap(function _callee30$(_context34) {
1105
1027
  while (1) {
1106
1028
  switch (_context34.prev = _context34.next) {
1107
1029
  case 0:
1108
1030
  _renderHook6 = renderHook(function () {
1109
1031
  return useAsyncList({
1110
1032
  load: function load() {
1111
- return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25() {
1112
- return _regeneratorRuntime.wrap(function _callee25$(_context29) {
1033
+ return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
1034
+ return _regeneratorRuntime().wrap(function _callee25$(_context29) {
1113
1035
  while (1) {
1114
1036
  switch (_context29.prev = _context29.next) {
1115
1037
  case 0:
1116
1038
  return _context29.abrupt("return", {
1117
1039
  items: rows
1118
1040
  });
1119
-
1120
1041
  case 1:
1121
1042
  case "end":
1122
1043
  return _context29.stop();
@@ -1126,9 +1047,9 @@ describe('Sortable DataTable with useAsyncList', function () {
1126
1047
  }))();
1127
1048
  },
1128
1049
  sort: function sort(_ref25) {
1129
- return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26() {
1050
+ return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
1130
1051
  var items, sortDescriptor;
1131
- return _regeneratorRuntime.wrap(function _callee26$(_context30) {
1052
+ return _regeneratorRuntime().wrap(function _callee26$(_context30) {
1132
1053
  while (1) {
1133
1054
  switch (_context30.prev = _context30.next) {
1134
1055
  case 0:
@@ -1136,18 +1057,15 @@ describe('Sortable DataTable with useAsyncList', function () {
1136
1057
  return _context30.abrupt("return", {
1137
1058
  items: _sortInstanceProperty(items).call(items, function (a, b) {
1138
1059
  var first = a[sortDescriptor.column];
1139
- var second = b[sortDescriptor.column]; // eslint-disable-next-line radix
1140
-
1060
+ var second = b[sortDescriptor.column];
1061
+ // eslint-disable-next-line radix
1141
1062
  var cmp = (_parseInt(first) || first) < (_parseInt(second) || second) ? -1 : 1;
1142
-
1143
1063
  if (sortDescriptor.direction === 'descending') {
1144
1064
  cmp *= -1;
1145
1065
  }
1146
-
1147
1066
  return cmp;
1148
1067
  })
1149
1068
  });
1150
-
1151
1069
  case 2:
1152
1070
  case "end":
1153
1071
  return _context30.stop();
@@ -1163,13 +1081,12 @@ describe('Sortable DataTable with useAsyncList', function () {
1163
1081
  });
1164
1082
  }), result = _renderHook6.result;
1165
1083
  _context34.next = 3;
1166
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
1167
- return _regeneratorRuntime.wrap(function _callee27$(_context31) {
1084
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
1085
+ return _regeneratorRuntime().wrap(function _callee27$(_context31) {
1168
1086
  while (1) {
1169
1087
  switch (_context31.prev = _context31.next) {
1170
1088
  case 0:
1171
1089
  jest.runOnlyPendingTimers();
1172
-
1173
1090
  case 1:
1174
1091
  case "end":
1175
1092
  return _context31.stop();
@@ -1177,19 +1094,17 @@ describe('Sortable DataTable with useAsyncList', function () {
1177
1094
  }
1178
1095
  }, _callee27);
1179
1096
  })));
1180
-
1181
1097
  case 3:
1182
1098
  sortableDataTable({
1183
1099
  result: result
1184
1100
  });
1185
1101
  _context34.next = 6;
1186
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
1187
- return _regeneratorRuntime.wrap(function _callee28$(_context32) {
1102
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
1103
+ return _regeneratorRuntime().wrap(function _callee28$(_context32) {
1188
1104
  while (1) {
1189
1105
  switch (_context32.prev = _context32.next) {
1190
1106
  case 0:
1191
1107
  jest.runOnlyPendingTimers();
1192
-
1193
1108
  case 1:
1194
1109
  case "end":
1195
1110
  return _context32.stop();
@@ -1197,7 +1112,6 @@ describe('Sortable DataTable with useAsyncList', function () {
1197
1112
  }
1198
1113
  }, _callee28);
1199
1114
  })));
1200
-
1201
1115
  case 6:
1202
1116
  sortableTable = screen.getByTestId(testId);
1203
1117
  expect(sortableTable).toBeInTheDocument();
@@ -1223,13 +1137,12 @@ describe('Sortable DataTable with useAsyncList', function () {
1223
1137
  expect(result.current.items[2].continent).toBe('Asia');
1224
1138
  expect(result.current.items[3].continent).toBe('Europe');
1225
1139
  _context34.next = 31;
1226
- return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29() {
1227
- return _regeneratorRuntime.wrap(function _callee29$(_context33) {
1140
+ return actHooks( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
1141
+ return _regeneratorRuntime().wrap(function _callee29$(_context33) {
1228
1142
  while (1) {
1229
1143
  switch (_context33.prev = _context33.next) {
1230
1144
  case 0:
1231
1145
  fireEvent.click(headers[0]);
1232
-
1233
1146
  case 1:
1234
1147
  case "end":
1235
1148
  return _context33.stop();
@@ -1237,7 +1150,6 @@ describe('Sortable DataTable with useAsyncList', function () {
1237
1150
  }
1238
1151
  }, _callee29);
1239
1152
  })));
1240
-
1241
1153
  case 31:
1242
1154
  expect(result.current.items[0].country).toBe('Canada');
1243
1155
  expect(result.current.items[1].country).toBe('China');
@@ -1251,7 +1163,6 @@ describe('Sortable DataTable with useAsyncList', function () {
1251
1163
  expect(result.current.items[1].population).toBe(1398000000);
1252
1164
  expect(result.current.items[2].population).toBe(67000000);
1253
1165
  expect(result.current.items[3].population).toBe(320000000);
1254
-
1255
1166
  case 43:
1256
1167
  case "end":
1257
1168
  return _context34.stop();
@@ -1272,7 +1183,6 @@ describe('Empty DataTable', function () {
1272
1183
  }, column.name);
1273
1184
  }), ___EmotionJSX(DataTableBody, null, [])));
1274
1185
  };
1275
-
1276
1186
  it('should display header row only when there are no items', function () {
1277
1187
  staticDataTable();
1278
1188
  var staticTable = screen.getByRole('grid');