@elastic/eui 87.0.0 → 87.2.0

package/es/components/tool_tip/icon_tip.js

@@ -64,7 +64,7 @@ EuiIconTip.propTypes = {
   /**
      * Common display alternatives for the anchor wrapper
      */
-  display: PropTypes.oneOf(["inlineBlock", "block"]),
+  display: PropTypes.any,
   /**
      * An optional title for your tooltip.
      */

package/es/components/tool_tip/tool_tip.js

@@ -27,7 +27,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React, { Component } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { keysOf } from '../common';
 import { findPopoverPosition, htmlIdGenerator } from '../../services';
 import { enqueueStateChange } from '../../services/react';
 import { EuiResizeObserver } from '../observer/resize_observer';
@@ -37,21 +36,12 @@ import { EuiToolTipAnchor } from './tool_tip_anchor';
 import { EuiToolTipArrow } from './tool_tip_arrow';
 import { toolTipManager } from './tool_tip_manager';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var positionsToClassNameMap = {
-  top: 'euiToolTip--top',
-  right: 'euiToolTip--right',
-  bottom: 'euiToolTip--bottom',
-  left: 'euiToolTip--left'
-};
-export var POSITIONS = keysOf(positionsToClassNameMap);
+export var POSITIONS = ['top', 'right', 'bottom', 'left'];
+var DISPLAYS = ['inlineBlock', 'block'];
 var delayToMsMap = {
   regular: 250,
   long: 250 * 5
 };
-var displayToClassNameMap = {
-  inlineBlock: undefined,
-  block: 'euiToolTipAnchor--displayBlock'
-};
 var DEFAULT_TOOLTIP_STYLES = {
   // position the tooltip content near the top-left
   // corner of the window so it can't create scrollbars
@@ -262,7 +252,7 @@ export var EuiToolTip = /*#__PURE__*/function (_Component) {
         onFocus: this.onFocus,
         onMouseOver: this.showToolTip,
         onMouseOut: this.onMouseOut,
-        id: this.state.id,
+        id: id,
         className: anchorClasses,
         display: display,
         isVisible: visible
@@ -324,7 +314,7 @@ EuiToolTip.propTypes = {
   /**
      * Common display alternatives for the anchor wrapper
      */
-  display: PropTypes.oneOf(["inlineBlock", "block"]),
+  display: PropTypes.any,
   /**
      * Delay before showing tooltip. Good for repeatable items.
      */

package/es/components/tool_tip/tool_tip_anchor.js

@@ -1,11 +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 = ["onBlur", "onFocus", "onMouseOver", "onMouseOut", "id", "className", "children", "display", "isVisible"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _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; }
 /*
@@ -44,7 +38,7 @@ export var EuiToolTipAnchor = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: classes,
       onMouseOver: onMouseOver,
       onMouseOut: onMouseOut
-    }), /*#__PURE__*/cloneElement(children, _objectSpread({
+    }), /*#__PURE__*/cloneElement(children, {
       onFocus: function onFocus(e) {
         _onFocus();
         children.props.onFocus && children.props.onFocus(e);
@@ -52,17 +46,14 @@ export var EuiToolTipAnchor = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onBlur: function onBlur(e) {
         _onBlur();
         children.props.onBlur && children.props.onBlur(e);
-      }
-    }, isVisible && {
-      'aria-describedby': id
-    })))
+      },
+      'aria-describedby': isVisible ? classNames(id, children.props['aria-describedby']) : children.props['aria-describedby']
+    }))
   );
 });
 EuiToolTipAnchor.propTypes = {
   onBlur: PropTypes.func.isRequired,
   onFocus: PropTypes.func.isRequired,
-  children: PropTypes.element.isRequired,
-  isVisible: PropTypes.bool.isRequired,
-  display: PropTypes.oneOf(["block", "inlineBlock"]).isRequired
+  isVisible: PropTypes.bool.isRequired
 };
 EuiToolTipAnchor.displayName = 'EuiToolTipAnchor';

package/es/components/tour/tour_step.js

@@ -229,9 +229,8 @@ EuiTourStep.propTypes = {
      */
   anchorPosition: PropTypes.any,
   /**
-     * Style and position alteration for arrow-less, left-aligned
-     * attachment. Intended for use with inputs as anchors, e.g.
-     * EuiInputPopover
+     * Style and position alteration for arrow-less attachment.
+     * Intended for use with inputs as anchors, e.g. EuiInputPopover
      */
   attachToAnchor: PropTypes.bool,
   buttonRef: PropTypes.any,

package/es/services/accessibility/html_id_generator.js

@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
+import React, { useMemo } from 'react';
 import { v1 as uuidv1 } from 'uuid';
-import { useMemo } from 'react';
 
 /**
  * This function returns a function to generate ids.
@@ -32,7 +32,8 @@ export function htmlIdGenerator() {
  * This prevents IDs from being re-randomized on every component update.
  */
 
-export var useGeneratedHtmlId = function useGeneratedHtmlId() {
+// We can remove this deprecated hook once EUI no longer needs to support React 16-17
+var useDeprecatedGeneratedHtmlId = function useDeprecatedGeneratedHtmlId() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     prefix = _ref.prefix,
     suffix = _ref.suffix,
@@ -40,4 +41,19 @@ export var useGeneratedHtmlId = function useGeneratedHtmlId() {
   return useMemo(function () {
     return conditionalId || htmlIdGenerator(prefix)(suffix);
   }, [conditionalId, prefix, suffix]);
-};
+};
+var useNewGeneratedHtmlId = function useNewGeneratedHtmlId() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref2$prefix = _ref2.prefix,
+    prefix = _ref2$prefix === void 0 ? '' : _ref2$prefix,
+    _ref2$suffix = _ref2.suffix,
+    suffix = _ref2$suffix === void 0 ? '' : _ref2$suffix,
+    conditionalId = _ref2.conditionalId;
+  // Using the default export and dot notation here is intentional
+  // to prevent React <18 import errors.
+  var id = React.useId();
+  return useMemo(function () {
+    return conditionalId || "".concat(prefix).concat(id).concat(suffix);
+  }, [id, conditionalId, prefix, suffix]);
+};
+export var useGeneratedHtmlId = 'useId' in React ? useNewGeneratedHtmlId : useDeprecatedGeneratedHtmlId;

package/es/themes/amsterdam/global_styling/mixins/shadow.js

@@ -78,7 +78,6 @@ export var euiShadowXLarge = function euiShadowXLarge(_ref9) {
 
 /**
  * slightShadowHover
- * TODO: I think this is only used by panels/cards in the Amsterdam theme, move there
  */
 export var euiSlightShadowHover = function euiSlightShadowHover(_ref11) {
   var euiTheme = _ref11.euiTheme,