@ebay/ui-core-react 7.1.0-alpha.2 → 7.1.0

package/ebay-switch.mjs

@@ -1,25 +0,0 @@
-import a, { useState as C, useEffect as w } from "react";
-import E from "classnames";
-const l = (t) => typeof t < "u", b = ({ id: t, value: r, name: i, className: h, checked: e, defaultChecked: m = !1, onChange: u = () => {
-}, ...p }) => {
-  const [s, c] = C(m);
-  w(() => {
-    c(!!e);
-  }, [e]);
-  const f = (n) => {
-    const { value: d = "", checked: o = !1 } = n.target || {};
-    u(n, {
-      value: d,
-      checked: o
-    }), c(o);
-  };
-  return a.createElement(
-    "span",
-    { className: "switch" },
-    a.createElement("input", { ...p, className: E("switch__control", h), id: t, role: "switch", type: "checkbox", value: r, "aria-checked": l(e) ? e : s, checked: l(e) ? e : s, name: i, onChange: f }),
-    a.createElement("span", { className: "switch__button" })
-  );
-};
-export {
-  b as EbaySwitch
-};

package/ebay-tabs.mjs

@@ -1,66 +0,0 @@
-import c, { useState as x, useEffect as L, cloneElement as g } from "react";
-import f from "classnames";
-import { h as P, a as k } from "./index-B5oC9Rl1.mjs";
-import { b as _ } from "./utils-BipBqkOS.mjs";
-const N = ({ children: n, index: l, parentId: t, selected: r, focused: o, className: d, refCallback: u, ...m }) => c.createElement(
-  "div",
-  { ...m, ref: u, "aria-controls": `${t || "default"}-tabpanel-${l}`, "aria-selected": r, className: f(d, "tabs__item"), id: `${t || "default"}-tab-${l}`, role: "tab", tabIndex: o ? 0 : -1 },
-  c.createElement("span", null, n)
-), A = ({ children: n, index: l, parentId: t, selected: r, className: o, ...d }) => c.createElement(
-  "div",
-  { ...d, "aria-labelledby": `default-tab-${l}`, className: f(o, "tabs__panel"), id: `${t || "default"}-tabpanel-${l}`, role: "tabpanel", hidden: !r },
-  c.createElement("div", { className: "tabs__cell" }, n)
-), H = ({ id: n, className: l, index: t = 0, size: r = "medium", activation: o = "auto", onSelect: d = () => {
-}, onTabSelect: u = () => {
-}, children: m }) => {
-  const y = [], [p, T] = x(t), [i, I] = x(t), b = (e) => {
-    d({ selectedIndex: e }), u(e), T(e);
-  }, $ = (e, a) => {
-    P(e, () => {
-      e.preventDefault(), o === "manual" && b(a);
-    }), k(e, () => {
-      var h;
-      e.preventDefault();
-      const s = _(m, N).length, K = ["Left", "ArrowLeft"].includes(e.key) ? -1 : 1, E = ((i === void 0 ? p : i) + s + K) % s;
-      I(E), (h = y[E]) == null || h.focus(), o !== "manual" && b(E);
-    });
-  };
-  L(() => {
-    b(t);
-  }, [t]);
-  const w = r === "large", v = _(m, N).map((e, a) => g(e, {
-    ...e.props,
-    refCallback: (s) => {
-      y[a] = s;
-    },
-    index: a,
-    parentId: n,
-    selected: p === a,
-    focused: i === a,
-    onClick: () => {
-      b(a), I(a);
-    },
-    onKeyDown: (s) => {
-      $(s, a);
-    }
-  })), D = _(m, A).map((e, a) => {
-    const s = {
-      index: a,
-      parentId: n,
-      selected: p === a,
-      children: e.props.children
-    };
-    return g(e, s);
-  });
-  return c.createElement(
-    "div",
-    { id: n, className: f(l, "tabs") },
-    c.createElement("div", { className: f("tabs__items", { "tabs__items--large": w }), role: "tablist" }, v),
-    c.createElement("div", { className: "tabs__content" }, D)
-  );
-};
-export {
-  N as EbayTab,
-  A as EbayTabPanel,
-  H as EbayTabs
-};

