@elastic/eui 12.3.1 → 12.4.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 (102) hide show
  1. package/CHANGELOG.md +16 -1
  2. package/dist/eui.js +1168 -210
  3. package/dist/eui.js.map +1 -1
  4. package/dist/eui.min.js +5 -5
  5. package/es/components/accordion/accordion.js +79 -56
  6. package/es/components/accordion/accordion.test.js +88 -0
  7. package/es/components/badge/badge.js +22 -1
  8. package/es/components/badge/beta_badge/beta_badge.js +22 -1
  9. package/es/components/combo_box/combo_box.js +2 -1
  10. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +47 -5
  11. package/es/components/delay_hide/delay_hide.test.js +5 -1
  12. package/es/components/filter_group/filter_button.js +17 -2
  13. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +22 -1
  14. package/es/components/form/form_control_layout/form_control_layout_icons.js +44 -2
  15. package/es/components/form/range/dual_range.js +1 -1
  16. package/es/components/form/range/range.js +1 -1
  17. package/es/components/form/range/range_highlight.js +1 -1
  18. package/es/components/form/range/range_label.js +27 -8
  19. package/es/components/form/range/range_levels.js +13 -8
  20. package/es/components/form/range/range_levels.test.js +55 -0
  21. package/es/components/form/range/range_slider.js +12 -8
  22. package/es/components/form/range/range_thumb.js +35 -3
  23. package/es/components/form/range/range_ticks.js +43 -22
  24. package/es/components/form/range/range_tooltip.js +20 -4
  25. package/es/components/form/range/range_track.js +33 -14
  26. package/es/components/form/range/range_track.test.js +100 -0
  27. package/es/components/form/range/range_wrapper.js +9 -2
  28. package/es/components/header/header_logo.js +22 -1
  29. package/es/components/icon/assets/cloudDrizzle.js +21 -0
  30. package/es/components/icon/assets/cloudStormy.js +21 -0
  31. package/es/components/icon/assets/cloudSunny.js +21 -0
  32. package/es/components/icon/assets/documentEdit.js +21 -0
  33. package/es/components/icon/assets/documents.js +21 -0
  34. package/es/components/icon/assets/popout.js +1 -1
  35. package/es/components/icon/assets/training.js +21 -0
  36. package/es/components/icon/assets/videoPlayer.js +21 -0
  37. package/es/components/icon/icon.js +29 -1
  38. package/es/components/index.js +1 -0
  39. package/es/components/inner_text/index.js +1 -0
  40. package/es/components/inner_text/inner_text.js +66 -0
  41. package/es/components/inner_text/inner_text.test.js +240 -0
  42. package/es/components/list_group/list_group_item.js +21 -2
  43. package/es/components/popover/popover.js +7 -3
  44. package/es/components/search_bar/query/ast_to_es_query_dsl.js +2 -2
  45. package/es/components/toast/global_toast_list.js +22 -1
  46. package/es/components/toast/toast.js +22 -1
  47. package/es/components/token/token.js +22 -1
  48. package/es/components/tool_tip/icon_tip.js +22 -1
  49. package/eui.d.ts +435 -187
  50. package/lib/components/accordion/accordion.js +79 -55
  51. package/lib/components/accordion/accordion.test.js +96 -0
  52. package/lib/components/badge/badge.js +22 -1
  53. package/lib/components/badge/beta_badge/beta_badge.js +22 -1
  54. package/lib/components/combo_box/combo_box.js +2 -1
  55. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +47 -5
  56. package/lib/components/delay_hide/delay_hide.test.js +5 -1
  57. package/lib/components/filter_group/filter_button.js +18 -2
  58. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +22 -1
  59. package/lib/components/form/form_control_layout/form_control_layout_icons.js +44 -2
  60. package/lib/components/form/range/dual_range.js +1 -1
  61. package/lib/components/form/range/range.js +1 -1
  62. package/lib/components/form/range/range_label.js +26 -7
  63. package/lib/components/form/range/range_levels.js +12 -7
  64. package/lib/components/form/range/range_levels.test.js +63 -0
  65. package/lib/components/form/range/range_slider.js +13 -8
  66. package/lib/components/form/range/range_thumb.js +34 -2
  67. package/lib/components/form/range/range_ticks.js +43 -21
  68. package/lib/components/form/range/range_tooltip.js +19 -3
  69. package/lib/components/form/range/range_track.js +32 -13
  70. package/lib/components/form/range/range_track.test.js +108 -0
  71. package/lib/components/form/range/range_wrapper.js +9 -4
  72. package/lib/components/header/header_logo.js +22 -1
  73. package/lib/components/icon/assets/cloudDrizzle.js +31 -0
  74. package/lib/components/icon/assets/cloudDrizzle.svg +3 -0
  75. package/lib/components/icon/assets/cloudStormy.js +31 -0
  76. package/lib/components/icon/assets/cloudStormy.svg +3 -0
  77. package/lib/components/icon/assets/cloudSunny.js +31 -0
  78. package/lib/components/icon/assets/cloudSunny.svg +3 -0
  79. package/lib/components/icon/assets/documentEdit.js +31 -0
  80. package/lib/components/icon/assets/documentEdit.svg +3 -0
  81. package/lib/components/icon/assets/documents.js +31 -0
  82. package/lib/components/icon/assets/documents.svg +3 -0
  83. package/lib/components/icon/assets/popout.js +1 -1
  84. package/lib/components/icon/assets/popout.svg +1 -1
  85. package/lib/components/icon/assets/training.js +31 -0
  86. package/lib/components/icon/assets/training.svg +3 -0
  87. package/lib/components/icon/assets/videoPlayer.js +31 -0
  88. package/lib/components/icon/assets/videoPlayer.svg +3 -0
  89. package/lib/components/icon/icon.js +29 -1
  90. package/lib/components/index.js +14 -0
  91. package/lib/components/inner_text/index.js +19 -0
  92. package/lib/components/inner_text/inner_text.js +80 -0
  93. package/lib/components/inner_text/inner_text.test.js +250 -0
  94. package/lib/components/list_group/list_group_item.js +22 -3
  95. package/lib/components/popover/popover.js +7 -3
  96. package/lib/components/search_bar/query/ast_to_es_query_dsl.js +2 -2
  97. package/lib/components/toast/global_toast_list.js +22 -1
  98. package/lib/components/toast/toast.js +22 -1
  99. package/lib/components/token/token.js +22 -1
  100. package/lib/components/tool_tip/icon_tip.js +22 -1
  101. package/package.json +7 -4
  102. package/postcss.config.js +6 -0
