@elastic/eui 77.2.2 → 79.0.0

package/es/components/avatar/avatar.js

@@ -1,5 +1,6 @@
 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 = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
+var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"],
+  _excluded2 = ["casing"];
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -32,6 +33,7 @@ import { euiAvatarStyles } from './avatar.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var SIZES = ['s', 'm', 'l', 'xl'];
 export var TYPES = ['space', 'user'];
+export var CASING = ['capitalize', 'uppercase', 'lowercase', 'none'];
 export var EuiAvatar = function EuiAvatar(_ref) {
   var _classNames;
   var className = _ref.className,
@@ -50,14 +52,17 @@ export var EuiAvatar = function EuiAvatar(_ref) {
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     style = _ref.style,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _props$casing = props.casing,
+    casing = _props$casing === void 0 ? type === 'space' ? 'none' : 'uppercase' : _props$casing,
+    rest = _objectWithoutProperties(props, _excluded2);
   var euiTheme = useEuiTheme();
   var styles = euiAvatarStyles(euiTheme);
   var visColors = euiPaletteColorBlindBehindText();
   var isPlain = color === 'plain';
   var isSubdued = color === 'subdued';
   var classes = classNames('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
-  var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
+  var cssStyles = [styles.euiAvatar, styles[type], styles[size], styles[casing], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
   checkValidInitials(initials);
   var avatarStyle = _objectSpread({}, style);
   var iconCustomColor = iconColor;
@@ -149,6 +154,13 @@ EuiAvatar.propTypes = {
        */
   type: PropTypes.any,
   size: PropTypes.any,
+  /**
+       * Sets the letter casing of the displayed initials.
+       * Defaults to `uppercase` for `type="user"` avatars.
+       * Defaults to `none` (uses the existing casing of the passed `name` or `initials`) for `type="space"` avatars.
+       * @default uppercase
+       */
+  casing: PropTypes.any,
   /**
        * Grays out the avatar to simulate being disabled
        */

package/es/components/avatar/avatar.styles.js

@@ -9,12 +9,44 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 import { logicalCSS, logicalTextAlignCSS } from '../../global_styling';
-var _avatarSize = function _avatarSize(_ref3) {
-  var size = _ref3.size,
-    fontSize = _ref3.fontSize;
+var _avatarSize = function _avatarSize(_ref7) {
+  var size = _ref7.size,
+    fontSize = _ref7.fontSize;
   return "\n    ".concat(logicalCSS('width', size), ";\n    ").concat(logicalCSS('height', size), ";\n    line-height: ").concat(size, ";\n    font-size: ").concat(fontSize, ";\n  ");
 };
 var _ref = process.env.NODE_ENV === "production" ? {
+  name: "4wfy2n-none",
+  styles: "text-transform:none;label:none;"
+} : {
+  name: "4wfy2n-none",
+  styles: "text-transform:none;label:none;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "5xhpzh-lowercase",
+  styles: "text-transform:lowercase;label:lowercase;"
+} : {
+  name: "5xhpzh-lowercase",
+  styles: "text-transform:lowercase;label:lowercase;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "1x2qsb1-uppercase",
+  styles: "text-transform:uppercase;label:uppercase;"
+} : {
+  name: "1x2qsb1-uppercase",
+  styles: "text-transform:uppercase;label:uppercase;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "mxeh3g-capitalize",
+  styles: "text-transform:capitalize;label:capitalize;"
+} : {
+  name: "mxeh3g-capitalize",
+  styles: "text-transform:capitalize;label:capitalize;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref5 = process.env.NODE_ENV === "production" ? {
   name: "14sj6wh-isDisabled",
   styles: "cursor:not-allowed;filter:grayscale(100%);label:isDisabled;"
 } : {
@@ -22,7 +54,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "cursor:not-allowed;filter:grayscale(100%);label:isDisabled;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref2 = process.env.NODE_ENV === "production" ? {
+var _ref6 = process.env.NODE_ENV === "production" ? {
   name: "ont6vs-user",
   styles: "border-radius:50%;label:user;"
 } : {
@@ -30,18 +62,18 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "border-radius:50%;label:user;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export var euiAvatarStyles = function euiAvatarStyles(_ref4) {
-  var euiTheme = _ref4.euiTheme;
+export var euiAvatarStyles = function euiAvatarStyles(_ref8) {
+  var euiTheme = _ref8.euiTheme;
   return {
     // Base
     euiAvatar: /*#__PURE__*/css("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;background-size:cover;", logicalTextAlignCSS('center'), ";", logicalCSS('overflow-x', 'hidden'), "font-weight:", euiTheme.font.weight.medium, ";;label:euiAvatar;"),
     // Variants
     plain: /*#__PURE__*/css("background-color:", euiTheme.colors.emptyShade, ";;label:plain;"),
     subdued: /*#__PURE__*/css("background-color:", euiTheme.colors.lightestShade, ";;label:subdued;"),
-    user: _ref2,
+    user: _ref6,
     space: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.medium, ";;label:space;"),
     // States
-    isDisabled: _ref,
+    isDisabled: _ref5,
     // Sizes
     s: /*#__PURE__*/css(_avatarSize({
       size: euiTheme.size.l,
@@ -58,6 +90,11 @@ export var euiAvatarStyles = function euiAvatarStyles(_ref4) {
     xl: /*#__PURE__*/css(_avatarSize({
       size: "calc(".concat(euiTheme.size.base, " * 4)"),
       fontSize: "calc(".concat(euiTheme.size.xl, " * 0.8)")
-    }), ";label:xl;")
+    }), ";label:xl;"),
+    // Casing
+    capitalize: _ref4,
+    uppercase: _ref3,
+    lowercase: _ref2,
+    none: _ref
   };
 };

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

@@ -45,10 +45,10 @@ export var euiFormVariables = function euiFormVariables(euiThemeContext) {
     inputGroupBorder: 'none'
   };
 
-  // Colors - specific for checkboxes and radios
+  // Colors - specific to checkboxes, radios, switches, and range thumbs
   var customControlColors = {
     customControlDisabledIconColor: isColorDark ? shade(euiTheme.colors.mediumShade, 0.38) : tint(euiTheme.colors.mediumShade, 0.485),
-    customControlBorderColor: isColorDark ? shade(euiTheme.colors.lightestShade, 0.18) : tint(euiTheme.colors.lightestShade, 0.3)
+    customControlBorderColor: isColorDark ? shade(euiTheme.colors.lightestShade, 0.4) : tint(euiTheme.colors.lightestShade, 0.31)
   };
   var controlLayout = {
     controlLayoutGroupInputHeight: mathWithUnits(controlHeight, function (x) {

package/es/components/loading/index.js

@@ -8,6 +8,5 @@
 
 export { EuiLoadingElastic } from './loading_elastic';
 export { EuiLoadingChart } from './loading_chart';
-export { EuiLoadingContent } from './loading_content';
 export { EuiLoadingSpinner } from './loading_spinner';
 export { EuiLoadingLogo } from './loading_logo';

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

@@ -1,5 +1,11 @@
 var _excluded = ["className", "pageTitle", "pageTitleProps", "iconType", "iconProps", "tabs", "tabsProps", "description", "breadcrumbs", "breadcrumbProps", "alignItems", "responsive", "rightSideItems", "rightSideGroupProps", "children", "restrictWidth", "paddingSize", "bottomBorder", "style"],
   _excluded2 = ["label"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -158,21 +164,19 @@ export var EuiPageHeaderContent = function EuiPageHeaderContent(_ref) {
   }
   var rightSideFlexItem;
   if (rightSideItems && rightSideItems.length) {
-    var wrapWithFlex = function wrapWithFlex() {
-      return rightSideItems.map(function (item, index) {
-        return ___EmotionJSX(EuiFlexItem, {
-          grow: false,
-          key: index
-        }, item);
-      });
-    };
+    var itemsToRender = isResponsiveBreakpoint ? rightSideItems : _toConsumableArray(rightSideItems).reverse();
+    var rightSideFlexItems = itemsToRender.map(function (item, index) {
+      return ___EmotionJSX(EuiFlexItem, {
+        grow: false,
+        key: index
+      }, item);
+    });
     rightSideFlexItem = ___EmotionJSX(EuiFlexItem, {
       grow: false
     }, ___EmotionJSX(EuiFlexGroup, _extends({
       wrap: true,
-      responsive: false,
-      direction: isResponsiveBreakpoint ? undefined : 'rowReverse'
-    }, rightSideGroupProps), wrapWithFlex()));
+      responsive: false
+    }, rightSideGroupProps), rightSideFlexItems));
   }
   return alignItems === 'top' || isResponsiveBreakpoint ? ___EmotionJSX("div", _extends({
     className: classes,

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

@@ -68,9 +68,9 @@ export var _termValuesToQuery = function _termValuesToQuery(values, options) {
   var body = {
     query: values.map(function (value) {
       if (isString(value) && value.match(/\s/)) {
-        return "\"".concat(value, "\"");
+        return "+\"".concat(value, "\"");
       }
-      return value;
+      return "+".concat(value);
     }).join(' ')
   };
   if (body.query === '') {

package/es/components/selectable/selectable_templates/selectable_template_sitewide.js

@@ -303,6 +303,13 @@ EuiSelectableTemplateSitewide.propTypes = {
            */
       type: PropTypes.any,
       size: PropTypes.any,
+      /**
+           * Sets the letter casing of the displayed initials.
+           * Defaults to `uppercase` for `type="user"` avatars.
+           * Defaults to `none` (uses the existing casing of the passed `name` or `initials`) for `type="space"` avatars.
+           * @default uppercase
+           */
+      casing: PropTypes.any,
       /**
            * Grays out the avatar to simulate being disabled
            */

package/es/components/skeleton/skeleton_circle.js

@@ -1,4 +1,4 @@
-var _excluded = ["isLoading", "size", "className", "contentAriaLabel", "ariaWrapperProps", "children"];
+var _excluded = ["isLoading", "size", "className", "contentAriaLabel", "announceLoadingStatus", "announceLoadedStatus", "ariaLiveProps", "ariaWrapperProps", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -25,6 +25,9 @@ export var EuiSkeletonCircle = function EuiSkeletonCircle(_ref) {
     size = _ref$size === void 0 ? 'm' : _ref$size,
     className = _ref.className,
     contentAriaLabel = _ref.contentAriaLabel,
+    announceLoadingStatus = _ref.announceLoadingStatus,
+    announceLoadedStatus = _ref.announceLoadedStatus,
+    ariaLiveProps = _ref.ariaLiveProps,
     ariaWrapperProps = _ref.ariaWrapperProps,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -38,7 +41,10 @@ export var EuiSkeletonCircle = function EuiSkeletonCircle(_ref) {
       css: cssStyles
     }, rest)),
     loadedContent: children || '',
-    contentAriaLabel: contentAriaLabel
+    contentAriaLabel: contentAriaLabel,
+    announceLoadingStatus: announceLoadingStatus,
+    announceLoadedStatus: announceLoadedStatus,
+    ariaLiveProps: ariaLiveProps
   }, ariaWrapperProps));
 };
 EuiSkeletonCircle.propTypes = {
@@ -57,7 +63,22 @@ EuiSkeletonCircle.propTypes = {
      */
   contentAriaLabel: PropTypes.string,
   /**
-     * Any optional props to pass to the `aria-busy` wrapper around the skeleton content
+     * Makes a live screen reader announcement when `isLoading` is true
+     * @default false
+     */
+  announceLoadingStatus: PropTypes.bool,
+  /**
+     * Makes a live screen reader announcement when `isLoading` is false
+     * @default true
+     */
+  announceLoadedStatus: PropTypes.bool,
+  /**
+     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
+     * Accepts any `EuiScreenReaderLive` props.
+     */
+  ariaLiveProps: PropTypes.any,
+  /**
+     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
      */
   ariaWrapperProps: PropTypes.any,
   size: PropTypes.any

package/es/components/skeleton/skeleton_loading.js

@@ -1,4 +1,4 @@
-var _excluded = ["isLoading", "contentAriaLabel", "loadingContent", "loadedContent"];
+var _excluded = ["isLoading", "contentAriaLabel", "loadingContent", "loadedContent", "announceLoadingStatus", "announceLoadedStatus", "ariaLiveProps"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -19,23 +19,29 @@ export var EuiSkeletonLoading = function EuiSkeletonLoading(_ref) {
   var _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? true : _ref$isLoading,
     contentAriaLabel = _ref.contentAriaLabel,
-    loadingContent = _ref.loadingContent,
+    _loadingContent = _ref.loadingContent,
     loadedContent = _ref.loadedContent,
+    _ref$announceLoadingS = _ref.announceLoadingStatus,
+    announceLoadingStatus = _ref$announceLoadingS === void 0 ? false : _ref$announceLoadingS,
+    _ref$announceLoadedSt = _ref.announceLoadedStatus,
+    announceLoadedStatus = _ref$announceLoadedSt === void 0 ? true : _ref$announceLoadedSt,
+    ariaLiveProps = _ref.ariaLiveProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var loadingAriaLabel = useEuiI18n('euiSkeletonLoading.loadingAriaText', 'Loading {contentAriaLabel}', {
+  var loadedAriaLive = useEuiI18n('euiSkeletonLoading.loadedAriaText', 'Loaded {contentAriaLabel}', {
     contentAriaLabel: contentAriaLabel
   });
-  var loadedAriaLive = useEuiI18n('euiSkeletonLoading.loadedAriaText', 'Loaded {contentAriaLabel}', {
+  var loadingAriaLabel = useEuiI18n('euiSkeletonLoading.loadingAriaText', 'Loading {contentAriaLabel}', {
     contentAriaLabel: contentAriaLabel
   });
   var loadingProps = {
     'aria-label': loadingAriaLabel,
     role: 'progressbar'
   };
+  var loadingContent = /*#__PURE__*/React.cloneElement(_loadingContent, loadingProps);
   return ___EmotionJSX("div", _extends({
     "aria-busy": isLoading,
     "data-test-subj": "euiSkeletonLoadingAriaWrapper"
-  }, rest), isLoading ? /*#__PURE__*/React.cloneElement(loadingContent, loadingProps) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiScreenReaderLive, null, loadedAriaLive), loadedContent));
+  }, rest), isLoading ? ___EmotionJSX(React.Fragment, null, announceLoadingStatus && ___EmotionJSX(EuiScreenReaderLive, ariaLiveProps, loadingAriaLabel), loadingContent) : ___EmotionJSX(React.Fragment, null, announceLoadedStatus && ___EmotionJSX(EuiScreenReaderLive, ariaLiveProps, loadedAriaLive), loadedContent));
 };
 EuiSkeletonLoading.propTypes = {
   className: PropTypes.string,

package/es/components/skeleton/skeleton_rectangle.js

@@ -1,5 +1,5 @@
 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 = ["isLoading", "borderRadius", "width", "height", "style", "className", "contentAriaLabel", "ariaWrapperProps", "children"];
+var _excluded = ["isLoading", "borderRadius", "width", "height", "style", "className", "contentAriaLabel", "announceLoadingStatus", "announceLoadedStatus", "ariaLiveProps", "ariaWrapperProps", "children"];
 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; }
@@ -37,6 +37,9 @@ export var EuiSkeletonRectangle = function EuiSkeletonRectangle(_ref) {
     style = _ref.style,
     className = _ref.className,
     contentAriaLabel = _ref.contentAriaLabel,
+    announceLoadingStatus = _ref.announceLoadingStatus,
+    announceLoadedStatus = _ref.announceLoadedStatus,
+    ariaLiveProps = _ref.ariaLiveProps,
     ariaWrapperProps = _ref.ariaWrapperProps,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -54,7 +57,10 @@ export var EuiSkeletonRectangle = function EuiSkeletonRectangle(_ref) {
       }))
     }, rest)),
     loadedContent: children || '',
-    contentAriaLabel: contentAriaLabel
+    contentAriaLabel: contentAriaLabel,
+    announceLoadingStatus: announceLoadingStatus,
+    announceLoadedStatus: announceLoadedStatus,
+    ariaLiveProps: ariaLiveProps
   }, ariaWrapperProps));
 };
 EuiSkeletonRectangle.propTypes = {
@@ -73,7 +79,22 @@ EuiSkeletonRectangle.propTypes = {
      */
   contentAriaLabel: PropTypes.string,
   /**
-     * Any optional props to pass to the `aria-busy` wrapper around the skeleton content
+     * Makes a live screen reader announcement when `isLoading` is true
+     * @default false
+     */
+  announceLoadingStatus: PropTypes.bool,
+  /**
+     * Makes a live screen reader announcement when `isLoading` is false
+     * @default true
+     */
+  announceLoadedStatus: PropTypes.bool,
+  /**
+     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
+     * Accepts any `EuiScreenReaderLive` props.
+     */
+  ariaLiveProps: PropTypes.any,
+  /**
+     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
      */
   ariaWrapperProps: PropTypes.any,
   width: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]),

package/es/components/skeleton/skeleton_text.js

@@ -1,4 +1,4 @@
-var _excluded = ["isLoading", "lines", "size", "className", "contentAriaLabel", "ariaWrapperProps", "children"];
+var _excluded = ["isLoading", "lines", "size", "className", "contentAriaLabel", "announceLoadingStatus", "announceLoadedStatus", "ariaLiveProps", "ariaWrapperProps", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -27,6 +27,9 @@ export var EuiSkeletonText = function EuiSkeletonText(_ref) {
     size = _ref$size === void 0 ? 'm' : _ref$size,
     className = _ref.className,
     contentAriaLabel = _ref.contentAriaLabel,
+    announceLoadingStatus = _ref.announceLoadingStatus,
+    announceLoadedStatus = _ref.announceLoadedStatus,
+    ariaLiveProps = _ref.ariaLiveProps,
     ariaWrapperProps = _ref.ariaWrapperProps,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -46,7 +49,10 @@ export var EuiSkeletonText = function EuiSkeletonText(_ref) {
       className: classNames('euiSkeletonText', className)
     }, rest), lineElements),
     loadedContent: children || '',
-    contentAriaLabel: contentAriaLabel
+    contentAriaLabel: contentAriaLabel,
+    announceLoadingStatus: announceLoadingStatus,
+    announceLoadedStatus: announceLoadedStatus,
+    ariaLiveProps: ariaLiveProps
   }, ariaWrapperProps));
 };
 EuiSkeletonText.propTypes = {
@@ -65,7 +71,22 @@ EuiSkeletonText.propTypes = {
      */
   contentAriaLabel: PropTypes.string,
   /**
-     * Any optional props to pass to the `aria-busy` wrapper around the skeleton content
+     * Makes a live screen reader announcement when `isLoading` is true
+     * @default false
+     */
+  announceLoadingStatus: PropTypes.bool,
+  /**
+     * Makes a live screen reader announcement when `isLoading` is false
+     * @default true
+     */
+  announceLoadedStatus: PropTypes.bool,
+  /**
+     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
+     * Accepts any `EuiScreenReaderLive` props.
+     */
+  ariaLiveProps: PropTypes.any,
+  /**
+     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
      */
   ariaWrapperProps: PropTypes.any,
   /**

package/es/components/skeleton/skeleton_title.js

@@ -1,4 +1,4 @@
-var _excluded = ["isLoading", "size", "className", "contentAriaLabel", "ariaWrapperProps", "children"];
+var _excluded = ["isLoading", "size", "className", "contentAriaLabel", "announceLoadingStatus", "announceLoadedStatus", "ariaLiveProps", "ariaWrapperProps", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -24,6 +24,9 @@ export var EuiSkeletonTitle = function EuiSkeletonTitle(_ref) {
     size = _ref$size === void 0 ? 'm' : _ref$size,
     className = _ref.className,
     contentAriaLabel = _ref.contentAriaLabel,
+    announceLoadingStatus = _ref.announceLoadingStatus,
+    announceLoadedStatus = _ref.announceLoadedStatus,
+    ariaLiveProps = _ref.ariaLiveProps,
     ariaWrapperProps = _ref.ariaWrapperProps,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -37,7 +40,10 @@ export var EuiSkeletonTitle = function EuiSkeletonTitle(_ref) {
       css: cssStyles
     }, rest)),
     loadedContent: children || '',
-    contentAriaLabel: contentAriaLabel
+    contentAriaLabel: contentAriaLabel,
+    announceLoadingStatus: announceLoadingStatus,
+    announceLoadedStatus: announceLoadedStatus,
+    ariaLiveProps: ariaLiveProps
   }, ariaWrapperProps));
 };
 EuiSkeletonTitle.propTypes = {
@@ -56,7 +62,22 @@ EuiSkeletonTitle.propTypes = {
      */
   contentAriaLabel: PropTypes.string,
   /**
-     * Any optional props to pass to the `aria-busy` wrapper around the skeleton content
+     * Makes a live screen reader announcement when `isLoading` is true
+     * @default false
+     */
+  announceLoadingStatus: PropTypes.bool,
+  /**
+     * Makes a live screen reader announcement when `isLoading` is false
+     * @default true
+     */
+  announceLoadedStatus: PropTypes.bool,
+  /**
+     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
+     * Accepts any `EuiScreenReaderLive` props.
+     */
+  ariaLiveProps: PropTypes.any,
+  /**
+     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
      */
   ariaWrapperProps: PropTypes.any,
   /**

package/es/test/rtl/custom_render.js

@@ -44,4 +44,14 @@ export { customRender as render };
  * @see https://github.com/testing-library/dom-testing-library/issues/516
  */
 var customScreen = _objectSpread(_objectSpread({}, screen), within(document.body, dataTestSubjQueries));
-export { customScreen as screen };
+export { customScreen as screen };
+
+/**
+ * Custom within util with EUI query helpers
+ *
+ * @see https://testing-library.com/docs/dom-testing-library/api-within/
+ */
+var customWithin = function customWithin(element) {
+  return within(element, _objectSpread(_objectSpread({}, queries), dataTestSubjQueries));
+};
+export { customWithin as within };

package/es/test/rtl/index.d.ts

@@ -1,3 +1,3 @@
 export * from './component_helpers';
 export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, } from './data_test_subj_queries';
-export { render, screen } from './custom_render';
+export { render, screen, within } from './custom_render';

package/es/test/rtl/index.js

@@ -8,4 +8,4 @@
 
 export * from './component_helpers';
 export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject } from './data_test_subj_queries';
-export { render, screen } from './custom_render';
+export { render, screen, within } from './custom_render';