@pingux/astro 1.7.0-alpha.0 → 1.7.0-alpha.11

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 (398) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +23 -18
  2. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +11 -3
  3. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +16 -3
  4. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +16 -3
  5. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +22 -6
  6. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +13 -3
  7. package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +11 -3
  8. package/lib/cjs/components/AccordionItem/AccordionItem.js +13 -3
  9. package/lib/cjs/components/ArrayField/ArrayField.js +28 -19
  10. package/lib/cjs/components/ArrayField/ArrayField.stories.js +1 -1
  11. package/lib/cjs/components/ArrayField/ArrayField.test.js +13 -0
  12. package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
  13. package/lib/cjs/components/ArrayField/index.js +4 -4
  14. package/lib/cjs/components/AstroWrapper/AstroWrapper.js +93 -22
  15. package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +90 -0
  16. package/lib/cjs/components/AstroWrapper/index.js +11 -2
  17. package/lib/cjs/components/Avatar/Avatar.js +10 -2
  18. package/lib/cjs/components/Avatar/Avatar.stories.js +1 -1
  19. package/lib/cjs/components/Box/Box.js +26 -20
  20. package/lib/cjs/components/Box/Box.stories.js +1 -1
  21. package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +26 -24
  22. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +13 -3
  23. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +1 -1
  24. package/lib/cjs/components/Breadcrumbs/index.js +4 -4
  25. package/lib/cjs/components/Button/Button.js +25 -19
  26. package/lib/cjs/components/Button/Button.stories.js +9 -10
  27. package/lib/cjs/components/Card/Card.js +10 -2
  28. package/lib/cjs/components/Card/Card.stories.js +1 -1
  29. package/lib/cjs/components/Checkbox/Checkbox.js +10 -2
  30. package/lib/cjs/components/CheckboxField/CheckboxField.js +22 -18
  31. package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +1 -1
  32. package/lib/cjs/components/Chip/Chip.js +10 -2
  33. package/lib/cjs/components/Chip/Chip.stories.js +1 -1
  34. package/lib/cjs/components/CodeView/CodeView.js +25 -19
  35. package/lib/cjs/components/CodeView/CodeView.stories.js +4 -6
  36. package/lib/cjs/components/CodeView/CodeView.test.js +11 -11
  37. package/lib/cjs/components/ColorField/ColorField.js +22 -18
  38. package/lib/cjs/components/ColorField/ColorField.stories.js +11 -3
  39. package/lib/cjs/components/ComboBox/ComboBoxInput.js +25 -19
  40. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +25 -19
  41. package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +11 -3
  42. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +12 -2
  43. package/lib/cjs/components/CopyText/CopyButton.js +10 -2
  44. package/lib/cjs/components/CopyText/CopyText.js +15 -4
  45. package/lib/cjs/components/CopyText/CopyText.stories.js +1 -1
  46. package/lib/cjs/components/CopyText/CopyText.test.js +11 -11
  47. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +27 -17
  48. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +23 -17
  49. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +13 -3
  50. package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +1 -1
  51. package/lib/cjs/components/FileInputField/FileInputField.js +28 -20
  52. package/lib/cjs/components/FileInputField/FileInputField.stories.js +11 -3
  53. package/lib/cjs/components/FileInputField/FileInputField.test.js +11 -11
  54. package/lib/cjs/components/FileInputField/FileItem.js +10 -2
  55. package/lib/cjs/components/HelpHint/HelpHint.js +13 -3
  56. package/lib/cjs/components/HelpHint/HelpHint.stories.js +1 -1
  57. package/lib/cjs/components/Icon/Icon.js +22 -18
  58. package/lib/cjs/components/Icon/Icon.stories.js +1 -1
  59. package/lib/cjs/components/IconButton/IconButton.js +25 -19
  60. package/lib/cjs/components/IconButton/IconButton.stories.js +1 -1
  61. package/lib/cjs/components/Image/Image.js +13 -3
  62. package/lib/cjs/components/Image/Image.stories.js +1 -1
  63. package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +13 -3
  64. package/lib/cjs/components/ImageUploadField/ImageUploadField.js +10 -2
  65. package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +11 -3
  66. package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +22 -18
  67. package/lib/cjs/components/Input/Input.js +13 -3
  68. package/lib/cjs/components/Input/Input.stories.js +1 -1
  69. package/lib/cjs/components/Label/Label.js +13 -3
  70. package/lib/cjs/components/Label/Label.stories.js +1 -1
  71. package/lib/cjs/components/Link/Link.js +13 -3
  72. package/lib/cjs/components/Link/Link.stories.js +1 -1
  73. package/lib/cjs/components/LinkSelectField/LinkSelectField.js +22 -18
  74. package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +10 -2
  75. package/lib/cjs/components/List/List.js +13 -3
  76. package/lib/cjs/components/List/List.stories.js +1 -1
  77. package/lib/cjs/components/ListBox/ListBox.js +27 -19
  78. package/lib/cjs/components/ListBox/ListBoxSection.js +10 -2
  79. package/lib/cjs/components/ListBox/Option.js +25 -19
  80. package/lib/cjs/components/ListBox/index.js +4 -4
  81. package/lib/cjs/components/ListItem/ListItem.js +13 -3
  82. package/lib/cjs/components/ListItem/ListItem.stories.js +1 -1
  83. package/lib/cjs/components/ListView/ListView.js +26 -20
  84. package/lib/cjs/components/ListView/ListView.stories.js +36 -21
  85. package/lib/cjs/components/ListViewItem/ListViewItem.js +10 -2
  86. package/lib/cjs/components/Loader/Loader.js +25 -19
  87. package/lib/cjs/components/Loader/Loader.stories.js +1 -1
  88. package/lib/cjs/components/Menu/Menu.js +25 -19
  89. package/lib/cjs/components/Menu/Menu.stories.js +1 -1
  90. package/lib/cjs/components/MenuItem/MenuItem.js +13 -3
  91. package/lib/cjs/components/Messages/Message.js +14 -4
  92. package/lib/cjs/components/Messages/Messages.js +13 -3
  93. package/lib/cjs/components/Messages/Messages.reducer.js +15 -17
  94. package/lib/cjs/components/Messages/Messages.stories.js +23 -17
  95. package/lib/cjs/components/Messages/Messages.test.js +12 -2
  96. package/lib/cjs/components/Messages/index.js +1 -0
  97. package/lib/cjs/components/Messages/utils/messagesReducer.js +15 -15
  98. package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +26 -20
  99. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +12 -2
  100. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +12 -2
  101. package/lib/cjs/components/Modal/Modal.js +25 -19
  102. package/lib/cjs/components/Modal/Modal.stories.js +1 -1
  103. package/lib/cjs/components/MultiselectFilter/MultiselectFilter.js +13 -3
  104. package/lib/cjs/components/MultiselectFilter/MultiselectFilter.stories.js +13 -5
  105. package/lib/cjs/components/MultiselectFilterItem/MultiselectFilterItem.js +9 -1
  106. package/lib/cjs/components/MultiselectListContainer/MultiselectBadge.js +3 -1
  107. package/lib/cjs/components/MultiselectListContainer/MultiselectListContainer.js +25 -19
  108. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +23 -17
  109. package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +11 -3
  110. package/lib/cjs/components/NavBar/NavBar.js +30 -10
  111. package/lib/cjs/components/NavBar/NavBar.stories.js +4 -3
  112. package/lib/cjs/components/NavBarSection/NavBarItem.js +16 -8
  113. package/lib/cjs/components/NavBarSection/NavBarItemBody.js +10 -2
  114. package/lib/cjs/components/NavBarSection/NavBarItemButton.js +19 -19
  115. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +61 -4
  116. package/lib/cjs/components/NavBarSection/NavBarItemLink.js +19 -19
  117. package/lib/cjs/components/NavBarSection/NavBarSection.js +5 -2
  118. package/lib/cjs/components/NavBarSection/index.js +4 -4
  119. package/lib/cjs/components/NumberField/NumberField.js +53 -19
  120. package/lib/cjs/components/NumberField/NumberField.stories.js +11 -3
  121. package/lib/cjs/components/OverlayPanel/OverlayPanel.js +14 -4
  122. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +11 -3
  123. package/lib/cjs/components/PageHeader/PageHeader.js +13 -3
  124. package/lib/cjs/components/PageHeader/PageHeader.stories.js +1 -1
  125. package/lib/cjs/components/PasswordField/PasswordField.js +26 -18
  126. package/lib/cjs/components/PasswordField/PasswordField.stories.js +22 -18
  127. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +27 -20
  128. package/lib/cjs/components/PopoverContainer/index.js +11 -2
  129. package/lib/cjs/components/PopoverMenu/PopoverMenu.js +22 -18
  130. package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +11 -3
  131. package/lib/cjs/components/Radio/Radio.js +10 -2
  132. package/lib/cjs/components/RadioField/RadioField.js +22 -18
  133. package/lib/cjs/components/RadioField/RadioField.test.js +12 -2
  134. package/lib/cjs/components/RadioField/index.js +11 -2
  135. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +22 -18
  136. package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +11 -3
  137. package/lib/cjs/components/RequirementsList/RequirementsList.js +13 -3
  138. package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -1
  139. package/lib/cjs/components/RockerButton/RockerButton.js +22 -18
  140. package/lib/cjs/components/RockerButton/index.js +11 -2
  141. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +25 -19
  142. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +11 -3
  143. package/lib/cjs/components/RockerButtonGroup/index.js +11 -2
  144. package/lib/cjs/components/ScrollBox/ScrollBox.js +26 -20
  145. package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -1
  146. package/lib/cjs/components/SearchField/SearchField.js +22 -18
  147. package/lib/cjs/components/SearchField/SearchField.stories.js +11 -3
  148. package/lib/cjs/components/SelectField/SelectField.js +10 -2
  149. package/lib/cjs/components/SelectField/SelectField.stories.js +10 -2
  150. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +22 -18
  151. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +12 -2
  152. package/lib/cjs/components/Separator/Separator.js +13 -3
  153. package/lib/cjs/components/Separator/Separator.stories.js +1 -1
  154. package/lib/cjs/components/Stepper/Step.js +10 -2
  155. package/lib/cjs/components/Stepper/Stepper.js +25 -19
  156. package/lib/cjs/components/Stepper/Stepper.stories.js +11 -3
  157. package/lib/cjs/components/Stepper/index.js +4 -4
  158. package/lib/cjs/components/Switch/Switch.js +10 -2
  159. package/lib/cjs/components/SwitchField/SwitchField.js +26 -18
  160. package/lib/cjs/components/SwitchField/SwitchField.stories.js +11 -3
  161. package/lib/cjs/components/Tab/Tab.js +13 -3
  162. package/lib/cjs/components/Tab/index.js +11 -2
  163. package/lib/cjs/components/TabPicker/TabPicker.js +14 -4
  164. package/lib/cjs/components/Table/Table.js +3 -1
  165. package/lib/cjs/components/Table/Table.stories.js +1 -1
  166. package/lib/cjs/components/TableBody/TableBody.js +3 -1
  167. package/lib/cjs/components/TableCell/TableCell.js +3 -1
  168. package/lib/cjs/components/TableHead/TableHead.js +3 -1
  169. package/lib/cjs/components/TableRow/TableRow.js +3 -1
  170. package/lib/cjs/components/Tabs/Tabs.js +28 -18
  171. package/lib/cjs/components/Tabs/Tabs.stories.js +11 -3
  172. package/lib/cjs/components/Tabs/Tabs.test.js +2 -1
  173. package/lib/cjs/components/Tabs/index.js +11 -2
  174. package/lib/cjs/components/Text/Text.js +5 -1
  175. package/lib/cjs/components/Text/Text.stories.js +59 -3
  176. package/lib/cjs/components/Text/Text.test.js +46 -0
  177. package/lib/cjs/components/TextArea/TextArea.js +10 -2
  178. package/lib/cjs/components/TextAreaField/TextAreaField.js +23 -19
  179. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +11 -3
  180. package/lib/cjs/components/TextField/TextField.js +22 -18
  181. package/lib/cjs/components/TextField/TextField.stories.js +14 -4
  182. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +26 -18
  183. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +1 -1
  184. package/lib/cjs/components/TooltipTrigger/Tooltip.js +13 -3
  185. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +10 -2
  186. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +3 -3
  187. package/lib/cjs/components/TooltipTrigger/index.js +4 -4
  188. package/lib/cjs/hooks/index.js +13 -13
  189. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -11
  190. package/lib/cjs/hooks/useField/useField.js +20 -18
  191. package/lib/cjs/hooks/useField/useField.test.js +11 -11
  192. package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +1 -1
  193. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +3 -3
  194. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
  195. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
  196. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +2 -1
  197. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +15 -17
  198. package/lib/cjs/hooks/useSelectField/useSelectField.js +22 -18
  199. package/lib/cjs/index.js +123 -49
  200. package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +23 -17
  201. package/lib/cjs/recipes/Arrow.stories.js +1 -1
  202. package/lib/cjs/recipes/ConditionalFilter.stories.js +1 -1
  203. package/lib/cjs/recipes/CopyToClipboard.stories.js +1 -1
  204. package/lib/cjs/recipes/CountryPicker.stories.js +11 -3
  205. package/lib/cjs/recipes/DatePicker.stories.js +11 -3
  206. package/lib/cjs/recipes/DraggableBox.stories.js +1 -1
  207. package/lib/cjs/recipes/EditableInput.stories.js +26 -22
  208. package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +22 -18
  209. package/lib/cjs/recipes/LogoTabs.stories.js +22 -18
  210. package/lib/cjs/recipes/MaskedValue.stories.js +11 -3
  211. package/lib/cjs/recipes/NeutralInput.stories.js +1 -1
  212. package/lib/cjs/recipes/PanelHeader.stories.js +1 -1
  213. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +11 -3
  214. package/lib/cjs/recipes/RowLineChart.stories.js +11 -3
  215. package/lib/cjs/recipes/ScrollableListView.stories.js +11 -3
  216. package/lib/cjs/recipes/SelectedFieldOverlay.story.js +1 -1
  217. package/lib/cjs/recipes/StatsCircle.stories.js +1 -1
  218. package/lib/cjs/styles/ColorDocumentation.js +10 -2
  219. package/lib/cjs/styles/ColorDocumentation.stories.js +1 -1
  220. package/lib/cjs/styles/colors.js +1 -1
  221. package/lib/cjs/styles/forms/comboBox.js +15 -17
  222. package/lib/cjs/styles/forms/index.js +22 -18
  223. package/lib/cjs/styles/forms/input.js +20 -21
  224. package/lib/cjs/styles/forms/label.js +15 -17
  225. package/lib/cjs/styles/forms/search.js +1 -1
  226. package/lib/cjs/styles/forms/select.js +15 -17
  227. package/lib/cjs/styles/forms/switch.js +1 -1
  228. package/lib/cjs/styles/forms/textarea.js +15 -17
  229. package/lib/cjs/styles/theme.js +22 -18
  230. package/lib/cjs/styles/themeOverrides/index.js +18 -0
  231. package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +111 -0
  232. package/lib/cjs/styles/themes/end-user/end-user.js +15 -17
  233. package/lib/cjs/styles/useAstroTheme.js +1 -1
  234. package/lib/cjs/styles/variants/accordion.js +16 -18
  235. package/lib/cjs/styles/variants/boxes.js +15 -17
  236. package/lib/cjs/styles/variants/buttons.js +15 -17
  237. package/lib/cjs/styles/variants/index.js +8 -7
  238. package/lib/cjs/styles/variants/links.js +15 -17
  239. package/lib/cjs/styles/variants/listBox.js +15 -17
  240. package/lib/cjs/styles/variants/loader.js +18 -40
  241. package/lib/cjs/styles/variants/modal.js +15 -17
  242. package/lib/cjs/styles/variants/navBar.js +25 -18
  243. package/lib/cjs/styles/variants/numberField.js +15 -17
  244. package/lib/cjs/styles/variants/separator.js +18 -20
  245. package/lib/cjs/styles/variants/stepper.js +15 -17
  246. package/lib/cjs/styles/variants/table.js +15 -17
  247. package/lib/cjs/styles/variants/text.js +20 -20
  248. package/lib/cjs/styles/variants/variants.js +22 -18
  249. package/lib/cjs/utils/devUtils/constants/variants.js +1 -1
  250. package/lib/cjs/utils/devUtils/createMockData.js +16 -18
  251. package/lib/cjs/utils/devUtils/styledSystemUtils.js +15 -15
  252. package/lib/cjs/utils/testUtils/testWrapper.js +21 -26
  253. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +3 -2
  254. package/lib/components/AccordionGridItem/AccordionGridItem.js +5 -1
  255. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +5 -1
  256. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +11 -4
  257. package/lib/components/AccordionGroup/AccordionGroup.js +2 -1
  258. package/lib/components/AccordionItem/AccordionItem.js +2 -1
  259. package/lib/components/ArrayField/ArrayField.js +6 -4
  260. package/lib/components/ArrayField/ArrayField.test.js +9 -0
  261. package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
  262. package/lib/components/AstroWrapper/AstroWrapper.js +76 -18
  263. package/lib/components/AstroWrapper/AstroWrapper.stories.js +68 -0
  264. package/lib/components/Box/Box.js +4 -3
  265. package/lib/components/Breadcrumbs/BreadcrumbItem.js +6 -8
  266. package/lib/components/Breadcrumbs/Breadcrumbs.js +2 -1
  267. package/lib/components/Button/Button.js +4 -3
  268. package/lib/components/Button/Button.stories.js +8 -9
  269. package/lib/components/CheckboxField/CheckboxField.js +2 -2
  270. package/lib/components/CodeView/CodeView.js +4 -3
  271. package/lib/components/CodeView/CodeView.stories.js +3 -5
  272. package/lib/components/CodeView/CodeView.test.js +2 -2
  273. package/lib/components/ColorField/ColorField.js +2 -2
  274. package/lib/components/ComboBox/ComboBoxInput.js +4 -3
  275. package/lib/components/ComboBoxField/ComboBoxField.js +4 -3
  276. package/lib/components/CopyText/CopyText.js +4 -2
  277. package/lib/components/CopyText/CopyText.test.js +2 -2
  278. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +4 -3
  279. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +2 -2
  280. package/lib/components/FieldHelperText/FieldHelperText.js +2 -1
  281. package/lib/components/FileInputField/FileInputField.js +5 -4
  282. package/lib/components/FileInputField/FileInputField.test.js +2 -2
  283. package/lib/components/HelpHint/HelpHint.js +2 -1
  284. package/lib/components/Icon/Icon.js +2 -2
  285. package/lib/components/IconButton/IconButton.js +4 -3
  286. package/lib/components/Image/Image.js +2 -1
  287. package/lib/components/ImageUploadField/ImagePreviewButton.js +2 -1
  288. package/lib/components/ImageUploadField/ImageUploadFieldBase.js +2 -2
  289. package/lib/components/Input/Input.js +2 -1
  290. package/lib/components/Label/Label.js +2 -1
  291. package/lib/components/Link/Link.js +2 -1
  292. package/lib/components/LinkSelectField/LinkSelectField.js +2 -2
  293. package/lib/components/List/List.js +2 -1
  294. package/lib/components/ListBox/ListBox.js +4 -3
  295. package/lib/components/ListBox/Option.js +4 -3
  296. package/lib/components/ListItem/ListItem.js +2 -1
  297. package/lib/components/ListView/ListView.js +4 -3
  298. package/lib/components/ListView/ListView.stories.js +34 -20
  299. package/lib/components/Loader/Loader.js +4 -3
  300. package/lib/components/Menu/Menu.js +4 -3
  301. package/lib/components/MenuItem/MenuItem.js +2 -1
  302. package/lib/components/Messages/Message.js +2 -1
  303. package/lib/components/Messages/Messages.js +2 -1
  304. package/lib/components/Messages/Messages.reducer.js +2 -2
  305. package/lib/components/Messages/Messages.stories.js +2 -2
  306. package/lib/components/Messages/utils/messagesReducer.js +2 -2
  307. package/lib/components/Messages/utils/multiMessagesReducer.js +4 -3
  308. package/lib/components/Modal/Modal.js +4 -3
  309. package/lib/components/MultiselectFilter/MultiselectFilter.js +2 -1
  310. package/lib/components/MultiselectFilter/MultiselectFilter.stories.js +2 -2
  311. package/lib/components/MultiselectListContainer/MultiselectBadge.js +2 -1
  312. package/lib/components/MultiselectListContainer/MultiselectListContainer.js +4 -3
  313. package/lib/components/MultivaluesField/MultivaluesField.js +2 -2
  314. package/lib/components/NavBar/NavBar.js +20 -8
  315. package/lib/components/NavBar/NavBar.stories.js +3 -2
  316. package/lib/components/NavBarSection/NavBarItem.js +5 -5
  317. package/lib/components/NavBarSection/NavBarItemButton.js +5 -4
  318. package/lib/components/NavBarSection/NavBarItemHeader.js +46 -4
  319. package/lib/components/NavBarSection/NavBarItemLink.js +5 -4
  320. package/lib/components/NavBarSection/NavBarSection.js +5 -2
  321. package/lib/components/NumberField/NumberField.js +33 -3
  322. package/lib/components/OverlayPanel/OverlayPanel.js +3 -2
  323. package/lib/components/PageHeader/PageHeader.js +2 -1
  324. package/lib/components/PasswordField/PasswordField.js +4 -3
  325. package/lib/components/PasswordField/PasswordField.stories.js +2 -2
  326. package/lib/components/PopoverContainer/PopoverContainer.js +6 -4
  327. package/lib/components/PopoverMenu/PopoverMenu.js +2 -2
  328. package/lib/components/RadioField/RadioField.js +2 -2
  329. package/lib/components/RadioGroupField/RadioGroupField.js +2 -2
  330. package/lib/components/RequirementsList/RequirementsList.js +2 -1
  331. package/lib/components/RockerButton/RockerButton.js +2 -2
  332. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +4 -3
  333. package/lib/components/ScrollBox/ScrollBox.js +5 -4
  334. package/lib/components/SearchField/SearchField.js +2 -2
  335. package/lib/components/SelectFieldBase/SelectFieldBase.js +2 -2
  336. package/lib/components/Separator/Separator.js +2 -1
  337. package/lib/components/Stepper/Stepper.js +4 -3
  338. package/lib/components/SwitchField/SwitchField.js +4 -3
  339. package/lib/components/Tab/Tab.js +2 -1
  340. package/lib/components/TabPicker/TabPicker.js +3 -2
  341. package/lib/components/Table/Table.js +2 -1
  342. package/lib/components/TableBody/TableBody.js +2 -1
  343. package/lib/components/TableCell/TableCell.js +2 -1
  344. package/lib/components/TableHead/TableHead.js +2 -1
  345. package/lib/components/TableRow/TableRow.js +2 -1
  346. package/lib/components/Tabs/Tabs.js +5 -4
  347. package/lib/components/Tabs/Tabs.test.js +2 -1
  348. package/lib/components/Text/Text.js +7 -2
  349. package/lib/components/Text/Text.stories.js +52 -1
  350. package/lib/components/Text/Text.test.js +36 -0
  351. package/lib/components/TextAreaField/TextAreaField.js +3 -3
  352. package/lib/components/TextField/TextField.js +2 -2
  353. package/lib/components/TextField/TextField.stories.js +2 -1
  354. package/lib/components/TimeZonePicker/TimeZonePicker.js +4 -3
  355. package/lib/components/TooltipTrigger/Tooltip.js +2 -1
  356. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +2 -2
  357. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +2 -2
  358. package/lib/hooks/useField/useField.js +4 -3
  359. package/lib/hooks/useField/useField.test.js +2 -2
  360. package/lib/hooks/useImageUploadState/useImageUploadState.js +1 -1
  361. package/lib/hooks/useNavBarPress/useNavBarPress.js +3 -3
  362. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
  363. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
  364. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +2 -1
  365. package/lib/hooks/useRockerButton/useRockerButton.js +2 -2
  366. package/lib/hooks/useSelectField/useSelectField.js +2 -2
  367. package/lib/recipes/ApplicationSearchDropdown.stories.js +2 -2
  368. package/lib/recipes/EditableInput.stories.js +6 -6
  369. package/lib/recipes/FlippableCaretMenuButton.stories.js +2 -2
  370. package/lib/recipes/LogoTabs.stories.js +2 -2
  371. package/lib/styles/forms/comboBox.js +2 -2
  372. package/lib/styles/forms/index.js +2 -2
  373. package/lib/styles/forms/input.js +4 -3
  374. package/lib/styles/forms/label.js +2 -2
  375. package/lib/styles/forms/select.js +2 -2
  376. package/lib/styles/forms/textarea.js +2 -2
  377. package/lib/styles/theme.js +2 -2
  378. package/lib/styles/themeOverrides/index.js +1 -0
  379. package/lib/styles/themeOverrides/uiLibraryOverride.js +91 -0
  380. package/lib/styles/themes/end-user/end-user.js +2 -2
  381. package/lib/styles/variants/accordion.js +3 -3
  382. package/lib/styles/variants/boxes.js +2 -2
  383. package/lib/styles/variants/buttons.js +2 -2
  384. package/lib/styles/variants/links.js +2 -2
  385. package/lib/styles/variants/listBox.js +2 -2
  386. package/lib/styles/variants/loader.js +5 -25
  387. package/lib/styles/variants/modal.js +2 -2
  388. package/lib/styles/variants/navBar.js +12 -3
  389. package/lib/styles/variants/numberField.js +2 -2
  390. package/lib/styles/variants/separator.js +5 -5
  391. package/lib/styles/variants/stepper.js +2 -2
  392. package/lib/styles/variants/table.js +2 -2
  393. package/lib/styles/variants/text.js +7 -5
  394. package/lib/styles/variants/variants.js +2 -2
  395. package/lib/utils/devUtils/createMockData.js +2 -2
  396. package/lib/utils/devUtils/styledSystemUtils.js +2 -2
  397. package/lib/utils/testUtils/testWrapper.js +2 -2
  398. package/package.json +11 -10
