@elastic/eui 76.3.0 → 77.0.0

package/es/components/datagrid/body/data_grid_cell.js

@@ -1,41 +1,25 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight"],
-    _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
-    _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+  _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
+  _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -43,6 +27,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import classNames from 'classnames';
 import PropTypes from "prop-types";
 import React, { Component, createRef, memo } from 'react';
@@ -60,16 +45,15 @@ import { IS_JEST_ENVIRONMENT } from '../../../utils';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var EuiDataGridCellContent = /*#__PURE__*/memo(function (_ref) {
   var renderCellValue = _ref.renderCellValue,
-      column = _ref.column,
-      setCellContentsRef = _ref.setCellContentsRef,
-      rowHeightsOptions = _ref.rowHeightsOptions,
-      rowIndex = _ref.rowIndex,
-      colIndex = _ref.colIndex,
-      ariaRowIndex = _ref.ariaRowIndex,
-      rowHeightUtils = _ref.rowHeightUtils,
-      isDefinedHeight = _ref.isDefinedHeight,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    column = _ref.column,
+    setCellContentsRef = _ref.setCellContentsRef,
+    rowHeightsOptions = _ref.rowHeightsOptions,
+    rowIndex = _ref.rowIndex,
+    colIndex = _ref.colIndex,
+    ariaRowIndex = _ref.ariaRowIndex,
+    rowHeightUtils = _ref.rowHeightUtils,
+    isDefinedHeight = _ref.isDefinedHeight,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // React is more permissible than the TS types indicate
   var CellElement = renderCellValue;
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
@@ -102,12 +86,10 @@ EuiDataGridCellContent.propTypes = {
        * The unique identifier for this column
        */
     id: PropTypes.string.isRequired,
-
     /**
        * A `ReactNode` used when rendering the column header. When providing complicated content, please make sure to utilize CSS to respect truncation as space allows. Check the docs example.
        */
     display: PropTypes.node,
-
     /**
        * Display name as text for the column.
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
@@ -115,44 +97,36 @@ EuiDataGridCellContent.propTypes = {
        * If not passed, `id` will be shown as the column name.
        */
     displayAsText: PropTypes.string,
-
     /**
        * Optional props to pass to the column header cell
        */
     displayHeaderCellProps: PropTypes.any,
-
     /**
        * Initial width (in pixels) of the column
        */
     initialWidth: PropTypes.number,
-
     /**
        * Defaults to true, always true if cellActions are defined. Defines whether or not the column's cells can be expanded with a popup onClick / keydown.
        */
     isExpandable: PropTypes.bool,
-
     /**
        * Whether this column's width can be changed by the user, defaults to true
        */
     isResizable: PropTypes.bool,
-
     /**
        * Whether this column is sortable
        */
     isSortable: PropTypes.bool,
-
     /**
        * Default sort direction of the column
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
-
     /**
        * A Schema to use for the column.
        * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
-
     /**
        * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
        */
@@ -165,33 +139,27 @@ EuiDataGridCellContent.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-
         /**
              * Size of the label text
              */
         size: PropTypes.any,
-
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
              */
         color: PropTypes.any,
-
         /**
              * Content to be displayed in the list item
              */
         label: PropTypes.node.isRequired,
-
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-
         /**
              * Apply styles indicating an item is disabled
              */
         isDisabled: PropTypes.bool,
-
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -199,28 +167,23 @@ EuiDataGridCellContent.propTypes = {
         href: PropTypes.string,
         target: PropTypes.string,
         rel: PropTypes.string,
-
         /**
              * Adds `EuiIcon` of `EuiIcon.type`
              */
         iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "error", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
-
         /**
              * Further extend the props applied to EuiIcon
              */
         iconProps: PropTypes.any,
-
         /**
              * Custom node to pass as the icon. Cannot be used in conjunction
              * with `iconType` and `iconProps`.
              */
         icon: PropTypes.element,
-
         /**
              * Display tooltip on list item
              */
         showToolTip: PropTypes.bool,
-
         /**
              * An object of #EuiListGroupItemExtraAction props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
@@ -231,7 +194,6 @@ EuiDataGridCellContent.propTypes = {
           type: PropTypes.oneOf(["submit", "reset", "button"]),
           onClick: PropTypes.func,
           iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "error", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
-
           /**
              * Any of the named color palette options.
              * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
@@ -240,25 +202,21 @@ EuiDataGridCellContent.propTypes = {
           "aria-label": PropTypes.string,
           "aria-labelledby": PropTypes.string,
           isDisabled: PropTypes.bool,
-
           /**
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
           size: PropTypes.oneOf(["xs", "s", "m"]),
-
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
              */
           iconSize: PropTypes.any,
-
           /**
              * Applies the boolean state as the `aria-pressed` property to create a toggle button.
              * *Only use when the readable text does not change between states.*
              */
           isSelected: PropTypes.bool,
-
           /**
              * Sets the display style for matching other EuiButton types.
              * `base` is equivalent to a typical EuiButton
@@ -266,7 +224,6 @@ EuiDataGridCellContent.propTypes = {
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
           display: PropTypes.oneOf(["base", "empty", "fill"]),
-
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -276,31 +233,26 @@ EuiDataGridCellContent.propTypes = {
           css: PropTypes.any,
           buttonRef: PropTypes.any
         }),
-
         /**
              * Make the list item label a button.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
              */
         onClick: PropTypes.func,
-
         /**
              * Allow link text to wrap
              */
         wrapText: PropTypes.bool,
-
         /**
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
         buttonRef: PropTypes.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.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
          */
@@ -345,7 +297,6 @@ EuiDataGridCellContent.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
          */
@@ -390,7 +341,6 @@ EuiDataGridCellContent.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -435,7 +385,6 @@ EuiDataGridCellContent.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -480,7 +429,6 @@ EuiDataGridCellContent.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Append additional actions
          */
@@ -526,12 +474,10 @@ EuiDataGridCellContent.propTypes = {
         toolTipText: PropTypes.string
       }).isRequired)
     }).isRequired]),
