@ebay/ui-core-react 8.11.1 → 8.11.2

package/ebay-carousel/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("../tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),te=require("../icon-CR8ApQBy.js"),Y=require("../debounce-BQsYxxOL.js"),ae=require("react-dom");require("../array.polyfill.flat-5BAolFdk.js");const ce=require("../reduced-motion-CMIhlQVx.js"),q=require("makeup-focusables"),ie=require("../forwardRef-DBQKIlPy.js"),ue={prev:"chevronLeft16",next:"chevronRight16"},fe={prev:"LEFT",next:"RIGHT"},Z=({type:e,label:n,hidden:t,disabled:r,onClick:a})=>{const c=o=>{r||a(o,{direction:fe[e]})};return s.createElement("button",{className:A("carousel__control",`carousel__control--${e}`),"aria-label":n,"aria-disabled":r,onClick:c},s.createElement(te.EbayIcon,{className:A("icon",`icon--carousel-${e}`),focusable:!1,name:ue[e],"aria-hidden":t}))};function de(e){const n=e.parentElement,t=n?n.firstElementChild.getBoundingClientRect().left:0,{left:r,right:a}=e.getBoundingClientRect();return{left:r-t,right:a-t}}const he=e=>getComputedStyle(e).overflowX!=="visible",I=(e,n)=>{if(!e.length)return 0;const t=e[e.length-1];return Math.max(t.right-n,0)||0},me=(e,n,t)=>e.length&&Math.min(e[n].left,I(e,t))||0,be=(e,n,t,r,a,c)=>s.Children.map(e,(o,u)=>{const{style:d={}}=o.props;let i;if(t){const l=t+t%1;i=`calc(${100/l}% - ${(l-1)*c/l}px)`}const f=t?u%t===0:!0;return s.cloneElement(o,{slideWidth:r,offset:a,ref:l=>{n.current[u]=l},className:f?"carousel__snap-point":o.props.className,style:Object.assign(Object.assign({},d),{width:i||d.width,marginRight:c&&u!==s.Children.count(e)-1?`${c}px`:d.marginRight})})}),ne=(e,n,t)=>{if(e>0){let r=e;return r%=n.length||1,r-=r%(t||1),r=Math.abs(r),r}return 0},ye=(e,n,t=e)=>{if(n)return Math.ceil(t/n)},Ee=e=>e==="LEFT"?-1:1,ge=(e,n,t,r,a)=>{let c=n,o;if(e==="LEFT"&&c===0)c=t.length-1;else{do{const u=Ee(e);o=t[c+=u]}while(o&&o.fullyVisible);if(e==="LEFT"&&!a){const u=o.right-r;do o=t[--c];while(o&&o.left>=u);c+=1}}return ne(c,t,a)},pe=(e,n,t,r=1,a)=>{let c;if(e>=I(n,t)-a)c=n.length-1;else{const o=n.length;let u=0,d=Math.ceil(o/r)-1;for(;d-u>1;){const l=Math.floor((u+d)/2);e>n[l*r].left?u=l:d=l}const i=Math.abs(e-n[u*r].left),f=Math.abs(e-n[d*r].left);c=ne((i>f?d:u)*r,n,r)}return c};function ve({direction:e,nextIndex:n,currentIndex:t,itemsRef:r,slideWidth:a,gap:c,onAnimationStart:o,onAnimationEnd:u}){if(e==="RIGHT"&&n<t){let i=r.current[t].element.closest("ul");i.style.transition="none";const f=I(r.current,a)+a+c;for(let l=t;l>n;l--)r.current[l].element.style.transform=`translateX(${-f}px)`;i.style.transform=`translate3d(${a+c}px, 0, 0)`,o(),requestAnimationFrame(()=>{i.style.transition="",i.style.transform="translate3d(0, 0, 0)",i=null}),i.addEventListener("transitionend",()=>{requestAnimationFrame(()=>{for(let l=t;l>n;l--)r.current[l].element.style.transform="";u()})},{once:!0})}else if(e==="LEFT"&&n>t){let i=r.current[t].element.closest("ul");i.style.transition="none";const f=I(r.current,a)+a+c;for(let l=t;l<n;l++)r.current[l].element.style.transform=`translateX(${f}px)`;i.style.transform=`translate3d(${-f}px, 0, 0)`,o(),requestAnimationFrame(()=>{i.style.transition="",i.style.transform=`translate3d(${-f+a+c}px, 0, 0)`,i=null}),i.addEventListener("transitionend",()=>{requestAnimationFrame(()=>{for(let l=t;l<n;l++)r.current[l].element.style.transform="";u()})},{once:!0})}}const Se=(e,n)=>{let t,r,a;return function c(){const{scrollLeft:o}=e;if(a!==o){a=o,t=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}n(a)}(),()=>{clearTimeout(t),cancelAnimationFrame(r)}},Te=typeof window<"u"&&"scrollBehavior"in document.body.style;function re(e,n,t){if(Te)return e.scrollTo({left:n}),Se(e,t);let r,a,c=requestAnimationFrame(l=>{const{scrollLeft:L}=e,N=n-L,_=450;(function x(g){const p=g-l;if(p>_)return e.scrollLeft=n,o(),t();e.scrollLeft=Ce(p/_)*N+L,c=requestAnimationFrame(x)})(l)});return e.addEventListener("touchstart",u),o;function o(){cancelAnimationFrame(c),r===void 0?i():(a&&a(),f())}function u(){o(),r=e.scrollLeft,e.addEventListener("touchend",d)}function d(){f(),r===e.scrollLeft&&(a=re(e,n,t))}function i(){e.removeEventListener("touchstart",u)}function f(){e.removeEventListener("touchend",d)}}function Ce(e){return e<.5?2*e*e:-1+(4-2*e)*e}const Le=({gap:e=16,itemsPerSlide:n,slideWidth:t,offset:r,activeIndex:a,nextControlDisabled:c,isAutoplayEnabled:o,className:u,itemsRef:d,children:i,onSetActiveIndex:f,onScroll:l})=>{const[L,N]=s.useState(0),[_,x]=s.useState(!1),[g,p]=s.useState(!1),m=s.useRef(null),v=s.useRef(null);s.useEffect(()=>{if(!s.Children.count(i)||!m.current)return;if(_){x(!1);return}const y=m.current;if(he(y))return p(!0),re(y,r,()=>p(!1));N(r)},[r]);const b=s.useCallback(()=>{const R=m.current.scrollLeft,y=pe(R,d.current,t,n,e);y!==a&&(x(!0),f(y),l({index:y}))},[m.current,t,a,f]),M=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{g||b()},640)};return s.createElement("div",{className:A("carousel__viewport",{"carousel__viewport--mask":!c&&!o},u)},s.createElement("ul",{className:"carousel__list",ref:m,onScroll:M,style:{transform:`translate3d(${-L}px, 0, 0)`}},be(i,d,n,t,r,e)))},_e=ae.flushSync||(e=>e()),xe=e=>{var{gap:n=16,index:t=0,itemsPerSlide:r,a11yPreviousText:a,a11yNextText:c,a11yPauseText:o,a11yPlayText:u,autoplay:d,onScroll:i=()=>{},onNext:f=()=>{},onPrevious:l=()=>{},onSlide:L=()=>{},onPlay:N=()=>{},onPause:_=()=>{},className:x,children:g}=e,p=ee.__rest(e,["gap","index","itemsPerSlide","a11yPreviousText","a11yNextText","a11yPauseText","a11yPlayText","autoplay","onScroll","onNext","onPrevious","onSlide","onPlay","onPause","className","children"]);const[m,v]=s.useState(t),[b,M]=s.useState(0),[R,y]=s.useState(0),[k,D]=s.useState(!1),F=s.useRef(null),S=s.useRef([]),O=s.Children.count(g),T=Math.floor(r)||void 0,H=O<=T,E=!!d,se=H||R===0&&!E,V=H||R===I(S.current,b)&&!E,G=()=>{if(!F.current)return;const{width:h}=F.current.getBoundingClientRect();M(h)};s.useEffect(()=>(window.addEventListener("resize",Y.debounce(G,16)),()=>{window.removeEventListener("resize",Y.debounce(G,16))}),[]);const[X,U]=s.useState(!1);s.useEffect(()=>{X||y(me(S.current,m,b))},[m,b,X]),s.useEffect(()=>{t>=0&&t<=O-1&&v(t)},[t]),s.useEffect(()=>{S.current=S.current.splice(0,O)},[g]),s.useEffect(()=>{const{width:h}=F.current.getBoundingClientRect();M(h)},[F.current]);const $=ce.useReducedMotion(),[w,J]=s.useState($);s.useEffect(()=>{J($)},[$]);const oe=h=>{J(!w),w?N(h):_(h)},K=s.useRef(m);K.current=m;const Q=(h,C)=>{const j=K.current,z=ge(h,j,S.current,b,C),le=ye(j,C,z);L({slide:le}),E&&ve({direction:h,nextIndex:z,currentIndex:j,itemsRef:S,slideWidth:b,gap:n,onAnimationStart:()=>U(!0),onAnimationEnd:()=>U(!1)}),_e(()=>v(z))};s.useEffect(()=>{if(!E||w||k)return;const C=setInterval(()=>{Q("RIGHT",T)},typeof d=="number"?d:4e3);return()=>clearInterval(C)},[E,w,T,k]);const W=(h,{direction:C})=>{Q(C,T),C==="LEFT"?l(h):f(h)},B=()=>D(!0),P=()=>D(!1);return s.createElement("div",Object.assign({className:A("carousel",x,{"carousel--slides":T,"carousel--peek":T%1===0,carousel__autoplay:E}),role:"group"},p),s.createElement("div",{ref:F,className:"carousel__container",onFocusCapture:B,onMouseEnter:B,onTouchStartCapture:B,onBlurCapture:P,onMouseLeave:P,onTouchEndCapture:P},s.createElement(Z,{label:a,type:"prev",disabled:se,onClick:W}),s.createElement(Le,{itemsRef:S,offset:R,gap:n,itemsPerSlide:T,nextControlDisabled:V,isAutoplayEnabled:E,activeIndex:m,onScroll:i,onSetActiveIndex:v,slideWidth:b},g),s.createElement(Z,{type:"next",label:c,disabled:V,onClick:W}),E?s.createElement("button",{className:"carousel__playback",type:"button",onClick:oe,"aria-label":w?u:o},s.createElement(te.EbayIcon,{name:w?"play24":"pause24"})):null))},{default:Re=q}=q?.default?.__esModule?q.default:q,we=e=>{var{slideWidth:n,offset:t,forwardedRef:r,children:a}=e,c=ee.__rest(e,["slideWidth","offset","forwardedRef","children"]);const o=s.useRef(null),[u,d]=s.useState(!1);return s.useImperativeHandle(r,()=>{if(!o.current)return;const{left:i,right:f}=de(o.current),l=i===void 0||i-t>=-.01&&f-t<=n+.01;return d(l),{element:o.current,left:i,right:f,fullyVisible:l}},[n,t]),s.useEffect(()=>{if(o.current){const i=Re(o.current);for(const f of i)u?f.hasAttribute("data-carousel-tabindex")?f.setAttribute("tabindex",f.getAttribute("data-carousel-tabindex")):f.removeAttribute("tabindex"):f.setAttribute("tabindex","-1")}},[u]),s.createElement("li",Object.assign({},c,{ref:o,"aria-hidden":!u}),a)},Ne=ie.withForwardRef(we);exports.EbayCarousel=xe;exports.EbayCarouselItem=Ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("../tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),te=require("../icon-CR8ApQBy.js"),Y=require("../debounce-BQsYxxOL.js"),ae=require("react-dom");require("../array.polyfill.flat-5BAolFdk.js");const ce=require("../reduced-motion-CMIhlQVx.js"),q=require("makeup-focusables"),ie=require("../forwardRef-DBQKIlPy.js"),ue={prev:"chevronLeft16",next:"chevronRight16"},fe={prev:"LEFT",next:"RIGHT"},Z=({type:e,label:n,hidden:t,disabled:r,onClick:a})=>{const c=o=>{r||a(o,{direction:fe[e]})};return s.createElement("button",{className:A("carousel__control",`carousel__control--${e}`),"aria-label":n,"aria-disabled":r,onClick:c},s.createElement(te.EbayIcon,{className:A("icon",`icon--carousel-${e}`),focusable:!1,name:ue[e],"aria-hidden":t}))};function de(e){const n=e.parentElement,t=n?n.firstElementChild.getBoundingClientRect().left:0,{left:r,right:a}=e.getBoundingClientRect();return{left:r-t,right:a-t}}const he=e=>getComputedStyle(e).overflowX!=="visible",I=(e,n)=>{if(!e.length)return 0;const t=e[e.length-1];return Math.max(t.right-n,0)||0},me=(e,n,t)=>e.length&&Math.min(e[n].left,I(e,t))||0,be=(e,n,t,r,a,c)=>s.Children.map(e,(o,u)=>{const{style:d={}}=o.props;let i;if(t){const l=t+t%1;i=`calc(${100/l}% - ${(l-1)*c/l}px)`}const f=t?u%t===0:!0;return s.cloneElement(o,{slideWidth:r,offset:a,ref:l=>{n.current[u]=l},className:f?"carousel__snap-point":o.props.className,style:Object.assign(Object.assign({},d),{width:i||d.width,marginRight:c&&u!==s.Children.count(e)-1?`${c}px`:d.marginRight})})}),ne=(e,n,t)=>{if(e>0){let r=e;return r%=n.length||1,r-=r%(t||1),r=Math.abs(r),r}return 0},ye=(e,n,t=e)=>{if(n)return Math.ceil(t/n)},Ee=e=>e==="LEFT"?-1:1,ge=(e,n,t,r,a)=>{let c=n,o;if(e==="LEFT"&&c===0)c=t.length-1;else{do{const u=Ee(e);o=t[c+=u]}while(o&&o.fullyVisible);if(e==="LEFT"&&!a){const u=o.right-r;do o=t[--c];while(o&&o.left>=u);c+=1}}return ne(c,t,a)},pe=(e,n,t,r=1,a)=>{let c;if(e>=I(n,t)-a)c=n.length-1;else{const o=n.length;let u=0,d=Math.ceil(o/r)-1;for(;d-u>1;){const l=Math.floor((u+d)/2);e>n[l*r].left?u=l:d=l}const i=Math.abs(e-n[u*r].left),f=Math.abs(e-n[d*r].left);c=ne((i>f?d:u)*r,n,r)}return c};function ve({direction:e,nextIndex:n,currentIndex:t,itemsRef:r,slideWidth:a,gap:c,onAnimationStart:o,onAnimationEnd:u}){if(e==="RIGHT"&&n<t){let i=r.current[t].element.closest("ul");i.style.transition="none";const f=I(r.current,a)+a+c;for(let l=t;l>n;l--)r.current[l].element.style.transform=`translateX(${-f}px)`;i.style.transform=`translate3d(${a+c}px, 0, 0)`,o(),requestAnimationFrame(()=>{i.style.transition="",i.style.transform="translate3d(0, 0, 0)",i=null}),i.addEventListener("transitionend",()=>{requestAnimationFrame(()=>{for(let l=t;l>n;l--)r.current[l].element.style.transform="";u()})},{once:!0})}else if(e==="LEFT"&&n>t){let i=r.current[t].element.closest("ul");i.style.transition="none";const f=I(r.current,a)+a+c;for(let l=t;l<n;l++)r.current[l].element.style.transform=`translateX(${f}px)`;i.style.transform=`translate3d(${-f}px, 0, 0)`,o(),requestAnimationFrame(()=>{i.style.transition="",i.style.transform=`translate3d(${-f+a+c}px, 0, 0)`,i=null}),i.addEventListener("transitionend",()=>{requestAnimationFrame(()=>{for(let l=t;l<n;l++)r.current[l].element.style.transform="";u()})},{once:!0})}}const Se=(e,n)=>{let t,r,a;return(function c(){const{scrollLeft:o}=e;if(a!==o){a=o,t=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}n(a)})(),()=>{clearTimeout(t),cancelAnimationFrame(r)}},Te=typeof window<"u"&&"scrollBehavior"in document.body.style;function re(e,n,t){if(Te)return e.scrollTo({left:n}),Se(e,t);let r,a,c=requestAnimationFrame(l=>{const{scrollLeft:L}=e,N=n-L,_=450;(function x(g){const p=g-l;if(p>_)return e.scrollLeft=n,o(),t();e.scrollLeft=Ce(p/_)*N+L,c=requestAnimationFrame(x)})(l)});return e.addEventListener("touchstart",u),o;function o(){cancelAnimationFrame(c),r===void 0?i():(a&&a(),f())}function u(){o(),r=e.scrollLeft,e.addEventListener("touchend",d)}function d(){f(),r===e.scrollLeft&&(a=re(e,n,t))}function i(){e.removeEventListener("touchstart",u)}function f(){e.removeEventListener("touchend",d)}}function Ce(e){return e<.5?2*e*e:-1+(4-2*e)*e}const Le=({gap:e=16,itemsPerSlide:n,slideWidth:t,offset:r,activeIndex:a,nextControlDisabled:c,isAutoplayEnabled:o,className:u,itemsRef:d,children:i,onSetActiveIndex:f,onScroll:l})=>{const[L,N]=s.useState(0),[_,x]=s.useState(!1),[g,p]=s.useState(!1),m=s.useRef(null),v=s.useRef(null);s.useEffect(()=>{if(!s.Children.count(i)||!m.current)return;if(_){x(!1);return}const y=m.current;if(he(y))return p(!0),re(y,r,()=>p(!1));N(r)},[r]);const b=s.useCallback(()=>{const R=m.current.scrollLeft,y=pe(R,d.current,t,n,e);y!==a&&(x(!0),f(y),l({index:y}))},[m.current,t,a,f]),M=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{g||b()},640)};return s.createElement("div",{className:A("carousel__viewport",{"carousel__viewport--mask":!c&&!o},u)},s.createElement("ul",{className:"carousel__list",ref:m,onScroll:M,style:{transform:`translate3d(${-L}px, 0, 0)`}},be(i,d,n,t,r,e)))},_e=ae.flushSync||(e=>e()),xe=e=>{var{gap:n=16,index:t=0,itemsPerSlide:r,a11yPreviousText:a,a11yNextText:c,a11yPauseText:o,a11yPlayText:u,autoplay:d,onScroll:i=()=>{},onNext:f=()=>{},onPrevious:l=()=>{},onSlide:L=()=>{},onPlay:N=()=>{},onPause:_=()=>{},className:x,children:g}=e,p=ee.__rest(e,["gap","index","itemsPerSlide","a11yPreviousText","a11yNextText","a11yPauseText","a11yPlayText","autoplay","onScroll","onNext","onPrevious","onSlide","onPlay","onPause","className","children"]);const[m,v]=s.useState(t),[b,M]=s.useState(0),[R,y]=s.useState(0),[k,D]=s.useState(!1),F=s.useRef(null),S=s.useRef([]),O=s.Children.count(g),T=Math.floor(r)||void 0,H=O<=T,E=!!d,se=H||R===0&&!E,V=H||R===I(S.current,b)&&!E,G=()=>{if(!F.current)return;const{width:h}=F.current.getBoundingClientRect();M(h)};s.useEffect(()=>(window.addEventListener("resize",Y.debounce(G,16)),()=>{window.removeEventListener("resize",Y.debounce(G,16))}),[]);const[X,U]=s.useState(!1);s.useEffect(()=>{X||y(me(S.current,m,b))},[m,b,X]),s.useEffect(()=>{t>=0&&t<=O-1&&v(t)},[t]),s.useEffect(()=>{S.current=S.current.splice(0,O)},[g]),s.useEffect(()=>{const{width:h}=F.current.getBoundingClientRect();M(h)},[F.current]);const $=ce.useReducedMotion(),[w,J]=s.useState($);s.useEffect(()=>{J($)},[$]);const oe=h=>{J(!w),w?N(h):_(h)},K=s.useRef(m);K.current=m;const Q=(h,C)=>{const j=K.current,z=ge(h,j,S.current,b,C),le=ye(j,C,z);L({slide:le}),E&&ve({direction:h,nextIndex:z,currentIndex:j,itemsRef:S,slideWidth:b,gap:n,onAnimationStart:()=>U(!0),onAnimationEnd:()=>U(!1)}),_e(()=>v(z))};s.useEffect(()=>{if(!E||w||k)return;const C=setInterval(()=>{Q("RIGHT",T)},typeof d=="number"?d:4e3);return()=>clearInterval(C)},[E,w,T,k]);const W=(h,{direction:C})=>{Q(C,T),C==="LEFT"?l(h):f(h)},B=()=>D(!0),P=()=>D(!1);return s.createElement("div",Object.assign({className:A("carousel",x,{"carousel--slides":T,"carousel--peek":T%1===0,carousel__autoplay:E}),role:"group"},p),s.createElement("div",{ref:F,className:"carousel__container",onFocusCapture:B,onMouseEnter:B,onTouchStartCapture:B,onBlurCapture:P,onMouseLeave:P,onTouchEndCapture:P},s.createElement(Z,{label:a,type:"prev",disabled:se,onClick:W}),s.createElement(Le,{itemsRef:S,offset:R,gap:n,itemsPerSlide:T,nextControlDisabled:V,isAutoplayEnabled:E,activeIndex:m,onScroll:i,onSetActiveIndex:v,slideWidth:b},g),s.createElement(Z,{type:"next",label:c,disabled:V,onClick:W}),E?s.createElement("button",{className:"carousel__playback",type:"button",onClick:oe,"aria-label":w?u:o},s.createElement(te.EbayIcon,{name:w?"play24":"pause24"})):null))},{default:Re=q}=q?.default?.__esModule?q.default:q,we=e=>{var{slideWidth:n,offset:t,forwardedRef:r,children:a}=e,c=ee.__rest(e,["slideWidth","offset","forwardedRef","children"]);const o=s.useRef(null),[u,d]=s.useState(!1);return s.useImperativeHandle(r,()=>{if(!o.current)return;const{left:i,right:f}=de(o.current),l=i===void 0||i-t>=-.01&&f-t<=n+.01;return d(l),{element:o.current,left:i,right:f,fullyVisible:l}},[n,t]),s.useEffect(()=>{if(o.current){const i=Re(o.current);for(const f of i)u?f.hasAttribute("data-carousel-tabindex")?f.setAttribute("tabindex",f.getAttribute("data-carousel-tabindex")):f.removeAttribute("tabindex"):f.setAttribute("tabindex","-1")}},[u]),s.createElement("li",Object.assign({},c,{ref:o,"aria-hidden":!u}),a)},Ne=ie.withForwardRef(we);exports.EbayCarousel=xe;exports.EbayCarouselItem=Ne;