package/ebay-textbox.mjs

@@ -1,8 +0,0 @@
-import { E as b, c as o, d as e, a as t, b as s } from "./textbox-BxYjEAZK.mjs";
-export {
-  b as EbayTextbox,
-  o as EbayTextboxPostfixIcon,
-  e as EbayTextboxPostfixText,
-  t as EbayTextboxPrefixIcon,
-  s as EbayTextboxPrefixText
-};

package/ebay-toast-dialog.mjs

@@ -1,9 +0,0 @@
-import s from "react";
-import i from "classnames";
-import { D as e } from "./dialog-previous-button-gmkm4c8J.mjs";
-import "./icon-button-Dy8rjzH7.mjs";
-const c = ({ className: t, onClose: o = () => {
-}, ...a }) => s.createElement(e, { ...a, isModal: !1, baseEl: "aside", classPrefix: "toast-dialog", buttonPosition: "right", transitionElement: "root", className: i(t, "toast-dialog--transition"), onCloseBtnClick: o });
-export {
-  c as EbayToast
-};

package/ebay-tooltip.mjs

@@ -1,39 +0,0 @@
-import e, { useRef as R } from "react";
-import { f as p } from "./utils-BipBqkOS.mjs";
-import { u as B, T as F, a as H, b as L } from "./use-tooltip-Bibsm2rU.mjs";
-import "classnames";
-import "./icon-B_a65KUD.mjs";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-const P = () => null, v = () => null, D = ({ className: c, pointer: u, overlayStyle: m, noHover: n, onFocus: T = () => {
-}, onBlur: f = () => {
-}, onMouseEnter: E = () => {
-}, onMouseLeave: h = () => {
-}, onExpand: y, onCollapse: d, children: s, ...b }) => {
-  const { isExpanded: w, expandTooltip: l, collapseTooltip: r } = B({ onCollapse: d, onExpand: y }), t = R(), C = (o) => {
-    E(o), n || (clearTimeout(t.current), l());
-  }, M = (o) => {
-    h(o), n || (clearTimeout(t.current), t.current = setTimeout(() => {
-      r();
-    }, 300));
-  }, O = (o) => {
-    T(o), l();
-  }, x = (o) => {
-    f(o), r();
-  }, a = p(s, P), i = p(s, v);
-  if (!i)
-    throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");
-  if (!a)
-    throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");
-  return e.createElement(
-    F,
-    { ...b, className: c, type: "tooltip", isExpanded: w, onFocus: O, onBlur: x, onMouseEnter: C, onMouseLeave: M },
-    e.createElement(H, { ...i.props }),
-    e.createElement(L, { ...a.props, type: "tooltip", style: m, pointer: u })
-  );
-};
-export {
-  D as EbayTooltip,
-  P as EbayTooltipContent,
-  v as EbayTooltipHost,
-  F as Tooltip
-};

package/ebay-tourtip.mjs

