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

package/ebay-icon-button.mjs

@@ -0,0 +1,4 @@
+import { E as a } from "./icon-button-Dy8rjzH7.mjs";
+export {
+  a as EbayIconButton
+};

package/ebay-icon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-DK6eEQD8.js");exports.EbayIcon=e.EbayIcon;

package/ebay-icon.mjs

@@ -0,0 +1,4 @@
+import { E as r } from "./icon-B_a65KUD.mjs";
+export {
+  r as EbayIcon
+};

package/ebay-infotip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),h=require("classnames"),E=require("./utils-C9NL3q0j.js"),r=require("./use-tooltip-BavqG36Z.js"),v=require("./drawer-BxxlJwkZ.js"),B=require("./dialog-previous-button-7ePoYWyj.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const w=require("./icon-DK6eEQD8.js");require("./icon-button-BB6GFLm7.js");const M=require("classnames/dedupe"),S=({icon:t,className:n,children:o,forwardedRef:l,variant:c,...p})=>{const i=c==="modal"?"dialog--mini":"infotip",a=e.createElement(w.EbayIcon,{name:t}),u=o instanceof Function?o({icon:a}):o;return e.createElement("button",{...p,className:M("icon-btn icon-btn--transparent",n,`${i}__host`),type:"button",ref:l},u||a)},b=w.withForwardRef(S),j=({variant:t="default",pointer:n,overlayStyle:o,disabled:l,onExpand:c,onCollapse:p,children:i,initialExpanded:a,icon:u="information16",a11yCloseText:d,"aria-label":N,className:_,a11yMaximizeText:P,a11yMinimizeText:F})=>{const y=e.useRef(),{isExpanded:s,expandTooltip:x,collapseTooltip:f}=r.useTooltip({onCollapse:p,onExpand:c,initialExpanded:a,hostRef:y}),m=t==="modal",D=e.useRef(),g=E.findComponent(i,H),q=E.findComponent(i,R),C=E.findComponent(i,b)||e.createElement(b),$=()=>{s?f():x()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:I,...T}=q.props;return e.createElement(e.Fragment,null,e.createElement(r.Tooltip,{type:"infotip",isExpanded:s,className:h(_,{"dialog--mini":m}),ref:D},e.createElement(r.TooltipHost,null,e.cloneElement(C,{ref:y,onClick:$,disabled:l,variant:t,"aria-label":N,"aria-expanded":s,icon:u,...C.props})),!m&&e.createElement(r.TooltipContent,{...T,type:"infotip",style:o,pointer:n,showCloseButton:!0,a11yCloseText:d,onClose:f},g,I)),m&&e.createElement(v.EbayDrawerDialog,{...T,open:s,onClose:f,a11yCloseText:d,className:"dialog--mini__overlay",a11yMaximizeText:P,a11yMinimizeText:F},e.createElement(B.EbayDialogHeader,null,g),I))},H=({className:t,...n})=>e.createElement("span",{...n,className:h("infotip__heading",t)}),R=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=j;exports.EbayInfotipContent=R;exports.EbayInfotipHeading=H;exports.EbayInfotipHost=b;

package/ebay-infotip.mjs

@@ -0,0 +1,59 @@
+import t, { useRef as h, createElement as P, cloneElement as $ } from "react";
+import w from "classnames";
+import { f as E } from "./utils-BipBqkOS.mjs";
+import { u as k, T as B, a as M, b as j } from "./use-tooltip-Bibsm2rU.mjs";
+import { E as q } from "./drawer-Dcg135Bb.mjs";
+import { E as v } from "./dialog-previous-button-gmkm4c8J.mjs";
+import "react-remove-scroll";
+import "makeup-screenreader-trap";
+import "makeup-keyboard-trap";
+import { w as z, E as A } from "./icon-B_a65KUD.mjs";
+import "./icon-button-Dy8rjzH7.mjs";
+import G from "classnames/dedupe";
+const J = ({ icon: o, className: e, children: n, forwardedRef: r, variant: l, ...p }) => {
+  const a = l === "modal" ? "dialog--mini" : "infotip", i = t.createElement(A, { name: o }), c = n instanceof Function ? n({ icon: i }) : n;
+  return t.createElement("button", { ...p, className: G("icon-btn icon-btn--transparent", e, `${a}__host`), type: "button", ref: r }, c || i);
+}, T = z(J), nt = ({ variant: o = "default", pointer: e, overlayStyle: n, disabled: r, onExpand: l, onCollapse: p, children: a, initialExpanded: i, icon: c = "information16", a11yCloseText: b, "aria-label": H, className: N, a11yMaximizeText: R, a11yMinimizeText: _ }) => {
+  const u = h(), { isExpanded: s, expandTooltip: x, collapseTooltip: m } = k({ onCollapse: p, onExpand: l, initialExpanded: i, hostRef: u }), f = o === "modal", F = h(), d = E(a, K), y = E(a, L), g = E(a, T) || P(T), D = () => {
+    s ? m() : x();
+  };
+  if (!y)
+    throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");
+  const { children: I, ...C } = y.props;
+  return t.createElement(
+    t.Fragment,
+    null,
+    t.createElement(
+      B,
+      { type: "infotip", isExpanded: s, className: w(N, { "dialog--mini": f }), ref: F },
+      t.createElement(M, null, $(g, {
+        ref: u,
+        onClick: D,
+        disabled: r,
+        variant: o,
+        "aria-label": H,
+        "aria-expanded": s,
+        icon: c,
+        ...g.props
+      })),
+      !f && t.createElement(
+        j,
+        { ...C, type: "infotip", style: n, pointer: e, showCloseButton: !0, a11yCloseText: b, onClose: m },
+        d,
+        I
+      )
+    ),
+    f && t.createElement(
+      q,
+      { ...C, open: s, onClose: m, a11yCloseText: b, className: "dialog--mini__overlay", a11yMaximizeText: R, a11yMinimizeText: _ },
+      t.createElement(v, null, d),
+      I
+    )
+  );
+}, K = ({ className: o, ...e }) => t.createElement("span", { ...e, className: w("infotip__heading", o) }), L = ({ children: o }) => t.createElement(t.Fragment, null, o);
+export {
+  nt as EbayInfotip,
+  L as EbayInfotipContent,
+  K as EbayInfotipHeading,
+  T as EbayInfotipHost
+};

package/ebay-inline-notice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),E=require("classnames"),c=require("./notice-content-C0ZStfuX.js"),y=require("./notice-content-9iF4T8uB.js"),b=require("./utils-C9NL3q0j.js"),N=require("./icon-DK6eEQD8.js"),f=({className:a,status:n="general",children:r,hidden:t=!1,"aria-label":l,onNoticeShow:s=()=>{},...u})=>{if(e.useEffect(()=>{t||s()},[t]),t)return null;const i=b.findComponent(r,c.EbayNoticeContent);if(!i)throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");const o=n==="general";return e.createElement("div",{...u,className:E(a,"inline-notice",{[`inline-notice--${n}`]:!o})},o?null:e.createElement("span",{className:"inline-notice__header"},e.createElement(N.EbayIcon,{name:`${n}Filled16`,a11yText:l,a11yVariant:"label"})),e.createElement(y.NoticeContent,{...i.props,type:"inline"}))};exports.EbayNoticeContent=c.EbayNoticeContent;exports.EbayInlineNotice=f;

package/ebay-inline-notice.mjs

@@ -0,0 +1,31 @@
+import e, { useEffect as s } from "react";
+import f from "classnames";
+import { E } from "./notice-content-BVZMfcMH.mjs";
+import { N as p } from "./notice-content-CdXVjKzD.mjs";
+import { f as N } from "./utils-BipBqkOS.mjs";
+import { E as y } from "./icon-B_a65KUD.mjs";
+const w = ({ className: i, status: n = "general", children: r, hidden: t = !1, "aria-label": l, onNoticeShow: c = () => {
+}, ...m }) => {
+  if (s(() => {
+    t || c();
+  }, [t]), t)
+    return null;
+  const o = N(r, E);
+  if (!o)
+    throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");
+  const a = n === "general";
+  return e.createElement(
+    "div",
+    { ...m, className: f(i, "inline-notice", { [`inline-notice--${n}`]: !a }) },
+    a ? null : e.createElement(
+      "span",
+      { className: "inline-notice__header" },
+      e.createElement(y, { name: `${n}Filled16`, a11yText: l, a11yVariant: "label" })
+    ),
+    e.createElement(p, { ...o.props, type: "inline" })
+  );
+};
+export {
+  w as EbayInlineNotice,
+  E as EbayNoticeContent
+};

package/ebay-lightbox-dialog.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("classnames"),c=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const i="lightbox-dialog",r=({open:s,mode:l,size:o,onClose:e=()=>{},...t})=>n.createElement(c.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:i,onCloseBtnClick:e,onBackgroundClick:e,className:a(t.className,`${i}--mask-fade`,o&&`${i}--${o}`),windowClass:a("lightbox-dialog__window--fade",{[`${i}__window--mini`]:l==="mini"}),open:s});exports.EbayLightboxDialog=r;

