@elastic/eui 65.0.2 → 66.0.0

package/test-env/components/datagrid/body/data_grid_cell.js

@@ -300,7 +300,13 @@ EuiDataGridCellContent.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -344,7 +350,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -388,7 +395,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -432,7 +440,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -476,7 +485,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -520,7 +530,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 
@@ -1315,7 +1326,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1359,7 +1371,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1403,7 +1416,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1447,7 +1461,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1491,7 +1506,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1535,7 +1551,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/test-env/components/datagrid/body/header/data_grid_header_cell.js

@@ -376,7 +376,13 @@ EuiDataGridHeaderCell.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -420,7 +426,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -464,7 +471,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -508,7 +516,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -552,7 +561,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -596,7 +606,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/test-env/components/datagrid/body/header/data_grid_header_row.js

@@ -323,7 +323,13 @@ EuiDataGridHeaderRow.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -367,7 +373,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -411,7 +418,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -455,7 +463,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -499,7 +508,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -543,7 +553,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/test-env/components/datagrid/data_grid.js

@@ -613,7 +613,13 @@ EuiDataGrid.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -657,7 +663,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -701,7 +708,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -745,7 +753,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -789,7 +798,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -833,7 +843,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/test-env/components/datagrid/utils/in_memory.js

@@ -416,7 +416,13 @@ EuiDataGridInMemoryRenderer.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -460,7 +466,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -504,7 +511,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -548,7 +556,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -592,7 +601,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -636,7 +646,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/test-env/components/description_list/description_list.js

@@ -29,7 +29,7 @@ var _description_list_context = require("./description_list_context");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["align", "children", "className", "compressed", "descriptionProps", "listItems", "textStyle", "titleProps", "type"];
+var _excluded = ["align", "children", "className", "compressed", "descriptionProps", "listItems", "textStyle", "titleProps", "type", "gutterSize"];
 
 var EuiDescriptionList = function EuiDescriptionList(_ref) {
   var _ref$align = _ref.align,
@@ -45,6 +45,8 @@ var EuiDescriptionList = function EuiDescriptionList(_ref) {
       titleProps = _ref.titleProps,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'row' : _ref$type,
+      _ref$gutterSize = _ref.gutterSize,
+      gutterSize = _ref$gutterSize === void 0 ? 'm' : _ref$gutterSize,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list.euiDescriptionListStyles)(euiTheme);
@@ -69,7 +71,8 @@ var EuiDescriptionList = function EuiDescriptionList(_ref) {
       type: type,
       compressed: compressed,
       textStyle: textStyle,
-      align: align
+      align: align,
+      gutterSize: gutterSize
     }
   }, (0, _react2.jsx)("dl", (0, _extends2.default)({
     className: classes,
@@ -129,5 +132,10 @@ EuiDescriptionList.propTypes = {
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
     css: _propTypes.default.any
-  })
+  }),
+
+  /**
+     * Vertical spacing added between `EuiDescriptionList` elements
+     */
+  gutterSize: _propTypes.default.any
 };

package/test-env/components/description_list/description_list_context.js

@@ -17,7 +17,8 @@ var _react = require("react");
 var contextDefaults = {
   type: 'row',
   textStyle: 'normal',
-  align: 'left'
+  align: 'left',
+  gutterSize: 'm'
 };
 exports.contextDefaults = contextDefaults;
 var EuiDescriptionListContext = /*#__PURE__*/(0, _react.createContext)(contextDefaults);

package/test-env/components/description_list/description_list_description.js

@@ -44,7 +44,8 @@ var EuiDescriptionListDescription = function EuiDescriptionListDescription(_ref)
       type = _useContext.type,
       textStyle = _useContext.textStyle,
       compressed = _useContext.compressed,
-      align = _useContext.align;
+      align = _useContext.align,
+      gutterSize = _useContext.gutterSize;
 
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list_description.euiDescriptionListDescriptionStyles)(theme);
@@ -61,6 +62,7 @@ var EuiDescriptionListDescription = function EuiDescriptionListDescription(_ref)
         conditionalStyles.push(styles.left);
       }
 
+      conditionalStyles.push(styles[gutterSize]);
       break;
   }
 

package/test-env/components/description_list/description_list_description.styles.js

@@ -24,7 +24,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 
 var euiDescriptionListDescriptionStyles = function euiDescriptionListDescriptionStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var columnDisplay = "\n    ".concat((0, _global_styling.logicalCSS)('width', '50%'), " // Flex-basis doesn't work in IE with padding\n    ").concat((0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), "\n    &:not(:first-of-type) {\n      ").concat((0, _global_styling.logicalCSS)('margin-top', euiTheme.size.base), "\n    }\n  ");
