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

package/menu-CR1Dxl2m.mjs

@@ -1,154 +0,0 @@
-import v, { useState as A, useEffect as C, Children as L, useRef as H, cloneElement as S } from "react";
-import V from "classnames";
-import { i as T } from "./index-B5oC9Rl1.mjs";
-import { E as $, w as j } from "./icon-B_a65KUD.mjs";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-import { E as q } from "./badge-BX5HuO-3.mjs";
-const z = () => {
-  const [u, s] = A(!1), [p, o] = A(!1), d = ({ key: a }) => {
-    const c = {
-      ArrowUp: s,
-      ArrowDown: o
-    }[a];
-    c && c(!1);
-  }, l = ({ key: a }) => {
-    const c = {
-      ArrowUp: s,
-      ArrowDown: o
-    }[a];
-    c && c(!0);
-  };
-  return C(() => (window.addEventListener("keydown", l), window.addEventListener("keyup", d), () => {
-    window.removeEventListener("keydown", l), window.removeEventListener("keyup", d);
-  }), []), [u, p];
-}, G = (u, s, p) => {
-  const [o, d] = A(p), [l, a] = z(), c = L.toArray(u).reduce((t, I, h) => I.type === s ? [...t, h] : t, []), m = c.indexOf(o), E = () => {
-    if (m === -1)
-      return o;
-    const t = c[m - 1];
-    return t === void 0 ? o : t;
-  }, f = () => {
-    if (m === -1)
-      return o;
-    const t = c[m + 1];
-    return t === void 0 ? o : t;
-  };
-  return C(() => {
-    l && d(E()), a && d(f());
-  }, [l, a]), [o, d];
-}, J = ({ className: u, checked: s, type: p, focused: o = !1, tabIndex: d, disabled: l, badgeNumber: a, badgeAriaLabel: c, children: m, ...E }) => {
-  const f = H(null), t = a !== void 0;
-  C(() => {
-    f.current && o && f.current.focus();
-  }, [f, o]);
-  const I = ["radio", "checkbox"];
-  return v.createElement(
-    "div",
-    { "aria-label": c, ...E, ref: f, className: V(u, "menu__item", t && "menu__item--badged"), role: Q(p), "aria-checked": I.includes(p) ? s : void 0, "aria-disabled": l, tabIndex: o ? 0 : d },
-    v.createElement(
-      "span",
-      { "aria-hidden": t },
-      m,
-      t && v.createElement(q, { type: "menu", number: a })
-    ),
-    v.createElement($, { name: "tick16" })
-  );
-};
-function Q(u) {
-  return {
-    radio: "menuitemradio",
-    checkbox: "menuitemcheckbox"
-  }[u] || "menuitem";
-}
-const W = ({ baseEl: u = "span", type: s, priority: p = "secondary", checked: o, className: d, autofocus: l, onClick: a = () => {
-}, onKeyDown: c = () => {
-}, onChange: m = () => {
-}, onSelect: E = () => {
-}, forwardedRef: f, children: t, ...I }) => {
-  const h = L.toArray(t), [P, D] = G(t, J, l === !0 ? 0 : void 0), [k, F] = A(h.map(() => !1)), B = (n) => h.reduce((e, r, w) => n[w] ? [...e, r.props.value] : e, []), R = (n) => n.reduce((e, r, w) => r ? [...e, w] : e, []), g = (n, e) => ({
-    index: n,
-    checked: R(e)
-  }), _ = (n, e) => ({
-    ...g(n, e),
-    indexes: R(e),
-    checkedValues: B(e)
-  }), K = (n, e, r = !1) => {
-    let w = !1;
-    const y = k.map((b, i) => {
-      const O = r ? !1 : b;
-      return n === i ? (b !== e && (w = !0), e) : O;
-    });
-    if (w)
-      return F(y), y;
-  }, x = (n) => {
-    switch (s) {
-      case "radio":
-        return K(n, !0, !0);
-      case "checkbox":
-        return K(n, !k[n], !1);
-      default:
-        return k.map((e, r) => r === n);
-    }
-  };
-  C(() => {
-    if (s === "radio")
-      if (o === void 0) {
-        const n = h.findIndex((e) => e.props.checked);
-        n > -1 && x(n);
-      } else
-        x(o);
-    else s === "checkbox" && F(h.map((n) => !!n.props.checked));
-  }, []);
-  const U = (n, e, r) => {
-    switch (s) {
-      case "radio":
-      case "checkbox":
-        return m(n, _(e, r));
-      default:
-        return E(n, g(e, r));
-    }
-  }, M = (n, e) => {
-    let r;
-    switch (T(n.key) && (r = x(e), r && U(n, e, r)), s) {
-      case "radio":
-      case "checkbox":
-        return c(n, _(e, r || k));
-      default:
-        return c(n, g(e, r || k));
-    }
-  }, N = (n, e) => {
-    D(e);
-    const r = x(e);
-    r && U(n, e, r);
-  };
-  return v.createElement(
-    u,
-    { ...I, className: V(d, "menu") },
-    v.createElement("div", { className: "menu__items", role: "menu", ref: f }, h.map((n, e) => {
-      const { onClick: r = () => {
-      }, onFocus: w = () => {
-      }, onKeyDown: y = () => {
-      }, ...b } = n.props;
-      return S(n, {
-        ...b,
-        type: s,
-        focused: e === P,
-        tabIndex: P === void 0 ? 0 : -1,
-        checked: k[e],
-        onFocus: (i) => {
-          D(e), w(i);
-        },
-        onClick: (i) => {
-          N(i, e), r(i), a(i);
-        },
-        onKeyDown: (i) => {
-          M(i, e), y(i);
-        }
-      });
-    }))
-  );
-}, oe = j(W);
-export {
-  oe as E,
-  J as a
-};

