@elastic/eui 12.2.0 → 12.4.0

package/es/components/icon/icon.js

@@ -63,6 +63,9 @@ var typeToPathMap = {
   check: 'check',
   checkInCircleFilled: 'checkInCircleFilled',
   clock: 'clock',
+  cloudDrizzle: 'cloudDrizzle',
+  cloudStormy: 'cloudStormy',
+  cloudSunny: 'cloudSunny',
   compute: 'compute',
   console: 'console',
   consoleApp: 'app_console',
@@ -85,6 +88,8 @@ var typeToPathMap = {
   devToolsApp: 'app_devtools',
   discoverApp: 'app_discover',
   document: 'document',
+  documentEdit: 'documentEdit',
+  documents: 'documents',
   dot: 'dot',
   editorAlignCenter: 'editor_align_center',
   editorAlignLeft: 'editor_align_left',
@@ -183,6 +188,7 @@ var typeToPathMap = {
   logoCeph: 'logo_ceph',
   logoCloud: 'logo_cloud',
   logoCloudEnterprise: 'logo_cloud_ece',
+  logoCode: 'logo_code',
   logoCodesandbox: 'logo_codesandbox',
   logoCouchbase: 'logo_couchbase',
   logoDocker: 'logo_docker',
@@ -203,7 +209,9 @@ var typeToPathMap = {
   logoKafka: 'logo_kafka',
   logoKibana: 'logo_kibana',
   logoKubernetes: 'logo_kubernetes',
+  logoLogging: 'logo_logging',
   logoLogstash: 'logo_logstash',
+  logoMaps: 'logo_maps',
   logoMemcached: 'logo_memcached',
   logoMetrics: 'logo_metrics',
   logoMongodb: 'logo_mongodb',
@@ -215,12 +223,13 @@ var typeToPathMap = {
   logoPrometheus: 'logo_prometheus',
   logoRabbitmq: 'logo_rabbitmq',
   logoRedis: 'logo_redis',
+  logoSecurity: 'logo_security',
   logoSiteSearch: 'logo_site_search',
   logoSketch: 'logo_sketch',
   logoSlack: 'logo_slack',
+  logoUptime: 'logo_uptime',
   logoWebhook: 'logo_webhook',
   logoWindows: 'logo_windows',
-  logoXpack: 'logo_xpack',
   logstashFilter: 'logstash_filter',
   logstashIf: 'logstash_if',
   logstashInput: 'logstash_input',
@@ -299,12 +308,14 @@ var typeToPathMap = {
   tear: 'tear',
   temperature: 'temperature',
   timelionApp: 'app_timelion',
+  training: 'training',
   trash: 'trash',
   upgradeAssistantApp: 'app_upgrade_assistant',
   uptimeApp: 'app_uptime',
   user: 'user',
   usersRolesApp: 'app_users_roles',
   vector: 'vector',
+  videoPlayer: 'videoPlayer',
   visArea: 'vis_area',
   visBarHorizontal: 'vis_bar_horizontal',
   visBarVertical: 'vis_bar_vertical',
@@ -552,7 +563,7 @@ EuiIcon.propTypes = {
   /**
      * `Enum` is any of the named icons listed in the docs, `Element` is any React SVG element, and `string` is usually a URL to an SVG file
      */
-  type: PropTypes.oneOfType([PropTypes.oneOf(["addDataApp", "advancedSettingsApp", "alert", "apmApp", "apmTrace", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "asterisk", "auditbeatApp", "beaker", "bell", "bolt", "boxesHorizontal", "boxesVertical", "branch", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "codeApp", "check", "checkInCircleFilled", "clock", "compute", "console", "consoleApp", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "crossInACircleFilled", "cut", "dashboardApp", "database", "dataVisualizer", "devToolsApp", "discoverApp", "document", "dot", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignLeft", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "exit", "expand", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "folderClosed", "folderOpen", "fullScreen", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "iInCircle", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexSettings", "infraApp", "inputOutput", "inspect", "invert", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "link", "list", "listAdd", "lock", "lockOpen", "loggingApp", "logoAerospike", "logoApache", "logoAPM", "logoAppSearch", "logoAWS", "logoAWSMono", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticsearch", "logoElasticStack", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogstash", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSiteSearch", "logoSketch", "logoSlack", "logoWebhook", "logoWindows", "logoXpack", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menuLeft", "menuRight", "merge", "metricbeatApp", "minusInCircle", "minusInCircleFilled", "monitoringApp", "moon", "node", "notebookApp", "number", "offline", "online", "packetbeatApp", "pause", "pencil", "pin", "pinFilled", "pipelineApp", "play", "plusInCircle", "plusInCircleFilled", "popout", "questionInCircle", "refresh", "reportingApp", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "shard", "share", "snowflake", "sortable", "sortDown", "sortLeft", "sortRight", "sortUp", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "swatchInput", "symlink", "tableOfContents", "tag", "tear", "temperature", "timelionApp", "trash", "upgradeAssistantApp", "uptimeApp", "user", "usersRolesApp", "vector", "visArea", "visBarHorizontal", "visBarVertical", "visControls", "visGauge", "visGoal", "visHeatmap", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visualizeApp", "visVega", "visVisualBuilder", "watchesApp", "wrench", "tokenClass", "tokenProperty", "tokenEnum", "tokenVariable", "tokenMethod", "tokenAnnotation", "tokenException", "tokenInterface", "tokenParameter", "tokenField", "tokenElement", "tokenFunction", "tokenBoolean", "tokenString", "tokenArray", "tokenNumber", "tokenConstant", "tokenObject", "tokenEvent", "tokenKey", "tokenNull", "tokenStruct", "tokenPackage", "tokenOperator", "tokenEnumMember", "tokenRepo", "tokenSymbol", "tokenFile", "tokenModule", "tokenNamespace"]).isRequired, PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired,
+  type: PropTypes.oneOfType([PropTypes.oneOf(["addDataApp", "advancedSettingsApp", "alert", "apmApp", "apmTrace", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "asterisk", "auditbeatApp", "beaker", "bell", "bolt", "boxesHorizontal", "boxesVertical", "branch", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "codeApp", "check", "checkInCircleFilled", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "compute", "console", "consoleApp", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "crossInACircleFilled", "cut", "dashboardApp", "database", "dataVisualizer", "devToolsApp", "discoverApp", "document", "documentEdit", "documents", "dot", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignLeft", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "exit", "expand", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "folderClosed", "folderOpen", "fullScreen", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "iInCircle", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexSettings", "infraApp", "inputOutput", "inspect", "invert", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "link", "list", "listAdd", "lock", "lockOpen", "loggingApp", "logoAerospike", "logoApache", "logoAPM", "logoAppSearch", "logoAWS", "logoAWSMono", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticsearch", "logoElasticStack", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menuLeft", "menuRight", "merge", "metricbeatApp", "minusInCircle", "minusInCircleFilled", "monitoringApp", "moon", "node", "notebookApp", "number", "offline", "online", "packetbeatApp", "pause", "pencil", "pin", "pinFilled", "pipelineApp", "play", "plusInCircle", "plusInCircleFilled", "popout", "questionInCircle", "refresh", "reportingApp", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "shard", "share", "snowflake", "sortable", "sortDown", "sortLeft", "sortRight", "sortUp", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "swatchInput", "symlink", "tableOfContents", "tag", "tear", "temperature", "timelionApp", "training", "trash", "upgradeAssistantApp", "uptimeApp", "user", "usersRolesApp", "vector", "videoPlayer", "visArea", "visBarHorizontal", "visBarVertical", "visControls", "visGauge", "visGoal", "visHeatmap", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visualizeApp", "visVega", "visVisualBuilder", "watchesApp", "wrench", "tokenClass", "tokenProperty", "tokenEnum", "tokenVariable", "tokenMethod", "tokenAnnotation", "tokenException", "tokenInterface", "tokenParameter", "tokenField", "tokenElement", "tokenFunction", "tokenBoolean", "tokenString", "tokenArray", "tokenNumber", "tokenConstant", "tokenObject", "tokenEvent", "tokenKey", "tokenNull", "tokenStruct", "tokenPackage", "tokenOperator", "tokenEnumMember", "tokenRepo", "tokenSymbol", "tokenFile", "tokenModule", "tokenNamespace"]).isRequired, PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired,
 
   /**
      * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
@@ -689,6 +700,15 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"clock\"",
             "computed": false
+          }, {
+            "value": "\"cloudDrizzle\"",
+            "computed": false
+          }, {
+            "value": "\"cloudStormy\"",
+            "computed": false
+          }, {
+            "value": "\"cloudSunny\"",
+            "computed": false
           }, {
             "value": "\"compute\"",
             "computed": false
@@ -755,6 +775,12 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"document\"",
             "computed": false
+          }, {
+            "value": "\"documentEdit\"",
+            "computed": false
+          }, {
+            "value": "\"documents\"",
+            "computed": false
           }, {
             "value": "\"dot\"",
             "computed": false
@@ -1049,6 +1075,9 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"logoCloudEnterprise\"",
             "computed": false
+          }, {
+            "value": "\"logoCode\"",
+            "computed": false
           }, {
             "value": "\"logoCodesandbox\"",
             "computed": false
@@ -1109,9 +1138,15 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"logoKubernetes\"",
             "computed": false
+          }, {
+            "value": "\"logoLogging\"",
+            "computed": false
           }, {
             "value": "\"logoLogstash\"",
             "computed": false
+          }, {
+            "value": "\"logoMaps\"",
+            "computed": false
           }, {
             "value": "\"logoMemcached\"",
             "computed": false
@@ -1145,6 +1180,9 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"logoRedis\"",
             "computed": false
+          }, {
+            "value": "\"logoSecurity\"",
+            "computed": false
           }, {
             "value": "\"logoSiteSearch\"",
             "computed": false
@@ -1155,13 +1193,13 @@ EuiIcon.__docgenInfo = {
             "value": "\"logoSlack\"",
             "computed": false
           }, {
-            "value": "\"logoWebhook\"",
+            "value": "\"logoUptime\"",
             "computed": false
           }, {
-            "value": "\"logoWindows\"",
+            "value": "\"logoWebhook\"",
             "computed": false
           }, {
-            "value": "\"logoXpack\"",
+            "value": "\"logoWindows\"",
             "computed": false
           }, {
             "value": "\"logstashFilter\"",
@@ -1394,6 +1432,9 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"timelionApp\"",
             "computed": false
+          }, {
+            "value": "\"training\"",
+            "computed": false
           }, {
             "value": "\"trash\"",
             "computed": false
@@ -1412,6 +1453,9 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"vector\"",
             "computed": false
+          }, {
+            "value": "\"videoPlayer\"",
+            "computed": false
           }, {
             "value": "\"visArea\"",
             "computed": false

package/es/components/index.js

@@ -34,6 +34,7 @@ export { EuiHighlight } from './highlight';
 export { EuiHorizontalRule } from './horizontal_rule';
 export { ICON_TYPES, EuiIcon } from './icon';
 export { EuiImage } from './image';
+export { useInnerText, EuiInnerText } from './inner_text';
 export { EuiI18n, EuiI18nNumber } from './i18n';
 export { EuiLoadingKibana, EuiLoadingChart, EuiLoadingContent, EuiLoadingSpinner } from './loading';
 export { EuiKeyPadMenu, EuiKeyPadMenuItem, EuiKeyPadMenuItemButton } from './key_pad_menu';

package/es/components/inner_text/index.js

@@ -0,0 +1 @@
+export { useInnerText, EuiInnerText } from './inner_text';

package/es/components/inner_text/inner_text.js

@@ -0,0 +1,66 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+import PropTypes from "prop-types";
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useEffect, useState } from 'react';
+export function useInnerText(innerTextFallback) {
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      ref = _useState2[0],
+      setRef = _useState2[1];
+
+  var _useState3 = useState(innerTextFallback),
+      _useState4 = _slicedToArray(_useState3, 2),
+      innerText = _useState4[0],
+      setInnerText = _useState4[1];
+
+  var updateInnerText = function updateInnerText(node) {
+    if (!node) return;
+    setInnerText( // Check for `innerText` implementation rather than a simple OR check
+    // because in real cases the result of `innerText` could correctly be `null`
+    // while the result of `textContent` could correctly be non-`null` due to
+    // differing reliance on browser layout calculations.
+    // We prefer the result of `innerText`, if available.
+    'innerText' in node ? node.innerText : node.textContent || undefined);
+  };
+
+  var observer = new MutationObserver(function (mutationsList) {
+    if (mutationsList.length) updateInnerText(ref);
+  });
+  useEffect(function () {
+    if (ref) {
+      observer.disconnect();
+      updateInnerText(ref);
+      observer.observe(ref, {
+        characterData: true,
+        subtree: true
+      });
+    }
+
+    return function () {
+      observer.disconnect();
+    };
+  }, [ref]);
+  return [setRef, innerText];
+}
+export var EuiInnerText = function EuiInnerText(_ref) {
+  var children = _ref.children,
+      fallback = _ref.fallback;
+
+  var _useInnerText = useInnerText(fallback),
+      _useInnerText2 = _slicedToArray(_useInnerText, 2),
+      ref = _useInnerText2[0],
+      innerText = _useInnerText2[1];
+
+  return children(ref, innerText);
+};
+EuiInnerText.propTypes = {
+  children: PropTypes.func.isRequired,
+  fallback: PropTypes.string
+};

package/es/components/inner_text/inner_text.test.js

@@ -0,0 +1,240 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useEffect } from 'react';
+import { act } from 'react-dom/test-utils';
+import { render, mount } from 'enzyme';
+import { findTestSubject, requiredProps, sleep } from '../../test';
+import { useInnerText, EuiInnerText } from './inner_text';
+import { EuiBadge } from '../badge';
+describe('useInnerText', function () {
+  test('provides a callback `ref`', function () {
+    var ref;
+
+    var App = function App() {
+      var _useInnerText = useInnerText();
+
+      var _useInnerText2 = _slicedToArray(_useInnerText, 1);
+
+      ref = _useInnerText2[0];
+      return React.createElement("span", null);
+    };
+
+    mount(React.createElement(App, null));
+    expect(ref).toBeInstanceOf(Function);
+  });
+  test('provides the result of `innerText`', function () {
+    var text = 'Test';
+    var ref;
+    var innerText;
+
+    var App = function App() {
+      var _useInnerText3 = useInnerText();
+
+      var _useInnerText4 = _slicedToArray(_useInnerText3, 2);
+
+      ref = _useInnerText4[0];
+      innerText = _useInnerText4[1];
+      return React.createElement("span", {
+        ref: ref
+      }, text);
+    };
+
+    mount(React.createElement(App, null));
+    expect(innerText).toEqual(text);
+  });
+  test('accepts a fallback value', function () {
+    var text = 'Test';
+    var fallback = 'Fallback';
+    var innerText;
+
+    var App = function App() {
+      var _useInnerText5 = useInnerText(fallback);
+
+      var _useInnerText6 = _slicedToArray(_useInnerText5, 2);
+
+      innerText = _useInnerText6[1];
+      return React.createElement("span", null, text);
+    };
+
+    mount(React.createElement(App, null));
+    expect(innerText).toEqual(fallback);
+  });
+  test('handles updated elements',
+  /*#__PURE__*/
+  _asyncToGenerator(
+  /*#__PURE__*/
+  regeneratorRuntime.mark(function _callee() {
+    var timeout, first, second, innerText, ref, App;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            timeout = 500;
+            first = 'First';
+            second = 'Second';
+
+            App = function App() {
+              var _useState = useState([first, 'span']),
+                  _useState2 = _slicedToArray(_useState, 2),
+                  _useState2$ = _slicedToArray(_useState2[0], 2),
+                  thing = _useState2$[0],
+                  type = _useState2$[1],
+                  setThing = _useState2[1];
+
+              useEffect(function () {
+                setTimeout(function () {
+                  act(function () {
+                    return setThing([second, 'div']);
+                  });
+                }, timeout);
+              }, [setThing]);
+
+              var _useInnerText7 = useInnerText();
+
+              var _useInnerText8 = _slicedToArray(_useInnerText7, 2);
+
+              ref = _useInnerText8[0];
+              innerText = _useInnerText8[1];
+              return React.createElement("div", null, React.createElement(type, {
+                ref: ref,
+                title: innerText
+              }, thing));
+            };
+
+            mount(React.createElement(App, null));
+            expect(innerText).toEqual(first);
+            _context.next = 8;
+            return sleep(timeout + 10);
+
+          case 8:
+            expect(innerText).toEqual(second);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, this);
+  })));
+  test('handles updated content',
+  /*#__PURE__*/
+  _asyncToGenerator(
+  /*#__PURE__*/
+  regeneratorRuntime.mark(function _callee2() {
+    var timeout, first, second, innerText, ref, App, mutationObserverPolyfillPeriod;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            timeout = 500;
+            first = 'First';
+            second = 'Second';
+
+            App = function App() {
+              var _useState3 = useState(first),
+                  _useState4 = _slicedToArray(_useState3, 2),
+                  thing = _useState4[0],
+                  setThing = _useState4[1];
+
+              useEffect(function () {
+                setTimeout(function () {
+                  act(function () {
+                    return setThing(second);
+                  });
+                }, timeout);
+              }, [setThing]);
+
+              var _useInnerText9 = useInnerText();
+
+              var _useInnerText10 = _slicedToArray(_useInnerText9, 2);
+
+              ref = _useInnerText10[0];
+              innerText = _useInnerText10[1];
+              return React.createElement("div", null, React.createElement("span", {
+                ref: ref,
+                title: innerText
+              }, thing));
+            };
+
+            mount(React.createElement(App, null));
+            expect(innerText).toEqual(first); // MutationObserver polyfill institues a 30ms mutation timeout period
+
+            mutationObserverPolyfillPeriod = 30;
+            _context2.next = 9;
+            return sleep(timeout + mutationObserverPolyfillPeriod + 10);
+
+          case 9:
+            expect(innerText).toEqual(second);
+
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, this);
+  })));
+});
+describe('EuiInnerText', function () {
+  test('is rendered', function () {
+    var component = render(React.createElement(EuiInnerText, requiredProps, function (ref, innerText) {
+      return React.createElement("span", {
+        ref: ref,
+        title: innerText
+      }, "Test");
+    }));
+    expect(component).toMatchSnapshot();
+  });
+  test('uses innerText', function () {
+    var text = 'Test';
+    var component = mount(React.createElement(EuiInnerText, requiredProps, function (ref, innerText) {
+      return React.createElement("span", {
+        ref: ref,
+        title: innerText,
+        "data-test-subj": "span"
+      }, text);
+    }));
+    var span = findTestSubject(component, 'span');
+    expect(span.props().title).toBe(text);
+  });
+  test('accepts fallback prop', function () {
+    var text = 'Test';
+    var fallback = 'Fallback';
+    var component = mount(React.createElement(EuiInnerText, _extends({}, requiredProps, {
+      fallback: fallback
+    }), function (_ref3, innerText) {
+      _objectDestructuringEmpty(_ref3);
+
+      return React.createElement("span", {
+        title: innerText,
+        "data-test-subj": "span"
+      }, text);
+    }));
+    var span = findTestSubject(component, 'span');
+    expect(span.props().title).toBe(fallback);
+  });
+  test('works with wrapper and interspersed DOM elements', function () {
+    var component = mount(React.createElement(EuiInnerText, requiredProps, function (ref, innerText) {
+      return React.createElement("span", {
+        ref: ref,
+        title: innerText,
+        "data-test-subj": "span"
+      }, React.createElement("div", null, "I", ' ', React.createElement("span", null, "can", ' ', React.createElement("em", null, "still ", React.createElement("strong", null, "read "), React.createElement(EuiBadge, null, "this")))));
+    }));
+    var span = findTestSubject(component, 'span');
+    expect(span.props().title).toBe('I can still read this');
+  });
+});

package/es/components/list_group/list_group_item.js

@@ -1,3 +1,11 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -10,6 +18,7 @@ import classNames from 'classnames';
 import { EuiButtonIcon } from '../button';
 import { IconPropType, EuiIcon } from '../icon';
 import { EuiToolTip } from '../tool_tip';
+import { useInnerText } from '../inner_text';
 var sizeToClassNameMap = {
   xs: 'euiListGroupItem--xSmall',
   s: 'euiListGroupItem--small',
@@ -73,11 +82,21 @@ export var EuiListGroupItem = function EuiListGroupItem(_ref) {
       disabled: isDisabled
     }));
   } // Only add the label as the title attribute if it's possibly truncated
+  // Also ensure the value of the title attribute is a string
+
 
+  var _useInnerText = useInnerText(),
+      _useInnerText2 = _slicedToArray(_useInnerText, 2),
+      ref = _useInnerText2[0],
+      innerText = _useInnerText2[1];
 
-  var labelContent = React.createElement("span", {
+  var shouldRenderTitle = !wrapText && !showToolTip;
+  var labelContent = shouldRenderTitle ? React.createElement("span", {
+    ref: ref,
     className: "euiListGroupItem__label",
-    title: wrapText ? undefined : label
+    title: typeof label === 'string' ? label : innerText
+  }, label) : React.createElement("span", {
+    className: "euiListGroupItem__label"
   }, label); // Handle the variety of interaction behavior
 
   var itemContent;

package/es/components/observer/mutation_observer/mutation_observer.test.js

@@ -7,33 +7,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import React from 'react';
 import { mount } from 'enzyme';
 import { EuiMutationObserver } from './mutation_observer';
-
-function sleep(_x) {
-  return _sleep.apply(this, arguments);
-}
-
-function _sleep() {
-  _sleep = _asyncToGenerator(
-  /*#__PURE__*/
-  regeneratorRuntime.mark(function _callee2(duration) {
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            return _context2.abrupt("return", new Promise(function (resolve) {
-              setTimeout(resolve, duration);
-            }));
-
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2, this);
-  }));
-  return _sleep.apply(this, arguments);
-}
-
+import { sleep } from '../../../test';
 export function waitforMutationObserver() {
   return _waitforMutationObserver.apply(this, arguments);
 }
@@ -41,23 +15,23 @@ export function waitforMutationObserver() {
 function _waitforMutationObserver() {
   _waitforMutationObserver = _asyncToGenerator(
   /*#__PURE__*/
-  regeneratorRuntime.mark(function _callee3() {
+  regeneratorRuntime.mark(function _callee2() {
     var period,
-        _args3 = arguments;
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        _args2 = arguments;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
-        switch (_context3.prev = _context3.next) {
+        switch (_context2.prev = _context2.next) {
           case 0:
-            period = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : 30;
-            _context3.next = 3;
+            period = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : 30;
+            _context2.next = 3;
             return sleep(period);
 
           case 3:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
       }
-    }, _callee3, this);
+    }, _callee2, this);
   }));
   return _waitforMutationObserver.apply(this, arguments);
 }