@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.
- package/es/components/basic_table/in_memory_table.js +18 -2
- package/es/components/code/code.styles.js +1 -1
- package/es/components/code/code_syntax.styles.js +1 -0
- package/es/components/date_picker/date_picker.js +2 -1
- package/es/components/date_picker/date_picker_range.js +18 -16
- package/es/components/date_picker/super_date_picker/super_date_picker.js +5 -9
- 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 +315 -310
- package/eui.d.ts +365 -356
- package/lib/components/basic_table/in_memory_table.js +18 -2
- package/lib/components/code/code.styles.js +1 -1
- package/lib/components/code/code_syntax.styles.js +1 -0
- package/lib/components/date_picker/date_picker.js +2 -1
- package/lib/components/date_picker/date_picker_range.js +18 -16
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +5 -9
- 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 +315 -310
- package/optimize/es/components/basic_table/in_memory_table.js +3 -2
- package/optimize/es/components/code/code.styles.js +1 -1
- package/optimize/es/components/code/code_syntax.styles.js +1 -0
- package/optimize/es/components/date_picker/date_picker.js +2 -1
- package/optimize/es/components/date_picker/date_picker_range.js +16 -14
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +5 -9
- 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 +315 -310
- package/optimize/lib/components/basic_table/in_memory_table.js +3 -2
- package/optimize/lib/components/code/code.styles.js +1 -1
- package/optimize/lib/components/code/code_syntax.styles.js +1 -0
- package/optimize/lib/components/date_picker/date_picker.js +2 -1
- package/optimize/lib/components/date_picker/date_picker_range.js +16 -14
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +5 -9
- 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 +315 -310
- package/package.json +4 -4
- package/test-env/components/basic_table/in_memory_table.js +18 -2
- package/test-env/components/code/code.styles.js +1 -1
- package/test-env/components/code/code_syntax.styles.js +1 -0
- package/test-env/components/date_picker/date_picker.js +2 -1
- package/test-env/components/date_picker/date_picker_range.js +18 -16
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +5 -9
- 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 +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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 :
|
|
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
|
|
143
|
+
endDateControl: _propTypes.default.element,
|
|
142
144
|
/**
|
|
143
145
|
* The start date `EuiDatePicker` element
|
|
144
146
|
*/
|
|
145
|
-
startDateControl: _propTypes.default.element
|
|
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
|
-
|
|
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
|
|
76
|
+
startControl: _propTypes.default.element,
|
|
77
77
|
/**
|
|
78
78
|
* Right side control
|
|
79
79
|
*/
|
|
80
|
-
endControl: _propTypes.default.element
|
|
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
|
|
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 ?
|
|
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
|
|
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(
|
|
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
|
|
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:
|
|
19
|
+
system: _theme.EuiThemeAmsterdam,
|
|
20
20
|
modifications: {},
|
|
21
21
|
colorMode: _utils.DEFAULT_COLOR_MODE,
|
|
22
22
|
highContrastMode: false
|