@elastic/eui 62.1.0 → 62.2.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 (62) hide show
  1. package/dist/eui_charts_theme.js +330 -330
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/es/components/datagrid/body/data_grid_body.js +11 -1
  4. package/es/components/datagrid/body/data_grid_cell.js +31 -3
  5. package/es/components/datagrid/data_grid.js +9 -1
  6. package/es/components/datagrid/utils/row_heights.js +33 -4
  7. package/es/components/description_list/description_list_description.js +2 -1
  8. package/es/components/description_list/description_list_title.js +2 -1
  9. package/es/components/popover/wrapping_popover.js +88 -45
  10. package/es/components/portal/portal.js +84 -38
  11. package/es/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +2 -12
  12. package/es/services/breakpoint/current_breakpoint_hook.js +20 -0
  13. package/es/services/breakpoint/index.js +2 -1
  14. package/es/services/breakpoint/useIsWithinBreakpoints.js +1 -1
  15. package/es/test/rtl/component_helpers.js +60 -1
  16. package/eui.d.ts +50 -150
  17. package/lib/components/datagrid/body/data_grid_body.js +11 -1
  18. package/lib/components/datagrid/body/data_grid_cell.js +31 -3
  19. package/lib/components/datagrid/data_grid.js +9 -1
  20. package/lib/components/datagrid/utils/row_heights.js +33 -4
  21. package/lib/components/popover/wrapping_popover.js +85 -44
  22. package/lib/components/portal/portal.js +87 -39
  23. package/lib/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +5 -16
  24. package/lib/services/breakpoint/current_breakpoint_hook.js +31 -0
  25. package/lib/services/breakpoint/index.js +17 -4
  26. package/lib/services/breakpoint/useIsWithinBreakpoints.js +2 -2
  27. package/lib/test/rtl/component_helpers.js +69 -3
  28. package/optimize/es/components/datagrid/body/data_grid_body.js +2 -0
  29. package/optimize/es/components/datagrid/body/data_grid_cell.js +13 -1
  30. package/optimize/es/components/datagrid/utils/row_heights.js +33 -4
  31. package/optimize/es/components/description_list/description_list_description.js +2 -1
  32. package/optimize/es/components/description_list/description_list_title.js +2 -1
  33. package/optimize/es/components/popover/wrapping_popover.js +79 -38
  34. package/optimize/es/components/portal/portal.js +66 -34
  35. package/optimize/es/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +2 -11
  36. package/optimize/es/services/breakpoint/current_breakpoint_hook.js +20 -0
  37. package/optimize/es/services/breakpoint/index.js +2 -1
  38. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +1 -1
  39. package/optimize/es/test/rtl/component_helpers.js +60 -1
  40. package/optimize/lib/components/datagrid/body/data_grid_body.js +2 -0
  41. package/optimize/lib/components/datagrid/body/data_grid_cell.js +13 -1
  42. package/optimize/lib/components/datagrid/utils/row_heights.js +33 -4
  43. package/optimize/lib/components/popover/wrapping_popover.js +78 -38
  44. package/optimize/lib/components/portal/portal.js +65 -44
  45. package/optimize/lib/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +5 -18
  46. package/optimize/lib/services/breakpoint/current_breakpoint_hook.js +31 -0
  47. package/optimize/lib/services/breakpoint/index.js +17 -4
  48. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +2 -2
  49. package/optimize/lib/test/rtl/component_helpers.js +69 -3
  50. package/package.json +2 -2
  51. package/test-env/components/datagrid/body/data_grid_body.js +11 -1
  52. package/test-env/components/datagrid/body/data_grid_cell.js +31 -3
  53. package/test-env/components/datagrid/data_grid.js +9 -1
  54. package/test-env/components/datagrid/utils/row_heights.js +33 -4
  55. package/test-env/components/observer/resize_observer/resize_observer.js +43 -126
  56. package/test-env/components/popover/wrapping_popover.js +78 -38
  57. package/test-env/components/portal/portal.js +79 -45
  58. package/test-env/services/breakpoint/current_breakpoint.js +68 -0
  59. package/test-env/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint_hook.js} +3 -7
  60. package/test-env/services/breakpoint/index.js +17 -4
  61. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +2 -2
  62. package/test-env/test/rtl/component_helpers.js +69 -3
@@ -1,19 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports.useCurrentEuiBreakpoint = void 0;
9
7
 
10
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
11
-
12
8
  var _react = require("react");
13
9
 
14
10
  var _breakpoint = require("./breakpoint");
15
11
 
16
- var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
12
+ var _current_breakpoint = require("./current_breakpoint");
17
13
 
18
14
  /*
19
15
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -28,10 +24,10 @@ var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
28
24
  * this test mock mimics CurrentEuiBreakpoint logic (w/o resize observers).
29
25
  */
30
26
  var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
31
- var context = (0, _react.useContext)(_currentEuiBreakpoint.CurrentEuiBreakpointContext);
27
+ var context = (0, _react.useContext)(_current_breakpoint.CurrentEuiBreakpointContext);
32
28
  if (context !== undefined) return context; // Component has been wrapped, everything is fine.
33
29
 
34
- return (typeof window === "undefined" ? "undefined" : (0, _typeof2.default)(window)) !== undefined ? (0, _breakpoint.getBreakpoint)(window.innerWidth) : undefined;
30
+ return typeof window !== 'undefined' ? (0, _breakpoint.getBreakpoint)(window.innerWidth) : undefined;
35
31
  };
