@elastic/eui 94.1.0 → 94.2.0

package/test-env/components/form/range/range_track.js

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

package/test-env/components/form/range/range_wrapper.styles.js

@@ -22,11 +22,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__
 };
 var euiRangeWrapperStyles = function euiRangeWrapperStyles(euiThemeContext) {

package/test-env/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDefaultEuiMarkdownParsingPlugins = exports.defaultParsingPlugins = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _remarkParseNoTrim = _interopRequireDefault(require("remark-parse-no-trim"));
 var _remarkEmoji = _interopRequireDefault(require("remark-emoji"));
 var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
@@ -28,17 +29,30 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // imports during eui.d.ts generation default to the incorrect version (3.4).
 // Explicit imports here resolve the version mismatch.
 
-var getDefaultEuiMarkdownParsingPlugins = function getDefaultEuiMarkdownParsingPlugins() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    exclude = _ref.exclude;
-  var excludeSet = new Set(exclude);
-  var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}], [_remarkEmoji.default, {
+var DEFAULT_PARSING_PLUGINS = {
+  emoji: [_remarkEmoji.default, {
     emoticon: false
-  }], [_remarkBreaks.default, {}], [_markdown_link_validator.euiMarkdownLinkValidator, {
+  }],
+  lineBreaks: [_remarkBreaks.default, {}],
+  linkValidator: [_markdown_link_validator.euiMarkdownLinkValidator, {
     allowRelative: true,
     allowProtocols: ['https:', 'http:', 'mailto:']
-  }], [MarkdownCheckbox.parser, {}]];
-  if (!excludeSet.has('tooltip')) parsingPlugins.push([MarkdownTooltip.parser, {}]);
+  }],
+  checkbox: [MarkdownCheckbox.parser, {}],
+  tooltip: [MarkdownTooltip.parser, {}]
+};
+var getDefaultEuiMarkdownParsingPlugins = function getDefaultEuiMarkdownParsingPlugins() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    exclude = _ref.exclude;
+  var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}]];
+  Object.entries(DEFAULT_PARSING_PLUGINS).forEach(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      pluginName = _ref3[0],
+      plugin = _ref3[1];
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes(pluginName))) {
+      parsingPlugins.push(plugin);
+    }
+  });
   return parsingPlugins;
 };
 exports.getDefaultEuiMarkdownParsingPlugins = getDefaultEuiMarkdownParsingPlugins;

package/test-env/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins.js

@@ -7,38 +7,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDefaultEuiMarkdownProcessingPlugins = exports.defaultProcessingPlugins = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _all = _interopRequireDefault(require("mdast-util-to-hast/lib/all"));
 var _rehypeReact = _interopRequireDefault(require("rehype-react"));
 var _remarkRehype = _interopRequireDefault(require("remark-rehype"));
-var MarkdownTooltip = _interopRequireWildcard(require("../markdown_tooltip"));
-var MarkdownCheckbox = _interopRequireWildcard(require("../markdown_checkbox"));
-var _remark_prismjs = require("../remark/remark_prismjs");
 var _link = require("../../../link");
 var _code = require("../../../code");
 var _horizontal_rule = require("../../../horizontal_rule");