@@ -1,31 +1,33 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
4
 
7
- var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
5
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
8
6
 
9
- _Object$defineProperty2(exports, "__esModule", {
10
- value: true
11
- });
7
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
12
8
 
13
- exports.useListBoxLayout = useListBoxLayout;
14
- exports["default"] = exports.collectionTypes = void 0;
9
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
10
+
11
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
12
+
13
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
15
14
 
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
15
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
17
16
 
18
- var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
17
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
19
18
 
20
- var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
19
+ var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
21
20
 
22
- var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
21
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
23
22
 
24
- var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
23
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
25
24
 
26
- var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
25
+ _Object$defineProperty(exports, "__esModule", {
26
+ value: true
27
+ });
27
28
 
28
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
29
+ exports["default"] = exports.collectionTypes = void 0;
30
+ exports.useListBoxLayout = useListBoxLayout;
29
31
 
30
32
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
31
33
 
@@ -33,7 +35,7 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
33
35
 
34
36
  var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
35
37
 
36
- var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
38
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
37
39
 
38
40
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
39
41
 
@@ -63,9 +65,15 @@ var _ListBoxSection = _interopRequireDefault(require("./ListBoxSection"));
63
65
 
64
66
  var _react2 = require("@emotion/react");
65
67
 
66
- function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
68
+ var _excluded = ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "onLoadMore", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details"];
69
+
70
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
71
+
72
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
73
+
74
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
67
75
 