package/ebay-lightbox-dialog.mjs

@@ -0,0 +1,11 @@
+import n from "react";
+import s from "classnames";
+import { D as e } from "./dialog-previous-button-gmkm4c8J.mjs";
+import "./icon-button-Dy8rjzH7.mjs";
+const o = "lightbox-dialog", f = ({ open: l, mode: m, size: i, onClose: a = () => {
+}, ...t }) => n.createElement(e, { buttonPosition: "right", ...t, classPrefix: o, onCloseBtnClick: a, onBackgroundClick: a, className: s(t.className, `${o}--mask-fade`, i && `${o}--${i}`), windowClass: s("lightbox-dialog__window--fade", {
+  [`${o}__window--mini`]: m === "mini"
+}), open: l });
+export {
+  f as EbayLightboxDialog
+};

package/ebay-listbox-button.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),w=require("classnames"),V=require("./icon-DK6eEQD8.js"),be=require("./utils-C9NL3q0j.js"),F=({value:b,children:y,selected:i,onClick:v,index:m,innerRef:g,className:k,id:h,...f})=>{const x=w("listbox-button__option",k,{"listbox-button__option--active":i});return o.createElement("div",{...f,className:x,role:"option",id:h||`listbox_btn_${b}_${m}`,"aria-selected":i,ref:g,onClick:u=>{v(u,b,m)}},o.createElement("span",{className:"listbox-button__value"},y),o.createElement(V.EbayIcon,{name:"tick16"}))},me=({children:b,name:y,value:i,selected:v,borderless:m,fluid:g,className:k,maxHeight:h,prefixId:f,prefixLabel:x,floatingLabel:u,unselectedText:j="-",onChange:O=()=>{},onCollapse:W=()=>{},onExpand:z=()=>{},...G})=>{const a=o.useRef(null),S=o.useRef(),B=o.useRef(new Map),E=o.useRef(),l=be.filterByType(b,F);if(!l.length)throw new Error(`EbayListboxButton: Please use a
+        EbayListboxButtonOption that defines the options of the listbox`);const J=()=>{const e=v!==void 0?v:l.findIndex(({props:s})=>i!==void 0&&s.value===i),t=e>-1||u?e:void 0;return{option:l[t],index:t}},{option:N,index:T}=J(),[c,d]=o.useState(N),[n,C]=o.useState(T),[_,D]=o.useState(),[Q,X]=o.useState(!1),[A,L]=o.useState();o.useEffect(()=>{d(N)},[i]);const r=o.Children.toArray(b),I=e=>r[e].props.value,Y=o.useCallback(e=>r.findIndex(({props:t})=>t.value===e),[r]),R=e=>B.current.get(e),H=e=>{const t=a.current;t==null||t.setAttribute("aria-activedescendant",R(e).id)},p=()=>{D(!1),W()},Z=()=>{D(!0),z()},ee=()=>{_?p():Z()},P=(e,t)=>{d(r[t]),C(t),p(),H(t),E.current.focus(),O(e,{index:t,selected:[I(t)],wasClicked:A}),L(!1)},te=()=>{p(),d(r[T])},oe=e=>{const t=a.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},ne=e=>{const t=a.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},se=e=>{const t=S.current,s=R(e);if(t.scrollHeight>t.clientHeight){const pe=t.clientHeight+t.scrollTop,$=s.offsetTop+s.offsetHeight;$>pe?t.scrollTop=$-t.clientHeight:s.offsetTop<t.scrollTop&&(t.scrollTop=s.offsetTop)}},q=e=>{oe(n===void 0||e===-1?0:e),ne(n===void 0||n===-1?0:n),se(e),H(e),C(e),d(r[e])},K=e=>setTimeout(()=>{var t;return(t=a==null?void 0:a.current)==null?void 0:t.focus(e)},0),ce=()=>{ee(),X(!0),K({preventScroll:!0})},ae=e=>{switch(e.key){case"Escape":p();break;case"Enter":K();break}},le=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),n!==l.length-1&&q(n<l.length-1?n+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),n!==0&&q(n>0?n-1:l.length-1);break;case"Enter":p(),setTimeout(()=>d(r[n])),setTimeout(()=>E.current.focus(),0),O(e,{index:n,selected:[I(n)],wasClicked:A});break;case"Esc":case"Escape":te();break}},M=l.map((e,t)=>o.cloneElement(e,{index:t,key:t,selected:c&&e.props.value===c.props.value,onClick:s=>P(s,t),innerRef:s=>s?B.current.set(t,s):B.current.delete(t)})),re=w("listbox-button",k,{"listbox-button--fluid":g}),ie=w("btn",{"btn--form":!m,"btn--borderless":m,"btn--floating-label":u&&c}),U=f&&"expand-btn-text",ue=o.createElement(o.Fragment,null,u&&o.createElement("span",{className:"btn__floating-label"},u),x&&o.createElement("span",{className:"btn__label"},x),o.createElement("span",{className:"btn__text",id:U},(c==null?void 0:c.props.children)||j));return o.createElement("span",{className:re},o.createElement("button",{...G,type:"button",className:ie,"aria-expanded":!!_,"aria-haspopup":"listbox","aria-labelledby":f&&`${f} ${U}`,onClick:ce,onMouseDown:e=>e.preventDefault(),onKeyUp:ae,ref:E},o.createElement("span",{className:"btn__cell"},ue,o.createElement(V.EbayIcon,{name:"chevronDown12"}))),(_||Q)&&o.createElement("div",{className:"listbox-button__listbox",ref:S,style:{maxHeight:h}},o.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:_?0:-1,ref:a,onKeyDown:e=>le(e),onMouseDown:e=>{e.preventDefault(),L(!0)},onBlur:()=>{p(),setTimeout(()=>E.current.focus(),0)}},M)),o.createElement("select",{hidden:!0,className:"listbox-button__native",name:y,onChange:e=>P(e,Y(e.target.value)),value:c?c==null?void 0:c.props.value:""},M.map((e,t)=>o.createElement("option",{value:e.props.value,key:t}))))};exports.EbayListboxButton=me;exports.EbayListboxButtonOption=F;

