@ebay/ui-core-react 7.4.0-alpha.9 → 8.0.0

package/menu-Bsy48CE1.js

@@ -1,163 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const useRovingIndex = require("./use-roving-index-CEM_UsCH.js");
-const common_eventUtils = require("./common/event-utils/index.js");
-const common_componentUtils_forwardRef = require("./common/component-utils/forwardRef/index.js");
-require("./array.polyfill.flat-DyxysTxZ.js");
-const badge = require("./badge-CR5t7-2L.js");
-const icon = require("./icon-B17Di3YL.js");
-const EbayMenuItem = ({ className, checked, type, focused = false, tabIndex, disabled, badgeNumber, badgeAriaLabel, children, ...rest }) => {
-  const ref = React.useRef(null);
-  const hasBadge = badgeNumber !== void 0;
-  React.useEffect(() => {
-    if (ref.current && focused) {
-      ref.current.focus();
-    }
-  }, [ref, focused]);
-  const checkable = ["radio", "checkbox"];
-  return React.createElement(
-    "div",
-    { "aria-label": badgeAriaLabel, ...rest, ref, className: classNames(className, "menu__item", hasBadge && "menu__item--badged"), role: roleFromType(type), "aria-checked": checkable.includes(type) ? checked : void 0, "aria-disabled": disabled, tabIndex: focused ? 0 : tabIndex },
-    React.createElement(
-      "span",
-      { "aria-hidden": hasBadge },
-      children,
-      hasBadge && React.createElement(badge.EbayBadge, { type: "menu", number: badgeNumber })
-    ),
-    React.createElement(icon.EbayIcon, { name: "tick16" })
-  );
-};
-function roleFromType(type) {
-  const roles = {
-    radio: "menuitemradio",
-    checkbox: "menuitemcheckbox"
-  };
-  return roles[type] || "menuitem";
-}
-const EbayMenu = ({ baseEl: Container = "span", type, priority = "secondary", checked, className, autofocus, onClick = () => {
-}, onKeyDown = () => {
-}, onChange = () => {
-}, onSelect = () => {
-}, forwardedRef, children, ...rest }) => {
-  const childrenArray = React.Children.toArray(children);
-  const [focusedIndex, setFocusedIndex] = useRovingIndex.useRovingIndex(children, EbayMenuItem, autofocus === true ? 0 : void 0);
-  const [checkedIndexes, setCheckedIndexes] = React.useState(childrenArray.map(() => false));
-  const valuesFromChecked = (indexes) => childrenArray.reduce((values, item, i) => indexes[i] ? [...values, item.props.value] : values, []);
-  const indexesFromChecked = (indexes) => indexes.reduce((all, value, i) => value ? [...all, i] : all, []);
-  const eventProps = (index, indexes) => ({
-    index,
-    checked: indexesFromChecked(indexes)
-  });
-  const checkboxEventProps = (index, indexes) => ({
-    ...eventProps(index, indexes),
-    indexes: indexesFromChecked(indexes),
-    checkedValues: valuesFromChecked(indexes)
-  });
-  const updateIndex = (index, value, resetOthers = false) => {
-    let anyChanges = false;
-    const newValues = checkedIndexes.map((indexChecked, i) => {
-      const defaultValue = resetOthers ? false : indexChecked;
-      if (index === i) {
-        if (indexChecked !== value) {
-          anyChanges = true;
-        }
-        return value;
-      }
-      return defaultValue;
-    });
-    if (anyChanges) {
-      setCheckedIndexes(newValues);
-      return newValues;
-    }
-  };
-  const selectIndex = (index) => {
-    switch (type) {
-      case "radio":
-        return updateIndex(index, true, true);
-      case "checkbox":
-        return updateIndex(index, !checkedIndexes[index], false);
-      default:
-        return checkedIndexes.map((_, i) => i === index);
-    }
-  };
-  React.useEffect(() => {
-    if (type === "radio") {
-      if (checked === void 0) {
-        const checkedIndex = childrenArray.findIndex((child) => child.props.checked);
-        if (checkedIndex > -1) {
-          selectIndex(checkedIndex);
-        }
-      } else {
-        selectIndex(checked);
-      }
-    } else if (type === "checkbox") {
-      setCheckedIndexes(childrenArray.map((child) => Boolean(child.props.checked)));
-    }
-  }, []);
-  const handleChange = (e, index, newValues) => {
-    switch (type) {
-      case "radio":
-      case "checkbox":
-        return onChange(e, checkboxEventProps(index, newValues));
-      default:
-        return onSelect(e, eventProps(index, newValues));
-    }
-  };
-  const handleKeyDown = (e, index) => {
-    let newValues;
-    if (common_eventUtils.isActionKey(e.key)) {
-      newValues = selectIndex(index);
-      if (newValues) {
-        handleChange(e, index, newValues);
-      }
-    }
-    switch (type) {
-      case "radio":
-      case "checkbox":
-        return onKeyDown(e, checkboxEventProps(index, newValues || checkedIndexes));
-      default:
-        return onKeyDown(e, eventProps(index, newValues || checkedIndexes));
-    }
-  };
-  const handleClick = (e, index) => {
-    setFocusedIndex(index);
-    const newValues = selectIndex(index);
-    if (newValues) {
-      handleChange(e, index, newValues);
-    }
-  };
-  return React.createElement(
-    Container,
-    { ...rest, className: classNames(className, "menu") },
-    React.createElement("div", { className: "menu__items", role: "menu", ref: forwardedRef }, childrenArray.map((child, i) => {
-      const { onClick: onItemClick = () => {
-      }, onFocus: onItemFocus = () => {
-      }, onKeyDown: onItemKeyDown = () => {
-      }, ...itemRest } = child.props;
-      return React.cloneElement(child, {
-        ...itemRest,
-        type,
-        focused: i === focusedIndex,
-        tabIndex: focusedIndex === void 0 ? 0 : -1,
-        checked: checkedIndexes[i],
-        onFocus: (e) => {
-          setFocusedIndex(i);
-          onItemFocus(e);
-        },
-        onClick: (e) => {
-          handleClick(e, i);
-          onItemClick(e);
-          onClick(e);
-        },
-        onKeyDown: (e) => {
-          handleKeyDown(e, i);
-          onItemKeyDown(e);
-        }
-      });
-    }))
-  );
-};
-const EbayMenu$1 = common_componentUtils_forwardRef.withForwardRef(EbayMenu);
-exports.EbayMenu = EbayMenu$1;
-exports.EbayMenuItem = EbayMenuItem;

