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

package/ebay-video/index.js

@@ -1,229 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const shaka = require("shaka-player/dist/shaka-player.ui");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const icon = require("../icon-B17Di3YL.js");
-const progressSpinner = require("../progress-spinner-DOFKRtuu.js");
-const client = require("react-dom/client");
-const EbayVideoSource = ({ ...rest }) => React.createElement("source", { ...rest });
-const ERROR_ANOTHER_LOAD = 7e3;
-const ERROR_NO_PLAYER = 11;
-const defaultVideoConfig = {
-  addBigPlayButton: false,
-  addSeekBar: true,
-  controlPanelElements: [
-    "play_pause",
-    "time_and_duration",
-    "spacer",
-    "mute",
-    "report",
-    "captions",
-    // 'quality', // uncomment this to show a gear icon for video quality control
-    "fullscreen"
-  ]
-};
-const ReportButton = ({ callback, children }) => React.createElement(
-  "button",
-  { className: "video-player__report-button", ref: callback },
-  React.createElement(icon.EbayIcon, { name: "flag24" }),
-  children
-);
-function customControls(onReport = () => {
-}) {
-  const Report = class extends shaka.ui.Element {
-    constructor(parent, controls, text) {
-      super(parent, controls);
-      const tempEl = document.createElement("div");
-      const buttonCallback = () => {
-        const reportButton = tempEl.firstChild;
-        parent.appendChild(reportButton);
-        tempEl.remove();
-        this.eventManager.listen(reportButton, "click", onReport);
-      };
-      client.createRoot(tempEl).render(React.createElement(ReportButton, { callback: buttonCallback }, text));
-    }
-  };
-  Report.Factory = class {
-    constructor(reportText) {
-      __publicField(this, "reportText");
-      this.reportText = reportText;
-    }
-    create(rootElement, controls) {
-      return new Report(rootElement, controls, this.reportText);
-    }
-  };
-  return { Report };
-}
-const EbayVideo = ({ width, height, thumbnail, action, muted, playView = "inline", a11yLoadText, a11yPlayText, reportText, volumeSlider, volume = 1, hideReportButton, errorText, onVolumeChange = () => {
-}, onLoadError = () => {
-}, onPlay = () => {
-}, onReport = () => {
-}, children, ...rest }) => {
-  const [loaded, setLoaded] = React.useState();
-  const [buffering, setBuffering] = React.useState();
-  const [playing, setPlaying] = React.useState();
-  const [failed, setFailed] = React.useState();
-  const containerRef = React.useRef(null);
-  const videoRef = React.useRef(null);
-  const playerRef = React.useRef(null);
-  const uiRef = React.useRef(null);
-  const sources = common_componentUtils_utils.filterByType(children, EbayVideoSource).map(({ props }) => props);
-  const handleError = (err) => {
-    setLoaded(true);
-    setFailed(true);
-    onLoadError(err);
-  };
-  const loadSource = (index = 0) => {
-    var _a;
-    if (!sources.length || !playerRef.current)
-      return;
-    setLoaded(false);
-    playerRef.current.load((_a = sources[index]) == null ? void 0 : _a.src).then(() => {
-      setFailed(false);
-    }).catch((err) => {
-      console.error(err);
-      switch (err.code) {
-        case ERROR_ANOTHER_LOAD:
-          return;
-        case ERROR_NO_PLAYER:
-          setTimeout(() => loadSource(index), 0);
-          break;
-        default: {
-          const nextIndex = sources.length > index + 1 && index + 1;
-          if (nextIndex) {
-            setTimeout(() => loadSource(nextIndex), 0);
-          } else {
-            handleError(err);
-          }
-        }
-      }
-    }).finally(() => {
-      setLoaded(true);
-    });
-  };
-  React.useEffect(() => {
-    const video = videoRef.current;
-    const container = containerRef.current;
-    if (!video || !container)
-      return;
-    video.volume = volume;
-    shaka.polyfill.installAll();
-    playerRef.current = new shaka.Player(video);
-    if (!playerRef.current)
-      return;
-    playerRef.current.addEventListener("error", handleError);
-    playerRef.current.addEventListener("buffering", (e) => {
-      setBuffering(e.buffering);
-    });
-    uiRef.current = new shaka.ui.Overlay(playerRef.current, container, video, reportText);
-    uiRef.current.configure({
-      addBigPlayButton: true,
-      controlPanelElements: [],
-      addSeekBar: false
-    });
-    if (!hideReportButton) {
-      const { Report } = customControls(onReport);
-      shaka.ui.Controls.registerElement("report", new Report.Factory(reportText));
-    }
-    loadSource();
-    hideSpinner(container);
-  }, []);
-  React.useEffect(() => {
-    switch (action) {
-      case "play":
-        videoRef.current.play();
-        break;
-      case "pause":
-        videoRef.current.pause();
-        break;
-    }
-  }, [action]);
-  const showControls = () => {
-    if (!uiRef.current)
-      return;
-    const updatedControls = volumeSlider ? {
-      controlPanelElements: withVolumeControl(defaultVideoConfig.controlPanelElements)
-    } : {};
-    uiRef.current.configure({
-      ...defaultVideoConfig,
-      ...updatedControls
-    });
-    videoRef.current.controls = false;
-  };
-  const handlePlaying = (e) => {
-    e.stopPropagation();
-    showControls();
-    if (playView === "fullscreen") {
-      videoRef.current.requestFullscreen();
-    }
-    setPlaying(true);
-    onPlay(e, { player: playerRef.current });
-  };
-  const handleOnPlayClick = () => {
-    videoRef.current.play();
-  };
-  const handleVolumeChange = (e) => {
-    const eventTarget = e.currentTarget;
-    onVolumeChange(e, {
-      volume: Math.round((eventTarget.volume + Number.EPSILON) * 100) / 100,
-      muted: eventTarget.muted
-    });
-  };
-  const handleOnPause = () => {
-    videoRef.current.controls = false;
-  };
-  const style = {
-    width: width ? `${width}px` : void 0,
-    height: height ? `${height}px` : void 0
-  };
-  return React.createElement(
-    "div",
-    { style, className: classNames("video-player", { "video-player--poster": !playing }) },
-    !playing && loaded && !failed && !buffering && React.createElement(
-      "div",
-      { className: "shaka-play-button-container" },
-      React.createElement(
-        "button",
-        { onClick: handleOnPlayClick, className: "shaka-play-button", style: { opacity: 1, zIndex: 999 }, "aria-label": a11yPlayText },
-        React.createElement(icon.EbayIcon, { name: "playFilled64Colored" })
-      )
-    ),
-    React.createElement(
-      "div",
-      { className: "video-player__container", ref: containerRef },
-      React.createElement("video", { ref: videoRef, style, poster: thumbnail, muted: muted || false, onPlaying: handlePlaying, onPause: handleOnPause, onVolumeChange: handleVolumeChange, ...rest }, sources.map((source, i) => React.createElement("source", { key: i, ...source })))
-    ),
-    React.createElement(
-      "div",
-      { className: classNames("video-player__overlay", { "video-player__overlay--hidden": !failed }) },
-      React.createElement(icon.EbayIcon, { name: "attention64" }),
-      React.createElement("div", { className: "video-player__overlay-text" }, errorText)
-    ),
-    React.createElement(
-      "div",
-      { className: classNames("video-player__overlay", {
-        "video-player__overlay--hidden": loaded && (failed || !buffering)
-      }) },
-      React.createElement(progressSpinner.EbayProgressSpinner, { size: "large", "aria-label": a11yLoadText })
-    )
-  );
-};
-function withVolumeControl(controls) {
-  const insertAt = controls.length - 2 > 0 ? controls.length - 2 : controls.length;
-  const controlsWithVolume = [...controls];
-  controlsWithVolume.splice(insertAt, 0, "volume");
-  return controlsWithVolume;
-}
-function hideSpinner(container) {
-  const shakaSpinner = container.querySelectorAll(".shaka-spinner")[0];
-  if (shakaSpinner) {
-    shakaSpinner.setAttribute("hidden", "");
-  }
-}
-exports.EbayVideo = EbayVideo;
-exports.EbayVideoSource = EbayVideoSource;
+"use strict";var U=Object.defineProperty;var X=(n,r,a)=>r in n?U(n,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[r]=a;var T=(n,r,a)=>X(n,typeof r!="symbol"?r+"":r,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),Z=require("../utils-C9NL3q0j.js"),R=require("../icon-D4RDqpD4.js"),ee=require("../progress-spinner-CF3qoWE3.js"),te=require("react-dom/client"),w=({...n})=>e.createElement("source",{...n}),ne=7e3,re=11,V={addBigPlayButton:!1,addSeekBar:!0,controlPanelElements:["play_pause","time_and_duration","spacer","mute","report","captions","fullscreen"]},ae=({callback:n,children:r})=>e.createElement("button",{className:"video-player__report-button",ref:n},e.createElement(R.EbayIcon,{name:"flag24"}),r);function oe(n=()=>{}){const r=class extends d.ui.Element{constructor(a,u,y){super(a,u);const i=document.createElement("div"),E=()=>{const m=i.firstChild;a.appendChild(m),i.remove(),this.eventManager.listen(m,"click",n)};te.createRoot(i).render(e.createElement(ae,{callback:E},y))}};return r.Factory=class{constructor(a){T(this,"reportText");this.reportText=a}create(a,u){return new r(a,u,this.reportText)}},{Report:r}}const le=({width:n,height:r,thumbnail:a,action:u,muted:y,playView:i="inline",a11yLoadText:E,a11yPlayText:m,reportText:_,volumeSlider:A,volume:x=1,hideReportButton:I,errorText:L,onVolumeChange:F=()=>{},onLoadError:M=()=>{},onPlay:z=()=>{},onReport:$=()=>{},children:j,...D})=>{const[P,v]=e.useState(),[S,H]=e.useState(),[k,W]=e.useState(),[h,C]=e.useState(),N=e.useRef(null),l=e.useRef(null),s=e.useRef(null),p=e.useRef(null),f=Z.filterByType(j,w).map(({props:t})=>t),B=t=>{v(!0),C(!0),M(t)},g=(t=0)=>{var o;!f.length||!s.current||(v(!1),s.current.load((o=f[t])==null?void 0:o.src).then(()=>{C(!1)}).catch(c=>{switch(console.error(c),c.code){case ne:return;case re:setTimeout(()=>g(t),0);break;default:{const q=f.length>t+1&&t+1;q?setTimeout(()=>g(q),0):B(c)}}}).finally(()=>{v(!0)}))};e.useEffect(()=>{const t=l.current,o=N.current;if(!(!t||!o)&&(t.volume=x,d.polyfill.installAll(),s.current=new d.Player(t),!!s.current)){if(s.current.addEventListener("error",B),s.current.addEventListener("buffering",c=>{H(c.buffering)}),p.current=new d.ui.Overlay(s.current,o,t,_),p.current.configure({addBigPlayButton:!0,controlPanelElements:[],addSeekBar:!1}),!I){const{Report:c}=oe($);d.ui.Controls.registerElement("report",new c.Factory(_))}g(),ce(o)}},[]),e.useEffect(()=>{switch(u){case"play":l.current.play();break;case"pause":l.current.pause();break}},[u]);const Y=()=>{if(!p.current)return;const t=A?{controlPanelElements:se(V.controlPanelElements)}:{};p.current.configure({...V,...t}),l.current.controls=!1},G=t=>{t.stopPropagation(),Y(),i==="fullscreen"&&l.current.requestFullscreen(),W(!0),z(t,{player:s.current})},J=()=>{l.current.play()},K=t=>{const o=t.currentTarget;F(t,{volume:Math.round((o.volume+Number.EPSILON)*100)/100,muted:o.muted})},Q=()=>{l.current.controls=!1},O={width:n?`${n}px`:void 0,height:r?`${r}px`:void 0};return e.createElement("div",{style:O,className:b("video-player",{"video-player--poster":!k})},!k&&P&&!h&&!S&&e.createElement("div",{className:"shaka-play-button-container"},e.createElement("button",{onClick:J,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":m},e.createElement(R.EbayIcon,{name:"playFilled64Colored"}))),e.createElement("div",{className:"video-player__container",ref:N},e.createElement("video",{ref:l,style:O,poster:a,muted:y||!1,onPlaying:G,onPause:Q,onVolumeChange:K,...D},f.map((t,o)=>e.createElement("source",{key:o,...t})))),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":!h})},e.createElement(R.EbayIcon,{name:"attention64"}),e.createElement("div",{className:"video-player__overlay-text"},L)),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":P&&(h||!S)})},e.createElement(ee.EbayProgressSpinner,{size:"large","aria-label":E})))};function se(n){const r=n.length-2>0?n.length-2:n.length,a=[...n];return a.splice(r,0,"volume"),a}function ce(n){const r=n.querySelectorAll(".shaka-spinner")[0];r&&r.setAttribute("hidden","")}exports.EbayVideo=le;exports.EbayVideoSource=w;

package/events/index.js

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common_eventUtils = require("../common/event-utils/index.js");
-const useRovingIndex = require("../use-roving-index-CEM_UsCH.js");
-exports.addEventListener = common_eventUtils.addEventListener;
-exports.handleActionKeydown = common_eventUtils.handleActionKeydown;
-exports.handleEnterKeydown = common_eventUtils.handleEnterKeydown;
-exports.handleEscapeKeydown = common_eventUtils.handleEscapeKeydown;
-exports.handleLeftRightArrowsKeydown = common_eventUtils.handleLeftRightArrowsKeydown;
-exports.handleResize = common_eventUtils.handleResize;
-exports.handleTextInput = common_eventUtils.handleTextInput;
-exports.handleUpDownArrowsKeydown = common_eventUtils.handleUpDownArrowsKeydown;
-exports.isActionKey = common_eventUtils.isActionKey;
-exports.preventDefaultIfHijax = common_eventUtils.preventDefaultIfHijax;
-exports.removeEventListener = common_eventUtils.removeEventListener;
-exports.wrapEvent = common_eventUtils.wrapEvent;
-exports.useKeyPress = useRovingIndex.useKeyPress;
-exports.useRovingIndex = useRovingIndex.useRovingIndex;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bsb1LHpi.js"),n=require("../use-roving-index-DoAVBgsp.js");exports.addEventListener=e.addEventListener;exports.handleActionKeydown=e.handleActionKeydown;exports.handleEnterKeydown=e.handleEnterKeydown;exports.handleEscapeKeydown=e.handleEscapeKeydown;exports.handleLeftRightArrowsKeydown=e.handleLeftRightArrowsKeydown;exports.handleResize=e.handleResize;exports.handleTextInput=e.handleTextInput;exports.handleUpDownArrowsKeydown=e.handleUpDownArrowsKeydown;exports.isActionKey=e.isActionKey;exports.preventDefaultIfHijax=e.preventDefaultIfHijax;exports.removeEventListener=e.removeEventListener;exports.wrapEvent=e.wrapEvent;exports.useKeyPress=n.useKeyPress;exports.useRovingIndex=n.useRovingIndex;

package/forwardRef-fPwzYd82.js

@@ -0,0 +1 @@
+"use strict";const r=require("react"),a=()=>Math.random().toString(16).slice(-4),o=()=>{const[e,t]=r.useState("");return r.useEffect(()=>{t(a())},[]),e},n=e=>e.displayName||e.name||"Component",c=e=>{const t=r.forwardRef((d,s)=>r.createElement(e,{...d,forwardedRef:s}));return t.displayName=n(e),t};exports.randomId=a;exports.useRandomId=o;exports.withForwardRef=c;

package/hooks-5qES90Sx.js

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

package/icon-D4RDqpD4.js

@@ -0,0 +1 @@
+"use strict";const s=require("react"),w=require("classnames"),c=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const E=({name:t,className:n,noSkinClasses:e=!1,a11yText:r,a11yVariant:d,forwardedRef:u,...f})=>{const[b,m]=s.useState("");s.useEffect(()=>{m(c.randomId())},[]);const a=d==="label",i=r&&`icon-title-${b}`,N=r?{"aria-labelledby":a?void 0:i,"aria-label":a?r:void 0,role:"img"}:{"aria-hidden":!0},o=l(t),g=["icon",`icon--${$(o)||o}`,h(o)].filter(Boolean).join(" "),I=w(n,{[g]:!e});return s.createElement("svg",{...f,className:I,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:u,...N},r&&!a&&s.createElement("title",{id:i},r),s.createElement("use",{xlinkHref:`#icon-${o}`}))};function $(t){const n=t.split("-"),e=n[n.length-1];return e==="colored"?n[n.length-2]:isNaN(Number(e))?"":e}function h(t){const n=t.split("-"),e=n.indexOf("filled");return e===-1?"":`icon--${n.slice(0,e+1).join("-")}`}function l(t){return t.replace(/([0-9]+)/g,(n,e)=>`-${e}`).replace(/([A-Z])/g,(n,e)=>`-${e.toLowerCase()}`)}const p=c.withForwardRef(E);exports.EbayIcon=p;exports.kebabCased=l;

package/icon-button-Bjjvld0a.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),$=require("classnames"),d=require("./icon-D4RDqpD4.js"),k=require("./badge-CoHKfiPt.js"),p=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const B=({href:c,icon:y,badgeNumber:o,badgeAriaLabel:E,transparent:m,className:b,forwardedRef:a,size:r,onEscape:q=()=>{},onKeyDown:w=()=>{},...s})=>{const n=c?"icon-link":"icon-btn",i=$(b,n,r&&`${n}--${r}`,{[`${n}--badged`]:o,[`${n}--transparent`]:m}),l=e.createElement(e.Fragment,null,e.createElement(d.EbayIcon,{name:y}),o&&e.createElement(k.EbayBadge,{type:"icon",number:o,"aria-label":E})),u=t=>{(t.key==="Escape"||t.key==="Esc")&&q(t),w(t)};return c?e.createElement("a",{ref:a,className:i,href:c,onKeyDown:u,...s},l):e.createElement("button",{ref:a,type:"button",className:i,onKeyDown:u,...s},l)},I=p.withForwardRef(B);exports.EbayIconButton=I;

package/index-Bsb1LHpi.js

@@ -0,0 +1 @@
+"use strict";function r(n,e,t=()=>{}){n.includes(e.key)&&t()}function w(n,e,t=()=>{}){n.includes(e.key)||t()}function s(n,e){n.key==="Enter"&&e()}function a(n,e){d(n.key)&&e()}function d(n){return[" ","Enter"].includes(n)}function f(n,e){r(["Esc","Escape"],n,e)}function c(n,e){r(["Up","ArrowUp","Down","ArrowDown"],n,e)}function l(n,e){r(["Left","ArrowLeft","Right","ArrowRight"],n,e)}function u(n,e){w(["Esc","Left","Up","Right","Down","Tab","Enter","Shift","Control","Alt","CapsLock","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Meta"],n,e)}function h(n,e){e&&n.preventDefault()}const i=[];function E(n,e){i.length===0&&window.addEventListener("resize",o),i.push(e)}function p(n,e){i.length===1&&window.removeEventListener("resize",o),i.splice(i.indexOf(e),1)}function o(n){window.removeEventListener("resize",o);const e=()=>{i.length&&(i.forEach(t=>t(n)),window.addEventListener("resize",o))};window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,16)}function y(n=()=>{},e){return t=>{if(n(t),!t.defaultPrevented)return e(t)}}exports.addEventListener=E;exports.handleActionKeydown=a;exports.handleEnterKeydown=s;exports.handleEscapeKeydown=f;exports.handleLeftRightArrowsKeydown=l;exports.handleResize=o;exports.handleTextInput=u;exports.handleUpDownArrowsKeydown=c;exports.isActionKey=d;exports.preventDefaultIfHijax=h;exports.removeEventListener=p;exports.wrapEvent=y;