package/ebay-listbox-button.mjs

@@ -0,0 +1,170 @@
+import o, { useRef as k, useState as x, useEffect as mt, Children as ft, useCallback as dt, cloneElement as xt } from "react";
+import N from "classnames";
+import { E as j } from "./icon-B_a65KUD.mjs";
+import { b as vt } from "./utils-BipBqkOS.mjs";
+const Et = ({ value: b, children: h, selected: i, onClick: v, index: m, innerRef: g, className: B, id: w, ...f }) => {
+  const E = N("listbox-button__option", B, { "listbox-button__option--active": i });
+  return o.createElement(
+    "div",
+    { ...f, className: E, role: "option", id: w || `listbox_btn_${b}_${m}`, "aria-selected": i, ref: g, onClick: (p) => {
+      v(p, b, m);
+    } },
+    o.createElement("span", { className: "listbox-button__value" }, h),
+    o.createElement(j, { name: "tick16" })
+  );
+}, gt = ({ children: b, name: h, value: i, selected: v, borderless: m, fluid: g, className: B, maxHeight: w, prefixId: f, prefixLabel: E, floatingLabel: p, unselectedText: q = "-", onChange: T = () => {
+}, onCollapse: z = () => {
+}, onExpand: G = () => {
+}, ...J }) => {
+  const c = k(null), C = k(), O = k(/* @__PURE__ */ new Map()), _ = k(), l = vt(b, Et);
+  if (!l.length)
+    throw new Error(`EbayListboxButton: Please use a
+        EbayListboxButtonOption that defines the options of the listbox`);
+  const Q = () => {
+    const t = v !== void 0 ? v : l.findIndex(({ props: s }) => i !== void 0 && s.value === i), e = t > -1 || p ? t : void 0;
+    return {
+      option: l[e],
+      index: e
+    };
+  }, { option: D, index: A } = Q(), [a, d] = x(D), [n, S] = x(A), [y, L] = x(), [X, Y] = x(!1), [I, H] = x();
+  mt(() => {
+    d(D);
+  }, [i]);
+  const r = ft.toArray(b), R = (t) => r[t].props.value, Z = dt((t) => r.findIndex(({ props: e }) => e.value === t), [r]), K = (t) => O.current.get(t), P = (t) => {
+    const e = c.current;
+    e == null || e.setAttribute("aria-activedescendant", K(t).id);
+  }, u = () => {
+    L(!1), z();
+  }, tt = () => {
+    L(!0), G();
+  }, et = () => {
+    y ? u() : tt();
+  }, U = (t, e) => {
+    d(r[e]), S(e), u(), P(e), _.current.focus(), T(t, { index: e, selected: [R(e)], wasClicked: I }), H(!1);
+  }, ot = () => {
+    u(), d(r[A]);
+  }, nt = (t) => {
+    const e = c.current.children[t];
+    e.setAttribute("aria-selected", "true"), e.classList.add("listbox-button__option--active");
+  }, st = (t) => {
+    const e = c.current.children[t];
+    e.setAttribute("aria-selected", "false"), e.classList.remove("listbox-button__option--active");
+  }, at = (t) => {
+    const e = C.current, s = K(t);
+    if (e.scrollHeight > e.clientHeight) {
+      const bt = e.clientHeight + e.scrollTop, W = s.offsetTop + s.offsetHeight;
+      W > bt ? e.scrollTop = W - e.clientHeight : s.offsetTop < e.scrollTop && (e.scrollTop = s.offsetTop);
+    }
+  }, $ = (t) => {
+    nt(n === void 0 || t === -1 ? 0 : t), st(n === void 0 || n === -1 ? 0 : n), at(t), P(t), S(t), d(r[t]);
+  }, M = (t) => setTimeout(() => {
+    var e;
+    return (e = c == null ? void 0 : c.current) == null ? void 0 : e.focus(t);
+  }, 0), ct = () => {
+    et(), Y(!0), M({ preventScroll: !0 });
+  }, lt = (t) => {
+    switch (t.key) {
+      case "Escape":
+        u();
+        break;
+      case "Enter":
+        M();
+        break;
+    }
+  }, rt = (t) => {
+    switch (t.key) {
+      case " ":
+      case "PageUp":
+      case "PageDown":
+      case "Home":
+      case "End":
+        t.preventDefault();
+        break;
+      case "Down":
+      case "ArrowDown":
+        t.preventDefault(), n !== l.length - 1 && $(n < l.length - 1 ? n + 1 : 0);
+        break;
+      case "Up":
+      case "ArrowUp":
+        t.preventDefault(), n !== 0 && $(n > 0 ? n - 1 : l.length - 1);
+        break;
+      case "Enter":
+        u(), setTimeout(() => d(r[n])), setTimeout(() => _.current.focus(), 0), T(t, {
+          index: n,
+          selected: [R(n)],
+          wasClicked: I
+        });
+        break;
+      case "Esc":
+      case "Escape":
+        ot();
+        break;
+    }
+  }, V = l.map((t, e) => xt(t, {
+    index: e,
+    key: e,
+    selected: a && t.props.value === a.props.value,
+    onClick: (s) => U(s, e),
+    innerRef: (s) => s ? O.current.set(e, s) : O.current.delete(e)
+  })), it = N("listbox-button", B, { "listbox-button--fluid": g }), pt = N("btn", {
+    "btn--form": !m,
+    "btn--borderless": m,
+    "btn--floating-label": p && a
+  }), F = f && "expand-btn-text", ut = o.createElement(
+    o.Fragment,
+    null,
+    p && o.createElement("span", { className: "btn__floating-label" }, p),
+    E && o.createElement("span", { className: "btn__label" }, E),
+    o.createElement("span", { className: "btn__text", id: F }, (a == null ? void 0 : a.props.children) || q)
+  );
+  return o.createElement(
+    "span",
+    { className: it },
+    o.createElement(
+      "button",
+      {
+        ...J,
+        type: "button",
+        className: pt,
+        "aria-expanded": !!y,
+        "aria-haspopup": "listbox",
+        "aria-labelledby": f && `${f} ${F}`,
+        onClick: ct,
+        // https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
+        onMouseDown: (t) => t.preventDefault(),
+        onKeyUp: lt,
+        ref: _
+      },
+      o.createElement(
+        "span",
+        { className: "btn__cell" },
+        ut,
+        o.createElement(j, { name: "chevronDown12" })
+      )
+    ),
+    (y || X) && o.createElement(
+      "div",
+      { className: "listbox-button__listbox", ref: C, style: { maxHeight: w } },
+      o.createElement("div", {
+        className: "listbox-button__options",
+        role: "listbox",
+        tabIndex: y ? 0 : -1,
+        ref: c,
+        onKeyDown: (t) => rt(t),
+        // adding onMouseDown preventDefault b/c on IE the onClick event is not being fired on each
+        // option https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
+        onMouseDown: (t) => {
+          t.preventDefault(), H(!0);
+        },
+        onBlur: () => {
+          u(), setTimeout(() => _.current.focus(), 0);
+        }
+      }, V)
+    ),
+    o.createElement("select", { hidden: !0, className: "listbox-button__native", name: h, onChange: (t) => U(t, Z(t.target.value)), value: a ? a == null ? void 0 : a.props.value : "" }, V.map((t, e) => o.createElement("option", { value: t.props.value, key: e })))
+  );
+};
+export {
+  gt as EbayListboxButton,
+  Et as EbayListboxButtonOption
+};