68
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
76
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
69
77
 
70
78
  var collectionTypes = {
71
79
  ITEM: 'item',
@@ -122,7 +130,7 @@ var ListBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
122
130
  ariaLabelledby = props['aria-labelledby'],
123
131
  ariaDescribedby = props['aria-describedby'],
124
132
  ariaDetails = props['aria-details'],
125
- others = (0, _objectWithoutProperties2["default"])(props, ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "onLoadMore", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details"]);
133
+ others = (0, _objectWithoutProperties2["default"])(props, _excluded);
126
134
  var focusStrategy = state.focusStrategy; // Object matching React Aria API with all options
127
135
 
128
136
  var listBoxOptions = {
@@ -1,11 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
4
 
5
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
6
+
7
7
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
8
8
 
9
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
10
+
11
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
12
+
9
13
  _Object$defineProperty(exports, "__esModule", {
10
14
  value: true
11
15
  });
@@ -28,6 +32,10 @@ var _Box = _interopRequireDefault(require("../Box"));
28
32
 
29
33
  var _react2 = require("@emotion/react");
30
34
 
35
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
36
+
37
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
38
+
31
39
  var ListBoxSection = function ListBoxSection(props) {
32
40
  var children = props.children,
33
41
  reusableView = props.reusableView,
@@ -1,36 +1,36 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
4
 
7
- var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
5
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
8
6
 
9
- _Object$defineProperty2(exports, "__esModule", {
10
- value: true
11
- });
7
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
12
8
 
13
- exports["default"] = void 0;
9
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
14
10
 
15
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
11
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
16
12
 
17
- var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
13
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
18
14
 
19
- var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
15
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
20
16
 
21
- var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
17
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
22
18
 
23
- var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
19
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
24
20
 
25
- var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
21
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
26
22
 
27
- var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
23
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
28
24
 
29
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
25
+ _Object$defineProperty(exports, "__esModule", {
26
+ value: true
27
+ });
28
+
29
+ exports["default"] = void 0;
30
30
 
31
31
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
32
32
 
33
- var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
33
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
34
34
 
35
35
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
36
36
 
@@ -54,16 +54,22 @@ var _isIterable = require("../../utils/devUtils/props/isIterable");
54
54
 
55
55
  var _react2 = require("@emotion/react");
56
56
 
57
- function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
57
+ var _excluded = ["item", "hasVirtualFocus"];
58
+
59
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
60
+
61
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
62
+
63
+ 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; }
58
64
 
59
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
65
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
60
66
 
61
67
  var Option = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
62
68
  var _state$selectionManag;
63
69
 
64
70
  var item = props.item,
65
71
  hasVirtualFocus = props.hasVirtualFocus,
66
- others = (0, _objectWithoutProperties2["default"])(props, ["item", "hasVirtualFocus"]);
72
+ others = (0, _objectWithoutProperties2["default"])(props, _excluded);
67
73
  var key = item.key,
68
74
  itemProps = item.props,
69
75
  rendered = item.rendered;
@@ -8,17 +8,17 @@ _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
 
11
- _Object$defineProperty(exports, "default", {
11
+ _Object$defineProperty(exports, "Option", {
12
12
  enumerable: true,
13
13
  get: function get() {
14
- return _ListBox["default"];
14
+ return _Option["default"];
15
15
  }
16
16
  });
17
17
 
18
- _Object$defineProperty(exports, "Option", {
18
+ _Object$defineProperty(exports, "default", {
19
19
  enumerable: true,
20
20
  get: function get() {
21
- return _Option["default"];
21
+ return _ListBox["default"];
22
22
  }
23
23
  });
24
24
 
@@ -1,11 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
4
 
5
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
6
+
7
7
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
8
8
 
9
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
10
+
11
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
12
+
9
13
  _Object$defineProperty(exports, "__esModule", {
10
14
  value: true
11
15
  });
@@ -28,6 +32,12 @@ var _hooks = require("../../hooks");
28
32
 
29
33
  var _react2 = require("@emotion/react");
30
34
 
35
+ var _excluded = ["children", "className", "isSelected"];
36
+
37
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
38
+
39
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
40
+
31
41
  /**
32
42
  * List Item component.
33
43
  * Accepts most of the styling props from [styled-system](https://styled-system.com/table).
@@ -36,7 +46,7 @@ var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
36
46
  var children = props.children,
37
47
  className = props.className,
38
48
  isSelected = props.isSelected,
39
- others = (0, _objectWithoutProperties2["default"])(props, ["children", "className", "isSelected"]);
49
+ others = (0, _objectWithoutProperties2["default"])(props, _excluded);
40
50
 
41
51
  var _useHover = (0, _interactions.useHover)(props),
42
52
  hoverProps = _useHover.hoverProps,
@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
 
11
- exports.WithSubtitle = exports.Default = exports["default"] = void 0;
11
+ exports["default"] = exports.WithSubtitle = exports.Default = void 0;
12
12
 
13
13
  var _react = _interopRequireDefault(require("react"));
14
14
 
@@ -1,39 +1,39 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
4
 
7
- var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
5
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
8
6
 
9
- _Object$defineProperty2(exports, "__esModule", {
10
- value: true
11
- });
7
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
12
8
 
13
- exports.useListLayout = useListLayout;
14
- exports["default"] = exports.collectionTypes = void 0;
9
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
15
10
 
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
11
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
17
12
 
18
- var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
13
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
19
14
 
20
- var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
15
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
21
16
 
22
- var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
17
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
23
18
 
24
- var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
19
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
25
20
 
26
- var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
21
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
27
22
 
28
- var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
23
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
29
24
 
30
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
25
+ _Object$defineProperty(exports, "__esModule", {
26
+ value: true
27
+ });
28
+
29
+ exports["default"] = exports.collectionTypes = void 0;
30
+ exports.useListLayout = useListLayout;
31
31
 
32
32
  var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
33
33
 
34
34
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
35
35
 
36
- var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
36
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
37
37
 
38
38
  var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
39
39
 
@@ -69,9 +69,15 @@ var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/consta
69
69
 
70
70
  var _react2 = require("@emotion/react");
71
71
 
72
- function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
72
+ var _excluded = ["disabledKeys", "loadingState", "onLoadMore", "onSelectionChange", "selectionMode", "selectionStyle"];
73
+
74
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
75
+
76
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
77
+
78
+ 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; }
73
79
 
74
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
80
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
75
81
 
76
82
  var collectionTypes = {
77
83
  ITEM: 'item',
@@ -109,7 +115,7 @@ var ListView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
109
115
  onSelectionChange = props.onSelectionChange,
110
116
  selectionMode = props.selectionMode,
111
117
  selectionStyle = props.selectionStyle,
112
- others = (0, _objectWithoutProperties2["default"])(props, ["disabledKeys", "loadingState", "onLoadMore", "onSelectionChange", "selectionMode", "selectionStyle"]);
118
+ others = (0, _objectWithoutProperties2["default"])(props, _excluded);
113
119
  var isLoading = loadingState === _loadingStates["default"].LOADING_MORE || loadingState === _loadingStates["default"].LOADING;
114
120
 
115
121
  var renderWrapper = function renderWrapper(parent, reusableView) {
@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
 
11
- exports.MultipleSelection = exports.InfiniteLoadingList = exports.Default = exports["default"] = void 0;
11
+ exports["default"] = exports.MultipleSelection = exports.InfiniteLoadingList = exports.Default = void 0;
12
12
 
13
13
  var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
14
14
 
@@ -40,6 +40,8 @@ var _data = require("@react-stately/data");
40
40
 
41
41
  var _addonActions = require("@storybook/addon-actions");
42
42
 
43
+ var _isChromatic = _interopRequireDefault(require("chromatic/isChromatic"));
44
+
43
45
  var _ = _interopRequireDefault(require("."));
44
46
 
45
47
  var _Box = _interopRequireDefault(require("../Box/Box"));
@@ -617,7 +619,7 @@ var Default = function Default(_ref2) {
617
619
 
618
620
  exports.Default = Default;
619
621
 
620
- var InfiniteLoadingList = function InfiniteLoadingList() {
622
+ var InfiniteLoadingList = function InfiniteLoadingList(args) {
621
623
  var getMockData = /*#__PURE__*/function () {
622
624
  var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(signal, cursor) {
623
625
  var pageNumber;
@@ -629,21 +631,26 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
629
631
 
630
632
  if (cursor) {
631
633
  pageNumber = Number(cursor.substr((0, _indexOf["default"])(cursor).call(cursor, '-') + 1));
632
- } // With this we will emulate load even with mocked API
634
+ } // With this we will emulate load even with mocked API, except for Chromatic runs
635
+
633
636
 
637
+ if (args.useMockData) {
638
+ _context.next = 5;
639
+ break;
640
+ }
634
641
 
635
- _context.next = 4;
642
+ _context.next = 5;
636
643
  return new _promise["default"](function (resolve) {
637
644
  return (0, _setTimeout2["default"])(resolve, cursor ? 2000 : 3000);
638
645
  });
639
646
 
640
- case 4:
647
+ case 5:
641
648
  return _context.abrupt("return", {
642
649
  items: (0, _slice["default"])(animals).call(animals, (pageNumber - 1) * 10, pageNumber * 10),
643
650
  cursor: "mock-".concat(pageNumber + 1)
644
651
  });
645
652
 
646
- case 5:
653
+ case 6:
647
654
  case "end":
648
655
  return _context.stop();
649
656
  }
@@ -663,8 +670,16 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
663
670
  while (1) {
664
671
  switch (_context2.prev = _context2.next) {
665
672
  case 0:
666
- _context2.prev = 0;
667
- _context2.next = 3;
673
+ if (!args.useMockData) {
674
+ _context2.next = 2;
675
+ break;
676
+ }
677
+
678
+ return _context2.abrupt("return", getMockData());
679
+
680
+ case 2:
681
+ _context2.prev = 2;
682
+ _context2.next = 5;
668
683
  return _promise["default"].race([// If no cursor is available, then we're loading the first page,
669
684
  // filtering the results returned via a query string that
670
685
  // mirrors the ComboBox input text.
@@ -678,35 +693,35 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
678
693
  }, 3000);
679
694
  })]);
680
695
 
681
- case 3:
696
+ case 5:
682
697
  res = _context2.sent;
683
- _context2.next = 6;
698
+ _context2.next = 8;
684
699
  return res.json();
685
700
 
686
- case 6:
701
+ case 8:
687
702
  json = _context2.sent;
688
- _context2.next = 9;
703
+ _context2.next = 11;
689
704
  return new _promise["default"](function (resolve) {
690
705
  return (0, _setTimeout2["default"])(resolve, cursor ? 2000 : 3000);
691
706
  });
692
707
 
693
- case 9:
708
+ case 11:
694
709
  return _context2.abrupt("return", {
695
710
  items: json.results,
696
711
  cursor: json.next
697
712
  });
698
713
 
699
- case 12:
700
- _context2.prev = 12;
701
- _context2.t0 = _context2["catch"](0);
714
+ case 14:
715
+ _context2.prev = 14;
716
+ _context2.t0 = _context2["catch"](2);
702
717
  return _context2.abrupt("return", getMockData());
703
718
 
704
- case 15:
719
+ case 17:
705
720
  case "end":
706
721
  return _context2.stop();
707
722
  }
708
723
  }
709
- }, _callee2, null, [[0, 12]]);
724
+ }, _callee2, null, [[2, 14]]);
710
725
  }));