package/label-CnrpYJ-g.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),d=require("classnames"),i=({className:l,children:a,stacked:s=!1,required:t=!1,position:r="start",...n})=>{const c=d("field__label",l,{"field__label--stacked":s},{"field__label--end":r==="end"}),u=t?e.createElement(e.Fragment,null," ",e.createElement("sup",null,"*")):null;return e.createElement("label",{className:c,...n},a,u)};exports.Label=i;

package/lightbox-dialog-Il3dBNcR.js

@@ -0,0 +1 @@
+"use strict";const l=require("react"),e=require("classnames"),d=require("./dialog-previous-button-B-fysL3O.js");require("./icon-button-Bjjvld0a.js");const r=({open:s,mode:g,size:o,bannerImgSrc:i,bannerImgPosition:n,onClose:a=()=>{},...t})=>{const c=i?l.createElement("div",{className:"lightbox-dialog__image",style:{backgroundImage:`url(${i})`,backgroundPosition:n}}):null;return l.createElement(d.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:"lightbox-dialog",onCloseBtnClick:a,onBackgroundClick:a,className:e(t.className,"lightbox-dialog--mask-fade",{[`lightbox-dialog--${o}`]:o,"lightbox-dialog--expressive":i}),windowClass:e("lightbox-dialog__window--fade",{"lightbox-dialog__window--mini":g==="mini"}),top:c,open:s})};exports.EbayLightboxDialog=r;

