@elastic/eui 104.1.0 → 104.4.0-amsterdam.1

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 (76) hide show
  1. package/dist/eui_theme_borealis_dark.json +1 -3
  2. package/dist/eui_theme_borealis_dark.json.d.ts +1 -3
  3. package/dist/eui_theme_borealis_light.json +1 -3
  4. package/dist/eui_theme_borealis_light.json.d.ts +1 -3
  5. package/es/components/basic_table/in_memory_table.js +2 -18
  6. package/es/components/code/code.styles.js +1 -1
  7. package/es/components/code/code_syntax.styles.js +0 -1
  8. package/es/components/datagrid/controls/column_selector.js +32 -3
  9. package/es/components/date_picker/date_picker.js +1 -2
  10. package/es/components/date_picker/date_picker_range.js +16 -18
  11. package/es/components/date_picker/super_date_picker/super_date_picker.js +9 -5
  12. package/es/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
  13. package/es/components/provider/provider.js +2 -2
  14. package/es/services/color/vis_color_store.js +1 -1
  15. package/es/services/theme/context.js +2 -2
  16. package/es/themes/amsterdam/global_styling/variables/_components.js +310 -315
  17. package/es/themes/json/eui_theme_borealis_dark.json +1 -3
  18. package/es/themes/json/eui_theme_borealis_light.json +1 -3
  19. package/eui.d.ts +339 -352
  20. package/lib/components/basic_table/in_memory_table.js +2 -18
  21. package/lib/components/code/code.styles.js +1 -1
  22. package/lib/components/code/code_syntax.styles.js +0 -1
  23. package/lib/components/datagrid/controls/column_selector.js +32 -3
  24. package/lib/components/date_picker/date_picker.js +1 -2
  25. package/lib/components/date_picker/date_picker_range.js +16 -18
  26. package/lib/components/date_picker/super_date_picker/super_date_picker.js +9 -5
  27. package/lib/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
  28. package/lib/components/provider/provider.js +2 -2
  29. package/lib/services/color/vis_color_store.js +2 -2
  30. package/lib/services/theme/context.js +2 -2
  31. package/lib/themes/amsterdam/global_styling/variables/_components.js +310 -315
  32. package/lib/themes/json/eui_theme_borealis_dark.json +1 -3
  33. package/lib/themes/json/eui_theme_borealis_light.json +1 -3
  34. package/optimize/es/components/basic_table/in_memory_table.js +2 -3
  35. package/optimize/es/components/code/code.styles.js +1 -1
  36. package/optimize/es/components/code/code_syntax.styles.js +0 -1
  37. package/optimize/es/components/datagrid/controls/column_selector.js +34 -3
  38. package/optimize/es/components/date_picker/date_picker.js +1 -2
  39. package/optimize/es/components/date_picker/date_picker_range.js +14 -16
  40. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +9 -5
  41. package/optimize/es/components/form/form_control_layout/form_control_layout_delimited.js +2 -2
  42. package/optimize/es/components/provider/provider.js +2 -2
  43. package/optimize/es/services/color/vis_color_store.js +1 -1
  44. package/optimize/es/services/theme/context.js +2 -2
  45. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +310 -315
  46. package/optimize/es/themes/json/eui_theme_borealis_dark.json +1 -3
  47. package/optimize/es/themes/json/eui_theme_borealis_light.json +1 -3
  48. package/optimize/lib/components/basic_table/in_memory_table.js +2 -3
  49. package/optimize/lib/components/code/code.styles.js +1 -1
  50. package/optimize/lib/components/code/code_syntax.styles.js +0 -1
  51. package/optimize/lib/components/datagrid/controls/column_selector.js +34 -5
  52. package/optimize/lib/components/date_picker/date_picker.js +1 -2
  53. package/optimize/lib/components/date_picker/date_picker_range.js +14 -16
  54. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +9 -5
  55. package/optimize/lib/components/form/form_control_layout/form_control_layout_delimited.js +2 -2
  56. package/optimize/lib/components/provider/provider.js +2 -2
  57. package/optimize/lib/services/color/vis_color_store.js +2 -2
  58. package/optimize/lib/services/theme/context.js +2 -2
  59. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +310 -315
  60. package/optimize/lib/themes/json/eui_theme_borealis_dark.json +1 -3
  61. package/optimize/lib/themes/json/eui_theme_borealis_light.json +1 -3
  62. package/package.json +4 -4
  63. package/test-env/components/basic_table/in_memory_table.js +2 -18
  64. package/test-env/components/code/code.styles.js +1 -1
  65. package/test-env/components/code/code_syntax.styles.js +0 -1
  66. package/test-env/components/datagrid/controls/column_selector.js +34 -5
  67. package/test-env/components/date_picker/date_picker.js +1 -2
  68. package/test-env/components/date_picker/date_picker_range.js +16 -18
  69. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +9 -5
  70. package/test-env/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
  71. package/test-env/components/provider/provider.js +2 -2
  72. package/test-env/services/color/vis_color_store.js +2 -2
  73. package/test-env/services/theme/context.js +2 -2
  74. package/test-env/themes/amsterdam/global_styling/variables/_components.js +310 -315
  75. package/test-env/themes/json/eui_theme_borealis_dark.json +1 -3
  76. package/test-env/themes/json/eui_theme_borealis_light.json +1 -3
