@ebay/ui-core-react 9.3.0 → 9.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/combobox-WL3ek9fM.js +1 -0
  2. package/common/dropdown.d.ts +2 -21
  3. package/common/dropdown.d.ts.map +1 -1
  4. package/common/floating-ui.d.ts +48 -0
  5. package/common/floating-ui.d.ts.map +1 -0
  6. package/common/tooltip-utils/tooltip-content.d.ts +4 -1
  7. package/common/tooltip-utils/tooltip-content.d.ts.map +1 -1
  8. package/dropdown-B-M6HUau.js +1 -0
  9. package/ebay-accordion/index.js +1 -1
  10. package/ebay-chips-combobox/index.js +1 -1
  11. package/ebay-combobox/index.js +1 -1
  12. package/ebay-date-textbox/index.js +1 -1
  13. package/ebay-details/ebay-details.d.ts +2 -1
  14. package/ebay-details/ebay-details.d.ts.map +1 -1
  15. package/ebay-details/index.js +1 -1
  16. package/ebay-details-GQ3atM4S.js +1 -0
  17. package/ebay-fake-menu-button/index.js +1 -1
  18. package/ebay-file-preview-card/index.js +1 -1
  19. package/ebay-file-preview-card-group/index.js +1 -1
  20. package/ebay-filter-menu-button/index.js +1 -1
  21. package/ebay-infotip/ebay-infotip.d.ts +4 -0
  22. package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
  23. package/ebay-infotip/index.js +1 -1
  24. package/ebay-item-tile/index.js +1 -1
  25. package/ebay-item-tile-group/index.js +1 -1
  26. package/ebay-listbox-button/index.js +1 -1
  27. package/ebay-menu-button/index.js +1 -1
  28. package/ebay-pagination/index.js +1 -1
  29. package/ebay-phone-input/index.js +1 -1
  30. package/ebay-split-button/index.js +1 -1
  31. package/ebay-svg/index.js +1 -1
  32. package/ebay-tooltip/ebay-tooltip.d.ts +4 -0
  33. package/ebay-tooltip/ebay-tooltip.d.ts.map +1 -1
  34. package/ebay-tooltip/index.js +1 -1
  35. package/ebay-tourtip/ebay-tourtip.d.ts +4 -0
  36. package/ebay-tourtip/ebay-tourtip.d.ts.map +1 -1
  37. package/ebay-tourtip/index.js +1 -1
  38. package/ebay-video/index.js +1 -1
  39. package/ebay-video/video.d.ts.map +1 -1
  40. package/{file-preview-card-C28-H6Zw.js → file-preview-card-C7kSASWO.js} +1 -1
  41. package/floating-ui-Co2mY5Do.js +1 -0
  42. package/icons/ebay-icon-arrows-expand-16/index.js +1 -1
  43. package/icons/ebay-icon-arrows-expand-24/index.js +1 -1
  44. package/icons/ebay-icon-feedback-error-16/index.js +1 -1
  45. package/icons/ebay-icon-feedback-error-24/index.js +1 -1
  46. package/{item-tile-Dd22jWQA.js → item-tile-BYQuvbj4.js} +1 -1
  47. package/listbox-button-sULPe7qi.js +2 -0
  48. package/menu-button-Cw_SMZjv.js +1 -0
  49. package/menu-button-label-Dc7U65G0.js +1 -0
  50. package/package.json +1 -1
  51. package/use-tooltip-V_RbL4vM.js +1 -0
  52. package/combobox-Ck8qituJ.js +0 -1
  53. package/dropdown-B6wMNyjP.js +0 -1
  54. package/ebay-details-BEt1xrPn.js +0 -1
  55. package/listbox-button-Dx-GGxsh.js +0 -2
  56. package/menu-button-label-DRo395A5.js +0 -1
  57. package/menu-button-tvdOBhp1.js +0 -1
  58. package/use-tooltip-Bsf51pP_.js +0 -1
@@ -6,6 +6,10 @@ type Props = Omit<TooltipProps, "ref"> & {
6
6
  onCollapse?: () => void;
7
7
  pointer?: PointerDirection;
8
8
  overlayStyle?: CSSProperties;
9
+ offset?: number;
10
+ noFlip?: boolean;
11
+ noShift?: boolean;
12
+ notInline?: boolean;
9
13
  };
10
14
  declare const EbayTooltip: FC<Props>;
11
15
  export default EbayTooltip;
