@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.
- package/dist/eui_theme_borealis_dark.json +1 -3
- package/dist/eui_theme_borealis_dark.json.d.ts +1 -3
- package/dist/eui_theme_borealis_light.json +1 -3
- package/dist/eui_theme_borealis_light.json.d.ts +1 -3
- package/es/components/basic_table/in_memory_table.js +2 -18
- package/es/components/code/code.styles.js +1 -1
- package/es/components/code/code_syntax.styles.js +0 -1
- package/es/components/datagrid/controls/column_selector.js +32 -3
- package/es/components/date_picker/date_picker.js +1 -2
- package/es/components/date_picker/date_picker_range.js +16 -18
- package/es/components/date_picker/super_date_picker/super_date_picker.js +9 -5
- package/es/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
- package/es/components/provider/provider.js +2 -2
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/theme/context.js +2 -2
- package/es/themes/amsterdam/global_styling/variables/_components.js +310 -315
- package/es/themes/json/eui_theme_borealis_dark.json +1 -3
- package/es/themes/json/eui_theme_borealis_light.json +1 -3
- package/eui.d.ts +339 -352
- package/lib/components/basic_table/in_memory_table.js +2 -18
- package/lib/components/code/code.styles.js +1 -1
- package/lib/components/code/code_syntax.styles.js +0 -1
- package/lib/components/datagrid/controls/column_selector.js +32 -3
- package/lib/components/date_picker/date_picker.js +1 -2
- package/lib/components/date_picker/date_picker_range.js +16 -18
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +9 -5
- package/lib/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
- package/lib/components/provider/provider.js +2 -2
- package/lib/services/color/vis_color_store.js +2 -2
- package/lib/services/theme/context.js +2 -2
- package/lib/themes/amsterdam/global_styling/variables/_components.js +310 -315
- package/lib/themes/json/eui_theme_borealis_dark.json +1 -3
- package/lib/themes/json/eui_theme_borealis_light.json +1 -3
- package/optimize/es/components/basic_table/in_memory_table.js +2 -3
- package/optimize/es/components/code/code.styles.js +1 -1
- package/optimize/es/components/code/code_syntax.styles.js +0 -1
- package/optimize/es/components/datagrid/controls/column_selector.js +34 -3
- package/optimize/es/components/date_picker/date_picker.js +1 -2
- package/optimize/es/components/date_picker/date_picker_range.js +14 -16
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +9 -5
- package/optimize/es/components/form/form_control_layout/form_control_layout_delimited.js +2 -2
- package/optimize/es/components/provider/provider.js +2 -2
- package/optimize/es/services/color/vis_color_store.js +1 -1
- package/optimize/es/services/theme/context.js +2 -2
- package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +310 -315
- package/optimize/es/themes/json/eui_theme_borealis_dark.json +1 -3
- package/optimize/es/themes/json/eui_theme_borealis_light.json +1 -3
- package/optimize/lib/components/basic_table/in_memory_table.js +2 -3
- package/optimize/lib/components/code/code.styles.js +1 -1
- package/optimize/lib/components/code/code_syntax.styles.js +0 -1
- package/optimize/lib/components/datagrid/controls/column_selector.js +34 -5
- package/optimize/lib/components/date_picker/date_picker.js +1 -2
- package/optimize/lib/components/date_picker/date_picker_range.js +14 -16
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +9 -5
- package/optimize/lib/components/form/form_control_layout/form_control_layout_delimited.js +2 -2
- package/optimize/lib/components/provider/provider.js +2 -2
- package/optimize/lib/services/color/vis_color_store.js +2 -2
- package/optimize/lib/services/theme/context.js +2 -2
- package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +310 -315
- package/optimize/lib/themes/json/eui_theme_borealis_dark.json +1 -3
- package/optimize/lib/themes/json/eui_theme_borealis_light.json +1 -3
- package/package.json +4 -4
- package/test-env/components/basic_table/in_memory_table.js +2 -18
- package/test-env/components/code/code.styles.js +1 -1
- package/test-env/components/code/code_syntax.styles.js +0 -1
- package/test-env/components/datagrid/controls/column_selector.js +34 -5
- package/test-env/components/date_picker/date_picker.js +1 -2
- package/test-env/components/date_picker/date_picker_range.js +16 -18
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +9 -5
- package/test-env/components/form/form_control_layout/form_control_layout_delimited.js +4 -4
- package/test-env/components/provider/provider.js +2 -2
- package/test-env/services/color/vis_color_store.js +2 -2
- package/test-env/services/theme/context.js +2 -2
- package/test-env/themes/amsterdam/global_styling/variables/_components.js +310 -315
- package/test-env/themes/json/eui_theme_borealis_dark.json +1 -3
- 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/
|
|
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/
|
|
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", "
|
|
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:
|
|
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.
|
|
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
|
-
|
|
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
|
|
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"
|
|
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
|
|
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 =
|
|
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 ||
|
|
62
|
-
isInvalid: isInvalid ||
|
|
63
|
-
className: classNames('euiDatePickerRange__start', startDateControl
|
|
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
|
-
|
|
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
|
-
|
|
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 =
|
|
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 ||
|
|
83
|
-
isInvalid: isInvalid ||
|
|
81
|
+
disabled: disabled || endDateControl.props.disabled,
|
|
82
|
+
isInvalid: isInvalid || endDateControl.props.isInvalid,
|
|
84
83
|
popoverPlacement: 'downRight',
|
|
85
|
-
className: classNames('euiDatePickerRange__end', endDateControl
|
|
84
|
+
className: classNames('euiDatePickerRange__end', endDateControl.props.className),
|
|
86
85
|
onBlur: function onBlur(event) {
|
|
87
86
|
var _endDateControl$props, _endDateControl$props2;
|
|
88
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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:
|
|
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
|
-
},
|
|
65
|
+
}, addClassesToControl(startControl), ___EmotionJSX(EuiFormControlDelimiter, {
|
|
66
66
|
delimiter: delimiter,
|
|
67
67
|
isInvalid: showInvalidState
|
|
68
|
-
}),
|
|
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 {
|
|
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 ?
|
|
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 '
|
|
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 {
|
|
10
|
+
import { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
|
|
11
11
|
import { DEFAULT_COLOR_MODE, getComputed } from './utils';
|
|
12
12
|
export var DEFAULTS = {
|
|
13
|
-
system:
|
|
13
|
+
system: EuiThemeAmsterdam,
|
|
14
14
|
modifications: {},
|
|
15
15
|
colorMode: DEFAULT_COLOR_MODE,
|
|
16
16
|
highContrastMode: false
|