package/menu-button-CKGsgg6G.js

@@ -1,89 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const common_componentUtils_utils = require("./common/component-utils/utils/index.js");
-const common_eventUtils = require("./common/event-utils/index.js");
-const common_randomId = require("./common/random-id/index.js");
-const button = require("./button-B4bZIgwB.js");
-const icon = require("./icon-B17Di3YL.js");
-const iconButton = require("./icon-button-BQWoMgX1.js");
-const menu = require("./menu-fCOy6wBS.js");
-const ebayFakeMenu_menuItem = require("./ebay-fake-menu/menu-item/index.js");
-const EbayFakeMenuButtonItem = ebayFakeMenu_menuItem;
-const EbayMenuButtonSeparator = ({ className, ...rest }) => React.createElement("hr", { ...rest, className: classNames(className, "menu-button__separator"), role: "separator" });
-const EbayFakeMenuButtonLabel = ({ children }) => React.createElement(React.Fragment, null, children);
-const EbayMenuButton = ({ a11yText, noToggleIcon, fixWidth, reverse, variant, expanded: defaultExpanded = false, className, onCollapse = () => {
-}, onExpand = () => {
-}, onMouseDown = () => {
-}, onSelect = () => {
-}, text = "", children, ...rest }) => {
-  const [expanded, setExpanded] = React.useState(defaultExpanded);
-  const [menuId, setMenuId] = React.useState();
-  const ref = React.useRef();
-  const icon$1 = common_componentUtils_utils.findComponent(children, icon.EbayIcon);
-  const label = common_componentUtils_utils.findComponent(children, EbayFakeMenuButtonLabel) || (icon$1 ? React.createElement("span", null, text) : text);
-  const menuItems = common_componentUtils_utils.filterByType(children, [EbayFakeMenuButtonItem, EbayMenuButtonSeparator]);
-  React.useEffect(() => {
-    const handleBackgroundClick = (e) => {
-      if (ref.current && !ref.current.contains(e.currentTarget)) {
-        setExpanded(false);
-      }
-    };
-    if (expanded) {
-      onExpand();
-      setTimeout(() => {
-        document.addEventListener("click", handleBackgroundClick, false);
-      });
-    } else if (expanded === false) {
-      onCollapse();
-    }
-    return () => document.removeEventListener("click", handleBackgroundClick, false);
-  }, [expanded]);
-  React.useEffect(() => {
-    setMenuId(common_randomId.randomId());
-  }, []);
-  const handleMenuKeydown = (e) => {
-    common_eventUtils.handleEscapeKeydown(e, () => {
-      var _a;
-      setExpanded(false);
-      (_a = ref.current) == null ? void 0 : _a.focus();
-    });
-  };
-  const menuClasses = classNames("fake-menu-button__menu", {
-    "menu-button__menu--fix-width": fixWidth,
-    "menu-button__menu--reverse": reverse
-  });
-  const buttonProps = {
-    ref,
-    className: "fake-menu-button__button",
-    "aria-expanded": !!expanded,
-    "aria-haspopup": true,
-    "aria-label": a11yText,
-    "aria-controls": menuId,
-    onClick: () => setExpanded(!expanded),
-    ...rest
-  };
-  return React.createElement(
-    "span",
-    { className: classNames("fake-menu-button", className) },
-    variant === "overflow" ? React.createElement(iconButton.EbayIconButton, { icon: "overflowHorizontal24", ...buttonProps }) : React.createElement(
-      button.EbayButton,
-      { variant: variant === "form" ? "form" : void 0, bodyState: noToggleIcon ? void 0 : "expand", ...buttonProps },
-      icon$1,
-      label
-    ),
-    expanded && React.createElement(menu.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown, onSelect }, menuItems.map((item, i) => React.cloneElement(item, {
-      ...item.props,
-      onMouseDown: (e) => {
-        onMouseDown(e, { index: i });
-      },
-      className: classNames(item.props.className, "fake-menu-button__item"),
-      key: i,
-      autoFocus: i === 0
-    })))
-  );
-};
-exports.EbayFakeMenuButtonItem = EbayFakeMenuButtonItem;
-exports.EbayFakeMenuButtonLabel = EbayFakeMenuButtonLabel;
-exports.EbayMenuButton = EbayMenuButton;
-exports.EbayMenuButtonSeparator = EbayMenuButtonSeparator;