@@ -1 +1 @@
1
- {"version":3,"file":"ebay-tooltip.d.ts","sourceRoot":"","sources":["../../src/ebay-tooltip/ebay-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAEnB,MAAM,yBAAyB,CAAC;AAMjC,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAqF1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ebay-tooltip.d.ts","sourceRoot":"","sources":["../../src/ebay-tooltip/ebay-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAEnB,MAAM,yBAAyB,CAAC;AAOjC,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CA8G1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),E=require("../utils-C9NL3q0j.js"),e=require("../use-tooltip-Bsf51pP_.js");require("classnames");const S=require("../index-Bsb1LHpi.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-I30uh1Ov.js");const T=()=>null,d=()=>null,_=l=>{var{className:y,pointer:h,overlayStyle:f,noHover:i,onFocus:b=()=>{},onBlur:m=()=>{},onMouseEnter:O=()=>{},onMouseLeave:v=()=>{},onExpand:C,onCollapse:L,children:a}=l,M=N.__rest(l,["className","pointer","overlayStyle","noHover","onFocus","onBlur","onMouseEnter","onMouseLeave","onExpand","onCollapse","children"]);const{isExpanded:n,expandTooltip:u,collapseTooltip:s}=e.useTooltip({onCollapse:L,onExpand:C}),r=t.useRef(null);t.useEffect(()=>{const o=function(I){S.handleEscapeKeydown(I,s)};return n&&document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[n]);const R=o=>{O(o),i||(clearTimeout(r.current),u())},q=o=>{v(o),i||(clearTimeout(r.current),r.current=setTimeout(()=>{s()},300))},w=o=>{b(o),u()},F=o=>{m(o),s()},c=E.findComponent(a,T),p=E.findComponent(a,d);if(!p)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!c)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return t.createElement(e.Tooltip,Object.assign({},M,{className:y,type:"tooltip",isExpanded:n,onFocus:w,onBlur:F,onMouseEnter:R,onMouseLeave:q}),t.createElement(e.TooltipHost,Object.assign({},p.props)),t.createElement(e.TooltipContent,Object.assign({},c.props,{type:"tooltip",style:f,pointer:h})))};exports.DEFAULT_POINTER_DIRECTION=e.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=e.POINTER_STYLES;exports.Tooltip=e.Tooltip;exports.TooltipFooter=e.TooltipFooter;exports.EbayTooltip=_;exports.EbayTooltipContent=T;exports.EbayTooltipHost=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),d=require("../utils-C9NL3q0j.js"),e=require("../use-tooltip-V_RbL4vM.js");require("classnames");const D=require("../index-Bsb1LHpi.js"),U=require("../floating-ui-Co2mY5Do.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-I30uh1Ov.js");const y=()=>null,h=()=>null,k=l=>{var{className:b,pointer:i,overlayStyle:O,noHover:a,offset:v,noFlip:m,noShift:R,notInline:w,onFocus:S=()=>{},onBlur:F=()=>{},onMouseEnter:C=()=>{},onMouseLeave:I=()=>{},onExpand:L,onCollapse:g,children:u}=l,q=B.__rest(l,["className","pointer","overlayStyle","noHover","offset","noFlip","noShift","notInline","onFocus","onBlur","onMouseEnter","onMouseLeave","onExpand","onCollapse","children"]);const c=t.useRef(null),{isExpanded:n,expandTooltip:p,collapseTooltip:s}=e.useTooltip({onCollapse:g,onExpand:L}),r=t.useRef(null),{overlayStyles:M,arrowStyles:N,refs:E}=U.useFloatingTooltip({open:n,hostRef:c,options:{pointer:i,offset:v,noFlip:m,noShift:R,notInline:w}});t.useEffect(()=>{const o=function(x){D.handleEscapeKeydown(x,s)};return n&&document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[n]);const _=o=>{C(o),a||(clearTimeout(r.current),p())},P=o=>{I(o),a||(clearTimeout(r.current),r.current=setTimeout(()=>{s()},300))},j=o=>{S(o),p()},H=o=>{F(o),s()},T=d.findComponent(u,y),f=d.findComponent(u,h);if(!f)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!T)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return t.createElement(e.Tooltip,Object.assign({},q,{className:b,type:"tooltip",isExpanded:n,onFocus:j,onBlur:H,onMouseEnter:_,onMouseLeave:P}),t.createElement(e.TooltipHost,Object.assign({},f.props,{forwardedRef:c})),t.createElement(e.TooltipContent,Object.assign({},T.props,{type:"tooltip",style:Object.assign(Object.assign({},M),O),pointer:i,arrowStyle:N,overlayRef:E.setOverlay,arrowRef:E.arrow})))};exports.DEFAULT_POINTER_DIRECTION=e.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=e.POINTER_STYLES;exports.Tooltip=e.Tooltip;exports.TooltipFooter=e.TooltipFooter;exports.EbayTooltip=k;exports.EbayTooltipContent=y;exports.EbayTooltipHost=h;
@@ -6,6 +6,10 @@ export type TourtipProps = Omit<TooltipProps, "ref"> & {
6
6
  onExpand?: () => void;
7
7
  onCollapse?: () => void;
8
8
  overlayStyle?: CSSProperties;
9
+ offset?: number;
10
+ noFlip?: boolean;
11
+ noShift?: boolean;
12
+ notInline?: boolean;
9
13
  "aria-label"?: string;
10
14
  className?: string;
11
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ebay-tourtip.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAGnB,MAAM,yBAAyB,CAAC;AAMjC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA4CjC,CAAC;AACF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ebay-tourtip.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAGnB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAgEjC,CAAC;AACF,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-Bsf51pP_.js"),R=require("classnames");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-I30uh1Ov.js");const y=()=>null,h=()=>null,m=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),f=t=>{var{as:r,children:s,className:i}=t,o=p.__rest(t,["as","children","className"]);const l=r||"h2";return e.createElement(l,Object.assign({},o,{className:R("tourtip__heading",i)}),s)},j=t=>{var{a11yCloseText:r,"aria-label":s,className:i,children:o,onCollapse:l,onExpand:C,overlayStyle:g,pointer:_}=t,q=p.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","pointer"]);const c=e.useRef(null),{isExpanded:u,collapseTooltip:x}=n.useTooltip({onExpand:C,onCollapse:l,initialExpanded:!0,hostRef:c}),H=e.useRef(null),d=a.findComponent(o,y);if(!d)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const E=d.props,{children:N}=E,v=p.__rest(E,["children"]),T=a.findComponent(o,h);if(!T)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const w=a.findComponent(o,f),b=a.findComponent(o,m);return e.createElement(n.Tooltip,Object.assign({},q,{className:i,type:"tourtip",isExpanded:u,ref:H}),e.createElement(n.TooltipHost,Object.assign({},T.props,{forwardedRef:c,"aria-label":s,"aria-expanded":u})),e.createElement(n.TooltipContent,Object.assign({},v,{a11yCloseText:r,onClose:x,pointer:_,showCloseButton:!0,style:g,type:"tourtip"}),w,N,b&&e.createElement(n.TooltipFooter,{type:"tourtip"},b)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=j;exports.EbayTourtipContent=y;exports.EbayTourtipFooter=m;exports.EbayTourtipHeading=f;exports.EbayTourtipHost=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-V_RbL4vM.js"),B=require("classnames"),L=require("../floating-ui-Co2mY5Do.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-I30uh1Ov.js");const h=()=>null,m=()=>null,g=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),C=t=>{var{as:r,children:a,className:i}=t,o=u.__rest(t,["as","children","className"]);const l=r||"h2";return e.createElement(l,Object.assign({},o,{className:B("tourtip__heading",i)}),a)},M=t=>{var{a11yCloseText:r,"aria-label":a,className:i,children:o,onCollapse:l,onExpand:w,overlayStyle:_,pointer:y,offset:v,noFlip:S,noShift:q,notInline:O}=t,R=u.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","pointer","offset","noFlip","noShift","notInline"]);const p=e.useRef(null),{isExpanded:c,collapseTooltip:j}=n.useTooltip({onExpand:w,onCollapse:l,initialExpanded:!0,hostRef:p}),{overlayStyles:x,arrowStyles:F,refs:d}=L.useFloatingTooltip({open:c,hostRef:p,options:{pointer:y,offset:v,noFlip:S,noShift:q,notInline:O}}),H=e.useRef(null),f=s.findComponent(o,h);if(!f)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const b=f.props,{children:N}=b,P=u.__rest(b,["children"]),T=s.findComponent(o,m);if(!T)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const I=s.findComponent(o,C),E=s.findComponent(o,g);return e.createElement(n.Tooltip,Object.assign({},R,{className:i,type:"tourtip",isExpanded:c,ref:H}),e.createElement(n.TooltipHost,Object.assign({},T.props,{forwardedRef:p,"aria-label":a,"aria-expanded":c})),e.createElement(n.TooltipContent,Object.assign({},P,{a11yCloseText:r,onClose:j,pointer:y,showCloseButton:!0,style:Object.assign(Object.assign({},x),_),type:"tourtip",overlayRef:d.setOverlay,arrowRef:d.arrow,arrowStyle:F}),I,N,E&&e.createElement(n.TooltipFooter,{type:"tourtip"},E)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=M;exports.EbayTourtipContent=h;exports.EbayTourtipFooter=g;exports.EbayTourtipHeading=C;exports.EbayTourtipHost=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../tslib.es6-C4EgNkz1.js"),r=require("react"),T=require("classnames"),l=require("shaka-player/dist/shaka-player.ui"),ne=require("../utils-C9NL3q0j.js"),re=require("../progress-spinner-DTmNtD59.js"),se=require("react-dom/client"),ae=require("../icons/ebay-icon-flag-24/index.js"),oe=require("../icons/ebay-icon-play-filled-64-colored/index.js"),ie=require("../icons/ebay-icon-attention-64/index.js"),M=e=>{var t=F.__rest(e,[]);return r.createElement("source",Object.assign({},t))},le=7e3,ce=11,q={addSeekBar:!0,controlPanelElements:["play_pause","current_time","spacer","total_time","mute","report","captions","fullscreen"]},ue=({callback:e,children:t})=>r.createElement("button",{className:"video-player__report-button",ref:e},r.createElement(ae.EbayIconFlag24,null),t);function k(e,t){const s=Math.floor(e/3600),c=Math.floor(e/60%60);let i=Math.floor(e%60);i<10&&(i="0"+i);let a=c+":"+i;return t&&(c<10&&(a="0"+a),a=s+":"+a),a}function de(e=()=>{}){const t=class extends l.ui.Element{constructor(s,c,i){super(s,c);const a=document.createElement("div"),m=()=>{const g=a.firstChild;s.appendChild(g),a.remove(),this.eventManager.listen(g,"click",e)};se.createRoot(a).render(r.createElement(ue,{callback:m},i))}};return t.Factory=class{constructor(s){this.reportText=s}create(s,c){return new t(s,c,this.reportText)}},{Report:t}}const R=class extends l.ui.Element{constructor(e,t){super(e,t),this.currentTime_=document.createElement("button"),this.currentTime_.classList.add("shaka-current-time"),this.currentTime_.disabled=!0,this.setValue_("0:00"),this.parent.appendChild(this.currentTime_),this.eventManager.listen(this.currentTime_,"click",()=>{this.player.isLive()&&(this.video.currentTime=this.player.seekRange().end)}),this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{this.updateTime_()}),this.eventManager.listen(this.player,"trackschanged",()=>{this.onTracksChanged_()})}setValue_(e){e!=this.currentTime_.textContent&&(this.currentTime_.textContent=e)}updateTime_(){const e=this.controls.isSeeking();let t=this.controls.getDisplayTime();const s=this.player.seekRange(),c=s.end-s.start;if(!isFinite(c))this.setValue_(this.localization.resolve(l.ui.Locales.Ids.LIVE));else if(this.player.isLive()){const i=Math.floor(s.end-t);t=Math.max(0,i);const a=c>=3600;t>=1||e?this.setValue_("- "+k(t,a)):this.setValue_(this.localization.resolve(l.ui.Locales.Ids.LIVE))}else{const i=c>=3600,a=Math.max(0,t-s.start),m=k(a,i);this.setValue_(m)}}onTracksChanged_(){if(this.player.isLive()){const e=l.ui.Locales.Ids.SKIP_TO_LIVE;this.currentTime_.ariaLabel=this.localization.resolve(e)}}};R.Factory=class{create(e,t){return new R(e,t)}};const C=class extends l.ui.Element{constructor(e,t){super(e,t),this.currentTime_=document.createElement("button"),this.currentTime_.classList.add("shaka-current-time"),this.currentTime_.disabled=!0,this.parent.appendChild(this.currentTime_),this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{this.updateTime_()}),this.eventManager.listen(this.player,"trackschanged",()=>{this.onTracksChanged_()})}setValue_(e){e!=this.currentTime_.textContent&&(this.currentTime_.textContent=e)}updateTime_(){const e=this.player.seekRange(),t=e.end-e.start;if(isFinite(t)&&t){const s=t>=3600;this.setValue_(k(t,s))}}onTracksChanged_(){if(this.player.isLive()){const e=l.ui.Locales.Ids.SKIP_TO_LIVE;this.currentTime_.ariaLabel=this.localization.resolve(e)}}};C.Factory=class{create(e,t){return new C(e,t)}};const he=e=>{var{width:t,height:s,thumbnail:c,action:i,muted:a,playView:m="inline",a11yLoadText:g,a11yPlayText:N,reportText:S,volumeSlider:B,volume:A=1,hideReportButton:z,errorText:j,onVolumeChange:H=()=>{},onLoadError:$=()=>{},onPlay:D=()=>{},onReport:K=()=>{},children:W}=e,Y=F.__rest(e,["width","height","thumbnail","action","muted","playView","a11yLoadText","a11yPlayText","reportText","volumeSlider","volume","hideReportButton","errorText","onVolumeChange","onLoadError","onPlay","onReport","children"]);const[L,v]=r.useState(),[P,G]=r.useState(),[x,J]=r.useState(),[E,V]=r.useState(),p=r.useRef(null),d=r.useRef(null),h=r.useRef(null),f=r.useRef(null),_=ne.filterByType(W,M).map(({props:n})=>n),w=n=>{v(!0),V(!0),$(n)},b=(n=0)=>{var o;!_.length||!h.current||(v(!1),h.current.load((o=_[n])===null||o===void 0?void 0:o.src).then(()=>{V(!1)}).catch(u=>{switch(console.error(u),u.code){case le:return;case ce:setTimeout(()=>b(n),0);break;default:{const y=_.length>n+1&&n+1;y?setTimeout(()=>b(y),0):w(u)}}}).finally(()=>{v(!0)}))};l.ui.Controls.registerElement("current_time",new R.Factory),l.ui.Controls.registerElement("total_time",new C.Factory),r.useEffect(()=>{const n=d.current,o=p.current;if(!(!n||!o)&&(n.volume=A,l.polyfill.installAll(),h.current=new l.Player(n),!!h.current)){if(h.current.addEventListener("error",()=>w(new Error("Shake-Player error"))),h.current.addEventListener("buffering",u=>{G(u.buffering)}),f.current=new l.ui.Overlay(h.current,o,n,S),f.current.configure({controlPanelElements:[],addSeekBar:!1}),!z){const{Report:u}=de(K);l.ui.Controls.registerElement("report",new u.Factory(S))}b(),pe(o)}},[]),r.useEffect(()=>{switch(i){case"play":d.current.play();break;case"pause":d.current.pause();break}},[i]);const Q=()=>{if(!f.current)return;const n=B?{controlPanelElements:me(q.controlPanelElements)}:{};f.current.configure(Object.assign(Object.assign({},q),n)),d.current.controls=!1,setTimeout(()=>ee(),10)},U=n=>{n.stopPropagation(),Q(),m==="fullscreen"&&d.current.requestFullscreen(),J(!0),D(n,{player:h.current})},X=()=>{d.current.play()},Z=n=>{const o=n.currentTarget;H(n,{volume:Math.round((o.volume+Number.EPSILON)*100)/100,muted:o.muted})},ee=()=>{if(p.current){const n=p.current.querySelector(".shaka-controls-button-panel"),o=n.querySelector(".shaka-spacer"),u=p.current.querySelector(".shaka-range-container");if(n&&o){const y=n.getBoundingClientRect(),O=o.getBoundingClientRect();u.style.marginRight=`${y.right-O.right}px`,u.style.marginLeft=`${O.left-y.left}px`}}},te=()=>{d.current.controls=!1},I={width:t?`${t}px`:void 0,height:s?`${s}px`:void 0};return r.createElement("div",{style:I,className:T("video-player",{"video-player--poster":!x})},!x&&L&&!E&&!P&&r.createElement("div",{className:"shaka-play-button-container"},r.createElement("button",{onClick:X,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":N},r.createElement(oe.EbayIconPlayFilled64Colored,null))),r.createElement("div",{className:"video-player__container",ref:p},r.createElement("video",Object.assign({ref:d,style:I,poster:c,muted:a||!1,onPlaying:U,onPause:te,onVolumeChange:Z},Y),_.map((n,o)=>r.createElement("source",Object.assign({key:o},n))))),r.createElement("div",{className:T("video-player__overlay",{"video-player__overlay--hidden":!E})},r.createElement(ie.EbayIconAttention64,null),r.createElement("div",{className:"video-player__overlay-text"},j)),r.createElement("div",{className:T("video-player__overlay",{"video-player__overlay--hidden":L&&(E||!P)})},r.createElement(re.EbayProgressSpinner,{size:"large","aria-label":g})))};function me(e){const t=e.length-2>0?e.length-2:e.length,s=[...e];return s.splice(t,0,"volume"),s}function pe(e){const t=e.querySelectorAll(".shaka-spinner")[0];t&&t.setAttribute("hidden","")}exports.EbayVideo=he;exports.EbayVideoSource=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../tslib.es6-C4EgNkz1.js"),r=require("react"),T=require("classnames"),l=require("shaka-player/dist/shaka-player.ui"),ne=require("../utils-C9NL3q0j.js"),re=require("../progress-spinner-DTmNtD59.js"),se=require("react-dom/client"),ae=require("../icons/ebay-icon-flag-24/index.js"),oe=require("../icons/ebay-icon-play-filled-64-colored/index.js"),ie=require("../icons/ebay-icon-attention-64/index.js"),M=e=>{var t=F.__rest(e,[]);return r.createElement("source",Object.assign({},t))},le=7e3,ce=11,q={addSeekBar:!0,controlPanelElements:["play_pause","current_time","spacer","total_time","mute","report","captions","fullscreen"]},ue=({callback:e,children:t})=>r.createElement("button",{className:"video-player__report-button",ref:e},r.createElement(ae.EbayIconFlag24,null),t);function k(e,t){const s=Math.floor(e/3600),c=Math.floor(e/60%60);let i=Math.floor(e%60);i<10&&(i="0"+i);let a=c+":"+i;return t&&(c<10&&(a="0"+a),a=s+":"+a),a}function de(e=()=>{}){const t=class extends l.ui.Element{constructor(s,c,i){super(s,c);const a=document.createElement("div"),m=()=>{const g=a.firstChild;s.appendChild(g),a.remove(),this.eventManager.listen(g,"click",e)};se.createRoot(a).render(r.createElement(ue,{callback:m},i))}};return t.Factory=class{constructor(s){this.reportText=s}create(s,c){return new t(s,c,this.reportText)}},{Report:t}}const R=class extends l.ui.Element{constructor(e,t){super(e,t),this.currentTime_=document.createElement("button"),this.currentTime_.classList.add("shaka-current-time"),this.currentTime_.disabled=!0,this.setValue_("0:00"),this.parent.appendChild(this.currentTime_),this.eventManager.listen(this.currentTime_,"click",()=>{this.player.isLive()&&(this.video.currentTime=this.player.seekRange().end)}),this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{this.updateTime_()}),this.eventManager.listen(this.player,"trackschanged",()=>{this.onTracksChanged_()})}setValue_(e){e!=this.currentTime_.textContent&&(this.currentTime_.textContent=e)}updateTime_(){const e=this.controls.isSeeking();let t=this.controls.getDisplayTime();const s=this.player.seekRange(),c=s.end-s.start;if(!isFinite(c))this.setValue_(this.localization.resolve(l.ui.Locales.Ids.LIVE));else if(this.player.isLive()){const i=Math.floor(s.end-t);t=Math.max(0,i);const a=c>=3600;t>=1||e?this.setValue_("- "+k(t,a)):this.setValue_(this.localization.resolve(l.ui.Locales.Ids.LIVE))}else{const i=c>=3600,a=Math.max(0,t-s.start),m=k(a,i);this.setValue_(m)}}onTracksChanged_(){if(this.player.isLive()){const e=l.ui.Locales.Ids.SKIP_TO_LIVE;this.currentTime_.ariaLabel=this.localization.resolve(e)}}};R.Factory=class{create(e,t){return new R(e,t)}};const C=class extends l.ui.Element{constructor(e,t){super(e,t),this.currentTime_=document.createElement("button"),this.currentTime_.classList.add("shaka-current-time"),this.currentTime_.disabled=!0,this.parent.appendChild(this.currentTime_),this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{this.updateTime_()}),this.eventManager.listen(this.player,"trackschanged",()=>{this.onTracksChanged_()})}setValue_(e){e!=this.currentTime_.textContent&&(this.currentTime_.textContent=e)}updateTime_(){const e=this.player.seekRange(),t=e.end-e.start;if(isFinite(t)&&t){const s=t>=3600;this.setValue_(k(t,s))}}onTracksChanged_(){if(this.player.isLive()){const e=l.ui.Locales.Ids.SKIP_TO_LIVE;this.currentTime_.ariaLabel=this.localization.resolve(e)}}};C.Factory=class{create(e,t){return new C(e,t)}};const he=e=>{var{width:t,height:s,thumbnail:c,action:i,muted:a,playView:m="inline",a11yLoadText:g,a11yPlayText:N,reportText:S,volumeSlider:B,volume:A=1,hideReportButton:z,errorText:j,onVolumeChange:H=()=>{},onLoadError:$=()=>{},onPlay:D=()=>{},onReport:K=()=>{},children:W}=e,Y=F.__rest(e,["width","height","thumbnail","action","muted","playView","a11yLoadText","a11yPlayText","reportText","volumeSlider","volume","hideReportButton","errorText","onVolumeChange","onLoadError","onPlay","onReport","children"]);const[L,v]=r.useState(),[P,G]=r.useState(),[x,J]=r.useState(),[E,V]=r.useState(),p=r.useRef(null),d=r.useRef(null),h=r.useRef(null),f=r.useRef(null),_=ne.filterByType(W,M).map(({props:n})=>n),w=n=>{v(!0),V(!0),$(n)},b=(n=0)=>{var o;!_.length||!h.current||(v(!1),h.current.load((o=_[n])===null||o===void 0?void 0:o.src).then(()=>{V(!1)}).catch(u=>{switch(console.error(u),u.code){case le:return;case ce:setTimeout(()=>b(n),0);break;default:{const y=_.length>n+1&&n+1;y?setTimeout(()=>b(y),0):w(u)}}}).finally(()=>{v(!0)}))};l.ui.Controls.registerElement("current_time",new R.Factory),l.ui.Controls.registerElement("total_time",new C.Factory),r.useEffect(()=>{const n=d.current,o=p.current;if(!(!n||!o)&&(n.volume=A,l.polyfill.installAll(),h.current=new l.Player(n),!!h.current)){if(h.current.addEventListener("error",()=>w(new Error("Shake-Player error"))),h.current.addEventListener("buffering",u=>{G(u.buffering)}),f.current=new l.ui.Overlay(h.current,o,n,S),f.current.configure({controlPanelElements:[],addSeekBar:!1}),!z){const{Report:u}=de(K);l.ui.Controls.registerElement("report",new u.Factory(S))}b(),pe(o)}},[]),r.useEffect(()=>{switch(i){case"play":d.current.play();break;case"pause":d.current.pause();break}},[i]);const Q=()=>{if(!f.current)return;const n=B?{controlPanelElements:me(q.controlPanelElements)}:{};f.current.configure(Object.assign(Object.assign({},q),n)),d.current.controls=!1,setTimeout(()=>ee(),10)},U=n=>{n.stopPropagation(),Q(),m==="fullscreen"&&d.current.requestFullscreen(),J(!0),D(n,{player:h.current})},X=()=>{d.current.play()},Z=n=>{const o=n.currentTarget;H(n,{volume:Math.round((o.volume+Number.EPSILON)*100)/100,muted:o.muted})},ee=()=>{if(p.current){const n=p.current.querySelector(".shaka-controls-button-panel"),o=n.querySelector(".shaka-spacer"),u=p.current.querySelector(".shaka-range-container");if(n&&o){const y=n.getBoundingClientRect(),O=o.getBoundingClientRect();u.style.marginRight=`${y.right-O.right}px`,u.style.marginLeft=`${O.left-y.left}px`}}},te=()=>{d.current.controls=!1},I={width:t?`${t}px`:void 0,height:s?`${s}px`:void 0};return r.createElement("div",{style:I,className:T("video-player",{"video-player--poster":!x})},!x&&L&&!E&&!P&&r.createElement("div",{className:"shaka-play-button-container"},r.createElement("button",{onClick:X,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":N},r.createElement(oe.EbayIconPlayFilled64Colored,null))),r.createElement("div",{className:"video-player__container",ref:p},r.createElement("video",Object.assign({ref:d,style:I,poster:c,playsInline:!0,muted:a||!1,onPlaying:U,onPause:te,onVolumeChange:Z},Y),_.map((n,o)=>r.createElement("source",Object.assign({key:o},n))))),r.createElement("div",{className:T("video-player__overlay",{"video-player__overlay--hidden":!E})},r.createElement(ie.EbayIconAttention64,null),r.createElement("div",{className:"video-player__overlay-text"},j)),r.createElement("div",{className:T("video-player__overlay",{"video-player__overlay--hidden":L&&(E||!P)})},r.createElement(re.EbayProgressSpinner,{size:"large","aria-label":g})))};function me(e){const t=e.length-2>0?e.length-2:e.length,s=[...e];return s.splice(t,0,"volume"),s}function pe(e){const t=e.querySelectorAll(".shaka-spinner")[0];t&&t.setAttribute("hidden","")}exports.EbayVideo=he;exports.EbayVideoSource=M;
@@ -1 +1 @@
1
- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAkB,UAAU,EAA+B,MAAM,OAAO,CAAC;AAQ3G,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAI/D,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyOjC,CAAC;AAgBF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAkB,UAAU,EAA+B,MAAM,OAAO,CAAC;AAQ3G,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAI/D,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA0OjC,CAAC;AAgBF,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- "use strict";const k=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),C=require("classnames"),O=require("./utils-C9NL3q0j.js"),g=require("./icon-button-AJ6dtyvc.js"),j=require("./menu-button-tvdOBhp1.js"),F=require("./menu-Bvnencku.js"),U=require("./icons/ebay-icon-close-16/index.js"),L=require("./icons/ebay-icon-delete-16/index.js"),R=require("./progress-spinner-DTmNtD59.js"),A=require("./icons/ebay-icon-file-24/index.js"),D=require("./icons/ebay-icon-play-16/index.js"),W=({status:t,menuActions:n,onMenuAction:r,deleteText:s,onCancel:a,onDelete:l,onAction:b,a11yCancelUploadText:m,a11yMenuButtonText:E,action:i})=>{const y=(c,u)=>{var o;if(u){const d=(o=u.checked)===null||o===void 0?void 0:o[0],p=n&&d!==void 0&&d in n?n[d].event:null;p&&r?r(c,Object.assign(Object.assign({},u),{eventName:p})):l&&l(c)}};return t==="uploading"?e.createElement(g.EbayIconButton,{"aria-label":m,onClick:a,className:"file-preview-card__action",icon:e.createElement(U.EbayIconClose16,null)}):n?.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",a11yText:E,onSelect:y},n.map(c=>e.createElement(F.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(F.EbayMenuItem,{key:"delete",value:"delete"},s))):i?.props&&i.props.icon&&i.props["aria-label"]?e.createElement(g.EbayIconButton,Object.assign({onClick:b,className:C("file-preview-card__action",i.props.className)},i.props)):s?e.createElement(g.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:e.createElement(L.EbayIconDelete16,null),onClick:l}):e.createElement(e.Fragment,null)},I=({file:t,status:n,seeMore:r})=>{if(n==="uploading")return e.createElement(R.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t?.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:C("file-preview-card__asset",{"file-preview-card__asset--fade":r&&r>0}),src:t?.src,alt:t?.name});default:return e.createElement(A.EbayIconFile24,{className:"file-preview-card__asset"})}},z=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(D.EbayIconPlay16,{className:"file-preview-card__video-icon"}),n||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),M=()=>null,G=t=>{var{a11yCancelUploadText:n,status:r,as:s="div",file:a,seeMore:l,deleteText:b,footerTitle:m,footerSubtitle:E,a11ySeeMoreText:i,menuActions:y,a11yMenuButtonText:c,infoText:u,href:o,onCancel:d,onDelete:p,onMenuAction:q,onSeeMore:x,onAction:T,className:h,children:S}=t,B=k.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","a11yMenuButtonText","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const P=O.findComponent(S,M),f=e.useMemo(()=>{var _,w;if(!a)return;let N=a,v;return!((_=a?.type)===null||_===void 0)&&_.startsWith("image")?v="image":!((w=a?.type)===null||w===void 0)&&w.startsWith("video")&&(v="video"),a instanceof File&&(N={name:a.name,type:v,src:v?URL.createObjectURL(a):void 0}),N.type=v,N},[a]);return e.createElement(s,Object.assign({className:C("file-preview-card",h)},B),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(I,{file:f,status:r,seeMore:l})):e.createElement(I,{file:f,status:r,seeMore:l}),l&&l>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:x,"aria-label":i},e.createElement("span",null,"+",l)):e.createElement(W,{a11yCancelUploadText:n,a11yMenuButtonText:c,status:r,menuActions:y,onMenuAction:q,deleteText:b,onCancel:d,onDelete:p,onAction:T,action:P}),e.createElement(z,{file:f,infoText:u})),m&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,m),E&&e.createElement("span",null,E)))};exports.EbayFilePreviewCard=G;exports.EbayFilePreviewCardAction=M;
1
+ "use strict";const k=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),C=require("classnames"),O=require("./utils-C9NL3q0j.js"),g=require("./icon-button-AJ6dtyvc.js"),j=require("./menu-button-Cw_SMZjv.js"),F=require("./menu-Bvnencku.js"),U=require("./icons/ebay-icon-close-16/index.js"),L=require("./icons/ebay-icon-delete-16/index.js"),R=require("./progress-spinner-DTmNtD59.js"),A=require("./icons/ebay-icon-file-24/index.js"),D=require("./icons/ebay-icon-play-16/index.js"),W=({status:t,menuActions:n,onMenuAction:r,deleteText:s,onCancel:a,onDelete:l,onAction:b,a11yCancelUploadText:m,a11yMenuButtonText:E,action:i})=>{const y=(c,u)=>{var o;if(u){const d=(o=u.checked)===null||o===void 0?void 0:o[0],p=n&&d!==void 0&&d in n?n[d].event:null;p&&r?r(c,Object.assign(Object.assign({},u),{eventName:p})):l&&l(c)}};return t==="uploading"?e.createElement(g.EbayIconButton,{"aria-label":m,onClick:a,className:"file-preview-card__action",icon:e.createElement(U.EbayIconClose16,null)}):n?.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",a11yText:E,onSelect:y},n.map(c=>e.createElement(F.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(F.EbayMenuItem,{key:"delete",value:"delete"},s))):i?.props&&i.props.icon&&i.props["aria-label"]?e.createElement(g.EbayIconButton,Object.assign({onClick:b,className:C("file-preview-card__action",i.props.className)},i.props)):s?e.createElement(g.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:e.createElement(L.EbayIconDelete16,null),onClick:l}):e.createElement(e.Fragment,null)},I=({file:t,status:n,seeMore:r})=>{if(n==="uploading")return e.createElement(R.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t?.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:C("file-preview-card__asset",{"file-preview-card__asset--fade":r&&r>0}),src:t?.src,alt:t?.name});default:return e.createElement(A.EbayIconFile24,{className:"file-preview-card__asset"})}},z=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(D.EbayIconPlay16,{className:"file-preview-card__video-icon"}),n||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),M=()=>null,G=t=>{var{a11yCancelUploadText:n,status:r,as:s="div",file:a,seeMore:l,deleteText:b,footerTitle:m,footerSubtitle:E,a11ySeeMoreText:i,menuActions:y,a11yMenuButtonText:c,infoText:u,href:o,onCancel:d,onDelete:p,onMenuAction:q,onSeeMore:x,onAction:T,className:h,children:S}=t,B=k.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","a11yMenuButtonText","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const P=O.findComponent(S,M),f=e.useMemo(()=>{var _,w;if(!a)return;let N=a,v;return!((_=a?.type)===null||_===void 0)&&_.startsWith("image")?v="image":!((w=a?.type)===null||w===void 0)&&w.startsWith("video")&&(v="video"),a instanceof File&&(N={name:a.name,type:v,src:v?URL.createObjectURL(a):void 0}),N.type=v,N},[a]);return e.createElement(s,Object.assign({className:C("file-preview-card",h)},B),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(I,{file:f,status:r,seeMore:l})):e.createElement(I,{file:f,status:r,seeMore:l}),l&&l>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:x,"aria-label":i},e.createElement("span",null,"+",l)):e.createElement(W,{a11yCancelUploadText:n,a11yMenuButtonText:c,status:r,menuActions:y,onMenuAction:q,deleteText:b,onCancel:d,onDelete:p,onAction:T,action:P}),e.createElement(z,{file:f,infoText:u})),m&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,m),E&&e.createElement("span",null,E)))};exports.EbayFilePreviewCard=G;exports.EbayFilePreviewCardAction=M;
@@ -0,0 +1 @@
1
+ "use strict";const w=require("react"),l=require("@floating-ui/react");function F({open:i,options:e}){var t;const{floatingStyles:a,refs:r}=l.useFloating({placement:e?.reverse?"bottom-end":"bottom-start",strategy:e?.strategy,open:i,middleware:[l.offset((t=e?.offset)!==null&&t!==void 0?t:4),l.flip(),l.shift()],whileElementsMounted:l.autoUpdate});return{overlayStyles:a,refs:{host:r.reference,overlay:r.floating,setHost:r.setReference,setOverlay:r.setFloating}}}const S={left:"right","left-top":"right-start","left-bottom":"right-end",right:"left","right-top":"left-start","right-bottom":"left-end",top:"bottom","top-left":"bottom-start","top-right":"bottom-end",bottom:"top","bottom-left":"top-start","bottom-right":"top-end"};function _({open:i,hostRef:e,options:t}){var a,r,d,f;const u=w.useRef(null),g=(a=t?.placement)!==null&&a!==void 0?a:S[(r=t?.pointer)!==null&&r!==void 0?r:"bottom"],m=[l.offset((d=t?.offset)!==null&&d!==void 0?d:6),!t?.notInline&&l.inline(),!t?.noFlip&&l.flip({fallbackAxisSideDirection:"end",flipAlignment:!1}),!t?.noShift&&l.shift(),l.arrow({element:u,padding:20})].filter(Boolean),{floatingStyles:b,refs:n,middlewareData:v,placement:h}=l.useFloating({placement:g,strategy:(f=t?.strategy)!==null&&f!==void 0?f:"absolute",open:i,middleware:m,whileElementsMounted:l.autoUpdate,elements:{reference:e?.current}}),o={};if(v.arrow){const{x:s,y:c}=v.arrow,y={top:"bottom",right:"left",bottom:"top",left:"right"}[h.split("-")[0]];o.left=s!=null?`${s}px`:"",o.top=c!=null?`${c}px`:"",o.right="",o.bottom="",o[y]="-4px"}return{overlayStyles:b,arrowStyles:o,refs:{host:n.reference,overlay:n.floating,arrow:u,setHost:n.setReference,setOverlay:n.setFloating}}}exports.useFloatingDropdown=F;exports.useFloatingTooltip=_;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),n='<symbol viewBox="0 0 24 24" id="icon-arrows-expand-16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 22a1 1 0 0 0 1 1h7a1 1 0 1 0 0-2H4.414l6.293-6.293a1 1 0 0 0-1.414-1.414L3 19.586V15a1 1 0 1 0-2 0v7Zm12.293-11.293a1 1 0 0 0 1.414 0L21 4.414V9a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1h-7a1 1 0 1 0 0 2h4.586l-6.293 6.293a1 1 0 0 0 0 1.414Z"/></symbol>',r=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"arrowsExpand16",__type:"icon",__symbol:n}));exports.EbayIconArrowsExpand16=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),n='<symbol viewBox="0 0 16 16" id="icon-arrows-expand-16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H4.414l2.793-2.793a1 1 0 0 0-1.414-1.414L3 11.586V10a1 1 0 0 0-2 0v4Zm7.793-6.793a1 1 0 0 0 1.414 0L13 4.414V6a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h1.586L8.793 5.793a1 1 0 0 0 0 1.414Z"/></symbol>',r=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"arrowsExpand16",__type:"icon",__symbol:n}));exports.EbayIconArrowsExpand16=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),n='<symbol viewBox="0 0 16 16" id="icon-arrows-expand-24"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 14a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H4.414l2.793-2.793a1 1 0 0 0-1.414-1.414L3 11.586V10a1 1 0 0 0-2 0v4Zm7.793-6.793a1 1 0 0 0 1.414 0L13 4.414V6a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h1.586L8.793 5.793a1 1 0 0 0 0 1.414Z"/></symbol>',r=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"arrowsExpand24",__type:"icon",__symbol:n}));exports.EbayIconArrowsExpand24=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),n='<symbol viewBox="0 0 24 24" id="icon-arrows-expand-24"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 22a1 1 0 0 0 1 1h7a1 1 0 1 0 0-2H4.414l6.293-6.293a1 1 0 0 0-1.414-1.414L3 19.586V15a1 1 0 1 0-2 0v7Zm12.293-11.293a1 1 0 0 0 1.414 0L21 4.414V9a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1h-7a1 1 0 1 0 0 2h4.586l-6.293 6.293a1 1 0 0 0 0 1.414Z"/></symbol>',r=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"arrowsExpand24",__type:"icon",__symbol:n}));exports.EbayIconArrowsExpand24=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),r='<symbol viewBox="0 0 24 24" id="icon-feedback-error-16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h6a1 1 0 1 0 0-2H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v5a1 1 0 1 0 2 0V4a3 3 0 0 0-3-3H5Zm1 6a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H7Zm-1 5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm18 2.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Zm-4.8-2.235a.7.7 0 1 0-1.4 0V17.3a.7.7 0 1 0 1.4 0v-2.035Zm-.7 5.185a.725.725 0 1 0 0-1.45.725.725 0 0 0 0 1.45Z"/></symbol>',c=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"feedbackError16",__type:"icon",__symbol:r}));exports.EbayIconFeedbackError16=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),r='<symbol viewBox="0 0 16 16" id="icon-feedback-error-16"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5A2.5 2.5 0 0 1 2.5 0h8A2.5 2.5 0 0 1 13 2.5V5a1 1 0 1 1-2 0V2.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5H6a1 1 0 1 1 0 2H2.5A2.5 2.5 0 0 1 0 13.5v-11ZM4 4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2H4ZM3 8a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1Zm9 0a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm.665 2.5a.665.665 0 1 0-1.33 0v1.16a.665.665 0 1 0 1.33 0V10.5ZM12 14.33A.665.665 0 1 0 12 13a.665.665 0 0 0 0 1.33Z"/></symbol>',c=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"feedbackError16",__type:"icon",__symbol:r}));exports.EbayIconFeedbackError16=c;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),r='<symbol viewBox="0 0 16 16" id="icon-feedback-error-24"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5A2.5 2.5 0 0 1 2.5 0h8A2.5 2.5 0 0 1 13 2.5V5a1 1 0 1 1-2 0V2.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5H6a1 1 0 1 1 0 2H2.5A2.5 2.5 0 0 1 0 13.5v-11ZM4 4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2H4ZM3 8a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1Zm9 0a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm.665 2.5a.665.665 0 1 0-1.33 0v1.16a.665.665 0 1 0 1.33 0V10.5ZM12 14.33A.665.665 0 1 0 12 13a.665.665 0 0 0 0 1.33Z"/></symbol>',c=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"feedbackError24",__type:"icon",__symbol:r}));exports.EbayIconFeedbackError24=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../../icon-I30uh1Ov.js"),r='<symbol viewBox="0 0 24 24" id="icon-feedback-error-24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h6a1 1 0 1 0 0-2H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v5a1 1 0 1 0 2 0V4a3 3 0 0 0-3-3H5Zm1 6a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H7Zm-1 5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm18 2.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Zm-4.8-2.235a.7.7 0 1 0-1.4 0V17.3a.7.7 0 1 0 1.4 0v-2.035Zm-.7 5.185a.725.725 0 1 0 0-1.45.725.725 0 0 0 0 1.45Z"/></symbol>',c=e=>a.createElement(o.EbayIcon,Object.assign({},e,{name:"feedbackError24",__type:"icon",__symbol:r}));exports.EbayIconFeedbackError24=c;
@@ -1 +1 @@
1
- "use strict";const a=require("./tslib.es6-C4EgNkz1.js"),i=require("react"),I=require("classnames"),s=require("./utils-C9NL3q0j.js"),m=require("./file-preview-card-C28-H6Zw.js"),o=()=>null,E=e=>{var{children:l}=e,t=a.__rest(e,["children"]);return i.createElement("div",Object.assign({className:"item-tile__section-primary"},t),l)},d=e=>{var{href:l,children:t}=e,n=a.__rest(e,["href","children"]);return i.createElement("a",Object.assign({href:l,className:"item-tile__title"},n),t)},b=e=>{var{children:l}=e,t=a.__rest(e,["children"]);return i.createElement("div",Object.assign({className:"item-tile__subtitle"},t),l)},u=e=>{var{as:l="p",children:t}=e,n=a.__rest(e,["as","children"]);return i.createElement(l,Object.assign({},n),t)},N=({title:e,subtitle:l,descriptions:t})=>i.createElement(i.Fragment,null,e||l?i.createElement("div",{className:"item-tile__section-secondary"},e,l):null,t?.length?i.createElement("div",{className:"item-tile__section-tertiary"},t):null),g=e=>{var{file:l,href:t,layout:n,className:y,onAction:_,children:r}=e,v=a.__rest(e,["file","href","layout","className","onAction","children"]);const h=s.findComponent(r,E),T=s.findComponent(r,d),p=s.findComponent(r,b),c=s.findComponent(r,o),f=s.filterByType(r,u);return i.createElement("div",Object.assign({className:I(y,"item-tile",{"item-tile--list-view":n==="list"})},v),l&&i.createElement("div",{className:"item-tile__header"},i.createElement(m.EbayFilePreviewCard,{file:l,href:t,onAction:_},c&&i.createElement(m.EbayFilePreviewCardAction,Object.assign({},c.props)))),i.createElement("div",{className:"item-tile__body"},h,i.createElement(N,{title:T,subtitle:p,descriptions:f})))};exports.EbayItemTile=g;exports.EbayItemTileAction=o;exports.EbayItemTileDescription=u;exports.EbayItemTileSubtitle=b;exports.EbayItemTileSupertitle=E;exports.EbayItemTileTitle=d;
1
+ "use strict";const a=require("./tslib.es6-C4EgNkz1.js"),i=require("react"),I=require("classnames"),s=require("./utils-C9NL3q0j.js"),m=require("./file-preview-card-C7kSASWO.js"),o=()=>null,E=e=>{var{children:l}=e,t=a.__rest(e,["children"]);return i.createElement("div",Object.assign({className:"item-tile__section-primary"},t),l)},d=e=>{var{href:l,children:t}=e,n=a.__rest(e,["href","children"]);return i.createElement("a",Object.assign({href:l,className:"item-tile__title"},n),t)},b=e=>{var{children:l}=e,t=a.__rest(e,["children"]);return i.createElement("div",Object.assign({className:"item-tile__subtitle"},t),l)},u=e=>{var{as:l="p",children:t}=e,n=a.__rest(e,["as","children"]);return i.createElement(l,Object.assign({},n),t)},N=({title:e,subtitle:l,descriptions:t})=>i.createElement(i.Fragment,null,e||l?i.createElement("div",{className:"item-tile__section-secondary"},e,l):null,t?.length?i.createElement("div",{className:"item-tile__section-tertiary"},t):null),g=e=>{var{file:l,href:t,layout:n,className:y,onAction:_,children:r}=e,v=a.__rest(e,["file","href","layout","className","onAction","children"]);const h=s.findComponent(r,E),T=s.findComponent(r,d),p=s.findComponent(r,b),c=s.findComponent(r,o),f=s.filterByType(r,u);return i.createElement("div",Object.assign({className:I(y,"item-tile",{"item-tile--list-view":n==="list"})},v),l&&i.createElement("div",{className:"item-tile__header"},i.createElement(m.EbayFilePreviewCard,{file:l,href:t,onAction:_},c&&i.createElement(m.EbayFilePreviewCardAction,Object.assign({},c.props)))),i.createElement("div",{className:"item-tile__body"},h,i.createElement(N,{title:T,subtitle:p,descriptions:f})))};exports.EbayItemTile=g;exports.EbayItemTileAction=o;exports.EbayItemTileDescription=u;exports.EbayItemTileSubtitle=b;exports.EbayItemTileSupertitle=E;exports.EbayItemTileTitle=d;
@@ -0,0 +1,2 @@
1
+ "use strict";const V=require("./tslib.es6-C4EgNkz1.js"),n=require("react"),O=require("classnames"),ge=require("./utils-C9NL3q0j.js"),_e=require("./icons/ebay-icon-tick-16/index.js");require("./dropdown-B-M6HUau.js");const ye=require("./icons/ebay-icon-chevron-down-16/index.js"),Ee=require("./floating-ui-Co2mY5Do.js"),W=p=>{var{value:d,children:g,selected:b,onClick:f,index:_,icon:y,innerRef:k,className:C,a11ySelectedText:T="selected"}=p,v=V.__rest(p,["value","children","selected","onClick","index","icon","innerRef","className","a11ySelectedText"]);const E=O("listbox-button__option",C,{"listbox-button__option--active":b});return n.createElement("div",Object.assign({},v,{className:E,role:"option","aria-selected":b,ref:k,onClick:i=>{f(i,d,_)}}),n.createElement("span",{className:"listbox-button__value"},y,g,b&&n.createElement("span",{className:"clipped"},T)),n.createElement(_e.EbayIconTick16,null))},he=p=>{var d,{children:g,name:b,value:f,selected:_,borderless:y,fluid:k,className:C,maxHeight:T,prefixId:v,prefixLabel:E,floatingLabel:i,strategy:L,split:S,unselectedText:z="-",a11ySelectedText:G,onChange:I=()=>{},onCollapse:J=()=>{},onExpand:Q=()=>{}}=p,X=V.__rest(p,["children","name","value","selected","borderless","fluid","className","maxHeight","prefixId","prefixLabel","floatingLabel","strategy","split","unselectedText","a11ySelectedText","onChange","onCollapse","onExpand"]);const r=n.useRef(null),w=n.useRef(new Map),a=ge.filterByType(g,W);if(!a.length)throw new Error(`EbayListboxButton: Please use a
2
+ EbayListboxButtonOption that defines the options of the listbox`);const Y=()=>{const e=_!==void 0?_:a.findIndex(({props:l})=>f!==void 0&&l.value===f||l.selected),t=e>-1||i?e:void 0;return{option:a[t],index:t}},{option:D,index:R}=Y(),[s,m]=n.useState(D),[o,H]=n.useState(R),[x,q]=n.useState(),[Z,ee]=n.useState(!1),[A,U]=n.useState(),{overlayStyles:te,refs:h}=Ee.useFloatingDropdown({open:x,options:{strategy:L}}),N=h.host,ne=h.overlay;n.useEffect(()=>{m(D)},[f]);const c=n.Children.toArray(g),$=e=>c[e].props.value,oe=n.useCallback(e=>c.findIndex(({props:t})=>t.value===e),[c]),se=e=>w.current.get(e),u=()=>{q(!1),J()},le=()=>{q(!0),Q()},ae=()=>{x?u():le()},j=(e,t)=>{m(c[t]),H(t),u(),N.current.focus(),I(e,{index:t,selected:[String($(t))],wasClicked:A}),U(!1)},ce=()=>{u(),m(c[R])},ie=e=>{const t=r.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},re=e=>{const t=r.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},ue=e=>{const t=ne.current,l=se(e);if(t.scrollHeight>t.clientHeight){const xe=t.clientHeight+t.scrollTop,M=l.offsetTop+l.offsetHeight;M>xe?t.scrollTop=M-t.clientHeight:l.offsetTop<t.scrollTop&&(t.scrollTop=l.offsetTop)}},F=e=>{ie(o===void 0||e===-1?0:e),re(o===void 0||o===-1?0:o),ue(e),H(e),m(c[e])},K=e=>setTimeout(()=>{var t;return(t=r?.current)===null||t===void 0?void 0:t.focus(e)},0),pe=()=>{ae(),K({preventScroll:!0})},de=e=>{switch(e.key){case"Escape":u();break;case"Enter":K();break}},be=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),o!==a.length-1&&F(o<a.length-1?o+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),o!==0&&F(o>0?o-1:a.length-1);break;case"Enter":u(),setTimeout(()=>m(c[o])),setTimeout(()=>N.current.focus(),0),I(e,{index:o,selected:[String($(o))],wasClicked:A});break;case"Esc":case"Escape":ce();break}},B=a.map((e,t)=>n.cloneElement(e,{index:t,key:t,selected:s&&e.props.value===s.props.value,id:e.props.id||`listbox_btn_${e.props.value}_${t}`,onClick:l=>j(l,t),innerRef:l=>{l?w.current.set(t,l):w.current.delete(t)},a11ySelectedText:G})),fe=O("listbox-button",C,{"listbox-button--fluid":k}),ve=O("btn",{"btn--form":!y,"btn--borderless":y,"btn--floating-label":i&&s,[`btn--split-${S}`]:S&&S!=="none"}),P=v&&"expand-btn-text",me=n.createElement(n.Fragment,null,i&&n.createElement("span",{className:"btn__floating-label"},i),E&&n.createElement("span",{className:"btn__label"},E),n.createElement("span",{className:"btn__text",id:P},s?.props.icon||s?.props.children||z));return n.createElement("span",{className:fe},n.createElement("button",Object.assign({},X,{onFocus:()=>ee(!0),type:"button",className:ve,"aria-expanded":!!x,"aria-haspopup":"listbox","aria-labelledby":v&&`${v} ${P}`,onClick:pe,onMouseDown:e=>e.preventDefault(),onKeyUp:de,ref:h.setHost}),n.createElement("span",{className:"btn__cell"},me,n.createElement(ye.EbayIconChevronDown16,null))),(x||Z)&&n.createElement("div",{className:O("listbox-button__listbox",{"listbox-button__listbox--fixed":L==="fixed"}),ref:h.setOverlay,style:Object.assign(Object.assign({},te),{maxHeight:T})},n.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:x?0:-1,ref:r,"aria-activedescendant":(d=B[o])===null||d===void 0?void 0:d.props.id,onKeyDown:e=>be(e),onMouseDown:e=>{e.preventDefault(),U(!0)},onBlur:()=>{u(),setTimeout(()=>N.current.focus(),0)}},B)),n.createElement("select",{hidden:!0,className:"listbox-button__native",name:b,onChange:e=>j(e,oe(e.target.value)),value:s?s?.props.value:""},B.map((e,t)=>n.createElement("option",{value:e.props.value,key:t}))))};exports.ListboxButton=he;exports.ListboxOption=W;
@@ -0,0 +1 @@
1
+ "use strict";const j=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),I=require("classnames"),g=require("./utils-C9NL3q0j.js"),_=require("./menu-Bvnencku.js"),ne=require("./button-xYFMCdP0.js"),te=require("./icon-button-AJ6dtyvc.js"),oe=require("./icon-I30uh1Ov.js"),ae=require("./random-id-DlJj_RWH.js"),se=require("./index-Bsb1LHpi.js");require("./dropdown-B-M6HUau.js");const ce=require("./icons/ebay-icon-chevron-down-12/index.js"),re=require("./icons/ebay-icon-overflow-vertical-16/index.js"),le=require("./floating-ui-Co2mY5Do.js"),w=o=>{var{className:a}=o,s=j.__rest(o,["className"]);return e.createElement("hr",Object.assign({},s,{className:I(a,"menu-button__separator")}))},N=({children:o})=>e.createElement(e.Fragment,null,o),ie=o=>{var{type:a,variant:s="button",className:b,text:p="",fixWidth:f,reverse:r,strategy:E,expanded:l,noToggleIcon:y,checked:M,collapseOnSelect:S,a11yText:L,prefixId:v,prefixLabel:T,icon:D,onClick:A=()=>{},onExpand:F=()=>{},onCollapse:K=()=>{},onChange:R=()=>{},onSelect:W=()=>{},children:x}=o,P=j.__rest(o,["type","variant","className","text","fixWidth","reverse","strategy","expanded","noToggleIcon","checked","collapseOnSelect","a11yText","prefixId","prefixLabel","icon","onClick","onExpand","onCollapse","onChange","onSelect","children"]);const[c,h]=e.useState(l),[k,V]=e.useState(),{overlayStyles:H,refs:i}=le.useFloatingDropdown({open:c,options:{reverse:r,strategy:E}}),U=i.host,$=i.overlay,C=g.filterByType(x,[_.EbayMenuItem,w]),u=C.map(n=>!!n.props.checked),[d,B]=e.useState(u);e.useEffect(()=>{u.join("|")!==d.join("|")&&B(u)},[u.join("|")]);const z=g.findComponent(x,N),G=D||g.findComponent(x,oe.EbayIcon),J=ue({text:p,prefixId:v,prefixLabel:T,menuButtonLabel:z,icon:G}),Q=I("menu-button",b);e.useEffect(()=>{const n=t=>{const m=$.current,O=m&&m.contains(t.target);(S||!O)&&h(!1)};return c?(F(),setTimeout(()=>{document.addEventListener("click",n,!1)})):c===!1&&K(),()=>document.removeEventListener("click",n,!1)},[c]),e.useEffect(()=>{V(ae.randomId())},[]);const X=n=>{se.handleEscapeKeydown(n,()=>{var t;h(!1),(t=U.current)===null||t===void 0||t.focus()})},q=Object.assign({ref:i.setHost,className:"menu-button__button","aria-expanded":!!c,"aria-haspopup":!0,"aria-label":L,"aria-controls":k,"aria-labelledby":v,onClick:n=>{h(!c),A(n)}},P),Y=(n,t)=>{if(a==="radio"||a==="checkbox"){const m=d.map((O,ee)=>t.indexes.includes(ee));B(m)}R(n,t)},Z=()=>{const n=d.findIndex(Boolean);return n>-1?n:M};return e.createElement("span",{className:Q},s==="overflow"?e.createElement(te.EbayIconButton,Object.assign({icon:e.createElement(re.EbayIconOverflowVertical16,null)},q)):e.createElement(ne.EbayButton,Object.assign({variant:s==="form"?"form":void 0},q),J,y?null:e.createElement(ce.EbayIconChevronDown12,null)),c&&e.createElement(_.EbayMenu,{baseEl:"div",classPrefix:"menu-button",reverse:r,fixWidth:f,fixed:E==="fixed",ref:i.setOverlay,type:a,tabIndex:-1,id:k,autofocus:!0,checked:Z(),onKeyDown:X,onChange:Y,onSelect:W,style:H},C.map((n,t)=>e.cloneElement(n,Object.assign(Object.assign({},n.props),{className:I(n.props.className,"menu-button__item"),key:t,checked:d[t]})))))};function ue({text:o,prefixId:a,prefixLabel:s,menuButtonLabel:b,icon:p}){const f=o.length?e.createElement("span",null,o):null,r=!a&&s&&e.createElement(e.Fragment,null,e.createElement("span",{className:"menu-button-prefix-label",key:"prefix-label"},s)," ");return[p,r,b||f].filter(Boolean).map((l,y)=>e.cloneElement(l,Object.assign(Object.assign({},l.props),{key:y})))}exports.EbayMenuButton=ie;exports.EbayMenuButtonLabel=N;exports.EbayMenuButtonSeparator=w;
@@ -0,0 +1 @@
1
+ "use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),d=require("./utils-C9NL3q0j.js"),R=require("./index-Bsb1LHpi.js"),W=require("./random-id-DlJj_RWH.js"),P=require("./button-xYFMCdP0.js"),U=require("./icon-I30uh1Ov.js"),$=require("./icon-button-AJ6dtyvc.js"),_=require("./menu-item-B2Tu5ZPj.js");require("./dropdown-B-M6HUau.js");const A=require("./icons/ebay-icon-overflow-horizontal-24/index.js"),G=require("./floating-ui-Co2mY5Do.js"),J=o=>{var{a11yText:r,noToggleIcon:c,fixWidth:M,reverse:b,variant:f,strategy:q,expanded:B=!1,className:h,icon:w,onCollapse:N=()=>{},onExpand:O=()=>{},onMouseDown:F=()=>{},onSelect:S=()=>{},text:p="",children:u}=o,C=x.__rest(o,["a11yText","noToggleIcon","fixWidth","reverse","variant","strategy","expanded","className","icon","onCollapse","onExpand","onMouseDown","onSelect","text","children"]);const[a,l]=e.useState(B),[E,T]=e.useState(),y=w||d.findComponent(u,U.EbayIcon),j=d.findComponent(u,k)||(y?e.createElement("span",null,p):p),D=d.filterByType(u,[g,I]),{overlayStyles:L,refs:i}=G.useFloatingDropdown({open:a,options:{reverse:b,strategy:q}}),m=i.host;e.useEffect(()=>{const t=n=>{m.current&&!m.current.contains(n.currentTarget)&&l(!1)};return a?(O(),setTimeout(()=>{document.addEventListener("click",t,!1)})):a===!1&&N(),()=>document.removeEventListener("click",t,!1)},[a]),e.useEffect(()=>{T(W.randomId())},[]);const H=t=>{R.handleEscapeKeydown(t,()=>{var n;l(!1),(n=m.current)===null||n===void 0||n.focus()})},K=s("fake-menu-button__menu",{"menu-button__menu--fix-width":M,"menu-button__menu--reverse":b}),v=Object.assign({ref:i.setHost,className:"fake-menu-button__button","aria-expanded":!!a,"aria-haspopup":!0,"aria-label":r,"aria-controls":E,onClick:()=>l(!a)},C);return e.createElement("span",{className:s("fake-menu-button",h)},f==="overflow"?e.createElement($.EbayIconButton,Object.assign({icon:e.createElement(A.EbayIconOverflowHorizontal24,null)},v)):e.createElement(P.EbayButton,Object.assign({variant:f==="form"?"form":void 0,bodyState:c?void 0:"expand"},v),y,j),a&&e.createElement(_.EbayFakeMenu,{ref:i.setOverlay,className:K,id:E,tabIndex:-1,onKeyDown:H,onSelect:S,style:L},D.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({},t.props),{onMouseDown:z=>{F(z,{index:n})},className:s(t.props.className,"fake-menu-button__item"),key:n,autoFocus:n===0})))))},g=_.EbayMenuItem,I=o=>{var{className:r}=o,c=x.__rest(o,["className"]);return e.createElement("hr",Object.assign({},c,{className:s(r,"menu-button__separator")}))},k=({children:o})=>e.createElement(e.Fragment,null,o);exports.EbayFakeMenuButtonItem=g;exports.EbayFakeMenuButtonLabel=k;exports.EbayMenuButton=J;exports.EbayMenuButtonSeparator=I;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/ui-core-react",
3
- "version": "9.3.0",
3
+ "version": "9.4.0",
4
4
  "description": "Skin components build off React",