package/ebay-menu/menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EbayMenuProps } from './index';
+import type { EbayMenuProps } from './types';
 declare const _default: React.ForwardRefExoticComponent<Omit<EbayMenuProps, "ref"> & React.RefAttributes<React.FC<EbayMenuProps>>>;
 export default _default;
 //# sourceMappingURL=menu.d.ts.map

package/ebay-menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAKd,OAAO,EAA+B,aAAa,EAAE,MAAM,SAAS,CAAA;;AA8JpE,wBAAuC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAOd,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;AA6J5C,wBAAuC"}

package/ebay-menu-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("classnames"),y=require("./utils-C9NL3q0j.js"),x=require("./menu-DZU8jEPV.js"),X=require("./button-o4ao46WM.js"),Y=require("./icon-button-BB6GFLm7.js"),v=require("./icon-DK6eEQD8.js"),Z=require("./index-DbjwTbDP.js"),ee=({type:t,variant:a="button",className:c,text:m="",fixWidth:d,reverse:i,expanded:h,noToggleIcon:b,checked:u,collapseOnSelect:N,a11yText:S,prefixId:B,prefixLabel:L,onClick:R=()=>{},onExpand:K=()=>{},onCollapse:P=()=>{},onChange:T=()=>{},onSelect:A=()=>{},children:f,...F})=>{const[s,E]=e.useState(h),[I,O]=e.useState(),k=e.useRef(null),M=e.useRef(),_=y.filterByType(f,[x.EbayMenuItem,q]),W=_.map(n=>!!n.props.checked),[p,j]=e.useState(W),D=y.findComponent(f,w),V=y.findComponent(f,v.EbayIcon),$=ne({text:m,prefixId:B,prefixLabel:L,menuButtonLabel:D,icon:V}),z=r("menu-button",c),G=r("menu-button__menu",{"menu-button__menu--fix-width":d,"menu-button__menu--reverse":i});e.useEffect(()=>{const n=o=>{const l=M.current,g=l&&l.contains(o.target);(N||!g)&&E(!1)};return s?(K(),setTimeout(()=>{document.addEventListener("click",n,!1)})):s===!1&&P(),()=>document.removeEventListener("click",n,!1)},[s]),e.useEffect(()=>{O(v.randomId())},[]);const H=n=>{Z.handleEscapeKeydown(n,()=>{var o;E(!1),(o=k.current)==null||o.focus()})},C={ref:k,className:"menu-button__button","aria-expanded":!!s,"aria-haspopup":!0,"aria-label":S,"aria-controls":I,"aria-labelledby":B,onClick:n=>{E(!s),R(n)},...F},J=(n,o)=>{if(t==="radio"||t==="checkbox"){const l=p.map((g,U)=>o.indexes.includes(U));j(l)}T(n,o)},Q=()=>{const n=p.findIndex(Boolean);return n>-1?n:u};return e.createElement("span",{className:z},a==="overflow"?e.createElement(Y.EbayIconButton,{icon:"overflowVertical16",...C}):e.createElement(X.EbayButton,{variant:a==="form"?"form":void 0,bodyState:b?void 0:"expand",...C},$),s&&e.createElement(x.EbayMenu,{baseEl:"div",ref:M,type:t,className:G,tabIndex:-1,id:I,autofocus:!0,checked:Q(),onKeyDown:H,onChange:J,onSelect:A},_.map((n,o)=>e.cloneElement(n,{...n.props,className:r(n.props.className,"menu-button__item"),key:o,checked:p[o]}))))};function ne({text:t,prefixId:a,prefixLabel:c,menuButtonLabel:m,icon:d}){const i=t.length?e.createElement("span",null,t):null,b=[!a&&c&&[e.createElement("span",{className:"menu-button-prefix-label"},c),e.createElement(e.Fragment,null," ")],m||i],u=[d,b].flat().filter(Boolean);return u.length?u:null}const q=({className:t,...a})=>e.createElement("hr",{...a,className:r(t,"menu-button__separator"),role:"separator"}),w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayMenuButtonItem=x.EbayMenuItem;exports.EbayMenuButton=ee;exports.EbayMenuButtonLabel=w;exports.EbayMenuButtonSeparator=q;