@@ -1,43 +0,0 @@
-import t, { useRef as m } from "react";
-import { f as n } from "./utils-BipBqkOS.mjs";
-import { u as w, T as H, a as R, b as x, c as _ } from "./use-tooltip-Bibsm2rU.mjs";
-import F from "classnames";
-import "./icon-B_a65KUD.mjs";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-const N = () => null, P = () => null, v = ({ index: o, children: r }) => t.createElement(
-  t.Fragment,
-  null,
-  o !== void 0 && t.createElement("span", { className: "tourtip__index" }, o),
-  r
-), B = ({ as: o, children: r, className: a, ...e }) => {
-  const s = o || "h2";
-  return t.createElement(s, { ...e, className: F("tourtip__heading", a) }, r);
-}, G = ({ a11yCloseText: o, "aria-label": r, className: a, children: e, onCollapse: s, onExpand: E, overlayStyle: f, pointer: T, ...d }) => {
-  const i = m(), { isExpanded: p, collapseTooltip: h } = w({ onExpand: E, onCollapse: s, initialExpanded: !0, hostRef: i }), y = m(), l = n(e, N);
-  if (!l)
-    throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");
-  const { children: b, contentProps: C } = l.props, c = n(e, P);
-  if (!c)
-    throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");
-  const g = n(e, B), u = n(e, v);
-  return t.createElement(
-    H,
-    { ...d, className: a, type: "tourtip", isExpanded: p, ref: y },
-    t.createElement(R, { ...c.props, forwardedRef: i, "aria-label": r, "aria-expanded": p }),
-    t.createElement(
-      x,
-      { ...C, a11yCloseText: o, onClose: h, pointer: T, showCloseButton: !0, style: f, type: "tourtip" },
-      g,
-      b,
-      u && t.createElement(_, { type: "tourtip" }, u)
-    )
-  );
-};
-export {
-  G as EbayTourtip,
-  N as EbayTourtipContent,
-  v as EbayTourtipFooter,
-  B as EbayTourtipHeading,
-  P as EbayTourtipHost,
-  H as Tooltip
-};

package/ebay-video.mjs