+var _remark_prismjs = require("../remark/remark_prismjs");
+var MarkdownTooltip = _interopRequireWildcard(require("../markdown_tooltip"));
+var MarkdownCheckbox = _interopRequireWildcard(require("../markdown_checkbox"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-// Importing seemingly unused types from `unified` because the definitions
+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) { (0, _defineProperty2.default)(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; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * or more contributor license agreements. Licensed under the Elastic License
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 2.0 and the Server Side Public License, v 1; you may not use this file except
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * in compliance with, at your election, the Elastic License 2.0 or the Server
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Side Public License, v 1.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */ // Importing seemingly unused types from `unified` because the definitions
 // are exported for two versions of TypeScript (3.4, 4.0) and implicit
 // imports during eui.d.ts generation default to the incorrect version (3.4).
 // Explicit imports here resolve the version mismatch.
 var unknownHandler = function unknownHandler(h, node) {
   return h(node, node.type, node, (0, _all.default)(h, node));
 };
+var DEFAULT_COMPONENT_RENDERERS = {
+  checkbox: MarkdownCheckbox.renderer,
+  tooltip: MarkdownTooltip.renderer
+};
 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 = (0, _slicedToArray2.default)(_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 = [[_remarkRehype.default, {
     allowDangerousHtml: true,
     unknownHandler: unknownHandler,
@@ -46,7 +60,7 @@ var getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdownProce
   }], [_rehypeReact.default, {
     createElement: _react.createElement,
     Fragment: _react.Fragment,
-    components: {
+    components: _objectSpread({
       a: _link.EuiLink,
       code: function code(props) {
         return (
@@ -78,11 +92,9 @@ var getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdownProce
       },
       hr: function hr(props) {
         return (0, _react2.jsx)(_horizontal_rule.EuiHorizontalRule, props);
-      },
-      checkboxPlugin: MarkdownCheckbox.renderer
-    }
+      }
+    }, componentPluginsWithExclusions)
   }]];
-  if (!excludeSet.has('tooltip')) plugins[1][1].components.tooltipPlugin = MarkdownTooltip.renderer;
   return plugins;
 };
 exports.getDefaultEuiMarkdownProcessingPlugins = getDefaultEuiMarkdownProcessingPlugins;

package/test-env/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins.js

@@ -1,10 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDefaultEuiMarkdownUiPlugins = exports.defaultUiPlugins = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var MarkdownTooltip = _interopRequireWildcard(require("../markdown_tooltip"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -16,12 +18,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Side Public License, v 1.
  */
 
+var DEFAULT_UI_PLUGINS = {
+  tooltip: MarkdownTooltip.plugin
+};
 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 = (0, _slicedToArray2.default)(_ref2, 2),
+      pluginName = _ref3[0],
+      plugin = _ref3[1];
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes(pluginName))) {
+      uiPlugins.push(plugin);
+    }
+  });
   return uiPlugins;
 };
 exports.getDefaultEuiMarkdownUiPlugins = getDefaultEuiMarkdownUiPlugins;