36
32
 
37
33
  exports.useCurrentEuiBreakpoint = useCurrentEuiBreakpoint;
@@ -17,15 +17,28 @@ Object.keys(_breakpoint).forEach(function (key) {
17
17
  });
18
18
  });
19
19
 
20
- var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
20
+ var _current_breakpoint = require("./current_breakpoint");
21
21
 
22
- Object.keys(_currentEuiBreakpoint).forEach(function (key) {
22
+ Object.keys(_current_breakpoint).forEach(function (key) {
23
23
  if (key === "default" || key === "__esModule") return;
24
- if (key in exports && exports[key] === _currentEuiBreakpoint[key]) return;
24
+ if (key in exports && exports[key] === _current_breakpoint[key]) return;
25
25
  Object.defineProperty(exports, key, {
26
26
  enumerable: true,
27
27
  get: function get() {
28
- return _currentEuiBreakpoint[key];
28
+ return _current_breakpoint[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _current_breakpoint_hook = require("./current_breakpoint_hook");
34
+
35
+ Object.keys(_current_breakpoint_hook).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _current_breakpoint_hook[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _current_breakpoint_hook[key];
29
42
  }
30
43
  });
31
44
  });
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useIsWithinBreakpoints = void 0;
7
7
 
8
- var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
8
+ var _current_breakpoint_hook = require("./current_breakpoint_hook");
9
9
 
10
10
  /*
11
11
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -27,7 +27,7 @@ var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
27
27
  */
28
28
  var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
29
29
  var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
30
- var currentBreakpoint = (0, _currentEuiBreakpoint.useCurrentEuiBreakpoint)();
30
+ var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
31
31
  return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
32
32
  };
33
33
 
@@ -5,12 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.waitForEuiPopoverOpen = exports.waitForEuiPopoverClose = void 0;
8
+ exports.waitForEuiToolTipVisible = exports.waitForEuiToolTipHidden = exports.waitForEuiPopoverOpen = exports.waitForEuiPopoverClose = void 0;
9
9
 
10
10
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
11
 
12
12
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
13
13
 
14
+ require("@testing-library/jest-dom");
15
+
14
16
  var _react = require("@testing-library/react");
15
17
 
16
18
  /*
@@ -22,7 +24,7 @@ var _react = require("@testing-library/react");
22
24
  */
23
25
 
24
26
  /**
25
- * Ensure the EuiPopover being tested is open/closed before contiuning
27
+ * Ensure the EuiPopover being tested is open/closed before continuing
26
28
  * Note: Because EuiPopover is portalled, we want to query `document`
27
29
  * instead of the `container` returned by RTL's render()
28
30
  */
@@ -83,5 +85,69 @@ var waitForEuiPopoverClose = /*#__PURE__*/function () {
83
85
  return _ref2.apply(this, arguments);
84
86
  };
85
87
  }();
88
+ /**
89
+ * Ensure the EuiToolTip being tested is open and visible before continuing
90
+ */
91
+
92
+
93
+ exports.waitForEuiPopoverClose = waitForEuiPopoverClose;
94
+
95
+ var waitForEuiToolTipVisible = /*#__PURE__*/function () {
96
+ var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
97
+ return _regenerator.default.wrap(function _callee3$(_context3) {
98
+ while (1) {
99
+ switch (_context3.prev = _context3.next) {
100
+ case 0:
101
+ _context3.next = 2;
102
+ return (0, _react.waitFor)(function () {
103
+ var tooltip = document.querySelector('.euiToolTipPopover');
104
+ expect(tooltip).toBeVisible();
105
+ });
106
+
107
+ case 2:
108
+ return _context3.abrupt("return", _context3.sent);
109
+
110
+ case 3:
111
+ case "end":
112
+ return _context3.stop();
113
+ }
114
+ }
115
+ }, _callee3);
116
+ }));
117
+
118
+ return function waitForEuiToolTipVisible() {
119
+ return _ref3.apply(this, arguments);
120
+ };
121
+ }();
122
+
123
+ exports.waitForEuiToolTipVisible = waitForEuiToolTipVisible;
124
+
125
+ var waitForEuiToolTipHidden = /*#__PURE__*/function () {
126
+ var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
127
+ return _regenerator.default.wrap(function _callee4$(_context4) {
128
+ while (1) {
129
+ switch (_context4.prev = _context4.next) {
130
+ case 0:
131
+ _context4.next = 2;
132
+ return (0, _react.waitFor)(function () {
133
+ var tooltip = document.querySelector('.euiToolTipPopover');
134
+ expect(tooltip).toBeNull();
135
+ });
136
+
137
+ case 2:
138
+ return _context4.abrupt("return", _context4.sent);
139
+
140
+ case 3:
141
+ case "end":
142
+ return _context4.stop();
143
+ }
144
+ }
145
+ }, _callee4);
146
+ }));
147
+
148
+ return function waitForEuiToolTipHidden() {
149
+ return _ref4.apply(this, arguments);
150
+ };
151
+ }();
86
152
 
87
- exports.waitForEuiPopoverClose = waitForEuiPopoverClose;
153
+ exports.waitForEuiToolTipHidden = waitForEuiToolTipHidden;