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

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 (268) 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/AstroProvider/AstroProvider.js +4 -4
  6. package/lib/cjs/components/AstroProvider/AstroProvider.test.js +3 -7
  7. package/lib/cjs/components/Avatar/Avatar.test.js +4 -7
  8. package/lib/cjs/components/Badge/Badge.test.js +3 -7
  9. package/lib/cjs/components/Box/Box.test.js +4 -7
  10. package/lib/cjs/components/Bracket/Bracket.js +1 -3
  11. package/lib/cjs/components/Bracket/Bracket.test.js +3 -7
  12. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +3 -7
  13. package/lib/cjs/components/ButtonBar/ButtonBar.js +3 -9
  14. package/lib/cjs/components/ButtonBar/ButtonBar.stories.js +5 -61
  15. package/lib/cjs/components/ButtonBar/ButtonBar.test.js +3 -13
  16. package/lib/cjs/components/Callout/Callout.js +3 -8
  17. package/lib/cjs/components/Callout/Callout.test.js +0 -8
  18. package/lib/cjs/components/Card/Card.test.js +4 -7
  19. package/lib/cjs/components/Checkbox/Checkbox.test.js +4 -7
  20. package/lib/cjs/components/CheckboxField/CheckboxField.js +2 -4
  21. package/lib/cjs/components/CheckboxField/CheckboxField.test.js +3 -7
  22. package/lib/cjs/components/CodeView/CodeView.js +0 -1
  23. package/lib/cjs/components/CodeView/CodeView.test.js +3 -7
  24. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.test.js +10 -5
  25. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +3 -9
  26. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +3 -7
  27. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +3 -7
  28. package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +3 -7
  29. package/lib/cjs/components/ColorField/ColorField.test.js +3 -7
  30. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +21 -11
  31. package/lib/cjs/components/CopyText/CopyText.test.js +5 -15
  32. package/lib/cjs/components/DataTable/DataTableBadge.test.js +0 -8
  33. package/lib/cjs/components/DataTable/DataTableMenu.test.js +0 -8
  34. package/lib/cjs/components/DataTable/DataTableMultiLine.test.js +5 -16
  35. package/lib/cjs/components/DatePicker/DatePicker.test.js +20 -11
  36. package/lib/cjs/components/EditButton/EditButton.test.js +2 -8
  37. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +3 -7
  38. package/lib/cjs/components/FileInputField/FileInputField.test.js +2 -8
  39. package/lib/cjs/components/HelpHint/HelpHint.test.js +3 -7
  40. package/lib/cjs/components/IconBadge/IconBadge.js +3 -8
  41. package/lib/cjs/components/IconBadge/IconBadge.test.js +3 -9
  42. package/lib/cjs/components/IconButton/IconButton.test.js +3 -7
  43. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +6 -11
  44. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
  45. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +3 -7
  46. package/lib/cjs/components/Input/Input.test.js +3 -7
  47. package/lib/cjs/components/Link/Link.test.js +3 -7
  48. package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +31 -12
  49. package/lib/cjs/components/ListItem/ListItem.test.js +8 -5
  50. package/lib/cjs/components/ListView/ListView.test.js +0 -19
  51. package/lib/cjs/components/ListViewItem/ListViewItem.test.js +3 -7
  52. package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.js +4 -11
  53. package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.test.js +3 -7
  54. package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.js +4 -10
  55. package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.test.js +4 -7
  56. package/lib/cjs/components/ListViewItem/controls/ListViewItemSwitchField.js +3 -9
  57. package/lib/cjs/components/ListViewItem/controls/ListViewItemSwitchField.test.js +3 -7
  58. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.js +3 -4
  59. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.test.js +3 -7
  60. package/lib/cjs/components/Loader/Loader.test.js +3 -7
  61. package/lib/cjs/components/Menu/Menu.test.js +3 -11
  62. package/lib/cjs/components/MenuItem/MenuItem.test.js +3 -15
  63. package/lib/cjs/components/Messages/Messages.test.js +3 -9
  64. package/lib/cjs/components/Modal/tests/Modal.unit.test.js +3 -7
  65. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +20 -14
  66. package/lib/cjs/components/NavBar/NavBar.js +2 -3
  67. package/lib/cjs/components/NavBar/NavBar.test.js +2 -10
  68. package/lib/cjs/components/NumberField/NumberField.test.js +8 -5
  69. package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +3 -7
  70. package/lib/cjs/components/PageHeader/PageHeader.test.js +2 -11
  71. package/lib/cjs/components/PanelHeader/controls/PanelHeaderCloseButton.js +3 -9
  72. package/lib/cjs/components/PanelHeader/controls/PanelHeaderCloseButton.test.js +3 -7
  73. package/lib/cjs/components/PanelHeader/controls/PanelHeaderMenu.js +4 -12
  74. package/lib/cjs/components/PanelHeader/controls/PanelHeaderMenu.test.js +3 -7
  75. package/lib/cjs/components/PanelHeader/controls/PanelHeaderSwitchField.js +4 -12
  76. package/lib/cjs/components/PanelHeader/controls/PanelHeaderSwitchField.test.js +3 -7
  77. package/lib/cjs/components/PasswordField/PasswordField.test.js +3 -7
  78. package/lib/cjs/components/RadioField/RadioField.test.js +3 -9
  79. package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +3 -10
  80. package/lib/cjs/components/RequirementsList/RequirementsList.test.js +3 -7
  81. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -11
  82. package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -8
  83. package/lib/cjs/components/SearchField/SearchField.test.js +3 -7
  84. package/lib/cjs/components/SelectField/SelectField.test.js +3 -11
  85. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +30 -14
  86. package/lib/cjs/components/Separator/Separator.test.js +3 -7
  87. package/lib/cjs/components/Stepper/Stepper.test.js +14 -12
  88. package/lib/cjs/components/SwitchField/SwitchField.test.js +3 -7
  89. package/lib/cjs/components/Table/Table.js +3 -9
  90. package/lib/cjs/components/Table/Table.test.js +3 -26
  91. package/lib/cjs/components/TableBody/TableBody.js +3 -9
  92. package/lib/cjs/components/TableCaption/TableCaption.js +3 -9
  93. package/lib/cjs/components/TableCell/TableCell.d.ts +2 -2
  94. package/lib/cjs/components/TableCell/TableCell.js +3 -9
  95. package/lib/cjs/components/TableCell/TableCell.test.js +3 -7
  96. package/lib/cjs/components/TableHead/TableHead.js +3 -9
  97. package/lib/cjs/components/TableRow/TableRow.js +3 -9
  98. package/lib/cjs/components/Tabs/Tabs.stories.js +2 -2
  99. package/lib/cjs/components/Tabs/Tabs.style.js +1 -0
  100. package/lib/cjs/components/Tabs/Tabs.test.js +3 -10
  101. package/lib/cjs/components/Text/Text.test.js +3 -7
  102. package/lib/cjs/components/TextArea/TextArea.test.js +3 -8
  103. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +3 -7
  104. package/lib/cjs/components/TextField/TextField.test.js +3 -7
  105. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.test.js +0 -8
  106. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +3 -7
  107. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +3 -1
  108. package/lib/cjs/hooks/useField/useField.d.ts +35 -33
  109. package/lib/cjs/hooks/useField/useField.js +1 -1
  110. package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +3 -4
  111. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +8 -0
  112. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +10 -0
  113. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +6 -3
  114. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +16 -7
  115. package/lib/cjs/hooks/usePropWarning/usePropWarning.js +8 -0
  116. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +9 -13
  117. package/lib/cjs/hooks/useSelectField/useSelectField.js +10 -10
  118. package/lib/cjs/types/item.d.ts +7 -4
  119. package/lib/cjs/types/popoverContainer.d.ts +0 -1
  120. package/lib/cjs/types/shared/style.d.ts +0 -6
  121. package/lib/cjs/utils/designUtils/figmaLinks.js +2 -4
  122. package/lib/cjs/utils/testUtils/universalComponentTest.d.ts +2 -1
  123. package/lib/cjs/utils/testUtils/universalComponentTest.js +4 -6
  124. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +9 -8
  125. package/lib/components/AccordionGroup/AccordionGroup.test.js +11 -8
  126. package/lib/components/ArrayField/ArrayField.js +4 -6
  127. package/lib/components/ArrayField/ArrayField.test.js +4 -13
  128. package/lib/components/AstroProvider/AstroProvider.js +4 -4
  129. package/lib/components/AstroProvider/AstroProvider.test.js +3 -7
  130. package/lib/components/Avatar/Avatar.test.js +4 -7
  131. package/lib/components/Badge/Badge.test.js +3 -7
  132. package/lib/components/Box/Box.test.js +4 -7
  133. package/lib/components/Bracket/Bracket.js +1 -3
  134. package/lib/components/Bracket/Bracket.test.js +3 -7
  135. package/lib/components/Breadcrumbs/Breadcrumbs.test.js +3 -7
  136. package/lib/components/ButtonBar/ButtonBar.js +3 -4
  137. package/lib/components/ButtonBar/ButtonBar.stories.js +3 -57
  138. package/lib/components/ButtonBar/ButtonBar.test.js +3 -13
  139. package/lib/components/Callout/Callout.js +3 -4
  140. package/lib/components/Callout/Callout.test.js +0 -8
  141. package/lib/components/Card/Card.test.js +4 -7
  142. package/lib/components/Checkbox/Checkbox.test.js +4 -7
  143. package/lib/components/CheckboxField/CheckboxField.js +2 -4
  144. package/lib/components/CheckboxField/CheckboxField.test.js +3 -7
  145. package/lib/components/CodeView/CodeView.js +0 -1
  146. package/lib/components/CodeView/CodeView.test.js +3 -7
  147. package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js +10 -5
  148. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +3 -4
  149. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +3 -7
  150. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +3 -7
  151. package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +3 -7
  152. package/lib/components/ColorField/ColorField.test.js +3 -7
  153. package/lib/components/ComboBoxField/ComboBoxField.test.js +21 -11
  154. package/lib/components/CopyText/CopyText.test.js +5 -15
  155. package/lib/components/DataTable/DataTableBadge.test.js +0 -8
  156. package/lib/components/DataTable/DataTableMenu.test.js +0 -8
  157. package/lib/components/DataTable/DataTableMultiLine.test.js +5 -16
  158. package/lib/components/DatePicker/DatePicker.test.js +20 -11
  159. package/lib/components/EditButton/EditButton.test.js +2 -8
  160. package/lib/components/FieldHelperText/FieldHelperText.test.js +3 -7
  161. package/lib/components/FileInputField/FileInputField.test.js +2 -8
  162. package/lib/components/HelpHint/HelpHint.test.js +3 -7
  163. package/lib/components/IconBadge/IconBadge.js +3 -4
  164. package/lib/components/IconBadge/IconBadge.test.js +3 -9
  165. package/lib/components/IconButton/IconButton.test.js +3 -7
  166. package/lib/components/IconButtonToggle/IconButtonToggle.js +6 -6
  167. package/lib/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
  168. package/lib/components/ImageUploadField/ImageUploadField.test.js +3 -7
  169. package/lib/components/Input/Input.test.js +3 -7
  170. package/lib/components/Link/Link.test.js +3 -7
  171. package/lib/components/LinkSelectField/LinkSelectField.test.js +31 -12
  172. package/lib/components/ListItem/ListItem.test.js +8 -5
  173. package/lib/components/ListView/ListView.test.js +0 -19
  174. package/lib/components/ListViewItem/ListViewItem.test.js +3 -7
  175. package/lib/components/ListViewItem/controls/ListViewItemEditButton.js +4 -6
  176. package/lib/components/ListViewItem/controls/ListViewItemEditButton.test.js +3 -7
  177. package/lib/components/ListViewItem/controls/ListViewItemMenu.js +4 -5
  178. package/lib/components/ListViewItem/controls/ListViewItemMenu.test.js +4 -7
  179. package/lib/components/ListViewItem/controls/ListViewItemSwitchField.js +3 -4
  180. package/lib/components/ListViewItem/controls/ListViewItemSwitchField.test.js +3 -7
  181. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.js +4 -5
  182. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.test.js +3 -7
  183. package/lib/components/Loader/Loader.test.js +3 -7
  184. package/lib/components/Menu/Menu.test.js +3 -11
  185. package/lib/components/MenuItem/MenuItem.test.js +3 -15
  186. package/lib/components/Messages/Messages.test.js +3 -9
  187. package/lib/components/Modal/tests/Modal.unit.test.js +3 -7
  188. package/lib/components/MultivaluesField/MultivaluesField.test.js +20 -14
  189. package/lib/components/NavBar/NavBar.js +3 -4
  190. package/lib/components/NavBar/NavBar.test.js +2 -10
  191. package/lib/components/NumberField/NumberField.test.js +8 -5
  192. package/lib/components/OverlayPanel/OverlayPanel.test.js +3 -7
  193. package/lib/components/PageHeader/PageHeader.test.js +2 -11
  194. package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.js +3 -4
  195. package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.test.js +3 -7
  196. package/lib/components/PanelHeader/controls/PanelHeaderMenu.js +4 -7
  197. package/lib/components/PanelHeader/controls/PanelHeaderMenu.test.js +3 -7
  198. package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.js +4 -7
  199. package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.test.js +3 -7
  200. package/lib/components/PasswordField/PasswordField.test.js +3 -7
  201. package/lib/components/RadioField/RadioField.test.js +3 -9
  202. package/lib/components/RadioGroupField/RadioGroupField.test.js +3 -10
  203. package/lib/components/RequirementsList/RequirementsList.test.js +3 -7
  204. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -11
  205. package/lib/components/ScrollBox/ScrollBox.test.js +0 -8
  206. package/lib/components/SearchField/SearchField.test.js +3 -7
  207. package/lib/components/SelectField/SelectField.test.js +3 -11
  208. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +31 -13
  209. package/lib/components/Separator/Separator.test.js +3 -7
  210. package/lib/components/Stepper/Stepper.test.js +14 -12
  211. package/lib/components/SwitchField/SwitchField.test.js +3 -7
  212. package/lib/components/Table/Table.js +3 -4
  213. package/lib/components/Table/Table.test.js +3 -26
  214. package/lib/components/TableBody/TableBody.js +3 -4
  215. package/lib/components/TableCaption/TableCaption.js +3 -4
  216. package/lib/components/TableCell/TableCell.js +3 -4
  217. package/lib/components/TableCell/TableCell.test.js +3 -7
  218. package/lib/components/TableHead/TableHead.js +3 -4
  219. package/lib/components/TableRow/TableRow.js +3 -4
  220. package/lib/components/Tabs/Tabs.stories.js +3 -3
  221. package/lib/components/Tabs/Tabs.style.js +1 -0
  222. package/lib/components/Tabs/Tabs.test.js +3 -10
  223. package/lib/components/Text/Text.test.js +3 -7
  224. package/lib/components/TextArea/TextArea.test.js +3 -8
  225. package/lib/components/TextAreaField/TextAreaField.test.js +3 -7
  226. package/lib/components/TextField/TextField.test.js +3 -7
  227. package/lib/components/TimeZonePicker/TimeZonePicker.test.js +0 -8
  228. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +3 -7
  229. package/lib/hooks/useComponentToggle/useComponentToggle.js +3 -1
  230. package/lib/hooks/useField/useField.js +0 -2
  231. package/lib/hooks/useLabelHeight/useLabelHeight.js +3 -4
  232. package/lib/hooks/useNavBarPress/useNavBarPress.js +8 -0
  233. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +11 -0
  234. package/lib/hooks/useProgressiveState/useProgressiveState.js +7 -3
  235. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +16 -7
  236. package/lib/hooks/usePropWarning/usePropWarning.js +8 -0
  237. package/lib/hooks/usePropWarning/usePropWarning.test.js +9 -13
  238. package/lib/hooks/useSelectField/useSelectField.js +9 -11
  239. package/lib/utils/designUtils/figmaLinks.js +2 -4
  240. package/lib/utils/testUtils/universalComponentTest.js +4 -6
  241. package/package.json +1 -1
  242. package/lib/cjs/components/TableBody/TableBody.test.d.ts +0 -1
  243. package/lib/cjs/components/TableBody/TableBody.test.js +0 -13
  244. package/lib/cjs/components/TableCaption/TableCaption.test.js +0 -13
  245. package/lib/cjs/components/TableHead/TableHead.test.js +0 -13
  246. package/lib/cjs/components/TableRow/TableRow.test.js +0 -13
  247. package/lib/cjs/hooks/useLabelHeight/index.d.ts +0 -1
  248. package/lib/cjs/hooks/useLabelHeight/useLabelHeight.d.ts +0 -12
  249. package/lib/cjs/hooks/useNavBarPress/index.d.ts +0 -1
  250. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.d.ts +0 -20
  251. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.d.ts +0 -1
  252. package/lib/cjs/hooks/useOverlayPanelState/index.d.ts +0 -1
  253. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.d.ts +0 -32
  254. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.d.ts +0 -1
  255. package/lib/cjs/hooks/useProgressiveState/index.d.ts +0 -1
  256. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.d.ts +0 -11
  257. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.d.ts +0 -1
  258. package/lib/cjs/hooks/usePropWarning/index.d.ts +0 -1
  259. package/lib/cjs/hooks/usePropWarning/usePropWarning.d.ts +0 -13
  260. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.d.ts +0 -1
  261. package/lib/cjs/hooks/useRockerButton/index.d.ts +0 -1
  262. package/lib/cjs/hooks/useRockerButton/useRockerButton.d.ts +0 -241
  263. package/lib/cjs/hooks/useSelectField/index.d.ts +0 -1
  264. package/lib/cjs/hooks/useSelectField/useSelectField.d.ts +0 -55
  265. package/lib/components/TableBody/TableBody.test.js +0 -11
  266. package/lib/components/TableCaption/TableCaption.test.js +0 -11
  267. package/lib/components/TableHead/TableHead.test.js +0 -11
  268. package/lib/components/TableRow/TableRow.test.js +0 -11
