@elastic/eui 94.1.0 → 94.2.0

package/optimize/es/components/flex/flex_group.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "gutterSize", "alignItems", "responsive", "justifyContent", "direction", "wrap", "component"];
+var _excluded = ["className", "component", "gutterSize", "alignItems", "responsive", "justifyContent", "direction", "wrap"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -9,7 +9,7 @@ var _excluded = ["children", "className", "gutterSize", "alignItems", "responsiv
  * Side Public License, v 1.
  */
 
-import React, { forwardRef, useEffect } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { useEuiMemoizedStyles } from '../../services';
 import { euiFlexGroupStyles } from './flex_group.styles';
@@ -18,10 +18,10 @@ export var GUTTER_SIZES = ['none', 'xs', 's', 'm', 'l', 'xl'];
 export var ALIGN_ITEMS = ['stretch', 'flexStart', 'flexEnd', 'center', 'baseline'];
 export var JUSTIFY_CONTENTS = ['flexStart', 'flexEnd', 'center', 'spaceBetween', 'spaceAround', 'spaceEvenly'];
 export var DIRECTIONS = ['row', 'rowReverse', 'column', 'columnReverse'];
-export var COMPONENT_TYPES = ['div', 'span'];
-export var EuiFlexGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
+var EuiFlexGroupInternal = function EuiFlexGroupInternal(_ref, ref) {
+  var className = _ref.className,
+    _ref$component = _ref.component,
+    component = _ref$component === void 0 ? 'div' : _ref$component,
     _ref$gutterSize = _ref.gutterSize,
     gutterSize = _ref$gutterSize === void 0 ? 'l' : _ref$gutterSize,
     _ref$alignItems = _ref.alignItems,
@@ -34,25 +34,25 @@ export var EuiFlexGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     direction = _ref$direction === void 0 ? 'row' : _ref$direction,
     _ref$wrap = _ref.wrap,
     wrap = _ref$wrap === void 0 ? false : _ref$wrap,
-    _ref$component = _ref.component,
-    component = _ref$component === void 0 ? 'div' : _ref$component,
     rest = _objectWithoutProperties(_ref, _excluded);
   var styles = useEuiMemoizedStyles(euiFlexGroupStyles);
   var cssStyles = [styles.euiFlexGroup, responsive && !direction.includes('column') && styles.responsive, wrap && styles.wrap, styles.gutterSizes[gutterSize], styles.justifyContent[justifyContent], styles.alignItems[alignItems], styles.direction[direction]];
   var classes = classNames('euiFlexGroup', className);
-  useEffect(function () {
-    if (!COMPONENT_TYPES.includes(component)) {
-      throw new Error("".concat(component, " is not a valid element type. Use `div` or `span`."));
-    }
-  }, [component]);
-  return component === 'span' ? ___EmotionJSX("span", _extends({
-    css: cssStyles,
-    className: classes,
-    ref: ref
-  }, rest), children) : ___EmotionJSX("div", _extends({
-    css: cssStyles,
+
+  // Cast the resolved component prop type to ComponentType to help TS
+  // process multiple infers and the overall type complexity.
+  // This might not be needed in TypeScript 5
+  var Component = component;
+  return ___EmotionJSX(Component, _extends({}, rest, {
+    ref: ref,
     className: classes,
-    ref: ref
-  }, rest), children);
-});
+    css: cssStyles
+  }));
+};
+
+// Cast forwardRef return type to work with the generic TComponent type
+// and not fallback to implicit any typing
+export var EuiFlexGroup = /*#__PURE__*/forwardRef(EuiFlexGroupInternal);
+
+// Cast is required here because of the cast above
 EuiFlexGroup.displayName = 'EuiFlexGroup';

package/optimize/es/components/flex/flex_item.js

@@ -9,18 +9,18 @@ var _excluded = ["children", "className", "grow", "component"];
  * Side Public License, v 1.
  */
 
-import React, { useEffect } from 'react';
+import React, { useEffect, forwardRef } from 'react';
 import classNames from 'classnames';
 import { euiFlexItemStyles as styles } from './flex_item.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var VALID_GROW_VALUES = [null, undefined, true, false, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-export var EuiFlexItem = function EuiFlexItem(_ref) {