package/menu-button-label-vVnRKJRU.mjs

@@ -1,68 +0,0 @@
-import t, { useState as E, useRef as S, useEffect as b, cloneElement as T } from "react";
-import r from "classnames";
-import { f as y, b as D } from "./utils-BipBqkOS.mjs";
-import { b as R } from "./index-B5oC9Rl1.mjs";
-import { r as z, E as H } from "./icon-B_a65KUD.mjs";
-import { E as P } from "./button-B06HeRsZ.mjs";
-import { E as j } from "./icon-button-Dy8rjzH7.mjs";
-import { E as q, a as A } from "./menu-item-jlKZ3uT4.mjs";
-const ee = ({ a11yText: o, noToggleIcon: u, fixWidth: k, reverse: _, variant: l, expanded: I = !1, className: M, onCollapse: v = () => {
-}, onExpand: x = () => {
-}, onMouseDown: B = () => {
-}, onSelect: w = () => {
-}, text: f = "", children: m, ...N }) => {
-  const [a, c] = E(I), [p, F] = E(), s = S(), d = y(m, H), h = y(m, O) || (d ? t.createElement("span", null, f) : f), C = D(m, [G, J]);
-  b(() => {
-    const e = (n) => {
-      s.current && !s.current.contains(n.currentTarget) && c(!1);
-    };
-    return a ? (x(), setTimeout(() => {
-      document.addEventListener("click", e, !1);
-    })) : a === !1 && v(), () => document.removeEventListener("click", e, !1);
-  }, [a]), b(() => {
-    F(z());
-  }, []);
-  const g = (e) => {
-    R(e, () => {
-      var n;
-      c(!1), (n = s.current) == null || n.focus();
-    });
-  }, K = r("fake-menu-button__menu", {
-    "menu-button__menu--fix-width": k,
-    "menu-button__menu--reverse": _
-  }), i = {
-    ref: s,
-    className: "fake-menu-button__button",
-    "aria-expanded": !!a,
-    "aria-haspopup": !0,
-    "aria-label": o,
-    "aria-controls": p,
-    onClick: () => c(!a),
-    ...N
-  };
-  return t.createElement(
-    "span",
-    { className: r("fake-menu-button", M) },
-    l === "overflow" ? t.createElement(j, { icon: "overflowHorizontal24", ...i }) : t.createElement(
-      P,
-      { variant: l === "form" ? "form" : void 0, bodyState: u ? void 0 : "expand", ...i },
-      d,
-      h
-    ),
-    a && t.createElement(q, { className: K, id: p, tabIndex: -1, onKeyDown: g, onSelect: w }, C.map((e, n) => T(e, {
-      ...e.props,
-      onMouseDown: (L) => {
-        B(L, { index: n });
-      },
-      className: r(e.props.className, "fake-menu-button__item"),
-      key: n,
-      autoFocus: n === 0
-    })))
-  );
-}, G = A, J = ({ className: o, ...u }) => t.createElement("hr", { ...u, className: r(o, "menu-button__separator"), role: "separator" }), O = ({ children: o }) => t.createElement(t.Fragment, null, o);
-export {
-  ee as E,
-  G as a,
-  J as b,
-  O as c
-};