package/ebay-menu-button.mjs

@@ -0,0 +1,82 @@
+import n, { useState as x, useRef as v, useEffect as w, cloneElement as X } from "react";
+import u from "classnames";
+import { b as Y, f as M } from "./utils-BipBqkOS.mjs";
+import { E as Z, a as $ } from "./menu-CR1Dxl2m.mjs";
+import { E as ee } from "./button-B06HeRsZ.mjs";
+import { E as ne } from "./icon-button-Dy8rjzH7.mjs";
+import { r as te, E as ae } from "./icon-B_a65KUD.mjs";
+import { b as oe } from "./index-B5oC9Rl1.mjs";
+const Ee = ({ type: t, variant: o = "button", className: c, text: m = "", fixWidth: d, reverse: i, expanded: h, noToggleIcon: f, checked: l, collapseOnSelect: N, a11yText: L, prefixId: y, prefixLabel: R, onClick: K = () => {
+}, onExpand: S = () => {
+}, onCollapse: A = () => {
+}, onChange: F = () => {
+}, onSelect: P = () => {
+}, children: b, ...T }) => {
+  const [s, p] = x(h), [k, W] = x(), I = v(null), _ = v(), B = Y(b, [$, ce]), D = B.map((e) => !!e.props.checked), [E, O] = x(D), V = M(b, le), j = M(b, ae), q = se({ text: m, prefixId: y, prefixLabel: R, menuButtonLabel: V, icon: j }), z = u("menu-button", c), G = u("menu-button__menu", {
+    "menu-button__menu--fix-width": d,
+    "menu-button__menu--reverse": i
+  });
+  w(() => {
+    const e = (a) => {
+      const r = _.current, g = r && r.contains(a.target);
+      (N || !g) && p(!1);
+    };
+    return s ? (S(), setTimeout(() => {
+      document.addEventListener("click", e, !1);
+    })) : s === !1 && A(), () => document.removeEventListener("click", e, !1);
+  }, [s]), w(() => {
+    W(te());
+  }, []);
+  const H = (e) => {
+    oe(e, () => {
+      var a;
+      p(!1), (a = I.current) == null || a.focus();
+    });
+  }, C = {
+    ref: I,
+    className: "menu-button__button",
+    "aria-expanded": !!s,
+    "aria-haspopup": !0,
+    "aria-label": L,
+    "aria-controls": k,
+    "aria-labelledby": y,
+    onClick: (e) => {
+      p(!s), K(e);
+    },
+    ...T
+  }, J = (e, a) => {
+    if (t === "radio" || t === "checkbox") {
+      const r = E.map((g, U) => a.indexes.includes(U));
+      O(r);
+    }
+    F(e, a);
+  }, Q = () => {
+    const e = E.findIndex(Boolean);
+    return e > -1 ? e : l;
+  };
+  return n.createElement(
+    "span",
+    { className: z },
+    o === "overflow" ? n.createElement(ne, { icon: "overflowVertical16", ...C }) : n.createElement(ee, { variant: o === "form" ? "form" : void 0, bodyState: f ? void 0 : "expand", ...C }, q),
+    s && n.createElement(Z, { baseEl: "div", ref: _, type: t, className: G, tabIndex: -1, id: k, autofocus: !0, checked: Q(), onKeyDown: H, onChange: J, onSelect: P }, B.map((e, a) => X(e, {
+      ...e.props,
+      className: u(e.props.className, "menu-button__item"),
+      key: a,
+      checked: E[a]
+    })))
+  );
+};
+function se({ text: t, prefixId: o, prefixLabel: c, menuButtonLabel: m, icon: d }) {
+  const i = t.length ? n.createElement("span", null, t) : null, f = [!o && c && [
+    n.createElement("span", { className: "menu-button-prefix-label" }, c),
+    n.createElement(n.Fragment, null, " ")
+  ], m || i], l = [d, f].flat().filter(Boolean);
+  return l.length ? l : null;
+}
+const ce = ({ className: t, ...o }) => n.createElement("hr", { ...o, className: u(t, "menu-button__separator"), role: "separator" }), le = ({ children: t }) => n.createElement(n.Fragment, null, t);
+export {
+  Ee as EbayMenuButton,
+  $ as EbayMenuButtonItem,
+  le as EbayMenuButtonLabel,
+  ce as EbayMenuButtonSeparator
+};