package/menu-fCOy6wBS.js

@@ -1,29 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const EbayFakeMenu = ({ className, itemMatchesUrl = true, onKeyDown = () => {
-}, onSelect = () => {
-}, children, ...rest }) => {
-  const childrenArray = React.Children.toArray(children);
-  const defaultAriaCurrent = itemMatchesUrl === false ? "true" : "page";
-  return React.createElement(
-    "div",
-    { ...rest, className: classNames(className, "fake-menu") },
-    React.createElement("ul", { className: "fake-menu__items", tabIndex: -1 }, childrenArray.map((child, i) => {
-      const { current, onClick = () => {
-      }, ...itemRest } = child.props;
-      return React.createElement("li", { key: i }, React.cloneElement(child, {
-        ...itemRest,
-        "aria-current": current ? defaultAriaCurrent : void 0,
-        onClick: (e) => {
-          onSelect(e, { index: i });
-          onClick(e);
-        },
-        onKeyDown: (e) => {
-          onKeyDown(e, { index: i });
-        }
-      }));
-    }))
-  );
-};
-exports.EbayFakeMenu = EbayFakeMenu;

package/notice-content-BTXVxttv.js

@@ -1,8 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const NoticeContent = ({ className, type, children }) => {
-  const ContentTag = type === "inline" ? "span" : "div";
-  return React.createElement(ContentTag, { className: classNames(className, `${type}-notice__main`) }, children);
-};
-exports.NoticeContent = NoticeContent;

