@elastic/eui 12.3.1 → 12.4.0

package/es/components/icon/assets/documents.js

@@ -0,0 +1,21 @@
+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); }
+
+import React from 'react';
+
+var EuiIconDocuments = function EuiIconDocuments(props) {
+  return React.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), React.createElement("path", {
+    d: "M8.8 0c.274 0 .537.113.726.312l3.2 3.428c.176.186.274.433.274.689V13a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6.8zM12 5H8.5a.5.5 0 0 1-.5-.5V1H2v12h10V5zm-7.5 6a.5.5 0 1 1 0-1h5a.5.5 0 1 1 0 1h-5zm0-3a.5.5 0 0 1 0-1h5a.5.5 0 1 1 0 1h-5zm1 8a.5.5 0 1 1 0-1H14V6.5a.5.5 0 1 1 1 0V15a1 1 0 0 1-1 1H5.5z"
+  }));
+};
+
+export var icon = EuiIconDocuments;
+EuiIconDocuments.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "EuiIconDocuments"
+};

package/es/components/icon/assets/popout.js

@@ -9,7 +9,7 @@ var EuiIconPopout = function EuiIconPopout(props) {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), React.createElement("path", {
-    d: "M12 8.5a.5.5 0 1 1 1 0V13a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4.5a.5.5 0 0 1 0 1H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5zm2-5.78L6.88 9.838a.5.5 0 0 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72z"
+    d: "M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838z"
   }));
 };
 

package/es/components/icon/assets/training.js

@@ -0,0 +1,21 @@
+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); }
+
+import React from 'react';
+
+var EuiIconTraining = function EuiIconTraining(props) {
+  return React.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), React.createElement("path", {
+    d: "M10.386 9.836a2.5 2.5 0 1 1 3.611.667C15.212 11.173 16 12.46 16 14v1.5a.5.5 0 1 1-1 0V14c0-1.724-1.276-3-3-3-.91 0-1.298-.02-1.805-.122-1.25-.254-2.333-1-3.585-2.566a.5.5 0 1 1 .78-.624c.9 1.124 1.653 1.74 2.434 2.043.155.052.345.083.562.105zm1.785.128c.083.01.167.021.251.034L12.5 10a1.5 1.5 0 1 0-.33-.036zM9.78 11.97a.5.5 0 0 1 .5.5c0 .076-.047.226-.05.231-.179.38-.23.774-.23 1.302v1.5a.5.5 0 1 1-1 0v-1.5c0-.657.072-1.186.307-1.696a.5.5 0 0 1 .473-.337zM5.958 5.772a.5.5 0 0 1-.78.625L3.11 3.812a.5.5 0 1 1 .78-.624l2.068 2.584zM1 11h5.5a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5V.5A.5.5 0 0 1 .5 0h12a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0V1H1v10z"
+  }));
+};
+
+export var icon = EuiIconTraining;
+EuiIconTraining.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "EuiIconTraining"
+};

package/es/components/icon/assets/videoPlayer.js

@@ -0,0 +1,21 @@
+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); }
+
+import React from 'react';
+
+var EuiIconVideoPlayer = function EuiIconVideoPlayer(props) {
+  return React.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), React.createElement("path", {
+    d: "M0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0 1 14.006 16H1.994A1.995 1.995 0 0 1 0 14.006V1.994zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 0 0 .994-.994V1.994A.995.995 0 0 0 14.006 1H1.994A.995.995 0 0 0 1 1.994zM1 4h14v1H1V4zm1.5-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1h-1zm3 0a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1h-1zm4.947 6.106a1 1 0 0 1 0 1.788l-3 2A1 1 0 0 1 6 12V8a1 1 0 0 1 1.447-.894l3 2zM10 10L7 8v4l3-2z"
+  }));
+};
+
+export var icon = EuiIconVideoPlayer;
+EuiIconVideoPlayer.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "EuiIconVideoPlayer"
+};

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',
@@ -303,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',
@@ -556,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", "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", "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.
@@ -693,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
@@ -759,6 +775,12 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"document\"",
             "computed": false
+          }, {
+            "value": "\"documentEdit\"",
+            "computed": false
+          }, {
+            "value": "\"documents\"",
+            "computed": false
           }, {
             "value": "\"dot\"",
             "computed": false
@@ -1410,6 +1432,9 @@ EuiIcon.__docgenInfo = {
           }, {
             "value": "\"timelionApp\"",
             "computed": false
+          }, {
+            "value": "\"training\"",
+            "computed": false
           }, {
             "value": "\"trash\"",
             "computed": false
@@ -1428,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/popover/popover.js

@@ -406,7 +406,11 @@ function (_Component) {
         setTimeout(function () {
           _this3.setState({
             isOpenStable: true
-          }, _this3.positionPopoverFixed);
+          }, function () {
+            _this3.positionPopoverFixed();
+
+            _this3.updateFocus();
+          });
         }, durationMatch + delayMatch);
       } // update scroll listener
 
@@ -429,8 +433,6 @@ function (_Component) {
           });
         }, 250);
       }
-
-      this.updateFocus();
     }
   }, {
     key: "componentWillUnmount",
@@ -512,6 +514,8 @@ function (_Component) {
         panel = React.createElement(EuiPortal, {
           insert: insert
         }, React.createElement(EuiFocusTrap, {
+          returnFocus: !this.state.isOpening // Ignore temporary state of indecisive focus
+          ,
           clickOutsideDisables: true,
           initialFocus: _initialFocus,
           disabled: !ownFocus

package/es/components/search_bar/query/ast_to_es_query_dsl.js

@@ -344,11 +344,11 @@ export var astToEsQueryDsl = function astToEsQueryDsl(ast, options) {
       }, []);
       must.push({
         bool: {
-          should: [clauses.map(function (clause) {
+          should: clauses.map(function (clause) {
             return {
               bool: clause
             };
-          })]
+          })
         }
       });
       return must;