package/ebay-menu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-DZU8jEPV.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"menu__separator"),role:"separator"});exports.EbayMenu=e.EbayMenu;exports.EbayMenuItem=e.EbayMenuItem;exports.EbayMenuSeparator=u;

package/ebay-menu.mjs

@@ -0,0 +1,9 @@
+import { E, a as c } from "./menu-CR1Dxl2m.mjs";
+import r from "react";
+import t from "classnames";
+const s = ({ className: a, ...e }) => r.createElement("hr", { ...e, className: t(a, "menu__separator"), role: "separator" });
+export {
+  E as EbayMenu,
+  c as EbayMenuItem,
+  s as EbayMenuSeparator
+};

package/ebay-notice-base.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("./notice-content-C0ZStfuX.js"),n=({children:e})=>t.createElement("span",{className:"page-notice__title"},e);exports.EbayNoticeContent=o.EbayNoticeContent;exports.EbayNoticeTitle=n;

package/ebay-notice-base.mjs

@@ -0,0 +1,7 @@
+import t from "react";
+import { E as n } from "./notice-content-BVZMfcMH.mjs";
+const a = ({ children: e }) => t.createElement("span", { className: "page-notice__title" }, e);
+export {
+  n as EbayNoticeContent,
+  a as EbayNoticeTitle
+};

