@elastic/eui 108.0.0 → 109.1.0-snapshot.1763390960850

package/lib/components/popover/popover.js

@@ -19,11 +19,13 @@ var _accessibility = require("../accessibility");
 var _portal = require("../portal");
 var _mutation_observer = require("../observer/mutation_observer");
 var _popover = require("../../services/popover");
+var _reposition_on_scroll = require("../../services/popover/reposition_on_scroll");
 var _i18n = require("../i18n");
 var _outside_click_detector = require("../outside_click_detector");
 var _popover_arrow = require("./popover_arrow");
 var _popover2 = require("./popover.styles");
 var _popover_panel = require("./popover_panel");
+var _component_defaults = require("../provider/component_defaults");
 var _react2 = require("@emotion/react");
 var _excluded = ["anchorPosition", "button", "insert", "isOpen", "ownFocus", "children", "className", "closePopover", "panelClassName", "panelPaddingSize", "panelProps", "panelRef", "panelStyle", "popoverScreenReaderText", "popoverRef", "hasArrow", "arrowChildren", "repositionOnScroll", "repositionToCrossAxis", "zIndex", "attachToAnchor", "display", "offset", "onPositionChange", "buffer", "aria-label", "aria-labelledby", "aria-live", "container", "focusTrapProps", "initialFocus", "tabIndex"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -112,7 +114,8 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
     var _this;
     _classCallCheck(this, EuiPopover);
     _this = _callSuper(this, EuiPopover, [props]);
-    _defineProperty(_this, "respositionTimeout", void 0);
+    _defineProperty(_this, "repositionOnScroll", void 0);
+    _defineProperty(_this, "repositionTimeout", void 0);
     _defineProperty(_this, "strandedFocusTimeout", void 0);
     _defineProperty(_this, "closingTransitionTimeout", void 0);
     _defineProperty(_this, "closingTransitionAnimationFrame", void 0);
@@ -191,12 +194,13 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
         }),
         durationMatch = _Array$prototype$slic.durationMatch,
         delayMatch = _Array$prototype$slic.delayMatch;
-      clearTimeout(_this.respositionTimeout);
-      _this.respositionTimeout = window.setTimeout(function () {
+      clearTimeout(_this.repositionTimeout);
+      _this.repositionTimeout = window.setTimeout(function () {
         _this.setState({
           isOpenStable: true
         }, function () {
           _this.positionPopoverFixed();
+          _services.focusTrapPubSub.publish();
         });
       }, durationMatch + delayMatch);
     });
@@ -306,6 +310,13 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
       // once a stable position has been found, keep the contents on that side
       isOpenStable: false // wait for any initial opening transitions to finish before marking as stable
     };
+    _this.repositionOnScroll = (0, _reposition_on_scroll.createRepositionOnScroll)(function () {
+      return {
+        repositionOnScroll: _this.props.repositionOnScroll,
+        componentDefaults: _this.context.EuiPopover,
+        repositionFn: _this.positionPopoverFixed
+      };
+    });
     return _this;
   }
   _inherits(EuiPopover, _Component);
@@ -323,9 +334,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
           _this2.onOpenPopover();
         });
       }
-      if (this.props.repositionOnScroll) {
-        window.addEventListener('scroll', this.positionPopoverFixed, true);
-      }
+      this.repositionOnScroll.subscribe();
     }
   }, {
     key: "componentDidUpdate",
@@ -342,13 +351,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
       }
 
       // update scroll listener
-      if (prevProps.repositionOnScroll !== this.props.repositionOnScroll) {
-        if (this.props.repositionOnScroll) {
-          window.addEventListener('scroll', this.positionPopoverFixed, true);
-        } else {
-          window.removeEventListener('scroll', this.positionPopoverFixed, true);
-        }
-      }
+      this.repositionOnScroll.update();
 
       // The popover is being closed.
       if (prevProps.isOpen && !this.props.isOpen) {
@@ -358,17 +361,19 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
           _this3.setState({
             isClosing: false
           });
+          _services.focusTrapPubSub.publish();
         }, closingTransitionTime);
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      window.removeEventListener('scroll', this.positionPopoverFixed, true);
-      clearTimeout(this.respositionTimeout);
+      this.repositionOnScroll.cleanup();
+      clearTimeout(this.repositionTimeout);
       clearTimeout(this.strandedFocusTimeout);
       clearTimeout(this.closingTransitionTimeout);
       cancelAnimationFrame(this.closingTransitionAnimationFrame);