package/menu-DAOhKkcI.js

@@ -0,0 +1 @@
+"use strict";const t=require("react"),V=require("classnames"),T=require("./use-roving-index-DoAVBgsp.js"),j=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const G=require("./badge-CoHKfiPt.js"),H=require("./icon-D4RDqpD4.js"),A=({className:d,checked:s,type:p,focused:a=!1,tabIndex:y,disabled:v,badgeNumber:f,badgeAriaLabel:h,children:w,...x})=>{const u=t.useRef(null),l=f!==void 0;t.useEffect(()=>{u.current&&a&&u.current.focus()},[u,a]);const k=["radio","checkbox"];return t.createElement("div",{"aria-label":h,...x,ref:u,className:V(d,"menu__item",l&&"menu__item--badged"),role:J(p),"aria-checked":k.includes(p)?s:void 0,"aria-disabled":v,tabIndex:a?0:y},t.createElement("span",{"aria-hidden":l},w,l&&t.createElement(G.EbayBadge,{type:"menu",number:f})),t.createElement(H.EbayIcon,{name:"tick16"}))};function J(d){return{radio:"menuitemradio",checkbox:"menuitemcheckbox"}[d]||"menuitem"}const L=({baseEl:d="span",type:s,priority:p="secondary",checked:a,className:y,autofocus:v,onClick:f=()=>{},onKeyDown:h=()=>{},onChange:w=()=>{},onSelect:x=()=>{},forwardedRef:u,menuRef:l,children:k,...B})=>{const m=t.Children.toArray(k),[q,F]=T.useRovingIndex(k,A,v===!0?0:void 0),[i,g]=t.useState(m.map(()=>!1)),D=n=>m.reduce((e,c,o)=>n[o]?[...e,c.props.value]:e,[]),R=n=>n.reduce((e,c,o)=>c?[...e,o]:e,[]),C=(n,e)=>({index:n,checked:R(e)}),_=(n,e)=>({...C(n,e),indexes:R(e),checkedValues:D(e)}),M=(n,e,c=!1)=>{let o=!1;const E=i.map((I,r)=>{const S=c?!1:I;return n===r?(I!==e&&(o=!0),e):S});if(o)return g(E),E},b=n=>{switch(s){case"radio":return M(n,!0,!0);case"checkbox":return M(n,!i[n],!1);default:return i.map((e,c)=>c===n)}};t.useEffect(()=>{if(s==="radio")if(a===void 0){const n=m.findIndex(e=>e.props.checked);n>-1&&b(n)}else b(a);else s==="checkbox"&&g(m.map(n=>!!n.props.checked))},[]);const K=(n,e,c)=>{switch(s){case"radio":case"checkbox":return w(n,_(e,c));default:return x(n,C(e,c))}},N=(n,e)=>{let c;switch(j.isActionKey(n.key)&&(c=b(e),c&&K(n,e,c)),s){case"radio":case"checkbox":return h(n,_(e,c||i));default:return h(n,C(e,c||i))}},P=(n,e)=>{F(e);const c=b(e);c&&K(n,e,c)};return t.createElement(d,{...B,className:V(y,"menu"),ref:u},t.createElement("div",{className:"menu__items",role:"menu",ref:l},m.map((n,e)=>{const{onClick:c=()=>{},onFocus:o=()=>{},onKeyDown:E=()=>{},...I}=n.props;return t.cloneElement(n,{...I,type:s,focused:e===q,tabIndex:q===void 0?0:-1,checked:i[e],onFocus:r=>{F(e),o(r)},onClick:r=>{P(r,e),c(r),f(r)},onKeyDown:r=>{N(r,e),E(r)}})})))},O=z.withForwardRef(L);exports.EbayMenu=O;exports.EbayMenuItem=A;