5
5
  "keywords": [
6
6
  "React",
@@ -0,0 +1 @@
1
+ "use strict";const x=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),_=require("classnames"),g=require("./forwardRef-DBQKIlPy.js"),i=require("./utils-C9NL3q0j.js"),N=require("./icons/ebay-icon-close-16/index.js"),f=s=>{var{children:o,className:l,forwardedRef:e}=s,t=x.__rest(s,["children","className","forwardedRef"]);return a.Children.only(o),a.cloneElement(o,Object.assign(Object.assign({ref:e},t),{className:_(l,o.props.className)}))},v=s=>{var o,{className:l,type:e,isExpanded:t,children:r,forwardedRef:p}=s,m=x.__rest(s,["className","type","isExpanded","children","forwardedRef"]);const n=i.findComponent(r,f),c=i.excludeComponent(r,f)[0];if(!n)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const u=a.cloneElement(n,Object.assign({className:`${e}__host`,"aria-expanded":t,"aria-describedby":(o=c?.props)===null||o===void 0?void 0:o.id},n.props));return a.createElement("span",Object.assign({},m,{ref:p,className:_(l,e,{[`${e}--expanded`]:t})}),u,c)},C=g.withForwardRef(v),E="bottom",O={tooltip:"tooltip",tourtip:"region",infotip:""},R={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)"}},$=()=>null,b=({children:s,className:o,type:l="tourtip"})=>a.createElement("div",{className:_(`${l}__footer`,o)},s),I=({id:s,style:o,pointer:l=E,children:e,type:t="tooltip",showCloseButton:r,a11yCloseText:p,onClose:m,overlayRef:n,arrowRef:c,arrowStyle:u})=>{const d=i.findComponent(e,$),T=i.findComponent(e,b),h=i.excludeComponent(e,b);return a.createElement("span",{className:`${t}__overlay`,id:s,role:O[t]||null,style:o,ref:n},a.createElement("span",{className:`${t}__pointer ${t}__pointer--${l}`,ref:c,style:u}),a.createElement("span",{className:`${t}__mask`},a.createElement("span",{className:`${t}__cell`},a.createElement("span",{className:`${t}__content`},h),r?a.createElement("button",Object.assign({},d?.props,{className:`icon-btn icon-btn--transparent ${t}__close`,type:"button","aria-label":p,onClick:m}),a.createElement(N.EbayIconClose16,null)):null,T)))},w=({onExpand:s,onCollapse:o,initialExpanded:l=!1,hostRef:e})=>{const[t,r]=a.useState(l);return{isExpanded:t,expandTooltip:()=>{r(!0),s&&s()},collapseTooltip:()=>{var n;r(!1),o&&o(),(n=e?.current)===null||n===void 0||n.focus()}}};exports.DEFAULT_POINTER_DIRECTION=E;exports.POINTER_STYLES=R;exports.Tooltip=C;exports.TooltipContent=I;exports.TooltipFooter=b;exports.TooltipHost=f;exports.useTooltip=w;
@@ -1 +0,0 @@
1
- "use strict";const V=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),x=require("classnames"),be=require("./hooks-uidlIIid.js"),M=require("./utils-C9NL3q0j.js"),I=require("./dropdown-B6wMNyjP.js"),K=s=>{var{className:p}=s,d=V.__rest(s,["className"]);return t.createElement("button",Object.assign({className:x("icon-btn","icon-btn--transparent",p)},d))},T=s=>{var{text:p,className:d,selected:C}=s,c=V.__rest(s,["text","className","selected"]);return t.createElement("div",Object.assign({},c,{role:"option",className:x("combobox__option",d),tabIndex:-1,"aria-selected":C}),p)},fe=s=>{var{className:p,floatingLabel:d,fluid:C,expanded:c,borderless:j,autocomplete:v="none",listSelection:k="automatic",defaultValue:A="",value:h,placeholder:H,opaqueLabel:U,children:D,dropdownRef:Y,onFocus:z=()=>{},onClick:G=()=>{},onExpand:J=()=>{},onCollapse:P=()=>{},onInputChange:L=()=>{},onFloatingLabelInit:Q=()=>{},onChange:W=()=>{},onSelect:X=()=>{},onKeyDown:Z=()=>{}}=s,g=V.__rest(s,["className","floatingLabel","fluid","expanded","borderless","autocomplete","listSelection","defaultValue","value","placeholder","opaqueLabel","children","dropdownRef","onFocus","onClick","onExpand","onCollapse","onInputChange","onFloatingLabelInit","onChange","onSelect","onKeyDown"]);const l=M.findComponent(D,K),y=M.filterByType(D,T),E=t.useRef(null),r=t.useRef(null),N=t.useRef(null);function $(){return v==="none"?y||[]:y.filter(e=>{var o,n;return(o=e.props.text)===null||o===void 0?void 0:o.toLowerCase().includes((n=u?.trim())===null||n===void 0?void 0:n.toLowerCase())})}const[ee,O]=t.useState(A||""),u=typeof h<"u"?h:ee;typeof h>"u"&&!L&&console.warn("EbayCombobox: You provided a value prop without an onInputChange handler.This will render a read-only input field. If you want the input to be editable, provide an onInputChange handler.");const a=t.useMemo(()=>$(),[v,u,y]),f=I.useExpander({ref:a.length?Y||E:null,expanded:c,options:{autoCollapse:c,expandOnFocus:!0,collapseOnFocusOut:!c&&!!l,contentSelector:'[role="listbox"]',hostSelector:'[role="combobox"]',expandedClass:"combobox--expanded",simulateSpacebarClick:!0},onExpand:J,onCollapse:P},[c,a.length>0]),{overlayStyles:oe,refs:R}=I.useFloatingDropdown({open:f.isExpanded}),_=(e,o)=>{u!==o&&(O(o),r.current&&(r.current.selectionStart=r.current.selectionEnd=o.length,r.current.focus()),X(e,b({currentInputValue:o})))},ne=t.useCallback((e,{toIndex:o})=>{if(k==="automatic"){const n=a[o];n&&r.current&&(r.current.value=n.props.text)}},[k,a]),te=I.useActiveDescendant({ref:E,focusElementRef:r,itemContainerRef:N,disabled:!a.length,onChange:ne,options:{activeDescendantClassName:"combobox__option--active",autoInit:-1,autoReset:-1,autoScroll:!0,axis:"y"}}),S=C?"div":"span",F=be.useFloatingLabel({text:d,disabled:g.disabled,containerTagName:S,opaqueLabel:U,onMount:Q}),le=d?F.Container:S,m=t.useRef(!1),ae=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onClick)===null||n===void 0||n.call(o,e)},se=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onMouseDown)===null||n===void 0||n.call(o,e)};function w(){f.collapse()}function q(){f.expand()}function re(e){const o=a.find(n=>n.props.text===e);return o?{text:o.props.text,value:o.props.value}:{}}function b(e){return{currentInputValue:e.currentInputValue,selectedOption:re(e.currentInputValue)}}const ce=e=>{const o=e.target.value;O(e.target.value),L(e,b({currentInputValue:o}))},B=t.useRef(""),ue=e=>{m.current||w(),m.current=!1;const o=e.target.value;o!==B.current&&(B.current=o,W(e,b({currentInputValue:o})))},ie=e=>{const o=e.target;o===document.activeElement&&q(),G(e,b({currentInputValue:o.value}))},de=e=>{z(e,b({currentInputValue:e.target.value}))},pe=e=>{if(e.key==="ArrowDown")q();else if(e.key==="Escape")w();else if(e.key==="Enter"&&f.isExpanded){const o=te.getIndex();o!==-1&&_(e,a[o].props.text),c||w()}Z(e)};return t.createElement(le,{ref:E,className:x("combobox",p)},t.createElement(F.Label,{htmlFor:g.id}),t.createElement("span",{className:x("combobox__control",{"combobox__control--actionable":l,"combobox__control--borderless":j})},t.createElement("input",Object.assign({},g,{ref:e=>{R.setHost(e),r.current=e},type:"text",role:"combobox",value:u,"aria-autocomplete":v,"aria-haspopup":"listbox",autoComplete:"off","aria-expanded":"false",onChange:ce,onBlur:ue,onClick:ie,onFocus:de,onKeyDown:pe,placeholder:H})),l?t.cloneElement(l,{onClick:ae,onMouseDown:se}):null),a.length>0&&t.createElement("div",{role:"listbox",className:"combobox__listbox",ref:e=>{R.setOverlay(e),N.current=e},style:oe},a.map(e=>t.cloneElement(e,{selected:(e.props.value||e.props.text)===u,onClick:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onClick)===null||i===void 0||i.call(n,o)},onMouseDown:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onMouseDown)===null||i===void 0||i.call(n,o)}}))))};exports.EbayCombobox=fe;exports.EbayComboboxButton=K;exports.EbayComboboxOption=T;
@@ -1 +0,0 @@
1
- "use strict";const o=require("react"),v=require("@floating-ui/react"),s=require("makeup-expander"),g=require("makeup-active-descendant"),{default:y=s}=s?.default?.__esModule?s.default:s;function h({open:e,options:t}){var l;const{floatingStyles:a,refs:d}=v.useFloating({placement:t?.reverse?"bottom-end":"bottom-start",strategy:t?.strategy,open:e,middleware:[v.offset((l=t?.offset)!==null&&l!==void 0?l:4),v.flip(),v.shift()],whileElementsMounted:v.autoUpdate});return{overlayStyles:a,refs:{host:d.reference,overlay:d.floating,setHost:d.setReference,setOverlay:d.setFloating}}}function D({ref:e,expanded:t,options:l,onExpand:a,onCollapse:d},x){const r=o.useRef(null),c=o.useSyncExternalStore(n=>{var u,i;function f(){n(),a?.()}function E(){n(),d?.()}return(u=e?.current)===null||u===void 0||u.addEventListener("expander-expand",f),(i=e?.current)===null||i===void 0||i.addEventListener("expander-collapse",E),()=>{var _,p;(_=e?.current)===null||_===void 0||_.removeEventListener("expander-expand",f),(p=e?.current)===null||p===void 0||p.removeEventListener("expander-collapse",E)}},()=>{var n;return(n=r.current)===null||n===void 0?void 0:n.expanded},()=>!1);return o.useEffect(()=>(e?.current&&(r.current=new y(e.current,l)),()=>{var n;(n=r.current)===null||n===void 0||n.destroy()}),x||[]),o.useEffect(()=>{r.current&&t!==void 0&&(r.current.expanded=t)},[t]),{isExpanded:c,expand:()=>{r.current&&(r.current.expanded=!0)},collapse:()=>{r.current&&(r.current.expanded=!1)}}}function m({ref:e,focusElementRef:t,itemContainerRef:l,onChange:a=()=>null,disabled:d,options:x}){const r=o.useRef(null);return o.useEffect(()=>{const c=n=>{const u={toIndex:n.detail.toIndex};a(n,u)};return d||(r.current=g.createLinear(e.current,t?t.current:e.current,l?l.current:e.current,"[role=option]",x),e.current.addEventListener("activeDescendantChange",c)),()=>{var n,u,i;(n=r.current)===null||n===void 0||n.reset(),(u=r.current)===null||u===void 0||u.destroy(),(i=e.current)===null||i===void 0||i.removeEventListener("activeDescendantChange",c)}},[d,a]),{setIndex(c){r.current.index=c},getIndex(){return r.current.index}}}exports.useActiveDescendant=m;exports.useExpander=D;exports.useFloatingDropdown=h;
@@ -1 +0,0 @@
1
- "use strict";const g=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),n=require("classnames"),E=require("./icons/ebay-icon-chevron-down-16/index.js"),y=s=>{var{size:l,alignment:r,text:c,as:o="div",className:i,open:m,onToggle:a,children:_}=s,d=g.__rest(s,["size","alignment","text","as","className","open","onToggle","children"]);const u=a&&(t=>{a(t,{open:t.currentTarget.open})});return e.createElement("details",Object.assign({open:m,onToggle:u,className:n("details",i)},d),e.createElement("summary",{className:n("details__summary",{"details__summary--small":l==="small","details__summary--center":r==="center"})},e.createElement("span",{className:"details__label"},c),e.createElement("span",{className:"details__icon",hidden:!0},e.createElement(E.EbayIconChevronDown16,null))),e.createElement(o,{className:"details__content"},_))};exports.EbayDetails=y;
@@ -1,2 +0,0 @@
1
- "use strict";const V=require("./tslib.es6-C4EgNkz1.js"),n=require("react"),O=require("classnames"),ge=require("./utils-C9NL3q0j.js"),_e=require("./icons/ebay-icon-tick-16/index.js"),ye=require("./dropdown-B6wMNyjP.js"),Ee=require("./icons/ebay-icon-chevron-down-16/index.js"),W=p=>{var{value:d,children:g,selected:b,onClick:f,index:_,icon:y,innerRef:k,className:C,a11ySelectedText:T="selected"}=p,v=V.__rest(p,["value","children","selected","onClick","index","icon","innerRef","className","a11ySelectedText"]);const E=O("listbox-button__option",C,{"listbox-button__option--active":b});return n.createElement("div",Object.assign({},v,{className:E,role:"option","aria-selected":b,ref:k,onClick:i=>{f(i,d,_)}}),n.createElement("span",{className:"listbox-button__value"},y,g,b&&n.createElement("span",{className:"clipped"},T)),n.createElement(_e.EbayIconTick16,null))},he=p=>{var d,{children:g,name:b,value:f,selected:_,borderless:y,fluid:k,className:C,maxHeight:T,prefixId:v,prefixLabel:E,floatingLabel:i,strategy:L,split:w,unselectedText:z="-",a11ySelectedText:G,onChange:I=()=>{},onCollapse:J=()=>{},onExpand:Q=()=>{}}=p,X=V.__rest(p,["children","name","value","selected","borderless","fluid","className","maxHeight","prefixId","prefixLabel","floatingLabel","strategy","split","unselectedText","a11ySelectedText","onChange","onCollapse","onExpand"]);const r=n.useRef(null),S=n.useRef(new Map),a=ge.filterByType(g,W);if(!a.length)throw new Error(`EbayListboxButton: Please use a
2
- EbayListboxButtonOption that defines the options of the listbox`);const Y=()=>{const e=_!==void 0?_:a.findIndex(({props:l})=>f!==void 0&&l.value===f||l.selected),t=e>-1||i?e:void 0;return{option:a[t],index:t}},{option:D,index:R}=Y(),[s,m]=n.useState(D),[o,H]=n.useState(R),[x,A]=n.useState(),[Z,ee]=n.useState(!1),[q,$]=n.useState(),{overlayStyles:te,refs:h}=ye.useFloatingDropdown({open:x,options:{strategy:L}}),N=h.host,ne=h.overlay;n.useEffect(()=>{m(D)},[f]);const c=n.Children.toArray(g),j=e=>c[e].props.value,oe=n.useCallback(e=>c.findIndex(({props:t})=>t.value===e),[c]),se=e=>S.current.get(e),u=()=>{A(!1),J()},le=()=>{A(!0),Q()},ae=()=>{x?u():le()},F=(e,t)=>{m(c[t]),H(t),u(),N.current.focus(),I(e,{index:t,selected:[String(j(t))],wasClicked:q}),$(!1)},ce=()=>{u(),m(c[R])},ie=e=>{const t=r.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},re=e=>{const t=r.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},ue=e=>{const t=ne.current,l=se(e);if(t.scrollHeight>t.clientHeight){const xe=t.clientHeight+t.scrollTop,M=l.offsetTop+l.offsetHeight;M>xe?t.scrollTop=M-t.clientHeight:l.offsetTop<t.scrollTop&&(t.scrollTop=l.offsetTop)}},K=e=>{ie(o===void 0||e===-1?0:e),re(o===void 0||o===-1?0:o),ue(e),H(e),m(c[e])},P=e=>setTimeout(()=>{var t;return(t=r?.current)===null||t===void 0?void 0:t.focus(e)},0),pe=()=>{ae(),P({preventScroll:!0})},de=e=>{switch(e.key){case"Escape":u();break;case"Enter":P();break}},be=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),o!==a.length-1&&K(o<a.length-1?o+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),o!==0&&K(o>0?o-1:a.length-1);break;case"Enter":u(),setTimeout(()=>m(c[o])),setTimeout(()=>N.current.focus(),0),I(e,{index:o,selected:[String(j(o))],wasClicked:q});break;case"Esc":case"Escape":ce();break}},B=a.map((e,t)=>n.cloneElement(e,{index:t,key:t,selected:s&&e.props.value===s.props.value,id:e.props.id||`listbox_btn_${e.props.value}_${t}`,onClick:l=>F(l,t),innerRef:l=>{l?S.current.set(t,l):S.current.delete(t)},a11ySelectedText:G})),fe=O("listbox-button",C,{"listbox-button--fluid":k}),ve=O("btn",{"btn--form":!y,"btn--borderless":y,"btn--floating-label":i&&s,[`btn--split-${w}`]:w&&w!=="none"}),U=v&&"expand-btn-text",me=n.createElement(n.Fragment,null,i&&n.createElement("span",{className:"btn__floating-label"},i),E&&n.createElement("span",{className:"btn__label"},E),n.createElement("span",{className:"btn__text",id:U},s?.props.icon||s?.props.children||z));return n.createElement("span",{className:fe},n.createElement("button",Object.assign({},X,{onFocus:()=>ee(!0),type:"button",className:ve,"aria-expanded":!!x,"aria-haspopup":"listbox","aria-labelledby":v&&`${v} ${U}`,onClick:pe,onMouseDown:e=>e.preventDefault(),onKeyUp:de,ref:h.setHost}),n.createElement("span",{className:"btn__cell"},me,n.createElement(Ee.EbayIconChevronDown16,null))),(x||Z)&&n.createElement("div",{className:O("listbox-button__listbox",{"listbox-button__listbox--fixed":L==="fixed"}),ref:h.setOverlay,style:Object.assign(Object.assign({},te),{maxHeight:T})},n.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:x?0:-1,ref:r,"aria-activedescendant":(d=B[o])===null||d===void 0?void 0:d.props.id,onKeyDown:e=>be(e),onMouseDown:e=>{e.preventDefault(),$(!0)},onBlur:()=>{u(),setTimeout(()=>N.current.focus(),0)}},B)),n.createElement("select",{hidden:!0,className:"listbox-button__native",name:b,onChange:e=>F(e,oe(e.target.value)),value:s?s?.props.value:""},B.map((e,t)=>n.createElement("option",{value:e.props.value,key:t}))))};exports.ListboxButton=he;exports.ListboxOption=W;
@@ -1 +0,0 @@
1
- "use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),m=require("./utils-C9NL3q0j.js"),R=require("./index-Bsb1LHpi.js"),W=require("./random-id-DlJj_RWH.js"),P=require("./button-xYFMCdP0.js"),$=require("./icon-I30uh1Ov.js"),A=require("./icon-button-AJ6dtyvc.js"),_=require("./menu-item-B2Tu5ZPj.js"),G=require("./dropdown-B6wMNyjP.js"),J=require("./icons/ebay-icon-overflow-horizontal-24/index.js"),Q=o=>{var{a11yText:r,noToggleIcon:c,fixWidth:M,reverse:b,variant:f,strategy:B,expanded:q=!1,className:w,icon:h,onCollapse:N=()=>{},onExpand:O=()=>{},onMouseDown:F=()=>{},onSelect:S=()=>{},text:p="",children:u}=o,C=x.__rest(o,["a11yText","noToggleIcon","fixWidth","reverse","variant","strategy","expanded","className","icon","onCollapse","onExpand","onMouseDown","onSelect","text","children"]);const[a,l]=e.useState(q),[E,T]=e.useState(),y=h||m.findComponent(u,$.EbayIcon),j=m.findComponent(u,k)||(y?e.createElement("span",null,p):p),D=m.filterByType(u,[g,I]),{overlayStyles:L,refs:i}=G.useFloatingDropdown({open:a,options:{reverse:b,strategy:B}}),d=i.host;e.useEffect(()=>{const t=n=>{d.current&&!d.current.contains(n.currentTarget)&&l(!1)};return a?(O(),setTimeout(()=>{document.addEventListener("click",t,!1)})):a===!1&&N(),()=>document.removeEventListener("click",t,!1)},[a]),e.useEffect(()=>{T(W.randomId())},[]);const H=t=>{R.handleEscapeKeydown(t,()=>{var n;l(!1),(n=d.current)===null||n===void 0||n.focus()})},K=s("fake-menu-button__menu",{"menu-button__menu--fix-width":M,"menu-button__menu--reverse":b}),v=Object.assign({ref:i.setHost,className:"fake-menu-button__button","aria-expanded":!!a,"aria-haspopup":!0,"aria-label":r,"aria-controls":E,onClick:()=>l(!a)},C);return e.createElement("span",{className:s("fake-menu-button",w)},f==="overflow"?e.createElement(A.EbayIconButton,Object.assign({icon:e.createElement(J.EbayIconOverflowHorizontal24,null)},v)):e.createElement(P.EbayButton,Object.assign({variant:f==="form"?"form":void 0,bodyState:c?void 0:"expand"},v),y,j),a&&e.createElement(_.EbayFakeMenu,{ref:i.setOverlay,className:K,id:E,tabIndex:-1,onKeyDown:H,onSelect:S,style:L},D.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({},t.props),{onMouseDown:z=>{F(z,{index:n})},className:s(t.props.className,"fake-menu-button__item"),key:n,autoFocus:n===0})))))},g=_.EbayMenuItem,I=o=>{var{className:r}=o,c=x.__rest(o,["className"]);return e.createElement("hr",Object.assign({},c,{className:s(r,"menu-button__separator")}))},k=({children:o})=>e.createElement(e.Fragment,null,o);exports.EbayFakeMenuButtonItem=g;exports.EbayFakeMenuButtonLabel=k;exports.EbayMenuButton=Q;exports.EbayMenuButtonSeparator=I;
@@ -1 +0,0 @@
1
- "use strict";const w=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),I=require("classnames"),g=require("./utils-C9NL3q0j.js"),q=require("./menu-Bvnencku.js"),ne=require("./button-xYFMCdP0.js"),te=require("./icon-button-AJ6dtyvc.js"),oe=require("./icon-I30uh1Ov.js"),ae=require("./random-id-DlJj_RWH.js"),se=require("./index-Bsb1LHpi.js"),ce=require("./dropdown-B6wMNyjP.js"),re=require("./icons/ebay-icon-chevron-down-12/index.js"),le=require("./icons/ebay-icon-overflow-vertical-16/index.js"),j=o=>{var{className:a}=o,s=w.__rest(o,["className"]);return e.createElement("hr",Object.assign({},s,{className:I(a,"menu-button__separator")}))},N=({children:o})=>e.createElement(e.Fragment,null,o),ie=o=>{var{type:a,variant:s="button",className:b,text:p="",fixWidth:f,reverse:r,strategy:E,expanded:l,noToggleIcon:y,checked:M,collapseOnSelect:S,a11yText:L,prefixId:v,prefixLabel:T,icon:D,onClick:A=()=>{},onExpand:F=()=>{},onCollapse:K=()=>{},onChange:R=()=>{},onSelect:W=()=>{},children:x}=o,P=w.__rest(o,["type","variant","className","text","fixWidth","reverse","strategy","expanded","noToggleIcon","checked","collapseOnSelect","a11yText","prefixId","prefixLabel","icon","onClick","onExpand","onCollapse","onChange","onSelect","children"]);const[c,h]=e.useState(l),[k,V]=e.useState(),{overlayStyles:H,refs:i}=ce.useFloatingDropdown({open:c,options:{reverse:r,strategy:E}}),$=i.host,z=i.overlay,C=g.filterByType(x,[q.EbayMenuItem,j]),u=C.map(n=>!!n.props.checked),[d,B]=e.useState(u);e.useEffect(()=>{u.join("|")!==d.join("|")&&B(u)},[u.join("|")]);const G=g.findComponent(x,N),J=D||g.findComponent(x,oe.EbayIcon),Q=ue({text:p,prefixId:v,prefixLabel:T,menuButtonLabel:G,icon:J}),U=I("menu-button",b);e.useEffect(()=>{const n=t=>{const m=z.current,_=m&&m.contains(t.target);(S||!_)&&h(!1)};return c?(F(),setTimeout(()=>{document.addEventListener("click",n,!1)})):c===!1&&K(),()=>document.removeEventListener("click",n,!1)},[c]),e.useEffect(()=>{V(ae.randomId())},[]);const X=n=>{se.handleEscapeKeydown(n,()=>{var t;h(!1),(t=$.current)===null||t===void 0||t.focus()})},O=Object.assign({ref:i.setHost,className:"menu-button__button","aria-expanded":!!c,"aria-haspopup":!0,"aria-label":L,"aria-controls":k,"aria-labelledby":v,onClick:n=>{h(!c),A(n)}},P),Y=(n,t)=>{if(a==="radio"||a==="checkbox"){const m=d.map((_,ee)=>t.indexes.includes(ee));B(m)}R(n,t)},Z=()=>{const n=d.findIndex(Boolean);return n>-1?n:M};return e.createElement("span",{className:U},s==="overflow"?e.createElement(te.EbayIconButton,Object.assign({icon:e.createElement(le.EbayIconOverflowVertical16,null)},O)):e.createElement(ne.EbayButton,Object.assign({variant:s==="form"?"form":void 0},O),Q,y?null:e.createElement(re.EbayIconChevronDown12,null)),c&&e.createElement(q.EbayMenu,{baseEl:"div",classPrefix:"menu-button",reverse:r,fixWidth:f,fixed:E==="fixed",ref:i.setOverlay,type:a,tabIndex:-1,id:k,autofocus:!0,checked:Z(),onKeyDown:X,onChange:Y,onSelect:W,style:H},C.map((n,t)=>e.cloneElement(n,Object.assign(Object.assign({},n.props),{className:I(n.props.className,"menu-button__item"),key:t,checked:d[t]})))))};function ue({text:o,prefixId:a,prefixLabel:s,menuButtonLabel:b,icon:p}){const f=o.length?e.createElement("span",null,o):null,r=!a&&s&&e.createElement(e.Fragment,null,e.createElement("span",{className:"menu-button-prefix-label",key:"prefix-label"},s)," ");return[p,r,b||f].filter(Boolean).map((l,y)=>e.cloneElement(l,Object.assign(Object.assign({},l.props),{key:y})))}exports.EbayMenuButton=ie;exports.EbayMenuButtonLabel=N;exports.EbayMenuButtonSeparator=j;
@@ -1 +0,0 @@
1
- "use strict";const _=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),b=require("classnames"),T=require("./forwardRef-DBQKIlPy.js"),i=require("./utils-C9NL3q0j.js"),h=require("./icons/ebay-icon-close-16/index.js"),d=s=>{var{children:o,className:n,forwardedRef:e}=s,t=_.__rest(s,["children","className","forwardedRef"]);return a.Children.only(o),a.cloneElement(o,Object.assign(Object.assign({ref:e},t),{className:b(n,o.props.className)}))},g=s=>{var o,{className:n,type:e,isExpanded:t,children:r,forwardedRef:p}=s,m=_.__rest(s,["className","type","isExpanded","children","forwardedRef"]);const l=i.findComponent(r,d),c=i.excludeComponent(r,d)[0];if(!l)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const u=a.cloneElement(l,Object.assign({className:`${e}__host`,"aria-expanded":t,"aria-describedby":(o=c?.props)===null||o===void 0?void 0:o.id},l.props));return a.createElement("span",Object.assign({},m,{ref:p,className:b(n,e,{[`${e}--expanded`]:t})}),u,c)},N=T.withForwardRef(g),x="bottom",v={tooltip:"tooltip",tourtip:"region",infotip:""},E={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:s,className:o,type:n="tourtip"})=>a.createElement("div",{className:b(`${n}__footer`,o)},s),O=({id:s,style:o,pointer:n=x,children:e,type:t="tooltip",showCloseButton:r,a11yCloseText:p,onClose:m})=>{const l=i.findComponent(e,C),c=i.findComponent(e,f),u=i.excludeComponent(e,f);return a.createElement("span",{className:`${t}__overlay`,id:s,role:v[t]||null,style:Object.assign(Object.assign({},E[n]),o)},a.createElement("span",{className:`${t}__pointer ${t}__pointer--${n}`}),a.createElement("span",{className:`${t}__mask`},a.createElement("span",{className:`${t}__cell`},a.createElement("span",{className:`${t}__content`},u),r?a.createElement("button",Object.assign({},l?.props,{className:`icon-btn icon-btn--transparent ${t}__close`,type:"button","aria-label":p,onClick:m}),a.createElement(h.EbayIconClose16,null)):null,c)))},R=({onExpand:s,onCollapse:o,initialExpanded:n=!1,hostRef:e})=>{const[t,r]=a.useState(n);return{isExpanded:t,expandTooltip:()=>{r(!0),s&&s()},collapseTooltip:()=>{var l;r(!1),o&&o(),(l=e?.current)===null||l===void 0||l.focus()}}};exports.DEFAULT_POINTER_DIRECTION=x;exports.POINTER_STYLES=E;exports.Tooltip=N;exports.TooltipContent=O;exports.TooltipFooter=f;exports.TooltipHost=d;exports.useTooltip=R;