+      _services.focusTrapPubSub.publish();
     }
   }, {
     key: "render",
@@ -541,6 +546,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
+_defineProperty(EuiPopover, "contextType", _component_defaults.EuiComponentDefaultsContext);
 _defineProperty(EuiPopover, "defaultProps", {
   isOpen: false,
   ownFocus: true,

package/lib/components/provider/component_defaults/component_defaults.js

@@ -73,7 +73,17 @@ EuiComponentDefaultsProvider.propTypes = {
        * Provide a global configuration for `EuiFlyout`s.
        * Defaults will be inherited by all `EuiFlyout`s.
        */
-    EuiFlyout: _propTypes.default.any
+    EuiFlyout: _propTypes.default.any,
+    /**
+       * Provide a global configuration for `EuiPopover`s.
+       * Defaults will be inherited by every `EuiPopover`.
+       */
+    EuiPopover: _propTypes.default.any,
+    /**
+       * Provide a global configuration for `EuiToolTip`s.
+       * Defaults will be inherited by every `EuiToolTip`.
+       */
+    EuiToolTip: _propTypes.default.any
   })
 };
 var useComponentDefaults = exports.useComponentDefaults = function useComponentDefaults() {
@@ -128,5 +138,15 @@ EuiProviderComponentDefaultsProps.propTypes = {
      * Provide a global configuration for `EuiFlyout`s.
      * Defaults will be inherited by all `EuiFlyout`s.
      */
-  EuiFlyout: _propTypes.default.any
+  EuiFlyout: _propTypes.default.any,
+  /**
+     * Provide a global configuration for `EuiPopover`s.
+     * Defaults will be inherited by every `EuiPopover`.
+     */
+  EuiPopover: _propTypes.default.any,
+  /**
+     * Provide a global configuration for `EuiToolTip`s.
+     * Defaults will be inherited by every `EuiToolTip`.
+     */
+  EuiToolTip: _propTypes.default.any
 };

package/lib/components/table/table_row.styles.js

@@ -61,7 +61,7 @@ var euiTableRowStyles = exports.euiTableRowStyles = function euiTableRowStyles(e
       // preceding table row via negative margins
       'margin-top', (0, _global_styling.mathWithUnits)([cellContentPadding, euiTheme.border.width.thin], function (x, y) {
         return (x + y * 2) * -1;
-      })), (0, _global_styling.logicalCSS)('padding-left', cellContentPadding), " ", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 0), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 0), " &:after{", (0, _global_styling.logicalCSS)('border-top', 'none'), ";}clip-path:polygon(-50% 0, 150% 0, 150% 100vh, -50% 100vh);>.euiTableRowCell{", (0, _global_styling.logicalCSS)('width', '100%'), ";}", expandedAnimationCss, ";;label:expanded;")
+      })), (0, _global_styling.logicalCSS)('padding-left', cellContentPadding), " ", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 0), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 0), " &:after{", (0, _global_styling.logicalCSS)('border-top', 'none'), ";}clip-path:polygon(-50% 0, 150% 0, 150% 150%, -50% 150%);>.euiTableRowCell{", (0, _global_styling.logicalCSS)('width', '100%'), ";}", expandedAnimationCss, ";;label:expanded;")
     }
   };
 };

package/lib/components/tool_tip/tool_tip.js

@@ -8,9 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
+var _reposition_on_scroll = require("../../services/popover/reposition_on_scroll");
 var _react2 = require("../../services/react");
 var _resize_observer = require("../observer/resize_observer");
 var _portal = require("../portal");
+var _component_defaults = require("../provider/component_defaults");
 var _tool_tip_popover = require("./tool_tip_popover");
 var _tool_tip_anchor = require("./tool_tip_anchor");
 var _tool_tip_arrow = require("./tool_tip_arrow");
@@ -63,25 +65,15 @@ var DEFAULT_TOOLTIP_STYLES = {
   visibility: 'hidden'
 };
 var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
