@elastic/eui 94.1.0 → 94.2.0

package/es/components/form/range/range_track.js

@@ -125,7 +125,8 @@ EuiRangeTrack.propTypes = {
      */
   ticks: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.number.isRequired,
-    label: PropTypes.node.isRequired
+    label: PropTypes.node.isRequired,
+    accessibleLabel: PropTypes.string
   }).isRequired),
   /**
      * Modifies the number of tick marks and at what interval

package/es/components/form/range/range_wrapper.styles.js

@@ -18,11 +18,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "e9ke4t-euiRangeWrapper",
-  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;};label:euiRangeWrapper;"
+  name: "9gg6o0-euiRangeWrapper",
+  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;max-inline-size:50%;.euiFormControlLayout__childrenWrapper{flex-shrink:0;}.euiFormControlLayout__prepend,.euiFormControlLayout__append{flex-shrink:1;max-inline-size:none;}};label:euiRangeWrapper;"
 } : {
-  name: "e9ke4t-euiRangeWrapper",
-  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;};label:euiRangeWrapper;",
+  name: "9gg6o0-euiRangeWrapper",
+  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;max-inline-size:50%;.euiFormControlLayout__childrenWrapper{flex-shrink:0;}.euiFormControlLayout__prepend,.euiFormControlLayout__append{flex-shrink:1;max-inline-size:none;}};label:euiRangeWrapper;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var euiRangeWrapperStyles = function euiRangeWrapperStyles(euiThemeContext) {

package/es/components/header/header_breadcrumbs/header_breadcrumbs.js

@@ -224,7 +224,7 @@ EuiHeaderBreadcrumbs.propTypes = {
       /**
          * Minimum distance between the popover and the bounding container;
          * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
-         * Default is 16
+         * @default 16
          */
       buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
       /**

package/es/components/header/header_links/header_links.js

@@ -263,7 +263,7 @@ EuiHeaderLinks.propTypes = {
     /**
        * Minimum distance between the popover and the bounding container;
        * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
-       * Default is 16
+       * @default 16
        */
     buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
     /**

package/es/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js

@@ -1,3 +1,9 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -18,17 +24,30 @@ import highlight from '../remark/remark_prismjs';
 import * as MarkdownTooltip from '../markdown_tooltip';
 import * as MarkdownCheckbox from '../markdown_checkbox';
 import { euiMarkdownLinkValidator } from '../markdown_link_validator';
-export var getDefaultEuiMarkdownParsingPlugins = function getDefaultEuiMarkdownParsingPlugins() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    exclude = _ref.exclude;
-  var excludeSet = new Set(exclude);
-  var parsingPlugins = [[markdown, {}], [highlight, {}], [emoji, {
+var DEFAULT_PARSING_PLUGINS = {
+  emoji: [emoji, {
     emoticon: false
-  }], [breaks, {}], [euiMarkdownLinkValidator, {
+  }],
+  lineBreaks: [breaks, {}],
+  linkValidator: [euiMarkdownLinkValidator, {
     allowRelative: true,
     allowProtocols: ['https:', 'http:', 'mailto:']
-  }], [MarkdownCheckbox.parser, {}]];
-  if (!excludeSet.has('tooltip')) parsingPlugins.push([MarkdownTooltip.parser, {}]);
+  }],
+  checkbox: [MarkdownCheckbox.parser, {}],
+  tooltip: [MarkdownTooltip.parser, {}]
+};
+export var getDefaultEuiMarkdownParsingPlugins = function getDefaultEuiMarkdownParsingPlugins() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    exclude = _ref.exclude;
+  var parsingPlugins = [[markdown, {}], [highlight, {}]];
+  Object.entries(DEFAULT_PARSING_PLUGINS).forEach(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      pluginName = _ref3[0],
+      plugin = _ref3[1];
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes(pluginName))) {
+      parsingPlugins.push(plugin);
+    }
+  });
   return parsingPlugins;
 };
 export var defaultParsingPlugins = getDefaultEuiMarkdownParsingPlugins();

package/es/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins.js

@@ -1,4 +1,16 @@
+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); }
 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 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -15,20 +27,33 @@ import React, { Fragment, createElement } from 'react';
 import all from 'mdast-util-to-hast/lib/all';
 import rehype2react from 'rehype-react';
 import remark2rehype from 'remark-rehype';
-import * as MarkdownTooltip from '../markdown_tooltip';
-import * as MarkdownCheckbox from '../markdown_checkbox';
-import { FENCED_CLASS } from '../remark/remark_prismjs';
 import { EuiLink } from '../../../link';
 import { EuiCodeBlock, EuiCode } from '../../../code';
 import { EuiHorizontalRule } from '../../../horizontal_rule';
+import { FENCED_CLASS } from '../remark/remark_prismjs';
+import * as MarkdownTooltip from '../markdown_tooltip';
+import * as MarkdownCheckbox from '../markdown_checkbox';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var unknownHandler = function unknownHandler(h, node) {
   return h(node, node.type, node, all(h, node));
 };
+var DEFAULT_COMPONENT_RENDERERS = {
+  checkbox: MarkdownCheckbox.renderer,
+  tooltip: MarkdownTooltip.renderer
+};
 export var getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdownProcessingPlugins() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     exclude = _ref.exclude;
-  var excludeSet = new Set(exclude);
+  var componentPluginsWithExclusions = {};
+  Object.entries(DEFAULT_COMPONENT_RENDERERS).forEach(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      excludeName = _ref3[0],
+      renderer = _ref3[1];
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes(excludeName))) {
+      var pluginName = "".concat(excludeName, "Plugin");
+      componentPluginsWithExclusions[pluginName] = renderer;
+    }
+  });
   var plugins = [[remark2rehype, {
     allowDangerousHtml: true,
     unknownHandler: unknownHandler,
@@ -36,7 +61,7 @@ export var getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdo
   }], [rehype2react, {
     createElement: createElement,
     Fragment: Fragment,
-    components: {
+    components: _objectSpread({
       a: EuiLink,
       code: function code(props) {
         return (
@@ -68,11 +93,9 @@ export var getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdo
       },
       hr: function hr(props) {
         return ___EmotionJSX(EuiHorizontalRule, props);
-      },
-      checkboxPlugin: MarkdownCheckbox.renderer
-    }
+      }
+    }, componentPluginsWithExclusions)
   }]];
-  if (!excludeSet.has('tooltip')) plugins[1][1].components.tooltipPlugin = MarkdownTooltip.renderer;
   return plugins;
 };
 export var defaultProcessingPlugins = getDefaultEuiMarkdownProcessingPlugins();

package/es/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins.js

@@ -1,3 +1,9 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -7,12 +13,21 @@
  */
 
 import * as MarkdownTooltip from '../markdown_tooltip';
