@pingux/astro 2.33.0-alpha.12 → 2.33.0-alpha.2

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 (250) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +9 -8
  2. package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +11 -8
  3. package/lib/cjs/components/ArrayField/ArrayField.js +3 -5
  4. package/lib/cjs/components/ArrayField/ArrayField.test.js +4 -13
  5. package/lib/cjs/components/Avatar/Avatar.test.js +4 -7
  6. package/lib/cjs/components/Badge/Badge.test.js +3 -7
  7. package/lib/cjs/components/Box/Box.test.js +4 -7
  8. package/lib/cjs/components/Bracket/Bracket.js +1 -3
  9. package/lib/cjs/components/Bracket/Bracket.test.js +3 -7
  10. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +3 -7
  11. package/lib/cjs/components/ButtonBar/ButtonBar.js +3 -9
  12. package/lib/cjs/components/ButtonBar/ButtonBar.stories.js +5 -61
  13. package/lib/cjs/components/ButtonBar/ButtonBar.test.js +3 -13
  14. package/lib/cjs/components/Callout/Callout.js +3 -8
  15. package/lib/cjs/components/Callout/Callout.test.js +0 -8
  16. package/lib/cjs/components/Card/Card.test.js +4 -7
  17. package/lib/cjs/components/Checkbox/Checkbox.test.js +4 -7
  18. package/lib/cjs/components/CheckboxField/CheckboxField.js +2 -4
  19. package/lib/cjs/components/CheckboxField/CheckboxField.test.js +3 -7
  20. package/lib/cjs/components/CodeView/CodeView.js +0 -1
  21. package/lib/cjs/components/CodeView/CodeView.test.js +3 -7
  22. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.test.js +10 -5
  23. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +3 -9
  24. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +3 -7
  25. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +3 -7
  26. package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +3 -7
  27. package/lib/cjs/components/ColorField/ColorField.test.js +3 -7
  28. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +21 -11
  29. package/lib/cjs/components/CopyText/CopyText.test.js +5 -15
  30. package/lib/cjs/components/DataTable/DataTableBadge.test.js +0 -8
  31. package/lib/cjs/components/DataTable/DataTableMenu.test.js +0 -8
  32. package/lib/cjs/components/DataTable/DataTableMultiLine.test.js +5 -16
  33. package/lib/cjs/components/DatePicker/DatePicker.test.js +20 -11
  34. package/lib/cjs/components/EditButton/EditButton.test.js +2 -8
  35. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +3 -7
  36. package/lib/cjs/components/FileInputField/FileInputField.test.js +2 -8
  37. package/lib/cjs/components/HelpHint/HelpHint.test.js +3 -7
  38. package/lib/cjs/components/IconBadge/IconBadge.js +3 -8
  39. package/lib/cjs/components/IconBadge/IconBadge.test.js +3 -9
  40. package/lib/cjs/components/IconButton/IconButton.test.js +3 -7
  41. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +6 -11
  42. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
  43. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +3 -7
  44. package/lib/cjs/components/Input/Input.test.js +3 -7
  45. package/lib/cjs/components/Link/Link.test.js +3 -7
  46. package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +31 -12
  47. package/lib/cjs/components/ListItem/ListItem.test.js +8 -5
  48. package/lib/cjs/components/ListView/ListView.test.js +0 -19
  49. package/lib/cjs/components/ListViewItem/ListViewItem.test.js +3 -7
  50. package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.js +4 -11
  51. package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.test.js +3 -7
  52. package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.js +4 -10
  53. package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.test.js +4 -7
  54. package/lib/cjs/components/ListViewItem/controls/ListViewItemSwitchField.js +3 -9
  55. package/lib/cjs/components/ListViewItem/controls/ListViewItemSwitchField.test.js +3 -7
  56. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.js +3 -4
  57. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.test.js +3 -7
  58. package/lib/cjs/components/Loader/Loader.test.js +3 -7
  59. package/lib/cjs/components/Menu/Menu.test.js +3 -11
  60. package/lib/cjs/components/MenuItem/MenuItem.test.js +3 -15
  61. package/lib/cjs/components/Messages/Messages.test.js +3 -9
  62. package/lib/cjs/components/Modal/tests/Modal.unit.test.js +3 -7
  63. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +20 -14
  64. package/lib/cjs/components/NavBar/NavBar.js +2 -3
  65. package/lib/cjs/components/NavBar/NavBar.test.js +2 -10
  66. package/lib/cjs/components/NumberField/NumberField.test.js +8 -5
  67. package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +3 -7
  68. package/lib/cjs/components/PageHeader/PageHeader.test.js +2 -11
  69. package/lib/cjs/components/PanelHeader/controls/PanelHeaderCloseButton.js +3 -9
  70. package/lib/cjs/components/PanelHeader/controls/PanelHeaderCloseButton.test.js +3 -7
  71. package/lib/cjs/components/PanelHeader/controls/PanelHeaderMenu.js +4 -12
  72. package/lib/cjs/components/PanelHeader/controls/PanelHeaderMenu.test.js +3 -7
  73. package/lib/cjs/components/PanelHeader/controls/PanelHeaderSwitchField.js +4 -12
  74. package/lib/cjs/components/PanelHeader/controls/PanelHeaderSwitchField.test.js +3 -7
  75. package/lib/cjs/components/PasswordField/PasswordField.test.js +3 -7
  76. package/lib/cjs/components/RadioField/RadioField.test.js +3 -9
  77. package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +3 -10
  78. package/lib/cjs/components/RequirementsList/RequirementsList.test.js +3 -7
  79. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -11
  80. package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -8
  81. package/lib/cjs/components/SearchField/SearchField.test.js +3 -7
  82. package/lib/cjs/components/SelectField/SelectField.test.js +3 -11
  83. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +30 -14
  84. package/lib/cjs/components/Separator/Separator.test.js +3 -7
  85. package/lib/cjs/components/Stepper/Stepper.test.js +14 -12
  86. package/lib/cjs/components/SwitchField/SwitchField.test.js +3 -7
  87. package/lib/cjs/components/Table/Table.js +3 -9
  88. package/lib/cjs/components/Table/Table.test.js +3 -26
  89. package/lib/cjs/components/TableBody/TableBody.js +3 -9
  90. package/lib/cjs/components/TableCaption/TableCaption.js +3 -9
  91. package/lib/cjs/components/TableCell/TableCell.d.ts +2 -2
  92. package/lib/cjs/components/TableCell/TableCell.js +3 -9
  93. package/lib/cjs/components/TableCell/TableCell.test.js +3 -7
  94. package/lib/cjs/components/TableHead/TableHead.js +3 -9
  95. package/lib/cjs/components/TableRow/TableRow.js +3 -9
  96. package/lib/cjs/components/Tabs/Tabs.stories.js +2 -2
  97. package/lib/cjs/components/Tabs/Tabs.style.js +1 -0
  98. package/lib/cjs/components/Tabs/Tabs.test.js +3 -10
  99. package/lib/cjs/components/Text/Text.test.js +3 -7
  100. package/lib/cjs/components/TextArea/TextArea.test.js +3 -8
  101. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +3 -7
  102. package/lib/cjs/components/TextField/TextField.test.js +3 -7
  103. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.test.js +0 -8
  104. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +3 -7
  105. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +3 -1
  106. package/lib/cjs/hooks/useField/useField.d.ts +35 -33
  107. package/lib/cjs/hooks/useField/useField.js +1 -1
  108. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +6 -3
  109. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +16 -7
  110. package/lib/cjs/hooks/usePropWarning/usePropWarning.js +8 -0
  111. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +9 -13
  112. package/lib/cjs/hooks/useSelectField/useSelectField.js +10 -10
  113. package/lib/cjs/types/item.d.ts +7 -4
  114. package/lib/cjs/types/popoverContainer.d.ts +0 -1
  115. package/lib/cjs/types/shared/style.d.ts +0 -6
  116. package/lib/cjs/utils/designUtils/figmaLinks.js +2 -4
  117. package/lib/cjs/utils/testUtils/universalComponentTest.d.ts +2 -1
  118. package/lib/cjs/utils/testUtils/universalComponentTest.js +4 -6
  119. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +9 -8
  120. package/lib/components/AccordionGroup/AccordionGroup.test.js +11 -8
  121. package/lib/components/ArrayField/ArrayField.js +4 -6
  122. package/lib/components/ArrayField/ArrayField.test.js +4 -13
  123. package/lib/components/Avatar/Avatar.test.js +4 -7
  124. package/lib/components/Badge/Badge.test.js +3 -7
  125. package/lib/components/Box/Box.test.js +4 -7
  126. package/lib/components/Bracket/Bracket.js +1 -3
  127. package/lib/components/Bracket/Bracket.test.js +3 -7
  128. package/lib/components/Breadcrumbs/Breadcrumbs.test.js +3 -7
  129. package/lib/components/ButtonBar/ButtonBar.js +3 -4
  130. package/lib/components/ButtonBar/ButtonBar.stories.js +3 -57
  131. package/lib/components/ButtonBar/ButtonBar.test.js +3 -13
  132. package/lib/components/Callout/Callout.js +3 -4
  133. package/lib/components/Callout/Callout.test.js +0 -8
  134. package/lib/components/Card/Card.test.js +4 -7
  135. package/lib/components/Checkbox/Checkbox.test.js +4 -7
  136. package/lib/components/CheckboxField/CheckboxField.js +2 -4
  137. package/lib/components/CheckboxField/CheckboxField.test.js +3 -7
  138. package/lib/components/CodeView/CodeView.js +0 -1
  139. package/lib/components/CodeView/CodeView.test.js +3 -7
  140. package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js +10 -5
  141. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +3 -4
  142. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +3 -7
  143. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +3 -7
  144. package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +3 -7
  145. package/lib/components/ColorField/ColorField.test.js +3 -7
  146. package/lib/components/ComboBoxField/ComboBoxField.test.js +21 -11
  147. package/lib/components/CopyText/CopyText.test.js +5 -15
  148. package/lib/components/DataTable/DataTableBadge.test.js +0 -8
  149. package/lib/components/DataTable/DataTableMenu.test.js +0 -8
  150. package/lib/components/DataTable/DataTableMultiLine.test.js +5 -16
  151. package/lib/components/DatePicker/DatePicker.test.js +20 -11
  152. package/lib/components/EditButton/EditButton.test.js +2 -8
  153. package/lib/components/FieldHelperText/FieldHelperText.test.js +3 -7
  154. package/lib/components/FileInputField/FileInputField.test.js +2 -8
  155. package/lib/components/HelpHint/HelpHint.test.js +3 -7
  156. package/lib/components/IconBadge/IconBadge.js +3 -4
  157. package/lib/components/IconBadge/IconBadge.test.js +3 -9
  158. package/lib/components/IconButton/IconButton.test.js +3 -7
  159. package/lib/components/IconButtonToggle/IconButtonToggle.js +6 -6
  160. package/lib/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
  161. package/lib/components/ImageUploadField/ImageUploadField.test.js +3 -7
  162. package/lib/components/Input/Input.test.js +3 -7
  163. package/lib/components/Link/Link.test.js +3 -7
  164. package/lib/components/LinkSelectField/LinkSelectField.test.js +31 -12
  165. package/lib/components/ListItem/ListItem.test.js +8 -5
  166. package/lib/components/ListView/ListView.test.js +0 -19
  167. package/lib/components/ListViewItem/ListViewItem.test.js +3 -7
  168. package/lib/components/ListViewItem/controls/ListViewItemEditButton.js +4 -6
  169. package/lib/components/ListViewItem/controls/ListViewItemEditButton.test.js +3 -7
  170. package/lib/components/ListViewItem/controls/ListViewItemMenu.js +4 -5
  171. package/lib/components/ListViewItem/controls/ListViewItemMenu.test.js +4 -7
  172. package/lib/components/ListViewItem/controls/ListViewItemSwitchField.js +3 -4
  173. package/lib/components/ListViewItem/controls/ListViewItemSwitchField.test.js +3 -7
  174. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.js +4 -5
  175. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.test.js +3 -7
  176. package/lib/components/Loader/Loader.test.js +3 -7
  177. package/lib/components/Menu/Menu.test.js +3 -11
  178. package/lib/components/MenuItem/MenuItem.test.js +3 -15
  179. package/lib/components/Messages/Messages.test.js +3 -9
  180. package/lib/components/Modal/tests/Modal.unit.test.js +3 -7
  181. package/lib/components/MultivaluesField/MultivaluesField.test.js +20 -14
  182. package/lib/components/NavBar/NavBar.js +3 -4
  183. package/lib/components/NavBar/NavBar.test.js +2 -10
  184. package/lib/components/NumberField/NumberField.test.js +8 -5
  185. package/lib/components/OverlayPanel/OverlayPanel.test.js +3 -7
  186. package/lib/components/PageHeader/PageHeader.test.js +2 -11
  187. package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.js +3 -4
  188. package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.test.js +3 -7
  189. package/lib/components/PanelHeader/controls/PanelHeaderMenu.js +4 -7
  190. package/lib/components/PanelHeader/controls/PanelHeaderMenu.test.js +3 -7
  191. package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.js +4 -7
  192. package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.test.js +3 -7
  193. package/lib/components/PasswordField/PasswordField.test.js +3 -7
  194. package/lib/components/RadioField/RadioField.test.js +3 -9
  195. package/lib/components/RadioGroupField/RadioGroupField.test.js +3 -10
  196. package/lib/components/RequirementsList/RequirementsList.test.js +3 -7
  197. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -11
  198. package/lib/components/ScrollBox/ScrollBox.test.js +0 -8
  199. package/lib/components/SearchField/SearchField.test.js +3 -7
  200. package/lib/components/SelectField/SelectField.test.js +3 -11
  201. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +31 -13
  202. package/lib/components/Separator/Separator.test.js +3 -7
  203. package/lib/components/Stepper/Stepper.test.js +14 -12
  204. package/lib/components/SwitchField/SwitchField.test.js +3 -7
  205. package/lib/components/Table/Table.js +3 -4
  206. package/lib/components/Table/Table.test.js +3 -26
  207. package/lib/components/TableBody/TableBody.js +3 -4
  208. package/lib/components/TableCaption/TableCaption.js +3 -4
  209. package/lib/components/TableCell/TableCell.js +3 -4
  210. package/lib/components/TableCell/TableCell.test.js +3 -7
  211. package/lib/components/TableHead/TableHead.js +3 -4
  212. package/lib/components/TableRow/TableRow.js +3 -4
  213. package/lib/components/Tabs/Tabs.stories.js +3 -3
  214. package/lib/components/Tabs/Tabs.style.js +1 -0
  215. package/lib/components/Tabs/Tabs.test.js +3 -10
  216. package/lib/components/Text/Text.test.js +3 -7
  217. package/lib/components/TextArea/TextArea.test.js +3 -8
  218. package/lib/components/TextAreaField/TextAreaField.test.js +3 -7
  219. package/lib/components/TextField/TextField.test.js +3 -7
  220. package/lib/components/TimeZonePicker/TimeZonePicker.test.js +0 -8
  221. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +3 -7
  222. package/lib/hooks/useComponentToggle/useComponentToggle.js +3 -1
  223. package/lib/hooks/useField/useField.js +0 -2
  224. package/lib/hooks/useProgressiveState/useProgressiveState.js +7 -3
  225. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +16 -7
  226. package/lib/hooks/usePropWarning/usePropWarning.js +8 -0
  227. package/lib/hooks/usePropWarning/usePropWarning.test.js +9 -13
  228. package/lib/hooks/useSelectField/useSelectField.js +9 -11
  229. package/lib/utils/designUtils/figmaLinks.js +2 -4
  230. package/lib/utils/testUtils/universalComponentTest.js +4 -6
  231. package/package.json +1 -1
  232. package/lib/cjs/components/TableBody/TableBody.test.d.ts +0 -1
  233. package/lib/cjs/components/TableBody/TableBody.test.js +0 -13
  234. package/lib/cjs/components/TableCaption/TableCaption.test.js +0 -13
  235. package/lib/cjs/components/TableHead/TableHead.test.js +0 -13
  236. package/lib/cjs/components/TableRow/TableRow.test.js +0 -13
  237. package/lib/cjs/hooks/useProgressiveState/index.d.ts +0 -1
  238. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.d.ts +0 -11
  239. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.d.ts +0 -1
  240. package/lib/cjs/hooks/usePropWarning/index.d.ts +0 -1
  241. package/lib/cjs/hooks/usePropWarning/usePropWarning.d.ts +0 -13
  242. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.d.ts +0 -1
  243. package/lib/cjs/hooks/useRockerButton/index.d.ts +0 -1
  244. package/lib/cjs/hooks/useRockerButton/useRockerButton.d.ts +0 -241
  245. package/lib/cjs/hooks/useSelectField/index.d.ts +0 -1
  246. package/lib/cjs/hooks/useSelectField/useSelectField.d.ts +0 -55
  247. package/lib/components/TableBody/TableBody.test.js +0 -11
  248. package/lib/components/TableCaption/TableCaption.test.js +0 -11
  249. package/lib/components/TableHead/TableHead.test.js +0 -11
  250. package/lib/components/TableRow/TableRow.test.js +0 -11