-  function EuiToolTip() {
+  function EuiToolTip(props) {
     var _this;
     _classCallCheck(this, EuiToolTip);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiToolTip, [].concat(args));
+    _this = _callSuper(this, EuiToolTip, [props]);
+    _defineProperty(_this, "repositionOnScroll", void 0);
     _defineProperty(_this, "_isMounted", false);
     _defineProperty(_this, "anchor", null);
     _defineProperty(_this, "popover", null);
     _defineProperty(_this, "timeoutId", void 0);
-    _defineProperty(_this, "state", {
-      visible: false,
-      hasFocus: false,
-      calculatedPosition: _this.props.position,
-      toolTipStyles: DEFAULT_TOOLTIP_STYLES,
-      arrowStyles: undefined,
-      id: _this.props.id || (0, _services.htmlIdGenerator)()()
-    });
     _defineProperty(_this, "clearAnimationTimeout", function () {
       if (_this.timeoutId) {
         _this.timeoutId = clearTimeout(_this.timeoutId);
@@ -210,6 +202,21 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
         _this.props.onMouseOut(event);
       }
     });
+    _this.state = {
+      visible: false,
+      hasFocus: false,
+      calculatedPosition: _this.props.position,
+      toolTipStyles: DEFAULT_TOOLTIP_STYLES,
+      arrowStyles: undefined,
+      id: _this.props.id || (0, _services.htmlIdGenerator)()()
+    };
+    _this.repositionOnScroll = (0, _reposition_on_scroll.createRepositionOnScroll)(function () {
+      return {
+        repositionOnScroll: _this.props.repositionOnScroll,
+        componentDefaults: _this.context.EuiToolTip,
+        repositionFn: _this.positionToolTip
+      };
+    });
     return _this;
   }
   _inherits(EuiToolTip, _Component);
@@ -217,16 +224,14 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this._isMounted = true;
-      if (this.props.repositionOnScroll) {
-        window.addEventListener('scroll', this.positionToolTip, true);
-      }
+      this.repositionOnScroll.subscribe();
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.clearAnimationTimeout();
       this._isMounted = false;
-      window.removeEventListener('scroll', this.positionToolTip, true);
+      this.repositionOnScroll.cleanup();
     }
   }, {
     key: "componentDidUpdate",
@@ -236,13 +241,7 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
       }
 
       // update scroll listener