package/menu-item-jlKZ3uT4.mjs

@@ -1,67 +0,0 @@
-import e, { Children as g, cloneElement as k, useRef as v, useEffect as _ } from "react";
-import b from "classnames";
-import { E as x } from "./icon-B_a65KUD.mjs";
-import { E as C } from "./badge-BX5HuO-3.mjs";
-const h = ({ className: l, itemMatchesUrl: p = !0, onKeyDown: n = () => {
-}, onSelect: u = () => {
-}, children: E, ...r }) => {
-  const f = g.toArray(E), c = p === !1 ? "true" : "page";
-  return e.createElement(
-    "div",
-    { ...r, className: b(l, "fake-menu") },
-    e.createElement("ul", { className: "fake-menu__items", tabIndex: -1 }, f.map((s, t) => {
-      const { current: m, onClick: o = () => {
-      }, ...i } = s.props;
-      return e.createElement("li", { key: t }, k(s, {
-        ...i,
-        "aria-current": m ? c : void 0,
-        onClick: (a) => {
-          u(a, { index: t }), o(a);
-        },
-        onKeyDown: (a) => {
-          n(a, { index: t });
-        }
-      }));
-    }))
-  );
-}, B = ({ className: l, current: p, disabled: n, autoFocus: u, type: E, badgeNumber: r, badgeAriaLabel: f, children: c, ...s }) => {
-  const t = v(), m = r !== void 0;
-  _(() => {
-    var y;
-    u && ((y = t.current) == null || y.focus());
-  });
-  const o = {
-    ...s,
-    ref: t,
-    className: b(l, "fake-menu__item", m && "menu__item--badged"),
-    "aria-label": f
-  }, i = e.createElement(x, { name: "tick16" }), a = {
-    marginLeft: "var(--spacing-100)",
-    marginRight: "var(--spacing-100)"
-  }, d = m && e.createElement(C, { type: "menu", number: r, style: a });
-  return E === "button" ? e.createElement(
-    "button",
-    { ...o, type: "button", disabled: n },
-    e.createElement(
-      "span",
-      null,
-      c,
-      d
-    ),
-    i
-  ) : e.createElement(
-    "a",
-    { ...o, "aria-disabled": n ? "true" : void 0 },
-    e.createElement(
-      "span",
-      null,
-      c,
-      d
-    ),
-    i
-  );
-};
-export {
-  h as E,
-  B as a
-};

package/notice-content-BVZMfcMH.mjs

@@ -1,4 +0,0 @@
-const t = () => null;
-export {
-  t as E
-};

package/notice-content-CdXVjKzD.mjs

@@ -1,9 +0,0 @@
-import a from "react";
-import s from "classnames";
-const m = ({ className: e, type: t, children: n }) => {
-  const o = t === "inline" ? "span" : "div";
-  return a.createElement(o, { className: s(e, `${t}-notice__main`) }, n);
-};
-export {
-  m as N
-};

package/notice-footer-BFa2IeY9.mjs