+  var columnDisplay = "\n    ".concat((0, _global_styling.logicalCSS)('width', '50%'), "\n    ").concat((0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), "\n  ");
   return {
     euiDescriptionList__description: /*#__PURE__*/(0, _react.css)(";label:euiDescriptionList__description;"),
     // Types
@@ -44,7 +44,10 @@ var euiDescriptionListDescriptionStyles = function euiDescriptionListDescription
       normal: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 's'), ";;label:normal;")
     },
     // Column types should align description text to the left when EuiDecriptionList is centered
-    left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('left'), ";;label:left;")
+    left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('left'), ";;label:left;"),
+    // Gutter
+    s: /*#__PURE__*/(0, _react.css)("&:not(:first-of-type){", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.s), ";};label:s;"),
+    m: /*#__PURE__*/(0, _react.css)("&:not(:first-of-type){", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.base), ";};label:m;")
   };
 };
 

package/test-env/components/description_list/description_list_title.js

@@ -44,7 +44,8 @@ var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
       type = _useContext.type,
       textStyle = _useContext.textStyle,
       compressed = _useContext.compressed,
-      align = _useContext.align;
+      align = _useContext.align,
+      gutterSize = _useContext.gutterSize;
 
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list_title.euiDescriptionListTitleStyles)(theme);
@@ -64,7 +65,7 @@ var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
       break;
   }
 
-  var cssStyles = [styles.euiDescriptionList__title, styles[type]].concat((0, _toConsumableArray2.default)(conditionalStyles));
+  var cssStyles = [styles.euiDescriptionList__title, styles[type], styles[gutterSize]].concat((0, _toConsumableArray2.default)(conditionalStyles));
   var classes = (0, _classnames.default)('euiDescriptionList__title', className);
   return (0, _react2.jsx)("dt", (0, _extends2.default)({
     className: classes,

package/test-env/components/description_list/description_list_title.styles.js

@@ -23,9 +23,9 @@ var _title = require("../title/title.styles");
 var euiDescriptionListTitleStyles = function euiDescriptionListTitleStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme,
       colorMode = euiThemeContext.colorMode;
-  var columnDisplay = "\n    ".concat((0, _global_styling.logicalCSS)('width', '50%'), " // Flex-basis doesn't work in IE with padding\n    ").concat((0, _global_styling.logicalCSS)('padding-right', euiTheme.size.s), "\n  ");
+  var columnDisplay = "\n  ".concat((0, _global_styling.logicalCSS)('width', '50%'), "\n    ").concat((0, _global_styling.logicalCSS)('padding-right', euiTheme.size.s), "\n  ");
   return {
-    euiDescriptionList__title: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextBreakWord)(), "&:not(:first-of-type){", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.base), ";};label:euiDescriptionList__title;"),
+    euiDescriptionList__title: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextBreakWord)(), ";;label:euiDescriptionList__title;"),
     // Types
     row: /*#__PURE__*/(0, _react.css)(";label:row;"),
     column: /*#__PURE__*/(0, _react.css)(columnDisplay, ";;label:column;"),
@@ -43,7 +43,11 @@ var euiDescriptionListTitleStyles = function euiDescriptionListTitleStyles(euiTh
       compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), ";", (0, _global_styling.logicalCSS)('padding-vertical', '0'), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), ";;label:compressed;")
     },
     // Alignment
-    right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('right'), ";;label:right;")
+    right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('right'), ";;label:right;"),
+    // Gutter
+    // Add margin only to the non-first <dt>.
+    s: /*#__PURE__*/(0, _react.css)("&:not(:first-of-type){", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.s), ";};label:s;"),
+    m: /*#__PURE__*/(0, _react.css)("&:not(:first-of-type){", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.base), ";};label:m;")
   };
 };
 

package/test-env/components/description_list/description_list_types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TYPES = exports.TEXT_STYLES = exports.ALIGNMENTS = void 0;
+exports.TYPES = exports.TEXT_STYLES = exports.GUTTER_SIZES = exports.ALIGNMENTS = void 0;
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -17,4 +17,6 @@ exports.TYPES = TYPES;
 var ALIGNMENTS = ['center', 'left'];
 exports.ALIGNMENTS = ALIGNMENTS;
 var TEXT_STYLES = ['normal', 'reverse'];
-exports.TEXT_STYLES = TEXT_STYLES;
+exports.TEXT_STYLES = TEXT_STYLES;
+var GUTTER_SIZES = ['s', 'm'];
+exports.GUTTER_SIZES = GUTTER_SIZES;