-      if (prevProps.repositionOnScroll !== this.props.repositionOnScroll) {
-        if (this.props.repositionOnScroll) {
-          window.addEventListener('scroll', this.positionToolTip, true);
-        } else {
-          window.removeEventListener('scroll', this.positionToolTip, true);
-        }
-      }
+      this.repositionOnScroll.update();
     }
   }, {
     key: "render",
@@ -304,6 +303,7 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
+_defineProperty(EuiToolTip, "contextType", _component_defaults.EuiComponentDefaultsContext);
 _defineProperty(EuiToolTip, "defaultProps", {
   position: 'top',
   delay: 'regular',

package/lib/global_styling/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  euiDisabledSelector: true
+};
+Object.defineProperty(exports, "euiDisabledSelector", {
+  enumerable: true,
+  get: function get() {
+    return _selectors.euiDisabledSelector;
+  }
+});
 var _global_styles = require("./reset/global_styles");
 Object.keys(_global_styles).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _global_styles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +27,7 @@ Object.keys(_global_styles).forEach(function (key) {
 var _functions = require("./functions");
 Object.keys(_functions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _functions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +39,7 @@ Object.keys(_functions).forEach(function (key) {
 var _variables = require("./variables");
 Object.keys(_variables).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _variables[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,6 +51,7 @@ Object.keys(_variables).forEach(function (key) {
 var _mixins = require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _mixins[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -50,6 +63,7 @@ Object.keys(_mixins).forEach(function (key) {
 var _animations = require("./utility/animations");
 Object.keys(_animations).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _animations[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -57,4 +71,5 @@ Object.keys(_animations).forEach(function (key) {
       return _animations[key];
     }
   });
-});
+});
+var _selectors = require("./utility/selectors");

package/lib/global_styling/mixins/_button.js

@@ -141,7 +141,7 @@ var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext)
         case 'fill':
           {
             var _buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'filled');
-            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";", _interactionStyles(euiThemeContext, _buttonColors), ";;label:displaysColorsMap-display-color;");
+            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : color !== 'disabled' ? euiThemeContext.euiTheme.colors.fullShade : '', ";", _interactionStyles(euiThemeContext, _buttonColors), ";;label:displaysColorsMap-display-color;");
             break;
           }
         case 'empty':

package/lib/global_styling/utility/selectors.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiDisabledSelector = void 0;
+/*
+ * 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.
+ */
+
+var euiDisabledSelector = exports.euiDisabledSelector = ":disabled, [aria-disabled=\"true\"]";

package/lib/services/focus_trap/focus_trap_pub_sub.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusTrapPubSub = void 0;
+/*
+ * 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.
+ */
+
+var listeners = new Set();
+
+/**
+ * Subscribes a listener function to be called whenever focus trap updates are published.
+ *
+ * @param listener The function to be called on updates.
+ * @returns A function that, when called, will unsubscribe the listener. Please remember
+ * to call this function for proper cleanup.
+ * @example
+ * ```tsx
+ * useEffect(() => {
+ *   const unsubscribe = focusTrapPubSub.subscribe(() => {
+ *     console.log('focus trap updated');
+ *   });
+ *
+ *   return () => unsubscribe();
+ * }, []);
+ * ```
+ */
+var subscribe = function subscribe(listener) {
+  listeners.add(listener);
+  return function () {
+    return unsubscribe(listener);
+  };
+};
+
+/**
+ * Unsubscribes a listener from the focus trap PubSub service.
+ *
+ * @param listener The function to unsubscribe.
+ */
+var unsubscribe = function unsubscribe(listener) {
+  listeners.delete(listener);
+};
+
+/**
+ * Publishes an event to all subscribed listeners, signaling that
+ * components managing focus traps should re-evaluate their tracked elements.
+ */
+var publish = function publish() {
+  listeners.forEach(function (listener) {
+    return listener();
+  });
+};
+
+/**
+ * A lightweight, global PubSub service for loose coupling of components
+ * that need to interact with the same focus trap.
+ *
+ * This allows a component (like `EuiPopover`) to be rendered in a React Portal
+ * and still be included in the focus trap of another component (like `EuiFlyout`)
+ * without either component needing a direct reference to the other.
+ *
+ * How it works:
+ *
+ * 1. A container component (e.g., `EuiFlyout`) `subscribe`s to this service on mount.
+ * 2. An ephemeral component (e.g., `EuiPopover`) calls `publish` when its state
+ *    changes in a way that affects the DOM (e.g., opening, closing, unmounting).
+ * 3. The container component's subscribed callback fires, causing it to re-query
+ *    the DOM for any elements it should include in its focus trap.
+ */
+var focusTrapPubSub = exports.focusTrapPubSub = {
+  subscribe: subscribe,
+  unsubscribe: unsubscribe,
+  publish: publish
+};

package/lib/services/focus_trap/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "focusTrapPubSub", {
+  enumerable: true,
+  get: function get() {
+    return _focus_trap_pub_sub.focusTrapPubSub;
+  }
+});
+var _focus_trap_pub_sub = require("./focus_trap_pub_sub");

package/lib/services/hooks/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  useEuiDisabledElement: true
+};
+Object.defineProperty(exports, "useEuiDisabledElement", {
+  enumerable: true,
+  get: function get() {
+    return _useEuiDisabledElement.useEuiDisabledElement;
+  }
+});
 var _useDependentState = require("./useDependentState");
 Object.keys(_useDependentState).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useDependentState[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +27,7 @@ Object.keys(_useDependentState).forEach(function (key) {
 var _useCombinedRefs = require("./useCombinedRefs");
 Object.keys(_useCombinedRefs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useCombinedRefs[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +39,7 @@ Object.keys(_useCombinedRefs).forEach(function (key) {
 var _useForceRender = require("./useForceRender");
 Object.keys(_useForceRender).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useForceRender[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,6 +51,7 @@ Object.keys(_useForceRender).forEach(function (key) {
 var _useLatest = require("./useLatest");
 Object.keys(_useLatest).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useLatest[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -50,6 +63,7 @@ Object.keys(_useLatest).forEach(function (key) {
 var _useDeepEqual = require("./useDeepEqual");
 Object.keys(_useDeepEqual).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useDeepEqual[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -61,6 +75,7 @@ Object.keys(_useDeepEqual).forEach(function (key) {
 var _useMouseMove = require("./useMouseMove");
 Object.keys(_useMouseMove).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useMouseMove[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -72,6 +87,7 @@ Object.keys(_useMouseMove).forEach(function (key) {
 var _useUpdateEffect = require("./useUpdateEffect");
 Object.keys(_useUpdateEffect).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useUpdateEffect[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -79,4 +95,5 @@ Object.keys(_useUpdateEffect).forEach(function (key) {
       return _useUpdateEffect[key];
     }
   });
-});
+});
+var _useEuiDisabledElement = require("./useEuiDisabledElement");