package/notice-content-BhUeK1pd.js

@@ -1,3 +0,0 @@
-"use strict";
-const EbayNoticeContent = () => null;
-exports.EbayNoticeContent = EbayNoticeContent;

package/notice-footer-CIQ8SM6N.js

@@ -1,10 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const NoticeTitle = ({ className, type, as, children, ...rest }) => {
-  const HeadingTag = as || `h2`;
-  return React.createElement(HeadingTag, { className: classNames(className, `${type}-notice__title`), ...rest }, children);
-};
-const NoticeFooter = ({ className, type, children, ...rest }) => React.createElement("div", { className: classNames(className, `${type}-notice__footer`), ...rest }, children);
-exports.NoticeFooter = NoticeFooter;
-exports.NoticeTitle = NoticeTitle;

package/progress-spinner-DOFKRtuu.js

@@ -1,20 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const icon = require("./icon-B17Di3YL.js");
-const sizeClass = {
-  "default": "",
-  "small": "progress-spinner--small",
-  "large": "progress-spinner--large"
-};
-const iconName = {
-  "default": "spinner24",
-  "small": "spinner20",
-  "large": "spinner30"
-};
-const EbayProgressSpinner = ({ size = "default", "aria-label": ariaLabel = "Busy", className, ...rest }) => React.createElement(
-  "span",
-  { ...rest, className: classNames("progress-spinner", sizeClass[size], className), "aria-label": ariaLabel, role: "img" },
-  React.createElement(icon.EbayIcon, { name: iconName[size] })
-);
-exports.EbayProgressSpinner = EbayProgressSpinner;

package/range-C5qzyhg4.js

@@ -1,3 +0,0 @@
-"use strict";
-const range = (start, stop, step = 1) => Array(Math.ceil((stop + 1 - start) / step)).fill(start).map((x, y) => x + y * step);
-exports.range = range;

package/textbox-J291yCpJ.js