@@ -5,7 +5,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
 
7
7
  import React from 'react';
8
- import PropTypes from 'prop-types';
8
+ import PropTypes from "prop-types";
9
9
  import classNames from 'classnames';
10
10
  export var EuiRangeThumb = function EuiRangeThumb(_ref) {
11
11
  var min = _ref.min,
@@ -26,13 +26,17 @@ export var EuiRangeThumb = function EuiRangeThumb(_ref) {
26
26
  "aria-valuemax": max,
27
27
  "aria-valuenow": Number(value),
28
28
  "aria-disabled": !!disabled,
29
- tabIndex: showInput || !!disabled ? '-1' : '0'
29
+ tabIndex: showInput || !!disabled ? -1 : 0
30
30
  }, rest));
31
31
  };
32
32
  EuiRangeThumb.propTypes = {
33
+ className: PropTypes.string,
34
+ "aria-label": PropTypes.string,
35
+ "data-test-subj": PropTypes.string,
33
36
  min: PropTypes.number.isRequired,
34
37
  max: PropTypes.number.isRequired,
35
- value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
38
+ value: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
39
+ disabled: PropTypes.bool,
36
40
  showInput: PropTypes.bool,
37
41
  showTicks: PropTypes.bool
38
42
  };
@@ -41,6 +45,27 @@ EuiRangeThumb.__docgenInfo = {
41
45
  "methods": [],
42
46
  "displayName": "EuiRangeThumb",
43
47
  "props": {
48
+ "className": {
49
+ "type": {
50
+ "name": "string"
51
+ },
52
+ "required": false,
53
+ "description": ""
54
+ },
55
+ "aria-label": {
56
+ "type": {
57
+ "name": "string"
58
+ },
59
+ "required": false,
60
+ "description": ""
61
+ },
62
+ "data-test-subj": {
63
+ "type": {
64
+ "name": "string"
65
+ },
66
+ "required": false,
67
+ "description": ""
68
+ },
44
69
  "min": {
45
70
  "type": {
46
71
  "name": "number"
@@ -67,6 +92,13 @@ EuiRangeThumb.__docgenInfo = {
67
92
  "required": false,
68
93
  "description": ""
69
94
  },
95
+ "disabled": {
96
+ "type": {
97
+ "name": "bool"
98
+ },
99
+ "required": false,
100
+ "description": ""
101
+ },
70
102
  "showInput": {
71
103
  "type": {
72
104
  "name": "bool"
@@ -1,7 +1,16 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
2
+
3
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
4
+
5
+ function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
6
+
7
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
+
1
9
  import React from 'react';
2
- import PropTypes from 'prop-types';
10
+ import PropTypes from "prop-types";
3
11
  import classNames from 'classnames';
4
12
  import find from 'lodash/find';
13
+ import { useInnerText } from '../../inner_text';
5
14
  export var EuiRangeTicks = function EuiRangeTicks(_ref) {
6
15
  var disabled = _ref.disabled,
7
16
  onChange = _ref.onChange,
@@ -10,7 +19,8 @@ export var EuiRangeTicks = function EuiRangeTicks(_ref) {
10
19
  value = _ref.value,
11
20
  max = _ref.max,
12
21
  min = _ref.min,
13
- interval = _ref.interval;
22
+ _ref$interval = _ref.interval,
23
+ interval = _ref$interval === void 0 ? 1 : _ref$interval;
14
24
  // Calculate the width of each tick mark
15
25
  var percentageWidth = interval / (max - min + interval) * 100; // Align with item labels across the range by adding
16
26
  // left and right negative margins that is half of the tick marks
@@ -44,6 +54,12 @@ export var EuiRangeTicks = function EuiRangeTicks(_ref) {
44
54
  'euiRangeTick--isCustom': customTick
45
55
  });
46
56
  var label = customTick ? customTick.label : tickValue;
57
+
58
+ var _useInnerText = useInnerText(),
59
+ _useInnerText2 = _slicedToArray(_useInnerText, 2),
60
+ ref = _useInnerText2[0],
61
+ innerText = _useInnerText2[1];
62
+
47
63
  return React.createElement("button", {
48
64
  type: "button",
49
65
  className: tickClasses,
@@ -52,39 +68,37 @@ export var EuiRangeTicks = function EuiRangeTicks(_ref) {
52
68
  disabled: disabled,
53
69
  onClick: onChange,
54
70
  style: tickStyle,
55
- tabIndex: "-1",
56
- title: label
71
+ tabIndex: -1,
72
+ ref: ref,
73
+ title: typeof label === 'string' ? label : innerText
57
74
  }, label);
58
75
  }));
59
76
  };
60
77
  EuiRangeTicks.propTypes = {
61
- disabled: PropTypes.bool,
62
- onChange: PropTypes.func,
63
78
  ticks: PropTypes.arrayOf(PropTypes.shape({
64
79
  value: PropTypes.number.isRequired,
65
80
  label: PropTypes.node.isRequired
66
- })),
67
- tickSequence: PropTypes.arrayOf(PropTypes.number).isRequired,
68
- value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]))]),
81
+ }).isRequired),
82
+ tickSequence: PropTypes.arrayOf(PropTypes.number.isRequired).isRequired,
83
+ value: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]).isRequired).isRequired]),
69
84
  min: PropTypes.number.isRequired,
