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

package/icon-button-BQWoMgX1.js

@@ -1,31 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const icon = require("./icon-B17Di3YL.js");
-const badge = require("./badge-CR5t7-2L.js");
-const common_componentUtils_forwardRef = require("./common/component-utils/forwardRef/index.js");
-require("./array.polyfill.flat-DyxysTxZ.js");
-const EbayIconButton = ({ href, icon: icon$1, badgeNumber, badgeAriaLabel, transparent, className: extraClasses, forwardedRef, size, onEscape = () => {
-}, onKeyDown = () => {
-}, ...rest }) => {
-  const classPrefix = href ? "icon-link" : "icon-btn";
-  const className = classNames(extraClasses, classPrefix, size && `${classPrefix}--${size}`, {
-    [`${classPrefix}--badged`]: badgeNumber,
-    [`${classPrefix}--transparent`]: transparent
-  });
-  const children = React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(icon.EbayIcon, { name: icon$1 }),
-    badgeNumber && React.createElement(badge.EbayBadge, { type: "icon", number: badgeNumber, "aria-label": badgeAriaLabel })
-  );
-  const keyDownHandler = (e) => {
-    if (e.key === "Escape" || e.key === "Esc") {
-      onEscape(e);
-    }
-    onKeyDown(e);
-  };
-  return href ? React.createElement("a", { ref: forwardedRef, className, href, onKeyDown: keyDownHandler, ...rest }, children) : React.createElement("button", { ref: forwardedRef, type: "button", className, onKeyDown: keyDownHandler, ...rest }, children);
-};
-const EbayIconButton$1 = common_componentUtils_forwardRef.withForwardRef(EbayIconButton);
-exports.EbayIconButton = EbayIconButton$1;

package/index-BXizW4ue.js

@@ -1,89 +0,0 @@
-"use strict";
-const sequenceMap = {};
-const defaultPrefix = "nid";
-const randomPortion = createRandomPortion(3);
-function randomNumber(max) {
-  return Math.floor(Math.random() * max);
-}
-function createRandomPortion(size) {
-  const letters = "abcdefghijklmnopqrstuvwxyz";
-  const digits = "0123456789";
-  const allChars = letters + digits;
-  let portion = letters[randomNumber(25)];
-  for (let i = 1; i < size; i++) {
-    portion += allChars[randomNumber(35)];
-  }
-  return portion;
-}
-function src_default$1(el, prefix = defaultPrefix) {
-  const separator = prefix === "" ? "" : "-";
-  const key = `${prefix}${separator}${randomPortion}`;
-  sequenceMap[key] = sequenceMap[key] || 0;
-  if (!el.id) {
-    el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
-  }
-  return el.id;
-}
-const focusExitEmitters = {};
-function doFocusExit(el, fromElement, toElement) {
-  el.dispatchEvent(
-    new CustomEvent("focusExit", {
-      detail: { fromElement, toElement },
-      bubbles: false
-      // mirror the native mouseleave event
-    })
-  );
-}
-function onDocumentFocusIn(e) {
-  const newFocusElement = e.target;
-  const targetIsDescendant = this.el.contains(newFocusElement);
-  if (targetIsDescendant === true) {
-    this.currentFocusElement = newFocusElement;
-  } else {
-    window.removeEventListener("blur", this.onWindowBlurListener);
-    document.removeEventListener("focusin", this.onDocumentFocusInListener);
-    doFocusExit(this.el, this.currentFocusElement, newFocusElement);
-    this.currentFocusElement = null;
-  }
-}
-function onWindowBlur() {
-  doFocusExit(this.el, this.currentFocusElement, void 0);
-}
-function onWidgetFocusIn() {
-  document.addEventListener("focusin", this.onDocumentFocusInListener);
-  window.addEventListener("blur", this.onWindowBlurListener);
-}
-class FocusExitEmitter {
-  constructor(el) {
-    this.el = el;
-    this.currentFocusElement = null;
-    this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);
-    this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);
-    this.onWindowBlurListener = onWindowBlur.bind(this);
-    this.el.addEventListener("focusin", this.onWidgetFocusInListener);
-  }
-  removeEventListeners() {
-    window.removeEventListener("blur", this.onWindowBlurListener);
-    document.removeEventListener("focusin", this.onDocumentFocusInListener);
-    this.el.removeEventListener("focusin", this.onWidgetFocusInListener);
-  }
-}
-function addFocusExit(el) {
-  let exitEmitter = null;
-  src_default$1(el);
-  if (!focusExitEmitters[el.id]) {
-    exitEmitter = new FocusExitEmitter(el);
-    focusExitEmitters[el.id] = exitEmitter;
-  }
-  return exitEmitter;
-}
-function removeFocusExit(el) {
-  const exitEmitter = focusExitEmitters[el.id];
-  if (exitEmitter) {
-    exitEmitter.removeEventListeners();
-    delete focusExitEmitters[el.id];
-  }
-}
-exports.addFocusExit = addFocusExit;
-exports.removeFocusExit = removeFocusExit;
-exports.src_default = src_default$1;

