@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.
Files changed (147) hide show
  1. package/README.md +0 -7
  2. package/dist/eui_theme_dark.css +7694 -5793
  3. package/dist/eui_theme_dark.min.css +1 -1
  4. package/dist/eui_theme_light.css +7736 -5835
  5. package/dist/eui_theme_light.min.css +1 -1
  6. package/es/components/datagrid/data_grid.a11y.js +251 -0
  7. package/es/components/date_picker/date_picker.a11y.js +83 -0
  8. package/es/components/delay_hide/delay_hide.a11y.js +106 -0
  9. package/es/components/delay_render/delay_render.a11y.js +106 -0
  10. package/es/components/empty_prompt/empty_prompt.a11y.js +63 -0
  11. package/es/components/error_boundary/error_boundary.js +45 -27
  12. package/es/components/page/page_side_bar/page_side_bar.js +3 -0
  13. package/es/components/page/page_template.js +1 -15
  14. package/eui.d.ts +19 -11
  15. package/i18ntokens.json +4 -4
  16. package/lib/components/datagrid/data_grid.a11y.js +255 -0
  17. package/lib/components/date_picker/date_picker.a11y.js +89 -0
  18. package/lib/components/delay_hide/delay_hide.a11y.js +111 -0
  19. package/lib/components/delay_render/delay_render.a11y.js +111 -0
  20. package/lib/components/empty_prompt/empty_prompt.a11y.js +72 -0
  21. package/lib/components/error_boundary/error_boundary.js +49 -29
  22. package/lib/components/page/page_side_bar/page_side_bar.js +4 -0
  23. package/lib/components/page/page_template.js +1 -15
  24. package/optimize/es/components/datagrid/data_grid.a11y.js +234 -0
  25. package/optimize/es/components/date_picker/date_picker.a11y.js +73 -0
  26. package/optimize/es/components/delay_hide/delay_hide.a11y.js +96 -0
  27. package/optimize/es/components/delay_render/delay_render.a11y.js +96 -0
  28. package/optimize/es/components/empty_prompt/empty_prompt.a11y.js +63 -0
  29. package/optimize/es/components/error_boundary/error_boundary.js +37 -26
  30. package/optimize/es/components/page/page_side_bar/page_side_bar.js +3 -0
  31. package/optimize/lib/components/datagrid/data_grid.a11y.js +248 -0
  32. package/optimize/lib/components/date_picker/date_picker.a11y.js +87 -0
  33. package/optimize/lib/components/delay_hide/delay_hide.a11y.js +111 -0
  34. package/optimize/lib/components/delay_render/delay_render.a11y.js +111 -0
  35. package/optimize/lib/components/empty_prompt/empty_prompt.a11y.js +72 -0
  36. package/optimize/lib/components/error_boundary/error_boundary.js +41 -28
  37. package/optimize/lib/components/page/page_side_bar/page_side_bar.js +4 -0
  38. package/package.json +11 -14
  39. package/src/components/basic_table/_basic_table.scss +1 -4
  40. package/src/components/button/button_empty/_button_empty.scss +2 -4
  41. package/src/components/button/button_group/_button_group.scss +1 -1
  42. package/src/components/button/button_group/_button_group_button.scss +3 -4
  43. package/src/components/button/button_icon/_button_icon.scss +0 -3
  44. package/src/components/collapsible_nav/_collapsible_nav.scss +1 -1
  45. package/src/components/collapsible_nav/collapsible_nav_group/_collapsible_nav_group.scss +1 -1
  46. package/src/components/color_picker/_color_picker.scss +3 -2
  47. package/src/components/color_picker/_hue.scss +7 -7
  48. package/src/components/color_picker/_saturation.scss +1 -1
  49. package/src/components/color_picker/color_palette_display/_mixins.scss +1 -1
  50. package/src/components/color_picker/color_stops/_color_stops.scss +2 -3
  51. package/src/components/combo_box/_combo_box.scss +7 -6
  52. package/src/components/combo_box/combo_box_input/_combo_box_input.scss +2 -1
  53. package/src/components/combo_box/combo_box_input/_combo_box_placeholder.scss +1 -1
  54. package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +2 -3
  55. package/src/components/control_bar/_variables.scss +0 -1
  56. package/src/components/datagrid/_data_grid_data_row.scss +4 -5
  57. package/src/components/datagrid/_mixins.scss +1 -1
  58. package/src/components/datagrid/body/_data_grid_footer_row.scss +2 -1
  59. package/src/components/datagrid/body/header/_data_grid_column_resizer.scss +3 -4
  60. package/src/components/datagrid/body/header/_data_grid_header_row.scss +1 -1
  61. package/src/components/datagrid/controls/_data_grid_column_sorting.scss +1 -2
  62. package/src/components/date_picker/_date_picker_range.scss +1 -1
  63. package/src/components/date_picker/super_date_picker/_super_date_picker.scss +1 -4
  64. package/src/components/date_picker/super_date_picker/quick_select_popover/_quick_select_popover.scss +1 -1
  65. package/src/components/drag_and_drop/_draggable.scss +3 -5
  66. package/src/components/drag_and_drop/_droppable.scss +1 -1
  67. package/src/components/empty_prompt/_empty_prompt.scss +1 -1
  68. package/src/components/filter_group/_filter_group.scss +2 -2
  69. package/src/components/filter_group/_filter_select_item.scss +0 -1
  70. package/src/components/form/checkbox/_checkbox.scss +5 -3
  71. package/src/components/form/described_form_group/_described_form_group.scss +0 -1
  72. package/src/components/form/field_password/_field_password.scss +1 -1
  73. package/src/components/form/field_search/_field_search.scss +1 -1
  74. package/src/components/form/file_picker/_file_picker.scss +1 -2
  75. package/src/components/form/form_control_layout/_form_control_layout.scss +6 -7
  76. package/src/components/form/form_control_layout/_form_control_layout_delimited.scss +4 -6
  77. package/src/components/form/form_row/_form_row.scss +3 -0
  78. package/src/components/form/radio/_radio.scss +5 -3
  79. package/src/components/form/select/_select.scss +1 -1
  80. package/src/components/form/switch/_switch.scss +3 -1
  81. package/src/components/header/_mixins.scss +1 -1
  82. package/src/components/header/header_section/_header_section_item.scss +4 -4
  83. package/src/components/header/header_section/_header_section_item_button.scss +0 -1
  84. package/src/components/key_pad_menu/_key_pad_menu_item.scss +2 -7
  85. package/src/components/markdown_editor/_markdown_editor_drop_zone.scss +4 -4
  86. package/src/components/markdown_editor/_markdown_editor_footer.scss +1 -1
  87. package/src/components/markdown_editor/_markdown_editor_text_area.scss +2 -3
  88. package/src/components/markdown_editor/_markdown_format.scss +4 -2
  89. package/src/components/notification/_notification_event.scss +2 -2
  90. package/src/components/page/page_content/_page_content_body.scss +0 -1
  91. package/src/components/page/page_content/_page_content_header_section.scss +0 -1
  92. package/src/components/page/page_side_bar/_page_side_bar.scss +0 -1
  93. package/src/components/panel/split_panel/_split_panel.scss +2 -2
  94. package/src/components/resizable_container/_resizable_button.scss +31 -31
  95. package/src/components/resizable_container/_resizable_collapse_button.scss +9 -9
  96. package/src/components/selectable/selectable_templates/_selectable_template_sitewide_option.scss +1 -1
  97. package/src/components/side_nav/_mixins.scss +1 -1
  98. package/src/components/side_nav/_side_nav.scss +2 -1
  99. package/src/components/side_nav/_side_nav_item.scss +2 -3
  100. package/src/components/steps/_steps.scss +2 -1
  101. package/src/components/suggest/_suggest_input.scss +1 -1
  102. package/src/components/suggest/_suggest_item.scss +4 -3
  103. package/src/components/table/_responsive.scss +5 -3
  104. package/src/components/table/_table.scss +2 -4
  105. package/src/components/table/mobile/_mobile.scss +0 -2
  106. package/src/components/tree_view/tree_view.scss +2 -2
  107. package/src/global_styling/mixins/_form.scss +7 -18
  108. package/src/global_styling/mixins/_header.scss +2 -2
  109. package/src/global_styling/mixins/_helpers.scss +1 -2
  110. package/src/global_styling/mixins/_icons.scss +1 -1
  111. package/src/global_styling/mixins/_range.scss +4 -8
  112. package/src/global_styling/mixins/_responsive.scss +3 -8
  113. package/src/global_styling/mixins/_shadow.scss +5 -9
  114. package/src/global_styling/mixins/_states.scss +2 -2
  115. package/src/global_styling/mixins/_typography.scss +16 -19
  116. package/src/global_styling/variables/_colors_vis.scss +1 -1
  117. package/src/global_styling/variables/_typography.scss +1 -3
  118. package/src/themes/amsterdam/_colors_dark.scss +2 -1
  119. package/src/themes/amsterdam/_colors_light.scss +2 -0
  120. package/src/themes/amsterdam/global_styling/mixins/_link.scss +1 -1
  121. package/src/themes/amsterdam/global_styling/mixins/_states.scss +0 -1
  122. package/src/themes/amsterdam/global_styling/mixins/_typography.scss +1 -2
  123. package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker_days.scss +0 -1
  124. package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker_month_year.scss +0 -1
  125. package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker_times.scss +3 -4
  126. package/src/themes/amsterdam/global_styling/react_date_picker/_mixins.scss +0 -1
  127. package/src/themes/amsterdam/global_styling/variables/_typography.scss +1 -2
  128. package/src/themes/amsterdam/overrides/_color_stops.scss +4 -5
  129. package/src/themes/amsterdam/overrides/_combo_box.scss +3 -0
  130. package/src/themes/amsterdam/overrides/_form_control_layout.scss +3 -0
  131. package/src/themes/amsterdam/overrides/_form_control_layout_delimited.scss +5 -4
  132. package/src/themes/amsterdam/overrides/_header.scss +2 -2
  133. package/src/themes/amsterdam/overrides/_hue.scss +6 -6
  134. package/src/themes/amsterdam/overrides/_key_pad_menu.scss +2 -2
  135. package/src/themes/amsterdam/overrides/_steps.scss +1 -2
  136. package/src/themes/legacy/_colors_dark.scss +2 -1
  137. package/src/themes/legacy/_colors_light.scss +2 -0
  138. package/src/themes/legacy/reset/_reset.scss +8 -7
  139. package/test-env/components/datagrid/data_grid.a11y.js +248 -0
  140. package/test-env/components/date_picker/date_picker.a11y.js +87 -0
  141. package/test-env/components/delay_hide/delay_hide.a11y.js +111 -0
  142. package/test-env/components/delay_render/delay_render.a11y.js +111 -0
  143. package/test-env/components/empty_prompt/empty_prompt.a11y.js +72 -0
  144. package/test-env/components/error_boundary/error_boundary.js +48 -28
  145. package/test-env/components/page/page_side_bar/page_side_bar.js +4 -0
  146. package/test-env/components/page/page_template.js +1 -15
  147. 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._EuiErrorBoundary = exports.EuiErrorBoundary = void 0;
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 = ["className", "children", "data-test-subj", "theme"];
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 _EuiErrorBoundary = /*#__PURE__*/function (_Component) {
55
- (0, _inherits2.default)(_EuiErrorBoundary, _Component);
55
+ var EuiErrorBoundary = /*#__PURE__*/function (_Component) {
56
+ (0, _inherits2.default)(EuiErrorBoundary, _Component);
56
57
 
57
- var _super = _createSuper(_EuiErrorBoundary);
58
+ var _super = _createSuper(EuiErrorBoundary);
58
59
 
59
- function _EuiErrorBoundary(props) {
60
+ function EuiErrorBoundary(props) {
60
61
  var _this;
61
62
 
62
- (0, _classCallCheck2.default)(this, _EuiErrorBoundary);
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)(_EuiErrorBoundary, [{
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)("div", (0, _extends2.default)({
103
- css: styles.euiErrorBoundary,
104
- className: (0, _classnames.default)('euiErrorBoundary', className),
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 _EuiErrorBoundary;
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
- exports._EuiErrorBoundary = _EuiErrorBoundary;
121
- _EuiErrorBoundary.propTypes = {
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
- var EuiErrorBoundary = (0, _services.withEuiTheme)(_EuiErrorBoundary);
133
- exports.EuiErrorBoundary = EuiErrorBoundary;
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.shape({
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
@@ -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
- }