@pingux/astro 2.85.0 → 2.86.0-alpha.0

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 (95) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +3 -1
  2. package/lib/cjs/components/AstroProvider/AstroProvider.js +13 -19
  3. package/lib/cjs/components/Box/Box.js +11 -11
  4. package/lib/cjs/components/Button/Button.js +4 -6
  5. package/lib/cjs/components/Button/Button.test.js +46 -10
  6. package/lib/cjs/components/CodeEditor/CodeEditor.test.js +20 -0
  7. package/lib/cjs/components/CodeView/CodeView.test.js +18 -6
  8. package/lib/cjs/components/ColorField/ColorField.js +4 -6
  9. package/lib/cjs/components/CopyText/CopyText.test.js +21 -23
  10. package/lib/cjs/components/DataTable/DataTable.test.js +39 -34
  11. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +3 -1
  12. package/lib/cjs/components/HelpHint/HelpHint.test.js +25 -13
  13. package/lib/cjs/components/Image/Image.js +1 -2
  14. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +6 -2
  15. package/lib/cjs/components/ListView/ListView.test.js +3 -1
  16. package/lib/cjs/components/Messages/Messages.test.js +1 -2
  17. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +1 -2
  18. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +1 -2
  19. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +75 -25
  20. package/lib/cjs/components/NavBar/NavBar.test.js +9 -3
  21. package/lib/cjs/components/NavSideBar/NavSideBar.test.js +15 -5
  22. package/lib/cjs/components/NumberField/NumberField.test.js +3 -1
  23. package/lib/cjs/components/PasswordField/PasswordField.js +2 -0
  24. package/lib/cjs/components/PasswordField/PasswordField.test.js +28 -22
  25. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +2 -4
  26. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +39 -18
  27. package/lib/cjs/components/Stepper/Line.js +4 -4
  28. package/lib/cjs/components/Stepper/Stepper.js +7 -5
  29. package/lib/cjs/components/Tab/Tab.js +2 -2
  30. package/lib/cjs/components/Tabs/Tabs.test.js +404 -273
  31. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +19 -10
  32. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +3 -3
  33. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +4 -5
  34. package/lib/cjs/hooks/useDebounce/useDebounce.test.js +5 -5
  35. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +8 -8
  36. package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +3 -3
  37. package/lib/cjs/hooks/useFallbackImage/useFallbackImage.test.js +4 -4
  38. package/lib/cjs/hooks/useField/useField.test.js +14 -14
  39. package/lib/cjs/hooks/useModalState/useModalState.test.js +16 -16
  40. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +3 -3
  41. package/lib/cjs/hooks/useNavBarStyling/useNavBarStyling.test.js +3 -3
  42. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +2 -2
  43. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +6 -6
  44. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +5 -5
  45. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +6 -6
  46. package/lib/cjs/types/tabs.d.ts +1 -0
  47. package/lib/cjs/utils/testUtils/setupTests.js +3 -0
  48. package/lib/cjs/utils/testUtils/testWrapper.d.ts +1 -1
  49. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +3 -1
  50. package/lib/components/AstroProvider/AstroProvider.js +13 -19
  51. package/lib/components/Box/Box.js +11 -11
  52. package/lib/components/Button/Button.js +4 -6
  53. package/lib/components/Button/Button.test.js +47 -11
  54. package/lib/components/CodeEditor/CodeEditor.test.js +20 -0
  55. package/lib/components/CodeView/CodeView.test.js +18 -6
  56. package/lib/components/ColorField/ColorField.js +4 -6
  57. package/lib/components/CopyText/CopyText.test.js +15 -16
  58. package/lib/components/DataTable/DataTable.test.js +19 -14
  59. package/lib/components/FieldHelperText/FieldHelperText.js +3 -1
  60. package/lib/components/HelpHint/HelpHint.test.js +26 -14
  61. package/lib/components/Image/Image.js +1 -2
  62. package/lib/components/ImageUploadField/ImageUploadField.test.js +7 -3
  63. package/lib/components/ListView/ListView.test.js +4 -2
  64. package/lib/components/Messages/Messages.test.js +1 -2
  65. package/lib/components/Messages/utils/tests/messagesReducer.test.js +1 -2
  66. package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +1 -2
  67. package/lib/components/MultivaluesField/MultivaluesField.test.js +76 -26
  68. package/lib/components/NavBar/NavBar.test.js +10 -4
  69. package/lib/components/NavSideBar/NavSideBar.test.js +16 -6
  70. package/lib/components/NumberField/NumberField.test.js +4 -2
  71. package/lib/components/PasswordField/PasswordField.js +2 -0
  72. package/lib/components/PasswordField/PasswordField.test.js +27 -21
  73. package/lib/components/PopoverContainer/PopoverContainer.js +2 -4
  74. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +40 -17
  75. package/lib/components/Stepper/Line.js +3 -4
  76. package/lib/components/Stepper/Stepper.js +7 -5
  77. package/lib/components/Tab/Tab.js +2 -2
  78. package/lib/components/Tabs/Tabs.test.js +404 -273
  79. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +20 -11
  80. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -1
  81. package/lib/hooks/useComponentToggle/useComponentToggle.test.js +1 -2
  82. package/lib/hooks/useDebounce/useDebounce.test.js +1 -1
  83. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +1 -1
  84. package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -1
  85. package/lib/hooks/useFallbackImage/useFallbackImage.test.js +1 -1
  86. package/lib/hooks/useField/useField.test.js +2 -2
  87. package/lib/hooks/useModalState/useModalState.test.js +1 -1
  88. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +1 -1
  89. package/lib/hooks/useNavBarStyling/useNavBarStyling.test.js +1 -1
  90. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +1 -1
  91. package/lib/hooks/usePropWarning/usePropWarning.test.js +1 -1
  92. package/lib/hooks/useStatusClasses/useStatusClasses.test.js +1 -1
  93. package/lib/hooks/useTShirtSize/useTShirtSize.test.js +1 -1
  94. package/lib/utils/testUtils/setupTests.js +3 -0
  95. package/package.json +10 -10