+var DEFAULT_UI_PLUGINS = {
+  tooltip: MarkdownTooltip.plugin
+};
 export var getDefaultEuiMarkdownUiPlugins = function getDefaultEuiMarkdownUiPlugins() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     exclude = _ref.exclude;
-  var excludeSet = new Set(exclude);
   var uiPlugins = [];
-  if (!excludeSet.has('tooltip')) uiPlugins.push(MarkdownTooltip.plugin);
+  Object.entries(DEFAULT_UI_PLUGINS).forEach(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      pluginName = _ref3[0],
+      plugin = _ref3[1];
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes(pluginName))) {
+      uiPlugins.push(plugin);
+    }
+  });
   return uiPlugins;
 };
 export var defaultUiPlugins = getDefaultEuiMarkdownUiPlugins();

package/es/components/page/page_header/page_header_content.js

@@ -438,7 +438,7 @@ EuiPageHeaderContent.propTypes = {
       /**
          * Minimum distance between the popover and the bounding container;
          * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
-         * Default is 16
+         * @default 16
          */
       buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
       /**

package/es/components/page_template/outer/page_outer.js

@@ -15,6 +15,7 @@ import PropTypes from "prop-types";
 import { useEuiTheme, useIsWithinBreakpoints } from '../../../services';
 import { euiPageOuterStyles } from './page_outer.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+export var PAGE_DIRECTIONS = ['row', 'column'];
 export var _EuiPageOuter = function _EuiPageOuter(_ref) {
   var children = _ref.children,
     _ref$grow = _ref.grow,
@@ -42,7 +43,7 @@ _EuiPageOuter.propTypes = {
      * Changes the `flex-direction` property.
      * Flip to `column` when not including a sidebar.
      */
-  direction: PropTypes.oneOf(["row", "column"]),
+  direction: PropTypes.any,
   /**
      * When direction is `row`, it will flip to `column` when within these breakpoints.
      */

package/es/components/page_template/page_template.js

@@ -1,11 +1,17 @@
 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 = ["children", "responsive", "restrictWidth", "paddingSize", "grow", "bottomBorder", "offset", "panelled", "contentBorder", "component", "mainProps", "className", "minHeight"];
+var _excluded = ["children", "responsive", "restrictWidth", "paddingSize", "grow", "bottomBorder", "offset", "panelled", "contentBorder", "component", "mainProps", "className", "minHeight", "style"];
 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 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
 /*
@@ -16,7 +22,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * Side Public License, v 1.
  */
 
-import React, { createContext, useContext } from 'react';
+import React, { createContext, useContext, useMemo } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { _EuiPageOuter as EuiPageOuter } from './outer';
@@ -25,9 +31,10 @@ import { _EuiPageBottomBar as EuiPageBottomBar } from './bottom_bar/page_bottom_
 import { _EuiPageEmptyPrompt as EuiPageEmptyPrompt } from './empty_prompt/page_empty_prompt';
 import { EuiPageHeader, EuiPageSection, EuiPageSidebar } from '../page';
 import { useGeneratedHtmlId } from '../../services';
-import { logicalStyle } from '../../global_styling';
+import { logicalStyles } from '../../global_styling';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var TemplateContext = /*#__PURE__*/createContext({
+  sidebar: {},
   section: {},
   header: {},
   emptyPrompt: {},
@@ -56,9 +63,8 @@ export var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
     className = _ref.className,
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? '460px' : _ref$minHeight,
+    style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var templateContext = useContext(TemplateContext);
-
   // Used as a target to insert the bottom bar component
   var pageInnerId = useGeneratedHtmlId({
     prefix: 'EuiPageTemplateInner',
@@ -66,70 +72,62 @@ export var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
   });
 
   // Sections include page header
-  var sections = [];
-  var sidebar = [];
-  var getBottomBorder = function getBottomBorder() {
-    if (bottomBorder !== undefined) {
-      return bottomBorder;
-    } else {
-      return sidebar.length ? true : 'extended';
-    }
-  };
-  var getHeaderProps = function getHeaderProps() {
-    return {
-      restrictWidth: restrictWidth,
-      paddingSize: paddingSize,
-      bottomBorder: getBottomBorder()
-    };
-  };
-  var getSectionProps = function getSectionProps() {
-    return {
-      restrictWidth: restrictWidth,
-      paddingSize: paddingSize,
-      color: panelled === false ? 'transparent' : 'plain'
-    };
-  };
-  var getSideBarProps = function getSideBarProps() {
-    return {
-      paddingSize: paddingSize,
-      responsive: responsive
-    };
-  };
-  var getBottomBarProps = function getBottomBarProps() {
-    return {
-      restrictWidth: restrictWidth,
-      paddingSize: paddingSize,
-      // pageInnerId may contain colons that are parsed as pseudo-elements if not escaped
-      parent: "#".concat(pageInnerId.replaceAll(':', '\\:'))
-    };
-  };
-  var innerPanelled = function innerPanelled() {
-    return panelled !== null && panelled !== void 0 ? panelled : Boolean(sidebar.length > 0);
-  };
-  var innerBordered = function innerBordered() {
-    return contentBorder !== undefined ? contentBorder : Boolean(sidebar.length > 0);
-  };
-  React.Children.toArray(children).forEach(function (child, index) {
-    if (! /*#__PURE__*/React.isValidElement(child)) return; // Skip non-components
+  var _useMemo = useMemo(function () {
+      var sidebar = [];
+      var sections = [];
+      React.Children.toArray(children).forEach(function (child) {
+        if (! /*#__PURE__*/React.isValidElement(child)) return; // Skip non-components
 
-    if (child.type === EuiPageSidebar || child.props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__ === EuiPageSidebar) {
-      sidebar.push( /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({
-        key: "sidebar".concat(index)
-      }, getSideBarProps()), child.props)));
-    } else {
-      sections.push(child);
-    }
-  });
-  var _minHeight = grow ? "max(".concat(minHeight, ", 100vh)") : minHeight;
+        if (child.type === _EuiPageSidebar || child.props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__ === _EuiPageSidebar) {
+          sidebar.push(child);
+        } else {
+          sections.push(child);
+        }
+      });
+      return [sidebar, sections];
+    }, [children]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    sidebar = _useMemo2[0],
+    sections = _useMemo2[1];
   var classes = classNames('euiPageTemplate', className);
-  var pageStyle = _objectSpread(_objectSpread(_objectSpread({}, logicalStyle('min-height', _minHeight)), logicalStyle('padding-top', offset !== null && offset !== void 0 ? offset : 'var(--euiFixedHeadersOffset, 0)')), rest.style);
-  templateContext.header = getHeaderProps();
-  templateContext.section = getSectionProps();
-  templateContext.emptyPrompt = {
-    panelled: innerPanelled() ? true : panelled,
-    grow: true
-  };
-  templateContext.bottomBar = getBottomBarProps();
+  var pageStyle = useMemo(function () {
+    return logicalStyles(_objectSpread({
+      minHeight: grow ? "max(".concat(minHeight, ", 100vh)") : minHeight,
+      paddingTop: offset !== null && offset !== void 0 ? offset : 'var(--euiFixedHeadersOffset, 0)'
+    }, style));
+  }, [minHeight, grow, offset, style]);
+  var innerPanelled = panelled !== null && panelled !== void 0 ? panelled : Boolean(sidebar.length > 0);
+  var innerBordered = contentBorder !== null && contentBorder !== void 0 ? contentBorder : Boolean(sidebar.length > 0);
+  var headerBottomBorder = bottomBorder !== null && bottomBorder !== void 0 ? bottomBorder : sidebar.length ? true : 'extended';
+  var templateContext = useMemo(function () {
+    return {
+      sidebar: {
+        paddingSize: paddingSize,
+        responsive: responsive
+      },
+      header: {
+        restrictWidth: restrictWidth,
+        paddingSize: paddingSize,
+        bottomBorder: headerBottomBorder
+      },
+      section: {
+        restrictWidth: restrictWidth,
+        paddingSize: paddingSize,
+        color: panelled === false ? 'transparent' : 'plain',
+        grow: true
+      },
+      emptyPrompt: {
+        panelled: innerPanelled ? true : panelled,
+        grow: true
+      },
+      bottomBar: {
+        restrictWidth: restrictWidth,
+        paddingSize: paddingSize,
+        // pageInnerId may contain colons that are parsed as pseudo-elements if not escaped
+        parent: "#".concat(pageInnerId.replaceAll(':', '\\:'))
+      }
+    };
+  }, [pageInnerId, restrictWidth, responsive, paddingSize, panelled, innerPanelled, headerBottomBorder]);
   return ___EmotionJSX(TemplateContext.Provider, {
     value: templateContext
   }, ___EmotionJSX(EuiPageOuter, _extends({}, rest, {
@@ -139,8 +137,8 @@ export var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
   }), sidebar, ___EmotionJSX(EuiPageInner, _extends({}, mainProps, {
     component: component,
     id: pageInnerId,
-    border: innerBordered(),
-    panelled: innerPanelled(),
+    border: innerBordered,
+    panelled: innerPanelled,
     responsive: responsive
   }), sections)));
 };
@@ -154,7 +152,7 @@ _EuiPageTemplate.propTypes = {
      * Changes the `flex-direction` property.
      * Flip to `column` when not including a sidebar.
      */
-  direction: PropTypes.oneOf(["row", "column"]),
+  direction: PropTypes.any,
   /**
          * Decides at which point the main content wrapper will be 100vw.
          */
@@ -217,11 +215,49 @@ _EuiPageTemplate.propTypes = {
        */
   component: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.elementType.isRequired])
 };