@@ -377,7 +377,6 @@
377
377
  "euiColorBackgroundBaseFormsControlDisabled": "#2B394F",
378
378
  "euiColorBackgroundBaseInteractiveHover": "rgba(255,255,255, 0.08)",
379
379
  "euiColorBackgroundBaseInteractiveSelect": "#0D2F5E",
380
- "euiColorBackgroundBaseInteractiveSelectHover": "#123778",
381
380
  "euiColorBackgroundBaseInteractiveOverlay": "rgba(43,57,79, 0.7)",
382
381
  "euiColorBackgroundBaseSkeletonEdge": "rgba(255,255,255, 0.16)",
383
382
  "euiColorBackgroundBaseSkeletonMiddle": "rgba(255,255,255, 0.08)",
@@ -420,6 +419,5 @@
420
419
  "euiColorBorderStrongSuccess": "#24C292",
421
420
  "euiColorBorderStrongWarning": "#FACB3D",
422
421
  "euiColorBorderStrongRisk": "#FC8544",
423
- "euiColorBorderStrongDanger": "#F6726A",
424
- "euiColorBorderStrongText": "#8E9FBC"
422
+ "euiColorBorderStrongDanger": "#F6726A"
425
423
  }
@@ -1,4 +1,4 @@
1
- declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
1
+ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
2
2
  const sassVariables: {
3
3
  euiZDataGrid: number;
4
4
  euiZHeaderBelowDataGrid: number;
@@ -378,7 +378,6 @@ declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
378
378
  euiColorBackgroundBaseFormsControlDisabled: string;
379
379
  euiColorBackgroundBaseInteractiveHover: string;
380
380
  euiColorBackgroundBaseInteractiveSelect: string;
381
- euiColorBackgroundBaseInteractiveSelectHover: string;
382
381
  euiColorBackgroundBaseInteractiveOverlay: string;
383
382
  euiColorBackgroundBaseSkeletonEdge: string;
384
383
  euiColorBackgroundBaseSkeletonMiddle: string;
@@ -422,7 +421,6 @@ declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
422
421
  euiColorBorderStrongWarning: string;
423
422
  euiColorBorderStrongRisk: string;
424
423
  euiColorBorderStrongDanger: string;
425
- euiColorBorderStrongText: string;
426
424
  };
427
425
  export default sassVariables;
428
426
  }
@@ -377,7 +377,6 @@
377
377
  "euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
378
378
  "euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
379
379
  "euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
380
- "euiColorBackgroundBaseInteractiveSelectHover": "#D9E8FF",
381
380
  "euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
382
381
  "euiColorBackgroundBaseSkeletonEdge": "rgba(72,89,117, 0.16)",
383
382
  "euiColorBackgroundBaseSkeletonMiddle": "rgba(72,89,117, 0.04)",