-
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
     cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
-
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -556,7 +502,6 @@ EuiDataGridCellContent.propTypes = {
       lineCount: PropTypes.number,
       height: PropTypes.number
     }).isRequired]),
-
     /**
        * Defines the height for a specific row. It can be line count or just height.
        *
@@ -564,18 +509,15 @@ EuiDataGridCellContent.propTypes = {
        * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
        */
     rowHeights: PropTypes.any,
-
     /**
        * Defines a global lineHeight style to apply to all cells
        */
     lineHeight: PropTypes.string,
-
     /**
        * Optional callback returning the current `rowHeightsOptions` when changes occur from user input (e.g. toolbar display controls).
        * Can be used for, e.g. storing user `rowHeightsOptions` in a local storage object.
        */
     onChange: PropTypes.func,
-
     /**
        * Optional indicator of the row that should be used as an anchor for vertical layout shift compensation.
        * When set to 'start' or 'center', the topmost or middle visible row will try
@@ -590,25 +532,21 @@ EuiDataGridCellContent.propTypes = {
        * The index of the current page, starts at 0 for the first page
        */
     pageIndex: PropTypes.number.isRequired,
-
     /**
        * How many rows should initially be shown per page.
        * Pass `0` to display the selected "Show all" option and hide the pagination.
        */
     pageSize: PropTypes.number.isRequired,
-
     /**
        * An array of page sizes the user can select from.
        * Pass `0` as one of the options to create a "Show all" option.
        * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
        */
     pageSizeOptions: PropTypes.arrayOf(PropTypes.number.isRequired),
-
     /**
        * A callback for when the user changes the page size selection
        */
     onChangeItemsPerPage: PropTypes.func.isRequired,
-
     /**
        * A callback for when the current page index changes
        */
@@ -622,28 +560,19 @@ EuiDataGridCellContent.propTypes = {
 };
 export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
   _inherits(EuiDataGridCell, _Component);
-
   var _super = _createSuper(EuiDataGridCell);
-
   function EuiDataGridCell() {
     var _this;
-
     _classCallCheck(this, EuiDataGridCell);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "cellRef", /*#__PURE__*/createRef());
-
     _defineProperty(_assertThisInitialized(_this), "contentObserver", void 0);
-
+    // Cell Content ResizeObserver
     _defineProperty(_assertThisInitialized(_this), "popoverAnchorRef", /*#__PURE__*/createRef());
-
     _defineProperty(_assertThisInitialized(_this), "cellContentsRef", null);
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       cellProps: {},
       isFocused: false,
@@ -651,39 +580,27 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
       enableInteractions: false,
       disableCellTabIndex: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "unsubscribeCell", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "focusTimeout", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "style", null);
-
     _defineProperty(_assertThisInitialized(_this), "getInteractables", function () {
       var tabbingRef = _this.cellContentsRef;
-
       if (tabbingRef) {
         return tabbingRef.querySelectorAll('[data-datagrid-interactable=true]');
       }
-
       return [];
     });