711
726
 
712
727
  return function fetchApiData(_x3, _x4, _x5) {
@@ -768,14 +783,14 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
768
783
  };
769
784
 
770
785
  exports.InfiniteLoadingList = InfiniteLoadingList;
786
+ InfiniteLoadingList.args = {
787
+ useMockData: (0, _isChromatic["default"])()
788
+ };
771
789
  InfiniteLoadingList.parameters = {
772
790
  docs: {
773
791
  description: {
774
792
  story: 'Note: Keep in mind the maxHeight may impact when the scroll callback is triggered. If you notice it\'s being called too often, try adjusting that value or loading more objects to prevent this behavior.'
775
793
  }
776
- },
777
- chromatic: {
778
- delay: 5000
779
794
  }
780
795
  };
781
796
 
@@ -1,11 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
4
 
5
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
6
+
7
7
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
8
8
 
9
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
10
+
11
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
12
+
9
13
  _Object$defineProperty(exports, "__esModule", {
10
14
  value: true
11
15
  });
@@ -38,6 +42,10 @@ var _hooks = require("../../hooks");
38
42
 
39
43
  var _react2 = require("@emotion/react");
40
44
 
45
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
46
+
47
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
48
+
41
49
  var ListViewItem = function ListViewItem(props) {
42
50
  var _context;
43
51