@@ -1,10 +0,0 @@
-import c from "react";
-import s from "classnames";
-const l = ({ className: e, type: t, as: o, children: a, ...r }) => {
-  const i = o || "h2";
-  return c.createElement(i, { className: s(e, `${t}-notice__title`), ...r }, a);
-}, N = ({ className: e, type: t, children: o, ...a }) => c.createElement("div", { className: s(e, `${t}-notice__footer`), ...a }, o);
-export {
-  l as N,
-  N as a
-};

package/progress-spinner-BugUcF5c.mjs

@@ -1,19 +0,0 @@
-import s from "react";
-import l from "classnames";
-import { E as o } from "./icon-B_a65KUD.mjs";
-const m = {
-  default: "",
-  small: "progress-spinner--small",
-  large: "progress-spinner--large"
-}, p = {
-  default: "spinner24",
-  small: "spinner20",
-  large: "spinner30"
-}, g = ({ size: e = "default", "aria-label": a = "Busy", className: r, ...n }) => s.createElement(
-  "span",
-  { ...n, className: l("progress-spinner", m[e], r), "aria-label": a, role: "img" },
-  s.createElement(o, { name: p[e] })
-);
-export {
-  g as E
-};

package/range-DC7seOVT.mjs

@@ -1,4 +0,0 @@
-const i = (a, l, r = 1) => Array(Math.ceil((l + 1 - a) / r)).fill(a).map((c, e) => c + e * r);
-export {
-  i as r
-};

package/textbox-BxYjEAZK.mjs

@@ -1,100 +0,0 @@
-import n, { useState as C, useEffect as ca, cloneElement as ra } from "react";
-import ia from "classnames";
-import { E as B, w as ua } from "./icon-B_a65KUD.mjs";
-import { f as m } from "./utils-BipBqkOS.mjs";
-import { E as pa } from "./icon-button-Dy8rjzH7.mjs";
-import { u as da } from "./hooks-r29zhPsY.mjs";
-const ba = ({ name: o, buttonAriaLabel: t, onClick: c = () => {
-}, ...r }) => t ? n.createElement(pa, { "aria-label": t, icon: o, transparent: !0, onClick: c, ...r }) : n.createElement(B, { name: o, ...r }), ma = (o) => n.createElement("span", { ...o }), xa = ({ name: o, ...t }) => n.createElement(B, { name: o, ...t }), fa = (o) => n.createElement("span", { ...o }), w = (o) => typeof o < "u", Ea = ({ type: o = "text", invalid: t, fluid: c, multiline: r, onChange: F = () => {
-}, onInputChange: N = () => {
-}, onFocus: P = () => {
-}, onBlur: K = () => {
-}, onKeyPress: T = () => {
-}, onKeyUp: k = () => {
-}, onKeyDown: L = () => {
-}, onInvalid: D = () => {
-}, onFloatingLabelInit: R = () => {
-}, onButtonClick: U = () => {
-}, autoFocus: f, defaultValue: x = "", value: i, forwardedRef: _, inputSize: E = "default", floatingLabel: j, children: u, placeholder: M, opaqueLabel: O, ...s }) => {
-  var h, v;
-  const [y, V] = C(x), [g, W] = C(x), { label: $, Container: q, onBlur: G, onFocus: H, ref: J, placeholder: Q } = da({
-    ref: _,
-    inputId: s.id,
-    className: s.className,
-    disabled: s.disabled,
-    label: j,
-    inputSize: E,
-    inputValue: i || g,
-    placeholder: M,
-    invalid: t,
-    type: o,
-    opaqueLabel: O,
-    onMount: R
-  }), I = (a) => {
-    var e;
-    P(a, { value: ((e = a == null ? void 0 : a.target) == null ? void 0 : e.value) || x }), H();
-  }, S = (a) => {
-    var l;
-    const e = (l = a.target) == null ? void 0 : l.value;
-    K(a, { value: e }), e !== y && (F(a, { value: e }), V(e)), G();
-  }, X = (a) => {
-    const e = a.target;
-    T(a, { value: e == null ? void 0 : e.value });
-  }, Y = (a) => {
-    const e = a.target;
-    k(a, { value: e == null ? void 0 : e.value });
-  }, Z = (a) => {
-    const e = a.target;
-    L(a, { value: e == null ? void 0 : e.value });
-  }, z = (a) => {
-    const e = a.target;
-    D(a, { value: e == null ? void 0 : e.value });
-  }, A = (a) => {
-    U(a, { value: y });
-  };
-  ca(() => {
-    f && I();
-  }, []);
-  const aa = (a) => {
-    var l;
-    const e = (l = a.target) == null ? void 0 : l.value;
-    w(i) || W(e), N(a, { value: e });
-  }, ea = r ? "textarea" : "input", oa = c ? "div" : "span", ta = m(u, xa), p = m(u, fa), na = (h = p == null ? void 0 : p.props) == null ? void 0 : h.id, d = m(u, ba), b = m(u, ma), sa = (v = b == null ? void 0 : b.props) == null ? void 0 : v.id, la = ia("textbox", s.className, {
-    "textbox--fluid": c,
-    "textbox--large": E === "large",
-    /** start remove after `:has` support */
-    "textbox--disabled": s.disabled,
-    "textbox--invalid": t,
-    "textbox--readonly": s.readOnly
-    /** end remove after `:has` support */
-  });
-  return n.createElement(
-    q,
-    null,
-    $,
-    n.createElement(
-      oa,
-      { className: la },
-      ta,
-      p,
-      n.createElement(ea, { "aria-describedby": [na, sa].filter(Boolean).join(" ") || void 0, ...s, className: "textbox__control", type: o, "aria-invalid": t, value: w(i) ? i : g, onChange: aa, onBlur: S, onFocus: I, onKeyPress: X, onKeyUp: Y, onKeyDown: Z, onInvalid: z, autoFocus: f, ref: J, placeholder: Q }),
-      b,
-      d && ra(d, {
-        ...d.props,
-        onClick: (a) => {
-          const { onClick: e = () => {
-          } } = d.props;
-          e(a), A(a);
-        }
-      })
-    )
-  );
-}, wa = ua(Ea);
-export {
-  wa as E,
-  xa as a,
-  fa as b,
-  ba as c,
-  ma as d,
-  w as i
-};