@@ -28,12 +28,11 @@ var getComponent = function getComponent() {
28
28
  others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
29
29
  return (0, _testWrapper.render)((0, _react2.jsx)(_index.TooltipTrigger, others, (0, _react2.jsx)(_index.Button, buttonProps, "Mock Button"), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content")));
30
30
  };
31
-
32
- // Needs to be added to each components test file
33
- (0, _universalComponentTest.universalComponentTests)({
34
- renderComponent: function renderComponent(props) {
35
- return (0, _react2.jsx)(_index.TooltipTrigger, props, (0, _react2.jsx)(_index.Button, null, "Mock Button"), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content"));
36
- }
31
+ beforeAll(function () {
32
+ jest.useFakeTimers();
33
+ });
34
+ afterEach(function () {
35
+ jest.clearAllMocks();
37
36
  });
38
37
  test('tooltip doesnt show by default and is rendered when trigger is hovered', function () {
39
38
  getComponent();
@@ -115,13 +114,16 @@ test('tooltip closes after closeDelay when mouse leaves trigger', /*#__PURE__*/(
115
114
  _testWrapper.fireEvent.mouseEnter(button);
116
115
  expect(_testWrapper.screen.queryByRole('tooltip')).toBeInTheDocument();
117
116
  _testWrapper.fireEvent.mouseLeave(button);
118
- _context.next = 8;
119
- return (0, _testWrapper.waitFor)(function () {
117
+ (0, _testWrapper.act)(function () {
118
+ jest.advanceTimersByTime(11);
119
+ });
120
+ _context.next = 9;
121
+ return (0, _testWrapper.act)(function () {
120
122
  expect(_testWrapper.screen.queryByRole('tooltip')).not.toBeInTheDocument();
121
123
  }, {
122
124
  timeout: closeDelay + 1
123
125
  });
124
- case 8:
126
+ case 9:
125
127
  case "end":
126
128
  return _context.stop();
127
129
  }
@@ -151,4 +153,11 @@ test('tooltip stays open until closeDelay after mouse leaves trigger', /*#__PURE
151
153
  return _context2.stop();
152
154
  }
153
155
  }, _callee2);
154
- })));
156
+ })));
157
+
158
+ // Needs to be added to each components test file
159
+ (0, _universalComponentTest.universalComponentTests)({
160
+ renderComponent: function renderComponent(props) {
161
+ return (0, _react2.jsx)(_index.TooltipTrigger, props, (0, _react2.jsx)(_index.Button, null, "Mock Button"), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content"));
162
+ }
163
+ });
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _useAriaLabelWarning = _interopRequireDefault(require("./useAriaLabelWarning"));
6
6
  var component = 'TestComponent';
7
7
  beforeEach(function () {
@@ -16,7 +16,7 @@ afterEach(function () {
16
16
  test('default useAriaLabelWarning', function () {
17
17
  var spy = jest.spyOn(console, 'warn');
18
18
  expect(spy).not.toHaveBeenCalled();
19
- (0, _reactHooks.renderHook)(function () {
19
+ (0, _react.renderHook)(function () {
20
20
  return (0, _useAriaLabelWarning["default"])(component);
21
21
  });
22
22
  expect(spy).toHaveBeenCalledTimes(1);
@@ -25,7 +25,7 @@ test('useAriaLabelWarning with string', function () {
25
25
  var compound = "".concat(component, " has an undefined aria-label. If the surrounding content sufficiently labels this component instance, you may disable this warning by setting the prop to `null`. Otherwise, please provide an appropriate aria-label. See more info here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label");
26
26
  var spy = jest.spyOn(console, 'warn');
27
27
  expect(spy).not.toHaveBeenCalled();
28
- (0, _reactHooks.renderHook)(function () {
28
+ (0, _react.renderHook)(function () {
29
29
  return (0, _useAriaLabelWarning["default"])(component);
30
30
  });
31
31
  expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(compound), expect.any(String), expect.any(String), expect.any(String));
@@ -17,7 +17,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/
17
17
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
18
18
  var _react = _interopRequireWildcard(require("react"));
19
19
  var _react2 = require("@testing-library/react");
20
- var _reactHooks = require("@testing-library/react-hooks");
21
20
  var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
22
21
  var _useComponentToggle2 = _interopRequireDefault(require("./useComponentToggle"));
23
22
  var _react3 = require("@emotion/react");
@@ -58,16 +57,16 @@ var getComponent = function getComponent() {
58
57
  return (0, _react2.render)((0, _react3.jsx)(TestComponent, null));
59
58
  };
60
59
  test('default useField', function () {
61
- (0, _reactHooks.renderHook)(function () {
60
+ (0, _react2.renderHook)(function () {
62
61
  return (0, _useComponentToggle2["default"])(defaultProps);
63
62
  });
64
63
  });
65
64
  test('callback function should call, if provided', function () {
66
- var _renderHook = (0, _reactHooks.renderHook)(function () {
65
+ var _renderHook = (0, _react2.renderHook)(function () {
67
66
  return (0, _useComponentToggle2["default"])(defaultProps);
68
67
  }),
69
68
  result = _renderHook.result;
70
- (0, _reactHooks.act)(function () {
69
+ (0, _react2.act)(function () {
71
70
  return result.current.handleConditionChange();
72
71
  });
73
72
  expect(callback).toHaveBeenCalled();
@@ -77,7 +76,7 @@ test('expect hook to return correct data shape', /*#__PURE__*/(0, _asyncToGenera
77
76
  return _regeneratorRuntime().wrap(function _callee$(_context) {
78
77
  while (1) switch (_context.prev = _context.next) {
79
78
  case 0:
80
- _renderHook2 = (0, _reactHooks.renderHook)(function () {
79
+ _renderHook2 = (0, _react2.renderHook)(function () {
81
80
  return (0, _useComponentToggle2["default"])(defaultProps);
82
81
  }), result = _renderHook2.result;
83
82
  _result$current = result.current, handleConditionChange = _result$current.handleConditionChange, RenderedComponent = _result$current.RenderedComponent;
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _ = _interopRequireDefault(require("."));
6
6
  describe('useDebounce', function () {
7
7
  jest.useFakeTimers();
8
8
  it('Updates value only after `delay` milliseconds have expired', function () {
9
- var _renderHook = (0, _reactHooks.renderHook)(function (_ref) {
9
+ var _renderHook = (0, _react.renderHook)(function (_ref) {
10
10
  var value = _ref.value,
11
11
  delay = _ref.delay;
12
12
  return (0, _["default"])({
@@ -22,7 +22,7 @@ describe('useDebounce', function () {
22
22
  result = _renderHook.result,
23
23
  rerender = _renderHook.rerender;
24
24
  expect(result.current).toBe('foo');
25
- (0, _reactHooks.act)(function () {
25
+ (0, _react.act)(function () {
26
26
  return jest.advanceTimersByTime(510);
27
27
  });
28
28
  expect(result.current).toBe('foo');
@@ -31,11 +31,11 @@ describe('useDebounce', function () {
31
31
  delay: 500
32
32
  });
33
33
  expect(result.current).toBe('foo');
34
- (0, _reactHooks.act)(function () {
34
+ (0, _react.act)(function () {
35
35
  return jest.advanceTimersByTime(498);
36
36
  });
37
37
  expect(result.current).toBe('foo');
38
- (0, _reactHooks.act)(function () {
38
+ (0, _react.act)(function () {
39
39
  return jest.advanceTimersByTime(3);
40
40
  });
41
41
  expect(result.current).toBe('bar');
@@ -3,7 +3,7 @@
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
4
  var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
5
5
  var _toArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toArray"));
6
- var _reactHooks = require("@testing-library/react-hooks");
6
+ var _react = require("@testing-library/react");
7
7
  var _useDeprecationWarning = _interopRequireDefault(require("./useDeprecationWarning"));
8
8
  // since we cannot reset `alreadyShown` inside of module we will generate unique messages
9
9
  var uniqueIndex = 0;
@@ -26,7 +26,7 @@ afterEach(function () {
26
26
  test('default useDeprecationWarning', function () {
27
27
  var spy = jest.spyOn(console, 'warn');
28
28
  expect(spy).not.toHaveBeenCalled();
29
- (0, _reactHooks.renderHook)(function () {
29
+ (0, _react.renderHook)(function () {
30
30
  return (0, _useDeprecationWarning["default"])();
31
31
  });
32
32
  expect(spy).toHaveBeenCalledTimes(1);
@@ -35,7 +35,7 @@ test('useDeprecationWarning with string', function () {
35
35
  var string = generateUniqueMessage();
36
36
  var spy = jest.spyOn(console, 'warn');
37
37
  expect(spy).not.toHaveBeenCalled();
38
- (0, _reactHooks.renderHook)(function () {
38
+ (0, _react.renderHook)(function () {
39
39
  return (0, _useDeprecationWarning["default"])(string);
40
40
  });
41
41
  expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(string), expect.any(String), expect.any(String), expect.any(String));
@@ -43,10 +43,10 @@ test('useDeprecationWarning with string', function () {
43
43
  test('useDeprecationWarning by default ignores duplicated messages', function () {
44
44
  var spy = jest.spyOn(console, 'warn');
45
45
  var message = generateUniqueMessage();
46
- (0, _reactHooks.renderHook)(function () {
46
+ (0, _react.renderHook)(function () {
47
47
  return (0, _useDeprecationWarning["default"])(message);
48
48
  });
49
- (0, _reactHooks.renderHook)(function () {
49
+ (0, _react.renderHook)(function () {
50
50
  return (0, _useDeprecationWarning["default"])(message);
51
51
  });
52
52
  expect(spy).toHaveBeenCalledTimes(1);
@@ -54,12 +54,12 @@ test('useDeprecationWarning by default ignores duplicated messages', function ()
54
54
  test('useDeprecationWarning shows same message for few times if explicitly allowed', function () {
55
55
  var spy = jest.spyOn(console, 'warn');
56
56
  var message = generateUniqueMessage();
57
- (0, _reactHooks.renderHook)(function () {
57
+ (0, _react.renderHook)(function () {
58
58
  return (0, _useDeprecationWarning["default"])(message, {
59
59
  onlyOnce: false
60
60
  });
61
61
  });
62
- (0, _reactHooks.renderHook)(function () {
62
+ (0, _react.renderHook)(function () {
63
63
  return (0, _useDeprecationWarning["default"])(message, {
64
64
  onlyOnce: false
65
65
  });
@@ -69,7 +69,7 @@ test('useDeprecationWarning shows same message for few times if explicitly allow
69
69
  test('shows message after isActive is flipped from false to true', function () {
70
70
  var spy = jest.spyOn(console, 'warn');
71
71
  var message = generateUniqueMessage();
72
- var _renderHook = (0, _reactHooks.renderHook)(function (_ref) {
72
+ var _renderHook = (0, _react.renderHook)(function (_ref) {
73
73
  var _ref2 = (0, _toArray2["default"])(_ref),
74
74
  args = (0, _slice["default"])(_ref2).call(_ref2, 0);
75
75
  return _useDeprecationWarning["default"].apply(void 0, args);
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _useDevelopmentWarning = _interopRequireDefault(require("./useDevelopmentWarning"));
6
6
  var message = 'This is test message';
7
7
  beforeEach(function () {
@@ -16,7 +16,7 @@ afterEach(function () {
16
16
  test('useDevelopmentWarning with message and trigger false', function () {
17
17
  var spy = jest.spyOn(console, 'warn');
18
18
  expect(spy).not.toHaveBeenCalled();
19
- (0, _reactHooks.renderHook)(function () {
19
+ (0, _react.renderHook)(function () {
20
20
  return (0, _useDevelopmentWarning["default"])({
21
21
  message: message,
22
22
  shouldTrigger: false
@@ -27,7 +27,7 @@ test('useDevelopmentWarning with message and trigger false', function () {
27
27
  test('useDevelopmentWarning with message and trigger true', function () {
28
28
  var spy = jest.spyOn(console, 'warn');
29
29
  expect(spy).not.toHaveBeenCalled();
30
- (0, _reactHooks.renderHook)(function () {
30
+ (0, _react.renderHook)(function () {
31
31
  return (0, _useDevelopmentWarning["default"])({
32
32
  message: message,
33
33
  shouldTrigger: true
@@ -10,7 +10,7 @@ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/ob
10
10
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
11
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
13
- var _reactHooks = require("@testing-library/react-hooks");
13
+ var _react = require("@testing-library/react");
14
14
  var _ = _interopRequireDefault(require("."));
15
15
  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; }
16
16
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -23,14 +23,14 @@ var defaultProps = {
23
23
  fallbackImage: 'test-fallback-src'
24
24
  };
25
25
  test('should return node if all props are correct', function () {
26
- var _renderHook = (0, _reactHooks.renderHook)(function () {
26
+ var _renderHook = (0, _react.renderHook)(function () {
27
27
  return (0, _["default"])(defaultProps);
28
28
  }),
29
29
  result = _renderHook.result;
30
30
  expect(result.current).toBeInstanceOf(HTMLImageElement);
31
31
  });
32
32
  test('should not trigger onImageLoad if no fallback passed', function () {
33
- (0, _reactHooks.renderHook)(function () {
33
+ (0, _react.renderHook)(function () {
34
34
  return (0, _["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
35
35
  fallbackImage: null
36
36
  }));
@@ -38,7 +38,7 @@ test('should not trigger onImageLoad if no fallback passed', function () {
38
38
  expect(defaultProps.onImageLoad).not.toHaveBeenCalled();
39
39
  });
40
40
  test('should not trigger onImageLoad if component unmounted', function () {
41
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
41
+ var _renderHook2 = (0, _react.renderHook)(function () {
42
42
  return (0, _["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
43
43
  fallbackImage: null
44
44
  }));
@@ -11,7 +11,7 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
11
11
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
13
13
  var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
14
- var _reactHooks = require("@testing-library/react-hooks");
14
+ var _react = require("@testing-library/react");
15
15
  var _labelModes = require("../../utils/devUtils/constants/labelModes");
16
16
  var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
17
17
  var _useField = _interopRequireDefault(require("./useField"));
@@ -62,13 +62,13 @@ var defaultProps = {
62
62
  }
63
63
  };
64
64
  test('default useField', function () {
65
- (0, _reactHooks.renderHook)(function () {
66
- return (0, _useField["default"])({});
65
+ (0, _react.renderHook)(function () {
66
+ return (0, _useField["default"])(defaultProps);
67
67
  });
68
68
  });
69
69
  test('should return props objects for field components', function () {
70
70
  var _defaultProps$contain, _context, _context2;
71
- var _renderHook = (0, _reactHooks.renderHook)(function () {
71
+ var _renderHook = (0, _react.renderHook)(function () {
72
72
  return (0, _useField["default"])(defaultProps);
73
73
  }),
74
74
  result = _renderHook.result;
@@ -142,7 +142,7 @@ test('should support autocomplete additionally', function () {
142
142
  autocomplete: 'new-password'
143
143
  });
144
144
  delete newProps.autoComplete;
145
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
145
+ var _renderHook2 = (0, _react.renderHook)(function () {
146
146
  return (0, _useField["default"])(newProps);
147
147
  }),
148
148
  result = _renderHook2.result;
@@ -152,7 +152,7 @@ test('should support autocomplete additionally', function () {
152
152
  });
153
153
  });
154
154
  test('should return isFloatLabelActive class for container', function () {
155
- var _renderHook3 = (0, _reactHooks.renderHook)(function (initialProps) {
155
+ var _renderHook3 = (0, _react.renderHook)(function (initialProps) {
156
156
  return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
157
157
  placeholder: undefined
158
158
  }));
@@ -171,7 +171,7 @@ test('should return isFloatLabelActive class for container', function () {
171
171
  expect(result.current.fieldContainerProps.className).toContain('is-float-label-active');
172
172
 
173
173
  // Does not have the class if the value is invalid
174
- (0, _reactHooks.act)(function () {
174
+ (0, _react.act)(function () {
175
175
  return result.current.fieldControlInputProps.onChange({
176
176
  target: {
177
177
  value: undefined
@@ -181,13 +181,13 @@ test('should return isFloatLabelActive class for container', function () {
181
181
  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active');
182
182
 
183
183
  // Has the class if the container has focus within it
184
- (0, _reactHooks.act)(function () {
184
+ (0, _react.act)(function () {
185
185
  return result.current.fieldContainerProps.onFocus({});
186
186
  });
187
187
  expect(result.current.fieldContainerProps.className).toContain('is-float-label');
188
188
 
189
189
  // Does not have the class if the container loses focus within it
190
- (0, _reactHooks.act)(function () {
190
+ (0, _react.act)(function () {
191
191
  return result.current.fieldContainerProps.onBlur({
192
192
  currentTarget: {
193
193
  contains: jest.fn()
@@ -206,7 +206,7 @@ test('should return isFloatLabelActive class for container', function () {
206
206
  expect(result.current.fieldContainerProps.className).toContain('is-float-label-active');
207
207
  });
208
208
  test('should return isLeftLabel class for container', function () {
209
- var _renderHook4 = (0, _reactHooks.renderHook)(function (initialProps) {
209
+ var _renderHook4 = (0, _react.renderHook)(function (initialProps) {
210
210
  return (0, _useField["default"])(initialProps);
211
211
  }, {
212
212
  initialProps: defaultProps
@@ -225,7 +225,7 @@ test('should return isLeftLabel class for container', function () {
225
225
  test('should return hasValue class for container when onChange updates internal state', function () {
226
226
  var onChange = jest.fn();
227
227
  var numCalls = 0;
228
- var _renderHook5 = (0, _reactHooks.renderHook)(function () {
228
+ var _renderHook5 = (0, _react.renderHook)(function () {
229
229
  return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
230
230
  defaultValue: undefined,
231
231
  placeholder: undefined,
@@ -238,7 +238,7 @@ test('should return hasValue class for container when onChange updates internal
238
238
  expect(result.current.fieldContainerProps.className).not.toContain('has-value');
239
239
 
240
240
  // 0 should be a valid value
241
- (0, _reactHooks.act)(function () {
241
+ (0, _react.act)(function () {
242
242
  return result.current.fieldControlInputProps.onChange({
243
243
  target: {
244
244
  value: 0
@@ -249,7 +249,7 @@ test('should return hasValue class for container when onChange updates internal
249
249
  numCalls += 1;
250
250
 
251
251
  // undefined is not a valid value
252
- (0, _reactHooks.act)(function () {
252
+ (0, _react.act)(function () {
253
253
  return result.current.fieldControlInputProps.onChange({
254
254
  target: {
255
255
  value: undefined
@@ -260,7 +260,7 @@ test('should return hasValue class for container when onChange updates internal
260
260
  numCalls += 1;
261
261
 
262
262
  // a non-empty string is a valid value
263
- (0, _reactHooks.act)(function () {
263
+ (0, _react.act)(function () {
264
264
  return result.current.fieldControlInputProps.onChange({
265
265
  target: {
266
266
  value: 'a'
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _useModalState = _interopRequireDefault(require("./useModalState"));
6
6
  test('default return', function () {
7
- var _renderHook = (0, _reactHooks.renderHook)(function () {
7
+ var _renderHook = (0, _react.renderHook)(function () {
8
8
  return (0, _useModalState["default"])();
9
9
  }),
10
10
  result = _renderHook.result;
@@ -17,7 +17,7 @@ test('default return', function () {
17
17
  }));
18
18
  });
19
19
  test('isDefaultOpen returns uncontrolled state', function () {
20
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
20
+ var _renderHook2 = (0, _react.renderHook)(function () {
21
21
  return (0, _useModalState["default"])({
22
22
  isDefaultOpen: true
23
23
  });
@@ -30,21 +30,21 @@ test('isDefaultOpen returns uncontrolled state', function () {
30
30
  toggle: expect.any(Function),
31
31
  isTransitioning: expect.any(Boolean)
32
32
  }));
33
- (0, _reactHooks.act)(function () {
33
+ (0, _react.act)(function () {
34
34
  return result.current.close();
35
35
  });
36
36
  expect(result.current.isOpen).toBe(false);
37
- (0, _reactHooks.act)(function () {
37
+ (0, _react.act)(function () {
38
38
  return result.current.open();
39
39
  });
40
40
  expect(result.current.isOpen).toBe(true);
41
- (0, _reactHooks.act)(function () {
41
+ (0, _react.act)(function () {
42
42
  return result.current.toggle();
43
43
  });
44
44
  expect(result.current.isOpen).toBe(false);
45
45
  });
46
46
  test('isOpen when true returns controlled state', function () {
47
- var _renderHook3 = (0, _reactHooks.renderHook)(function () {
47
+ var _renderHook3 = (0, _react.renderHook)(function () {
48
48
  return (0, _useModalState["default"])({
49
49
  isOpen: true
50
50
  });
@@ -57,17 +57,17 @@ test('isOpen when true returns controlled state', function () {
57
57
  toggle: expect.any(Function),
58
58
  isTransitioning: expect.any(Boolean)
59
59
  }));
60
- (0, _reactHooks.act)(function () {
60
+ (0, _react.act)(function () {
61
61
  return result.current.close();
62
62
  });
63
63
  expect(result.current.isOpen).not.toBe(false);
64
- (0, _reactHooks.act)(function () {
64
+ (0, _react.act)(function () {
65
65
  return result.current.toggle();
66
66
  });
67
67
  expect(result.current.isOpen).not.toBe(false);
68
68
  });
69
69
  test('isOpen when false returns controlled state', function () {
70
- var _renderHook4 = (0, _reactHooks.renderHook)(function () {
70
+ var _renderHook4 = (0, _react.renderHook)(function () {
71
71
  return (0, _useModalState["default"])({
72
72
  isOpen: false
73
73
  });
@@ -80,18 +80,18 @@ test('isOpen when false returns controlled state', function () {
80
80
  toggle: expect.any(Function),
81
81
  isTransitioning: expect.any(Boolean)
82
82
  }));
83
- (0, _reactHooks.act)(function () {
83
+ (0, _react.act)(function () {
84
84
  return result.current.open();
85
85
  });
86
86
  expect(result.current.isOpen).not.toBe(true);
87
- (0, _reactHooks.act)(function () {
87
+ (0, _react.act)(function () {
88
88
  return result.current.toggle();
89
89
  });
90
90
  expect(result.current.isOpen).not.toBe(true);
91
91
  });
92
92
  test('onOpenChange callback is triggered', function () {
93
93
  var onOpenChange = jest.fn();
94
- var _renderHook5 = (0, _reactHooks.renderHook)(function () {
94
+ var _renderHook5 = (0, _react.renderHook)(function () {
95
95
  return (0, _useModalState["default"])({
96
96
  onOpenChange: onOpenChange
97
97
  });
@@ -105,15 +105,15 @@ test('onOpenChange callback is triggered', function () {
105
105
  isTransitioning: expect.any(Boolean)
106
106
  }));
107
107
  expect(onOpenChange).not.toHaveBeenCalled();
108
- (0, _reactHooks.act)(function () {
108
+ (0, _react.act)(function () {
109
109
  return result.current.open();
110
110
  });
111
111
  expect(onOpenChange).toHaveBeenNthCalledWith(1, true);
112
- (0, _reactHooks.act)(function () {
112
+ (0, _react.act)(function () {
113
113
  return result.current.close();
114
114
  });
115
115
  expect(onOpenChange).toHaveBeenNthCalledWith(2, false);
116
- (0, _reactHooks.act)(function () {
116
+ (0, _react.act)(function () {
117
117
  return result.current.toggle();
118
118
  });
119
119
  expect(onOpenChange).toHaveBeenNthCalledWith(3, true);
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _ = _interopRequireDefault(require("."));
6
6
  var key = 'testKey';
7
7
  test('using the onPress prop works as a callback', function () {
8
8
  var onPress = jest.fn();
9
9
  var setSelectedKey = jest.fn();
10
- var _renderHook = (0, _reactHooks.renderHook)(function () {
10
+ var _renderHook = (0, _react.renderHook)(function () {
11
11
  return (0, _["default"])({
12
12
  key: key,
13
13
  onPressCallback: onPress
@@ -22,7 +22,7 @@ test('using the onPress prop works as a callback', function () {
22
22
  test('if no onPress prop there is no callback', function () {
23
23
  var onPress = jest.fn();
24
24
  var setSelectedKey = jest.fn();
25
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
25
+ var _renderHook2 = (0, _react.renderHook)(function () {
26
26
  return (0, _["default"])({
27
27
  key: key
28
28
  }, {
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _ = _interopRequireDefault(require("."));
6
6
  test('popUpNav variant returns the correct variants', function () {
7
- var _renderHook = (0, _reactHooks.renderHook)(function () {
7
+ var _renderHook = (0, _react.renderHook)(function () {
8
8
  return (0, _["default"])('popupNav');
9
9
  }),
10
10
  result = _renderHook.result;
@@ -24,7 +24,7 @@ test('popUpNav variant returns the correct variants', function () {
24
24
  });
25
25
  });
26
26
  test('default prop returns standard nav variants', function () {
27
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
27
+ var _renderHook2 = (0, _react.renderHook)(function () {
28
28
  return (0, _["default"])('');
29
29
  }),
30
30
  result = _renderHook2.result;
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _useOverlayPanelState = _interopRequireDefault(require("./useOverlayPanelState"));
6
6
  test('default useOverlayPanelState', function () {
7
- var _renderHook = (0, _reactHooks.renderHook)(function () {
7
+ var _renderHook = (0, _react.renderHook)(function () {
8
8
  return (0, _useOverlayPanelState["default"])();
9
9
  }),
10
10
  result = _renderHook.result;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _usePropWarning = _interopRequireDefault(require("./usePropWarning"));
6
6
  describe('usePropWarning', function () {
7
7
  beforeEach(function () {
@@ -21,7 +21,7 @@ describe('usePropWarning', function () {
21
21
  };
22
22
  var spy = jest.spyOn(console, 'warn');
23
23
  expect(spy).not.toHaveBeenCalled();
24
- (0, _reactHooks.renderHook)(function () {
24
+ (0, _react.renderHook)(function () {
25
25
  return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
26
26
  });
27
27
  expect(spy).toHaveBeenCalledTimes(1);
@@ -32,7 +32,7 @@ describe('usePropWarning', function () {
32
32
  };
33
33
  var spy = jest.spyOn(console, 'warn');
34
34
  expect(spy).not.toHaveBeenCalled();
35
- (0, _reactHooks.renderHook)(function () {
35
+ (0, _react.renderHook)(function () {
36
36
  return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
37
37
  });
38
38
  expect(spy).not.toHaveBeenCalled();
@@ -42,10 +42,10 @@ describe('usePropWarning', function () {
42
42
  disabled: true
43
43
  };
44
44
  var spy = jest.spyOn(console, 'warn');
45
- (0, _reactHooks.renderHook)(function () {
45
+ (0, _react.renderHook)(function () {
46
46
  return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled', true);
47
47
  });
48
- (0, _reactHooks.renderHook)(function () {
48
+ (0, _react.renderHook)(function () {
49
49
  return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled', true);
50
50
  });
51
51
  expect(spy).toHaveBeenCalledTimes(2);
@@ -57,7 +57,7 @@ describe('usePropWarning', function () {
57
57
  };
58
58
  var spy = jest.spyOn(console, 'warn');
59
59
  expect(spy).not.toHaveBeenCalled();
60
- (0, _reactHooks.renderHook)(function () {
60
+ (0, _react.renderHook)(function () {
61
61
  return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
62
62
  });
63
63
  expect(spy).not.toHaveBeenCalled();
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
- var _reactHooks = require("@testing-library/react-hooks");
4
+ var _react = require("@testing-library/react");
5
5
  var _useStatusClasses = _interopRequireDefault(require("./useStatusClasses"));
6
6
  test('should return empty', function () {
7
- var _renderHook = (0, _reactHooks.renderHook)(function () {
7
+ var _renderHook = (0, _react.renderHook)(function () {
8
8
  return (0, _useStatusClasses["default"])();
9
9
  }),
10
10
  result = _renderHook.result;
@@ -12,7 +12,7 @@ test('should return empty', function () {
12
12
  expect(classNames).toBe('');
13
13
  });
14
14
  test('should return default', function () {
15
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
15
+ var _renderHook2 = (0, _react.renderHook)(function () {
16
16
  return (0, _useStatusClasses["default"])('default');
17
17
  }),
18
18
  result = _renderHook2.result;
@@ -25,7 +25,7 @@ test('should return statuses without default', function () {
25
25
  isBlah: false,
26
26
  isFocused: true
27
27
  };
28
- var _renderHook3 = (0, _reactHooks.renderHook)(function () {
28
+ var _renderHook3 = (0, _react.renderHook)(function () {
29
29
  return (0, _useStatusClasses["default"])(null, statuses);
30
30
  }),
31
31
  result = _renderHook3.result;
@@ -38,7 +38,7 @@ test('should return statuses with default', function () {
38
38
  isBlah: false,
39
39
  isFocused: true
40
40
  };
41
- var _renderHook4 = (0, _reactHooks.renderHook)(function () {
41
+ var _renderHook4 = (0, _react.renderHook)(function () {
42
42
  return (0, _useStatusClasses["default"])('default', statuses);
43
43
  }),
44
44
  result = _renderHook4.result;