@@ -24,7 +24,7 @@ var _reactAria = require("react-aria");
24
24
  var _reactStately = require("react-stately");
25
25
  var _utils = require("@react-aria/utils");
26
26
  var _constants = require("../../components/Label/constants");
27
- var _ListBox = _interopRequireDefault(require("../../components/ListBox/ListBox"));
27
+ var _ListBox = _interopRequireDefault(require("../../components/ListBox"));
28
28
  var _PopoverContainer = _interopRequireDefault(require("../../components/PopoverContainer"));
29
29
  var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox"));
30
30
  var _ = require("..");
@@ -32,7 +32,7 @@ var _react2 = require("@emotion/react");
32
32
  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); }
33
33
  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; }
34
34
  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; }
35
- 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; } // eslint-disable-next-line import/no-unresolved
35
+ 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; }
36
36
  var useSelectField = function useSelectField(props, ref) {
37
37
  var _context;
38
38
  var align = props.align,
@@ -64,7 +64,8 @@ var useSelectField = function useSelectField(props, ref) {
64
64
  // We use falsy booleans as defaults, but React Aria has this as true by default so we need to
65
65
  // negate this.
66
66
  var shouldFlip = !isNotFlippable;
67
- var selectProps = _objectSpread(_objectSpread({
67
+ var selectProps = _objectSpread({
68
+ children: children,
68
69
  defaultSelectedKey: defaultSelectedKey,
69
70
  defaultText: defaultText,
70
71
  disabledKeys: disabledKeys,
@@ -86,14 +87,13 @@ var useSelectField = function useSelectField(props, ref) {
86
87
  disallowEmptySelection: disallowEmptySelection,
87
88
  // must match React Aria API
88
89
  shouldFlip: shouldFlip
89
- }, controlProps), {}, {
90
- children: children
91
- });
90
+ }, controlProps);
92
91
  // Create state based on the incoming props
93
92
  var state = (0, _reactStately.useSelectState)(selectProps);
94
93
  var popoverRef = (0, _react.useRef)();
95
- var listBoxRef = (0, _react.useRef)();
96
94
  var triggerRef = (0, _react.useRef)();
95
+ var listBoxRef = (0, _react.useRef)();
96
+
97
97
  /* istanbul ignore next */
98
98
  (0, _react.useImperativeHandle)(ref, function () {
99
99
  return triggerRef.current;
@@ -120,7 +120,7 @@ var useSelectField = function useSelectField(props, ref) {
120
120
  placeholder: props.labelMode === _constants.modes.FLOAT ? '' : placeholder,
121
121
  labelProps: _objectSpread(_objectSpread({}, props.labelProps), labelProps),
122
122
  containerProps: _objectSpread({
123
- isFloatLabelActive: !!state.selectedItem
123
+ isFloatLabelActive: state.selectedItem
124
124
  }, props.containerProps)
125
125
  })),
126
126
  fieldContainerProps = _useField.fieldContainerProps,
@@ -152,7 +152,7 @@ var useSelectField = function useSelectField(props, ref) {
152
152
  }, [state.isOpen, updatePosition]);
153
153
 
154
154
  // Measure the width of the input to inform the width of the listbox (below).
155
- var _useState = (0, _react.useState)(0),
155
+ var _useState = (0, _react.useState)(null),
156
156
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
157
157
  buttonWidth = _useState2[0],
158
158
  setButtonWidth = _useState2[1];
@@ -161,7 +161,7 @@ var useSelectField = function useSelectField(props, ref) {
161
161
  if (triggerRef.current) {
162
162
  setButtonWidth(triggerRef.current.offsetWidth);
163
163
  }
164
- }, [triggerRef, setButtonWidth]);
164
+ }, [triggerRef, setButtonWidth, state.isOpen]);
165
165
  (0, _utils.useResizeObserver)({
166
166
  ref: triggerRef,
167
167
  onResize: onResize
@@ -1,14 +1,17 @@
1
- import { ElementType } from 'react';
1
+ import { CSSProperties, ElementType } from 'react';
2
2
  import type { ItemProps } from '@react-types/shared';
3
3
  import { DOMAttributes, StyleProps } from './shared';
4
+ export interface StylingProps extends DOMAttributes, StyleProps {
5
+ style?: CSSProperties | string;
6
+ }
4
7
  declare module '@react-types/shared' {
5
8
  interface ItemProps<T> extends StyleProps, DOMAttributes {
6
9
  /** The rendered label for the item. */
7
10
  label?: string;
8
11
  /** Props for the accordion item content element. */
9
- regionProps?: StyleProps;
12
+ regionProps?: StylingProps;
10
13
  /** Props for the accordion item content element. */
11
- containerProps?: StyleProps;
14
+ containerProps?: StylingProps;
12
15
  /** Whether the item has a separator */
13
16
  isSeparator?: boolean;
14
17
  /** Whether the item is pressed */
@@ -20,7 +23,7 @@ declare module '@react-types/shared' {
20
23
  /** A URL to link to if elementType="a". */
21
24
  href?: string;
22
25
  /** Inline styling prop for item */
23
- sx?: StyleProps;
26
+ sx?: StylingProps;
24
27
  }
25
28
  }
26
29
  export default ItemProps;
@@ -16,7 +16,6 @@ export interface PopoverContainerProps extends StylePropsExtended, DOMAttributes
16
16
  isKeyboardDismissDisabled?: boolean;
17
17
  isNonModal?: boolean;
18
18
  isDismissable?: boolean;
19
- isOpen?: boolean;
20
19
  }
21
20
  export interface PopoverWrapperProps extends PopoverContainerProps {
22
21
  isOpen?: boolean;
@@ -8,10 +8,4 @@ export interface StyleProps extends ThemeUICSSProperties, SxProp {
8
8
  variant?: string;
9
9
  /** The base HTML tag name or React component type to render */
10
10
  as?: string | React.ReactNode | React.ElementType;
11
- /** Inline style object that allows you to directly apply CSS styles to the element. */
12
- style?: React.CSSProperties | string;
13
11
  }
14
- export type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
15
- export type Axis = 'top' | 'bottom' | 'left' | 'right';
16
- export type SizeAxis = 'width' | 'height';
17
- export type PlacementAxis = Axis | 'center';
@@ -36,10 +36,8 @@ var FIGMA_LINKS = {
36
36
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=0-1&t=8Wwd3tIBh3GEjCJB-0'
37
37
  },
38
38
  buttonBar: {
39
- "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A753&mode=dev',
40
- rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A770&mode=dev',
41
- secondary: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A778&mode=dev',
42
- secondaryRightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A788&mode=dev'
39
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20551&mode=dev',
40
+ rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20657&mode=dev'
43
41
  },
44
42
  calendar: {
45
43
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=6373%3A25490&t=BoHXzVpQq9Lf7MaU-1'
@@ -1,4 +1,5 @@
1
- export declare const universalComponentTests: ({ renderComponent, rules }: {
1
+ export declare const universalComponentTests: ({ renderComponent, props, rules }: {
2
2
  renderComponent: any;
3
+ props: any;
3
4
  rules?: {} | undefined;
4
5
  }) => Promise<void>;
@@ -44,22 +44,20 @@ var ComponentWithRef = function ComponentWithRef(_ref) {
44
44
  };
45
45
  var universalComponentTests = /*#__PURE__*/function () {
46
46
  var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
47
- var renderComponent, _ref2$rules, rules;
47
+ var renderComponent, props, _ref2$rules, rules;
48
48
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
49
49
  while (1) switch (_context2.prev = _context2.next) {
50
50
  case 0:
51
- renderComponent = _ref2.renderComponent, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
51
+ renderComponent = _ref2.renderComponent, props = _ref2.props, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
52
52
  test('should have no accessibility violations', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
53
53
  var _render, container, results;
54
54
  return _regeneratorRuntime().wrap(function _callee$(_context) {
55
55
  while (1) switch (_context.prev = _context.next) {
56
56
  case 0:
57
57
  jest.useRealTimers();
58
- _render = (0, _react2.render)(renderComponent()), container = _render.container;
58
+ _render = (0, _react2.render)(renderComponent(props)), container = _render.container;
59
59
  _context.next = 4;
60
- return (0, _jestAxe.axe)(container, {
61
- rules: rules
62
- });
60
+ return (0, _jestAxe.axe)(container, rules);
63
61
  case 4:
64
62
  results = _context.sent;
65
63
  expect(results).toHaveNoViolations();
@@ -15,21 +15,14 @@ import React from 'react';
15
15
  import { Item } from 'react-stately';
16
16
  import userEvent from '@testing-library/user-event';
17
17
  import { Box, Link, OverlayPanel, Text, TextField } from '../../index';
18
+ import axeTest from '../../utils/testUtils/testAxe';
18
19
  import { act, fireEvent, render, screen, waitFor } from '../../utils/testUtils/testWrapper';
19
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
20
20
  import AccordionGridGroup from '.';
21
21
  import { jsx as ___EmotionJSX } from "@emotion/react";
22
22
  var testId = 'test-accordion';
23
23
  var defaultProps = {
24
24
  'data-testid': testId
25
25
  };
26
-
27
- // Needs to be added to each components test file
28
- universalComponentTests({
29
- renderComponent: function renderComponent(props) {
30
- return ___EmotionJSX(AccordionGridGroup, props);
31
- }
32
- });
33
26
  var getComponent = function getComponent() {
34
27
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
35
28
  return render(___EmotionJSX(AccordionGridGroup, _extends({}, defaultProps, props), ___EmotionJSX(Item, {
@@ -71,6 +64,14 @@ var getComponentWithTextFields = function getComponentWithTextFields() {
71
64
  label: "label 2"
72
65
  })))));
73
66
  };
67
+ axeTest(getComponent, {
68
+ // landmark-unique rule conflicts with react-aria role definition
69
+ rules: {
70
+ 'landmark-unique': {
71
+ enabled: false
72
+ }
73
+ }
74
+ });
74
75
  test('button press uses callback', function () {
75
76
  var onPress = jest.fn();
76
77
  getComponent({
@@ -5,8 +5,8 @@ import React from 'react';
5
5
  import { Item } from 'react-stately';
6
6
  import userEvent from '@testing-library/user-event';
7
7
  import { Box, Button, Menu, OverlayPanel, PopoverMenu, TextField } from '../../index';
8
+ import axeTest from '../../utils/testUtils/testAxe';
8
9
  import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
9
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
10
10
  import { validHeadingTags } from '../AccordionItem/AccordionItem';
11
11
  import Text from '../Text';
12
12
  import AccordionGroup from '.';
@@ -15,13 +15,6 @@ var testId = 'test-accordion';
15
15
  var defaultProps = {
16
16
  'data-testid': testId
17
17
  };
18
-
19
- // Needs to be added to each components test file
20
- universalComponentTests({
21
- renderComponent: function renderComponent(props) {
22
- return ___EmotionJSX(AccordionGroup, props);
23
- }
24
- });
25
18
  var items = [{
26
19
  key: 'identityProvider',
27
20
  label: 'some label1',
@@ -154,6 +147,16 @@ var getComponentWithMultipleAccordion = function getComponentWithMultipleAccordi
154
147
  "data-id": "connection-configuration-custom-form"
155
148
  }, ___EmotionJSX(Box, null, ___EmotionJSX(Text, null, "other text1"), ___EmotionJSX(Text, null, "another text1")))))));
156
149
  };
150
+
151
+ // Need to be added to each test file to test accessibility using axe.
152
+ axeTest(getComponent, {
153
+ // landmark-unique rule conflicts with react-aria role definition
154
+ rules: {
155
+ 'landmark-unique': {
156
+ enabled: false
157
+ }
158
+ }
159
+ });
157
160
  test('button press uses callback', function () {
158
161
  var onPress = jest.fn();
159
162
  getComponent({
@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
16
16
  import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
17
17
  import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
18
18
  import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
19
- import React, { forwardRef, useCallback, useState } from 'react';
19
+ import React, { useCallback, useState } from 'react';
20
20
  import { mergeProps, useLabel } from 'react-aria';
21
21
  import PropTypes from 'prop-types';
22
22
  import { v4 as uuid } from 'uuid';
@@ -26,7 +26,7 @@ import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
26
26
  import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
27
27
  import { statusPropTypes } from '../../utils/docUtils/statusProp';
28
28
  import { jsx as ___EmotionJSX } from "@emotion/react";
29
- var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
29
+ var ArrayField = function ArrayField(props) {
30
30
  var _context2;
31
31
  var addButtonLabel = props.addButtonLabel,
32
32
  defaultValue = props.defaultValue,
@@ -119,9 +119,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
119
119
  var _getAriaAttributeProp = getAriaAttributeProps(others),
120
120
  ariaProps = _getAriaAttributeProp.ariaProps,
121
121
  nonAriaProps = _getAriaAttributeProp.nonAriaProps;
122
- return ___EmotionJSX(Box, _extends({}, nonAriaProps, {
123
- ref: ref
124
- }), ___EmotionJSX(Label, _extends({}, raLabelProps, mergeProps(labelProps, raLabelProps, {
122
+ return ___EmotionJSX(Box, nonAriaProps, ___EmotionJSX(Label, _extends({}, raLabelProps, mergeProps(labelProps, raLabelProps, {
125
123
  children: label
126
124
  }))), ___EmotionJSX(Box, _extends({
127
125
  as: "ul",
@@ -152,7 +150,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
152
150
  variant: "label",
153
151
  color: "active"
154
152
  }, addButtonLabel)));
155
- });
153
+ };
156
154
  ArrayField.propTypes = _objectSpread(_objectSpread({
157
155
  /** Label for add button */
158
156
  addButtonLabel: PropTypes.string,
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import React from 'react';
3
3
  import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
4
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
5
4
  import TextField from '../TextField';
6
5
  import ArrayField from './ArrayField';
7
6
  import ArrayFieldDeleteButton from './ArrayFieldDeleteButton';
@@ -21,12 +20,13 @@ var defaultData = [{
21
20
  value: 'World'
22
21
  }];
23
22
  var defaultProps = {
24
- defaultValue: defaultData,
25
- label: 'test-label'
23
+ defaultValue: defaultData
26
24
  };
27
25
  var getComponent = function getComponent() {
28
26
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
29
- return render(___EmotionJSX(ArrayField, _extends({}, defaultProps, props)));
27
+ return render(___EmotionJSX(ArrayField, _extends({
28
+ label: "test-label"
29
+ }, defaultProps, props)));
30
30
  };
31
31
  var renderField = function renderField(id, value, onFieldValueChange, onFieldDelete, otherFieldProps) {
32
32
  return ___EmotionJSX(TextField, _extends({
@@ -46,15 +46,6 @@ var renderField = function renderField(id, value, onFieldValueChange, onFieldDel
46
46
  }
47
47
  }, otherFieldProps));
48
48
  };
49
-
50
- // Needs to be added to each components test file
51
- universalComponentTests({
52
- renderComponent: function renderComponent(props) {
53
- return ___EmotionJSX(ArrayField, _extends({
54
- renderField: renderField
55
- }, defaultProps, props));
56
- }
57
- });
58
49
  test('displays multiple text fields', function () {
59
50
  var onChange = jest.fn();
60
51
  getComponent({
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import React from 'react';
3
3
  import { faker } from '@faker-js/faker';
4
+ import axeTest from '../../utils/testUtils/testAxe';
4
5
  import { render, screen } from '../../utils/testUtils/testWrapper';
5
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
6
6
  import Avatar from '.';
7
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
8
  var defaultProps = {
@@ -12,12 +12,9 @@ var getComponent = function getComponent() {
12
12
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
13
13
  return render(___EmotionJSX(Avatar, _extends({}, defaultProps, props)));
14
14
  };
15
- // Needs to be added to each components test file
16
- universalComponentTests({
17
- renderComponent: function renderComponent(props) {
18
- return ___EmotionJSX(Avatar, _extends({}, defaultProps, props));
19
- }
20
- });
15
+
16
+ // Need to be added to each test file to test accessibility using axe.
17
+ axeTest(getComponent);
21
18
  test('an avatar is rendered', function () {
22
19
  getComponent();
23
20
  var img = screen.getByRole('img');
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import Earth from '@pingux/mdi-react/EarthIcon';
4
4
  import { render, screen } from '@testing-library/react';
5
5
  import { Badge, Button, Icon } from '../..';
6
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
6
+ import axeTest from '../../utils/testUtils/testAxe';
7
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
8
  var testId = 'test-separator';
9
9
  var defaultProps = {
@@ -15,12 +15,8 @@ var getComponent = function getComponent() {
15
15
  return render(___EmotionJSX(Badge, _extends({}, defaultProps, props)));
16
16
  };
17
17
 
18
- // Needs to be added to each components test file
19
- universalComponentTests({
20
- renderComponent: function renderComponent(props) {
21
- return ___EmotionJSX(Badge, props);
22
- }
23
- });
18
+ // Need to be added to each test file to test accessibility using axe.
19
+ axeTest(getComponent);
24
20
  test('renders Badge component', function () {
25
21
  getComponent();
26
22
  var badge = screen.getByTestId(testId);
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import createCache from '@emotion/cache';
4
4
  import { CacheProvider } from '@emotion/react';
5
5
  import { render, screen } from '@testing-library/react';
6
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
6
+ import axeTest from '../../utils/testUtils/testAxe';
7
7
  import Box from '.';
8
8
 
9
9
  // Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
@@ -24,12 +24,9 @@ var getComponent = function getComponent() {
24
24
  value: emotionCache
25
25
  }, ___EmotionJSX(Box, _extends({}, defaultProps, props))));
26
26
  };
27
- // Needs to be added to each components test file
28
- universalComponentTests({
29
- renderComponent: function renderComponent(props) {
30
- return ___EmotionJSX(Box, props);
31
- }
32
- });
27
+
28
+ // Need to be added to each test file to test accessibility using axe.
29
+ axeTest(getComponent);
33
30
  test('default box', function () {
34
31
  getComponent();
35
32
  var box = screen.getByTestId(testId);
@@ -28,9 +28,7 @@ var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
28
28
  }, []);
29
29
  return ___EmotionJSX(Box, _extends({
30
30
  variant: "bracket.base"
31
- }, others, {
32
- ref: bracketRef
33
- }), !isLast && ___EmotionJSX(Box, {
31
+ }, others), !isLast && ___EmotionJSX(Box, {
34
32
  width: 15,
35
33
  sx: {
36
34
  position: 'absolute',
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import React from 'react';
3
3
  import { render, screen } from '@testing-library/react';
4
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
4
+ import axeTest from '../../utils/testUtils/testAxe';
5
5
  import Bracket from '.';
6
6
  import { jsx as ___EmotionJSX } from "@emotion/react";
7
7
  var testId = 'test-bracket';
@@ -13,12 +13,8 @@ var getComponent = function getComponent() {
13
13
  return render(___EmotionJSX(Bracket, _extends({}, defaultProps, props)));
14
14
  };
15
15
 
16
- // Needs to be added to each components test file
17
- universalComponentTests({
18
- renderComponent: function renderComponent(props) {
19
- return ___EmotionJSX(Bracket, props);
20
- }
21
- });
16
+ // // Need to be added to each test file to test accessibility using axe.
17
+ axeTest(getComponent);
22
18
  test('default bracket', function () {
23
19
  getComponent();
24
20
  var bracket = screen.getByTestId(testId);
@@ -6,8 +6,8 @@ import { Item } from 'react-stately';
6
6
  import ChevronRightIcon from '@pingux/mdi-react/ChevronRightIcon';
7
7
  import CreateIcon from '@pingux/mdi-react/CreateIcon';
8
8
  import userEvent from '@testing-library/user-event';
9
+ import axeTest from '../../utils/testUtils/testAxe';
9
10
  import { render, screen } from '../../utils/testUtils/testWrapper';
10
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
11
11
  import Breadcrumbs from './Breadcrumbs';
12
12
  import { jsx as ___EmotionJSX } from "@emotion/react";
13
13
  var testId = 'test-breadcrumbs';
@@ -31,12 +31,8 @@ var getComponent = function getComponent() {
31
31
  })));
32
32
  };
33
33
 
34
- // Needs to be added to each components test file
35
- universalComponentTests({
36
- renderComponent: function renderComponent(props) {
37
- return ___EmotionJSX(Breadcrumbs, mergeProps(defaultProps, props), ___EmotionJSX(Item, null, testItemsArr[0]));
38
- }
39
- });
34
+ // Need to be added to each test file to test accessibility using axe.
35
+ axeTest(getComponent);
40
36
  test('default breadcrumbs', function () {
41
37
  getComponent();
42
38
  expect(screen.getByTestId(testId)).toBeInTheDocument();
@@ -1,20 +1,19 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
3
3
  var _excluded = ["align", "children"];
4
- import React, { forwardRef } from 'react';
4
+ import React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { Box } from '../../index';
7
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
- var ButtonBar = /*#__PURE__*/forwardRef(function (props, ref) {
8
+ var ButtonBar = function ButtonBar(props) {
9
9
  var align = props.align,
10
10
  children = props.children,
11
11
  others = _objectWithoutProperties(props, _excluded);
12
12
  return ___EmotionJSX(Box, _extends({
13
- ref: ref,
14
13
  isRow: true,
15
14
  variant: align === 'right' ? 'buttonBar.justifyRightContainer' : 'buttonBar.container'
16
15
  }, others), children);
17
- });
16
+ };
18
17
  ButtonBar.propTypes = {
19
18
  /** Justifies the component's children. */
20
19
  align: PropTypes.oneOf(['left', 'right'])
@@ -50,38 +50,12 @@ export var RightAligned = function RightAligned() {
50
50
  return ___EmotionJSX(ButtonBar, {
51
51
  align: "right"
52
52
  }, ___EmotionJSX(Button, {
53
- variant: "link",
54
- "data-id": "cancel-button",
55
- onPress: function onPress() {
56
- return alert('Cancel button pressed');
57
- }
58
- }, "Cancel"), ___EmotionJSX(Button, {
59
53
  variant: "primary",
60
54
  "data-id": "next-button",
61
55
  onPress: function onPress() {
62
56
  return alert('Next button pressed');
63
57
  }
64
- }, "Next"));
65
- };
66
- RightAligned.parameters = {
67
- design: {
68
- type: 'figma',
69
- url: FIGMA_LINKS.buttonBar.rightAligned
70
- }
71
- };
72
- export var Secondary = function Secondary() {
73
- return ___EmotionJSX(ButtonBar, null, ___EmotionJSX(Button, {
74
- variant: "primary",
75
- "data-id": "save-button",
76
- onPress: function onPress() {
77
- return alert('Save button pressed');
78
- }
79
- }, "Save"), ___EmotionJSX(Button, {
80
- "data-id": "close-button",
81
- onPress: function onPress() {
82
- return alert('Close button pressed');
83
- }
84
- }, "Close"), ___EmotionJSX(Button, {
58
+ }, "Next"), ___EmotionJSX(Button, {
85
59
  variant: "link",
86
60
  "data-id": "cancel-button",
87
61
  onPress: function onPress() {
@@ -89,37 +63,9 @@ export var Secondary = function Secondary() {
89
63
  }
90
64
  }, "Cancel"));
91
65
  };
92
- Secondary.parameters = {
93
- design: {
94
- type: 'figma',
95
- url: FIGMA_LINKS.buttonBar.secondary
96
- }
97
- };
98
- export var SecondaryRightAligned = function SecondaryRightAligned() {
99
- return ___EmotionJSX(ButtonBar, {
100
- align: "right"
101
- }, ___EmotionJSX(Button, {
102
- variant: "link",
103
- "data-id": "cancel-button",
104
- onPress: function onPress() {
105
- return alert('Cancel button pressed');
106
- }
107
- }, "Cancel"), ___EmotionJSX(Button, {
108
- "data-id": "close-button",
109
- onPress: function onPress() {
110
- return alert('Close button pressed');
111
- }
112
- }, "Close"), ___EmotionJSX(Button, {
113
- variant: "primary",
114
- "data-id": "next-button",
115
- onPress: function onPress() {
116
- return alert('Next button pressed');
117
- }
118
- }, "Next"));
119
- };
120
- SecondaryRightAligned.parameters = {
66
+ RightAligned.parameters = {
121
67
  design: {
122
68
  type: 'figma',
123
- url: FIGMA_LINKS.buttonBar.secondaryRightAligned
69
+ url: FIGMA_LINKS.buttonBar.rightAligned
124
70
  }
125
71
  };
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import React from 'react';
3
3
  import { Button, ButtonBar } from '../../index';
4
+ import axeTest from '../../utils/testUtils/testAxe';
4
5
  import { render, screen } from '../../utils/testUtils/testWrapper';
5
- import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
6
6
  import { jsx as ___EmotionJSX } from "@emotion/react";
7
7
  var testId = 'test-ButtonBar';
8
8
  var defaultProps = {
@@ -26,23 +26,13 @@ var getComponent = function getComponent() {
26
26
  };
27
27
  var getComponentCustomChildren = function getComponentCustomChildren() {
28
28
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
29
- return render(___EmotionJSX(ButtonBar, _extends({}, defaultProps, props), ___EmotionJSX("button", {
30
- type: "button"
31
- }, "custom text"), ___EmotionJSX("button", {
32
- type: "button"
33
- }, "Also custom text")));
29
+ return render(___EmotionJSX(ButtonBar, _extends({}, defaultProps, props), ___EmotionJSX("button", null, "custom text"), ___EmotionJSX("button", null, "Also custom text")));
34
30
  };
35
31
  var getComponentTextChildren = function getComponentTextChildren() {
36
32
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
37
33
  return render(___EmotionJSX(ButtonBar, props, "custom text"));
38
34
  };
39
-
40
- // Needs to be added to each components test file
41
- universalComponentTests({
42
- renderComponent: function renderComponent(props) {
43
- return ___EmotionJSX(ButtonBar, props);
44
- }
45
- });
35
+ axeTest(getComponent);
46
36
  afterEach(function () {
47
37
  jest.resetAllMocks();
48
38
  });
@@ -13,7 +13,7 @@ var _excluded = ["children", "status"];
13
13
  var _calloutProps;
14
14
  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; }
15
15
  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) { _defineProperty(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; }
16
- import React, { forwardRef } from 'react';
16
+ import React from 'react';
17
17
  import { Box } from '../..';
18
18
  import statuses from '../../utils/devUtils/constants/statuses';
19
19
  import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
@@ -45,12 +45,11 @@ var defaultIconProps = {
45
45
  or give warnings of unexpected events.
46
46
  */
47
47
 
48
- var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
48
+ var Callout = function Callout(_ref) {
49
49
  var children = _ref.children,
50
50
  status = _ref.status,
51
51
  others = _objectWithoutProperties(_ref, _excluded);
52
52
  return ___EmotionJSX(Box, _extends({
53
- ref: ref,
54
53
  "data-testid": CALLOUT_TEST_ID,
55
54
  isRow: true,
56
55
  role: "note",
@@ -60,7 +59,7 @@ var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
60
59
  status: status,
61
60
  "aria-label": "".concat(status, "-icon")
62
61
  }, defaultIconProps)), children);
63
- });
62
+ };
64
63
  Callout.propTypes = _objectSpread({}, statusPropTypes);
65
64
  Callout.defaultProps = _objectSpread({}, statusDefaultProp);
66
65
  Callout.displayName = 'Callout';