package/use-tooltip-Bibsm2rU.mjs

@@ -1,158 +0,0 @@
-import l, { Children as E, cloneElement as x, useState as T } from "react";
-import f from "classnames";
-import { w as g, E as h } from "./icon-B_a65KUD.mjs";
-import { f as i, e as d } from "./utils-BipBqkOS.mjs";
-const u = ({ children: t, className: o, forwardedRef: s, ...a }) => (E.only(t), x(t, {
-  ref: s,
-  ...a,
-  className: f(o, t.props.className)
-})), N = ({ className: t, type: o, isExpanded: s, children: a, forwardedRef: e, ...p }) => {
-  var m;
-  const c = i(a, u), n = d(a, u)[0];
-  if (!c)
-    throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");
-  const r = x(c, {
-    className: `${o}__host`,
-    "aria-expanded": s,
-    "aria-describedby": (m = n == null ? void 0 : n.props) == null ? void 0 : m.id,
-    ...c.props
-  });
-  return l.createElement(
-    "span",
-    { ...p, ref: e, className: f(t, o, {
-      [`${o}--expanded`]: s
-    }) },
-    r,
-    n
-  );
-}, S = g(N), $ = "bottom", C = {
-  tooltip: "tooltip",
-  tourtip: "region",
-  infotip: ""
-}, X = {
-  left: {
-    transform: "translateX(16px) translateY(-50%) scale3d(1,1,1)",
-    left: "100%",
-    right: "auto",
-    top: "-6px",
-    bottom: "auto"
-  },
-  "left-top": {
-    transform: "translateX(16px) scale3d(1,1,1)",
-    left: "100%",
-    right: "auto",
-    top: "-100%",
-    bottom: "auto"
-  },
-  "left-bottom": {
-    transform: "translateX(16px) scale3d(1,1,1)",
-    left: "100%",
-    right: "auto",
-    top: "auto",
-    bottom: "-10px"
-  },
-  right: {
-    transform: "translateX(-16px) translateY(-50%) scale3d(1,1,1)",
-    left: "auto",
-    right: "100%",
-    top: "-6px",
-    bottom: "auto"
-  },
-  "right-top": {
-    transform: "translateX(-16px) scale3d(1,1,1)",
-    left: "auto",
-    right: "100%",
-    top: "-100%",
-    bottom: "auto"
-  },
-  "right-bottom": {
-    transform: "translateX(-16px) scale3d(1,1,1)",
-    left: "auto",
-    right: "100%",
-    top: "auto",
-    bottom: "-50%"
-  },
-  top: {
-    transform: "translateX(-50%) scale3d(1,1,1)",
-    left: "50%",
-    right: "auto",
-    top: "calc(100% + 2px)",
-    bottom: "auto"
-  },
-  "top-left": {
-    transform: "scale3d(1,1,1)",
-    left: "-10px",
-    right: "auto",
-    top: "calc(100% + 2px)",
-    bottom: "auto"
-  },
-  "top-right": {
-    transform: "scale3d(1,1,1)",
-    left: "auto",
-    right: "-10px",
-    top: "calc(100% + 2px)",
-    bottom: "auto"
-  },
-  "bottom-right": {
-    transform: "scale3d(1,1,1)",
-    left: "auto",
-    right: "-10px",
-    top: "auto",
-    bottom: "calc(100% + 12px)"
-  },
-  "bottom-left": {
-    transform: "scale3d(1,1,1)",
-    left: "-10px",
-    right: "auto",
-    top: "auto",
-    bottom: "calc(100% + 12px)"
-  },
-  bottom: {
-    transform: "translateX(-50%) scale3d(1,1,1)",
-    left: "50%",
-    right: "auto",
-    top: "auto",
-    bottom: "calc(100% + 12px)"
-  }
-}, I = () => null, b = ({ children: t, className: o, type: s = "tourtip" }) => l.createElement("div", { className: f(`${s}__footer`, o) }, t), Y = ({ id: t, style: o, pointer: s = $, children: a, type: e = "tooltip", showCloseButton: p, a11yCloseText: c, onClose: n }) => {
-  const r = i(a, I), m = i(a, b), _ = d(a, b);
-  return l.createElement(
-    "span",
-    { className: `${e}__overlay`, id: t, role: C[e] || null, style: { ...X[s], ...o } },
-    l.createElement("span", { className: `${e}__pointer ${e}__pointer--${s}` }),
-    l.createElement(
-      "span",
-      { className: `${e}__mask` },
-      l.createElement(
-        "span",
-        { className: `${e}__cell` },
-        l.createElement("span", { className: `${e}__content` }, _),
-        p ? l.createElement(
-          "button",
-          { ...r == null ? void 0 : r.props, className: `icon-btn icon-btn--transparent ${e}__close`, type: "button", "aria-label": c, onClick: n },
-          l.createElement(h, { name: "close16" })
-        ) : null,
-        m
-      )
-    )
-  );
-}, H = ({ onExpand: t, onCollapse: o, initialExpanded: s = !1, hostRef: a }) => {
-  const [e, p] = T(s);
-  return {
-    isExpanded: e,
-    expandTooltip: () => {
-      p(!0), t && t();
-    },
-    collapseTooltip: () => {
-      var r;
-      p(!1), o && o(), (r = a == null ? void 0 : a.current) == null || r.focus();
-    }
-  };
-};
-export {
-  S as T,
-  u as a,
-  Y as b,
-  b as c,
-  H as u
-};

package/utils-BipBqkOS.mjs

@@ -1,21 +0,0 @@
-import { Children as o } from "react";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-function f(e = [], t) {
-  return o.toArray(e).find(({ type: n }) => n === t) || null;
-}
-function m(e = [], t) {
-  return o.toArray(e).filter(({ type: n }) => n !== t);
-}
-function c(e = [], t) {
-  const r = o.toArray(e), n = [t].flat();
-  return r.filter(({ type: l }) => n.includes(l));
-}
-function u(e = [], t) {
-  return o.toArray(e).filter(t);
-}
-export {
-  u as a,
-  c as b,
-  m as e,
-  f
-};