@@ -420,6 +419,5 @@
420
419
  "euiColorBorderStrongSuccess": "#09724D",
421
420
  "euiColorBorderStrongWarning": "#825803",
422
421
  "euiColorBorderStrongRisk": "#9E3A16",
423
- "euiColorBorderStrongDanger": "#A71627",
424
- "euiColorBorderStrongText": "#5A6D8C"
422
+ "euiColorBorderStrongDanger": "#A71627"
425
423
  }
@@ -1,4 +1,4 @@
1
- declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
1
+ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
2
2
  const sassVariables: {
3
3
  euiZDataGrid: number;
4
4
  euiZHeaderBelowDataGrid: number;
@@ -378,7 +378,6 @@ declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
378
378
  euiColorBackgroundBaseFormsControlDisabled: string;
379
379
  euiColorBackgroundBaseInteractiveHover: string;
380
380
  euiColorBackgroundBaseInteractiveSelect: string;
381
- euiColorBackgroundBaseInteractiveSelectHover: string;
382
381
  euiColorBackgroundBaseInteractiveOverlay: string;
383
382
  euiColorBackgroundBaseSkeletonEdge: string;
384
383
  euiColorBackgroundBaseSkeletonMiddle: string;
@@ -422,7 +421,6 @@ declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
422
421
  euiColorBorderStrongWarning: string;
423
422
  euiColorBorderStrongRisk: string;
424
423
  euiColorBorderStrongDanger: string;
425
- euiColorBorderStrongText: string;
426
424
  };
427
425
  export default sassVariables;
428
426
  }
@@ -1,6 +1,6 @@
1
1
  var _excluded = ["schema"],
2
2
  _excluded2 = ["onChange"],
3
- _excluded3 = ["columns", "loading", "message", "noItemsMessage", "error", "selection", "compressed", "pagination", "sorting", "itemIdToExpandedRowMap", "itemId", "rowProps", "cellProps", "tableLayout", "items", "search", "searchFormat", "onTableChange", "executeQueryOptions", "allowNeutralSort", "childrenBetween"];
3
+ _excluded3 = ["columns", "loading", "message", "error", "selection", "compressed", "pagination", "sorting", "itemIdToExpandedRowMap", "itemId", "rowProps", "cellProps", "tableLayout", "items", "search", "searchFormat", "onTableChange", "executeQueryOptions", "allowNeutralSort", "childrenBetween"];
4
4
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
5
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
6
6
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -374,7 +374,6 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
374
374
  columns = _this$props2.columns,
375
375
  loading = _this$props2.loading,
376
376
  message = _this$props2.message,
377
- noItemsMessage = _this$props2.noItemsMessage,
378
377
  error = _this$props2.error,
379
378
  selection = _this$props2.selection,
380
379
  compressed = _this$props2.compressed,
@@ -436,7 +435,7 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
436
435
  onChange: this.onTableChange,
437
436
  error: error,
438
437
  loading: loading,
439
- noItemsMessage: noItemsMessage || message,
438
+ noItemsMessage: message,
440
439
  tableLayout: tableLayout,
441
440
  compressed: compressed,
442
441
  itemIdToExpandedRowMap: itemIdToExpandedRowMap
