@elastic/eui 65.0.1 → 67.0.0

package/lib/global_styling/utility/animations.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiAnimFadeIn = void 0;
+
+var _react = require("@emotion/react");
+
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var euiAnimFadeIn = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"])));
+exports.euiAnimFadeIn = euiAnimFadeIn;

package/lib/services/theme/hooks.js

@@ -23,11 +23,14 @@ var useEuiTheme = function useEuiTheme() {
   var theme = (0, _react.useContext)(_context.EuiThemeContext);
   var colorMode = (0, _react.useContext)(_context.EuiColorModeContext);
   var modifications = (0, _react.useContext)(_context.EuiModificationsContext);
-  return {
-    euiTheme: theme,
-    colorMode: colorMode,
-    modifications: modifications
-  };
+  var assembledTheme = (0, _react.useMemo)(function () {
+    return {
+      euiTheme: theme,
+      colorMode: colorMode,
+      modifications: modifications
+    };
+  }, [theme, colorMode, modifications]);
+  return assembledTheme;
 };
 
 exports.useEuiTheme = useEuiTheme;
@@ -38,17 +41,9 @@ var withEuiTheme = function withEuiTheme(Component) {
   var componentName = Component.displayName || Component.name || 'ComponentWithTheme';
 
   var Render = function Render(props, ref) {
-    var _useEuiTheme = useEuiTheme(),
-        euiTheme = _useEuiTheme.euiTheme,
-        colorMode = _useEuiTheme.colorMode,
-        modifications = _useEuiTheme.modifications;
-
+    var theme = useEuiTheme();
     return (0, _react2.jsx)(Component, _extends({
-      theme: {
-        euiTheme: euiTheme,
-        colorMode: colorMode,
-        modifications: modifications
-      },
+      theme: theme,
       ref: ref
     }, props));
   };

package/optimize/es/components/card/card.styles.js

@@ -84,14 +84,14 @@ export var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize,
     euiCard__description: /*#__PURE__*/css(logicalCSS('margin-top', halfSpacing), ";;label:euiCard__description;"),
     euiCard__footer: /*#__PURE__*/css("flex-grow:0;", logicalCSS('width', '100%'), ";", logicalCSS('margin-top', spacing), ";;label:euiCard__footer;"),
     top: {
-      euiCard__top: /*#__PURE__*/css("flex-grow:0;font-size:0;position:relative;", logicalCSS('min-height', '1px'), ";", logicalCSS('margin-bottom', spacing), ";;label:euiCard__top;"),
+      euiCard__top: /*#__PURE__*/css("flex-grow:0;font-size:0;position:relative;", logicalCSS('margin-bottom', spacing), ";;label:euiCard__top;"),
       layout: {
         vertical: /*#__PURE__*/css(logicalCSS('width', '100%'), ";;label:vertical;"),
         horizontal: /*#__PURE__*/css(logicalCSS('width', 'auto'), ";;label:horizontal;")
       },
       disabled: _ref2
     },
-    euiCard__image: /*#__PURE__*/css("position:relative;overflow:hidden;", logicalCSS('width', "calc(100% + (".concat(paddingAmount, " * 2))")), ";", logicalCSS('left', "-".concat(paddingAmount)), ";", logicalCSS('top', "-".concat(paddingAmount)), ";", logicalCSS('margin-bottom', "-".concat(paddingAmount)), ";", logicals['border-top-left-radius'], ":calc(", euiTheme.border.radius.medium, " - 1px);", logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - 1px);", color === 'transparent' ? "border-radius: ".concat(euiTheme.border.radius.medium, ";") : undefined, " img{", logicalCSS('width', '100%'), ";};label:euiCard__image;"),
+    euiCard__image: /*#__PURE__*/css("position:relative;overflow:hidden;", logicalCSS('width', "calc(100% + (".concat(paddingAmount, " * 2))")), ";", logicalCSS('left', "-".concat(paddingAmount)), ";", logicalCSS('top', "-".concat(paddingAmount)), ";", logicalCSS('margin-bottom', "-".concat(paddingAmount)), ";", logicalCSS('border-top-left-radius', "calc(".concat(euiTheme.border.radius.medium, " - ").concat(euiTheme.border.width.thin, ")")), " ", logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - ", euiTheme.border.width.thin, ");", color === 'transparent' ? "border-radius: ".concat(euiTheme.border.radius.medium, ";") : undefined, " img{", logicalCSS('width', '100%'), ";};label:euiCard__image;"),
     icon: {
       euiCard__icon: /*#__PURE__*/css(";label:euiCard__icon;"),
       withImage: /*#__PURE__*/css("position:absolute;", logicalCSS('top', '50%'), ";", logicalCSS('left', '50%'), ";transform:translate(-50%, calc(-50% + -", paddingAmount, "))!important;;label:withImage;"),

package/optimize/es/components/combo_box/combo_box.js

@@ -75,17 +75,9 @@ export var EuiComboBox = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "comboBoxRefInstance", null);
 
     _defineProperty(_assertThisInitialized(_this), "comboBoxRefCallback", function (ref) {
-      // IE11 doesn't support the `relatedTarget` event property for blur events
-      // but does add it for focusout. React doesn't support `onFocusOut` so here we are.
-      if (_this.comboBoxRefInstance) {
-        _this.comboBoxRefInstance.removeEventListener('focusout', _this.onContainerBlur);
-      }
-
       _this.comboBoxRefInstance = ref;
 
       if (_this.comboBoxRefInstance) {
-        _this.comboBoxRefInstance.addEventListener('focusout', _this.onContainerBlur);
-
         var comboBoxBounds = _this.comboBoxRefInstance.getBoundingClientRect();
 
         _this.setState({
@@ -394,13 +386,7 @@ export var EuiComboBox = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "onContainerBlur", function (event) {
       // close the options list, unless the user clicked on an option
-
-      /**
-       * FireFox returns `relatedTarget` as `null` for security reasons, but provides a proprietary `explicitOriginalTarget`.
-       * @see https://developer.mozilla.org/en-US/docs/Web/API/Event/explicitOriginalTarget
-       */
-      var focusEvent = event;
-      var relatedTarget = focusEvent.relatedTarget || focusEvent.explicitOriginalTarget;
+      var relatedTarget = event.relatedTarget;
 
       var focusedInOptionsList = relatedTarget && _this.listRefInstance && _this.listRefInstance.contains(relatedTarget);
 
@@ -845,6 +831,7 @@ export var EuiComboBox = /*#__PURE__*/function (_Component) {
           className: classes,
           "data-test-subj": dataTestSubj,
           onKeyDown: this.onKeyDown,
+          onBlur: this.onContainerBlur,
           ref: this.comboBoxRefCallback
         }), ___EmotionJSX(EuiComboBoxInput, {
           autoSizeInputRef: this.autoSizeInputRefCallback,

package/optimize/es/components/date_picker/react-datepicker/original.package.json

@@ -0,0 +1,124 @@
+{
+  "author": "HackerOne",
+  "name": "@elastic/react-datepicker",
+  "description": "Forked from Hacker0x01/react-datepicker for accessibility - simple and reusable datepicker component for React",
+  "private": true,
+  "version": "2.0.0",
+  "license": "MIT",
+  "homepage": "https://github.com/Hacker0x01/react-datepicker",
+  "main": "lib",
+  "files": [
+    "*.md",
+    "dist",
+    "datepicker-lib",
+    "es",
+    "src/stylesheets"
+  ],
+  "resolutions": {
+    "**/diff": "^3.5.0"
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-eslint": "^8.0.2",
+    "babel-loader": "^6.2.10",
+    "babel-plugin-add-react-displayname": "^0.0.4",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-react-transform": "^3.0.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.10",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-airbnb": "^2.4.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "chai": "^3.5.0",
+    "cross-env": "^5.1.1",
+    "css-loader": "^1.0.0",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "^1.14.0",
+    "eslint": "^4.18.2",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-node": "^5.2.1",
+    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-react": "^7.4.0",
+    "express": "^4.16.2",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "flow-bin": "^0.68.0",
+    "highlight.js": "^9.12.0",
+    "husky": "^0.14.3",
+    "isparta-loader": "^2.0.0",
+    "karma": "^1.7.1",
+    "karma-chai": "^0.1.0",
+    "karma-coverage": "^1.1.1",
+    "karma-firefox-launcher": "^1.0.1",
+    "karma-mocha": "^1.3.0",
+    "karma-sinon": "^1.0.5",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^2.0.5",
+    "lint-staged": "^6.0.0",
+    "lodash": "^4.17.13",
+    "mocha": "^4.0.1",
+    "moment": "^2.20.1",
+    "node-sass": "^4.13.1",
+    "npm-run-all": "^4.1.2",
+    "prettier": "^1.9.2",
+    "react": "^16.2.0",
+    "react-docgen": "^2.20.0",
+    "react-dom": "^16.2.0",
+    "react-test-renderer": "^16.8.6",
+    "react-transform-hmr": "^1.0.4",
+    "rimraf": "^2.6.2",
+    "rollup": "^0.62.0",
+    "rollup-plugin-babel": "^3.0.2",
+    "rollup-plugin-commonjs": "^8.2.6",
+    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-uglify": "^2.0.1",
+    "sass-lint": "^1.12.1",
+    "sass-loader": "^4.1.1",
+    "sinon": "^4.1.2",
+    "style-loader": "^0.19.0",
+    "webpack": "^1.13.0",
+    "webpack-dev-middleware": "^1.12.0",
+    "webpack-dev-server": "^3.1.14",
+    "webpack-hot-middleware": "^2.20.0"
+  },
+  "peerDependencies": {
+    "moment": "^2.20.0",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0"
+  },
+  "dependencies": {
+    "classnames": "^2.2.5",
+    "focus-trap-react": "^4.0.0",
+    "json-loader": "^0.5.7",
+    "prop-types": "^15.6.0",
+    "react-onclickoutside": "^6.7.1",
+    "react-popper": "^1.0.2"
+  },
+  "scripts": {
+    "eslint": "eslint {src,test,docs-site/src}/**/*.{js,jsx} *.js",
+    "flow": "flow",
+    "precommit": "lint-staged",
+    "sass-lint": "sass-lint --config .sass-lint.yml 'src/stylesheets/*.scss, docs-site/src/*.scss' -i 'docs-site/src/higlight.scss, docs-site/src/reset.scss'",
+    "lint": "run-p eslint flow sass-lint",
+    "start": "cross-env MODULES=false node server.js",
+    "test": "cross-env NODE_ENV=test karma start karma.conf.js --single-run",
+    "prepublish": "test $(npm -v | tr . '\\n' | head -n 1) -ge '4' || exit 1",
+    "prepare": "npm run build",
+    "prebuild": "rimraf es lib dist",
+    "build": "cross-env NODE_ENV=production run-p build:** && run-p css:**",
+    "build-dev": "cross-env NODE_ENV=development run-p build:** && run-p css:**",
+    "css:prod": "mkdir -p lib && node-sass --output-style compressed src/stylesheets/datepicker.scss > lib/react-datepicker.min.css",
+    "css:modules:prod": "mkdir -p lib && node-sass --output-style compressed src/stylesheets/datepicker-cssmodules.scss > lib/react-datepicker-cssmodules.min.css",
+    "css:dev": "mkdir -p lib && node-sass --output-style expanded src/stylesheets/datepicker.scss > lib/react-datepicker.css",
+    "css:modules:dev": "mkdir -p lib && node-sass --output-style expanded src/stylesheets/datepicker-cssmodules.scss > lib/react-datepicker-cssmodules.css",
+    "build:es": "cross-env BABEL_ENV=cjs rollup -c -i src/index.jsx -o ../react-datepicker.js",
+    "build:docs": "cross-env MODULES=false webpack --config webpack.docs.config.js"
+  },
+  "lint-staged": {
+    "*.{js,jsx,json,css,scss,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

package/optimize/es/components/date_picker/super_date_picker/date_popover/date_popover_button.js

@@ -11,7 +11,6 @@ var _excluded = ["position", "isDisabled", "isInvalid", "needsUpdating", "value"
  */
 import React from 'react';
 import classNames from 'classnames';
-// eslint-disable-line import/named
 import { useEuiI18n } from '../../../i18n';
 import { EuiPopover } from '../../../popover';
 import { useFormatTimeString } from '../pretty_duration';

package/optimize/es/components/description_list/description_list.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["align", "children", "className", "compressed", "descriptionProps", "listItems", "textStyle", "titleProps", "type"];
+var _excluded = ["align", "children", "className", "compressed", "descriptionProps", "listItems", "textStyle", "titleProps", "type", "gutterSize"];
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -31,6 +31,8 @@ export var EuiDescriptionList = function EuiDescriptionList(_ref) {
       titleProps = _ref.titleProps,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'row' : _ref$type,
+      _ref$gutterSize = _ref.gutterSize,
+      gutterSize = _ref$gutterSize === void 0 ? 'm' : _ref$gutterSize,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var euiTheme = useEuiTheme();
@@ -56,7 +58,8 @@ export var EuiDescriptionList = function EuiDescriptionList(_ref) {
       type: type,
       compressed: compressed,
       textStyle: textStyle,
-      align: align
+      align: align,
+      gutterSize: gutterSize
     }
   }, ___EmotionJSX("dl", _extends({
     className: classes,

package/optimize/es/components/description_list/description_list_context.js

@@ -9,6 +9,7 @@ import { createContext } from 'react';
 export var contextDefaults = {
   type: 'row',
   textStyle: 'normal',
-  align: 'left'
+  align: 'left',
+  gutterSize: 'm'
 };
 export var EuiDescriptionListContext = /*#__PURE__*/createContext(contextDefaults);

package/optimize/es/components/description_list/description_list_description.js

@@ -26,7 +26,8 @@ export var EuiDescriptionListDescription = function EuiDescriptionListDescriptio
       type = _useContext.type,
       textStyle = _useContext.textStyle,
       compressed = _useContext.compressed,
-      align = _useContext.align;
+      align = _useContext.align,
+      gutterSize = _useContext.gutterSize;
 
   var theme = useEuiTheme();
   var styles = euiDescriptionListDescriptionStyles(theme);
@@ -43,6 +44,7 @@ export var EuiDescriptionListDescription = function EuiDescriptionListDescriptio
         conditionalStyles.push(styles.left);
       }
 
+      conditionalStyles.push(styles[gutterSize]);
       break;
   }
 

package/optimize/es/components/description_list/description_list_description.styles.js

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

package/optimize/es/components/description_list/description_list_title.js

@@ -26,7 +26,8 @@ export var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
       type = _useContext.type,
       textStyle = _useContext.textStyle,
       compressed = _useContext.compressed,
-      align = _useContext.align;
+      align = _useContext.align,
+      gutterSize = _useContext.gutterSize;
 
   var theme = useEuiTheme();
   var styles = euiDescriptionListTitleStyles(theme);
@@ -46,7 +47,7 @@ export var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
       break;
   }
 
-  var cssStyles = [styles.euiDescriptionList__title, styles[type]].concat(_toConsumableArray(conditionalStyles));
+  var cssStyles = [styles.euiDescriptionList__title, styles[type], styles[gutterSize]].concat(_toConsumableArray(conditionalStyles));
   var classes = classNames('euiDescriptionList__title', className);
   return ___EmotionJSX("dt", _extends({
     className: classes,

package/optimize/es/components/description_list/description_list_title.styles.js

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

package/optimize/es/components/description_list/description_list_types.js

@@ -7,4 +7,5 @@
  */
 export var TYPES = ['row', 'inline', 'column', 'responsiveColumn'];
 export var ALIGNMENTS = ['center', 'left'];
-export var TEXT_STYLES = ['normal', 'reverse'];
+export var TEXT_STYLES = ['normal', 'reverse'];
+export var GUTTER_SIZES = ['s', 'm'];

package/optimize/es/components/form/field_search/field_search.js

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

package/optimize/es/components/form/range/range_input.js

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

package/optimize/es/components/header/header_section/header_section_item.js

@@ -24,8 +24,9 @@ export var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var classes = classNames('euiHeaderSectionItem', borderToClassNameMap[border], className);
-  return ___EmotionJSX("div", _extends({
+  var classes = classNames('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
+
+  return children ? ___EmotionJSX("div", _extends({
     className: classes
-  }, rest), children);
+  }, rest), children) : null;
 };

package/optimize/es/components/icon/icon.js

@@ -96,7 +96,7 @@ export var EuiIconClass = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "isMounted", true);
+    _defineProperty(_assertThisInitialized(_this), "isMounted", false);
 
     _defineProperty(_assertThisInitialized(_this), "loadIconComponent", function (iconType) {
       if (iconComponentCache.hasOwnProperty(iconType)) {
@@ -154,6 +154,7 @@ export var EuiIconClass = /*#__PURE__*/function (_PureComponent) {
   _createClass(EuiIconClass, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      this.isMounted = true;
       var type = this.props.type;
 
       if (isEuiIconType(type) && this.state.icon == null) {
@@ -230,14 +231,7 @@ export var EuiIconClass = /*#__PURE__*/function (_PureComponent) {
 
       var styles = euiIconStyles(theme);
       var cssStyles = [styles.euiIcon, styles[size], color && isNamedColor(color) && styles[color], isCustomColor && styles.customColor, isElasticLogoOutline && styles.logoElasticOutline, isAppIcon && !appIconHasColor && styles.app, isLoading && styles.isLoading, !isLoading && neededLoading && styles.isLoaded];
-      var icon = this.state.icon || empty; // This is a fix for IE and Edge, which ignores tabindex="-1" on an SVG, but respects
-      // focusable="false".
-      //   - If there's no tabindex specified, we'll default the icon to not be focusable,
-      //     which is how SVGs behave in Chrome, Safari, and FF.
-      //   - If tabindex is -1, then the consumer wants the icon to be focusable by JavaScript only.
-      //   - If the tabindex is 0, the consumer wants the icon to be keyboard focusable.
-
-      var focusable = tabIndex == null || tabIndex === -1 ? 'false' : 'true';
+      var icon = this.state.icon || empty;
 
       if (typeof icon === 'string') {
         return ___EmotionJSX("img", _extends({
@@ -269,7 +263,6 @@ export var EuiIconClass = /*#__PURE__*/function (_PureComponent) {
           style: optionalCustomStyles,
           css: cssStyles,
           tabIndex: tabIndex,
-          focusable: focusable,
           role: "img",
           title: title,
           "data-icon-type": iconTitle,

package/optimize/es/components/image/image_fullscreen_wrapper.js

@@ -54,10 +54,9 @@ export var EuiImageFullScreenWrapper = function EuiImageFullScreenWrapper(_ref)
   var iconStyles = euiImageButtonIconStyles(euiTheme);
   var cssIconStyles = [iconStyles.euiImageButton__icon, iconStyles.closeFullScreen];
   return ___EmotionJSX(EuiOverlayMask, {
-    "data-test-subj": "fullScreenOverlayMask",
-    onClick: closeFullScreen
+    "data-test-subj": "fullScreenOverlayMask"
   }, ___EmotionJSX(EuiFocusTrap, {
-    clickOutsideDisables: true
+    onClickOutside: closeFullScreen
   }, ___EmotionJSX(React.Fragment, null, ___EmotionJSX("figure", _extends({
     "aria-label": optionalCaptionText
   }, wrapperProps, {

package/optimize/es/components/list_group/list_group_item.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "isActive", "isDisabled", "href", "target", "rel", "className", "iconType", "icon", "iconProps", "extraAction", "onClick", "size", "color", "showToolTip", "wrapText", "buttonRef"],
+var _excluded = ["label", "isActive", "isDisabled", "href", "target", "rel", "className", "iconType", "icon", "iconProps", "extraAction", "onClick", "size", "color", "showToolTip", "wrapText", "buttonRef", "toolTipText"],
     _excluded2 = ["iconType", "alwaysShow", "className", "isDisabled"];
 
 /*
@@ -58,6 +58,7 @@ export var EuiListGroupItem = function EuiListGroupItem(_ref) {
       showToolTip = _ref$showToolTip === void 0 ? false : _ref$showToolTip,
       wrapText = _ref.wrapText,
       buttonRef = _ref.buttonRef,
+      toolTipText = _ref.toolTipText,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var isHrefValid = !href || validateHref(href);
@@ -159,7 +160,7 @@ export var EuiListGroupItem = function EuiListGroupItem(_ref) {
       className: classes
     }, ___EmotionJSX(EuiToolTip, {
       anchorClassName: "euiListGroupItem__tooltip",
-      content: label,
+      content: toolTipText !== null && toolTipText !== void 0 ? toolTipText : label,
       position: "right",
       delay: "long"
     }, itemContent));

package/optimize/es/components/modal/modal.js

@@ -71,7 +71,5 @@ export var EuiModal = function EuiModal(_ref) {
       color: "text",
       "aria-label": closeModal
     });
-  }), ___EmotionJSX("div", {
-    className: "euiModal__flex"
-  }, children))));
+  }), children)));
 };

package/optimize/es/components/notification/notification_event.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["id", "type", "severity", "badgeColor", "iconType", "iconAriaLabel", "time", "title", "isRead", "primaryAction", "primaryActionProps", "messages", "onRead", "onOpenContextMenu", "onClickTitle", "onClickPrimaryAction", "headingLevel", "className"];
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -35,9 +37,13 @@ export var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
       onClickTitle = _ref.onClickTitle,
       onClickPrimaryAction = _ref.onClickPrimaryAction,
       _ref$headingLevel = _ref.headingLevel,
-      headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel;
+      headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var classes = classNames('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
+    'euiNotificationEvent--withReadState': typeof isRead === 'boolean',
+    className: className
   });
   var classesTitle = classNames('euiNotificationEvent__title', {
     'euiNotificationEvent__title--isRead': isRead
@@ -48,11 +54,11 @@ export var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
     className: classesTitle,
     'data-test-subj': "".concat(id, "-notificationEventTitle")
   };
-  return ___EmotionJSX("article", {
+  return ___EmotionJSX("article", _extends({
     "aria-labelledby": randomHeadingId,
     className: classes,
     key: id
-  }, typeof isRead === 'boolean' && ___EmotionJSX("div", {
+  }, rest), typeof isRead === 'boolean' && ___EmotionJSX("div", {
     className: "euiNotificationEvent__readButton"
   }, !!onRead ? ___EmotionJSX(EuiNotificationEventReadButton, {
     isRead: isRead,

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

@@ -56,7 +56,7 @@ export var EuiMutationObserver = /*#__PURE__*/function (_EuiObserver) {
 }(EuiObserver);
 
 var makeMutationObserver = function makeMutationObserver(node, _observerOptions, callback) {
-  // IE11 and the MutationObserver polyfill used in Kibana (for Jest) implement
+  // The MutationObserver polyfill used in Kibana (for Jest) implements
   // an older spec in which specifying `attributeOldValue` or `attributeFilter`
   // without specifying `attributes` results in a `SyntaxError`.
   // The following logic patches the newer spec in which `attributes: true` can be