package/menu-button-label-DJq794te.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),s=require("classnames"),i=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-fPwzYd82.js"),O=require("./button-6S4U-4HH.js"),k=require("./icon-D4RDqpD4.js"),P=require("./icon-button-Bjjvld0a.js"),B=require("./menu-item-Cf-tQ72X.js"),$=require("./dropdown-pp-aluo7.js"),j=({a11yText:a,noToggleIcon:u,fixWidth:w,reverse:d,variant:f,expanded:q=!1,className:v,onCollapse:F=()=>{},onExpand:x=()=>{},onMouseDown:N=()=>{},onSelect:h=()=>{},text:b="",children:r,...C})=>{const[o,c]=e.useState(q),[E,S]=e.useState(),p=i.findComponent(r,k.EbayIcon),g=i.findComponent(r,_)||(p?e.createElement("span",null,b):b),D=i.filterByType(r,[M,I]),{overlayStyles:L,refs:l}=$.useFloatingDropdown({open:o,options:{reverse:d}}),m=l.host;e.useEffect(()=>{const n=t=>{m.current&&!m.current.contains(t.currentTarget)&&c(!1)};return o?(x(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&F(),()=>document.removeEventListener("click",n,!1)},[o]),e.useEffect(()=>{S(z.randomId())},[]);const K=n=>{H.handleEscapeKeydown(n,()=>{var t;c(!1),(t=m.current)==null||t.focus()})},R=s("fake-menu-button__menu",{"menu-button__menu--fix-width":w,"menu-button__menu--reverse":d}),y={ref:l.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":a,"aria-controls":E,onClick:()=>c(!o),...C};return e.createElement("span",{className:s("fake-menu-button",v)},f==="overflow"?e.createElement(P.EbayIconButton,{icon:"overflowHorizontal24",...y}):e.createElement(O.EbayButton,{variant:f==="form"?"form":void 0,...y},p,g,!u&&e.createElement(k.EbayIcon,{name:"chevronDown12"})),o&&e.createElement(B.EbayFakeMenu,{ref:l.setOverlay,className:R,id:E,tabIndex:-1,onKeyDown:K,onSelect:h,style:L},D.map((n,t)=>e.cloneElement(n,{...n.props,onMouseDown:T=>{N(T,{index:t})},className:s(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0}))))},M=B.EbayMenuItem,I=({className:a,...u})=>e.createElement("hr",{...u,className:s(a,"menu-button__separator"),role:"separator"}),_=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayFakeMenuButtonItem=M;exports.EbayFakeMenuButtonLabel=_;exports.EbayMenuButton=j;exports.EbayMenuButtonSeparator=I;