70
85
  max: PropTypes.number.isRequired,
71
- interval: PropTypes.number
86
+ interval: PropTypes.number,
87
+ disabled: PropTypes.bool,
88
+ onChange: PropTypes.func
72
89
  };
73
90
  EuiRangeTicks.__docgenInfo = {
74
91
  "description": "",
75
92
  "methods": [],
76
93
  "displayName": "EuiRangeTicks",
77
94
  "props": {
78
- "disabled": {
79
- "type": {
80
- "name": "bool"
95
+ "interval": {
96
+ "defaultValue": {
97
+ "value": "1",
98
+ "computed": false
81
99
  },
82
- "required": false,
83
- "description": ""
84
- },
85
- "onChange": {
86
100
  "type": {
87
- "name": "func"
101
+ "name": "number"
88
102
  },
89
103
  "required": false,
90
104
  "description": ""
@@ -131,9 +145,9 @@ EuiRangeTicks.__docgenInfo = {
131
145
  "value": {
132
146
  "name": "union",
133
147
  "value": [{
134
- "name": "number"
135
- }, {
136
148
  "name": "string"
149
+ }, {
150
+ "name": "number"
137
151
  }]
138
152
  }
139
153
  }]
@@ -155,9 +169,16 @@ EuiRangeTicks.__docgenInfo = {
155
169
  "required": true,
156
170
  "description": ""
157
171
  },
158
- "interval": {
172
+ "disabled": {
159
173
  "type": {
160
- "name": "number"
174
+ "name": "bool"
175
+ },
176
+ "required": false,
177
+ "description": ""
178
+ },
179
+ "onChange": {
180
+ "type": {
181
+ "name": "func"
161
182
  },
162
183
  "required": false,
163
184
  "description": ""
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
2
+ import PropTypes from "prop-types";
3
3
  import classNames from 'classnames';
4
4
  export var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
5
5
  var value = _ref.value,
@@ -10,7 +10,15 @@ export var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
10
10
  name = _ref.name,
11
11
  showTicks = _ref.showTicks;
12
12
  // Calculate the left position based on value
13
- var decimal = (value - min) / (max - min); // Must be between 0-100%
13
+ var val = 0;
14
+
15
+ if (typeof value === 'number') {
16
+ val = value;
17
+ } else if (typeof value === 'string') {
18
+ val = parseFloat(value);
19
+ }
20
+
21
+ var decimal = (val - min) / (max - min); // Must be between 0-100%
14
22
 
15
23
  var valuePosition = decimal <= 1 ? decimal : 1;
16
24
  valuePosition = valuePosition >= 0 ? valuePosition : 0;
@@ -42,12 +50,13 @@ export var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
42
50
  }, valuePrepend, value, valueAppend));
43
51
  };
44
52
  EuiRangeTooltip.propTypes = {
45
- value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
53
+ value: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
46
54
  valueAppend: PropTypes.node,
47
55
  valuePrepend: PropTypes.node,
48
56
  max: PropTypes.number.isRequired,
49
57
  min: PropTypes.number.isRequired,
50
- name: PropTypes.string
58
+ name: PropTypes.string,
59
+ showTicks: PropTypes.bool
51
60
  };
52
61
  EuiRangeTooltip.__docgenInfo = {
53
62
  "description": "",
@@ -100,6 +109,13 @@ EuiRangeTooltip.__docgenInfo = {
100
109
  },
101
110
  "required": false,
102
111
  "description": ""
112
+ },
113
+ "showTicks": {
114
+ "type": {
115
+ "name": "bool"
116
+ },
117
+ "required": false,
118
+ "description": ""
103
119
  }
104
120
  }
105
121
  };