package/ebay-listbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),H=require("makeup-active-descendant"),x=require("makeup-typeahead"),_=require("classnames"),D=require("../utils-C9NL3q0j.js"),M=require("../scroll-OgAngNzq.js"),B=require("../icon-CR8ApQBy.js"),T=o=>{var{children:i,className:p}=o,m=I.__rest(o,["children","className"]);return e.createElement("div",Object.assign({className:_("listbox__description",p)},m),i)},k=o=>{var{className:i,icon:p,text:m,children:b,disabled:h,tabIndex:y,selected:c}=o,g=I.__rest(o,["className","icon","text","children","disabled","tabIndex","selected"]);const s=D.filterByType(b,T),f=m||(s?.length?"":b);return e.createElement("div",Object.assign({},g,{tabIndex:h?-1:y,className:_("listbox__option",i),"aria-disabled":h,"aria-selected":c,role:"option"}),p?e.createElement("span",{className:"listbox__value"},p,f?e.createElement("span",null,f):null,s?.length?s:null):e.createElement(e.Fragment,null,e.createElement("span",{className:"listbox__value"},f),s?.length?s:null),e.createElement(B.EbayIcon,{name:"tick16"}))},{default:F=x}=x?.default?.__esModule?x.default:x,K=1300,P=o=>{var i,{name:p,className:m,disabled:b,children:h,tabIndex:y=0,listSelection:c,maxHeight:g,typeaheadTimeoutLength:s,selectClassName:f,onChange:q=()=>{},onEscape:R=()=>{}}=o,j=I.__rest(o,["name","className","disabled","children","tabIndex","listSelection","maxHeight","typeaheadTimeoutLength","selectClassName","onChange","onEscape"]);const l=D.filterByType(h,k),N=l.findIndex(t=>t.props.selected),[u,L]=e.useState(l.findIndex(t=>t.props.selected));e.useEffect(()=>{N!==u&&L(N)},[N]);const r=e.useRef(null),d=e.useRef(null),v=e.useRef(null),E=e.useRef(!1);function C(t,n,a){n===u||l[n].props.disabled||(L(n),q(t,{index:n,selected:[l[n].props.value],wasClicked:a}))}function w(t){switch(t.code){case"Esc":case"Escape":R();break;case"Space":case"Enter":C(t,d.current.index,!1);break}const n=v.current.getIndex(r.current.children,t.key,s||K);if(n!==-1){d.current.index=n;const a=r.current.querySelectorAll("[role=option]")[n];r.current.scrollTop=a.offsetTop-r.current.offsetHeight/2}}function S(){E.current=!0}return e.useEffect(()=>{const t=n=>{const a=parseInt(n.detail.toIndex,10),O=r.current?r.current.querySelectorAll("[role=option]")[u]:null,A=E.current;M.scroll(O),E.current&&(E.current=!1),C(n,a,A)};if(l.length&&!b){const n=r.current,a=r.current;d.current=H.createLinear(n,a,a,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:u,autoReset:null,autoScroll:c!=="auto"}),v.current=F()}return c==="auto"&&r.current.addEventListener("activeDescendantChange",t),()=>{d.current&&(d.current.reset(),d.current.destroy(),d.current=void 0),v.current&&(v.current.destroy(),v.current=void 0),r.current&&r.current.removeEventListener("activeDescendantChange",t)}},[u,b,c]),e.createElement(e.Fragment,null,e.createElement("div",Object.assign({},j,{tabIndex:y,ref:r,role:"listbox",onKeyDown:c!=="auto"?w:void 0,className:_("listbox__options",m),style:{maxHeight:g}}),l.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({key:t.props.value||n},t.props),{onMouseDown:c==="auto"?S:void 0,onClick:a=>{c!=="auto"&&C(a,n,!0)},selected:n===u})))),e.createElement("select",{hidden:!0,className:_("listbox__native",f),name:p,disabled:b,value:(i=l[u])===null||i===void 0?void 0:i.props.value,onChange:()=>{}},l.map((t,n)=>e.createElement("option",{key:t.props.value||n,value:t.props.value,disabled:t.props.disabled}))))};exports.EbayListbox=P;exports.EbayListboxOption=k;exports.EbayListboxOptionDescription=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),H=require("makeup-active-descendant"),x=require("makeup-typeahead"),_=require("classnames"),D=require("../utils-C9NL3q0j.js"),M=require("../scroll-OgAngNzq.js"),B=require("../icon-CR8ApQBy.js"),T=o=>{var{children:i,className:p}=o,m=I.__rest(o,["children","className"]);return e.createElement("div",Object.assign({className:_("listbox__description",p)},m),i)},k=o=>{var{className:i,icon:p,text:m,children:b,disabled:h,tabIndex:y,selected:c}=o,g=I.__rest(o,["className","icon","text","children","disabled","tabIndex","selected"]);const s=D.filterByType(b,T),f=m||(s?.length?"":b);return e.createElement("div",Object.assign({},g,{tabIndex:h?-1:y,className:_("listbox__option",i),"aria-disabled":h,"aria-selected":c,role:"option"}),p?e.createElement("span",{className:"listbox__value"},p,f?e.createElement("span",null,f):null,s?.length?s:null):e.createElement(e.Fragment,null,e.createElement("span",{className:"listbox__value"},f),s?.length?s:null),e.createElement(B.EbayIcon,{name:"tick16"}))},{default:F=x}=x?.default?.__esModule?x.default:x,K=1300,P=o=>{var i,{name:p,className:m,disabled:b,children:h,tabIndex:y=0,listSelection:c,maxHeight:g,typeaheadTimeoutLength:s,selectClassName:f,onChange:q=()=>{},onEscape:R=()=>{}}=o,j=I.__rest(o,["name","className","disabled","children","tabIndex","listSelection","maxHeight","typeaheadTimeoutLength","selectClassName","onChange","onEscape"]);const l=D.filterByType(h,k),N=l.findIndex(t=>t.props.selected),[u,L]=e.useState(l.findIndex(t=>t.props.selected));e.useEffect(()=>{N!==u&&L(N)},[N]);const r=e.useRef(null),d=e.useRef(null),v=e.useRef(null),E=e.useRef(!1);function C(t,n,a){n===u||l[n].props.disabled||(L(n),q(t,{index:n,selected:[l[n].props.value],wasClicked:a}))}function w(t){switch(t.code){case"Esc":case"Escape":R();break;case"Space":case"Enter":C(t,d.current.index,!1);break}const n=v.current.getIndex(r.current.children,t.key,s||K);if(n!==-1){d.current.index=n;const a=r.current.querySelectorAll("[role=option]")[n];r.current.scrollTop=a.offsetTop-r.current.offsetHeight/2}}function S(){E.current=!0}return e.useEffect(()=>{const t=n=>{const a=parseInt(n.detail.toIndex,10),O=r.current?r.current.querySelectorAll("[role=option]")[u]:null,A=E.current;M.scroll(O),E.current&&(E.current=!1),C(n,a,A)};if(l.length&&!b){const n=r.current,a=r.current;d.current=H.createLinear(n,a,a,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:u,autoReset:null,autoScroll:c!=="auto"}),v.current=F()}return c==="auto"&&r.current.addEventListener("activeDescendantChange",t),()=>{d.current&&(d.current.reset(),d.current.destroy(),d.current=void 0),v.current&&(v.current.destroy(),v.current=void 0),r.current&&r.current.removeEventListener("activeDescendantChange",t)}},[u,b,c]),e.createElement(e.Fragment,null,e.createElement("div",Object.assign({},j,{tabIndex:y,ref:r,role:"listbox",onKeyDown:c!=="auto"?w:void 0,className:_("listbox__options",m),style:{maxHeight:g}}),l.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({key:t.props.value||n},t.props),{onMouseDown:c==="auto"?S:void 0,onClick:a=>{c!=="auto"&&C(a,n,!0)},selected:n===u})))),e.createElement("select",{hidden:!0,className:_("listbox__native",f),name:p,disabled:b,value:(i=l[u])===null||i===void 0?void 0:i.props.value,onChange:(()=>{})},l.map((t,n)=>e.createElement("option",{key:t.props.value||n,value:t.props.value,disabled:t.props.disabled}))))};exports.EbayListbox=P;exports.EbayListboxOption=k;exports.EbayListboxOptionDescription=T;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ebay/ui-core-react",
-    "version": "8.11.1",
+    "version": "8.11.2",
     "description": "Skin components build off React",
     "keywords": [
         "React",
@@ -36,6 +36,7 @@
         "smoke-test:react-18": "cd ./smoke-tests/react-18 && npm install && npm run test",
         "smoke-test:react-19": "cd ./smoke-tests/react-19 && npm install && npm run test",
         "storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 9001 -c .storybook --no-open",
+        "start": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 9001 -c .storybook --no-open",
         "test": "jest",
         "type:check": "tsc --noEmit",
         "update-icons": "node ./scripts/update-icons",
@@ -56,14 +57,14 @@
     "dependencies": {
         "@floating-ui/react": "^0.27.15",
         "classnames": "^2.5.1",
-        "makeup-active-descendant": "^0.7.8",
-        "makeup-expander": "^0.11.7",
-        "makeup-floating-label": "^0.4.7",
+        "makeup-active-descendant": "^0.7.10",
+        "makeup-expander": "^0.11.9",
+        "makeup-floating-label": "^0.4.9",
         "makeup-focusables": "^0.4.5",
-        "makeup-keyboard-trap": "^0.5.5",
+        "makeup-keyboard-trap": "^0.5.7",
         "makeup-prevent-scroll-keys": "^0.3.4",
-        "makeup-roving-tabindex": "^0.7.5",
-        "makeup-screenreader-trap": "^0.5.4",
+        "makeup-roving-tabindex": "^0.7.7",
+        "makeup-screenreader-trap": "^0.5.6",
         "makeup-typeahead": "^0.3.3",
         "react-remove-scroll": "^2.7.1"
     },