-
     _defineProperty(_assertThisInitialized(_this), "takeFocus", function (preventScroll) {
       var cell = _this.cellRef.current;
-
       if (cell) {
         // only update focus if we are not already focused on something in this cell
         var element = document.activeElement;
-
         while (element != null && element !== cell) {
           element = element.parentElement;
         }
-
         var doFocusUpdate = element !== cell;
-
         if (doFocusUpdate) {
           var interactables = _this.getInteractables();
-
           if (_this.isExpandable() === false && interactables.length === 1) {
             // Only one element can be interacted with
             interactables[0].focus({
@@ -697,59 +614,48 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "recalculateAutoHeight", function () {
       var _this$props = _this.props,
-          rowHeightUtils = _this$props.rowHeightUtils,
-          rowHeightsOptions = _this$props.rowHeightsOptions,
-          rowIndex = _this$props.rowIndex;
-
+        rowHeightUtils = _this$props.rowHeightUtils,
+        rowHeightsOptions = _this$props.rowHeightsOptions,
+        rowIndex = _this$props.rowIndex;
       if (_this.cellContentsRef && rowHeightUtils && rowHeightUtils.isAutoHeight(rowIndex, rowHeightsOptions)) {
         var _this$props2 = _this.props,
-            columnId = _this$props2.columnId,
-            visibleRowIndex = _this$props2.visibleRowIndex;
+          columnId = _this$props2.columnId,
+          visibleRowIndex = _this$props2.visibleRowIndex;
         var rowHeight = _this.cellContentsRef.offsetHeight;
         rowHeightUtils.setRowHeight(rowIndex, columnId, rowHeight, visibleRowIndex);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "recalculateLineHeight", function () {
       if (!_this.props.setRowHeight) return; // setRowHeight is only passed by data_grid_body into one cell per row
-
       if (!_this.cellContentsRef) return;
       var _this$props3 = _this.props,
-          rowHeightUtils = _this$props3.rowHeightUtils,
-          rowHeightsOptions = _this$props3.rowHeightsOptions,
-          rowIndex = _this$props3.rowIndex;
+        rowHeightUtils = _this$props3.rowHeightUtils,
+        rowHeightsOptions = _this$props3.rowHeightsOptions,
+        rowIndex = _this$props3.rowIndex;
       var rowHeightOption = rowHeightUtils === null || rowHeightUtils === void 0 ? void 0 : rowHeightUtils.getRowHeightOption(rowIndex, rowHeightsOptions);
       var isSingleLine = rowHeightOption == null; // Undefined rowHeightsOptions default to a single line
-
       var lineCount = isSingleLine ? 1 : rowHeightUtils === null || rowHeightUtils === void 0 ? void 0 : rowHeightUtils.getLineCount(rowHeightOption);
-
       if (lineCount) {
         var shouldUseHeightsCache = rowHeightUtils === null || rowHeightUtils === void 0 ? void 0 : rowHeightUtils.isRowHeightOverride(rowIndex, rowHeightsOptions);
         var height = rowHeightUtils.calculateHeightForLineCount(_this.cellContentsRef, lineCount, shouldUseHeightsCache);
-
         if (shouldUseHeightsCache) {
           var _this$props4 = _this.props,
-              columnId = _this$props4.columnId,
-              visibleRowIndex = _this$props4.visibleRowIndex;
+            columnId = _this$props4.columnId,
+            visibleRowIndex = _this$props4.visibleRowIndex;
           rowHeightUtils === null || rowHeightUtils === void 0 ? void 0 : rowHeightUtils.setRowHeight(rowIndex, columnId, height, visibleRowIndex);
         } else {
           _this.props.setRowHeight(height);
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "isFocusedCell", function () {
       var _this$context$focused, _this$context$focused2;
-
       return ((_this$context$focused = _this.context.focusedCell) === null || _this$context$focused === void 0 ? void 0 : _this$context$focused[0]) === _this.props.colIndex && ((_this$context$focused2 = _this.context.focusedCell) === null || _this$context$focused2 === void 0 ? void 0 : _this$context$focused2[1]) === _this.props.visibleRowIndex;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFocusUpdate", function (isFocused) {
       var preventScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
       _this.setState({
         isFocused: isFocused
       }, function () {
@@ -758,31 +664,24 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         }
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setCellProps", function (cellProps) {
       _this.setState({
         cellProps: cellProps
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setCellContentsRef", function (ref) {
       _this.cellContentsRef = ref;
-
       if (ref && hasResizeObserver) {
         _this.contentObserver = new window.ResizeObserver(function () {
           _this.recalculateAutoHeight();
-
           _this.recalculateLineHeight();
         });
-
         _this.contentObserver.observe(ref);
       } else if (_this.contentObserver) {
         _this.contentObserver.disconnect();
       }
-
       _this.preventTabbing();
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
       // only perform this logic when the event's originating element (e.target) is
       // the wrapping element with the onFocus logic
@@ -792,44 +691,37 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
       //      event up, which can trigger the focus() call below, causing focus lock fighting
       if (_this.cellRef.current === e.target) {
         var _this$props5 = _this.props,
-            colIndex = _this$props5.colIndex,
-            visibleRowIndex = _this$props5.visibleRowIndex; // focus in next tick to give potential focus capturing mechanisms time to release their traps
+          colIndex = _this$props5.colIndex,
+          visibleRowIndex = _this$props5.visibleRowIndex;
+        // focus in next tick to give potential focus capturing mechanisms time to release their traps
         // also clear any previous focus timeout that may still be queued
-
         if (EuiDataGridCell.activeFocusTimeoutId) {
           window.clearTimeout(EuiDataGridCell.activeFocusTimeoutId);
         }
-
         EuiDataGridCell.activeFocusTimeoutId = _this.focusTimeout = window.setTimeout(function () {
           _this.context.setFocusedCell([colIndex, visibleRowIndex]);
-
           var interactables = _this.getInteractables();
-
           if (interactables.length === 1 && _this.isExpandable() === false) {
             interactables[0].focus();
-
             _this.setState({
               disableCellTabIndex: true
             });
           }
-        }, 0); // Close the cell popover if the popover was open and the user clicked the cell
-
+        }, 0);
+        // Close the cell popover if the popover was open and the user clicked the cell
         if (_this.props.popoverContext.popoverIsOpen) {
           _this.props.popoverContext.closeCellPopover();
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
       _this.setState({
         disableCellTabIndex: false
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "preventTabbing", function () {
       if (_this.cellContentsRef) {
         var tabbables = tabbable(_this.cellContentsRef);
-
         for (var i = 0; i < tabbables.length; i++) {
           var element = tabbables[i];
           element.setAttribute('tabIndex', '-1');
@@ -837,54 +729,51 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "enableTabbing", function () {
       if (_this.cellContentsRef) {
         var interactables = _this.getInteractables();
-
         for (var i = 0; i < interactables.length; i++) {
           var element = interactables[i];
           element.removeAttribute('tabIndex');
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "isExpandable", function () {
       var _this$props$column, _this$props$column$ce, _this$state$cellProps;
-
       // A cell must always show an expansion popover if it has cell actions,
       // otherwise keyboard and screen reader users have no way of accessing them
-      if ((_this$props$column = _this.props.column) !== null && _this$props$column !== void 0 && (_this$props$column$ce = _this$props$column.cellActions) !== null && _this$props$column$ce !== void 0 && _this$props$column$ce.length) return true; // props.isExpandable inherits from column.isExpandable
-      // state.cellProps allows consuming applications to override isExpandable on a per-cell basis
+      if ((_this$props$column = _this.props.column) !== null && _this$props$column !== void 0 && (_this$props$column$ce = _this$props$column.cellActions) !== null && _this$props$column$ce !== void 0 && _this$props$column$ce.length) return true;
 
+      // props.isExpandable inherits from column.isExpandable
+      // state.cellProps allows consuming applications to override isExpandable on a per-cell basis
       return (_this$state$cellProps = _this.state.cellProps.isExpandable) !== null && _this$state$cellProps !== void 0 ? _this$state$cellProps : _this.props.isExpandable;
     });
-
     _defineProperty(_assertThisInitialized(_this), "isPopoverOpen", function () {
       var _this$props$popoverCo = _this.props.popoverContext,
-          popoverIsOpen = _this$props$popoverCo.popoverIsOpen,
-          cellLocation = _this$props$popoverCo.cellLocation;
+        popoverIsOpen = _this$props$popoverCo.popoverIsOpen,
+        cellLocation = _this$props$popoverCo.cellLocation;
       return _this.isExpandable() && popoverIsOpen && cellLocation.colIndex === _this.props.colIndex && cellLocation.rowIndex === _this.props.visibleRowIndex;
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleCellPopover", function () {
       if (_this.isPopoverOpen()) {
         var _this$props$popoverCo2 = _this.props.popoverContext,
-            setPopoverAnchor = _this$props$popoverCo2.setPopoverAnchor,
-            setPopoverContent = _this$props$popoverCo2.setPopoverContent,
-            setCellPopoverProps = _this$props$popoverCo2.setCellPopoverProps; // Set popover anchor
+          setPopoverAnchor = _this$props$popoverCo2.setPopoverAnchor,
+          setPopoverContent = _this$props$popoverCo2.setPopoverContent,
+          setCellPopoverProps = _this$props$popoverCo2.setCellPopoverProps;
 
+        // Set popover anchor
         var cellAnchorEl = _this.popoverAnchorRef.current;
-        setPopoverAnchor(cellAnchorEl); // Set popover contents with cell content
+        setPopoverAnchor(cellAnchorEl);
 
+        // Set popover contents with cell content
         var _this$props6 = _this.props,
-            renderCellPopover = _this$props6.renderCellPopover,
-            renderCellValue = _this$props6.renderCellValue,
-            rowIndex = _this$props6.rowIndex,
-            colIndex = _this$props6.colIndex,
-            column = _this$props6.column,
-            columnId = _this$props6.columnId,
-            columnType = _this$props6.columnType;
+          renderCellPopover = _this$props6.renderCellPopover,
+          renderCellValue = _this$props6.renderCellValue,
+          rowIndex = _this$props6.rowIndex,
+          colIndex = _this$props6.colIndex,
+          column = _this$props6.column,
+          columnId = _this$props6.columnId,
+          columnType = _this$props6.columnType;
         var PopoverElement = renderCellPopover || DefaultCellPopover;
         var CellElement = renderCellValue;
         var sharedProps = {
@@ -893,7 +782,6 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
           columnId: columnId,
           schema: (column === null || column === void 0 ? void 0 : column.schema) || columnType
         };
-
         var popoverContent = ___EmotionJSX(PopoverElement, _extends({}, sharedProps, {
           cellContentsElement: _this.cellContentsRef,
           cellActions: ___EmotionJSX(EuiDataGridCellPopoverActions, _extends({}, sharedProps, {
@@ -907,47 +795,42 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
           isExpanded: true,
           isDetails: true
         })));
-
         setPopoverContent(popoverContent);
       }
     });
-
     return _this;
   }
-
   _createClass(EuiDataGridCell, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props7 = this.props,
-          colIndex = _this$props7.colIndex,
-          visibleRowIndex = _this$props7.visibleRowIndex;
-      this.unsubscribeCell = this.context.onFocusUpdate([colIndex, visibleRowIndex], this.onFocusUpdate); // Account for virtualization - when a cell unmounts when scrolled out of view
-      // and then remounts when scrolled back into view, it should retain focus state
+        colIndex = _this$props7.colIndex,
+        visibleRowIndex = _this$props7.visibleRowIndex;
+      this.unsubscribeCell = this.context.onFocusUpdate([colIndex, visibleRowIndex], this.onFocusUpdate);
 
+      // Account for virtualization - when a cell unmounts when scrolled out of view
+      // and then remounts when scrolled back into view, it should retain focus state
       if (this.isFocusedCell()) {
         // The second flag sets preventScroll: true as a focus option, which prevents
         // hijacking the user's scroll behavior when the cell re-mounts on scroll
         this.onFocusUpdate(true, true);
         this.context.setIsFocusedCellInView(true);
-      } // Check if popover should be open on mount (typically only occurs if
-      // openCellPopover() is manually called on a location that's out of view)
-
+      }
 
+      // Check if popover should be open on mount (typically only occurs if
+      // openCellPopover() is manually called on a location that's out of view)
       this.handleCellPopover();
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       window.clearTimeout(this.focusTimeout);
-
       if (this.unsubscribeCell) {
         this.unsubscribeCell();
       }
-
       if (this.isFocusedCell()) {
         this.context.setIsFocusedCellInView(false);
       }
-
       if (this.isPopoverOpen()) {
         this.props.popoverContext.closeCellPopover();
       }
@@ -956,30 +839,28 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props$rowHeight, _prevProps$rowHeights, _this$props$rowHeight2, _this$props$rowHeight3, _this$props$style, _prevProps$style;
-
       this.recalculateAutoHeight();
-
       if (((_this$props$rowHeight = this.props.rowHeightsOptions) === null || _this$props$rowHeight === void 0 ? void 0 : _this$props$rowHeight.defaultHeight) !== ((_prevProps$rowHeights = prevProps.rowHeightsOptions) === null || _prevProps$rowHeights === void 0 ? void 0 : _prevProps$rowHeights.defaultHeight)) {
         this.recalculateLineHeight();
       }
-
-      if ((_this$props$rowHeight2 = this.props.rowHeightUtils) !== null && _this$props$rowHeight2 !== void 0 && _this$props$rowHeight2.compensateForLayoutShift && (_this$props$rowHeight3 = this.props.rowHeightsOptions) !== null && _this$props$rowHeight3 !== void 0 && _this$props$rowHeight3.scrollAnchorRow && this.props.colIndex === 0 && // once per row
-      this.props.columnId === prevProps.columnId && // if this is still the same column
-      this.props.rowIndex === prevProps.rowIndex && // if this is still the same row
+      if ((_this$props$rowHeight2 = this.props.rowHeightUtils) !== null && _this$props$rowHeight2 !== void 0 && _this$props$rowHeight2.compensateForLayoutShift && (_this$props$rowHeight3 = this.props.rowHeightsOptions) !== null && _this$props$rowHeight3 !== void 0 && _this$props$rowHeight3.scrollAnchorRow && this.props.colIndex === 0 &&
+      // once per row
+      this.props.columnId === prevProps.columnId &&
+      // if this is still the same column
+      this.props.rowIndex === prevProps.rowIndex &&
+      // if this is still the same row
       ((_this$props$style = this.props.style) === null || _this$props$style === void 0 ? void 0 : _this$props$style.top) !== ((_prevProps$style = prevProps.style) === null || _prevProps$style === void 0 ? void 0 : _prevProps$style.top) // if the top position has changed
       ) {
         var _prevProps$style2, _this$props$style2, _this$props$rowHeight4;
-
         var previousTop = parseFloat((_prevProps$style2 = prevProps.style) === null || _prevProps$style2 === void 0 ? void 0 : _prevProps$style2.top);
-        var currentTop = parseFloat((_this$props$style2 = this.props.style) === null || _this$props$style2 === void 0 ? void 0 : _this$props$style2.top); // @ts-ignore We've already checked that this virtualization util is available above
+        var currentTop = parseFloat((_this$props$style2 = this.props.style) === null || _this$props$style2 === void 0 ? void 0 : _this$props$style2.top);
 
+        // @ts-ignore We've already checked that this virtualization util is available above
         this.props.rowHeightUtils.compensateForLayoutShift(this.props.rowIndex, currentTop - previousTop, (_this$props$rowHeight4 = this.props.rowHeightsOptions) === null || _this$props$rowHeight4 === void 0 ? void 0 : _this$props$rowHeight4.scrollAnchorRow);
       }
-
       if (this.props.popoverContext.popoverIsOpen !== prevProps.popoverContext.popoverIsOpen || this.props.popoverContext.cellLocation !== prevProps.popoverContext.cellLocation || this.props.renderCellPopover !== prevProps.renderCellPopover) {
         this.handleCellPopover();
       }
-
       if (this.props.columnId !== prevProps.columnId || this.props.rowIndex !== prevProps.rowIndex) {
         this.setCellProps({});
       }
@@ -997,20 +878,18 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
       if (nextProps.renderCellValue !== this.props.renderCellValue) return true;
       if (nextProps.renderCellPopover !== this.props.renderCellPopover) return true;
       if (nextProps.interactiveCellId !== this.props.interactiveCellId) return true;
-      if (nextProps.popoverContext.popoverIsOpen !== this.props.popoverContext.popoverIsOpen || nextProps.popoverContext.cellLocation !== this.props.popoverContext.cellLocation) return true; // respond to adjusted position & dimensions
+      if (nextProps.popoverContext.popoverIsOpen !== this.props.popoverContext.popoverIsOpen || nextProps.popoverContext.cellLocation !== this.props.popoverContext.cellLocation) return true;
 
+      // respond to adjusted position & dimensions
       if (nextProps.style) {
         if (!this.props.style) return true;
-
         if (nextProps.style.top !== this.props.style.top) {
           return true;
         }
-
         if (nextProps.style.left !== this.props.style.left) return true;
         if (nextProps.style.height !== this.props.style.height) return true;
         if (nextProps.style.width !== this.props.style.width) return true;
       }
-
       if (nextState.cellProps !== this.state.cellProps) return true;
       if (nextState.isEntered !== this.state.isEntered) return true;
       if (nextState.isFocused !== this.state.isFocused) return true;
@@ -1022,46 +901,41 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _classNames,
-          _rowHeightsOptions$li,
-          _this2 = this;
-
+        _rowHeightsOptions$li,
+        _this2 = this;
       var _this$props8 = this.props,
-          width = _this$props8.width,
-          _this$props8$popoverC = _this$props8.popoverContext,
-          closeCellPopover = _this$props8$popoverC.closeCellPopover,
-          openCellPopover = _this$props8$popoverC.openCellPopover,
-          interactiveCellId = _this$props8.interactiveCellId,
-          columnType = _this$props8.columnType,
-          className = _this$props8.className,
-          column = _this$props8.column,
-          style = _this$props8.style,
-          rowHeightUtils = _this$props8.rowHeightUtils,
-          rowHeightsOptions = _this$props8.rowHeightsOptions,
-          rowManager = _this$props8.rowManager,
-          pagination = _this$props8.pagination,
-          rest = _objectWithoutProperties(_this$props8, _excluded2);
-
+        width = _this$props8.width,
+        _this$props8$popoverC = _this$props8.popoverContext,
+        closeCellPopover = _this$props8$popoverC.closeCellPopover,
+        openCellPopover = _this$props8$popoverC.openCellPopover,
+        interactiveCellId = _this$props8.interactiveCellId,
+        columnType = _this$props8.columnType,
+        className = _this$props8.className,
+        column = _this$props8.column,
+        style = _this$props8.style,
+        rowHeightUtils = _this$props8.rowHeightUtils,
+        rowHeightsOptions = _this$props8.rowHeightsOptions,
+        rowManager = _this$props8.rowManager,
+        pagination = _this$props8.pagination,
+        rest = _objectWithoutProperties(_this$props8, _excluded2);
       var rowIndex = rest.rowIndex,
-          visibleRowIndex = rest.visibleRowIndex,
-          colIndex = rest.colIndex;
+        visibleRowIndex = rest.visibleRowIndex,
+        colIndex = rest.colIndex;
       var isExpandable = this.isExpandable();
       var popoverIsOpen = this.isPopoverOpen();
       var showCellActions = this.state.isFocused || this.state.isEntered || this.state.enableInteractions || popoverIsOpen;
       var cellClasses = classNames('euiDataGridRowCell', (_classNames = {}, _defineProperty(_classNames, "euiDataGridRowCell--".concat(columnType), columnType), _defineProperty(_classNames, 'euiDataGridRowCell--open', popoverIsOpen), _classNames), className);
       var ariaRowIndex = pagination ? visibleRowIndex + 1 + pagination.pageSize * pagination.pageIndex : visibleRowIndex + 1;
-
       var _this$state$cellProps2 = this.state.cellProps,
-          _ = _this$state$cellProps2.isExpandable,
-          cellPropsStyle = _this$state$cellProps2.style,
-          cellPropsClassName = _this$state$cellProps2.className,
-          cellPropsDataTestSubj = _this$state$cellProps2['data-test-subj'],
-          setCellProps = _objectWithoutProperties(_this$state$cellProps2, _excluded3);
-
+        _ = _this$state$cellProps2.isExpandable,
+        cellPropsStyle = _this$state$cellProps2.style,
+        cellPropsClassName = _this$state$cellProps2.className,
+        cellPropsDataTestSubj = _this$state$cellProps2['data-test-subj'],
+        setCellProps = _objectWithoutProperties(_this$state$cellProps2, _excluded3);
       var cellProps = _objectSpread(_objectSpread({}, setCellProps), {}, {
         'data-test-subj': classNames('dataGridRowCell', cellPropsDataTestSubj),
         className: classNames(cellClasses, cellPropsClassName)
       });
-
       cellProps.style = _objectSpread(_objectSpread({}, style), {}, {
         // set by react-window or the custom renderer
         top: style !== null && style !== void 0 && style.top ? 0 : undefined,
@@ -1070,13 +944,11 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         // column width, can be undefined
         lineHeight: (_rowHeightsOptions$li = rowHeightsOptions === null || rowHeightsOptions === void 0 ? void 0 : rowHeightsOptions.lineHeight) !== null && _rowHeightsOptions$li !== void 0 ? _rowHeightsOptions$li : undefined
       }, cellPropsStyle);
-
       var handleCellKeyDown = function handleCellKeyDown(event) {
         if (isExpandable) {
           if (popoverIsOpen) {
             return;
           }
-
           switch (event.key) {
             case keys.ENTER:
             case keys.F2:
@@ -1090,63 +962,51 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         } else {
           if (event.key === keys.ENTER || event.key === keys.F2 || event.key === keys.ESCAPE) {
             var interactables = _this2.getInteractables();
-
             if (interactables.length >= 2) {
               switch (event.key) {
                 case keys.ENTER:
                   // `Enter` only activates the trap
                   if (_this2.state.isEntered === false) {
                     _this2.enableTabbing();
-
                     _this2.setState({
                       isEntered: true
-                    }); // result of this keypress is focus shifts to the first interactive element
+                    });
+
+                    // result of this keypress is focus shifts to the first interactive element
                     // and then the browser fires the onClick event because that's how [Enter] works
                     // so we need to prevent that default action otherwise entering the trap triggers the first element
-
-
                     event.preventDefault();
                   }
-
                   break;
-
                 case keys.F2:
                   // toggle interactives' focus trap
                   _this2.setState(function (_ref2) {
                     var isEntered = _ref2.isEntered;
-
                     if (isEntered) {
                       _this2.preventTabbing();
                     } else {
                       _this2.enableTabbing();
                     }
-
                     return {
                       isEntered: !isEntered
                     };
                   });
-
                   break;
-
                 case keys.ESCAPE:
                   // `Escape` only de-activates the trap
                   _this2.preventTabbing();
-
                   if (_this2.state.isEntered === true) {
                     _this2.setState({
                       isEntered: false
                     });
                   }
-
                   break;
               }
             }
           }
         }
       };
-
       var isDefinedHeight = !!(rowHeightUtils !== null && rowHeightUtils !== void 0 && rowHeightUtils.getRowHeightOption(rowIndex, rowHeightsOptions));
-
       var cellContentProps = _objectSpread(_objectSpread({}, rest), {}, {
         setCellProps: this.setCellProps,
         column: column,
@@ -1160,10 +1020,8 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         isDefinedHeight: isDefinedHeight,
         ariaRowIndex: ariaRowIndex
       });
-
       var anchorClass = 'euiDataGridRowCell__expandFlex';
       var expandClass = isDefinedHeight ? 'euiDataGridRowCell__contentByHeight' : 'euiDataGridRowCell__expandContent';
-
       var innerContent = ___EmotionJSX(EuiFocusTrap, {
         disabled: !this.state.isEntered,
         autoFocus: true,
@@ -1179,7 +1037,6 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
       }, ___EmotionJSX("div", {
         className: expandClass
       }, ___EmotionJSX(EuiDataGridCellContent, cellContentProps))));
-
       if (isExpandable) {
         innerContent = ___EmotionJSX("div", {
           className: anchorClass,
@@ -1202,14 +1059,14 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
           }
         }));
       }
-
       var content = ___EmotionJSX("div", _extends({
         role: "gridcell",
         "aria-rowindex": ariaRowIndex,
         tabIndex: this.state.isFocused && !this.state.disableCellTabIndex ? 0 : -1,
         ref: this.cellRef
       }, cellProps, {
-        "data-test-subj": "dataGridRowCell" // Data attributes to help target specific cells by either data or current cell location
+        "data-test-subj": "dataGridRowCell"
+        // Data attributes to help target specific cells by either data or current cell location
         ,
         "data-gridcell-column-id": this.props.columnId // Static column ID name, not affected by column order
         ,
@@ -1233,25 +1090,28 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
         },
         onBlur: this.onBlur
       }), innerContent);
-
       return rowManager && !IS_JEST_ENVIRONMENT ? /*#__PURE__*/createPortal(content, rowManager.getRow({
         rowIndex: rowIndex,
         visibleRowIndex: visibleRowIndex,
         top: style.top,
         // comes in as a `{float}px` string from react-window
         height: style.height // comes in as an integer from react-window
-
       })) : content;
     }
   }]);
-
   return EuiDataGridCell;
 }(Component);
-
+// focus tracking is split between the entire grid & individual cells,
+// the parent grid owns which cell is focused,
+// but individual cells need to react to changes and also report that
+// they are focused in response to user actions like clicking on the cell
+// to avoid focus trap fighting, cells wait a tick after being clicked to allow
+// any existing traps to disconnect before the cell reports the new focus state to the parent grid
+// but because of this small delay, multiple cells could queue up focus and
+// create an infinite loop as the cells activate->deactivate->...
+// so we track the last timeout id and clear that request if superseded
 _defineProperty(EuiDataGridCell, "activeFocusTimeoutId", undefined);
-
 _defineProperty(EuiDataGridCell, "contextType", DataGridFocusContext);
-
 EuiDataGridCell.propTypes = {
   rowIndex: PropTypes.number.isRequired,
   visibleRowIndex: PropTypes.number.isRequired,
@@ -1261,12 +1121,10 @@ EuiDataGridCell.propTypes = {
        * The unique identifier for this column
        */
     id: PropTypes.string.isRequired,
-
     /**
        * A `ReactNode` used when rendering the column header. When providing complicated content, please make sure to utilize CSS to respect truncation as space allows. Check the docs example.
        */
     display: PropTypes.node,
-
     /**
        * Display name as text for the column.
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
@@ -1274,44 +1132,36 @@ EuiDataGridCell.propTypes = {
        * If not passed, `id` will be shown as the column name.
        */
     displayAsText: PropTypes.string,
-
     /**
        * Optional props to pass to the column header cell
        */
     displayHeaderCellProps: PropTypes.any,
-
     /**
        * Initial width (in pixels) of the column
        */
     initialWidth: PropTypes.number,
-
     /**
        * Defaults to true, always true if cellActions are defined. Defines whether or not the column's cells can be expanded with a popup onClick / keydown.
        */
     isExpandable: PropTypes.bool,
-
     /**
        * Whether this column's width can be changed by the user, defaults to true
        */
     isResizable: PropTypes.bool,
-
     /**
        * Whether this column is sortable
        */
     isSortable: PropTypes.bool,
-
     /**
        * Default sort direction of the column
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
-
     /**
        * A Schema to use for the column.
        * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
-
     /**
        * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
        */
@@ -1360,7 +1210,6 @@ EuiDataGridCell.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
          */
@@ -1405,7 +1254,6 @@ EuiDataGridCell.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
          */
@@ -1450,7 +1298,6 @@ EuiDataGridCell.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -1495,7 +1342,6 @@ EuiDataGridCell.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -1540,7 +1386,6 @@ EuiDataGridCell.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Append additional actions
          */
@@ -1586,12 +1431,10 @@ EuiDataGridCell.propTypes = {
         toolTipText: PropTypes.string
       }).isRequired)
     }).isRequired]),
-
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
     cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
-
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -1631,7 +1474,6 @@ EuiDataGridCell.propTypes = {
       lineCount: PropTypes.number,
       height: PropTypes.number
     }).isRequired]),
-
     /**
        * Defines the height for a specific row. It can be line count or just height.
        *
@@ -1639,18 +1481,15 @@ EuiDataGridCell.propTypes = {
        * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
        */
     rowHeights: PropTypes.any,
-
     /**
        * Defines a global lineHeight style to apply to all cells
        */
     lineHeight: PropTypes.string,
-
     /**
        * Optional callback returning the current `rowHeightsOptions` when changes occur from user input (e.g. toolbar display controls).
        * Can be used for, e.g. storing user `rowHeightsOptions` in a local storage object.
        */
     onChange: PropTypes.func,
-
     /**
        * Optional indicator of the row that should be used as an anchor for vertical layout shift compensation.
        * When set to 'start' or 'center', the topmost or middle visible row will try
@@ -1668,25 +1507,21 @@ EuiDataGridCell.propTypes = {
        * The index of the current page, starts at 0 for the first page
        */
     pageIndex: PropTypes.number.isRequired,
-
     /**
        * How many rows should initially be shown per page.
        * Pass `0` to display the selected "Show all" option and hide the pagination.
        */
     pageSize: PropTypes.number.isRequired,
-
     /**
        * An array of page sizes the user can select from.
        * Pass `0` as one of the options to create a "Show all" option.
        * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
        */
     pageSizeOptions: PropTypes.arrayOf(PropTypes.number.isRequired),
-
     /**
        * A callback for when the user changes the page size selection
        */
     onChangeItemsPerPage: PropTypes.func.isRequired,
-
     /**
        * A callback for when the current page index changes
        */