+var EuiFlexItemInternal = function EuiFlexItemInternal(_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$grow = _ref.grow,
     grow = _ref$grow === void 0 ? true : _ref$grow,
     _ref$component = _ref.component,
-    Component = _ref$component === void 0 ? 'div' : _ref$component,
+    component = _ref$component === void 0 ? 'div' : _ref$component,
     rest = _objectWithoutProperties(_ref, _excluded);
   useEffect(function () {
     if (VALID_GROW_VALUES.indexOf(grow) === -1) {
@@ -29,8 +29,21 @@ export var EuiFlexItem = function EuiFlexItem(_ref) {
   }, [grow]);
   var cssStyles = [styles.euiFlexItem, !grow ? styles.growZero : styles.grow, grow && (typeof grow === 'number' ? styles.growSizes[grow] : styles.growSizes['1'])];
   var classes = classNames('euiFlexItem', className);
-  return ___EmotionJSX(Component, _extends({
+
+  // Cast the resolved component prop type to ComponentType to help TS
+  // process multiple infers and the overall type complexity.
+  // This might not be needed in TypeScript 5
+  var Component = component;
+  return ___EmotionJSX(Component, _extends({}, rest, {
+    ref: ref,
     css: cssStyles,
     className: classes
-  }, rest), children);
-};
+  }), children);
+};
+
+// Cast forwardRef return type to work with the generic TComponent type
+// and not fallback to implicit any typing
+export var EuiFlexItem = /*#__PURE__*/forwardRef(EuiFlexItemInternal);
+
+// Cast is required here because of the cast above
+EuiFlexItem.displayName = 'EuiFlexItem';

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

@@ -1,7 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "icon", "id", "placeholder", "name", "min", "max", "step", "value", "isInvalid", "fullWidth", "isLoading", "compressed", "prepend", "append", "inputRef", "readOnly", "controlOnly", "onKeyUp"];
+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; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -15,7 +18,7 @@ import classNames from 'classnames';
 import { useCombinedRefs } from '../../../services';
 import { EuiValidatableControl } from '../validatable_control';
 import { EuiFormControlLayout } from '../form_control_layout';
-import { getFormControlClassNameForIconCount } from '../form_control_layout/_num_icons';
+import { getFormControlClassNameForIconCount, isRightSideIcon } from '../form_control_layout/_num_icons';
 import { useFormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiFieldNumber = function EuiFieldNumber(props) {
@@ -68,17 +71,21 @@ export var EuiFieldNumber = function EuiFieldNumber(props) {
       checkNativeValidity(_inputRef.current);
     }
   }, [value, min, max, step, checkNativeValidity]);
+  var hasRightSideIcon = isRightSideIcon(icon);
   var numIconsClass = controlOnly ? false : getFormControlClassNameForIconCount({
     isInvalid: isInvalid || isNativelyInvalid,
-    isLoading: isLoading
+    isLoading: isLoading,
+    icon: hasRightSideIcon
   });