package/test-env/components/page_template/outer/page_outer.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports._EuiPageOuter = void 0;
+exports._EuiPageOuter = exports.PAGE_DIRECTIONS = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -20,6 +20,8 @@ var _excluded = ["children", "grow", "direction", "responsive"];
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+var PAGE_DIRECTIONS = ['row', 'column'];
+exports.PAGE_DIRECTIONS = PAGE_DIRECTIONS;
 var _EuiPageOuter = function _EuiPageOuter(_ref) {
   var children = _ref.children,
     _ref$grow = _ref.grow,
@@ -48,7 +50,7 @@ _EuiPageOuter.propTypes = {
      * Changes the `flex-direction` property.
      * Flip to `column` when not including a sidebar.
      */
-  direction: _propTypes.default.oneOf(["row", "column"]),
+  direction: _propTypes.default.any,
   /**
      * When direction is `row`, it will flip to `column` when within these breakpoints.
      */

package/test-env/components/page_template/page_template.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports._EuiPageTemplate = exports.TemplateContext = exports.EuiPageTemplate = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -20,7 +21,7 @@ var _page = require("../page");
 var _services = require("../../services");
 var _global_styling = require("../../global_styling");
 var _react2 = require("@emotion/react");
-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"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -33,6 +34,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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) { (0, _defineProperty2.default)(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; }
 var TemplateContext = /*#__PURE__*/(0, _react.createContext)({
+  sidebar: {},
   section: {},
   header: {},
   emptyPrompt: {},
@@ -62,9 +64,8 @@ var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
     className = _ref.className,
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? '460px' : _ref$minHeight,
+    style = _ref.style,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var templateContext = (0, _react.useContext)(TemplateContext);
-
   // Used as a target to insert the bottom bar component
   var pageInnerId = (0, _services.useGeneratedHtmlId)({
     prefix: 'EuiPageTemplateInner',
@@ -72,70 +73,62 @@ 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.default.Children.toArray(children).forEach(function (child, index) {
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) return; // Skip non-components
+  var _useMemo = (0, _react.useMemo)(function () {
+      var sidebar = [];
+      var sections = [];
+      _react.default.Children.toArray(children).forEach(function (child) {
+        if (! /*#__PURE__*/_react.default.isValidElement(child)) return; // Skip non-components
 
-    if (child.type === _page.EuiPageSidebar || child.props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__ === _page.EuiPageSidebar) {
-      sidebar.push( /*#__PURE__*/_react.default.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 = (0, _slicedToArray2.default)(_useMemo, 2),
+    sidebar = _useMemo2[0],
+    sections = _useMemo2[1];
   var classes = (0, _classnames.default)('euiPageTemplate', className);
-  var pageStyle = _objectSpread(_objectSpread(_objectSpread({}, (0, _global_styling.logicalStyle)('min-height', _minHeight)), (0, _global_styling.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 = (0, _react.useMemo)(function () {
+    return (0, _global_styling.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 = (0, _react.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 (0, _react2.jsx)(TemplateContext.Provider, {
     value: templateContext
   }, (0, _react2.jsx)(_outer._EuiPageOuter, (0, _extends2.default)({}, rest, {
@@ -145,8 +138,8 @@ var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
   }), sidebar, (0, _react2.jsx)(_inner._EuiPageInner, (0, _extends2.default)({}, mainProps, {
     component: component,
     id: pageInnerId,
-    border: innerBordered(),
-    panelled: innerPanelled(),
+    border: innerBordered,
+    panelled: innerPanelled,
     responsive: responsive
   }), sections)));
 };
@@ -161,7 +154,7 @@ _EuiPageTemplate.propTypes = {
      * Changes the `flex-direction` property.
      * Flip to `column` when not including a sidebar.
      */
-  direction: _propTypes.default.oneOf(["row", "column"]),
+  direction: _propTypes.default.any,
   /**
          * Decides at which point the main content wrapper will be 100vw.
          */
@@ -224,11 +217,49 @@ _EuiPageTemplate.propTypes = {
        */
   component: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.elementType.isRequired])
 };
+var _EuiPageSidebar = function _EuiPageSidebar(props) {
+  var _useContext = (0, _react.useContext)(TemplateContext),
+    sidebar = _useContext.sidebar;
+  return (0, _react2.jsx)(_page.EuiPageSidebar, (0, _extends2.default)({}, sidebar, props));
+};
+_EuiPageSidebar.propTypes = {
+  /**
+     * Adjust the padding.
+     * When using this setting it's best to be consistent throughout all similar usages.
+     */
+  paddingSize: _propTypes.default.any,
+  /**
+     * Renders a fancy little visual in the top left corner of the side bar
+     */
+  hasEmbellish: _propTypes.default.bool,
+  /**
+     * Adds `position: sticky` and affords for any fixed position headers.
+     */
+  sticky: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
+    /**
+             * To account for any fixed elements like headers,
+             * pass in the value of the total height of those fixed elements.
+             */
+    offset: _propTypes.default.number
+  }).isRequired]),
+  /**
+     * A minimum width is necessary to maintain size.
+     * Be sure to take `paddingSize` into account.
+     */
+  minWidth: _propTypes.default.any,
+  /**
+     * Sets the `minWidth` to 100% when within these breakpoints.
+     */
+  responsive: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
+  className: _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
+};
 var _EuiPageSection = function _EuiPageSection(props) {
-  var templateContext = (0, _react.useContext)(TemplateContext);
-  return (0, _react2.jsx)(_page.EuiPageSection, (0, _extends2.default)({}, templateContext.section, {
-    grow: true
-  }, props));
+  var _useContext2 = (0, _react.useContext)(TemplateContext),
+    section = _useContext2.section;
+  return (0, _react2.jsx)(_page.EuiPageSection, (0, _extends2.default)({}, section, props));
 };
 _EuiPageSection.propTypes = {
   className: _propTypes.default.string,
@@ -275,8 +306,9 @@ _EuiPageSection.propTypes = {
   component: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.elementType.isRequired])
 };
 var _EuiPageHeader = function _EuiPageHeader(props) {
-  var templateContext = (0, _react.useContext)(TemplateContext);
-  return (0, _react2.jsx)(_page.EuiPageHeader, (0, _extends2.default)({}, templateContext.header, props));
+  var _useContext3 = (0, _react.useContext)(TemplateContext),
+    header = _useContext3.header;
+  return (0, _react2.jsx)(_page.EuiPageHeader, (0, _extends2.default)({}, header, props));
 };
 _EuiPageHeader.propTypes = {
   /**
@@ -302,8 +334,9 @@ _EuiPageHeader.propTypes = {
   bottomBorder: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.oneOf(["extended"])])
 };
 var _EuiPageEmptyPrompt = function _EuiPageEmptyPrompt(props) {
-  var templateContext = (0, _react.useContext)(TemplateContext);
-  return (0, _react2.jsx)(_page_empty_prompt._EuiPageEmptyPrompt, (0, _extends2.default)({}, templateContext.emptyPrompt, props));
+  var _useContext4 = (0, _react.useContext)(TemplateContext),
+    emptyPrompt = _useContext4.emptyPrompt;
+  return (0, _react2.jsx)(_page_empty_prompt._EuiPageEmptyPrompt, (0, _extends2.default)({}, emptyPrompt, props));
 };
 _EuiPageEmptyPrompt.propTypes = {
   className: _propTypes.default.string,
@@ -325,8 +358,8 @@ _EuiPageEmptyPrompt.propTypes = {
   panelled: _propTypes.default.bool
 };
 var _EuiPageBottomBar = function _EuiPageBottomBar(props) {
-  var _useContext = (0, _react.useContext)(TemplateContext),
-    bottomBar = _useContext.bottomBar;
+  var _useContext5 = (0, _react.useContext)(TemplateContext),
+    bottomBar = _useContext5.bottomBar;
   return (0, _react2.jsx)(_page_bottom_bar._EuiPageBottomBar, (0, _extends2.default)({}, bottomBar, props));
 };
 _EuiPageBottomBar.propTypes = {
@@ -344,7 +377,7 @@ _EuiPageBottomBar.propTypes = {
   restrictWidth: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.number.isRequired, _propTypes.default.string.isRequired])
 };
 var EuiPageTemplate = Object.assign(_EuiPageTemplate, {
-  Sidebar: _page.EuiPageSidebar,
+  Sidebar: _EuiPageSidebar,
   Header: _EuiPageHeader,
   Section: _EuiPageSection,
   BottomBar: _EuiPageBottomBar,

package/test-env/components/popover/input_popover.js

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

package/test-env/components/popover/popover.js

@@ -320,6 +320,11 @@ 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) {
@@ -652,7 +657,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.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.any.isRequired]),
   /**

package/test-env/components/search_bar/filters/field_value_selection_filter.js

@@ -42,8 +42,6 @@ var defaults = {
   config: {
     multiSelect: true,
     filterWith: 'prefix',
-    loadingMessage: 'Loading...',
-    noOptionsMessage: 'No options found',
     searchThreshold: 10
   }
 };
@@ -330,10 +328,10 @@ var FieldValueSelectionFilter = /*#__PURE__*/function (_Component) {
             return option.view;
           },
           isLoading: (0, _predicate.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/test-env/components/search_bar/query/default_syntax.js

@@ -273,8 +273,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 = /^[\-:\\()]/,