@@ -1,136 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const common_componentUtils_forwardRef = require("./common/component-utils/forwardRef/index.js");
-const common_componentUtils_utils = require("./common/component-utils/utils/index.js");
-const icon = require("./icon-B17Di3YL.js");
-const iconButton = require("./icon-button-BQWoMgX1.js");
-const common_floatingLabelUtils_hooks = require("./common/floating-label-utils/hooks/index.js");
-const EbayTextboxPostfixIcon = ({ name, buttonAriaLabel, onClick = () => {
-}, ...rest }) => buttonAriaLabel ? React.createElement(iconButton.EbayIconButton, { "aria-label": buttonAriaLabel, icon: name, transparent: true, onClick, ...rest }) : React.createElement(icon.EbayIcon, { name, ...rest });
-const EbayTextboxPostfixText = (props) => React.createElement("span", { ...props });
-const EbayTextboxPrefixIcon = ({ name, ...rest }) => React.createElement(icon.EbayIcon, { name, ...rest });
-const EbayTextboxPrefixText = (props) => React.createElement("span", { ...props });
-const isControlled = (value) => typeof value !== "undefined";
-const EbayTextbox = ({ type = "text", invalid, fluid, multiline, onChange = () => {
-}, onInputChange = () => {
-}, onFocus = () => {
-}, onBlur = () => {
-}, onKeyPress = () => {
-}, onKeyUp = () => {
-}, onKeyDown = () => {
-}, onInvalid = () => {
-}, onFloatingLabelInit = () => {
-}, onButtonClick = () => {
-}, autoFocus, defaultValue = "", value: controlledValue, forwardedRef, inputSize = "default", floatingLabel, children, placeholder, opaqueLabel, ...rest }) => {
-  var _a, _b;
-  const [value, setValue] = React.useState(defaultValue);
-  const [inputValue, setInputValue] = React.useState(defaultValue);
-  const { label, Container, onBlur: onFloatingLabelBlur, onFocus: onFloatingLabelFocus, ref, placeholder: floatingLabelPlaceholder } = common_floatingLabelUtils_hooks.useFloatingLabel({
-    ref: forwardedRef,
-    inputId: rest.id,
-    className: rest.className,
-    disabled: rest.disabled,
-    label: floatingLabel,
-    inputSize,
-    inputValue: controlledValue || inputValue,
-    placeholder,
-    invalid,
-    type,
-    opaqueLabel,
-    onMount: onFloatingLabelInit
-  });
-  const handleFocus = (event) => {
-    var _a2;
-    onFocus(event, { value: ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value) || defaultValue });
-    onFloatingLabelFocus();
-  };
-  const handleBlur = (event) => {
-    var _a2;
-    const newValue = (_a2 = event.target) == null ? void 0 : _a2.value;
-    onBlur(event, { value: newValue });
-    if (newValue !== value) {
-      onChange(event, { value: newValue });
-      setValue(newValue);
-    }
-    onFloatingLabelBlur();
-  };
-  const handleKeyPress = (event) => {
-    const textbox = event.target;
-    onKeyPress(event, { value: textbox == null ? void 0 : textbox.value });
-  };
-  const handleKeyUp = (event) => {
-    const textbox = event.target;
-    onKeyUp(event, { value: textbox == null ? void 0 : textbox.value });
-  };
-  const handleKeyDown = (event) => {
-    const textbox = event.target;
-    onKeyDown(event, { value: textbox == null ? void 0 : textbox.value });
-  };
-  const handleInvalid = (event) => {
-    const textbox = event.target;
-    onInvalid(event, { value: textbox == null ? void 0 : textbox.value });
-  };
-  const handleButtonClick = (event) => {
-    onButtonClick(event, { value });
-  };
-  React.useEffect(() => {
-    if (autoFocus) {
-      handleFocus();
-    }
-  }, []);
-  const handleInputChange = (e) => {
-    var _a2;
-    const newValue = (_a2 = e.target) == null ? void 0 : _a2.value;
-    if (!isControlled(controlledValue)) {
-      setInputValue(newValue);
-    }
-    onInputChange(e, { value: newValue });
-  };
-  const Input = multiline ? "textarea" : "input";
-  const Wrapper = fluid ? "div" : "span";
-  const prefixIcon = common_componentUtils_utils.findComponent(children, EbayTextboxPrefixIcon);
-  const prefixText = common_componentUtils_utils.findComponent(children, EbayTextboxPrefixText);
-  const prefixId = (_a = prefixText == null ? void 0 : prefixText.props) == null ? void 0 : _a.id;
-  const postfixIcon = common_componentUtils_utils.findComponent(children, EbayTextboxPostfixIcon);
-  const postfixText = common_componentUtils_utils.findComponent(children, EbayTextboxPostfixText);
-  const postfixId = (_b = postfixText == null ? void 0 : postfixText.props) == null ? void 0 : _b.id;
-  const wrapperClassName = classNames("textbox", rest.className, {
-    "textbox--fluid": fluid,
-    "textbox--large": inputSize === "large",
-    /** start remove after `:has` support */
-    "textbox--disabled": rest.disabled,
-    "textbox--invalid": invalid,
-    "textbox--readonly": rest.readOnly
-    /** end remove after `:has` support */
-  });
-  return React.createElement(
-    Container,
-    null,
-    label,
-    React.createElement(
-      Wrapper,
-      { className: wrapperClassName },
-      prefixIcon,
-      prefixText,
-      React.createElement(Input, { "aria-describedby": [prefixId, postfixId].filter(Boolean).join(" ") || void 0, ...rest, className: "textbox__control", type, "aria-invalid": invalid, value: isControlled(controlledValue) ? controlledValue : inputValue, onChange: handleInputChange, onBlur: handleBlur, onFocus: handleFocus, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onInvalid: handleInvalid, autoFocus, ref, placeholder: floatingLabelPlaceholder }),
-      postfixText,
-      postfixIcon && React.cloneElement(postfixIcon, {
-        ...postfixIcon.props,
-        onClick: (e) => {
-          const { onClick: iconClick = () => {
-          } } = postfixIcon.props;
-          iconClick(e);
-          handleButtonClick(e);
-        }
-      })
-    )
-  );
-};
-const EbayTextbox$1 = common_componentUtils_forwardRef.withForwardRef(EbayTextbox);
-exports.EbayTextbox = EbayTextbox$1;
-exports.EbayTextboxPostfixIcon = EbayTextboxPostfixIcon;
-exports.EbayTextboxPostfixText = EbayTextboxPostfixText;
-exports.EbayTextboxPrefixIcon = EbayTextboxPrefixIcon;
-exports.EbayTextboxPrefixText = EbayTextboxPrefixText;
-exports.isControlled = isControlled;

