@elastic/eui 104.0.2 → 104.1.0-amsterdam.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 (57) hide show
  1. package/es/components/basic_table/in_memory_table.js +18 -2
  2. package/es/components/code/code.styles.js +1 -1
  3. package/es/components/code/code_syntax.styles.js +1 -0
  4. package/es/components/date_picker/date_picker.js +2 -1
  5. package/es/components/date_picker/date_picker_range.js +18 -16
  6. package/es/components/date_picker/super_date_picker/super_date_picker.js +5 -9
  7. package/es/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
  8. package/es/components/provider/provider.js +2 -2
  9. package/es/services/color/vis_color_store.js +1 -1
  10. package/es/services/theme/context.js +2 -2
  11. package/es/themes/amsterdam/global_styling/variables/_components.js +315 -310
  12. package/eui.d.ts +365 -356
  13. package/lib/components/basic_table/in_memory_table.js +18 -2
  14. package/lib/components/code/code.styles.js +1 -1
  15. package/lib/components/code/code_syntax.styles.js +1 -0
  16. package/lib/components/date_picker/date_picker.js +2 -1
  17. package/lib/components/date_picker/date_picker_range.js +18 -16
  18. package/lib/components/date_picker/super_date_picker/super_date_picker.js +5 -9
  19. package/lib/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
  20. package/lib/components/provider/provider.js +2 -2
  21. package/lib/services/color/vis_color_store.js +2 -2
  22. package/lib/services/theme/context.js +2 -2
  23. package/lib/themes/amsterdam/global_styling/variables/_components.js +315 -310
  24. package/optimize/es/components/basic_table/in_memory_table.js +3 -2
  25. package/optimize/es/components/code/code.styles.js +1 -1
  26. package/optimize/es/components/code/code_syntax.styles.js +1 -0
  27. package/optimize/es/components/date_picker/date_picker.js +2 -1
  28. package/optimize/es/components/date_picker/date_picker_range.js +16 -14
  29. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +5 -9
  30. package/optimize/es/components/form/form_control_layout/form_control_layout_delimited.js +2 -2
  31. package/optimize/es/components/provider/provider.js +2 -2
  32. package/optimize/es/services/color/vis_color_store.js +1 -1
  33. package/optimize/es/services/theme/context.js +2 -2
  34. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +315 -310
  35. package/optimize/lib/components/basic_table/in_memory_table.js +3 -2
  36. package/optimize/lib/components/code/code.styles.js +1 -1
  37. package/optimize/lib/components/code/code_syntax.styles.js +1 -0
  38. package/optimize/lib/components/date_picker/date_picker.js +2 -1
  39. package/optimize/lib/components/date_picker/date_picker_range.js +16 -14
  40. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +5 -9
  41. package/optimize/lib/components/form/form_control_layout/form_control_layout_delimited.js +2 -2
  42. package/optimize/lib/components/provider/provider.js +2 -2
  43. package/optimize/lib/services/color/vis_color_store.js +2 -2
  44. package/optimize/lib/services/theme/context.js +2 -2
  45. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +315 -310
  46. package/package.json +4 -4
  47. package/test-env/components/basic_table/in_memory_table.js +18 -2
  48. package/test-env/components/code/code.styles.js +1 -1
  49. package/test-env/components/code/code_syntax.styles.js +1 -0
  50. package/test-env/components/date_picker/date_picker.js +2 -1
  51. package/test-env/components/date_picker/date_picker_range.js +18 -16
  52. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +5 -9
  53. package/test-env/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
  54. package/test-env/components/provider/provider.js +2 -2
  55. package/test-env/services/color/vis_color_store.js +2 -2
  56. package/test-env/services/theme/context.js +2 -2
  57. package/test-env/themes/amsterdam/global_styling/variables/_components.js +315 -310
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "104.0.2",
4
+ "version": "104.1.0-amsterdam.0",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
@@ -50,7 +50,7 @@
50
50
  "url": "https://github.com/elastic/eui.git"
51
51
  },