@@ -19,7 +19,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
19
19
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
20
 
21
21
  import React, { Component } from 'react';
22
- import PropTypes from 'prop-types';
22
+ import PropTypes from "prop-types";
23
23
  import classNames from 'classnames';
24
24
  import range from 'lodash/range';
25
25
  import { isEvenlyDivisibleBy } from '../../../services';
@@ -168,19 +168,20 @@ EuiRangeTrack.propTypes = {
168
168
  min: PropTypes.number.isRequired,
169
169
  max: PropTypes.number.isRequired,
170
170
  step: PropTypes.number,
171
- value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]))]),
171
+ value: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]).isRequired).isRequired]),
172
+ disabled: PropTypes.bool,
172
173
  showTicks: PropTypes.bool,
173
174
  tickInterval: PropTypes.number,
174
175
  ticks: PropTypes.arrayOf(PropTypes.shape({
175
176
  value: PropTypes.number.isRequired,
176
177
  label: PropTypes.node.isRequired
177
- })),
178
+ }).isRequired),
178
179
  onChange: PropTypes.func,
179
180
  levels: PropTypes.arrayOf(PropTypes.shape({
180
- min: PropTypes.number,
181
- max: PropTypes.number,
182
- color: PropTypes.oneOf(LEVEL_COLORS)
183
- }))
181
+ min: PropTypes.number.isRequired,
182
+ max: PropTypes.number.isRequired,
183
+ color: PropTypes.oneOf(["primary", "success", "warning", "danger"]).isRequired
184
+ }).isRequired)
184
185
  };
185
186
  EuiRangeTrack.__docgenInfo = {
186
187
  "description": "",
@@ -265,9 +266,9 @@ EuiRangeTrack.__docgenInfo = {
265
266
  "value": {
266
267
  "name": "union",
267
268
  "value": [{
268
- "name": "number"
269
- }, {
270
269
  "name": "string"
270
+ }, {
271
+ "name": "number"
271
272
  }]
272
273
  }
273
274
  }]
@@ -275,6 +276,13 @@ EuiRangeTrack.__docgenInfo = {
275
276
  "required": false,
276
277
  "description": ""
277
278
  },