package/index-DcH7Tjjd.js

@@ -1,272 +0,0 @@
-"use strict";
-const index = require("./index-BXizW4ue.js");
-const focusableElList = [
-  "a[href]",
-  "area[href]",
-  "button:not([disabled])",
-  "embed",
-  "iframe",
-  "input:not([disabled])",
-  "object",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "*[tabindex]",
-  "*[contenteditable]"
-];
-const focusableElSelector = focusableElList.join();
-function src_default$1(el, keyboardOnly = false, callback) {
-  return getFocusables(el, keyboardOnly);
-}
-function getFocusables(el, keyboardOnly = false) {
-  let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));
-  focusableEls = focusableEls.filter(function(focusableEl) {
-    return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);
-  });
-  if (keyboardOnly === true) {
-    focusableEls = focusableEls.filter(function(focusableEl) {
-      return focusableEl.getAttribute("tabindex") !== "-1";
-    });
-  }
-  return focusableEls;
-}
-const defaultOptions = {
-  alwaysDoFocusManagement: false,
-  ariaControls: true,
-  autoCollapse: false,
-  collapseOnFocusOut: false,
-  collapseOnMouseOut: false,
-  collapseOnClickOut: false,
-  contentSelector: ".expander__content",
-  expandedClass: null,
-  expandOnClick: false,
-  expandOnFocus: false,
-  expandOnHover: false,
-  focusManagement: null,
-  hostSelector: ".expander__host",
-  simulateSpacebarClick: false
-};
-function onHostKeyDown(e) {
-  if (e.keyCode === 13 || e.keyCode === 32) {
-    this._keyboardClickFlag = true;
-  }
-  if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {
-    this.hostEl.click();
-  }
-}
-function onHostMouseDown() {
-  this._mouseClickFlag = true;
-}
-function onHostClick() {
-  this._expandWasKeyboardClickActivated = this._keyboardClickFlag;
-  this._expandWasMouseClickActivated = this._mouseClickFlag;
-  this.expanded = !this.expanded;
-}
-function onHostFocus() {
-  this._expandWasFocusActivated = true;
-  this.expanded = true;
-}
-function onHostHover() {
-  clearTimeout(this._mouseLeft);
-  this._expandWasHoverActivated = true;
-  this.expanded = true;
-}
-function onFocusExit() {
-  this.expanded = false;
-}
-function onMouseLeave() {
-  clearTimeout(this._mouseLeft);
-  this._mouseLeft = setTimeout(() => {
-    this.expanded = false;
-  }, 300);
-}
-function _onDocumentClick(e) {
-  if (this.el.contains(e.target) === false) {
-    this.expanded = false;
-  }
-}
-function _onDocumentTouchStart() {
-  this.documentClick = true;
-}
-function _onDocumentTouchMove() {
-  this.documentClick = false;
-}
-function _onDocumentTouchEnd(e) {
-  if (this.documentClick === true) {
-    this.documentClick = false;
-    if (this.el.contains(e.target) === false) {
-      this.expanded = false;
-    }
-  }
-}
-function manageFocus(focusManagement, contentEl) {
-  if (focusManagement === "content") {
-    contentEl.setAttribute("tabindex", "-1");
-    contentEl.focus();
-  } else if (focusManagement === "focusable") {
-    src_default$1(contentEl)[0].focus();
-  } else if (focusManagement === "interactive") {
-    src_default$1(contentEl, true)[0].focus();
-  } else if (focusManagement !== null) {
-    const el = contentEl.querySelector(`#${focusManagement}`);
-    if (el) {
-      el.focus();
-    }
-  }
-}
-class src_default {
-  constructor(el, selectedOptions) {
-    this.options = Object.assign({}, defaultOptions, selectedOptions);
-    this.el = el;
-    this.hostEl = el.querySelector(this.options.hostSelector);
-    this.contentEl = el.querySelector(this.options.contentSelector);
-    index.addFocusExit(this.el);
-    this._hostKeyDownListener = onHostKeyDown.bind(this);
-    this._hostMouseDownListener = onHostMouseDown.bind(this);
-    this._documentClickListener = _onDocumentClick.bind(this);
-    this._documentTouchStartListener = _onDocumentTouchStart.bind(this);
-    this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);
-    this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);
-    this._hostClickListener = onHostClick.bind(this);
-    this._hostFocusListener = onHostFocus.bind(this);
-    this._hostHoverListener = onHostHover.bind(this);
-    this._focusExitListener = onFocusExit.bind(this);
-    this._mouseLeaveListener = onMouseLeave.bind(this);
-    if (this.hostEl.getAttribute("aria-expanded") === null) {
-      this.hostEl.setAttribute("aria-expanded", "false");
-    }
-    if (this.options.ariaControls === true) {
-      index.src_default(this.el, "expander");
-      this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;
-      this.hostEl.setAttribute("aria-controls", this.contentEl.id);
-    }
-    this.expandOnClick = this.options.expandOnClick;
-    this.expandOnFocus = this.options.expandOnFocus;
-    this.expandOnHover = this.options.expandOnHover;
-    if (this.options.autoCollapse === false) {
-      this.collapseOnClickOut = this.options.collapseOnClickOut;
-      this.collapseOnFocusOut = this.options.collapseOnFocusOut;
-      this.collapseOnMouseOut = this.options.collapseOnMouseOut;
-    }
-  }
-  set expandOnClick(bool) {
-    if (bool === true) {
-      this.hostEl.addEventListener("keydown", this._hostKeyDownListener);
-      this.hostEl.addEventListener("mousedown", this._hostMouseDownListener);
-      this.hostEl.addEventListener("click", this._hostClickListener);
-      if (this.options.autoCollapse === true) {
-        this.collapseOnClickOut = true;
-        this.collapseOnFocusOut = true;
-      }
-    } else {
-      this.hostEl.removeEventListener("click", this._hostClickListener);
-      this.hostEl.removeEventListener("mousedown", this._hostMouseDownListener);
-      this.hostEl.removeEventListener("keydown", this._hostKeyDownListener);
-    }
-  }
-  set expandOnFocus(bool) {
-    if (bool === true) {
-      this.hostEl.addEventListener("focus", this._hostFocusListener);
-      if (this.options.autoCollapse === true) {
-        this.collapseOnClickOut = true;
-        this.collapseOnFocusOut = true;
-      }
-    } else {
-      this.hostEl.removeEventListener("focus", this._hostFocusListener);
-    }
-  }
-  set expandOnHover(bool) {
-    if (bool === true) {
-      this.hostEl.addEventListener("mouseenter", this._hostHoverListener);
-      this.contentEl.addEventListener("mouseenter", this._hostHoverListener);
-      if (this.options.autoCollapse === true) {
-        this.collapseOnMouseOut = true;
-      }
-    } else {
-      this.hostEl.removeEventListener("mouseenter", this._hostHoverListener);
-      this.contentEl.removeEventListener("mouseenter", this._hostHoverListener);
-    }
-  }
-  set collapseOnClickOut(bool) {
-    if (bool === true) {
-      document.addEventListener("click", this._documentClickListener);
-      document.addEventListener("touchstart", this._documentTouchStartListener);
-      document.addEventListener("touchmove", this._documentTouchMoveListener);
-      document.addEventListener("touchend", this._documentTouchEndListener);
-    } else {
-      document.removeEventListener("click", this._documentClickListener);
-      document.removeEventListener("touchstart", this._documentTouchStartListener);
-      document.removeEventListener("touchmove", this._documentTouchMoveListener);
-      document.removeEventListener("touchend", this._documentTouchEndListener);
-    }
-  }
-  set collapseOnFocusOut(bool) {
-    if (bool === true) {
-      this.el.addEventListener("focusExit", this._focusExitListener);
-    } else {
-      this.el.removeEventListener("focusExit", this._focusExitListener);
-    }
-  }
-  set collapseOnMouseOut(bool) {
-    if (bool === true) {
-      this.el.addEventListener("mouseleave", this._mouseLeaveListener);
-      this.contentEl.addEventListener("mouseleave", this._mouseLeaveListener);
-    } else {
-      this.el.removeEventListener("mouseleave", this._mouseLeaveListener);
-      this.contentEl.removeEventListener("mouseleave", this._mouseLeaveListener);
-    }
-  }
-  get expanded() {
-    return this.hostEl.getAttribute("aria-expanded") === "true";
-  }
-  set expanded(bool) {
-    if (bool === true && this.expanded === false) {
-      this.hostEl.setAttribute("aria-expanded", "true");
-      if (this.options.expandedClass) {
-        this.el.classList.add(this.options.expandedClass);
-      }
-      if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {
-        manageFocus(this.options.focusManagement, this.contentEl);
-      }
-      this.el.dispatchEvent(new CustomEvent("expander-expand", { bubbles: true, detail: this.contentEl }));
-    }
-    if (bool === false && this.expanded === true) {
-      this.hostEl.setAttribute("aria-expanded", "false");
-      if (this.options.expandedClass) {
-        this.el.classList.remove(this.options.expandedClass);
-      }
-      this.el.dispatchEvent(new CustomEvent("expander-collapse", { bubbles: true, detail: this.contentEl }));
-    }
-    this._expandWasKeyboardClickActivated = false;
-    this._expandWasMouseClickActivated = false;
-    this._expandWasFocusActivated = false;
-    this._expandWasHoverActivated = false;
-    this._keyboardClickFlag = false;
-    this._mouseClickFlag = false;
-  }
-  sleep() {
-    if (this._destroyed !== true) {
-      this.expandOnClick = false;
-      this.expandOnFocus = false;
-      this.expandOnHover = false;
-      this.collapseOnClickOut = false;
-      this.collapseOnFocusOut = false;
-      this.collapseOnMouseOut = false;
-    }
-  }
-  destroy() {
-    this.sleep();
-    this._destroyed = true;
-    this._hostKeyDownListener = null;
-    this._hostMouseDownListener = null;
-    this._documentClickListener = null;
-    this._documentTouchStartListener = null;
-    this._documentTouchMoveListener = null;
-    this._documentTouchEndListener = null;
-    this._hostClickListener = null;
-    this._hostFocusListener = null;
-    this._hostHoverListener = null;
-    this._focusExitListener = null;
-    this._mouseLeaveListener = null;
-  }
-}
-exports.src_default = src_default;

package/label-C0AS4fnO.js

@@ -1,19 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const Label = ({ className, children, stacked = false, required = false, position = "start", ...rest }) => {
-  const wrapperClassName = classNames(`field__label`, className, { "field__label--stacked": stacked }, { "field__label--end": position === "end" });
-  const requiredMark = required ? React.createElement(
-    React.Fragment,
-    null,
-    " ",
-    React.createElement("sup", null, "*")
-  ) : null;
-  return React.createElement(
-    "label",
-    { className: wrapperClassName, ...rest },
-    children,
-    requiredMark
-  );
-};
-exports.Label = Label;