52
52
  "dependencies": {
53
- "@elastic/eui-theme-common": "2.0.0",
53
+ "@elastic/eui-theme-common": "2.1.0",
54
54
  "@elastic/prismjs-esql": "^1.1.0",
55
55
  "@hello-pangea/dnd": "^16.6.0",
56
56
  "@types/lodash": "^4.14.202",
@@ -104,7 +104,7 @@
104
104
  "@cypress/webpack-dev-server": "^1.7.0",
105
105
  "@elastic/charts": "^64.1.0",
106
106
  "@elastic/datemath": "^5.0.3",
107
- "@elastic/eui-theme-borealis": "3.0.0",
107
+ "@elastic/eui-theme-borealis": "3.1.0",
108
108
  "@emotion/babel-preset-css-prop": "^11.11.0",
109
109
  "@emotion/cache": "^11.11.0",
110
110
  "@emotion/css": "^11.11.0",
@@ -257,7 +257,7 @@
257
257
  },
258
258
  "peerDependencies": {
259
259
  "@elastic/datemath": "^5.0.2",
260
- "@elastic/eui-theme-borealis": "3.0.0",
260
+ "@elastic/eui-theme-borealis": "3.1.0",
261
261
  "@emotion/css": "11.x",
262
262
  "@emotion/react": "11.x",
263
263
  "@types/react": "^16.9 || ^17.0 || ^18.0",
@@ -27,7 +27,7 @@ var _component_defaults = require("../provider/component_defaults");
27
27
  var _react2 = require("@emotion/react");
28
28
  var _excluded = ["schema"],
29
29
  _excluded2 = ["onChange"],
30
- _excluded3 = ["columns", "loading", "message", "error", "selection", "compressed", "pagination", "sorting", "itemIdToExpandedRowMap", "itemId", "rowProps", "cellProps", "tableLayout", "items", "search", "searchFormat", "onTableChange", "executeQueryOptions", "allowNeutralSort", "childrenBetween"];
30
+ _excluded3 = ["columns", "loading", "message", "noItemsMessage", "error", "selection", "compressed", "pagination", "sorting", "itemIdToExpandedRowMap", "itemId", "rowProps", "cellProps", "tableLayout", "items", "search", "searchFormat", "onTableChange", "executeQueryOptions", "allowNeutralSort", "childrenBetween"];
31
31
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
32
32
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
33
33
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -375,6 +375,7 @@ var EuiInMemoryTable = exports.EuiInMemoryTable = /*#__PURE__*/function (_Compon
375
375
  columns = _this$props2.columns,
376
376
  loading = _this$props2.loading,
377
377
  message = _this$props2.message,
378
+ noItemsMessage = _this$props2.noItemsMessage,
378
379
  error = _this$props2.error,
379
380
  selection = _this$props2.selection,
380
381
  compressed = _this$props2.compressed,
@@ -436,7 +437,7 @@ var EuiInMemoryTable = exports.EuiInMemoryTable = /*#__PURE__*/function (_Compon
436
437
  onChange: this.onTableChange,
437
438
  error: error,
438
439
  loading: loading,
439
- noItemsMessage: message,
440
+ noItemsMessage: noItemsMessage || message,
440
441
  tableLayout: tableLayout,
441
442
  compressed: compressed,
442
443
  itemIdToExpandedRowMap: itemIdToExpandedRowMap
@@ -971,7 +972,22 @@ EuiInMemoryTable.propTypes = {
971
972
  * Sets the table-layout CSS property. Note that auto tableLayout prevents truncateText from working properly.
972
973
  */
973
974
  tableLayout: _propTypes.default.oneOf(["fixed", "auto"]),
975
+ /**
976
+ * Message to display if table is empty
977
+ * @deprecated Use `noItemsMessage` instead.
978
+ */
979
+ /**
980
+ * Message to display if table is empty
981
+ * @deprecated Use `noItemsMessage` instead.
982
+ */
974
983
  message: _propTypes.default.node,
984
+ /**
985
+ * Message to display if table is empty
986
+ */
987
+ /**
988
+ * Message to display if table is empty
989
+ */
990
+ noItemsMessage: _propTypes.default.node,
975
991
  /**
976
992
  * Configures {@link Search}.
977
993
  */
@@ -29,7 +29,7 @@ var euiCodeStyles = exports.euiCodeStyles = function euiCodeStyles(euiThemeConte
29
29
  /*
30
30
  * 1. Size the code against the text its embedded within.
31
31
  */
32
- euiCode: /*#__PURE__*/(0, _react.css)("font-family:", euiTheme.font.familyCode, ";font-size:0.9em;", (0, _global_styling.logicalShorthandCSS)('padding', '0.2em 0.5em'), "background-color:", codeSyntaxVariables.backgroundColor, ";", (0, _global_styling.highContrastModeStyles)(euiThemeContext, {
32
+ euiCode: /*#__PURE__*/(0, _react.css)("font-family:", euiTheme.font.familyCode, ";font-size:0.9em;", (0, _global_styling.logicalShorthandCSS)('padding', '0.2em 0.5em'), "background-color:", codeSyntaxVariables.inlineBackgroundColor, ";", (0, _global_styling.highContrastModeStyles)(euiThemeContext, {
33
33
  forced: "\n border: ".concat(euiTheme.border.thin, ";\n ")
34
34
  }), " border-radius:", euiTheme.border.radius.small, ";font-weight:", euiTheme.font.weight.bold, ";color:", codeSyntaxVariables.inlineCodeColor, ";", codeSyntaxVariables.tokensCss, " .token.atrule .token.rule,.token.keyword{color:", codeSyntaxVariables.inlineCodeKeywordColor, ";};label:euiCode;"),
35
35
  transparentBackground: _ref
@@ -32,6 +32,7 @@ var euiCodeSyntaxVariables = exports.euiCodeSyntaxVariables = function euiCodeSy
32
32
  return {
33
33
  backgroundColor: backgroundColor,
34
34
  color: color,
35
+ inlineBackgroundColor: euiTheme.components.codeInlineBackground,
35
36
  inlineCodeColor: euiTheme.components.codeInlineColor,
36
37
  selectedBackgroundColor: euiTheme.components.codeBackgroundSelected,
37
38
  commentColor: euiTheme.components.codeCommentColor,
@@ -62,6 +62,7 @@ var unsupportedProps = [
62
62
  // An internal EUI styling concern that consumers shouldn't need to access
63
63
  'defaultInputProps'];
64
64
  var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
65
+ var _selected$isValid;
65
66
  var _ref$adjustDateOnChan = _ref.adjustDateOnChange,
66
67
  adjustDateOnChange = _ref$adjustDateOnChan === void 0 ? true : _ref$adjustDateOnChan,
67
68
  append = _ref.append,
@@ -113,7 +114,7 @@ var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
113
114
  utcOffset = _ref.utcOffset,
114
115
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
115
116
  // Check for whether the passed `selected` moment date is valid
116
- var isInvalid = _isInvalid || ((selected === null || selected === void 0 ? void 0 : selected.isValid()) === false ? true : undefined);
117
+ var isInvalid = _isInvalid || ((selected === null || selected === void 0 || (_selected$isValid = selected.isValid) === null || _selected$isValid === void 0 ? void 0 : _selected$isValid.call(selected)) === false ? true : undefined);
117
118
  var styles = (0, _services.useEuiMemoizedStyles)(_date_picker.euiDatePickerStyles);
118
119
  var cssStyles = [styles.euiDatePicker].concat((0, _toConsumableArray2.default)(inline ? [styles.inline.inline, isInvalid && !(disabled || readOnly) && styles.inline.invalid, shadow ? styles.inline.shadow : styles.inline.noShadow, disabled && styles.inline.disabled, readOnly && styles.inline.readOnly] : []));
119
120
  var calendarStyles = (0, _services.useEuiMemoizedStyles)(_react_date_picker.euiReactDatePickerStyles);
@@ -15,7 +15,7 @@ var _form = require("../form");
15
15
  var _services = require("../../services");
16
16
  var _date_picker_range = require("./date_picker_range.styles");
17
17
  var _react2 = require("@emotion/react");
18
- var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend"];
18
+ var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend", "delimiter"];
19
19
  /*
20
20
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
21
21
  * or more contributor license agreements. Licensed under the Elastic License
@@ -46,6 +46,7 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
46
46
  _onBlur = _ref.onBlur,
47
47
  append = _ref.append,
48
48
  prepend = _ref.prepend,
49
+ delimiter = _ref.delimiter,
49
50
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
50
51
  // `fullWidth` and `compressed` should not affect inline datepickers (matches non-range behavior)
51
52
  var fullWidth = _fullWidth && !inline;
@@ -54,50 +55,50 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
54
55
  var inlineStyles = (0, _services.useEuiMemoizedStyles)(_date_picker_range.euiDatePickerRangeInlineStyles);
55
56
  var cssStyles = !inline ? _date_picker_range.euiDatePickerRangeStyles.euiDatePickerRange : [inlineStyles.euiDatePickerRangeInline,
56
57
  // Determine the inline container query to use based on the width of the react-datepicker
57
- startDateControl.props.showTimeSelect || endDateControl.props.showTimeSelect ? inlineStyles.responsiveWithTimeSelect : inlineStyles.responsive, shadow && inlineStyles.shadow];
58
+ startDateControl !== null && startDateControl !== void 0 && startDateControl.props.showTimeSelect || endDateControl !== null && endDateControl !== void 0 && endDateControl.props.showTimeSelect ? inlineStyles.responsiveWithTimeSelect : inlineStyles.responsive, shadow && inlineStyles.shadow];
58
59
  var startControl = startDateControl;
59
60
  var endControl = endDateControl;
60
61
  if (!isCustom) {
61
- startControl = /*#__PURE__*/(0, _react.cloneElement)(startDateControl, {
62
+ startControl = startControl && /*#__PURE__*/(0, _react.cloneElement)(startDateControl, {
62
63
  controlOnly: true,
63
64
  showIcon: false,
64
65
  inline: inline,
65
66
  compressed: compressed,
66
67
  fullWidth: fullWidth,
67
68
  readOnly: readOnly,
68
- disabled: disabled || startDateControl.props.disabled,
69
- isInvalid: isInvalid || startDateControl.props.isInvalid,
70
- className: (0, _classnames.default)('euiDatePickerRange__start', startDateControl.props.className),
69
+ disabled: disabled || (startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.disabled),
70
+ isInvalid: isInvalid || (startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.isInvalid),
71
+ className: (0, _classnames.default)('euiDatePickerRange__start', startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.className),
71
72
  onBlur: function onBlur(event) {
72
73
  var _startDateControl$pro, _startDateControl$pro2;
73
- (_startDateControl$pro = startDateControl.props) === null || _startDateControl$pro === void 0 || (_startDateControl$pro2 = _startDateControl$pro.onBlur) === null || _startDateControl$pro2 === void 0 || _startDateControl$pro2.call(_startDateControl$pro, event);
74
+ startDateControl === null || startDateControl === void 0 || (_startDateControl$pro = startDateControl.props) === null || _startDateControl$pro === void 0 || (_startDateControl$pro2 = _startDateControl$pro.onBlur) === null || _startDateControl$pro2 === void 0 || _startDateControl$pro2.call(_startDateControl$pro, event);
74
75
  _onBlur === null || _onBlur === void 0 || _onBlur(event);
75
76
  },
76
77
  onFocus: function onFocus(event) {
77
78
  var _startDateControl$pro3, _startDateControl$pro4;
78
- (_startDateControl$pro3 = startDateControl.props) === null || _startDateControl$pro3 === void 0 || (_startDateControl$pro4 = _startDateControl$pro3.onFocus) === null || _startDateControl$pro4 === void 0 || _startDateControl$pro4.call(_startDateControl$pro3, event);
79
+ startDateControl === null || startDateControl === void 0 || (_startDateControl$pro3 = startDateControl.props) === null || _startDateControl$pro3 === void 0 || (_startDateControl$pro4 = _startDateControl$pro3.onFocus) === null || _startDateControl$pro4 === void 0 || _startDateControl$pro4.call(_startDateControl$pro3, event);
79
80
  _onFocus === null || _onFocus === void 0 || _onFocus(event);
80
81
  }
81
82
  });
82
- endControl = /*#__PURE__*/(0, _react.cloneElement)(endDateControl, {
83
+ endControl = endControl && /*#__PURE__*/(0, _react.cloneElement)(endDateControl, {
83
84
  controlOnly: true,
84
85
  showIcon: false,
85
86
  inline: inline,
86
87
  compressed: compressed,
87
88
  fullWidth: fullWidth,
88
89
  readOnly: readOnly,
89
- disabled: disabled || endDateControl.props.disabled,
90
- isInvalid: isInvalid || endDateControl.props.isInvalid,
90
+ disabled: disabled || (endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.disabled),
91
+ isInvalid: isInvalid || (endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.isInvalid),
91
92
  popoverPlacement: 'downRight',
92
- className: (0, _classnames.default)('euiDatePickerRange__end', endDateControl.props.className),
93
+ className: (0, _classnames.default)('euiDatePickerRange__end', endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.className),
93
94
  onBlur: function onBlur(event) {
94
95
  var _endDateControl$props, _endDateControl$props2;
95
- (_endDateControl$props = endDateControl.props) === null || _endDateControl$props === void 0 || (_endDateControl$props2 = _endDateControl$props.onBlur) === null || _endDateControl$props2 === void 0 || _endDateControl$props2.call(_endDateControl$props, event);
96
+ endDateControl === null || endDateControl === void 0 || (_endDateControl$props = endDateControl.props) === null || _endDateControl$props === void 0 || (_endDateControl$props2 = _endDateControl$props.onBlur) === null || _endDateControl$props2 === void 0 || _endDateControl$props2.call(_endDateControl$props, event);
96
97
  _onBlur === null || _onBlur === void 0 || _onBlur(event);
97
98
  },
98
99
  onFocus: function onFocus(event) {
99
100
  var _endDateControl$props3, _endDateControl$props4;
100
- (_endDateControl$props3 = endDateControl.props) === null || _endDateControl$props3 === void 0 || (_endDateControl$props4 = _endDateControl$props3.onFocus) === null || _endDateControl$props4 === void 0 || _endDateControl$props4.call(_endDateControl$props3, event);
101
+ endDateControl === null || endDateControl === void 0 || (_endDateControl$props3 = endDateControl.props) === null || _endDateControl$props3 === void 0 || (_endDateControl$props4 = _endDateControl$props3.onFocus) === null || _endDateControl$props4 === void 0 || _endDateControl$props4.call(_endDateControl$props3, event);
101
102
  _onFocus === null || _onFocus === void 0 || _onFocus(event);
102
103
  }
103
104
  });
@@ -112,6 +113,7 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
112
113
  className: classes,
113
114
  css: cssStyles
114
115
  }, rest), (0, _react2.jsx)(_form.EuiFormControlLayoutDelimited, {
116
+ delimiter: delimiter,
115
117
  icon: icon,
116
118
  startControl: startControl,
117
119
  endControl: endControl,
@@ -138,11 +140,11 @@ EuiDatePickerRange.propTypes = {
138
140
  /**
139
141
  * The end date `EuiDatePicker` element
140
142
  */
141
- endDateControl: _propTypes.default.element.isRequired,
143
+ endDateControl: _propTypes.default.element,
142
144
  /**
143
145
  * The start date `EuiDatePicker` element
144
146
  */
145
- startDateControl: _propTypes.default.element.isRequired,
147
+ startDateControl: _propTypes.default.element,
146
148
  /**
147
149
  * Pass either an icon type or set to `false` to remove icon entirely
148
150
  */
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.EuiSuperDatePickerInternal = exports.EuiSuperDatePicker = void 0;
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
13
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -297,14 +297,9 @@ var EuiSuperDatePickerInternal = exports.EuiSuperDatePickerInternal = /*#__PURE_
297
297
  fullWidth: true,
298
298
  css: [styles.states.euiSuperDatePicker__formControlLayout, isDisabled ? styles.states.disabled : isInvalid ? styles.states.invalid : hasChanged ? styles.states.needsUpdating : styles.states.default]
299
299
  };
300
- if (isQuickSelectOnly) {
301
- return (0, _react2.jsx)(_form.EuiFormControlLayout, (0, _extends2.default)({
302
- iconsPosition: "static"
303
- }, formControlLayoutProps));
304
- }
305
300
  var isDisabledDisplay = (0, _predicate.isObject)(isDisabled) && (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled.display);
306
301
  if (isDisabledDisplay || showPrettyDuration && !isStartDatePopoverOpen && !isEndDatePopoverOpen) {
307
- return (0, _react2.jsx)(_form.EuiFormControlLayout, formControlLayoutProps, (0, _react2.jsx)("button", {
302
+ return (0, _react2.jsx)(_form.EuiFormControlLayout, formControlLayoutProps, !isQuickSelectOnly && (0, _react2.jsx)("button", {
308
303
  type: "button",
309
304
  css: styles.euiSuperDatePicker__prettyFormat,
310
305
  className: (0, _classnames.default)('euiSuperDatePicker__prettyFormat', {
@@ -335,7 +330,8 @@ var EuiSuperDatePickerInternal = exports.EuiSuperDatePickerInternal = /*#__PURE_
335
330
  css: rangeCssStyles,
336
331
  isCustom: true,
337
332
  iconType: false,
338
- startDateControl: (0, _react2.jsx)(_date_popover_button.EuiDatePopoverButton, {
333
+ delimiter: isQuickSelectOnly ? '' : undefined,
334
+ startDateControl: isQuickSelectOnly ? undefined : (0, _react2.jsx)(_date_popover_button.EuiDatePopoverButton, {
339
335
  css: styles.euiSuperDatePicker__rangeInput,
340
336
  className: "euiSuperDatePicker__startPopoverButton",
341
337
  compressed: compressed,
@@ -360,7 +356,7 @@ var EuiSuperDatePickerInternal = exports.EuiSuperDatePickerInternal = /*#__PURE_
360
356
  onFocus: onFocus
361
357
  }
362
358
  }),
363
- endDateControl: (0, _react2.jsx)(_date_popover_button.EuiDatePopoverButton, {
359
+ endDateControl: isQuickSelectOnly ? undefined : (0, _react2.jsx)(_date_popover_button.EuiDatePopoverButton, {
364
360
  css: styles.euiSuperDatePicker__rangeInput,
365
361
  position: "end",
366
362
  compressed: compressed,
@@ -64,20 +64,20 @@ var EuiFormControlLayoutDelimited = exports.EuiFormControlLayoutDelimited = func
64
64
  value: {
65
65
  defaultFullWidth: fullWidth
66
66
  }
67
- }, addClassesToControl(startControl), (0, _react2.jsx)(EuiFormControlDelimiter, {
67
+ }, startControl && addClassesToControl(startControl), (0, _react2.jsx)(EuiFormControlDelimiter, {
68
68
  delimiter: delimiter,
69
69
  isInvalid: showInvalidState
70
- }), addClassesToControl(endControl)));
70
+ }), endControl && addClassesToControl(endControl)));
71
71
  };
72
72
  EuiFormControlLayoutDelimited.propTypes = {
73
73
  /**
74
74
  * Left side control
75
75
  */
76
- startControl: _propTypes.default.element.isRequired,
76
+ startControl: _propTypes.default.element,
77
77
  /**
78
78
  * Right side control
79
79
  */
80
- endControl: _propTypes.default.element.isRequired,
80
+ endControl: _propTypes.default.element,
81
81
  /**
82
82
  * The center content. Accepts a string to be wrapped in a subdued EuiText
83
83
  * or a single ReactElement
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.EuiProvider = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
9
+ var _themes = require("../../themes");
10
10
  var _services = require("../../services");
11
11
  var _warning = require("../../services/theme/warning");
12
12
  var _css = require("../../services/emotion/css");
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
33
33
  var _ref$cache = _ref.cache,
34
34
  cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
35
35
  _ref$theme = _ref.theme,
36
- theme = _ref$theme === void 0 ? _euiThemeBorealis.EuiThemeBorealis : _ref$theme,
36
+ theme = _ref$theme === void 0 ? _themes.EuiThemeAmsterdam : _ref$theme,
37
37
  _ref$globalStyles = _ref.globalStyles,
38
38
  Globals = _ref$globalStyles === void 0 ? _global_styles.EuiGlobalStyles : _ref$globalStyles,
39
39
  _ref$utilityClasses = _ref.utilityClasses,
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.EUI_VIS_COLOR_STORE = void 0;
7
7
  var _euiThemeCommon = require("@elastic/eui-theme-common");
8
- var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
8
+ var _colors_vis_light = require("../../themes/amsterdam/global_styling/variables/_colors_vis_light");
9
9
  /*
10
10
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
11
11
  * or more contributor license agreements. Licensed under the Elastic License
@@ -15,4 +15,4 @@ var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
15
15
  */
16
16
 
17
17
  // initialsetup of Vis color storage with default colors
18
- var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, true);
18
+ var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_colors_vis_light.colorVisLight, true);
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
7
7
  var _react = require("react");
8
- var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
8
+ var _theme = require("../../themes/amsterdam/theme");
9
9
  var _utils = require("./utils");
10
10
  /*
11
11
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -16,7 +16,7 @@ var _utils = require("./utils");
16
16
  */
17
17
 
18
18
  var DEFAULTS = exports.DEFAULTS = {
19
- system: _euiThemeBorealis.EuiThemeBorealis,
19
+ system: _theme.EuiThemeAmsterdam,
20
20
  modifications: {},
21
21
  colorMode: _utils.DEFAULT_COLOR_MODE,
22
22
  highContrastMode: false