279
+ "disabled": {
280
+ "type": {
281
+ "name": "bool"
282
+ },
283
+ "required": false,
284
+ "description": ""
285
+ },
278
286
  "showTicks": {
279
287
  "type": {
280
288
  "name": "bool"
@@ -324,17 +332,28 @@ EuiRangeTrack.__docgenInfo = {
324
332
  "value": {
325
333
  "min": {
326
334
  "name": "number",
327
- "required": false
335
+ "required": true
328
336
  },
329
337
  "max": {
330
338
  "name": "number",
331
- "required": false
339
+ "required": true
332
340
  },
333
341
  "color": {
334
342
  "name": "enum",
335
- "computed": true,
336
- "value": "LEVEL_COLORS",
337
- "required": false
343
+ "value": [{
344
+ "value": "\"primary\"",
345
+ "computed": false
346
+ }, {
347
+ "value": "\"success\"",
348
+ "computed": false
349
+ }, {
350
+ "value": "\"warning\"",
351
+ "computed": false
352
+ }, {
353
+ "value": "\"danger\"",
354
+ "computed": false
355
+ }],
356
+ "required": true
338
357
  }
339
358
  }
340
359
  }
@@ -0,0 +1,100 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+ import { render } from 'enzyme';
5
+ import { requiredProps } from '../../../test/required_props';
6
+ import { EuiRangeTrack } from './range_track';
7
+ describe('EuiRangeTrack', function () {
8
+ test('is rendered', function () {
9
+ var component = render(React.createElement(EuiRangeTrack, _extends({
10
+ min: 0,
11
+ max: 100,
12
+ step: 10,
13
+ showTicks: true,
14
+ value: "10",
15
+ onChange: function onChange() {}
16
+ }, requiredProps)));
17
+ expect(component).toMatchSnapshot();
18
+ });
19
+ test('should throw error if `max` does not line up with `step` interval', function () {
20
+ var component = function component() {
21
+ return render(React.createElement(EuiRangeTrack, {
22
+ min: 0,
23
+ max: 105,
24
+ step: 10
25
+ }));
26
+ };
27
+
28
+ expect(component).toThrowErrorMatchingSnapshot();
29
+ });
30
+ test('should throw error if there are too many ticks to render', function () {
31
+ var component = function component() {
32
+ return render(React.createElement(EuiRangeTrack, {
33
+ min: 0,
34
+ max: 21,
35
+ showTicks: true
36
+ }));
37
+ };
38
+
39
+ expect(component).toThrowErrorMatchingSnapshot();
40
+ });
41
+ test('should throw error if `tickInterval` is off sequence from `step`', function () {
42
+ var component = function component() {
43
+ return render(React.createElement(EuiRangeTrack, {
44
+ min: 0,
45
+ max: 100,
46
+ step: 10,
47
+ showTicks: true,
48
+ tickInterval: 3
49
+ }));
50
+ };
51
+
52
+ expect(component).toThrowErrorMatchingSnapshot();
53
+ });
54
+ test('should throw error if custom tick value is lower than `min`', function () {
55
+ var component = function component() {
56
+ return render(React.createElement(EuiRangeTrack, {
57
+ min: 0,
58
+ max: 100,
59
+ showTicks: true,
60
+ ticks: [{
61
+ label: '-100',
62
+ value: -100
63
+ }]
64
+ }));
65
+ };
66
+
67
+ expect(component).toThrowErrorMatchingSnapshot();
68
+ });
69
+ test('should throw error if custom tick value is higher than `max`', function () {
70
+ var component = function component() {
71
+ return render(React.createElement(EuiRangeTrack, {
72
+ min: 0,
73
+ max: 100,
74
+ showTicks: true,
75
+ ticks: [{
76
+ label: '200',
77
+ value: 200
78
+ }]
79
+ }));
80
+ };
81
+
82
+ expect(component).toThrowErrorMatchingSnapshot();
83
+ });
84
+ test('should throw error if custom tick value is off sequence from `step`', function () {
85
+ var component = function component() {
86
+ return render(React.createElement(EuiRangeTrack, {
87
+ min: 0,
88
+ max: 100,
89
+ step: 50,
90
+ showTicks: true,
91
+ ticks: [{
92
+ label: '10',
93
+ value: 10
94
+ }]
95
+ }));
96
+ };
97
+
98
+ expect(component).toThrowErrorMatchingSnapshot();
99
+ });
100
+ });
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
2
+ import PropTypes from "prop-types";
3
3
  import classNames from 'classnames';
4
- export var LEVEL_COLORS = ['primary', 'success', 'warning', 'danger'];
5
4
  export var EuiRangeWrapper = function EuiRangeWrapper(_ref) {
6
5
  var children = _ref.children,
7
6
  className = _ref.className,
@@ -14,6 +13,7 @@ export var EuiRangeWrapper = function EuiRangeWrapper(_ref) {
14
13
  }, children);
15
14
  };
16
15
  EuiRangeWrapper.propTypes = {
16
+ className: PropTypes.string,
17
17
  fullWidth: PropTypes.bool
18
18
  };
19
19
  EuiRangeWrapper.__docgenInfo = {
@@ -21,6 +21,13 @@ EuiRangeWrapper.__docgenInfo = {
21
21
  "methods": [],
22
22
  "displayName": "EuiRangeWrapper",
23
23
  "props": {
24
+ "className": {
25
+ "type": {
26
+ "name": "string"
27
+ },
28
+ "required": false,
29
+ "description": ""
30
+ },
24
31
  "fullWidth": {
25
32
  "type": {
26
33
  "name": "bool"
@@ -36,7 +36,7 @@ EuiHeaderLogo.propTypes = {
36
36
  "aria-label": PropTypes.string,
37
37
  "data-test-subj": PropTypes.string,
38
38
  href: PropTypes.string,
39
- iconType: PropTypes.oneOfType([PropTypes.oneOf(["addDataApp", "advancedSettingsApp", "alert", "apmApp", "apmTrace", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "asterisk", "auditbeatApp", "beaker", "bell", "bolt", "boxesHorizontal", "boxesVertical", "branch", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "codeApp", "check", "checkInCircleFilled", "clock", "compute", "console", "consoleApp", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "crossInACircleFilled", "cut", "dashboardApp", "database", "dataVisualizer", "devToolsApp", "discoverApp", "document", "dot", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignLeft", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "exit", "expand", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "folderClosed", "folderOpen", "fullScreen", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "iInCircle", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexSettings", "infraApp", "inputOutput", "inspect", "invert", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "link", "list", "listAdd", "lock", "lockOpen", "loggingApp", "logoAerospike", "logoApache", "logoAPM", "logoAppSearch", "logoAWS", "logoAWSMono", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticsearch", "logoElasticStack", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menuLeft", "menuRight", "merge", "metricbeatApp", "minusInCircle", "minusInCircleFilled", "monitoringApp", "moon", "node", "notebookApp", "number", "offline", "online", "packetbeatApp", "pause", "pencil", "pin", "pinFilled", "pipelineApp", "play", "plusInCircle", "plusInCircleFilled", "popout", "questionInCircle", "refresh", "reportingApp", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "shard", "share", "snowflake", "sortable", "sortDown", "sortLeft", "sortRight", "sortUp", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "swatchInput", "symlink", "tableOfContents", "tag", "tear", "temperature", "timelionApp", "trash", "upgradeAssistantApp", "uptimeApp", "user", "usersRolesApp", "vector", "visArea", "visBarHorizontal", "visBarVertical", "visControls", "visGauge", "visGoal", "visHeatmap", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visualizeApp", "visVega", "visVisualBuilder", "watchesApp", "wrench", "tokenClass", "tokenProperty", "tokenEnum", "tokenVariable", "tokenMethod", "tokenAnnotation", "tokenException", "tokenInterface", "tokenParameter", "tokenField", "tokenElement", "tokenFunction", "tokenBoolean", "tokenString", "tokenArray", "tokenNumber", "tokenConstant", "tokenObject", "tokenEvent", "tokenKey", "tokenNull", "tokenStruct", "tokenPackage", "tokenOperator", "tokenEnumMember", "tokenRepo", "tokenSymbol", "tokenFile", "tokenModule", "tokenNamespace"]).isRequired, PropTypes.string.isRequired, PropTypes.element.isRequired]),
39
+ iconType: PropTypes.oneOfType([PropTypes.oneOf(["addDataApp", "advancedSettingsApp", "alert", "apmApp", "apmTrace", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "asterisk", "auditbeatApp", "beaker", "bell", "bolt", "boxesHorizontal", "boxesVertical", "branch", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "codeApp", "check", "checkInCircleFilled", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "compute", "console", "consoleApp", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "crossInACircleFilled", "cut", "dashboardApp", "database", "dataVisualizer", "devToolsApp", "discoverApp", "document", "documentEdit", "documents", "dot", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignLeft", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "exit", "expand", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "folderClosed", "folderOpen", "fullScreen", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "iInCircle", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexSettings", "infraApp", "inputOutput", "inspect", "invert", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "link", "list", "listAdd", "lock", "lockOpen", "loggingApp", "logoAerospike", "logoApache", "logoAPM", "logoAppSearch", "logoAWS", "logoAWSMono", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticsearch", "logoElasticStack", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menuLeft", "menuRight", "merge", "metricbeatApp", "minusInCircle", "minusInCircleFilled", "monitoringApp", "moon", "node", "notebookApp", "number", "offline", "online", "packetbeatApp", "pause", "pencil", "pin", "pinFilled", "pipelineApp", "play", "plusInCircle", "plusInCircleFilled", "popout", "questionInCircle", "refresh", "reportingApp", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "shard", "share", "snowflake", "sortable", "sortDown", "sortLeft", "sortRight", "sortUp", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "swatchInput", "symlink", "tableOfContents", "tag", "tear", "temperature", "timelionApp", "training", "trash", "upgradeAssistantApp", "uptimeApp", "user", "usersRolesApp", "vector", "videoPlayer", "visArea", "visBarHorizontal", "visBarVertical", "visControls", "visGauge", "visGoal", "visHeatmap", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visualizeApp", "visVega", "visVisualBuilder", "watchesApp", "wrench", "tokenClass", "tokenProperty", "tokenEnum", "tokenVariable", "tokenMethod", "tokenAnnotation", "tokenException", "tokenInterface", "tokenParameter", "tokenField", "tokenElement", "tokenFunction", "tokenBoolean", "tokenString", "tokenArray", "tokenNumber", "tokenConstant", "tokenObject", "tokenEvent", "tokenKey", "tokenNull", "tokenStruct", "tokenPackage", "tokenOperator", "tokenEnumMember", "tokenRepo", "tokenSymbol", "tokenFile", "tokenModule", "tokenNamespace"]).isRequired, PropTypes.string.isRequired, PropTypes.element.isRequired]),
40
40
  iconTitle: PropTypes.string,
41
41
  children: PropTypes.node
42
42
  };
@@ -138,6 +138,15 @@ EuiHeaderLogo.__docgenInfo = {
138
138
  }, {
139
139
  "value": "\"clock\"",
140
140
  "computed": false
141
+ }, {
142
+ "value": "\"cloudDrizzle\"",
143
+ "computed": false
144
+ }, {
145
+ "value": "\"cloudStormy\"",
146
+ "computed": false
147
+ }, {
148
+ "value": "\"cloudSunny\"",
149
+ "computed": false
141
150
  }, {
142
151
  "value": "\"compute\"",
143
152
  "computed": false
@@ -204,6 +213,12 @@ EuiHeaderLogo.__docgenInfo = {
204
213
  }, {
205
214
  "value": "\"document\"",
206
215
  "computed": false
216
+ }, {
217
+ "value": "\"documentEdit\"",
218
+ "computed": false
219
+ }, {
220
+ "value": "\"documents\"",
221
+ "computed": false
207
222
  }, {
208
223
  "value": "\"dot\"",
209
224
  "computed": false
@@ -855,6 +870,9 @@ EuiHeaderLogo.__docgenInfo = {
855
870
  }, {
856
871
  "value": "\"timelionApp\"",
857
872
  "computed": false
873
+ }, {
874
+ "value": "\"training\"",
875
+ "computed": false
858
876
  }, {
859
877
  "value": "\"trash\"",
860
878
  "computed": false
@@ -873,6 +891,9 @@ EuiHeaderLogo.__docgenInfo = {
873
891
  }, {
874
892
  "value": "\"vector\"",
875
893
  "computed": false
894
+ }, {
895
+ "value": "\"videoPlayer\"",
896
+ "computed": false
876
897
  }, {
877
898
  "value": "\"visArea\"",
878
899
  "computed": false
@@ -0,0 +1,21 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+
5
+ var EuiIconCloudDrizzle = function EuiIconCloudDrizzle(props) {
6
+ return React.createElement("svg", _extends({
7
+ width: 16,
8
+ height: 16,
9
+ viewBox: "0 0 16 16",
10
+ xmlns: "http://www.w3.org/2000/svg"
11
+ }, props), React.createElement("path", {
12
+ d: "M6.348 3.761A3.995 3.995 0 0 1 8 7a.5.5 0 0 1-1 0 3 3 0 1 0-4.878 2.34.5.5 0 0 1-.627.779 4 4 0 0 1 3.973-6.84 5.502 5.502 0 0 1 10.096 4.37.5.5 0 1 1-.92-.39 4.5 4.5 0 0 0-8.296-3.497zm-1.61 4.935a.5.5 0 1 1 .775.633l-1.466 1.792a.5.5 0 1 1-.774-.633l1.466-1.792zm-3.12 3.647a.5.5 0 0 1 .774.634l-1.505 1.84a.5.5 0 0 1-.774-.634l1.505-1.84zm7.62-3.647a.5.5 0 0 1 .775.633l-1.466 1.792a.5.5 0 1 1-.774-.633l1.466-1.792zm-3.12 3.647a.5.5 0 0 1 .774.634l-1.505 1.84a.5.5 0 0 1-.774-.634l1.505-1.84zm7.62-3.647a.5.5 0 1 1 .775.633l-1.466 1.792a.5.5 0 1 1-.774-.633l1.466-1.792zm-3.12 3.647a.5.5 0 0 1 .774.634l-1.505 1.84a.5.5 0 0 1-.774-.634l1.505-1.84z"
13
+ }));
14
+ };
15
+
16
+ export var icon = EuiIconCloudDrizzle;
17
+ EuiIconCloudDrizzle.__docgenInfo = {
18
+ "description": "",
19
+ "methods": [],
20
+ "displayName": "EuiIconCloudDrizzle"
21
+ };
@@ -0,0 +1,21 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+
5
+ var EuiIconCloudStormy = function EuiIconCloudStormy(props) {
6
+ return React.createElement("svg", _extends({
7
+ width: 16,
8
+ height: 16,
9
+ viewBox: "0 0 16 16",
10
+ xmlns: "http://www.w3.org/2000/svg"
11
+ }, props), React.createElement("path", {
12
+ d: "M7.421 4.93a.5.5 0 0 1-.87.49 3 3 0 1 0-4.43 3.918.5.5 0 0 1-.626.78 4 4 0 0 1 3.973-6.84l.032.018V3.28a5.5 5.5 0 1 1 7.003 7.357.5.5 0 1 1-.36-.934 4.5 4.5 0 1 0-5.77-5.923c.42.31.778.701 1.05 1.15h-.002zM9.6 11c.669.002.794.67.36 1.003l-4.68 3.882c-.457.378-1.053-.26-.643-.689l3.08-3.193A5411.7 5411.7 0 0 1 5.113 12c-.668-.001-.793-.669-.36-1.003l4.68-3.881c.458-.379 1.053.26.643.688l-3.08 3.193L9.6 11z"
13
+ }));
14
+ };
15
+
16
+ export var icon = EuiIconCloudStormy;
17
+ EuiIconCloudStormy.__docgenInfo = {
18
+ "description": "",
19
+ "methods": [],
20
+ "displayName": "EuiIconCloudStormy"
21
+ };
@@ -0,0 +1,21 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+
5
+ var EuiIconCloudSunny = function EuiIconCloudSunny(props) {
6
+ return React.createElement("svg", _extends({
7
+ width: 16,
8
+ height: 16,
9
+ viewBox: "0 0 16 16",
10
+ xmlns: "http://www.w3.org/2000/svg"
11
+ }, props), React.createElement("path", {
12
+ d: "M10.746 5.005A5.5 5.5 0 0 1 10.5 16H4a4 4 0 0 1-1.61-7.663A4.473 4.473 0 0 1 2.029 7H.5a.5.5 0 0 1 0-1h1.527a4.479 4.479 0 0 1 .957-2.309L1.646 2.354a.5.5 0 1 1 .708-.708L3.69 2.984A4.479 4.479 0 0 1 6 2.027V.5a.5.5 0 0 1 1 0v1.528a4.493 4.493 0 0 1 2.309.956l1.337-1.338a.5.5 0 0 1 .708.708L10.016 3.69c.311.388.56.831.73 1.314zM4 15h6.5a4.5 4.5 0 1 0-4.152-6.239A3.995 3.995 0 0 1 8 12a.5.5 0 1 1-1 0 3 3 0 1 0-3 3zm5.691-9.94a3.5 3.5 0 1 0-6.33 2.991 4.029 4.029 0 0 1 2.106.227 5.505 5.505 0 0 1 4.224-3.219z"
13
+ }));
14
+ };
15
+
16
+ export var icon = EuiIconCloudSunny;
17
+ EuiIconCloudSunny.__docgenInfo = {
18
+ "description": "",
19
+ "methods": [],
20
+ "displayName": "EuiIconCloudSunny"
21
+ };
@@ -0,0 +1,21 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+
5
+ var EuiIconDocumentEdit = function EuiIconDocumentEdit(props) {
6
+ return React.createElement("svg", _extends({
7
+ width: 16,
8
+ height: 16,
9
+ viewBox: "0 0 16 16",
10
+ xmlns: "http://www.w3.org/2000/svg"
11
+ }, props), React.createElement("path", {
12
+ d: "M8.505 8.995l6.453-6.44-1.5-1.5-6.453 6.44 1.5 1.5zM12.968.19c.258-.238.657-.26.91 0l1.928 1.929a.642.642 0 0 1 0 .909l-6.78 6.784A.641.641 0 0 1 8.57 10H6.643A.643.643 0 0 1 6 9.357V7.43c0-.17.067-.335.188-.455L12.968.19zM4.5 13a.5.5 0 1 1 0-1h7a.5.5 0 1 1 0 1h-7zm4-12a.5.5 0 0 1 0 1H2v13h12V7.5a.5.5 0 1 1 1 0V15a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6.5z"
13
+ }));
14
+ };
15
+
16
+ export var icon = EuiIconDocumentEdit;
17
+ EuiIconDocumentEdit.__docgenInfo = {
18
+ "description": "",
19
+ "methods": [],
20
+ "displayName": "EuiIconDocumentEdit"
21
+ };