@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.
- package/dist/eui_charts_theme.js +330 -330
- package/dist/eui_charts_theme.js.map +1 -1
- package/es/components/datagrid/body/data_grid_body.js +11 -1
- package/es/components/datagrid/body/data_grid_cell.js +31 -3
- package/es/components/datagrid/data_grid.js +9 -1
- package/es/components/datagrid/utils/row_heights.js +33 -4
- package/es/components/description_list/description_list_description.js +2 -1
- package/es/components/description_list/description_list_title.js +2 -1
- package/es/components/popover/wrapping_popover.js +88 -45
- package/es/components/portal/portal.js +84 -38
- package/es/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +2 -12
- package/es/services/breakpoint/current_breakpoint_hook.js +20 -0
- package/es/services/breakpoint/index.js +2 -1
- package/es/services/breakpoint/useIsWithinBreakpoints.js +1 -1
- package/es/test/rtl/component_helpers.js +60 -1
- package/eui.d.ts +50 -150
- package/lib/components/datagrid/body/data_grid_body.js +11 -1
- package/lib/components/datagrid/body/data_grid_cell.js +31 -3
- package/lib/components/datagrid/data_grid.js +9 -1
- package/lib/components/datagrid/utils/row_heights.js +33 -4
- package/lib/components/popover/wrapping_popover.js +85 -44
- package/lib/components/portal/portal.js +87 -39
- package/lib/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +5 -16
- package/lib/services/breakpoint/current_breakpoint_hook.js +31 -0
- package/lib/services/breakpoint/index.js +17 -4
- package/lib/services/breakpoint/useIsWithinBreakpoints.js +2 -2
- package/lib/test/rtl/component_helpers.js +69 -3
- package/optimize/es/components/datagrid/body/data_grid_body.js +2 -0
- package/optimize/es/components/datagrid/body/data_grid_cell.js +13 -1
- package/optimize/es/components/datagrid/utils/row_heights.js +33 -4
- package/optimize/es/components/description_list/description_list_description.js +2 -1
- package/optimize/es/components/description_list/description_list_title.js +2 -1
- package/optimize/es/components/popover/wrapping_popover.js +79 -38
- package/optimize/es/components/portal/portal.js +66 -34
- package/optimize/es/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +2 -11
- package/optimize/es/services/breakpoint/current_breakpoint_hook.js +20 -0
- package/optimize/es/services/breakpoint/index.js +2 -1
- package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +1 -1
- package/optimize/es/test/rtl/component_helpers.js +60 -1
- package/optimize/lib/components/datagrid/body/data_grid_body.js +2 -0
- package/optimize/lib/components/datagrid/body/data_grid_cell.js +13 -1
- package/optimize/lib/components/datagrid/utils/row_heights.js +33 -4
- package/optimize/lib/components/popover/wrapping_popover.js +78 -38
- package/optimize/lib/components/portal/portal.js +65 -44
- package/optimize/lib/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js} +5 -18
- package/optimize/lib/services/breakpoint/current_breakpoint_hook.js +31 -0
- package/optimize/lib/services/breakpoint/index.js +17 -4
- package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +2 -2
- package/optimize/lib/test/rtl/component_helpers.js +69 -3
- package/package.json +2 -2
- package/test-env/components/datagrid/body/data_grid_body.js +11 -1
- package/test-env/components/datagrid/body/data_grid_cell.js +31 -3
- package/test-env/components/datagrid/data_grid.js +9 -1
- package/test-env/components/datagrid/utils/row_heights.js +33 -4
- package/test-env/components/observer/resize_observer/resize_observer.js +43 -126
- package/test-env/components/popover/wrapping_popover.js +78 -38
- package/test-env/components/portal/portal.js +79 -45
- package/test-env/services/breakpoint/current_breakpoint.js +68 -0
- package/test-env/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint_hook.js} +3 -7
- package/test-env/services/breakpoint/index.js +17 -4
- package/test-env/services/breakpoint/useIsWithinBreakpoints.js +2 -2
- 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
|
|
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)(
|
|
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
|
|
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
|
|
20
|
+
var _current_breakpoint = require("./current_breakpoint");
|
|
21
21
|
|
|
22
|
-
Object.keys(
|
|
22
|
+
Object.keys(_current_breakpoint).forEach(function (key) {
|
|
23
23
|
if (key === "default" || key === "__esModule") return;
|
|
24
|
-
if (key in exports && exports[key] ===
|
|
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
|
|
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
|
|
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,
|
|
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
|
|
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.
|
|
153
|
+
exports.waitForEuiToolTipHidden = waitForEuiToolTipHidden;
|