package/ebay-page-notice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./notice-content-9iF4T8uB.js"),l=require("./notice-content-C0ZStfuX.js"),r=require("./icon-DK6eEQD8.js"),u=require("classnames"),s=require("./notice-footer-Cw1DMzoB.js"),C=({id:a,status:e="general",children:n,a11yDismissText:o,"aria-label":E,onDismiss:b=()=>{},...g})=>{const[m,N]=t.useState(!1),i=t.Children.toArray(n).find(c=>c.type===l.EbayNoticeContent);if(!i)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const p=c=>{N(!0),b(c)};return m?null:t.createElement("section",{...g,"aria-labelledby":a||`${e}-status`,className:`page-notice ${e!=="general"?`page-notice--${e}`:""}`,role:"region"},e!=="general"?t.createElement("div",{className:"page-notice__header",id:a||`${e}-status`},t.createElement(r.EbayIcon,{name:`${e}Filled16`,a11yText:E,a11yVariant:"label"})):null,t.createElement(d.NoticeContent,{...i.props,type:"page"}),n,o&&t.createElement(y,null,t.createElement("button",{"aria-label":o,className:"fake-link page-notice__dismiss",onClick:p},t.createElement(r.EbayIcon,{name:"close16"}))))},P=({className:a,as:e,children:n,...o})=>t.createElement(s.NoticeTitle,{...o,className:a,as:e,type:"page"},n),y=({className:a,children:e})=>t.createElement(s.NoticeFooter,{className:a,type:"page"},e),h=({className:a,type:e,children:n,...o})=>t.createElement("p",{className:u(a,`${e}-notice__cta`),...o},n),f=({className:a,children:e})=>t.createElement(h,{className:a,type:"page"},e);exports.EbayNoticeContent=l.EbayNoticeContent;exports.EbayPageNotice=C;exports.EbayPageNoticeCTA=f;exports.EbayPageNoticeFooter=y;exports.EbayPageNoticeTitle=P;

package/ebay-page-notice.mjs

@@ -0,0 +1,42 @@
+import t, { useState as N } from "react";
+import { N as g } from "./notice-content-CdXVjKzD.mjs";
+import { E as b } from "./notice-content-BVZMfcMH.mjs";
+import { E as l } from "./icon-B_a65KUD.mjs";
+import d from "classnames";
+import { N as f, a as h } from "./notice-footer-BFa2IeY9.mjs";
+const w = ({ id: a, status: e = "general", children: o, a11yDismissText: n, "aria-label": i, onDismiss: s = () => {
+}, ...m }) => {
+  const [p, E] = N(!1), c = t.Children.toArray(o).find((r) => r.type === b);
+  if (!c)
+    throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");
+  const y = (r) => {
+    E(!0), s(r);
+  };
+  return p ? null : t.createElement(
+    "section",
+    { ...m, "aria-labelledby": a || `${e}-status`, className: `page-notice ${e !== "general" ? `page-notice--${e}` : ""}`, role: "region" },
+    e !== "general" ? t.createElement(
+      "div",
+      { className: "page-notice__header", id: a || `${e}-status` },
+      t.createElement(l, { name: `${e}Filled16`, a11yText: i, a11yVariant: "label" })
+    ) : null,
+    t.createElement(g, { ...c.props, type: "page" }),
+    o,
+    n && t.createElement(
+      C,
+      null,
+      t.createElement(
+        "button",
+        { "aria-label": n, className: "fake-link page-notice__dismiss", onClick: y },
+        t.createElement(l, { name: "close16" })
+      )
+    )
+  );
+}, v = ({ className: a, as: e, children: o, ...n }) => t.createElement(f, { ...n, className: a, as: e, type: "page" }, o), C = ({ className: a, children: e }) => t.createElement(h, { className: a, type: "page" }, e), P = ({ className: a, type: e, children: o, ...n }) => t.createElement("p", { className: d(a, `${e}-notice__cta`), ...n }, o), x = ({ className: a, children: e }) => t.createElement(P, { className: a, type: "page" }, e);
+export {
+  b as EbayNoticeContent,
+  w as EbayPageNotice,
+  x as EbayPageNoticeCTA,
+  C as EbayPageNoticeFooter,
+  v as EbayPageNoticeTitle
+};