+var _EuiPageSidebar = function _EuiPageSidebar(props) {
+  var _useContext = useContext(TemplateContext),
+    sidebar = _useContext.sidebar;
+  return ___EmotionJSX(EuiPageSidebar, _extends({}, sidebar, props));
+};
+_EuiPageSidebar.propTypes = {
+  /**
+     * Adjust the padding.
+     * When using this setting it's best to be consistent throughout all similar usages.
+     */
+  paddingSize: PropTypes.any,
+  /**
+     * Renders a fancy little visual in the top left corner of the side bar
+     */
+  hasEmbellish: PropTypes.bool,
+  /**
+     * Adds `position: sticky` and affords for any fixed position headers.
+     */
+  sticky: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+    /**
+             * To account for any fixed elements like headers,
+             * pass in the value of the total height of those fixed elements.
+             */
+    offset: PropTypes.number
+  }).isRequired]),
+  /**
+     * A minimum width is necessary to maintain size.
+     * Be sure to take `paddingSize` into account.
+     */
+  minWidth: PropTypes.any,
+  /**
+     * Sets the `minWidth` to 100% when within these breakpoints.
+     */
+  responsive: PropTypes.arrayOf(PropTypes.any.isRequired),
+  className: PropTypes.string,
+  "aria-label": PropTypes.string,
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
+};
 var _EuiPageSection = function _EuiPageSection(props) {
-  var templateContext = useContext(TemplateContext);
-  return ___EmotionJSX(EuiPageSection, _extends({}, templateContext.section, {
-    grow: true
-  }, props));
+  var _useContext2 = useContext(TemplateContext),
+    section = _useContext2.section;
+  return ___EmotionJSX(EuiPageSection, _extends({}, section, props));
 };
 _EuiPageSection.propTypes = {
   className: PropTypes.string,
@@ -268,8 +304,9 @@ _EuiPageSection.propTypes = {
   component: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.elementType.isRequired])
 };
 var _EuiPageHeader = function _EuiPageHeader(props) {
-  var templateContext = useContext(TemplateContext);
-  return ___EmotionJSX(EuiPageHeader, _extends({}, templateContext.header, props));
+  var _useContext3 = useContext(TemplateContext),
+    header = _useContext3.header;
+  return ___EmotionJSX(EuiPageHeader, _extends({}, header, props));
 };
 _EuiPageHeader.propTypes = {
   /**
@@ -295,8 +332,9 @@ _EuiPageHeader.propTypes = {
   bottomBorder: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.oneOf(["extended"])])
 };
 var _EuiPageEmptyPrompt = function _EuiPageEmptyPrompt(props) {
-  var templateContext = useContext(TemplateContext);
-  return ___EmotionJSX(EuiPageEmptyPrompt, _extends({}, templateContext.emptyPrompt, props));
+  var _useContext4 = useContext(TemplateContext),
+    emptyPrompt = _useContext4.emptyPrompt;
+  return ___EmotionJSX(EuiPageEmptyPrompt, _extends({}, emptyPrompt, props));
 };
 _EuiPageEmptyPrompt.propTypes = {
   className: PropTypes.string,
@@ -318,8 +356,8 @@ _EuiPageEmptyPrompt.propTypes = {
   panelled: PropTypes.bool
 };
 var _EuiPageBottomBar = function _EuiPageBottomBar(props) {
-  var _useContext = useContext(TemplateContext),
-    bottomBar = _useContext.bottomBar;
+  var _useContext5 = useContext(TemplateContext),
+    bottomBar = _useContext5.bottomBar;
   return ___EmotionJSX(EuiPageBottomBar, _extends({}, bottomBar, props));
 };
 _EuiPageBottomBar.propTypes = {
@@ -337,7 +375,7 @@ _EuiPageBottomBar.propTypes = {
   restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired])
 };
 export var EuiPageTemplate = Object.assign(_EuiPageTemplate, {
-  Sidebar: EuiPageSidebar,
+  Sidebar: _EuiPageSidebar,
   Header: _EuiPageHeader,
   Section: _EuiPageSection,
   BottomBar: _EuiPageBottomBar,

package/es/components/popover/input_popover.js

@@ -127,7 +127,9 @@ export var EuiInputPopover = function EuiInputPopover(_ref) {
     panelPropsOnKeyDown === null || panelPropsOnKeyDown === void 0 ? void 0 : panelPropsOnKeyDown(event);
     if (event.key === keys.TAB) {
       if (disableFocusTrap) {
-        closePopover();
+        if (!ownFocus) {
+          closePopover();
+        }
       } else {
         var tabbableItems = tabbable(event.currentTarget).filter(function (el) {
           return !el.hasAttribute('data-focus-guard');
@@ -139,7 +141,7 @@ export var EuiInputPopover = function EuiInputPopover(_ref) {
         }
       }
     }
-  }, [disableFocusTrap, closePopover, panelPropsOnKeyDown]);
+  }, [disableFocusTrap, ownFocus, closePopover, panelPropsOnKeyDown]);
 
   /**
    * Optional close on scroll behavior

package/es/components/popover/popover.js

@@ -323,6 +323,11 @@ export var EuiPopover = /*#__PURE__*/function (_Component) {
         this.onOpenPopover();
       }
 
+      // ensure recalculation of panel position on prop updates
+      if (this.props.isOpen && (prevProps.anchorPosition !== this.props.anchorPosition || prevProps.buffer !== this.props.buffer || prevProps.offset !== this.props.offset || prevProps.panelPaddingSize !== this.props.panelPaddingSize)) {
+        this.positionPopoverFluid();
+      }
+
       // update scroll listener
       if (prevProps.repositionOnScroll !== this.props.repositionOnScroll) {
         if (this.props.repositionOnScroll) {
@@ -673,7 +678,7 @@ EuiPopover.propTypes = {
   /**
      * Minimum distance between the popover and the bounding container;
      * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
-     * Default is 16
+     * @default 16
      */
   buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
   /**

package/es/components/search_bar/filters/field_value_selection_filter.js

@@ -44,8 +44,6 @@ var defaults = {
   config: {
     multiSelect: true,
     filterWith: 'prefix',
-    loadingMessage: 'Loading...',
-    noOptionsMessage: 'No options found',
     searchThreshold: 10
   }
 };
@@ -332,10 +330,10 @@ export var FieldValueSelectionFilter = /*#__PURE__*/function (_Component) {
             return option.view;
           },
           isLoading: isNil(_this5.state.options),
-          loadingMessage: config.loadingMessage || defaults.config.loadingMessage,
-          emptyMessage: config.noOptionsMessage || defaults.config.noOptionsMessage,
+          loadingMessage: config.loadingMessage,
+          emptyMessage: config.noOptionsMessage,
           errorMessage: _this5.state.error,
-          noMatchesMessage: config.noOptionsMessage || defaults.config.noOptionsMessage,
+          noMatchesMessage: config.noOptionsMessage,
           listProps: {
             isVirtualized: isOverSearchThreshold || false
           },

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

@@ -277,8 +277,8 @@ function () {
         }
         return Exp.string(unescapeValue(text()), location());
       },
-      peg$c67 = /^[\-_*:\/]/,
-      peg$c68 = peg$classExpectation(["-", "_", "*", ":", "/"], false, false),
+      peg$c67 = /^[\-_*:\/@]/,
+      peg$c68 = peg$classExpectation(["-", "_", "*", ":", "/", "@"], false, false),
       peg$c69 = /^[\xC0-\uFFFF]/,
       peg$c70 = peg$classExpectation([["\xC0", "\uFFFF"]], false, false),
       peg$c71 = /^[\-:\\()]/,