package/use-roving-index-CEM_UsCH.js

@@ -1,58 +0,0 @@
-"use strict";
-const React = require("react");
-const useKeyPress = () => {
-  const [arrowUpPressed, setArrowUpPressed] = React.useState(false);
-  const [arrowDownPressed, setArrowDownPressed] = React.useState(false);
-  const upHandler = ({ key }) => {
-    const fn = {
-      ArrowUp: setArrowUpPressed,
-      ArrowDown: setArrowDownPressed
-    }[key];
-    if (fn)
-      fn(false);
-  };
-  const downHandler = ({ key }) => {
-    const fn = {
-      ArrowUp: setArrowUpPressed,
-      ArrowDown: setArrowDownPressed
-    }[key];
-    if (fn)
-      fn(true);
-  };
-  React.useEffect(() => {
-    window.addEventListener("keydown", downHandler);
-    window.addEventListener("keyup", upHandler);
-    return () => {
-      window.removeEventListener("keydown", downHandler);
-      window.removeEventListener("keyup", upHandler);
-    };
-  }, []);
-  return [arrowUpPressed, arrowDownPressed];
-};
-const useRovingIndex = (children, FocusableType, defaultValue) => {
-  const [rovingIndex, setRovingIndex] = React.useState(defaultValue);
-  const [arrowUpPressed, arrowDownPressed] = useKeyPress();
-  const rovingIndexArray = React.Children.toArray(children).reduce((focusables, child, i) => child.type === FocusableType ? [...focusables, i] : focusables, []);
-  const currentIndex = rovingIndexArray.indexOf(rovingIndex);
-  const previousOrCurrent = () => {
-    if (currentIndex === -1)
-      return rovingIndex;
-    const previousRovingIndex = rovingIndexArray[currentIndex - 1];
-    return previousRovingIndex === void 0 ? rovingIndex : previousRovingIndex;
-  };
-  const nextOrCurrent = () => {
-    if (currentIndex === -1)
-      return rovingIndex;
-    const nextRovingIndex = rovingIndexArray[currentIndex + 1];
-    return nextRovingIndex === void 0 ? rovingIndex : nextRovingIndex;
-  };
-  React.useEffect(() => {
-    if (arrowUpPressed)
-      setRovingIndex(previousOrCurrent());
-    if (arrowDownPressed)
-      setRovingIndex(nextOrCurrent());
-  }, [arrowUpPressed, arrowDownPressed]);
-  return [rovingIndex, setRovingIndex];
-};
-exports.useKeyPress = useKeyPress;
-exports.useRovingIndex = useRovingIndex;

package/use-tooltip-7JxcZHJn.js