@@ -1,173 +0,0 @@
-var Z = Object.defineProperty;
-var ee = (t, r, n) => r in t ? Z(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
-var A = (t, r, n) => ee(t, typeof r != "symbol" ? r + "" : r, n);
-import o, { useState as f, useRef as y, useEffect as V } from "react";
-import R from "classnames";
-import E, { ui as te } from "shaka-player/dist/shaka-player.ui";
-import { b as re } from "./utils-BipBqkOS.mjs";
-import { E as P } from "./icon-B_a65KUD.mjs";
-import { E as ne } from "./progress-spinner-BugUcF5c.mjs";
-import { createRoot as oe } from "react-dom/client";
-const ae = ({ ...t }) => o.createElement("source", { ...t }), le = 7e3, se = 11, L = {
-  addBigPlayButton: !1,
-  addSeekBar: !0,
-  controlPanelElements: [
-    "play_pause",
-    "time_and_duration",
-    "spacer",
-    "mute",
-    "report",
-    "captions",
-    // 'quality', // uncomment this to show a gear icon for video quality control
-    "fullscreen"
-  ]
-}, ce = ({ callback: t, children: r }) => o.createElement(
-  "button",
-  { className: "video-player__report-button", ref: t },
-  o.createElement(P, { name: "flag24" }),
-  r
-);
-function ie(t = () => {
-}) {
-  const r = class extends te.Element {
-    constructor(n, i, v) {
-      super(n, i);
-      const u = document.createElement("div"), h = () => {
-        const d = u.firstChild;
-        n.appendChild(d), u.remove(), this.eventManager.listen(d, "click", t);
-      };
-      oe(u).render(o.createElement(ce, { callback: h }, v));
-    }
-  };
-  return r.Factory = class {
-    constructor(n) {
-      A(this, "reportText");
-      this.reportText = n;
-    }
-    create(n, i) {
-      return new r(n, i, this.reportText);
-    }
-  }, { Report: r };
-}
-const be = ({ width: t, height: r, thumbnail: n, action: i, muted: v, playView: u = "inline", a11yLoadText: h, a11yPlayText: d, reportText: k, volumeSlider: F, volume: I = 1, hideReportButton: q, errorText: z, onVolumeChange: M = () => {
-}, onLoadError: $ = () => {
-}, onPlay: D = () => {
-}, onReport: H = () => {
-}, children: W, ...Y }) => {
-  const [C, g] = f(), [N, j] = f(), [B, G] = f(), [b, S] = f(), O = y(null), l = y(null), s = y(null), m = y(null), p = re(W, ae).map(({ props: e }) => e), w = (e) => {
-    g(!0), S(!0), $(e);
-  }, _ = (e = 0) => {
-    var a;
-    !p.length || !s.current || (g(!1), s.current.load((a = p[e]) == null ? void 0 : a.src).then(() => {
-      S(!1);
-    }).catch((c) => {
-      switch (console.error(c), c.code) {
-        case le:
-          return;
-        case se:
-          setTimeout(() => _(e), 0);
-          break;
-        default: {
-          const x = p.length > e + 1 && e + 1;
-          x ? setTimeout(() => _(x), 0) : w(c);
-        }
-      }
-    }).finally(() => {
-      g(!0);
-    }));
-  };
-  V(() => {
-    const e = l.current, a = O.current;
-    if (!(!e || !a) && (e.volume = I, E.polyfill.installAll(), s.current = new E.Player(e), !!s.current)) {
-      if (s.current.addEventListener("error", w), s.current.addEventListener("buffering", (c) => {
-        j(c.buffering);
-      }), m.current = new E.ui.Overlay(s.current, a, e, k), m.current.configure({
-        addBigPlayButton: !0,
-        controlPanelElements: [],
-        addSeekBar: !1
-      }), !q) {
-        const { Report: c } = ie(H);
-        E.ui.Controls.registerElement("report", new c.Factory(k));
-      }
-      _(), de(a);
-    }
-  }, []), V(() => {
-    switch (i) {
-      case "play":
-        l.current.play();
-        break;
-      case "pause":
-        l.current.pause();
-        break;
-    }
-  }, [i]);
-  const J = () => {
-    if (!m.current)
-      return;
-    const e = F ? {
-      controlPanelElements: ue(L.controlPanelElements)
-    } : {};
-    m.current.configure({
-      ...L,
-      ...e
-    }), l.current.controls = !1;
-  }, K = (e) => {
-    e.stopPropagation(), J(), u === "fullscreen" && l.current.requestFullscreen(), G(!0), D(e, { player: s.current });
-  }, Q = () => {
-    l.current.play();
-  }, U = (e) => {
-    const a = e.currentTarget;
-    M(e, {
-      volume: Math.round((a.volume + Number.EPSILON) * 100) / 100,
-      muted: a.muted
-    });
-  }, X = () => {
-    l.current.controls = !1;
-  }, T = {
-    width: t ? `${t}px` : void 0,
-    height: r ? `${r}px` : void 0
-  };
-  return o.createElement(
-    "div",
-    { style: T, className: R("video-player", { "video-player--poster": !B }) },
-    !B && C && !b && !N && o.createElement(
-      "div",
-      { className: "shaka-play-button-container" },
-      o.createElement(
-        "button",
-        { onClick: Q, className: "shaka-play-button", style: { opacity: 1, zIndex: 999 }, "aria-label": d },
-        o.createElement(P, { name: "playFilled64Colored" })
-      )
-    ),
-    o.createElement(
-      "div",
-      { className: "video-player__container", ref: O },
-      o.createElement("video", { ref: l, style: T, poster: n, muted: v || !1, onPlaying: K, onPause: X, onVolumeChange: U, ...Y }, p.map((e, a) => o.createElement("source", { key: a, ...e })))
-    ),
-    o.createElement(
-      "div",
-      { className: R("video-player__overlay", { "video-player__overlay--hidden": !b }) },
-      o.createElement(P, { name: "attention64" }),
-      o.createElement("div", { className: "video-player__overlay-text" }, z)
-    ),
-    o.createElement(
-      "div",
-      { className: R("video-player__overlay", {
-        "video-player__overlay--hidden": C && (b || !N)
-      }) },
-      o.createElement(ne, { size: "large", "aria-label": h })
-    )
-  );
-};
-function ue(t) {
-  const r = t.length - 2 > 0 ? t.length - 2 : t.length, n = [...t];
-  return n.splice(r, 0, "volume"), n;
-}
-function de(t) {
-  const r = t.querySelectorAll(".shaka-spinner")[0];
-  r && r.setAttribute("hidden", "");
-}
-export {
-  be as EbayVideo,
-  ae as EbayVideoSource
-};

package/hooks-r29zhPsY.mjs

@@ -1,63 +0,0 @@
-import c, { useRef as N, useState as f, useEffect as S, useCallback as y } from "react";
-import $ from "classnames";
-const n = "floating-label__label", O = [
-  "rgb(245, 245, 245)",
-  "rgb(247, 247, 247)"
-  // From skin version 12.6.0
-], j = (t) => t && !O.includes(getComputedStyle(t).backgroundColor), g = (t) => {
-  var r;
-  return ((r = t == null ? void 0 : t.value) == null ? void 0 : r.length) > 0;
-}, B = (t) => (t == null ? void 0 : t.tagName) === "SELECT", d = (t, r) => {
-  if (B(t) && !g(t.querySelector("option"))) {
-    t.style["min-width"] = "";
-    const l = t.offsetWidth;
-    t.querySelector("option").text = r, !r && l > t.offsetWidth && (t.style["min-width"] = `${l}px`);
-  }
-}, z = (t) => B(t) ? t.querySelector("option").text : t == null ? void 0 : t.placeholder;
-function K({ ref: t, inputId: r, className: l, disabled: R, label: s, inputSize: q, inputValue: b, placeholder: h, invalid: L, opaqueLabel: k, type: A, onMount: P = () => {
-} }) {
-  const W = N(null), o = () => t || W, [F, i] = f(!!b), [_, C] = f(!1), [u, m] = f(!1), p = N(""), w = () => {
-    var e;
-    C(!0), i(g((e = o()) == null ? void 0 : e.current)), m(!1), d(o().current, "");
-  }, T = () => {
-    var e;
-    C(!0), i(!0), m(!0), d((e = o()) == null ? void 0 : e.current, p.current);
-  };
-  S(() => {
-    var e, a;
-    s && (p.current = z((e = o()) == null ? void 0 : e.current), d((a = o()) == null ? void 0 : a.current, ""), P());
-  }, []), S(() => {
-    var e, a, x;
-    s && i(u || g((e = o()) == null ? void 0 : e.current) || j((x = (a = o()) == null ? void 0 : a.current) == null ? void 0 : x.parentNode));
-  }, [u, b]);
-  const v = $(l, n, {
-    [`${n}--disabled`]: R,
-    [`${n}--animate`]: _,
-    [`${n}--inline`]: !F && A !== "date",
-    [`${n}--focus`]: u,
-    [`${n}--invalid`]: L
-  }), E = $("floating-label", {
-    "floating-label--large": q === "large",
-    "floating-label--opaque": k
-  }), G = y(({ children: e }) => c.createElement(c.Fragment, null, e), []), I = y(({ children: e }) => c.createElement("span", { className: E }, e), [E]);
-  return s ? {
-    label: c.createElement("label", { htmlFor: r, className: v }, s),
-    Container: I,
-    onBlur: w,
-    onFocus: T,
-    ref: o(),
-    placeholder: F ? h : null
-  } : {
-    label: null,
-    Container: G,
-    onBlur: () => {
-    },
-    onFocus: () => {
-    },
-    ref: o(),
-    placeholder: h
-  };
-}
-export {
-  K as u
-};

package/icon-B_a65KUD.mjs

@@ -1,42 +0,0 @@
-import o, { forwardRef as g, useState as p, useEffect as w } from "react";
-import I from "classnames";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-const E = (n) => n.displayName || n.name || "Component", h = (n) => {
-  const e = g((t, a) => o.createElement(n, { ...t, forwardedRef: a }));
-  return e.displayName = E(n), e;
-}, $ = () => Math.random().toString(16).slice(-4), y = ({ name: n, className: e, noSkinClasses: t = !1, a11yText: a, a11yVariant: c, forwardedRef: l, ...d }) => {
-  const [m, f] = p("");
-  w(() => {
-    f($());
-  }, []);
-  const s = c === "label", i = a && `icon-title-${m}`, u = a ? {
-    "aria-labelledby": s ? void 0 : i,
-    "aria-label": s ? a : void 0,
-    role: "img"
-  } : {
-    "aria-hidden": !0
-  }, r = v(n), N = ["icon", `icon--${R(r) || r}`, k(r)].filter(Boolean).join(" "), b = I(e, { [N]: !t });
-  return o.createElement(
-    "svg",
-    { ...d, className: b, xmlns: "http://www.w3.org/2000/svg", focusable: !1, ref: l, ...u },
-    a && !s && o.createElement("title", { id: i }, a),
-    o.createElement("use", { xlinkHref: `#icon-${r}` })
-  );
-};
-function R(n) {
-  const e = n.split("-"), t = e[e.length - 1];
-  return t === "colored" ? e[e.length - 2] : isNaN(Number(t)) ? "" : t;
-}
-function k(n) {
-  const e = n.split("-"), t = e.indexOf("filled");
-  return t === -1 ? "" : `icon--${e.slice(0, t + 1).join("-")}`;
-}
-function v(n) {
-  return n.replace(/([0-9]+)/g, (e, t) => `-${t}`).replace(/([A-Z])/g, (e, t) => `-${t.toLowerCase()}`);
-}
-const j = h(y);
-export {
-  j as E,
-  $ as r,
-  h as w
-};

package/icon-button-Dy8rjzH7.mjs

@@ -1,24 +0,0 @@
-import t from "react";
-import w from "classnames";
-import { w as $, E as k } from "./icon-B_a65KUD.mjs";
-import { E as B } from "./badge-BX5HuO-3.mjs";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-const D = ({ href: a, icon: i, badgeNumber: o, badgeAriaLabel: y, transparent: p, className: b, forwardedRef: c, size: r, onEscape: f = () => {
-}, onKeyDown: u = () => {
-}, ...s }) => {
-  const n = a ? "icon-link" : "icon-btn", m = w(b, n, r && `${n}--${r}`, {
-    [`${n}--badged`]: o,
-    [`${n}--transparent`]: p
-  }), l = t.createElement(
-    t.Fragment,
-    null,
-    t.createElement(k, { name: i }),
-    o && t.createElement(B, { type: "icon", number: o, "aria-label": y })
-  ), E = (e) => {
-    (e.key === "Escape" || e.key === "Esc") && f(e), u(e);
-  };
-  return a ? t.createElement("a", { ref: c, className: m, href: a, onKeyDown: E, ...s }, l) : t.createElement("button", { ref: c, type: "button", className: m, onKeyDown: E, ...s }, l);
-}, g = $(D);
-export {
-  g as E
-};

package/index-B5oC9Rl1.mjs

@@ -1,22 +0,0 @@
-function i(n, e, t = () => {
-}) {
-  n.includes(e.key) && t();
-}
-function c(n, e) {
-  o(n.key) && e();
-}
-function o(n) {
-  return [" ", "Enter"].includes(n);
-}
-function a(n, e) {
-  i(["Esc", "Escape"], n, e);
-}
-function s(n, e) {
-  i(["Left", "ArrowLeft", "Right", "ArrowRight"], n, e);
-}
-export {
-  s as a,
-  a as b,
-  c as h,
-  o as i
-};

package/label-DgOo6Mql.mjs

@@ -1,19 +0,0 @@
-import e from "react";
-import o from "classnames";
-const i = ({ className: l, children: a, stacked: t = !1, required: r = !1, position: s = "start", ...n }) => {
-  const m = o("field__label", l, { "field__label--stacked": t }, { "field__label--end": s === "end" }), c = r ? e.createElement(
-    e.Fragment,
-    null,
-    " ",
-    e.createElement("sup", null, "*")
-  ) : null;
-  return e.createElement(
-    "label",
-    { className: m, ...n },
-    a,
-    c
-  );
-};
-export {
-  i as L
-};