@@ -971,22 +970,7 @@ EuiInMemoryTable.propTypes = {
971
970
  * Sets the table-layout CSS property. Note that auto tableLayout prevents truncateText from working properly.
972
971
  */
973
972
  tableLayout: PropTypes.oneOf(["fixed", "auto"]),
974
- /**
975
- * Message to display if table is empty
976
- * @deprecated Use `noItemsMessage` instead.
977
- */
978
- /**
979
- * Message to display if table is empty
980
- * @deprecated Use `noItemsMessage` instead.
981
- */
982
973
  message: PropTypes.node,
983
- /**
984
- * Message to display if table is empty
985
- */
986
- /**
987
- * Message to display if table is empty
988
- */
989
- noItemsMessage: PropTypes.node,
990
974
  /**
991
975
  * Configures {@link Search}.
992
976
  */
@@ -25,7 +25,7 @@ export var euiCodeStyles = function euiCodeStyles(euiThemeContext) {
25
25
  /*
26
26
  * 1. Size the code against the text its embedded within.
27
27
  */
28
- euiCode: /*#__PURE__*/css("font-family:", euiTheme.font.familyCode, ";font-size:0.9em;", logicalShorthandCSS('padding', '0.2em 0.5em'), "background-color:", codeSyntaxVariables.inlineBackgroundColor, ";", highContrastModeStyles(euiThemeContext, {
28
+ euiCode: /*#__PURE__*/css("font-family:", euiTheme.font.familyCode, ";font-size:0.9em;", logicalShorthandCSS('padding', '0.2em 0.5em'), "background-color:", codeSyntaxVariables.backgroundColor, ";", highContrastModeStyles(euiThemeContext, {
29
29
  forced: "\n border: ".concat(euiTheme.border.thin, ";\n ")
30
30
  }), " 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;"),
31
31
  transparentBackground: _ref
@@ -26,7 +26,6 @@ export var euiCodeSyntaxVariables = function euiCodeSyntaxVariables(euiThemeCont
26
26
  return {
27
27
  backgroundColor: backgroundColor,
28
28
  color: color,
29
- inlineBackgroundColor: euiTheme.components.codeInlineBackground,
30
29
  inlineCodeColor: euiTheme.components.codeInlineColor,
31
30
  selectedBackgroundColor: euiTheme.components.codeBackgroundSelected,
32
31
  commentColor: euiTheme.components.codeCommentColor,
@@ -3,6 +3,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
3
3
  function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
4
4
  function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
5
5
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
6
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
6
7
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
7
8
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
8
9
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -35,17 +36,45 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
35
36
  export var useDataGridColumnSelector = function useDataGridColumnSelector(availableColumns, columnVisibility, showColumnSelector, displayValues) {
36
37
  var allowColumnHiding = getNestedObjectOptions(showColumnSelector, 'allowHide');
37
38
  var allowColumnReorder = getNestedObjectOptions(showColumnSelector, 'allowReorder');
39
+ var visibleColumns = columnVisibility.visibleColumns,
40
+ setVisibleColumns = columnVisibility.setVisibleColumns;
38
41
  var _useDependentState = useDependentState(function () {
39
- return availableColumns.map(function (_ref) {
42
+ var availableColumnIds = availableColumns.map(function (_ref) {
40
43
  var id = _ref.id;
41
44
  return id;
42
45
  });
46
+ var availableSet = new Set(availableColumnIds);
47
+ // Filter visibleColumns to only include existing columns
48
+ var validVisibleColumns = visibleColumns.filter(function (id) {
49
+ return availableSet.has(id);
50
+ });
51
+ var visibleSet = new Set(validVisibleColumns);
52
+ var result = [];
53
+ var visibleIndex = 0;
54
+ var _iterator = _createForOfIteratorHelper(availableColumnIds),
55
+ _step;
56
+ try {
57
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
58
+ var columnId = _step.value;
59
+ if (visibleSet.has(columnId)) {
60
+ // Replace with next visible column in order
61
+ result.push(validVisibleColumns[visibleIndex++]);
62
+ } else {
63
+ // Keep hidden column in original position
64
+ result.push(columnId);
65
+ }
66
+ }
67
+ } catch (err) {
68
+ _iterator.e(err);
69
+ } finally {
70
+ _iterator.f();
71
+ }
72
+ return result;
73
+ // doesn't depend on visibleColumns on purpose to keep it an initial state
43
74
  }, [availableColumns]),
44
75
  _useDependentState2 = _slicedToArray(_useDependentState, 2),
45
76
  sortedColumns = _useDependentState2[0],
46
77
  setSortedColumns = _useDependentState2[1];
47
- var visibleColumns = columnVisibility.visibleColumns,
48
- setVisibleColumns = columnVisibility.setVisibleColumns;
49
78
  var visibleColumnIds = useMemo(function () {
50
79
  return new Set(visibleColumns);
51
80
  }, [visibleColumns]);
@@ -62,7 +62,6 @@ var unsupportedProps = [
62
62
  // An internal EUI styling concern that consumers shouldn't need to access
63
63
  'defaultInputProps'];
64
64
  export var EuiDatePicker = function EuiDatePicker(_ref) {
65
- var _selected$isValid;
66
65
  var _ref$adjustDateOnChan = _ref.adjustDateOnChange,
67
66
  adjustDateOnChange = _ref$adjustDateOnChan === void 0 ? true : _ref$adjustDateOnChan,
68
67
  append = _ref.append,
@@ -114,7 +113,7 @@ export var EuiDatePicker = function EuiDatePicker(_ref) {
114
113
  utcOffset = _ref.utcOffset,
115
114
  rest = _objectWithoutProperties(_ref, _excluded);
116
115
  // Check for whether the passed `selected` moment date is valid
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);
116
+ var isInvalid = _isInvalid || ((selected === null || selected === void 0 ? void 0 : selected.isValid()) === false ? true : undefined);
118
117
  var styles = useEuiMemoizedStyles(euiDatePickerStyles);
119
118
  var cssStyles = [styles.euiDatePicker].concat(_toConsumableArray(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] : []));
120
119
  var calendarStyles = useEuiMemoizedStyles(euiReactDatePickerStyles);
@@ -1,4 +1,4 @@
1
- var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend", "delimiter"];
1
+ var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend"];
2
2
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
3
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
4
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -38,7 +38,6 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
38
38
  _onBlur = _ref.onBlur,
39
39
  append = _ref.append,
40
40
  prepend = _ref.prepend,
41
- delimiter = _ref.delimiter,
42
41
  rest = _objectWithoutProperties(_ref, _excluded);
43
42
  // `fullWidth` and `compressed` should not affect inline datepickers (matches non-range behavior)
44
43
  var fullWidth = _fullWidth && !inline;
@@ -47,50 +46,50 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
47
46
  var inlineStyles = useEuiMemoizedStyles(euiDatePickerRangeInlineStyles);
48
47
  var cssStyles = !inline ? styles.euiDatePickerRange : [inlineStyles.euiDatePickerRangeInline,
49
48
  // Determine the inline container query to use based on the width of the react-datepicker
50
- startDateControl !== null && startDateControl !== void 0 && startDateControl.props.showTimeSelect || endDateControl !== null && endDateControl !== void 0 && endDateControl.props.showTimeSelect ? inlineStyles.responsiveWithTimeSelect : inlineStyles.responsive, shadow && inlineStyles.shadow];
49
+ startDateControl.props.showTimeSelect || endDateControl.props.showTimeSelect ? inlineStyles.responsiveWithTimeSelect : inlineStyles.responsive, shadow && inlineStyles.shadow];
51
50
  var startControl = startDateControl;
52
51
  var endControl = endDateControl;
53
52
  if (!isCustom) {
54
- startControl = startControl && /*#__PURE__*/cloneElement(startDateControl, {
53
+ startControl = /*#__PURE__*/cloneElement(startDateControl, {
55
54
  controlOnly: true,
56
55
  showIcon: false,
57
56
  inline: inline,
58
57
  compressed: compressed,
59
58
  fullWidth: fullWidth,
60
59
  readOnly: readOnly,
61
- disabled: disabled || (startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.disabled),
62
- isInvalid: isInvalid || (startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.isInvalid),
63
- className: classNames('euiDatePickerRange__start', startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.className),
60
+ disabled: disabled || startDateControl.props.disabled,
61
+ isInvalid: isInvalid || startDateControl.props.isInvalid,
62
+ className: classNames('euiDatePickerRange__start', startDateControl.props.className),
64
63
  onBlur: function onBlur(event) {
65
64
  var _startDateControl$pro, _startDateControl$pro2;
66
- 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);
65
+ (_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);
67
66
  _onBlur === null || _onBlur === void 0 || _onBlur(event);
68
67
  },
69
68
  onFocus: function onFocus(event) {
70
69
  var _startDateControl$pro3, _startDateControl$pro4;
71
- 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);
70
+ (_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);
72
71
  _onFocus === null || _onFocus === void 0 || _onFocus(event);
73
72
  }
74
73
  });
75
- endControl = endControl && /*#__PURE__*/cloneElement(endDateControl, {
74
+ endControl = /*#__PURE__*/cloneElement(endDateControl, {
76
75
  controlOnly: true,
77
76
  showIcon: false,
78
77
  inline: inline,
79
78
  compressed: compressed,
80
79
  fullWidth: fullWidth,
81
80
  readOnly: readOnly,
82
- disabled: disabled || (endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.disabled),
83
- isInvalid: isInvalid || (endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.isInvalid),
81
+ disabled: disabled || endDateControl.props.disabled,
82
+ isInvalid: isInvalid || endDateControl.props.isInvalid,
84
83
  popoverPlacement: 'downRight',
85
- className: classNames('euiDatePickerRange__end', endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.className),
84
+ className: classNames('euiDatePickerRange__end', endDateControl.props.className),
86
85
  onBlur: function onBlur(event) {
87
86
  var _endDateControl$props, _endDateControl$props2;
88
- 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);
87
+ (_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);
89
88
  _onBlur === null || _onBlur === void 0 || _onBlur(event);
90
89
  },
91
90
  onFocus: function onFocus(event) {
92
91
  var _endDateControl$props3, _endDateControl$props4;
93
- 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);
92
+ (_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);
94
93
  _onFocus === null || _onFocus === void 0 || _onFocus(event);
95
94
  }
96
95
  });
@@ -105,7 +104,6 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
105
104
  className: classes,
106
105
  css: cssStyles
107
106
  }, rest), ___EmotionJSX(EuiFormControlLayoutDelimited, {
108
- delimiter: delimiter,
109
107
  icon: icon,
110
108
  startControl: startControl,
111
109
  endControl: endControl,
@@ -132,11 +130,11 @@ EuiDatePickerRange.propTypes = {
132
130
  /**
133
131
  * The end date `EuiDatePicker` element
134
132
  */
135
- endDateControl: PropTypes.element,
133
+ endDateControl: PropTypes.element.isRequired,
136
134
  /**
137
135
  * The start date `EuiDatePicker` element
138
136
  */
139
- startDateControl: PropTypes.element,
137
+ startDateControl: PropTypes.element.isRequired,
140
138
  /**
141
139
  * Pass either an icon type or set to `false` to remove icon entirely
142
140
  */
@@ -1,10 +1,10 @@
1
1
  var _excluded = ["isDisabled"];
2
2
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
5
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
7
6
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
7
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
8
8
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
9
9
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
10
10
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -296,9 +296,14 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
296
296
  fullWidth: true,
297
297
  css: [styles.states.euiSuperDatePicker__formControlLayout, isDisabled ? styles.states.disabled : isInvalid ? styles.states.invalid : hasChanged ? styles.states.needsUpdating : styles.states.default]
298
298
  };
299
+ if (isQuickSelectOnly) {
300
+ return ___EmotionJSX(EuiFormControlLayout, _extends({
301
+ iconsPosition: "static"
302
+ }, formControlLayoutProps));
303
+ }
299
304
  var isDisabledDisplay = isObject(isDisabled) && (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled.display);
300
305
  if (isDisabledDisplay || showPrettyDuration && !isStartDatePopoverOpen && !isEndDatePopoverOpen) {
301
- return ___EmotionJSX(EuiFormControlLayout, formControlLayoutProps, !isQuickSelectOnly && ___EmotionJSX("button", {
306
+ return ___EmotionJSX(EuiFormControlLayout, formControlLayoutProps, ___EmotionJSX("button", {
302
307
  type: "button",
303
308
  css: styles.euiSuperDatePicker__prettyFormat,
304
309
  className: classNames('euiSuperDatePicker__prettyFormat', {
@@ -329,8 +334,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
329
334
  css: rangeCssStyles,
330
335
  isCustom: true,
331
336
  iconType: false,
332
- delimiter: isQuickSelectOnly ? '' : undefined,
333
- startDateControl: isQuickSelectOnly ? undefined : ___EmotionJSX(EuiDatePopoverButton, {
337
+ startDateControl: ___EmotionJSX(EuiDatePopoverButton, {
334
338
  css: styles.euiSuperDatePicker__rangeInput,
335
339
  className: "euiSuperDatePicker__startPopoverButton",
336
340
  compressed: compressed,
@@ -355,7 +359,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
355
359
  onFocus: onFocus
356
360
  }
357
361
  }),
358
- endDateControl: isQuickSelectOnly ? undefined : ___EmotionJSX(EuiDatePopoverButton, {
362
+ endDateControl: ___EmotionJSX(EuiDatePopoverButton, {
359
363
  css: styles.euiSuperDatePicker__rangeInput,
360
364
  position: "end",
361
365
  compressed: compressed,
@@ -62,20 +62,20 @@ export var EuiFormControlLayoutDelimited = function EuiFormControlLayoutDelimite
62
62
  value: {
63
63
  defaultFullWidth: fullWidth
64
64
  }
65
- }, startControl && addClassesToControl(startControl), ___EmotionJSX(EuiFormControlDelimiter, {
65
+ }, addClassesToControl(startControl), ___EmotionJSX(EuiFormControlDelimiter, {
66
66
  delimiter: delimiter,
67
67
  isInvalid: showInvalidState
68
- }), endControl && addClassesToControl(endControl)));
68
+ }), addClassesToControl(endControl)));
69
69
  };
70
70
  EuiFormControlLayoutDelimited.propTypes = {
71
71
  /**
72
72
  * Left side control
73
73
  */
74
- startControl: PropTypes.element,
74
+ startControl: PropTypes.element.isRequired,
75
75
  /**
76
76
  * Right side control
77
77
  */
78
- endControl: PropTypes.element,
78
+ endControl: PropTypes.element.isRequired,
79
79
  /**
80
80
  * The center content. Accepts a string to be wrapped in a subdued EuiText
81
81
  * or a single ReactElement
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  import React from 'react';
10
- import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
10
+ import { EuiThemeAmsterdam } from '../../themes';
11
11
  import { EuiThemeProvider } from '../../services';
12
12
  import { emitEuiProviderWarning } from '../../services/theme/warning';
13
13
  import { cache as fallbackCache } from '../../services/emotion/css';
@@ -26,7 +26,7 @@ export var EuiProvider = function EuiProvider(_ref) {
26
26
  var _ref$cache = _ref.cache,
27
27
  cache = _ref$cache === void 0 ? fallbackCache : _ref$cache,
28
28
  _ref$theme = _ref.theme,
29
- theme = _ref$theme === void 0 ? EuiThemeBorealis : _ref$theme,
29
+ theme = _ref$theme === void 0 ? EuiThemeAmsterdam : _ref$theme,
30
30
  _ref$globalStyles = _ref.globalStyles,
31
31
  Globals = _ref$globalStyles === void 0 ? EuiGlobalStyles : _ref$globalStyles,
32
32
  _ref$utilityClasses = _ref.utilityClasses,
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  import { EuiVisColorStore } from '@elastic/eui-theme-common';
10
- import { colorVis } from '@elastic/eui-theme-borealis';
10
+ import { colorVisLight as colorVis } from '../../themes/amsterdam/global_styling/variables/_colors_vis_light';
11
11
 
12
12
  // initialsetup of Vis color storage with default colors
13
13
  export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, true);
@@ -7,10 +7,10 @@
7
7
  */
8
8
 
9
9
  import { createContext } from 'react';
10
- import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
10
+ import { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
11
11
  import { DEFAULT_COLOR_MODE, getComputed } from './utils';
12
12
  export var DEFAULTS = {
13
- system: EuiThemeBorealis,
13
+ system: EuiThemeAmsterdam,
14
14
  modifications: {},
15
15
  colorMode: DEFAULT_COLOR_MODE,
16
16
  highContrastMode: false