@@ -1,92 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const common_componentUtils_forwardRef = require("./common/component-utils/forwardRef/index.js");
-const common_componentUtils_utils = require("./common/component-utils/utils/index.js");
-const icon = require("./icon-B17Di3YL.js");
-const common_tooltipUtils_constants = require("./common/tooltip-utils/constants/index.js");
-const TooltipHost = ({ children, className, forwardedRef, ...rest }) => {
-  React.Children.only(children);
-  return React.cloneElement(children, {
-    ref: forwardedRef,
-    ...rest,
-    className: classNames(className, children.props.className)
-  });
-};
-const Tooltip = ({ className, type, isExpanded, children, forwardedRef, ...rest }) => {
-  var _a;
-  const originalHostComponent = common_componentUtils_utils.findComponent(children, TooltipHost);
-  const content = common_componentUtils_utils.excludeComponent(children, TooltipHost)[0];
-  if (!originalHostComponent) {
-    throw new Error(`Tooltip: Please use a TooltipHost that defines the host of the tooltip`);
-  }
-  const host = React.cloneElement(originalHostComponent, {
-    className: `${type}__host`,
-    "aria-expanded": isExpanded,
-    "aria-describedby": (_a = content == null ? void 0 : content.props) == null ? void 0 : _a.id,
-    ...originalHostComponent.props
-  });
-  return React.createElement(
-    "span",
-    { ...rest, ref: forwardedRef, className: classNames(className, type, {
-      [`${type}--expanded`]: isExpanded
-    }) },
-    host,
-    content
-  );
-};
-const Tooltip$1 = common_componentUtils_forwardRef.withForwardRef(Tooltip);
-const TooltipCloseButton = () => null;
-const TooltipFooter = ({ children, className, type = "tourtip" }) => React.createElement("div", { className: classNames(`${type}__footer`, className) }, children);
-const TooltipContent = ({ id, style, pointer = common_tooltipUtils_constants.DEFAULT_POINTER_DIRECTION, children, type = "tooltip", showCloseButton, a11yCloseText, onClose }) => {
-  const closeButton = common_componentUtils_utils.findComponent(children, TooltipCloseButton);
-  const footer = common_componentUtils_utils.findComponent(children, TooltipFooter);
-  const allChildrenExceptFooter = common_componentUtils_utils.excludeComponent(children, TooltipFooter);
-  return React.createElement(
-    "span",
-    { className: `${type}__overlay`, id, role: common_tooltipUtils_constants.TYPE_ROLES[type] || null, style: { ...common_tooltipUtils_constants.POINTER_STYLES[pointer], ...style } },
-    React.createElement("span", { className: `${type}__pointer ${type}__pointer--${pointer}` }),
-    React.createElement(
-      "span",
-      { className: `${type}__mask` },
-      React.createElement(
-        "span",
-        { className: `${type}__cell` },
-        React.createElement("span", { className: `${type}__content` }, allChildrenExceptFooter),
-        showCloseButton ? React.createElement(
-          "button",
-          { ...closeButton == null ? void 0 : closeButton.props, className: `icon-btn icon-btn--transparent ${type}__close`, type: "button", "aria-label": a11yCloseText, onClick: onClose },
-          React.createElement(icon.EbayIcon, { name: "close16" })
-        ) : null,
-        footer
-      )
-    )
-  );
-};
-const useTooltip = ({ onExpand, onCollapse, initialExpanded = false, hostRef }) => {
-  const [isExpanded, setIsExpanded] = React.useState(initialExpanded);
-  const expandTooltip = () => {
-    setIsExpanded(true);
-    if (onExpand) {
-      onExpand();
-    }
-  };
-  const collapseTooltip = () => {
-    var _a;
-    setIsExpanded(false);
-    if (onCollapse) {
-      onCollapse();
-    }
-    (_a = hostRef == null ? void 0 : hostRef.current) == null ? void 0 : _a.focus();
-  };
-  return {
-    isExpanded,
-    expandTooltip,
-    collapseTooltip
-  };
-};
-exports.Tooltip = Tooltip$1;
-exports.TooltipContent = TooltipContent;
-exports.TooltipFooter = TooltipFooter;
-exports.TooltipHost = TooltipHost;
-exports.useTooltip = useTooltip;