package/menu-button-label-D_04ZC3p.js

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

package/menu-item-Cf-tQ72X.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),g=require("classnames"),k=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const p=require("./icon-D4RDqpD4.js"),q=require("./badge-CoHKfiPt.js"),v=({className:i,itemMatchesUrl:b=!0,onKeyDown:r=()=>{},onSelect:m=()=>{},children:l,forwardedRef:c,...E})=>{const s=e.Children.toArray(l),d=b===!1?"true":"page";return e.createElement("div",{...E,ref:c,className:g(i,"fake-menu")},e.createElement("ul",{className:"fake-menu__items",tabIndex:-1},s.map((a,n)=>{const{current:u,onClick:o=()=>{},...f}=a.props;return e.createElement("li",{key:n},e.cloneElement(a,{...f,"aria-current":u?d:void 0,onClick:t=>{m(t,{index:n}),o(t)},onKeyDown:t=>{r(t,{index:n})}}))})))},R=k.withForwardRef(v),_=({className:i,current:b,disabled:r,autoFocus:m,type:l,badgeNumber:c,badgeAriaLabel:E,children:s,...d})=>{const a=e.useRef(),n=c!==void 0;e.useEffect(()=>{var y;m&&((y=a.current)==null||y.focus())});const u={...d,ref:a,className:g(i,"fake-menu__item",n&&"menu__item--badged"),"aria-label":E},o=e.createElement(p.EbayIcon,{name:"tick16"}),f={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},t=n&&e.createElement(q.EbayBadge,{type:"menu",number:c,style:f});return l==="button"?e.createElement("button",{...u,type:"button",disabled:r},e.createElement("span",null,s,t),o):e.createElement("a",{...u,"aria-disabled":r?"true":void 0},e.createElement("span",null,s,t),o)};exports.EbayFakeMenu=R;exports.EbayMenuItem=_;

package/notice-content-9iF4T8uB.js

@@ -0,0 +1 @@
+"use strict";const s=require("react"),i=require("classnames"),o=({className:t,type:e,children:n})=>{const c=e==="inline"?"span":"div";return s.createElement(c,{className:i(t,`${e}-notice__main`)},n)};exports.NoticeContent=o;

package/notice-content-C0ZStfuX.js

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

package/notice-cta-FAd6zCdx.js

@@ -0,0 +1 @@
+"use strict";const i=require("react"),s=require("classnames"),r=({className:e,type:t,as:c,children:o,...a})=>{const n=c||"h2";return i.createElement(n,{className:s(e,`${t}-notice__title`),...a},o)},l=({className:e,type:t,children:c,...o})=>i.createElement("div",{className:s(e,`${t}-notice__footer`),...o},c),N=({className:e,type:t,children:c,...o})=>i.createElement("p",{className:s(e,`${t}-notice__cta`),...o},c);exports.NoticeCTA=N;exports.NoticeFooter=l;exports.NoticeTitle=r;

package/package.json