-  var classes = classNames('euiFieldNumber', className, numIconsClass, {
-    'euiFieldNumber--withIcon': icon,
+  var classes = classNames('euiFieldNumber', className, numIconsClass, _objectSpread(_objectSpread({
     'euiFieldNumber--fullWidth': fullWidth,
-    'euiFieldNumber--compressed': compressed,
+    'euiFieldNumber--compressed': compressed
+  }, !controlOnly && {
     'euiFieldNumber--inGroup': prepend || append,
+    'euiFieldNumber--withIcon': icon && !hasRightSideIcon
+  }), {}, {
     'euiFieldNumber-isLoading': isLoading
-  });
+  }));
   var control = ___EmotionJSX(EuiValidatableControl, {
     isInvalid: isInvalid
   }, ___EmotionJSX("input", _extends({

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

@@ -1,6 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["id", "name", "placeholder", "value", "className", "icon", "isInvalid", "inputRef", "fullWidth", "isLoading", "compressed", "prepend", "append", "readOnly", "controlOnly"];
+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; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -13,7 +16,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { EuiFormControlLayout } from '../form_control_layout';
 import { EuiValidatableControl } from '../validatable_control';
-import { getFormControlClassNameForIconCount } from '../form_control_layout/_num_icons';
+import { isRightSideIcon, getFormControlClassNameForIconCount } from '../form_control_layout/_num_icons';
 import { useFormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiFieldText = function EuiFieldText(props) {
@@ -36,17 +39,21 @@ export var EuiFieldText = function EuiFieldText(props) {
     readOnly = props.readOnly,
     controlOnly = props.controlOnly,
     rest = _objectWithoutProperties(props, _excluded);
+  var hasRightSideIcon = isRightSideIcon(icon);
   var numIconsClass = controlOnly ? false : getFormControlClassNameForIconCount({
     isInvalid: isInvalid,
-    isLoading: isLoading
+    isLoading: isLoading,
+    icon: hasRightSideIcon
   });
-  var classes = classNames('euiFieldText', className, numIconsClass, {
-    'euiFieldText--withIcon': icon,
+  var classes = classNames('euiFieldText', className, numIconsClass, _objectSpread(_objectSpread({
     'euiFieldText--fullWidth': fullWidth,
-    'euiFieldText--compressed': compressed,
-    'euiFieldText--inGroup': prepend || append,
+    'euiFieldText--compressed': compressed
+  }, !controlOnly && {
+    'euiFieldText--withIcon': icon && !hasRightSideIcon,
+    'euiFieldText--inGroup': prepend || append
+  }), {}, {
     'euiFieldText-isLoading': isLoading
-  });
+  }));
   var control = ___EmotionJSX(EuiValidatableControl, {
     isInvalid: isInvalid
   }, ___EmotionJSX("input", _extends({

package/optimize/es/components/form/form_control_layout/_num_icons.js

@@ -6,6 +6,8 @@
  * Side Public License, v 1.
  */
 
+import { isIconShape } from './form_control_layout_icons';
+
 /**
  * The `getFormControlClassNameForIconCount` function helps setup the className appendum
  * depending on the form control's current settings/state.
@@ -18,7 +20,7 @@
  * @returns {string | undefined} Returns the string to append to the base className of the form control; or `undefined` if all evaluate to false
  */
 
-export function getFormControlClassNameForIconCount(_ref) {
+export var getFormControlClassNameForIconCount = function getFormControlClassNameForIconCount(_ref) {
   var icon = _ref.icon,
     clear = _ref.clear,
     isLoading = _ref.isLoading,
@@ -30,4 +32,7 @@ export function getFormControlClassNameForIconCount(_ref) {
 
   // This className is also specifically used in `src/global_styling/mixins/_form.scss`
   return numIcons > 0 ? "euiFormControlLayout--".concat(numIcons, "icons") : undefined;
-}
+};
+export var isRightSideIcon = function isRightSideIcon(icon) {
+  return !!icon && isIconShape(icon) && icon.side === 'right';
+};

package/optimize/es/components/form/form_control_layout/form_control_layout_icons.js

@@ -24,9 +24,9 @@ import { EuiFormControlLayoutCustomIcon } from './form_control_layout_custom_ico
 import { EuiIcon } from '../../icon';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var ICON_SIDES = ['left', 'right'];
-function isIconShape(icon) {
+export var isIconShape = function isIconShape(icon) {
   return !!icon && icon.hasOwnProperty('type');
-}
+};
 export var EuiFormControlLayoutIcons = /*#__PURE__*/function (_Component) {
   _inherits(EuiFormControlLayoutIcons, _Component);
   var _super = _createSuper(EuiFormControlLayoutIcons);

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

@@ -93,6 +93,15 @@ export var EuiRangeClass = /*#__PURE__*/function (_Component) {
         isPopoverOpen: false
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "handleAriaValueText", function (ticks, currentVal) {
+      var target = ticks.find(function (tick) {
+        return tick.value.toString() === currentVal.toString();
+      });
+      if (target) {
+        return target.accessibleLabel ? "".concat(target.value, ", (").concat(target.accessibleLabel, ")") : typeof target.label === 'string' // Fall back to the label if it's a usable string
+        ? "".concat(target.value, ", (").concat(target.label, ")") : undefined;
+      }
+    });
     return _this;
   }
   _createClass(EuiRangeClass, [{
@@ -191,6 +200,7 @@ export var EuiRangeClass = /*#__PURE__*/function (_Component) {
         "aria-hidden": !!showInput,
         showRange: showRange
       }, ___EmotionJSX(EuiRangeSlider, _extends({
+        ariaValueText: ticks ? this.handleAriaValueText(ticks, value) : undefined,
         id: showInput ? undefined : id // Attach id only to the input if there is one
         ,
         name: name,

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "disabled", "id", "max", "min", "name", "step", "onChange", "tabIndex", "value", "style", "showTicks", "showRange", "thumbColor", "onResize"];
+var _excluded = ["className", "disabled", "id", "max", "min", "name", "step", "onChange", "tabIndex", "value", "style", "showTicks", "showRange", "thumbColor", "onResize", "ariaValueText"];
 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; }
 /*
@@ -36,6 +36,7 @@ export var EuiRangeSlider = function EuiRangeSlider(_ref) {
     showRange = _ref.showRange,
     thumbColor = _ref.thumbColor,
     onResize = _ref.onResize,
+    ariaValueText = _ref.ariaValueText,
     rest = _objectWithoutProperties(_ref, _excluded);
   var classes = classNames('euiRangeSlider', className);
   var euiTheme = useEuiTheme();
@@ -51,6 +52,7 @@ export var EuiRangeSlider = function EuiRangeSlider(_ref) {
     onResize: onResize
   }, function (resizeRef) {
     return ___EmotionJSX("input", _extends({
+      "aria-valuetext": ariaValueText,
       ref: resizeRef,
       type: "range",
       id: id,

package/optimize/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/optimize/es/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /*
  * 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 +19,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/optimize/es/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins.js

@@ -1,4 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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; }
 /*
  * 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 +19,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 +53,7 @@ export var getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdo
   }], [rehype2react, {
     createElement: createElement,
     Fragment: Fragment,
-    components: {
+    components: _objectSpread({
       a: EuiLink,
       code: function code(props) {
         return (
@@ -68,11 +85,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/optimize/es/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /*
  * 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 +8,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/optimize/es/components/page_template/outer/page_outer.js

@@ -13,6 +13,7 @@ import React from 'react';
 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,