@@ -1,6 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
2
  import { useEffect, useState } from 'react';
3
3
  var useLabelHeight = function useLabelHeight(_ref) {
4
+ var _labelRef$current2, _inputRef$current2;
4
5
  var labelRef = _ref.labelRef,
5
6
  inputRef = _ref.inputRef;
6
7
  var _useState = useState(false),
@@ -9,14 +10,12 @@ var useLabelHeight = function useLabelHeight(_ref) {
9
10
  setIsLabelHigher = _useState2[1];
10
11
  useEffect(function () {
11
12
  var _labelRef$current, _inputRef$current;
12
- var labelOffsetHeight = (labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) || 0;
13
- var inputOffsetHeight = (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight) || 0;
14
- if (labelOffsetHeight > inputOffsetHeight) {
13
+ if ((labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) > (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight)) {
15
14
  setIsLabelHigher(true);
16
15
  } else {
17
16
  setIsLabelHigher(false);
18
17
  }
19
- }, [labelRef, inputRef]);
18
+ }, [labelRef === null || labelRef === void 0 || (_labelRef$current2 = labelRef.current) === null || _labelRef$current2 === void 0 ? void 0 : _labelRef$current2.offsetHeight, inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.offsetHeight]);
20
19
  return {
21
20
  isLabelHigher: isLabelHigher
22
21
  };
@@ -1,3 +1,11 @@
1
+ /**
2
+ * A custom hook that will call an onPressCallback function, if the function is provided.
3
+ * @param {Object} params The accepted parameters object
4
+ * @param {string} props.key The unique identifier that is assigned to the element being pressed
5
+ * @param {Object} state The state object tracking selected keys
6
+ * @param {function} state.setSelectedKey The function that sets the selected keys
7
+ * @callback props.onPressCallback The callback that will be called only if provided
8
+ */
1
9
  var useNavBarPress = function useNavBarPress(_ref, state) {
2
10
  var key = _ref.key,
3
11
  onPressCallback = _ref.onPressCallback;
@@ -11,6 +11,17 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
11
11
  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; }
12
12
  import { useOverlayTriggerState } from 'react-stately';
13
13
  import useMountTransition from '../useMountTransition';
14
+
15
+ /**
16
+ * Returns state-related data and functions for use with a Modal component.
17
+ * @param {Object} [props] Properties provided to the state
18
+ * @param {Boolean} [props.isDefaultOpen] Whether the modal is open by default (uncontrolled).
19
+ * @param {Boolean} [props.isOpen] Whether the modal is currently open (controlled).
20
+ * @param {Function} [props.onOpenChange] Handler that is called when the open state changes.
21
+ * @param {Number} [props.transitionDuration] Number value of the length of the transition in ms.
22
+ * `(isOpen: boolean) => void`
23
+ * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
24
+ */
14
25
  var useOverlayPanelState = function useOverlayPanelState() {
15
26
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
16
27
  var isDefaultOpen = props.isDefaultOpen,
@@ -1,11 +1,15 @@
1
1
  import { useState } from 'react';
2
+
3
+ /**
4
+ * A custom hook that provides stateful capabilities when the associated prop is not supplied
5
+ * @param {*} prop The intended prop to be controlled by state
6
+ * @param {*} initial The initial state value, used only if the given prop is undefined
7
+ */
2
8
  var useProgressiveState = function useProgressiveState(prop, initial) {
3
9
  var controlledState = useState(initial);
4
10
  if (prop === undefined) {
5
11
  return controlledState;
6
12
  }
7
- return [prop, function () {
8
- return undefined;
9
- }];
13
+ return [prop, function () {}];
10
14
  };
11
15
  export default useProgressiveState;
@@ -1,16 +1,26 @@
1
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
1
2
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
3
+ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
4
+ var _excluded = ["count"];
2
5
  import React from 'react';
3
6
  import { render, screen } from '@testing-library/react';
4
7
  import { renderHook } from '@testing-library/react-hooks';
5
8
  import userEvent from '@testing-library/user-event';
6
9
  import useProgressiveState from './useProgressiveState';
7
10
  import { jsx as ___EmotionJSX } from "@emotion/react";
11
+ var testId = 'test';
12
+ var defaultProps = {
13
+ 'data-testid': testId
14
+ };
8
15
  var hookProps = {
9
16
  prop: 'count',
10
17
  initial: 0
11
18
  };
19
+
20
+ /* eslint-disable react/prop-types */
12
21
  var TestComponent = function TestComponent(_ref) {
13
- var count = _ref.count;
22
+ var count = _ref.count,
23
+ others = _objectWithoutProperties(_ref, _excluded);
14
24
  var _useProgressiveState = useProgressiveState(count, 0),
15
25
  _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
16
26
  countVal = _useProgressiveState2[0],
@@ -18,19 +28,18 @@ var TestComponent = function TestComponent(_ref) {
18
28
  var handleClick = function handleClick() {
19
29
  return setCountVal(countVal + 1);
20
30
  };
21
- return ___EmotionJSX("button", {
22
- type: "button",
31
+ return ___EmotionJSX("button", _extends({}, others, {
23
32
  onClick: handleClick
24
- }, countVal);
33
+ }), countVal);
25
34
  };
26
35
  var getComponent = function getComponent() {
27
36
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
28
- return render(___EmotionJSX(TestComponent, props));
37
+ return render(___EmotionJSX(TestComponent, _extends({}, props, defaultProps)));
29
38
  };
30
39
  describe('State Utils', function () {
31
40
  it('should update the state when no prop is provided', function () {
32
41
  getComponent();
33
- var component = screen.getByRole('button');
42
+ var component = screen.getByTestId(testId);
34
43
  expect(component).toHaveTextContent('0');
35
44
  userEvent.click(component);
36
45
  expect(component).toHaveTextContent('1');
@@ -41,7 +50,7 @@ describe('State Utils', function () {
41
50
  getComponent({
42
51
  count: 5
43
52
  });
44
- var component = screen.getByRole('button');
53
+ var component = screen.getByTestId(testId);
45
54
  expect(component).toHaveTextContent('5');
46
55
  userEvent.click(component);
47
56
  expect(component).toHaveTextContent('5');
@@ -2,6 +2,14 @@ import _Set from "@babel/runtime-corejs3/core-js-stable/set";
2
2
  import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
3
3
  import { useEffect } from 'react';
4
4
  var alreadyShown = new _Set();
5
+
6
+ /**
7
+ * Provides a development-only console warning for props that we don't want consumers to use
8
+ * @param {Object} props - The whole props object
9
+ * @param {String} propToWarn - Specify prop to warn not to use
10
+ * @param {String} propToUse - Specify prop that should be used instead
11
+ * @param {Boolean} [allowDuplicates] - If allow duplicate warning messages
12
+ */
5
13
  var usePropWarning = function usePropWarning(props, propToWarn, propToUse, allowDuplicates) {
6
14
  useEffect(function () {
7
15
  if (!allowDuplicates && alreadyShown.has(propToWarn)) {
@@ -4,7 +4,7 @@ describe('usePropWarning', function () {
4
4
  beforeEach(function () {
5
5
  process.env.NODE_ENV = 'development';
6
6
  global.console.warn = function () {
7
- return jest.fn();
7
+ return jest.mock();
8
8
  }; // eslint-disable-line no-console
9
9
  });
10
10
 
@@ -13,9 +13,8 @@ describe('usePropWarning', function () {
13
13
  jest.clearAllMocks();
14
14
  });
15
15
  test('default', function () {
16
- var props = {
17
- disabled: true
18
- };
16
+ var props = {};
17
+ props.disabled = true;
19
18
  var spy = jest.spyOn(console, 'warn');
20
19
  expect(spy).not.toHaveBeenCalled();
21
20
  renderHook(function () {
@@ -24,9 +23,8 @@ describe('usePropWarning', function () {
24
23
  expect(spy).toHaveBeenCalledTimes(1);
25
24
  });
26
25
  test('does not warn if prop does not exist', function () {
27
- var props = {
28
- isDisabled: true
29
- };
26
+ var props = {};
27
+ props.isDisabled = true;
30
28
  var spy = jest.spyOn(console, 'warn');
31
29
  expect(spy).not.toHaveBeenCalled();
32
30
  renderHook(function () {
@@ -35,9 +33,8 @@ describe('usePropWarning', function () {
35
33
  expect(spy).not.toHaveBeenCalled();
36
34
  });
37
35
  test('showns duplicated messages if explicitly allowed', function () {
38
- var props = {
39
- disabled: true
40
- };
36
+ var props = {};
37
+ props.disabled = true;
41
38
  var spy = jest.spyOn(console, 'warn');
42
39
  renderHook(function () {
43
40
  return usePropWarning(props, 'disabled', 'isDisabled', true);
@@ -49,9 +46,8 @@ describe('usePropWarning', function () {
49
46
  });
50
47
  test('does not warn if it is in production environment', function () {
51
48
  process.env.NODE_ENV = 'production';
52
- var props = {
53
- disabled: true
54
- };
49
+ var props = {};
50
+ props.disabled = true;
55
51
  var spy = jest.spyOn(console, 'warn');
56
52
  expect(spy).not.toHaveBeenCalled();
57
53
  renderHook(function () {
@@ -16,10 +16,8 @@ import React, { useCallback, useImperativeHandle, useLayoutEffect, useRef, useSt
16
16
  import { DismissButton, FocusScope, useOverlayPosition, useSelect } from 'react-aria';
17
17
  import { useSelectState } from 'react-stately';
18
18
  import { useResizeObserver } from '@react-aria/utils';
19
- // eslint-disable-next-line import/no-unresolved
20
-
21
19
  import { modes } from '../../components/Label/constants';
22
- import ListBox from '../../components/ListBox/ListBox';
20
+ import ListBox from '../../components/ListBox';
23
21
  import PopoverContainer from '../../components/PopoverContainer';
24
22
  import ScrollBox from '../../components/ScrollBox';
25
23
  import { useColumnStyles, useDeprecationWarning, useField } from '..';
@@ -55,7 +53,8 @@ var useSelectField = function useSelectField(props, ref) {
55
53
  // We use falsy booleans as defaults, but React Aria has this as true by default so we need to
56
54
  // negate this.
57
55
  var shouldFlip = !isNotFlippable;
58
- var selectProps = _objectSpread(_objectSpread({
56
+ var selectProps = _objectSpread({
57
+ children: children,
59
58
  defaultSelectedKey: defaultSelectedKey,
60
59
  defaultText: defaultText,
61
60
  disabledKeys: disabledKeys,
@@ -77,14 +76,13 @@ var useSelectField = function useSelectField(props, ref) {
77
76
  disallowEmptySelection: disallowEmptySelection,
78
77
  // must match React Aria API
79
78
  shouldFlip: shouldFlip
80
- }, controlProps), {}, {
81
- children: children
82
- });
79
+ }, controlProps);
83
80
  // Create state based on the incoming props
84
81
  var state = useSelectState(selectProps);
85
82
  var popoverRef = useRef();
86
- var listBoxRef = useRef();
87
83
  var triggerRef = useRef();
84
+ var listBoxRef = useRef();
85
+
88
86
  /* istanbul ignore next */
89
87
  useImperativeHandle(ref, function () {
90
88
  return triggerRef.current;
@@ -111,7 +109,7 @@ var useSelectField = function useSelectField(props, ref) {
111
109
  placeholder: props.labelMode === modes.FLOAT ? '' : placeholder,
112
110
  labelProps: _objectSpread(_objectSpread({}, props.labelProps), labelProps),
113
111
  containerProps: _objectSpread({
114
- isFloatLabelActive: !!state.selectedItem
112
+ isFloatLabelActive: state.selectedItem
115
113
  }, props.containerProps)
116
114
  })),
117
115
  fieldContainerProps = _useField.fieldContainerProps,
@@ -143,7 +141,7 @@ var useSelectField = function useSelectField(props, ref) {
143
141
  }, [state.isOpen, updatePosition]);
144
142
 
145
143
  // Measure the width of the input to inform the width of the listbox (below).
146
- var _useState = useState(0),
144
+ var _useState = useState(null),
147
145
  _useState2 = _slicedToArray(_useState, 2),
148
146
  buttonWidth = _useState2[0],
149
147
  setButtonWidth = _useState2[1];
@@ -152,7 +150,7 @@ var useSelectField = function useSelectField(props, ref) {
152
150
  if (triggerRef.current) {
153
151
  setButtonWidth(triggerRef.current.offsetWidth);
154
152
  }
155
- }, [triggerRef, setButtonWidth]);
153
+ }, [triggerRef, setButtonWidth, state.isOpen]);
156
154
  useResizeObserver({
157
155
  ref: triggerRef,
158
156
  onResize: onResize
@@ -29,10 +29,8 @@ export var FIGMA_LINKS = {
29
29
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=0-1&t=8Wwd3tIBh3GEjCJB-0'
30
30
  },
31
31
  buttonBar: {
32
- "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A753&mode=dev',
33
- rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A770&mode=dev',
34
- secondary: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A778&mode=dev',
35
- secondaryRightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A788&mode=dev'
32
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20551&mode=dev',
33
+ rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20657&mode=dev'
36
34
  },
37
35
  calendar: {
38
36
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=6373%3A25490&t=BoHXzVpQq9Lf7MaU-1'
@@ -33,22 +33,20 @@ var ComponentWithRef = function ComponentWithRef(_ref) {
33
33
  };
34
34
  export var universalComponentTests = /*#__PURE__*/function () {
35
35
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
36
- var renderComponent, _ref2$rules, rules;
36
+ var renderComponent, props, _ref2$rules, rules;
37
37
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
38
38
  while (1) switch (_context2.prev = _context2.next) {
39
39
  case 0:
40
- renderComponent = _ref2.renderComponent, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
40
+ renderComponent = _ref2.renderComponent, props = _ref2.props, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
41
41
  test('should have no accessibility violations', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
42
42
  var _render, container, results;
43
43
  return _regeneratorRuntime().wrap(function _callee$(_context) {
44
44
  while (1) switch (_context.prev = _context.next) {
45
45
  case 0:
46
46
  jest.useRealTimers();
47
- _render = render(renderComponent()), container = _render.container;
47
+ _render = render(renderComponent(props)), container = _render.container;
48
48
  _context.next = 4;
49
- return axe(container, {
50
- rules: rules
51
- });
49
+ return axe(container, rules);
52
50
  case 4:
53
51
  results = _context.sent;
54
52
  expect(results).toHaveNoViolations();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.33.0-alpha.12",
3
+ "version": "2.33.0-alpha.3",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _react = _interopRequireDefault(require("react"));
5
- var _index = require("../../index");
6
- var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
7
- var _react2 = require("@emotion/react");
8
- // Needs to be added to each components test file
9
- (0, _universalComponentTest.universalComponentTests)({
10
- renderComponent: function renderComponent(props) {
11
- return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableBody, props));
12
- }
13
- });
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _react = _interopRequireDefault(require("react"));
5
- var _index = require("../../index");
6
- var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
7
- var _react2 = require("@emotion/react");
8
- // Needs to be added to each components test file
9
- (0, _universalComponentTest.universalComponentTests)({
10
- renderComponent: function renderComponent(props) {
11
- return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableCaption, props));
12
- }
13
- });
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _react = _interopRequireDefault(require("react"));
5
- var _index = require("../../index");
6
- var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
7
- var _react2 = require("@emotion/react");
8
- // Needs to be added to each components test file
9
- (0, _universalComponentTest.universalComponentTests)({
10
- renderComponent: function renderComponent(props) {
11
- return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableHead, props));
12
- }
13
- });
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _react = _interopRequireDefault(require("react"));
5
- var _index = require("../../index");
6
- var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
7
- var _react2 = require("@emotion/react");
8
- // Needs to be added to each components test file
9
- (0, _universalComponentTest.universalComponentTests)({
10
- renderComponent: function renderComponent(props) {
11
- return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableBody, null, (0, _react2.jsx)(_index.TableRow, props)));
12
- }
13
- });
@@ -1 +0,0 @@
1
- export { default } from './useLabelHeight';
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- interface UseLabelHeightProps {
3
- labelRef: React.RefObject<HTMLLabelElement>;
4
- inputRef: React.RefObject<HTMLInputElement>;
5
- }
6
- interface UseLabelHeight {
7
- ({ labelRef, inputRef }: UseLabelHeightProps): {
8
- isLabelHigher: boolean;
9
- };
10
- }
11
- declare const useLabelHeight: UseLabelHeight;
12
- export default useLabelHeight;
@@ -1 +0,0 @@
1
- export { default } from './useNavBarPress';
@@ -1,20 +0,0 @@
1
- interface UseNavBarPress {
2
- /**
3
- * A custom hook that will call an onPressCallback function, if the function is provided.
4
- * @param {Object} params The accepted parameters object
5
- * @param {string} props.key The unique identifier that is assigned to the element being pressed
6
- * @param {Object} state The state object tracking selected keys
7
- * @param {function} state.setSelectedKey The function that sets the selected keys
8
- * @callback props.onPressCallback The callback that will be called only if provided
9
- */
10
- (params: {
11
- key: string;
12
- onPressCallback?: () => void;
13
- }, state: {
14
- setSelectedKey: (key: string) => void;
15
- }): {
16
- onNavPress: () => void;
17
- };
18
- }
19
- declare const useNavBarPress: UseNavBarPress;
20
- export default useNavBarPress;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export { default } from './useOverlayPanelState';
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { OverlayTriggerState } from 'react-stately';
3
- interface UseOverlayPanelStateProps {
4
- isDefaultOpen?: boolean;
5
- isOpen?: boolean;
6
- onOpenChange?: (isOpen: boolean) => void;
7
- transitionDuration?: number;
8
- }
9
- export interface UseOverlayPanelReturnState extends OverlayTriggerState {
10
- isTransitioning?: boolean;
11
- }
12
- interface UseOverlayPanelStateReturnValues {
13
- state: UseOverlayPanelReturnState;
14
- onClose: (stateProp?: OverlayTriggerState, triggerRef?: React.RefObject<HTMLButtonElement>, onCloseProp?: VoidFunction) => void;
15
- isTransitioning: boolean;
16
- }
17
- interface UseOverlayPanelState {
18
- /**
19
- * Returns state-related data and functions for use with a Modal component.
20
- * @param {Object} [props] Properties provided to the state
21
- *
22
- * @param {boolean} [prop.isDefaultOpen] Whether the modal is open by default (uncontrolled).
23
- * @param {boolean} [prop.isOpen] Whether the modal is currently open (controlled).
24
- * @param {function} [prop.onOpenChange] Handler that is called when the open state changes.
25
- * @param {number} [prop.transitionDuration] Number value of the length of the transition in ms.
26
- *
27
- * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
28
- */
29
- (props?: UseOverlayPanelStateProps): UseOverlayPanelStateReturnValues;
30
- }
31
- declare const useOverlayPanelState: UseOverlayPanelState;
32
- export default useOverlayPanelState;
@@ -1 +0,0 @@
1
- export { default } from './useProgressiveState';
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- interface UseProgressiveState {
3
- /**
4
- * A custom hook that provides stateful capabilities when the associated prop is not supplied
5
- * @param {T} prop The intended prop to be controlled by state
6
- * @param {U} initial The initial state value, used only if the given prop is undefined
7
- */
8
- <T, U>(prop: T | undefined, initial: U): [U, React.Dispatch<U>] | [T, () => undefined];
9
- }
10
- declare const useProgressiveState: UseProgressiveState;
11
- export default useProgressiveState;
@@ -1 +0,0 @@
1
- export { default } from './usePropWarning';
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- interface UsePropWarning {
3
- /**
4
- * Provides a development-only console warning for props that we don't want consumers to use
5
- * @param {Object} props - The whole props object
6
- * @param {String} propToWarn - Specify prop to warn not to use
7
- * @param {String} propToUse - Specify prop that should be used instead
8
- * @param {Boolean} [allowDuplicates] - If allow duplicate warning messages
9
- */
10
- (props: React.ComponentProps<React.ComponentType>, propToWarn: string, propToUse: string, allowDuplicates?: boolean): void;
11
- }
12
- declare const usePropWarning: UsePropWarning;
13
- export default usePropWarning;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export { default } from './useRockerButton';