@@ -1,81 +1,12 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "7.4.0-alpha.9",
+  "version": "8.0.0",
   "description": "Skin components build off React",
   "publishConfig": {
-    "registry": "https://registry.npmjs.org"
+    "registry": "https://registry.npmjs.org",
+    "directory": "dist"
   },
   "exports": {
-    "./ebay-dialog-base/components/animation": {
-      "types": "./ebay-dialog-base/components/animation.d.ts",
-      "default": "./ebay-dialog-base/components/animation/index.js"
-    },
-    "./ebay-dialog-base/components/dialog-header": {
-      "types": "./ebay-dialog-base/components/dialog-header.d.ts",
-      "default": "./ebay-dialog-base/components/dialog-header/index.js"
-    },
-    "./ebay-dialog-base/components/dialog-footer": {
-      "types": "./ebay-dialog-base/components/dialog-footer.d.ts",
-      "default": "./ebay-dialog-base/components/dialog-footer/index.js"
-    },
-    "./ebay-notice-base/components/*": {
-      "types": "./ebay-notice-base/index.d.ts",
-      "default": "./ebay-notice-base/index.js"
-    },
-    "./common/component-utils/forwardRef": {
-      "types": "./common/component-utils/forwardRef.d.ts",
-      "default": "./common/component-utils/forwardRef/index.js"
-    },
-    "./common/component-utils/utils": {
-      "types": "./common/component-utils/utils.d.ts",
-      "default": "./common/component-utils/utils/index.js"
-    },
-    "./common/component-utils": {
-      "types": "./common/component-utils/index.d.ts",
-      "default": "./common/component-utils/index.js"
-    },
-    "./common/event-utils/types": {
-      "types": "./common/event-utils/types.d.ts"
-    },
-    "./common/event-utils": {
-      "types": "./common/event-utils/index.d.ts",
-      "default": "./common/event-utils/index.js"
-    },
-    "./common/floating-label-utils": {
-      "types": "./common/floating-label-utils/hooks.d.ts",
-      "default": "./common/floating-label-utils/hooks/index.js"
-    },
-    "./common/notice-utils/notice-cta": {
-      "types": "./common/notice-utils/notice-cta.d.ts",
-      "default": "./common/notice-utils/notice-cta/index.js"
-    },
-    "./common/random-id": {
-      "types": "./common/random-id.d.ts",
-      "default": "./common/random-id/index.js"
-    },
-    "./common/tooltip-utils/constants": {
-      "types": "./common/tooltip-utils/constants.d.ts",
-      "default": "./common/tooltip-utils/constants/index.js"
-    },
-    "./common/tooltip-utils/types": {
-      "types": "./common/tooltip-utils/types.d.ts"
-    },
-    "./common/tooltip-utils": {
-      "types": "./common/tooltip-utils/index.d.ts",
-      "default": "./common/tooltip-utils/index.js"
-    },
-    "./ebay-radio/radio": {
-      "types": "./ebay-radio/radio.d.ts",
-      "default": "./ebay-radio/radio/index.js"
-    },
-    "./ebay-fake-menu-button/menu-button": {
-      "types": "./ebay-fake-menu-button/menu-button.d.ts",
-      "default": "./ebay-fake-menu-button/menu-button/index.js"
-    },
-    "./ebay-fake-menu/menu-item": {
-      "types": "./ebay-fake-menu/menu-item.d.ts",
-      "default": "./ebay-fake-menu/menu-item/index.js"
-    },
     "./package.json": "./package.json",
     "./*": {
       "types": "./*/index.d.ts",
@@ -87,6 +18,7 @@
     "lint": "eslint . --ext ts,tsx",
     "lint:ci": "eslint . --ext .ts,.tsx -f @microsoft/eslint-formatter-sarif -o eslint-results.sarif",
     "coverage": "yarn clean && yarn test --coverage --ci",
+    "change": "changeset add",
     "eslint-local": "eslint . --ext ts,tsx",
     "eslint": "eslint . --ext .ts,.tsx -f checkstyle -o ./lint/checkstyle-result.xml",
     "format": "eslint . --fix 'src/**/*.{ts,tsx}'",
@@ -100,9 +32,9 @@
     "update-icons": "node ./scripts/update-icons",
     "copy": "copyfiles package.json README.md dist; yarn copy:rest",
     "copy:rest": "yarn copyfiles -u 1 'src/**/*.md' dist",
-    "release": "yarn clean && yarn build && yarn copy && CI=1 npm publish dist/ --access public",
-    "release:rc": "yarn clean && yarn build && yarn copy && CI=1 npm publish --tag rc dist/",
-    "prepare": "node scripts/husky-install || node ../scripts/husky-install"
+    "release": "yarn clean && yarn build && yarn copy && CI=1 changeset publish",
+    "prepare": "node scripts/husky-install || node ../scripts/husky-install",
+    "version": "yarn update-icons && git add -A src && changeset version"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [
@@ -121,19 +53,21 @@
   "author": "tmanyanov@ebay.com",
   "license": "ISC",
   "peerDependencies": {
-    "@ebay/skin": "^18.0.0",
+    "@ebay/skin": "^19.0.0",
     "react": ">= 16.0.0",
-    "react-dom": ">= 16.0.0",
+    "react-dom": ">= 16.0.0"
+  },
+  "optionalDependencies": {
     "shaka-player": "^4.3.2"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.3",
     "classnames": "^2.2.6",
-    "makeup-active-descendant": "^0.7.3",
-    "makeup-expander": "^0.11.3",
+    "makeup-active-descendant": "^0.7.4",
+    "makeup-expander": "^0.10.1",
     "makeup-keyboard-trap": "^0.4.1",
-    "makeup-prevent-scroll-keys": "^0.3.2",
     "makeup-screenreader-trap": "^0.4.1",
-    "makeup-typeahead": "^0.3.2",
+    "makeup-typeahead": "^0.3.3",
     "react-remove-scroll": "^2.2.0"
   },
   "devDependencies": {
@@ -141,7 +75,9 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@babel/register": "^7.0.0",
-    "@ebay/skin": "^18.4.0",
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.11",
+    "@ebay/skin": "^19",
     "@microsoft/eslint-formatter-sarif": "^3.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-a11y": "^7.6.12",
@@ -149,11 +85,10 @@
     "@storybook/addon-storysource": "^7.6.12",
     "@storybook/react": "^7.6.12",
     "@storybook/react-vite": "^7.6.12",
-    "@testing-library/dom": "^7.29.4",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.2.2",
     "@testing-library/react-hooks": "^7",
-    "@testing-library/user-event": "^12",
+    "@testing-library/user-event": "^14",
     "@types/classnames": "^2.2.11",
     "@types/jest": "^29.5.12",
     "@types/react": "^18",

package/progress-spinner-CF3qoWE3.js

@@ -0,0 +1 @@
+"use strict";const s=require("react"),l=require("classnames"),i=require("./icon-D4RDqpD4.js"),t={default:"",small:"progress-spinner--small",large:"progress-spinner--large"},c={default:"spinner24",small:"spinner20",large:"spinner30"},o=({size:e="default","aria-label":r="Busy",className:a,...n})=>s.createElement("span",{...n,className:l("progress-spinner",t[e],a),"aria-label":r,role:"img"},s.createElement(i.EbayIcon,{name:c[e]}));exports.EbayProgressSpinner=o;

package/range-DOsPN0h5.js

@@ -0,0 +1 @@
+"use strict";const l=(a,c,r=1)=>Array(Math.ceil((c+1-a)/r)).fill(a).map((e,i)=>e+i*r);exports.range=l;

package/scroll-OgAngNzq.js

@@ -0,0 +1 @@
+"use strict";function e(o){if(!o)return;const t=o.parentElement,s=o.offsetTop+o.offsetHeight,f=t.scrollTop+t.offsetHeight;o.offsetTop<t.scrollTop?t.scrollTop=o.offsetTop:s>f&&(t.scrollTop=s-t.offsetHeight)}exports.scroll=e;

package/textbox-DZRVQetR.js

@@ -0,0 +1 @@
+"use strict";const t=require("react"),ue=require("classnames"),xe=require("./forwardRef-fPwzYd82.js"),p=require("./utils-C9NL3q0j.js"),v=require("./icon-D4RDqpD4.js"),be=require("./icon-button-Bjjvld0a.js"),de=require("./hooks-5qES90Sx.js"),P=({name:n,buttonAriaLabel:a,onClick:c=()=>{},...r})=>a?t.createElement(be.EbayIconButton,{"aria-label":a,icon:n,transparent:!0,onClick:c,...r}):t.createElement(v.EbayIcon,{name:n,...r}),w=n=>t.createElement("span",{...n}),B=({name:n,...a})=>t.createElement(v.EbayIcon,{name:n,...a}),q=n=>t.createElement("span",{...n}),E=n=>typeof n<"u",pe=({type:n="text",invalid:a,fluid:c,multiline:r,onChange:F=()=>{},onInputChange:N=()=>{},onFocus:K=()=>{},onBlur:k=()=>{},onKeyPress:L=()=>{},onKeyUp:R=()=>{},onKeyDown:D=()=>{},onInvalid:U=()=>{},onFloatingLabelInit:_=()=>{},onButtonClick:j=()=>{},autoFocus:y,defaultValue:f="",value:i,forwardedRef:M,inputSize:m="default",floatingLabel:O,children:u,placeholder:S,opaqueLabel:V,...s})=>{var T,h;const[I,W]=t.useState(f),[g,$]=t.useState(f),{label:G,Container:H,onBlur:J,onFocus:Q,ref:X,placeholder:Y}=de.useFloatingLabel({ref:M,inputId:s.id,className:s.className,disabled:s.disabled,label:O,inputSize:m,inputValue:i||g,placeholder:S,invalid:a,type:n,opaqueLabel:V,onMount:_}),C=e=>{var o;K(e,{value:((o=e==null?void 0:e.target)==null?void 0:o.value)||f}),Q()},Z=e=>{var l;const o=(l=e.target)==null?void 0:l.value;k(e,{value:o}),o!==I&&(F(e,{value:o}),W(o)),J()},z=e=>{const o=e.target;L(e,{value:o==null?void 0:o.value})},A=e=>{const o=e.target;R(e,{value:o==null?void 0:o.value})},ee=e=>{const o=e.target;D(e,{value:o==null?void 0:o.value})},oe=e=>{const o=e.target;U(e,{value:o==null?void 0:o.value})},ne=e=>{j(e,{value:I})};t.useEffect(()=>{y&&C()},[]);const te=e=>{var l;const o=(l=e.target)==null?void 0:l.value;E(i)||$(o),N(e,{value:o})},ae=r?"textarea":"input",se=c?"div":"span",le=p.findComponent(u,B),x=p.findComponent(u,q),ce=(T=x==null?void 0:x.props)==null?void 0:T.id,b=p.findComponent(u,P),d=p.findComponent(u,w),re=(h=d==null?void 0:d.props)==null?void 0:h.id,ie=ue("textbox",s.className,{"textbox--fluid":c,"textbox--large":m==="large","textbox--disabled":s.disabled,"textbox--invalid":a,"textbox--readonly":s.readOnly});return t.createElement(H,null,G,t.createElement(se,{className:ie},le,x,t.createElement(ae,{"aria-describedby":[ce,re].filter(Boolean).join(" ")||void 0,...s,className:"textbox__control",type:n,"aria-invalid":a,value:E(i)?i:g,onChange:te,onBlur:Z,onFocus:C,onKeyPress:z,onKeyUp:A,onKeyDown:ee,onInvalid:oe,autoFocus:y,ref:X,placeholder:Y}),d,b&&t.cloneElement(b,{...b.props,onClick:e=>{const{onClick:o=()=>{}}=b.props;o(e),ne(e)}})))},fe=xe.withForwardRef(pe);exports.EbayTextbox=fe;exports.EbayTextboxPostfixIcon=P;exports.EbayTextboxPostfixText=w;exports.EbayTextboxPrefixIcon=B;exports.EbayTextboxPrefixText=q;exports.isControlled=E;

package/toggle-button-CFPnYlex.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),_=require("classnames"),E=require("./icon-D4RDqpD4.js"),N=({pressed:n=!1,children:l,className:d,title:s,subtitle:o,layoutType:a="minimal",icon:r,img:t,onToggle:c,...g})=>{const u=b=>{c&&c(b,{pressed:!n})},m=()=>l||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},s),o&&e.createElement("p",{className:"toggle-button__subtitle"},o)),i=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(E.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",{onClick:u,className:_("toggle-button",{"toggle-button--minimal-layout":a==="minimal","toggle-button--list-layout":a==="list","toggle-button--gallery-layout":a==="gallery"}),"aria-pressed":n,...g},i(),e.createElement("div",{className:"toggle-button__content"},m()))};exports.ToggleButton=N;

package/use-roving-index-DoAVBgsp.js

@@ -0,0 +1 @@
+"use strict";const o=require("react"),v=()=>{const[w,i]=o.useState(!1),[c,e]=o.useState(!1),s=({key:t})=>{const r={ArrowUp:i,ArrowDown:e}[t];r&&r(!1)},d=({key:t})=>{const r={ArrowUp:i,ArrowDown:e}[t];r&&r(!0)};return o.useEffect(()=>(window.addEventListener("keydown",d),window.addEventListener("keyup",s),()=>{window.removeEventListener("keydown",d),window.removeEventListener("keyup",s)}),[]),[w,c]},y=(w,i,c)=>{const[e,s]=o.useState(c),[d,t]=v(),r=o.Children.toArray(w).reduce((n,p,x)=>p.type===i?[...n,x]:n,[]),u=r.indexOf(e),a=()=>{if(u===-1)return e;const n=r[u-1];return n===void 0?e:n},f=()=>{if(u===-1)return e;const n=r[u+1];return n===void 0?e:n};return o.useEffect(()=>{d&&s(a()),t&&s(f())},[d,t]),[e,s]};exports.useKeyPress=v;exports.useRovingIndex=y;

package/use-tooltip-BEiQpMDa.js

@@ -0,0 +1 @@
+"use strict";const t=require("react"),T=require("classnames"),E=require("./forwardRef-fPwzYd82.js"),i=require("./utils-C9NL3q0j.js"),_=require("./icon-D4RDqpD4.js"),u=({children:o,className:e,forwardedRef:s,...a})=>(t.Children.only(o),t.cloneElement(o,{ref:s,...a,className:T(e,o.props.className)})),g=({className:o,type:e,isExpanded:s,children:a,forwardedRef:l,...c})=>{var m;const p=i.findComponent(a,u),n=i.excludeComponent(a,u)[0];if(!p)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const r=t.cloneElement(p,{className:`${e}__host`,"aria-expanded":s,"aria-describedby":(m=n==null?void 0:n.props)==null?void 0:m.id,...p.props});return t.createElement("span",{...c,ref:l,className:T(o,e,{[`${e}--expanded`]:s})},r,n)},h=E.withForwardRef(g),d="bottom",N={tooltip:"tooltip",tourtip:"region",infotip:""},b={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)"}},C=()=>null,f=({children:o,className:e,type:s="tourtip"})=>t.createElement("div",{className:T(`${s}__footer`,e)},o),$=({id:o,style:e,pointer:s=d,children:a,type:l="tooltip",showCloseButton:c,a11yCloseText:p,onClose:n})=>{const r=i.findComponent(a,C),m=i.findComponent(a,f),x=i.excludeComponent(a,f);return t.createElement("span",{className:`${l}__overlay`,id:o,role:N[l]||null,style:{...b[s],...e}},t.createElement("span",{className:`${l}__pointer ${l}__pointer--${s}`}),t.createElement("span",{className:`${l}__mask`},t.createElement("span",{className:`${l}__cell`},t.createElement("span",{className:`${l}__content`},x),c?t.createElement("button",{...r==null?void 0:r.props,className:`icon-btn icon-btn--transparent ${l}__close`,type:"button","aria-label":p,onClick:n},t.createElement(_.EbayIcon,{name:"close16"})):null,m)))},I=({onExpand:o,onCollapse:e,initialExpanded:s=!1,hostRef:a})=>{const[l,c]=t.useState(s);return{isExpanded:l,expandTooltip:()=>{c(!0),o&&o()},collapseTooltip:()=>{var r;c(!1),e&&e(),(r=a==null?void 0:a.current)==null||r.focus()}}};exports.DEFAULT_POINTER_DIRECTION=d;exports.POINTER_STYLES=b;exports.Tooltip=h;exports.TooltipContent=$;exports.TooltipFooter=f;exports.TooltipHost=u;exports.useTooltip=I;

package/utils/index.d.ts

@@ -2,4 +2,5 @@ export { useRandomId } from '../common/random-id';
 export { debounce } from '../common/debounce';
 export { withForwardRef } from '../common/component-utils/forwardRef';
 export { excludeComponent, filterBy, filterByType, findComponent } from '../common/component-utils/utils';
+export { scroll } from './scroll';
 //# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/utils/index.js

@@ -1,13 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common_randomId = require("../common/random-id/index.js");
-const debounce = require("../debounce-v8bWAUnY.js");
-const common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-exports.useRandomId = common_randomId.useRandomId;
-exports.debounce = debounce.debounce;
-exports.withForwardRef = common_componentUtils_forwardRef.withForwardRef;
-exports.excludeComponent = common_componentUtils_utils.excludeComponent;
-exports.filterBy = common_componentUtils_utils.filterBy;
-exports.filterByType = common_componentUtils_utils.filterByType;
-exports.findComponent = common_componentUtils_utils.findComponent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../forwardRef-fPwzYd82.js"),r=require("../debounce-BQsYxxOL.js"),e=require("../utils-C9NL3q0j.js"),n=require("../scroll-OgAngNzq.js");exports.useRandomId=o.useRandomId;exports.withForwardRef=o.withForwardRef;exports.debounce=r.debounce;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;exports.scroll=n.scroll;

package/utils-C9NL3q0j.js

@@ -0,0 +1 @@
+"use strict";const l=require("react");require("./array.polyfill.flat-5BAolFdk.js");function o(e=[],n){return l.Children.toArray(e).find(({type:t})=>t===n)||null}function s(e=[],n){return l.Children.toArray(e).filter(({type:t})=>t!==n)}function c(e=[],n){const r=l.Children.toArray(e),t=[n].flat();return r.filter(({type:i})=>t.includes(i))}function f(e=[],n){return l.Children.toArray(e).filter(n)}exports.excludeComponent=s;exports.filterBy=f;exports.filterByType=c;exports.findComponent=o;

package/array.polyfill.flat-DyxysTxZ.js

@@ -1,21 +0,0 @@
-"use strict";
-if (!Array.prototype.flat) {
-  Object.defineProperty(Array.prototype, "flat", {
-    configurable: true,
-    writable: true,
-    value: function(d) {
-      const depthArg = typeof d === "undefined" ? 1 : Number(d) || 0;
-      const result = [];
-      const forEach = result.forEach;
-      const flatDeep = (arr, depth) => forEach.call(arr, (val) => {
-        if (depth > 0 && Array.isArray(val)) {
-          flatDeep(val, depth - 1);
-        } else {
-          result.push(val);
-        }
-      });
-      flatDeep(this, depthArg);
-      return result;
-    }
-  });
-}

package/badge-CR5t7-2L.js

@@ -1,8 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const EbayBadge = ({ number, type = "img", className, ...rest }) => {
-  const parsed = Math.round(parseInt(String(number), 10));
-  return parsed <= 0 ? null : React.createElement("span", { ...rest, className: classNames("badge", className), role: type === "img" ? "img" : void 0, "aria-hidden": type !== "img" }, parsed > 99 ? "99+" : parsed);
-};
-exports.EbayBadge = EbayBadge;