@elastic/eui 71.0.0 → 71.1.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/README.md +0 -7
- package/dist/eui_theme_dark.css +7694 -5793
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +7736 -5835
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/datagrid/data_grid.a11y.js +251 -0
- package/es/components/date_picker/date_picker.a11y.js +83 -0
- package/es/components/delay_hide/delay_hide.a11y.js +106 -0
- package/es/components/delay_render/delay_render.a11y.js +106 -0
- package/es/components/empty_prompt/empty_prompt.a11y.js +63 -0
- package/es/components/error_boundary/error_boundary.js +45 -27
- package/es/components/page/page_side_bar/page_side_bar.js +3 -0
- package/es/components/page/page_template.js +1 -15
- package/eui.d.ts +19 -11
- package/i18ntokens.json +4 -4
- package/lib/components/datagrid/data_grid.a11y.js +255 -0
- package/lib/components/date_picker/date_picker.a11y.js +89 -0
- package/lib/components/delay_hide/delay_hide.a11y.js +111 -0
- package/lib/components/delay_render/delay_render.a11y.js +111 -0
- package/lib/components/empty_prompt/empty_prompt.a11y.js +72 -0
- package/lib/components/error_boundary/error_boundary.js +49 -29
- package/lib/components/page/page_side_bar/page_side_bar.js +4 -0
- package/lib/components/page/page_template.js +1 -15
- package/optimize/es/components/datagrid/data_grid.a11y.js +234 -0
- package/optimize/es/components/date_picker/date_picker.a11y.js +73 -0
- package/optimize/es/components/delay_hide/delay_hide.a11y.js +96 -0
- package/optimize/es/components/delay_render/delay_render.a11y.js +96 -0
- package/optimize/es/components/empty_prompt/empty_prompt.a11y.js +63 -0
- package/optimize/es/components/error_boundary/error_boundary.js +37 -26
- package/optimize/es/components/page/page_side_bar/page_side_bar.js +3 -0
- package/optimize/lib/components/datagrid/data_grid.a11y.js +248 -0
- package/optimize/lib/components/date_picker/date_picker.a11y.js +87 -0
- package/optimize/lib/components/delay_hide/delay_hide.a11y.js +111 -0
- package/optimize/lib/components/delay_render/delay_render.a11y.js +111 -0
- package/optimize/lib/components/empty_prompt/empty_prompt.a11y.js +72 -0
- package/optimize/lib/components/error_boundary/error_boundary.js +41 -28
- package/optimize/lib/components/page/page_side_bar/page_side_bar.js +4 -0
- package/package.json +11 -14
- package/src/components/basic_table/_basic_table.scss +1 -4
- package/src/components/button/button_empty/_button_empty.scss +2 -4
- package/src/components/button/button_group/_button_group.scss +1 -1
- package/src/components/button/button_group/_button_group_button.scss +3 -4
- package/src/components/button/button_icon/_button_icon.scss +0 -3
- package/src/components/collapsible_nav/_collapsible_nav.scss +1 -1
- package/src/components/collapsible_nav/collapsible_nav_group/_collapsible_nav_group.scss +1 -1
- package/src/components/color_picker/_color_picker.scss +3 -2
- package/src/components/color_picker/_hue.scss +7 -7
- package/src/components/color_picker/_saturation.scss +1 -1
- package/src/components/color_picker/color_palette_display/_mixins.scss +1 -1
- package/src/components/color_picker/color_stops/_color_stops.scss +2 -3
- package/src/components/combo_box/_combo_box.scss +7 -6
- package/src/components/combo_box/combo_box_input/_combo_box_input.scss +2 -1
- package/src/components/combo_box/combo_box_input/_combo_box_placeholder.scss +1 -1
- package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +2 -3
- package/src/components/control_bar/_variables.scss +0 -1
- package/src/components/datagrid/_data_grid_data_row.scss +4 -5
- package/src/components/datagrid/_mixins.scss +1 -1
- package/src/components/datagrid/body/_data_grid_footer_row.scss +2 -1
- package/src/components/datagrid/body/header/_data_grid_column_resizer.scss +3 -4
- package/src/components/datagrid/body/header/_data_grid_header_row.scss +1 -1
- package/src/components/datagrid/controls/_data_grid_column_sorting.scss +1 -2
- package/src/components/date_picker/_date_picker_range.scss +1 -1
- package/src/components/date_picker/super_date_picker/_super_date_picker.scss +1 -4
- package/src/components/date_picker/super_date_picker/quick_select_popover/_quick_select_popover.scss +1 -1
- package/src/components/drag_and_drop/_draggable.scss +3 -5
- package/src/components/drag_and_drop/_droppable.scss +1 -1
- package/src/components/empty_prompt/_empty_prompt.scss +1 -1
- package/src/components/filter_group/_filter_group.scss +2 -2
- package/src/components/filter_group/_filter_select_item.scss +0 -1
- package/src/components/form/checkbox/_checkbox.scss +5 -3
- package/src/components/form/described_form_group/_described_form_group.scss +0 -1
- package/src/components/form/field_password/_field_password.scss +1 -1
- package/src/components/form/field_search/_field_search.scss +1 -1
- package/src/components/form/file_picker/_file_picker.scss +1 -2
- package/src/components/form/form_control_layout/_form_control_layout.scss +6 -7
- package/src/components/form/form_control_layout/_form_control_layout_delimited.scss +4 -6
- package/src/components/form/form_row/_form_row.scss +3 -0
- package/src/components/form/radio/_radio.scss +5 -3
- package/src/components/form/select/_select.scss +1 -1
- package/src/components/form/switch/_switch.scss +3 -1
- package/src/components/header/_mixins.scss +1 -1
- package/src/components/header/header_section/_header_section_item.scss +4 -4
- package/src/components/header/header_section/_header_section_item_button.scss +0 -1
- package/src/components/key_pad_menu/_key_pad_menu_item.scss +2 -7
- package/src/components/markdown_editor/_markdown_editor_drop_zone.scss +4 -4
- package/src/components/markdown_editor/_markdown_editor_footer.scss +1 -1
- package/src/components/markdown_editor/_markdown_editor_text_area.scss +2 -3
- package/src/components/markdown_editor/_markdown_format.scss +4 -2
- package/src/components/notification/_notification_event.scss +2 -2
- package/src/components/page/page_content/_page_content_body.scss +0 -1
- package/src/components/page/page_content/_page_content_header_section.scss +0 -1
- package/src/components/page/page_side_bar/_page_side_bar.scss +0 -1
- package/src/components/panel/split_panel/_split_panel.scss +2 -2
- package/src/components/resizable_container/_resizable_button.scss +31 -31
- package/src/components/resizable_container/_resizable_collapse_button.scss +9 -9
- package/src/components/selectable/selectable_templates/_selectable_template_sitewide_option.scss +1 -1
- package/src/components/side_nav/_mixins.scss +1 -1
- package/src/components/side_nav/_side_nav.scss +2 -1
- package/src/components/side_nav/_side_nav_item.scss +2 -3
- package/src/components/steps/_steps.scss +2 -1
- package/src/components/suggest/_suggest_input.scss +1 -1
- package/src/components/suggest/_suggest_item.scss +4 -3
- package/src/components/table/_responsive.scss +5 -3
- package/src/components/table/_table.scss +2 -4
- package/src/components/table/mobile/_mobile.scss +0 -2
- package/src/components/tree_view/tree_view.scss +2 -2
- package/src/global_styling/mixins/_form.scss +7 -18
- package/src/global_styling/mixins/_header.scss +2 -2
- package/src/global_styling/mixins/_helpers.scss +1 -2
- package/src/global_styling/mixins/_icons.scss +1 -1
- package/src/global_styling/mixins/_range.scss +4 -8
- package/src/global_styling/mixins/_responsive.scss +3 -8
- package/src/global_styling/mixins/_shadow.scss +5 -9
- package/src/global_styling/mixins/_states.scss +2 -2
- package/src/global_styling/mixins/_typography.scss +16 -19
- package/src/global_styling/variables/_colors_vis.scss +1 -1
- package/src/global_styling/variables/_typography.scss +1 -3
- package/src/themes/amsterdam/_colors_dark.scss +2 -1
- package/src/themes/amsterdam/_colors_light.scss +2 -0
- package/src/themes/amsterdam/global_styling/mixins/_link.scss +1 -1
- package/src/themes/amsterdam/global_styling/mixins/_states.scss +0 -1
- package/src/themes/amsterdam/global_styling/mixins/_typography.scss +1 -2
- package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker_days.scss +0 -1
- package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker_month_year.scss +0 -1
- package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker_times.scss +3 -4
- package/src/themes/amsterdam/global_styling/react_date_picker/_mixins.scss +0 -1
- package/src/themes/amsterdam/global_styling/variables/_typography.scss +1 -2
- package/src/themes/amsterdam/overrides/_color_stops.scss +4 -5
- package/src/themes/amsterdam/overrides/_combo_box.scss +3 -0
- package/src/themes/amsterdam/overrides/_form_control_layout.scss +3 -0
- package/src/themes/amsterdam/overrides/_form_control_layout_delimited.scss +5 -4
- package/src/themes/amsterdam/overrides/_header.scss +2 -2
- package/src/themes/amsterdam/overrides/_hue.scss +6 -6
- package/src/themes/amsterdam/overrides/_key_pad_menu.scss +2 -2
- package/src/themes/amsterdam/overrides/_steps.scss +1 -2
- package/src/themes/legacy/_colors_dark.scss +2 -1
- package/src/themes/legacy/_colors_light.scss +2 -0
- package/src/themes/legacy/reset/_reset.scss +8 -7
- package/test-env/components/datagrid/data_grid.a11y.js +248 -0
- package/test-env/components/date_picker/date_picker.a11y.js +87 -0
- package/test-env/components/delay_hide/delay_hide.a11y.js +111 -0
- package/test-env/components/delay_render/delay_render.a11y.js +111 -0
- package/test-env/components/empty_prompt/empty_prompt.a11y.js +72 -0
- package/test-env/components/error_boundary/error_boundary.js +48 -28
- package/test-env/components/page/page_side_bar/page_side_bar.js +4 -0
- package/test-env/components/page/page_template.js +1 -15
- package/scripts/postinstall.js +0 -9
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.EuiErrorMessage = exports.EuiErrorBoundary = void 0;
|
|
11
11
|
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
13
|
|
|
@@ -41,7 +41,8 @@ var _error_boundary = require("./error_boundary.styles");
|
|
|
41
41
|
|
|
42
42
|
var _react2 = require("@emotion/react");
|
|
43
43
|
|
|
44
|
-
var _excluded = ["
|
|
44
|
+
var _excluded = ["children"],
|
|
45
|
+
_excluded2 = ["errorMessage", "className", "data-test-subj"];
|
|
45
46
|
|
|
46
47
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
47
48
|
|
|
@@ -51,15 +52,15 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
51
52
|
|
|
52
53
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
54
|
|
|
54
|
-
var
|
|
55
|
-
(0, _inherits2.default)(
|
|
55
|
+
var EuiErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
56
|
+
(0, _inherits2.default)(EuiErrorBoundary, _Component);
|
|
56
57
|
|
|
57
|
-
var _super = _createSuper(
|
|
58
|
+
var _super = _createSuper(EuiErrorBoundary);
|
|
58
59
|
|
|
59
|
-
function
|
|
60
|
+
function EuiErrorBoundary(props) {
|
|
60
61
|
var _this;
|
|
61
62
|
|
|
62
|
-
(0, _classCallCheck2.default)(this,
|
|
63
|
+
(0, _classCallCheck2.default)(this, EuiErrorBoundary);
|
|
63
64
|
_this = _super.call(this, props);
|
|
64
65
|
var errorState = {
|
|
65
66
|
hasError: false,
|
|
@@ -69,7 +70,7 @@ var _EuiErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
69
70
|
return _this;
|
|
70
71
|
}
|
|
71
72
|
|
|
72
|
-
(0, _createClass2.default)(
|
|
73
|
+
(0, _createClass2.default)(EuiErrorBoundary, [{
|
|
73
74
|
key: "componentDidCatch",
|
|
74
75
|
value: function componentDidCatch(_ref) {
|
|
75
76
|
var message = _ref.message,
|
|
@@ -89,36 +90,29 @@ var _EuiErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
89
90
|
key: "render",
|
|
90
91
|
value: function render() {
|
|
91
92
|
var _this$props = this.props,
|
|
92
|
-
className = _this$props.className,
|
|
93
93
|
children = _this$props.children,
|
|
94
|
-
_dataTestSubj = _this$props['data-test-subj'],
|
|
95
|
-
theme = _this$props.theme,
|
|
96
94
|
rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
97
|
-
var dataTestSubj = (0, _classnames.default)('euiErrorBoundary', _dataTestSubj);
|
|
98
|
-
var styles = (0, _error_boundary.euiErrorBoundaryStyles)(theme);
|
|
99
95
|
|
|
100
96
|
if (this.state.hasError) {
|
|
101
97
|
// You can render any custom fallback UI
|
|
102
|
-
return (0, _react2.jsx)(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
"data-test-subj": dataTestSubj
|
|
106
|
-
}, rest), (0, _react2.jsx)(_code.EuiCodeBlock, null, (0, _react2.jsx)(_title.EuiTitle, {
|
|
107
|
-
size: "xs"
|
|
108
|
-
}, (0, _react2.jsx)("p", null, (0, _react2.jsx)(_i18n.EuiI18n, {
|
|
109
|
-
token: "euiErrorBoundary.error",
|
|
110
|
-
default: "Error"
|
|
111
|
-
}))), this.state.error));
|
|
98
|
+
return (0, _react2.jsx)(EuiErrorMessage, (0, _extends2.default)({}, rest, {
|
|
99
|
+
errorMessage: this.state.error
|
|
100
|
+
}));
|
|
112
101
|
}
|
|
113
102
|
|
|
114
103
|
return children;
|
|
115
104
|
}
|
|
116
105
|
}]);
|
|
117
|
-
return
|
|
106
|
+
return EuiErrorBoundary;
|
|
118
107
|
}(_react.Component);
|
|
108
|
+
/**
|
|
109
|
+
* Split out into a separate styling-only component for easier use of hooks,
|
|
110
|
+
* and also for internal re-use by EUI's docs/playgrounds
|
|
111
|
+
*/
|
|
119
112
|
|
|
120
|
-
|
|
121
|
-
|
|
113
|
+
|
|
114
|
+
exports.EuiErrorBoundary = EuiErrorBoundary;
|
|
115
|
+
EuiErrorBoundary.propTypes = {
|
|
122
116
|
className: _propTypes.default.string,
|
|
123
117
|
"aria-label": _propTypes.default.string,
|
|
124
118
|
"data-test-subj": _propTypes.default.string,
|
|
@@ -129,5 +123,31 @@ _EuiErrorBoundary.propTypes = {
|
|
|
129
123
|
*/
|
|
130
124
|
children: _propTypes.default.node.isRequired
|
|
131
125
|
};
|
|
132
|
-
|
|
133
|
-
|
|
126
|
+
|
|
127
|
+
var EuiErrorMessage = function EuiErrorMessage(_ref2) {
|
|
128
|
+
var errorMessage = _ref2.errorMessage,
|
|
129
|
+
className = _ref2.className,
|
|
130
|
+
dataTestSubj = _ref2['data-test-subj'],
|
|
131
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
|
132
|
+
var euiTheme = (0, _services.useEuiTheme)();
|
|
133
|
+
var styles = (0, _error_boundary.euiErrorBoundaryStyles)(euiTheme);
|
|
134
|
+
return (0, _react2.jsx)("div", (0, _extends2.default)({
|
|
135
|
+
css: styles.euiErrorBoundary,
|
|
136
|
+
className: (0, _classnames.default)('euiErrorBoundary', className),
|
|
137
|
+
"data-test-subj": (0, _classnames.default)('euiErrorBoundary', dataTestSubj)
|
|
138
|
+
}, rest), (0, _react2.jsx)(_code.EuiCodeBlock, null, (0, _react2.jsx)(_title.EuiTitle, {
|
|
139
|
+
size: "xs"
|
|
140
|
+
}, (0, _react2.jsx)("p", null, (0, _react2.jsx)(_i18n.EuiI18n, {
|
|
141
|
+
token: "euiErrorBoundary.error",
|
|
142
|
+
default: "Error"
|
|
143
|
+
}))), errorMessage));
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
exports.EuiErrorMessage = EuiErrorMessage;
|
|
147
|
+
EuiErrorMessage.propTypes = {
|
|
148
|
+
className: _propTypes.default.string,
|
|
149
|
+
"aria-label": _propTypes.default.string,
|
|
150
|
+
"data-test-subj": _propTypes.default.string,
|
|
151
|
+
css: _propTypes.default.any,
|
|
152
|
+
errorMessage: _propTypes.default.string
|
|
153
|
+
};
|
|
@@ -29,6 +29,10 @@ var paddingSizeToClassNameMap = {
|
|
|
29
29
|
l: 'euiPageSideBar--paddingLarge'
|
|
30
30
|
};
|
|
31
31
|
var PADDING_SIZES = (0, _common.keysOf)(paddingSizeToClassNameMap);
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
|
|
34
|
+
*/
|
|
35
|
+
|
|
32
36
|
exports.PADDING_SIZES = PADDING_SIZES;
|
|
33
37
|
|
|
34
38
|
/**
|
|
@@ -380,21 +380,7 @@ EuiPageTemplate_Deprecated.propTypes = {
|
|
|
380
380
|
/**
|
|
381
381
|
* Gets passed along to the #EuiPageSideBar component
|
|
382
382
|
*/
|
|
383
|
-
pageSideBarProps: _propTypes.default.
|
|
384
|
-
/**
|
|
385
|
-
* Adds `position: sticky`
|
|
386
|
-
*/
|
|
387
|
-
sticky: _propTypes.default.bool,
|
|
388
|
-
|
|
389
|
-
/**
|
|
390
|
-
* Adds padding around the children
|
|
391
|
-
*/
|
|
392
|
-
paddingSize: _propTypes.default.any,
|
|
393
|
-
className: _propTypes.default.string,
|
|
394
|
-
"aria-label": _propTypes.default.string,
|
|
395
|
-
"data-test-subj": _propTypes.default.string,
|
|
396
|
-
css: _propTypes.default.any
|
|
397
|
-
}),
|
|
383
|
+
pageSideBarProps: _propTypes.default.any,
|
|
398
384
|
|
|
399
385
|
/**
|
|
400
386
|
* Optionally include an #EuiPageHeader by passing an object of its props
|
package/scripts/postinstall.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
const fs = require('fs');
|
|
2
|
-
const path = require('path');
|
|
3
|
-
|
|
4
|
-
// the jenkins CI job breaks when deleting the old workspace if it encounters the `这` file
|
|
5
|
-
const targetFilePath = path.join(__dirname, '..', 'node_modules', 'nodegit', 'vendor', 'libgit2', 'tests', 'resources', 'status', '这');
|
|
6
|
-
if (fs.existsSync(targetFilePath)) {
|
|
7
|
-
console.log(`removing ${targetFilePath}`);
|
|
8
|
-
fs.unlinkSync(targetFilePath);
|
|
9
|
-
}
|