package/ebay-pagination.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("./menu-button-label-BcgasGA4.js"),$=require("classnames"),ee=require("./debounce-BQsYxxOL.js"),te=require("./utils-C9NL3q0j.js"),B=require("./icon-DK6eEQD8.js");require("./array.polyfill.flat-5BAolFdk.js");const ne=1,R=9,K=4,j=2,re=R-j;function ie(e,n,a=e,s=null){const h=s==="show-last"||s==="overflow"&&e>R,l=s==="overflow"&&e>R,c=Math.min(a,e),v=Math.max(0,n-Math.ceil((c-1)/2)),E=c<K?n:Math.max(0,n-Math.floor((c-1)/2)),d=(h?E:v)+c,m=d>=e,M=n<=K,I=(b,o)=>{const r=q(e,b,o);return c>2?(r[o-2]="dots",r[o-1]="hidden",r[e-1]="visible"):c>1&&(r[o-1]="dots"),r},g=(b,o)=>{if(M)return I(0,o);if(m){const w=q(e,e-re,e);return w[0]="visible",w[1]="dots",w}const r=q(e,n-j,n+j+1);return r[0]="visible",r[1]=M?"visible":"dots",r[e-2]="dots",r[e-1]="visible",r};return m&&e<=R?q(e,e-c):h?l?g(E,d):I(E,d):q(e,v,d)}function oe(e,n,a,s="show-range"){if(e===-1)return[];const h=s==="overflow"?R:ae(Math.min(a,n),ne,R);return ie(a,e-1,h,s)}function ae(e,n,a){return e<=n?n:e>=a?a:e}function q(e,n,a){return Array(e).fill("hidden").fill("visible",n,a)}function se(e){if(!e)return 0;e.style.width="100vw";const n=e.offsetWidth;return e.style.width=null,n}const ce=({id:e="ebay-pagination",className:n,a11yCurrentText:a="Pagination - Current Page",a11yPreviousText:s="Previous page",a11yNextText:h="Next page",variant:l="show-range",fluid:c=!1,onPrevious:v=()=>{},onNext:E=()=>{},onSelect:d=()=>{},children:m,...M})=>{const I=t.useRef(null),g=t.useRef([]);g.current=t.Children.map(m,t.createRef);const b=te.filterBy(m,({props:i})=>i.type===void 0||i.type==="page").length,o=t.useRef(0),r=t.useRef(0),w=()=>{var y,_,x,p;const i=r.current||((_=(y=g.current[0])==null?void 0:y.current)==null?void 0:_.offsetWidth);r.current=i;const f=o.current||((p=(x=g.current[1])==null?void 0:x.current)==null?void 0:p.offsetWidth);return o.current=f,f?Math.floor((se(I.current)-i*2)/f):0},[A,G]=t.useState([]),[N,L]=t.useState(0),S=i=>{const f=i||g.current.findIndex(x=>{var p;return((p=x.current)==null?void 0:p.getAttribute("aria-current"))==="page"}),y=w(),_=oe(f,y,b,l);L(f),G(["hidden",..._])};t.useEffect(()=>{const i=ee.debounce(S,16);return S(),window.addEventListener("resize",()=>i()),()=>{window.removeEventListener("resize",()=>i())}},[m]);const W=i=>{let f=0;const y=[],_=[],x=[],p=A.indexOf("dots"),P=A.lastIndexOf("dots");return t.Children.map(m,(V,D)=>{const{type:O="page",current:Q,disabled:Y,href:z,children:U}=V.props,k=A[D]==="dots",F=`${e}-item-${D}`,X=A[D]==="hidden",Z={current:Q,disabled:Y,href:z,type:k&&O==="page"?"separator":O,children:k?t.createElement(B.EbayIcon,{name:"overflowHorizontal24",focusable:!1}):U,pageIndex:O==="page"?f++:void 0,key:F,hide:X,onPrevious:v,onNext:E,onSelect:d,a11yPreviousText:s,a11yNextText:h,ref:g.current[D]};if((X||k)&&O==="page"){const C=t.createElement(J.EbayFakeMenuButtonItem,{key:F,href:z,onClick:H=>{z||H.preventDefault();const T=H.currentTarget;d(H,{value:(T==null?void 0:T.innerText)||"",index:f}),S(Number(T==null?void 0:T.innerText))}},U);p===P&&x.push(C),N-2>p&&D<N&&y.push(C),N+2<P&&D>N&&_.push(C)}if(i==="page"&&k&&l==="overflow"){let C=x;return p!==P&&(C=D===2?y:_),t.createElement("li",{key:F},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(J.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},C)))}return i===O?t.cloneElement(V,Z):null})},u=`${e}-pagination-heading`;return t.createElement("nav",{...M,role:"navigation",className:$(n,"pagination",{"pagination--fluid":c}),"aria-labelledby":u,ref:I},t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:u},a)),W("previous"),t.createElement("ol",{className:"pagination__items"},W("page")),W("next"))},ue=({pageIndex:e=0,key:n,current:a,disabled:s,type:h="page",href:l,hide:c,children:v,a11yPreviousText:E="Previous page",a11yNextText:d="Next page",onSelect:m,onNext:M,onPrevious:I,className:g,style:b,forwardedRef:o,...r})=>{const w=u=>{var i;m(u,{value:((i=u.currentTarget)==null?void 0:i.innerText)||"",index:e})},A=u=>{u.currentTarget.getAttribute("aria-disabled")||M(u)},G=u=>{u.currentTarget.getAttribute("aria-disabled")||I(u)},N=!!l,L=N?"a":"button",S=N?"icon-link":"icon-btn",W={...b,minWidth:"40px"};switch(h){case"previous":return t.createElement(L,{...r,ref:o,"aria-disabled":s?"true":void 0,"aria-label":E,href:s?void 0:l,className:$(S,"pagination__previous"),style:W,onClick:G},t.createElement(B.EbayIcon,{name:"arrowLeft16"}));case"next":return t.createElement(L,{...r,ref:o,"aria-disabled":s?"true":void 0,"aria-label":d,href:s?void 0:l,className:$(S,"pagination__next"),style:W,onClick:A},t.createElement(B.EbayIcon,{name:"arrowRight16"}));case"separator":return t.createElement("span",{key:n,style:b,className:"pagination__item",ref:o,role:"separator"},v);default:return t.createElement("li",{...r,hidden:c},t.createElement(L,{ref:o,"aria-current":a?"page":void 0,href:l,className:"pagination__item",style:b,key:n,onClick:w},v))}},le=B.withForwardRef(ue);exports.EbayPagination=ce;exports.EbayPaginationItem=le;