package/test-env/components/form/field_search/field_search.js

@@ -92,26 +92,16 @@ var EuiFieldSearch = /*#__PURE__*/function (_Component) {
 
       if (nativeInputValueSetter) {
         nativeInputValueSetter.call(_this.inputElement, '');
-      } // dispatch input event, with IE11 support/fallback
+      } // dispatch input event
 
 
-      var event;
-
-      if ('Event' in window && typeof Event === 'function') {
-        event = new Event('input', {
-          bubbles: true,
-          cancelable: false
-        });
-      } else {
-        // IE11
-        event = document.createEvent('Event');
-        event.initEvent('input', true, false);
-      }
+      var event = new Event('input', {
+        bubbles: true,
+        cancelable: false
+      });
 
       if (_this.inputElement) {
-        if (event) {
-          _this.inputElement.dispatchEvent(event);
-        } // set focus on the search field
+        _this.inputElement.dispatchEvent(event); // set focus on the search field
 
 
         _this.inputElement.focus();

package/test-env/components/form/range/range_input.js

@@ -37,7 +37,7 @@ var EuiRangeInput = function EuiRangeInput(_ref) {
       _ref$autoSize = _ref.autoSize,
       autoSize = _ref$autoSize === void 0 ? true : _ref$autoSize,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // Chrome will properly size the input based on the max value, but FF & IE do not.
+  // Chrome will properly size the input based on the max value, but FF does not.
   // Calculate the width of the input based on highest number of characters.
   // Add 2 to accommodate for input stepper
   var widthStyle = autoSize ? {

package/test-env/components/header/header_section/header_section_item.js

@@ -32,10 +32,11 @@ var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
       children = _ref.children,
       className = _ref.className,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
+  var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
+
+  return children ? (0, _react2.jsx)("div", (0, _extends2.default)({
     className: classes
-  }, rest), children);
+  }, rest), children) : null;
 };
 
 exports.EuiHeaderSectionItem = EuiHeaderSectionItem;

package/test-env/components/list_group/list_group.js

@@ -270,7 +270,13 @@ EuiListGroup.propTypes = {
          * Pass-through ref reference specifically for targeting
          * instances where the item content is rendered as a `button`
          */
-    buttonRef: _propTypes.default.any
+    buttonRef: _propTypes.default.any,
+
+    /**
+         * Text to be displayed in the tooltip when `showToolTip` is true.
+         * By default the text will be same as the label text.
+         */
+    toolTipText: _propTypes.default.string
   }).isRequired),
 
   /**

package/test-env/components/list_group/list_group_item.js

@@ -35,7 +35,7 @@ var _href_validator = require("../../services/security/href_validator");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["label", "isActive", "isDisabled", "href", "target", "rel", "className", "iconType", "icon", "iconProps", "extraAction", "onClick", "size", "color", "showToolTip", "wrapText", "buttonRef"],
+var _excluded = ["label", "isActive", "isDisabled", "href", "target", "rel", "className", "iconType", "icon", "iconProps", "extraAction", "onClick", "size", "color", "showToolTip", "wrapText", "buttonRef", "toolTipText"],
     _excluded2 = ["iconType", "alwaysShow", "className", "isDisabled"];
 
 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); }
@@ -83,6 +83,7 @@ var EuiListGroupItem = function EuiListGroupItem(_ref) {
       showToolTip = _ref$showToolTip === void 0 ? false : _ref$showToolTip,
       wrapText = _ref.wrapText,
       buttonRef = _ref.buttonRef,
+      toolTipText = _ref.toolTipText,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var isHrefValid = !href || (0, _href_validator.validateHref)(href);
@@ -184,7 +185,7 @@ var EuiListGroupItem = function EuiListGroupItem(_ref) {
       className: classes
     }, (0, _react2.jsx)(_tool_tip.EuiToolTip, {
       anchorClassName: "euiListGroupItem__tooltip",
-      content: label,
+      content: toolTipText !== null && toolTipText !== void 0 ? toolTipText : label,
       position: "right",
       delay: "long"
     }, itemContent));
@@ -329,5 +330,11 @@ EuiListGroupItem.propTypes = {
        * Pass-through ref reference specifically for targeting
        * instances where the item content is rendered as a `button`
        */
-  buttonRef: _propTypes.default.any
+  buttonRef: _propTypes.default.any,
+
+  /**
+       * Text to be displayed in the tooltip when `showToolTip` is true.
+       * By default the text will be same as the label text.
+       */
+  toolTipText: _propTypes.default.string
 };