@ebay/ui-core-react 8.4.0 → 8.5.0

package/ebay-dialog-base/index.js

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-ns64Jg1v.js");exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogFooter=o.EbayDialogFooter;exports.EbayDialogHeader=o.EbayDialogHeader;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=o.useDialogAnimation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../tslib.es6-UTo0M824.js"),a=require("../index-Banoekuf.js"),Z=require("../index-DmNrJCd8.js"),Ke=require("../index-BeJlcxe3.js"),Je=require("../index-plT9bPAi.js"),je=require("../random-id-5bEmzZsS.js"),et=require("../ebay-icon-button/index.js"),ie=e=>{var{children:t}=e,n=E.__rest(e,["children"]);return a.React.createElement("h2",Object.assign({},n),t)},ce=({children:e})=>a.React.createElement(a.React.Fragment,null,e),le=({children:e})=>a.React.createElement(a.React.Fragment,null,e);var Q="right-scroll-bar-position",U="width-before-scroll-bar",tt="with-scroll-bars-hidden",nt="--removed-body-scroll-bar-size";function te(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function rt(e,t){var n=a.reactExports.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){var c=n.value;c!==r&&(n.value=r,n.callback(r,c))}}}})[0];return n.callback=t,n.facade}var at=typeof window<"u"?a.reactExports.useLayoutEffect:a.reactExports.useEffect,we=new WeakMap;function ot(e,t){var n=rt(null,function(r){return e.forEach(function(c){return te(c,r)})});return at(function(){var r=we.get(n);if(r){var c=new Set(r),s=new Set(e),i=n.current;c.forEach(function(o){s.has(o)||te(o,null)}),s.forEach(function(o){c.has(o)||te(o,i)})}we.set(n,e)},[e]),n}function it(e){return e}function ct(e,t){t===void 0&&(t=it);var n=[],r=!1,c={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(s){var i=t(s,r);return n.push(i),function(){n=n.filter(function(o){return o!==i})}},assignSyncMedium:function(s){for(r=!0;n.length;){var i=n;n=[],i.forEach(s)}n={push:function(o){return s(o)},filter:function(){return n}}},assignMedium:function(s){r=!0;var i=[];if(n.length){var o=n;n=[],o.forEach(s),i=n}var f=function(){var m=i;i=[],m.forEach(s)},d=function(){return Promise.resolve().then(f)};d(),n={push:function(m){i.push(m),d()},filter:function(m){return i=i.filter(m),n}}}};return c}function lt(e){e===void 0&&(e={});var t=ct(null);return t.options=E.__assign({async:!0,ssr:!1},e),t}var Le=function(e){var t=e.sideCar,n=E.__rest(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return a.reactExports.createElement(r,E.__assign({},n))};Le.isSideCarExport=!0;function st(e,t){return e.useMedium(t),Le}var _e=lt(),ne=function(){},J=a.reactExports.forwardRef(function(e,t){var n=a.reactExports.useRef(null),r=a.reactExports.useState({onScrollCapture:ne,onWheelCapture:ne,onTouchMoveCapture:ne}),c=r[0],s=r[1],i=e.forwardProps,o=e.children,f=e.className,d=e.removeScrollBar,m=e.enabled,S=e.shards,R=e.sideCar,y=e.noIsolation,b=e.inert,l=e.allowPinchZoom,u=e.as,v=u===void 0?"div":u,w=e.gapMode,p=E.__rest(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),C=R,h=ot([n,t]),N=E.__assign(E.__assign({},p),c);return a.reactExports.createElement(a.reactExports.Fragment,null,m&&a.reactExports.createElement(C,{sideCar:_e,removeScrollBar:d,shards:S,noIsolation:y,inert:b,setCallbacks:s,allowPinchZoom:!!l,lockRef:n,gapMode:w}),i?a.reactExports.cloneElement(a.reactExports.Children.only(o),E.__assign(E.__assign({},N),{ref:h})):a.reactExports.createElement(v,E.__assign({},N,{className:f,ref:h}),o))});J.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};J.classNames={fullWidth:U,zeroRight:Q};var ut=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function dt(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=ut();return t&&e.setAttribute("nonce",t),e}function ft(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function vt(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var mt=function(){var e=0,t=null;return{add:function(n){e==0&&(t=dt())&&(ft(t,n),vt(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ht=function(){var e=mt();return function(t,n){a.reactExports.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},Ae=function(){var e=ht(),t=function(n){var r=n.styles,c=n.dynamic;return e(r,c),null};return t},gt={left:0,top:0,right:0,gap:0},re=function(e){return parseInt(e||"",10)||0},Et=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],c=t[e==="padding"?"paddingRight":"marginRight"];return[re(n),re(r),re(c)]},pt=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return gt;var t=Et(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},bt=Ae(),F="data-scroll-locked",yt=function(e,t,n,r){var c=e.left,s=e.top,i=e.right,o=e.gap;return n===void 0&&(n="margin"),`
+  .`.concat(tt,` {
+   overflow: hidden `).concat(r,`;
+   padding-right: `).concat(o,"px ").concat(r,`;
+  }
+  body[`).concat(F,`] {
+    overflow: hidden `).concat(r,`;
+    overscroll-behavior: contain;
+    `).concat([t&&"position: relative ".concat(r,";"),n==="margin"&&`
+    padding-left: `.concat(c,`px;
+    padding-top: `).concat(s,`px;
+    padding-right: `).concat(i,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(o,"px ").concat(r,`;
+    `),n==="padding"&&"padding-right: ".concat(o,"px ").concat(r,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(Q,` {
+    right: `).concat(o,"px ").concat(r,`;
+  }
+  
+  .`).concat(U,` {
+    margin-right: `).concat(o,"px ").concat(r,`;
+  }
+  
+  .`).concat(Q," .").concat(Q,` {
+    right: 0 `).concat(r,`;
+  }
+  
+  .`).concat(U," .").concat(U,` {
+    margin-right: 0 `).concat(r,`;
+  }
+  
+  body[`).concat(F,`] {
+    `).concat(nt,": ").concat(o,`px;
+  }
+`)},Se=function(){var e=parseInt(document.body.getAttribute(F)||"0",10);return isFinite(e)?e:0},wt=function(){a.reactExports.useEffect(function(){return document.body.setAttribute(F,(Se()+1).toString()),function(){var e=Se()-1;e<=0?document.body.removeAttribute(F):document.body.setAttribute(F,e.toString())}},[])},St=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,c=r===void 0?"margin":r;wt();var s=a.reactExports.useMemo(function(){return pt(c)},[c]);return a.reactExports.createElement(bt,{styles:yt(s,!t,c,n?"":"!important")})},se=!1;if(typeof window<"u")try{var O=Object.defineProperty({},"passive",{get:function(){return se=!0,!0}});window.addEventListener("test",O,O),window.removeEventListener("test",O,O)}catch{se=!1}var M=se?{passive:!1}:!1,Ct=function(e){return e.tagName==="TEXTAREA"},Te=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!Ct(e)&&n[t]==="visible")},xt=function(e){return Te(e,"overflowY")},Rt=function(e){return Te(e,"overflowX")},Ce=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var c=Pe(e,r);if(c){var s=Me(e,r),i=s[1],o=s[2];if(i>o)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},Bt=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},kt=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},Pe=function(e,t){return e==="v"?xt(t):Rt(t)},Me=function(e,t){return e==="v"?Bt(t):kt(t)},Nt=function(e,t){return e==="h"&&t==="rtl"?-1:1},Lt=function(e,t,n,r,c){var s=Nt(e,window.getComputedStyle(t).direction),i=s*r,o=n.target,f=t.contains(o),d=!1,m=i>0,S=0,R=0;do{var y=Me(e,o),b=y[0],l=y[1],u=y[2],v=l-u-s*b;(b||v)&&Pe(e,o)&&(S+=v,R+=b),o instanceof ShadowRoot?o=o.host:o=o.parentNode}while(!f&&o!==document.body||f&&(t.contains(o)||t===o));return(m&&Math.abs(S)<1||!m&&Math.abs(R)<1)&&(d=!0),d},z=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},xe=function(e){return[e.deltaX,e.deltaY]},Re=function(e){return e&&"current"in e?e.current:e},_t=function(e,t){return e[0]===t[0]&&e[1]===t[1]},At=function(e){return`
+  .block-interactivity-`.concat(e,` {pointer-events: none;}
+  .allow-interactivity-`).concat(e,` {pointer-events: all;}
+`)},Tt=0,D=[];function Pt(e){var t=a.reactExports.useRef([]),n=a.reactExports.useRef([0,0]),r=a.reactExports.useRef(),c=a.reactExports.useState(Tt++)[0],s=a.reactExports.useState(Ae)[0],i=a.reactExports.useRef(e);a.reactExports.useEffect(function(){i.current=e},[e]),a.reactExports.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(c));var l=E.__spreadArray([e.lockRef.current],(e.shards||[]).map(Re),!0).filter(Boolean);return l.forEach(function(u){return u.classList.add("allow-interactivity-".concat(c))}),function(){document.body.classList.remove("block-interactivity-".concat(c)),l.forEach(function(u){return u.classList.remove("allow-interactivity-".concat(c))})}}},[e.inert,e.lockRef.current,e.shards]);var o=a.reactExports.useCallback(function(l,u){if("touches"in l&&l.touches.length===2||l.type==="wheel"&&l.ctrlKey)return!i.current.allowPinchZoom;var v=z(l),w=n.current,p="deltaX"in l?l.deltaX:w[0]-v[0],C="deltaY"in l?l.deltaY:w[1]-v[1],h,N=l.target,B=Math.abs(p)>Math.abs(C)?"h":"v";if("touches"in l&&B==="h"&&N.type==="range")return!1;var _=Ce(B,N);if(!_)return!0;if(_?h=B:(h=B==="v"?"h":"v",_=Ce(B,N)),!_)return!1;if(!r.current&&"changedTouches"in l&&(p||C)&&(r.current=h),!h)return!0;var $=r.current||h;return Lt($,u,l,$==="h"?p:C)},[]),f=a.reactExports.useCallback(function(l){var u=l;if(!(!D.length||D[D.length-1]!==s)){var v="deltaY"in u?xe(u):z(u),w=t.current.filter(function(h){return h.name===u.type&&(h.target===u.target||u.target===h.shadowParent)&&_t(h.delta,v)})[0];if(w&&w.should){u.cancelable&&u.preventDefault();return}if(!w){var p=(i.current.shards||[]).map(Re).filter(Boolean).filter(function(h){return h.contains(u.target)}),C=p.length>0?o(u,p[0]):!i.current.noIsolation;C&&u.cancelable&&u.preventDefault()}}},[]),d=a.reactExports.useCallback(function(l,u,v,w){var p={name:l,delta:u,target:v,should:w,shadowParent:Mt(v)};t.current.push(p),setTimeout(function(){t.current=t.current.filter(function(C){return C!==p})},1)},[]),m=a.reactExports.useCallback(function(l){n.current=z(l),r.current=void 0},[]),S=a.reactExports.useCallback(function(l){d(l.type,xe(l),l.target,o(l,e.lockRef.current))},[]),R=a.reactExports.useCallback(function(l){d(l.type,z(l),l.target,o(l,e.lockRef.current))},[]);a.reactExports.useEffect(function(){return D.push(s),e.setCallbacks({onScrollCapture:S,onWheelCapture:S,onTouchMoveCapture:R}),document.addEventListener("wheel",f,M),document.addEventListener("touchmove",f,M),document.addEventListener("touchstart",m,M),function(){D=D.filter(function(l){return l!==s}),document.removeEventListener("wheel",f,M),document.removeEventListener("touchmove",f,M),document.removeEventListener("touchstart",m,M)}},[]);var y=e.removeScrollBar,b=e.inert;return a.reactExports.createElement(a.reactExports.Fragment,null,b?a.reactExports.createElement(s,{styles:At(c)}):null,y?a.reactExports.createElement(St,{gapMode:e.gapMode}):null)}function Mt(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Dt=st(_e,Pt);var De=a.reactExports.forwardRef(function(e,t){return a.reactExports.createElement(J,E.__assign({},e,{ref:t,sideCar:Dt}))});De.classNames=J.classNames;const It=e=>e.nodeType===1&&e.tagName.toLowerCase()!=="body"&&e.tagName.toLowerCase()!=="html",Ft=e=>e.nodeType===1&&e.tagName.toLowerCase()!=="script",$t=(e,t)=>e.concat(t);function Ie(e,t=[]){const n=e.previousSibling;return n?(t.push(n),Ie(n,t)):t}function Fe(e,t=[]){const n=e.nextSibling;return n?(t.push(n),Fe(n,t)):t}function $e(e){return Ie(e).concat(Fe(e)).filter(Ft)}function We(e,t=[]){const n=e.parentNode;return n?(t.push(n),We(n,t)):t}function He(e){return We(e).filter(It)}function Wt(e){return He(e).map(t=>$e(t)).reduce($t,[])}let W,k,G;const Be=e=>e.tagName.toLowerCase()!=="svg";function ke(e,t){let n;return t===!1?n=K(e,"aria-hidden","false"):n=K(e,"hidden",!1),n}function Ne(e,t){let n;return t===!1?n=K(e,"aria-hidden","true"):n=K(e,"hidden",!0),n}function K(e,t,n){const r=typeof n=="boolean";return{el:e,attributeName:t,cleanValue:r?e[t]:e.getAttribute(t),dirtyValue:n,isProperty:r}}function Ht(e){e.isProperty===!0?e.el[e.attributeName]=e.dirtyValue:e.el.setAttribute(e.attributeName,e.dirtyValue)}function Vt(e){e.cleanValue?e.isProperty===!0?e.el[e.attributeName]=e.cleanValue:e.el.setAttribute(e.attributeName,e.cleanValue):e.el.removeAttribute(e.attributeName)}function ue(){k&&(G.forEach(e=>Vt(e)),G=[],W&&W.setAttribute("role","main"),k.dispatchEvent(new CustomEvent("screenreaderUntrap",{bubbles:!0})),k=null)}const qt={useHiddenProperty:!1};function Xt(e,t){ue();const n=Object.assign({},qt,t);k=e,W=document.querySelector('main, [role="main"]'),W&&W.setAttribute("role","presentation");const r=He(k);let c=$e(k),s=Wt(k);n.useHiddenProperty===!0&&(c=c.filter(Be),s=s.filter(Be)),G=[ke(k,n.useHiddenProperty)].concat(r.map(i=>ke(i,n.useHiddenProperty))).concat(c.map(i=>Ne(i,n.useHiddenProperty))).concat(s.map(i=>Ne(i,n.useHiddenProperty))),G.forEach(i=>Ht(i)),k.dispatchEvent(new CustomEvent("screenreaderTrap",{bubbles:!0}))}let g,x,H,V,q,X,Y,Ve,qe;function Yt(){const e=document.createElement("div");return e.setAttribute("aria-hidden","true"),e.setAttribute("tabindex","0"),e.className="keyboard-trap-boundary",e}function ae(){Ve.focus()}function oe(){qe.focus()}function Ot(){x=Yt(),H=x.cloneNode(),V=x.cloneNode(),q=x.cloneNode(),X=x.cloneNode(),Y=x.cloneNode(),x.addEventListener("focus",ae),H.addEventListener("focus",ae),V.addEventListener("focus",oe),q.addEventListener("focus",ae),X.addEventListener("focus",oe),Y.addEventListener("focus",oe)}function de(){return g&&(x=I(x),H=I(H),V=I(V),q=I(q),X=I(X),Y=I(Y),g.classList.remove("keyboard-trap--active"),g.dispatchEvent(new CustomEvent("keyboardUntrap",{bubbles:!0})),g=null),g}function I(e){const t=e.parentNode;return t?t.removeChild(e):e}function zt(e){x?de():Ot(),g=e;const t=typeof document>"u"?null:document.body,n=Ke.index_default(g,!0);return Ve=n[0],qe=n[n.length-1],t.insertBefore(x,t.childNodes[0]),g.parentNode.insertBefore(H,g),g.insertBefore(V,g.childNodes[0]),g.appendChild(q),g.parentNode.insertBefore(X,g.nextElementSibling),t.appendChild(Y),g.dispatchEvent(new CustomEvent("keyboardTrap",{bubbles:!0})),g.classList.add("keyboard-trap--active"),g}function Xe({open:e,classPrefix:t,transitionElement:n,dialogRef:r,dialogWindowRef:c,enabled:s,onTransitionEnd:i}){const o=a.reactExports.useRef(e);a.reactExports.useLayoutEffect(()=>{if(!s)return;let f=[c,r];n==="window"?f=[c]:n==="root"&&(f=[r]);let d;return e?d=Zt({dialog:r,waitFor:f,classPrefix:t,onTransitionEnd:i}):o.current!==e&&(d=Qt({dialog:r,waitFor:f,classPrefix:t,onTransitionEnd:i})),o.current=e,()=>{d&&d()}},[e,s])}function Zt({dialog:e,waitFor:t,classPrefix:n,onTransitionEnd:r}){return Ye(e,t,`${n}--show`,r)}function Qt({dialog:e,waitFor:t,classPrefix:n,onTransitionEnd:r}){return Ye(e,t,`${n}--hide`,r)}function Ye(e,t,n,r){if(!e.current||!n)return;let c=0;const s=t?t.length:0,i=`${n}-init`;return e.current.classList.add(i),Ut(()=>{e.current&&(e.current.classList.add(n),e.current.classList.remove(i),t.forEach(o=>{const f=()=>{var d,m;++c===s&&((d=e.current)===null||d===void 0||d.classList.remove(n),r(),(m=o.current)===null||m===void 0||m.removeEventListener("transitionend",f))};o.current.addEventListener("transitionend",f,{once:!0})}))})}function Ut(e){let t,n;return window.requestAnimationFrame?(t=window.requestAnimationFrame(()=>{t=window.requestAnimationFrame(e)}),n=window.cancelAnimationFrame):(t=window.setTimeout(e,26),n=window.clearTimeout),()=>{t&&(n(t),t=void 0)}}const Gt=e=>{var t,{baseEl:n="div",classPrefix:r="drawer-dialog",windowClass:c,windowType:s,mainId:i,top:o,header:f,buttonPosition:d="right",children:m,ariaLabelledby:S,a11yCloseText:R,onCloseBtnClick:y=()=>{},footer:b,actions:l,onScroll:u,open:v=!1,onOpen:w=()=>{},onBackgroundClick:p=()=>{},ignoreEscape:C,closeButton:h,previousButton:N,isModal:B,role:_="dialog",focus:$,transitionElement:Oe,animated:me,closeButtonClass:ze}=e,he=E.__rest(e,["baseEl","classPrefix","windowClass","windowType","mainId","top","header","buttonPosition","children","ariaLabelledby","a11yCloseText","onCloseBtnClick","footer","actions","onScroll","open","onOpen","onBackgroundClick","ignoreEscape","closeButton","previousButton","isModal","role","focus","transitionElement","animated","closeButtonClass"]);const ge=a.reactExports.useRef(null),A=a.reactExports.useRef(null),Ee=a.reactExports.useRef(null),[Ze,Qe]=a.reactExports.useState("");a.reactExports.useEffect(()=>{Qe(je.randomId())},[]),a.reactExports.useEffect(()=>{let L;const T=P=>{A.current&&!A.current.contains(P.target)&&p(P)};return v&&d!=="hidden"&&(L=window.setTimeout(()=>{document.addEventListener("click",T,!1)})),()=>{clearTimeout(L),document.removeEventListener("click",T,!1)}},[p,v]),a.reactExports.useEffect(()=>(v&&B?(Xt(A.current),zt(A.current)):(ue(),de()),()=>{ue(),de()}),[v,B]),Xe({open:v,classPrefix:r,transitionElement:Oe,dialogRef:ge,dialogWindowRef:A,enabled:me,onTransitionEnd:()=>pe(v)});const j=L=>{!C&&L.key==="Escape"&&(L.stopPropagation(),y(L))};a.reactExports.useEffect(()=>{me||pe(v),v&&w()},[v]);function pe(L){var T,P;if(L)return $?(T=$.current)===null||T===void 0||T.focus():B&&((P=Ee.current)===null||P===void 0||P.focus()),document.addEventListener("keydown",j,!1),()=>document.removeEventListener("keydown",j,!1)}const be=d!=="hidden"&&a.React.createElement("button",{ref:Ee,className:Z.classNames("icon-btn",ze,`${r}__close`,{"icon-btn--transparent":r==="toast-dialog"}),type:"button","aria-label":R,onClick:y},h||a.React.createElement(Je.EbayIcon,{name:"close16"})),Ue=s?`${r}__${s}-window`:`${r}__window`,ye=((t=f==null?void 0:f.props)===null||t===void 0?void 0:t.id)||`dialog-title-${Ze}`,Ge=S||ye,ee=f?a.reactExports.cloneElement(f,Object.assign(Object.assign({},f.props),{id:ye})):null;return a.React.createElement(n,Object.assign({},he,{"aria-labelledby":Ge,"aria-modal":"true",role:_,hidden:!v,className:Z.classNames(r,he.className),"aria-live":B?void 0:"polite",ref:ge,onKeyDown:j}),a.React.createElement("div",{className:Z.classNames(Ue,c),ref:A},o,ee&&a.React.createElement("div",{className:`${r}__header`},N,d==="right"&&ee,d!=="bottom"&&be,(d==="left"||d==="hidden")&&ee),a.React.createElement("div",{id:i,className:`${r}__main`,onScroll:u},m),l?a.React.createElement("div",{className:`${r}__actions`},l):null,b||d==="bottom"?a.React.createElement("div",{className:`${r}__footer`},b,d==="bottom"&&be):null))},Kt=e=>{var{isModal:t,open:n,children:r,animated:c=!0}=e,s=E.__rest(e,["isModal","open","children","animated"]);const i=t!==!1,o=a.reactExports.Children.toArray(r),f=o.find(u=>u.type===ie),d=o.find(u=>u.type===ce),m=o.find(u=>u.type===fe),S=o.find(u=>u.type===le),R=o.find(u=>u.type===ve),y=o.filter(u=>![ie,ce,le,fe,ve].some(v=>v===u.type)),b=a.React.createElement(Gt,Object.assign({},s,{open:n,isModal:i,header:f,footer:d,actions:m,closeButton:S,previousButton:R,animated:c}),y);return c||n?i?a.React.createElement(De,{enabled:n},b):b:null},fe=({children:e})=>a.React.createElement(a.React.Fragment,null,e),ve=e=>{var{className:t,icon:n}=e,r=E.__rest(e,["className","icon"]);return a.React.createElement(et.EbayIconButton,Object.assign({},r,{icon:n||"chevronLeft16",className:Z.classNames(t,"lightbox-dialog__prev")}))};exports.DialogBaseWithState=Kt;exports.EbayDialogActions=fe;exports.EbayDialogCloseButton=le;exports.EbayDialogFooter=ce;exports.EbayDialogHeader=ie;exports.EbayDialogPreviousButton=ve;exports.useDialogAnimation=Xe;

package/ebay-drawer-dialog-deprecated/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),g=require("classnames"),i=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const A=30,t="drawer-dialog",$=p=>{var{expanded:l=!1,noHandle:y,onClose:c=()=>{},onCollapsed:T=()=>{},onExpanded:w=()=>{},a11yMaximizeText:b,a11yMinimizeText:C,children:D}=p,u=v.__rest(p,["expanded","noHandle","onClose","onCollapsed","onExpanded","a11yMaximizeText","a11yMinimizeText","children"]);let a=[];const[s,E]=o.useState(l);o.useEffect(()=>{E(l)},[l]);const d=e=>{E(e),e?w():T()},_=e=>{a=Array.from(e.changedTouches).map(({identifier:r,pageY:n})=>({identifier:r,pageY:n}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:r})=>{const n=a.findIndex(f=>f.identifier===r);n>-1&&a.splice(n,1)})},H=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:r,pageY:n})=>{const f=a.findIndex(q=>q.identifier===r),x=n-a[f].pageY;x>A?(s?d(!1):c(),h(e)):x<-30&&(d(!0),h(e))})},S=y?null:o.createElement("button",{"aria-label":s?C:b,className:`${t}__handle`,onClick:()=>d(!s),onScroll:()=>d(!0),onTouchStart:_,onTouchMove:H,onTouchEnd:h,type:"button"}),m=o.Children.toArray(D),M=m.find(({type:e})=>e===i.EbayDialogHeader),k=m.filter(({type:e})=>e!==i.EbayDialogHeader);return o.createElement(i.DialogBaseWithState,Object.assign({},u,{classPrefix:t,onCloseBtnClick:c,className:g(u.className,`${t}--mask-fade-slow`),windowClass:g(u.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:s}),onBackgroundClick:c,top:S}),M||o.createElement(i.EbayDialogHeader,null),k)};exports.EbayDrawerDialogDeprecated=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-UTo0M824.js"),o=require("../index-Banoekuf.js"),y=require("../index-DmNrJCd8.js"),d=require("../ebay-dialog-base/index.js");require("../ebay-icon-button/index.js");const A=30,t="drawer-dialog",N=x=>{var{expanded:i=!1,noHandle:g,onClose:l=()=>{},onCollapsed:T=()=>{},onExpanded:w=()=>{},a11yMaximizeText:b,a11yMinimizeText:C,children:D}=x,u=q.__rest(x,["expanded","noHandle","onClose","onCollapsed","onExpanded","a11yMaximizeText","a11yMinimizeText","children"]);let a=[];const[s,p]=o.reactExports.useState(i);o.reactExports.useEffect(()=>{p(i)},[i]);const c=e=>{p(e),e?w():T()},_=e=>{a=Array.from(e.changedTouches).map(({identifier:r,pageY:n})=>({identifier:r,pageY:n}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:r})=>{const n=a.findIndex(f=>f.identifier===r);n>-1&&a.splice(n,1)})},H=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:r,pageY:n})=>{const f=a.findIndex(k=>k.identifier===r),m=n-a[f].pageY;m>A?(s?c(!1):l(),h(e)):m<-30&&(c(!0),h(e))})},S=g?null:o.React.createElement("button",{"aria-label":s?C:b,className:`${t}__handle`,onClick:()=>c(!s),onScroll:()=>c(!0),onTouchStart:_,onTouchMove:H,onTouchEnd:h,type:"button"}),E=o.reactExports.Children.toArray(D),M=E.find(({type:e})=>e===d.EbayDialogHeader),$=E.filter(({type:e})=>e!==d.EbayDialogHeader);return o.React.createElement(d.DialogBaseWithState,Object.assign({},u,{classPrefix:t,onCloseBtnClick:l,className:y.classNames(u.className,`${t}--mask-fade-slow`),windowClass:y.classNames(u.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:s}),onBackgroundClick:l,top:S}),M||o.React.createElement(d.EbayDialogHeader,null),$)};exports.EbayDrawerDialogDeprecated=N;

package/ebay-education-notice/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),m=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),j=require("../notice-content-9iF4T8uB.js"),a=require("../utils-C9NL3q0j.js"),F=require("../icon-hO_8pLp7.js"),O=require("../icon-button-DPIjQGta.js"),y=require("../notice-footer-G6VPjVZu.js"),P=t=>{var{children:n,className:o,a11yIconText:i,variant:c="none",iconVariant:p="none",a11yDismissText:r,educationIcon:C="lightbulb24",iconClass:h,dismissed:l=!1,onDismiss:T=()=>{}}=t,f=u.__rest(t,["children","className","a11yIconText","variant","iconVariant","a11yDismissText","educationIcon","iconClass","dismissed","onDismiss"]);const[q,v]=e.useState(l),s=a.findComponent(n,E.EbayNoticeContent),d=a.findComponent(n,N),I=a.findComponent(n,b),D=c==="prominent",_=p==="prominent",g=x=>{v(!0),T(x)};if(!d)throw new Error("<EbayEducationNoticeTitle>: Please use a <EbayEducationNoticeTitle> that defines the content of the notice");return q||l?null:e.createElement("section",Object.assign({"aria-roledescription":"Notice"},f,{className:m(o,"education-notice",{"education-notice--prominent":D})}),e.createElement("div",{className:"education-notice__header"},e.createElement(F.EbayIcon,{name:C,className:m(h,{"icon--prominent":_}),a11yText:i,a11yVariant:"label"}),d,r&&e.createElement(O.EbayIconButton,{"aria-label":r,size:"small",className:"education-notice__dismiss",onClick:g,icon:"close16"})),e.createElement(j.NoticeContent,Object.assign({},s==null?void 0:s.props,{type:"education"})),I)},N=t=>{var{className:n,as:o,children:i}=t,c=u.__rest(t,["className","as","children"]);return e.createElement(y.NoticeTitle,Object.assign({},c,{className:n,as:o,type:"education"}),i)},b=({className:t,children:n})=>e.createElement(y.NoticeFooter,{className:t,type:"education"},n);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbayEducationNotice=P;exports.EbayEducationNoticeFooter=b;exports.EbayEducationNoticeTitle=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-UTo0M824.js"),e=require("../index-Banoekuf.js"),m=require("../index-DmNrJCd8.js"),E=require("../notice-content-C0ZStfuX.js"),g=require("../notice-content-x5HJ49Mm.js"),a=require("../utils-D1rplbEN.js"),j=require("../index-plT9bPAi.js"),F=require("../ebay-icon-button/index.js"),y=require("../notice-footer-DAKaAyB_.js"),O=t=>{var{children:n,className:o,a11yIconText:i,variant:c="none",iconVariant:p="none",a11yDismissText:r,educationIcon:C="lightbulb24",iconClass:h,dismissed:l=!1,onDismiss:T=()=>{}}=t,I=u.__rest(t,["children","className","a11yIconText","variant","iconVariant","a11yDismissText","educationIcon","iconClass","dismissed","onDismiss"]);const[f,q]=e.reactExports.useState(l),s=a.findComponent(n,E.EbayNoticeContent),d=a.findComponent(n,b),v=a.findComponent(n,N),x=c==="prominent",D=p==="prominent",R=_=>{q(!0),T(_)};if(!d)throw new Error("<EbayEducationNoticeTitle>: Please use a <EbayEducationNoticeTitle> that defines the content of the notice");return f||l?null:e.React.createElement("section",Object.assign({"aria-roledescription":"Notice"},I,{className:m.classNames(o,"education-notice",{"education-notice--prominent":x})}),e.React.createElement("div",{className:"education-notice__header"},e.React.createElement(j.EbayIcon,{name:C,className:m.classNames(h,{"icon--prominent":D}),a11yText:i,a11yVariant:"label"}),d,r&&e.React.createElement(F.EbayIconButton,{"aria-label":r,size:"small",className:"education-notice__dismiss",onClick:R,icon:"close16"})),e.React.createElement(g.NoticeContent,Object.assign({},s==null?void 0:s.props,{type:"education"})),v)},b=t=>{var{className:n,as:o,children:i}=t,c=u.__rest(t,["className","as","children"]);return e.React.createElement(y.NoticeTitle,Object.assign({},c,{className:n,as:o,type:"education"}),i)},N=({className:t,children:n})=>e.React.createElement(y.NoticeFooter,{className:t,type:"education"},n);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbayEducationNotice=O;exports.EbayEducationNoticeFooter=N;exports.EbayEducationNoticeTitle=b;

package/ebay-eek/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("../icon-hO_8pLp7.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../index-Banoekuf.js"),d=require("../index-DmNrJCd8.js"),s=require("../index-plT9bPAi.js"),u={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:l}=r,i=u[t];if(!(i&&i.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==l;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:l,className:i})=>{const e=E({rating:n,min:r,max:t}),c=d.classNames(i,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.React.createElement("div",{className:c,role:"figure","aria-label":l||o},a.React.createElement("div",{className:"eek__container","aria-hidden":!0},a.React.createElement("span",{className:"eek__rating-range"},a.React.createElement("span",{"aria-hidden":"true"},t),a.React.createElement(s.EbayIcon,{name:"eekRangeArrow"}),a.React.createElement("span",{"aria-hidden":"true"},r)),a.React.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.React.createElement(s.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;

package/ebay-fake-link/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),y=require("react"),u=require("classnames"),d=s=>{var{variant:t,type:o,className:i,onKeyDown:n,onEscape:a}=s,c=r.__rest(s,["variant","type","className","onKeyDown","onEscape"]);const l=e=>{n==null||n(e),(e.key==="Escape"||e.key==="Esc")&&(a==null||a(e))};return y.createElement("button",Object.assign({},c,{className:u("fake-link",t==="standalone"&&"standalone-link",i),onKeyDown:l,type:o||"button"}))};exports.EbayFakeLink=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-UTo0M824.js"),y=require("../index-Banoekuf.js"),d=require("../index-DmNrJCd8.js"),u=s=>{var{variant:t,type:o,className:i,onKeyDown:n,onEscape:a}=s,c=r.__rest(s,["variant","type","className","onKeyDown","onEscape"]);const l=e=>{n==null||n(e),(e.key==="Escape"||e.key==="Esc")&&(a==null||a(e))};return y.React.createElement("button",Object.assign({},c,{className:d.classNames("fake-link",t==="standalone"&&"standalone-link",i),onKeyDown:l,type:o||"button"}))};exports.EbayFakeLink=u;

package/ebay-fake-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-C24G4so-.js"),s=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),u=require("classnames"),c=e=>{var{className:t}=e,r=s.__rest(e,["className"]);return n.createElement("hr",Object.assign({},r,{className:u(t,"fake-menu__separator")}))};exports.EbayFakeMenu=a.EbayFakeMenu;exports.EbayFakeMenuItem=a.EbayMenuItem;exports.EbayFakeMenuSeparator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-BjtmFgwz.js"),s=require("../tslib.es6-UTo0M824.js"),n=require("../index-Banoekuf.js"),u=require("../index-DmNrJCd8.js"),c=e=>{var{className:t}=e,r=s.__rest(e,["className"]);return n.React.createElement("hr",Object.assign({},r,{className:u.classNames(t,"fake-menu__separator")}))};exports.EbayFakeMenu=a.EbayFakeMenu;exports.EbayFakeMenuItem=a.EbayMenuItem;exports.EbayFakeMenuSeparator=c;

package/ebay-fake-menu-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-BCs24-MK.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../tslib.es6-UTo0M824.js"),e=require("../index-Banoekuf.js"),s=require("../index-DmNrJCd8.js"),m=require("../utils-D1rplbEN.js"),K=require("../index-Bsb1LHpi.js"),H=require("../random-id-5bEmzZsS.js"),P=require("../ebay-button/index.js"),W=require("../index-plT9bPAi.js"),$=require("../ebay-icon-button/index.js"),k=require("../menu-item-BjtmFgwz.js"),z=require("../dropdown-DyNGEyy6.js"),A=a=>{var{a11yText:r,noToggleIcon:c,fixWidth:_,reverse:b,variant:p,expanded:B=!1,className:N,onCollapse:h=()=>{},onExpand:q=()=>{},onMouseDown:w=()=>{},onSelect:F=()=>{},text:E="",children:u}=a,S=v.__rest(a,["a11yText","noToggleIcon","fixWidth","reverse","variant","expanded","className","onCollapse","onExpand","onMouseDown","onSelect","text","children"]);const[o,l]=e.reactExports.useState(B),[f,R]=e.reactExports.useState(),y=m.findComponent(u,W.EbayIcon),O=m.findComponent(u,M)||(y?e.React.createElement("span",null,E):E),T=m.filterByType(u,[g,I]),{overlayStyles:j,refs:i}=z.useFloatingDropdown({open:o,options:{reverse:b}}),d=i.host;e.reactExports.useEffect(()=>{const n=t=>{d.current&&!d.current.contains(t.currentTarget)&&l(!1)};return o?(q(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&h(),()=>document.removeEventListener("click",n,!1)},[o]),e.reactExports.useEffect(()=>{R(H.randomId())},[]);const C=n=>{K.handleEscapeKeydown(n,()=>{var t;l(!1),(t=d.current)===null||t===void 0||t.focus()})},D=s.classNames("fake-menu-button__menu",{"menu-button__menu--fix-width":_,"menu-button__menu--reverse":b}),x=Object.assign({ref:i.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":r,"aria-controls":f,onClick:()=>l(!o)},S);return e.React.createElement("span",{className:s.classNames("fake-menu-button",N)},p==="overflow"?e.React.createElement($.EbayIconButton,Object.assign({icon:"overflowHorizontal24"},x)):e.React.createElement(P.EbayButton,Object.assign({variant:p==="form"?"form":void 0,bodyState:c?void 0:"expand"},x),y,O),o&&e.React.createElement(k.EbayFakeMenu,{ref:i.setOverlay,className:D,id:f,tabIndex:-1,onKeyDown:C,onSelect:F,style:j},T.map((n,t)=>e.reactExports.cloneElement(n,Object.assign(Object.assign({},n.props),{onMouseDown:L=>{w(L,{index:t})},className:s.classNames(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0})))))},g=k.EbayMenuItem,I=a=>{var{className:r}=a,c=v.__rest(a,["className"]);return e.React.createElement("hr",Object.assign({},c,{className:s.classNames(r,"menu-button__separator")}))},M=({children:a})=>e.React.createElement(e.React.Fragment,null,a);exports.EbayFakeMenuButton=A;exports.EbayFakeMenuButtonItem=g;exports.EbayFakeMenuButtonLabel=M;exports.EbayFakeMenuButtonSeparator=I;

package/ebay-fake-tabs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),u=require("classnames"),b=require("../utils-C9NL3q0j.js"),l=a=>{var{children:s,href:r,ariaCurrent:n,className:t}=a,c=m.__rest(a,["children","href","ariaCurrent","className"]);return e.createElement("li",Object.assign({},c,{className:u(t,"fake-tabs__item")}),e.createElement("a",{href:r,"aria-current":n},s))},E=a=>{var{selectedIndex:s=0,tabMatchesCurrentUrl:r,className:n,children:t}=a,c=m.__rest(a,["selectedIndex","tabMatchesCurrentUrl","className","children"]);const o=r===!1?"true":"page",d=b.filterByType(t,l).map((i,f)=>e.cloneElement(i,Object.assign(Object.assign({},i.props),{ariaCurrent:s===f?o:null}))),_=b.excludeComponent(t,l);return e.createElement("div",Object.assign({},c,{className:u(n,"fake-tabs")}),e.createElement("ul",{className:"fake-tabs__items"},d),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},_)))};exports.EbayFakeTab=l;exports.EbayFakeTabs=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-UTo0M824.js"),e=require("../index-Banoekuf.js"),u=require("../index-DmNrJCd8.js"),b=require("../utils-D1rplbEN.js"),l=a=>{var{children:s,href:r,ariaCurrent:c,className:t}=a,n=m.__rest(a,["children","href","ariaCurrent","className"]);return e.React.createElement("li",Object.assign({},n,{className:u.classNames(t,"fake-tabs__item")}),e.React.createElement("a",{href:r,"aria-current":c},s))},_=a=>{var{selectedIndex:s=0,tabMatchesCurrentUrl:r,className:c,children:t}=a,n=m.__rest(a,["selectedIndex","tabMatchesCurrentUrl","className","children"]);const o=r===!1?"true":"page",d=b.filterByType(t,l).map((i,N)=>e.reactExports.cloneElement(i,Object.assign(Object.assign({},i.props),{ariaCurrent:s===N?o:null}))),E=b.excludeComponent(t,l);return e.React.createElement("div",Object.assign({},n,{className:u.classNames(c,"fake-tabs")}),e.React.createElement("ul",{className:"fake-tabs__items"},d),e.React.createElement("div",{className:"fake-tabs__content"},e.React.createElement("div",{className:"fake-tabs__cell"},E)))};exports.EbayFakeTab=l;exports.EbayFakeTabs=_;

package/ebay-field/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("classnames"),p=require("../label-BRztS0pw.js"),d=require("../tslib.es6-C4EgNkz1.js"),b=({className:e,layout:s="inline",children:t})=>{const r=s==="block"?"div":"span";return i.createElement(r,{className:l("field",e)},t)},m=e=>{var{type:s,position:t="below",className:r,children:n}=e,a=d.__rest(e,["type","position","className","children"]);const c=l(r,"field__description",{[`field__description--${s}`]:s}),o=t==="below"?"div":"span";return i.createElement(o,Object.assign({},a,{className:c}),i.createElement("span",null,n))};exports.EbayLabel=p.Label;exports.EbayField=b;exports.EbayFieldDescription=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index-Banoekuf.js"),a=require("../index-DmNrJCd8.js"),p=require("../label-ACiBnv5P.js"),d=require("../tslib.es6-UTo0M824.js"),b=({className:e,layout:s="inline",children:t})=>{const i=s==="block"?"div":"span";return r.React.createElement(i,{className:a.classNames("field",e)},t)},m=e=>{var{type:s,position:t="below",className:i,children:n}=e,l=d.__rest(e,["type","position","className","children"]);const c=a.classNames(i,"field__description",{[`field__description--${s}`]:s}),o=t==="below"?"div":"span";return r.React.createElement(o,Object.assign({},l,{className:c}),n)};exports.EbayLabel=p.Label;exports.EbayField=b;exports.EbayFieldDescription=m;

package/ebay-field/types.d.ts

@@ -1,5 +1,5 @@
 export type FieldLayoutType = 'inline' | 'block';
-export type FieldDescriptionType = 'default' | 'confirmation' | 'information' | 'attention';
+export type FieldDescriptionType = 'default' | 'group' | 'confirmation' | 'information' | 'attention';
 export type FieldDescriptionPosition = 'inline' | 'below' | 'above';
 export type LabelPosition = 'start' | 'end';
 //# sourceMappingURL=types.d.ts.map

package/ebay-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-field/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,CAAA;AAE3F,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAEnE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-field/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,CAAA;AAErG,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAEnE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,CAAA"}

package/ebay-file-input/README.md

@@ -0,0 +1,59 @@
+# EbayFileInput
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/form-input-ebay-file-input--docs)
+
+## Usage
+
+### Import JS
+
+```jsx harmony
+import { EbayFileInput, EbayFileInputHeader, EbayFileInputSubheader } from "@ebay/ui-core-react/ebay-file-input";
+```
+
+### Import following styles from SKIN
+
+```jsx harmony
+import "@ebay/skin/file-input";
+```
+
+### If tokens haven't been added to the project at a higher level, make sure to import
+
+```jsx harmony
+import "@ebay/skin/tokens";
+```
+
+### Or import styles using SCSS/CSS
+
+```jsx harmony
+import "@ebay/skin/file-input.css";
+```
+
+### Import icons
+
+Add the below icons to the `EbaySvg` component.
+
+Note: Make sure that `EbaySvg` is only rendered on the server so it does not affect the client bundle size.
+
+```tsx
+<EbaySvg
+    icons={[
+        "upload24"
+    ]}
+/>
+```
+
+```jsx harmony
+<EbayFileInput onInput={(event, { files }) => console.log(files)}>
+    <EbayFileInputHeader>Upload your files</EbayFileInputHeader>
+    <EbayFileInputSubheader>Supported formats: .jpg, .png</EbayFileInputSubheader>
+    <span>Click or drag files here to upload</span>
+</EbayFileInput>
+```
+
+## Attributes
+
+| Name     | Type     | Required | Description                                                                                   | Data                  |
+| -------- | -------- | -------- | --------------------------------------------------------------------------------------------- | --------------------- |
+| `onInput`| Function | No       | Triggered when files are selected, providing the `files` list as part of the event data       | `event, { files }`    |

package/ebay-file-input/file-input.d.ts

@@ -0,0 +1,13 @@
+import React, { FC, ComponentProps, ElementType } from 'react';
+import { FileInputHandler } from './types';
+type ChildrenProps = ComponentProps<ElementType> & {
+    as?: ElementType;
+};
+export declare const EbayFileInputHeader: FC<ChildrenProps>;
+export declare const EbayFileInputSubheader: FC<ChildrenProps>;
+export type EbayFileInputProps = Omit<ComponentProps<'input'>, 'onInput' | 'type'> & {
+    onInput?: FileInputHandler;
+};
+declare const EbayFileInput: React.FC<EbayFileInputProps>;
+export default EbayFileInput;
+//# sourceMappingURL=file-input.d.ts.map

package/ebay-file-input/file-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/ebay-file-input/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAK3C,KAAK,aAAa,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,aAAa,CAEjD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,aAAa,CAEpD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;IACjF,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/ebay-file-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayFileInput, EbayFileInputHeader, EbayFileInputSubheader, type EbayFileInputProps } from './file-input';
+//# sourceMappingURL=index.d.ts.map

package/ebay-file-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-file-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,IAAI,aAAa,EACxB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,kBAAkB,EAC1B,MAAM,cAAc,CAAC"}

package/ebay-file-input/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-UTo0M824.js"),e=require("../index-Banoekuf.js"),I=require("../index-plT9bPAi.js"),i=require("../utils-D1rplbEN.js"),d=require("../index-DmNrJCd8.js"),v=require("../random-id-5bEmzZsS.js"),l=t=>{var{className:a,as:n="span"}=t,s=u.__rest(t,["className","as"]);return e.React.createElement(n,Object.assign({className:d.classNames("file-input__content-header",a)},s))},o=t=>{var{className:a,as:n="span"}=t,s=u.__rest(t,["className","as"]);return e.React.createElement(n,Object.assign({className:d.classNames("file-input__content-subheader",a)},s))},y=t=>{var{children:a,onInput:n,className:s}=t,c=u.__rest(t,["children","onInput","className"]);const p=v.useRandomId(),[f,m]=e.reactExports.useState(!1),E=r=>{n&&n(r,{files:r.target.files})},g=()=>m(!0),_=()=>m(!1),N=i.findComponent(a,l),h=i.findComponent(a,o),b=i.excludeComponent(a,l).filter(({type:r})=>r!==o);return e.React.createElement("div",{className:d.classNames("file-input",f&&"file-input___container--dragged-over",s)},e.React.createElement("div",{className:"file-input__container"},e.React.createElement("div",{className:"file-input__upload-icon"},e.React.createElement(I.EbayIcon,{name:"upload24"})),e.React.createElement("div",{className:"file-input__content"},N,h,b&&e.React.createElement("label",{htmlFor:c.id||p},e.React.createElement("span",{className:"file-input__content-cta"},b)))),e.React.createElement("input",Object.assign({},c,{id:c.id||p,type:"file",className:"file-input__input",onChange:E,onDragEnter:g,onDragOver:g,onDragLeave:_,onDrop:_})))};exports.EbayFileInput=y;exports.EbayFileInputHeader=l;exports.EbayFileInputSubheader=o;

package/ebay-file-input/types.d.ts

@@ -0,0 +1,6 @@
+import { EbayChangeEventHandler } from '../common/event-utils/types';
+export interface FileInputEvent {
+    files: FileList;
+}
+export type FileInputHandler = EbayChangeEventHandler<HTMLInputElement, FileInputEvent>;
+//# sourceMappingURL=types.d.ts.map

package/ebay-file-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-file-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC"}

package/ebay-file-preview-card/file-preview-action.d.ts

@@ -7,8 +7,8 @@ export type EbayFilePreviewActionProps = {
     status?: 'uploading';
     a11yCancelUploadText?: string;
     onMenuAction?: FilePreviewCardMenuActionHandler;
-    onCancel?: EbayEventHandler;
-    onDelete?: EbayEventHandler;
+    onCancel?: EbayEventHandler<HTMLElement>;
+    onDelete?: EbayEventHandler<HTMLElement>;
 };
 declare const EbayFilePreviewAction: FC<EbayFilePreviewActionProps>;
 export default EbayFilePreviewAction;

package/ebay-file-preview-card/file-preview-action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-preview-action.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-action.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAG9D,OAAO,EACH,yBAAyB,EACzB,gCAAgC,EACnC,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,0BAA0B,GAAG;IACrC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,gCAAgC,CAAA;IAC/C,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwEzD,CAAA;AAED,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"file-preview-action.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-action.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAG9D,OAAO,EACH,yBAAyB,EACzB,gCAAgC,EACnC,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,0BAA0B,GAAG;IACrC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,gCAAgC,CAAA;IAC/C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACxC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwEzD,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/ebay-file-preview-card/file-preview-card.d.ts

@@ -14,9 +14,9 @@ export type EbayFilePreviewCardProps = ComponentProps<'div'> & {
     footerTitle?: string;
     footerSubtitle?: string;
     onMenuAction?: FilePreviewCardMenuActionHandler;
-    onSeeMore?: EbayEventHandler;
-    onDelete?: EbayEventHandler;
-    onCancel?: EbayEventHandler;
+    onSeeMore?: EbayEventHandler<HTMLElement>;
+    onDelete?: EbayEventHandler<HTMLElement>;
+    onCancel?: EbayEventHandler<HTMLElement>;
 };
 declare const EbayFileInput: FC<EbayFilePreviewCardProps>;
 export default EbayFileInput;

package/ebay-file-preview-card/file-preview-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-preview-card.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAI9D,OAAO,EACH,yBAAyB,EACzB,gCAAgC,EAChC,eAAe,EAClB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAA;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,gCAAgC,CAAA;IAC/C,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,wBAAwB,CAgF/C,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"file-preview-card.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAI9D,OAAO,EACH,yBAAyB,EACzB,gCAAgC,EAChC,eAAe,EAClB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAA;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,gCAAgC,CAAA;IAC/C,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACxC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,wBAAwB,CAgF/C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/ebay-file-preview-card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("../icon-button-DPIjQGta.js"),T=require("../menu-button-label-DFjHo8Lr.js"),w=require("../menu-DmmYhPJU.js"),x=require("classnames"),q=require("../progress-spinner-CTs1iaUV.js"),g=require("../icon-hO_8pLp7.js"),I=({status:t,menuActions:r,onMenuAction:l,deleteText:v,onCancel:a,onDelete:i,a11yCancelUploadText:p})=>{const u=(n,c)=>{var o;if(c){const s=(o=c.checked)===null||o===void 0?void 0:o[0],m=r&&s!==void 0&&s in r?r[s].event:null;m&&l?l(n,Object.assign(Object.assign({},c),{eventName:m})):i&&i(n)}};return t==="uploading"?e.createElement(_.EbayIconButton,{"aria-label":p,onClick:a,className:"file-preview-card__action",icon:"close16"}):r!=null&&r.length?e.createElement(e.Fragment,null,e.createElement(T.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:u},r.map(n=>e.createElement(w.EbayMenuItem,{value:n.event,key:n.label},n.label)),e.createElement(w.EbayMenuItem,{key:"delete",value:"delete"},v))):e.createElement(_.EbayIconButton,{"aria-label":v,className:"file-preview-card__action",icon:"delete16",onClick:i})},h=({file:t,status:r,seeMore:l})=>{if(r==="uploading")return e.createElement(q.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t==null?void 0:t.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:x("file-preview-card__asset",{"file-preview-card__asset--fade":l&&l>0}),src:t==null?void 0:t.src,alt:t==null?void 0:t.name});default:return e.createElement(g.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},k=({file:t,infoText:r})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(g.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),r||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),O=t=>{var{a11yCancelUploadText:r,status:l,as:v="div",file:a,seeMore:i,deleteText:p,footerTitle:u,footerSubtitle:n,a11ySeeMoreText:c,menuActions:o,infoText:s,onCancel:m,onDelete:N,onMenuAction:M,onSeeMore:S}=t,C=F.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","onCancel","onDelete","onMenuAction","onSeeMore"]);const y=e.useMemo(()=>{var E,b;if(!a)return;let f=a,d;return!((E=a==null?void 0:a.type)===null||E===void 0)&&E.startsWith("image")?d="image":!((b=a==null?void 0:a.type)===null||b===void 0)&&b.startsWith("video")&&(d="video"),a instanceof File&&(f={name:a.name,type:d,src:d?URL.createObjectURL(a):void 0}),f.type=d,f},[a]);return e.createElement(v,Object.assign({className:"file-preview-card"},C),e.createElement("div",{className:"file-preview-card__body"},e.createElement(h,{file:y,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:S,"aria-label":c},e.createElement("span",null,"+",i)):e.createElement(I,{a11yCancelUploadText:r,status:l,menuActions:o,onMenuAction:M,deleteText:p,onCancel:m,onDelete:N}),e.createElement(k,{file:y,infoText:s})),u&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,u),n&&e.createElement("span",null,n)))};exports.EbayFilePreviewCard=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-UTo0M824.js"),e=require("../index-Banoekuf.js"),_=require("../ebay-icon-button/index.js"),C=require("../ebay-menu-button/index.js"),R=require("../menu-nih_gX8y.js"),F=require("../index-DmNrJCd8.js"),I=require("../ebay-progress-spinner/index.js"),w=require("../index-plT9bPAi.js"),T=({status:t,menuActions:r,onMenuAction:l,deleteText:v,onCancel:a,onDelete:c,a11yCancelUploadText:E})=>{const u=(n,i)=>{var o;if(i){const s=(o=i.checked)===null||o===void 0?void 0:o[0],m=r&&s!==void 0&&s in r?r[s].event:null;m&&l?l(n,Object.assign(Object.assign({},i),{eventName:m})):c&&c(n)}};return t==="uploading"?e.React.createElement(_.EbayIconButton,{"aria-label":E,onClick:a,className:"file-preview-card__action",icon:"close16"}):r!=null&&r.length?e.React.createElement(e.React.Fragment,null,e.React.createElement(C.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:u},r.map(n=>e.React.createElement(R.EbayMenuItem,{value:n.event,key:n.label},n.label)),e.React.createElement(R.EbayMenuItem,{key:"delete",value:"delete"},v))):e.React.createElement(_.EbayIconButton,{"aria-label":v,className:"file-preview-card__action",icon:"delete16",onClick:c})},q=({file:t,status:r,seeMore:l})=>{if(r==="uploading")return e.React.createElement(I.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t==null?void 0:t.type){case"video":return e.React.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.React.createElement("img",{className:F.classNames("file-preview-card__asset",{"file-preview-card__asset--fade":l&&l>0}),src:t==null?void 0:t.src,alt:t==null?void 0:t.name});default:return e.React.createElement(w.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},h=({file:t,infoText:r})=>t&&t.type!=="image"?e.React.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.React.createElement(w.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),r||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.React.createElement(e.React.Fragment,null),k=t=>{var{a11yCancelUploadText:r,status:l,as:v="div",file:a,seeMore:c,deleteText:E,footerTitle:u,footerSubtitle:n,a11ySeeMoreText:i,menuActions:o,infoText:s,onCancel:m,onDelete:g,onMenuAction:N,onSeeMore:M}=t,x=S.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","onCancel","onDelete","onMenuAction","onSeeMore"]);const f=e.reactExports.useMemo(()=>{var b,p;if(!a)return;let y=a,d;return!((b=a==null?void 0:a.type)===null||b===void 0)&&b.startsWith("image")?d="image":!((p=a==null?void 0:a.type)===null||p===void 0)&&p.startsWith("video")&&(d="video"),a instanceof File&&(y={name:a.name,type:d,src:d?URL.createObjectURL(a):void 0}),y.type=d,y},[a]);return e.React.createElement(v,Object.assign({className:"file-preview-card"},x),e.React.createElement("div",{className:"file-preview-card__body"},e.React.createElement(q,{file:f,status:l,seeMore:c}),c&&c>0?e.React.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:M,"aria-label":i},e.React.createElement("span",null,"+",c)):e.React.createElement(T,{a11yCancelUploadText:r,status:l,menuActions:o,onMenuAction:N,deleteText:E,onCancel:m,onDelete:g}),e.React.createElement(h,{file:f,infoText:s})),u&&e.React.createElement("div",{className:"file-preview-card__footer"},e.React.createElement("span",null,u),n&&e.React.createElement("span",null,n)))};exports.EbayFilePreviewCard=k;

package/ebay-file-preview-card/types.d.ts

@@ -8,11 +8,10 @@ export type FilePreviewType = {
     type?: File['type'];
     src?: string;
 };
-type MenuActionEventData = {
+export type MenuActionEventData = {
     index: number;
     checked: number[];
     eventName?: string;
 };
 export type FilePreviewCardMenuActionHandler = EbayEventHandler<HTMLElement, MenuActionEventData>;
-export {};
 //# sourceMappingURL=types.d.ts.map

package/ebay-file-preview-card/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,CAC3D,WAAW,EACX,mBAAmB,CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,CAC3D,WAAW,EACX,mBAAmB,CACtB,CAAA"}

package/ebay-file-preview-card-group/README.md

@@ -0,0 +1,65 @@
+# EbayFilePreviewCardGroup
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/media-ebay-file-preview-card-group--docs)
+
+## Usage
+
+### Import JS
+
+```jsx harmony
+import { EbayFilePreviewCardGroup } from '@ebay/ui-core-react/ebay-file-preview-card-group'
+```
+
+### Import following styles from SKIN
+
+```jsx harmony
+import '@ebay/skin/file-preview-card-group'
+```
+
+### Or import styles using SCSS/CSS
+
+```jsx harmony
+import '@ebay/skin/file-preview-card-group.css'
+```
+
+### Import icons
+
+Add the below icons to the `EbaySvg` component.
+
+Note: Make sure that `EbaySvg` is only rendered on the server so it does not affect the client bundle size.
+
+```tsx
+<EbaySvg icons={['close16', 'delete16', 'vertical16', 'play16', 'file24']} />
+```
+
+```jsx harmony
+const fileExample = {
+            name: 'file-name.jpg',
+            type: 'image',
+            src: 'https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-real-square-pic.jpg'
+        }
+
+<EbayFilePreviewCardGroup
+    a11ySeeMoreText="See more text"
+>
+    <EbayFilePreviewCard file={fileExample} onDelete={handleOnDelete}/>
+    <EbayFilePreviewCard file={fileExample} onDelete={handleOnDelete}/>
+    <EbayFilePreviewCard file={fileExample} onDelete={handleOnDelete}/>
+</EbayFilePreviewCardGroup>
+```
+
+## Attributes
+
+| Name              | Type     | Required | Description                    | Data |
+| ----------------- | -------- | -------- | ------------------------------ | ---- |
+| `a11ySeeMoreText` | `String` | No       | a11y text for see more button. |
+
+## Events
+
+| Name           | Type                           | Required | Description                                         | Data                                                                                               |
+| -------------- | ------------------------------ | -------- | --------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| `onMenuAction` | `EbayMenuSelectEventHandler`   | No       | Triggered when an action is selected from the menu. | `event, {index: number, menuActionEvent: { index: number, checked: number[], eventName?: string}}` |
+| `onDelete`     | `FilePreviewCardActionHandler` | No       | Triggered when the delete button is clicked.        | `event, {index: number}`                                                                           |
+| `onCancel`     | `FilePreviewCardActionHandler` | No       | Triggered when the cancel button is clicked.        | `event, {index: number}`                                                                           |

package/ebay-file-preview-card-group/file-preview-card-group.d.ts

@@ -0,0 +1,12 @@
+import { FC, ComponentProps } from 'react';
+import { EbayFilePreviewCardProps } from '../ebay-file-preview-card';
+import { FilePreviewCardActionHandler, FilePreviewCardMenuActionHandler } from './types';
+export type EbayFilePreviewCardGroupProps = ComponentProps<'div'> & {
+    a11ySeeMoreText?: EbayFilePreviewCardProps['a11ySeeMoreText'];
+    onDelete?: FilePreviewCardActionHandler;
+    onCancel?: FilePreviewCardActionHandler;
+    onMenuAction?: FilePreviewCardMenuActionHandler;
+};
+declare const EbayFilePreviewGroup: FC<EbayFilePreviewCardGroupProps>;
+export default EbayFilePreviewGroup;
+//# sourceMappingURL=file-preview-card-group.d.ts.map

package/ebay-file-preview-card-group/file-preview-card-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-preview-card-group.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card-group/file-preview-card-group.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAEH,wBAAwB,EAC3B,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,4BAA4B,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAExF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,eAAe,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAA;IAC7D,QAAQ,CAAC,EAAE,4BAA4B,CAAA;IACvC,QAAQ,CAAC,EAAE,4BAA4B,CAAA;IACvC,YAAY,CAAC,EAAE,gCAAgC,CAAA;CAClD,CAAA;AAID,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,6BAA6B,CA8C3D,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/ebay-file-preview-card-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayFilePreviewCardGroup, type EbayFilePreviewCardGroupProps } from './file-preview-card-group';
+//# sourceMappingURL=index.d.ts.map

package/ebay-file-preview-card-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,IAAI,wBAAwB,EACnC,KAAK,6BAA6B,EACrC,MAAM,2BAA2B,CAAA"}

package/ebay-file-preview-card-group/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../tslib.es6-UTo0M824.js"),t=require("../index-Banoekuf.js"),w=require("../utils-D1rplbEN.js"),E=require("../ebay-file-preview-card/index.js"),d=15,b=s=>{var{a11ySeeMoreText:p,onDelete:c,onCancel:l,onMenuAction:a,children:M}=s,S=v.__rest(s,["a11ySeeMoreText","onDelete","onCancel","onMenuAction","children"]);const[o,y]=t.reactExports.useState(d),g=()=>{y(r=>r+d)},e=w.filterByType(M,E.EbayFilePreviewCard),u=e.length-o,h=e.slice(0,Math.min(o,e.length));return t.React.createElement("div",Object.assign({className:"file-preview-card-group"},S),t.React.createElement("ul",null,h.map((r,i)=>t.React.cloneElement(r,{as:r.props.as||"li",onDelete:n=>c&&c(n,{index:i}),onCancel:n=>l&&l(n,{index:i}),onMenuAction:(n,m)=>a&&a(n,{index:i,menuActionEvent:m})})),u>0&&t.React.cloneElement(e[o],{seeMore:u,a11ySeeMoreText:p,onSeeMore:g,as:e[o].props.as||"li"})))};exports.EbayFilePreviewCardGroup=b;

package/ebay-file-preview-card-group/types.d.ts

@@ -0,0 +1,13 @@
+import { EbayEventHandler } from '../common/event-utils/types';
+import { MenuActionEventData } from '../ebay-file-preview-card';
+type EventData = {
+    index: number;
+};
+type MenuEventGroup = {
+    index: number;
+    menuActionEvent?: MenuActionEventData;
+};
+export type FilePreviewCardActionHandler = EbayEventHandler<HTMLElement, EventData>;
+export type FilePreviewCardMenuActionHandler = EbayEventHandler<HTMLElement, MenuEventGroup>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/ebay-file-preview-card-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D,KAAK,SAAS,GAAG;IACb,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,CACvD,WAAW,EACX,SAAS,CACZ,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,CAC3D,WAAW,EACX,cAAc,CACjB,CAAA"}

package/ebay-filter/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-C4EgNkz1.js"),h=require("classnames"),t=require("react"),k=c=>{var{defaultSelected:d,selected:a,href:e,className:i,useAriaPressed:o,a11ySelectedText:u,disabled:n,children:b,onClick:m=()=>{}}=c,S=N.__rest(c,["defaultSelected","selected","href","className","useAriaPressed","a11ySelectedText","disabled","children","onClick"]);const s=e?"filter-link":"filter-button",[f,p]=t.useState(d),l=typeof a<"u"?a:f,y=e?"a":"button",C=E=>{if(!n){const r=!l;p(r),m(E,{selected:r})}};return t.createElement(y,Object.assign({},S,{disabled:n,className:h(s,i,`${s}--${l?"selected":"unselected"}`),type:e?void 0:"button",href:e,"aria-pressed":o!==!1&&!e&&l?"true":void 0,onClick:C}),t.createElement("span",{className:`${s}__cell`},t.createElement("span",null,b),e&&l?t.createElement("span",{className:"clipped"},"- ",u||"Selected"):null))};exports.EbayFilter=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-UTo0M824.js"),h=require("../index-DmNrJCd8.js"),t=require("../index-Banoekuf.js"),k=c=>{var{defaultSelected:d,selected:a,href:e,className:i,useAriaPressed:o,a11ySelectedText:u,disabled:n,children:b,onClick:m=()=>{}}=c,S=N.__rest(c,["defaultSelected","selected","href","className","useAriaPressed","a11ySelectedText","disabled","children","onClick"]);const l=e?"filter-link":"filter-button",[f,p]=t.reactExports.useState(d),s=typeof a<"u"?a:f,y=e?"a":"button",E=C=>{if(!n){const r=!s;p(r),m(C,{selected:r})}};return t.React.createElement(y,Object.assign({},S,{disabled:n,className:h.classNames(l,i,`${l}--${s?"selected":"unselected"}`),type:e?void 0:"button",href:e,"aria-pressed":o!==!1&&!e&&s?"true":void 0,onClick:E}),t.React.createElement("span",{className:`${l}__cell`},t.React.createElement("span",null,b),e&&s?t.React.createElement("span",{className:"clipped"},"- ",u||"Selected"):null))};exports.EbayFilter=k;

package/ebay-filter-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-CzHlWYrY.js");exports.EbayFilterMenu=e.EbayFilterMenu;exports.EbayFilterMenuFooterButton=e.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=e.EbayFilterMenuItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("../tslib.es6-UTo0M824.js"),a=require("../index-Banoekuf.js"),ae=require("../index-D5FUVa4d.js"),V=require("../random-id-5bEmzZsS.js"),ie=require("../forwardRef-BGhnwltg.js"),U=require("../utils-D1rplbEN.js"),T=require("../index-DmNrJCd8.js"),oe=require("../ebay-checkbox/index.js"),re=require("../ebay-radio/index.js"),P=require("../index-plT9bPAi.js");require("../array.polyfill.flat-5BAolFdk.js");const se=require("../ebay-button/index.js");function ce(e){e.keyCode>=32&&e.keyCode<=40&&e.preventDefault()}function le(e){e.addEventListener("keydown",ce)}const de={autoInit:"interactive",autoReset:"current",wrap:!1,axis:"both"};function O(e,n){e.forEach(function(o,s){o.setAttribute("tabindex",s===n?"0":"-1")})}function me(e){O(e.detail.items,e.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexInit",{detail:e.detail}))}function ue(e){const n=this.items,o=n[e.detail.fromIndex],s=n[e.detail.toIndex];o&&o.setAttribute("tabindex","-1"),s&&(s.setAttribute("tabindex","0"),s.focus()),this._el.dispatchEvent(new CustomEvent("rovingTabindexChange",{detail:e.detail}))}function he(e){O(this.items,e.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexReset",{detail:e.detail}))}function _e(e){O(this.items,e.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexMutation",{detail:e.detail}))}class ve{constructor(n){this._el=n,this._onMutationListener=_e.bind(this),this._onChangeListener=ue.bind(this),this._onInitListener=me.bind(this),this._onResetListener=he.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelInit",this._onInitListener),this._el.addEventListener("navigationModelReset",this._onResetListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelInit",this._onInitListener),this._el.removeEventListener("navigationModelReset",this._onResetListener)}}class be extends ve{constructor(n,o,s){super(n),this._options=Object.assign({},de,s),this._itemSelector=o,this._navigationEmitter=ae.createLinear(n,o,{autoInit:this._options.index!==void 0?this._options.index:this._options.autoInit,autoReset:this._options.autoReset,wrap:this._options.wrap,axis:this._options.axis})}get index(){return this._navigationEmitter.model.index}set index(n){this._navigationEmitter.model.index=n}set wrap(n){this._navigationEmitter.model.options.wrap=n}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}reset(){this._navigationEmitter.model.reset()}destroy(){super.destroy(),this._navigationEmitter.destroy()}}function fe(e,n,o){return new be(e,n,o)}const z=e=>{var{__classPrefix:n,__variant:o,className:s,onClick:k}=e,y=B.__rest(e,["__classPrefix","__variant","className","onClick"]);const l=o==="form";return a.React.createElement("button",Object.assign({},y,{type:l?"submit":"button",className:T.classNames(s,`${n}__footer`),onClick:l?void 0:k}))},G=e=>{var{checked:n,value:o,disabled:s,children:k,className:y,onClick:l,__type:L,__variant:F,__classPrefix:E}=e,w=B.__rest(e,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const x=F==="form",u=L==="radio",h=u?"radio":"checkbox",I=V.useRandomId(),C=`'${h}-${I}`,_=x?"label":"div",S=u?re.EbayRadio:oe.EbayCheckbox,q=u?`${E}__radio`:`${E}__checkbox`,$=u?"radioChecked18":"checkboxChecked18",g=u?"radioUnchecked18":"checkboxUnchecked18",v=b=>{l==null||l(b,{value:o,checked:!n})};return a.React.createElement(_,Object.assign({},w,{className:T.classNames(y,`${E}__item`),htmlFor:x?C:void 0,role:u?"menuitemradio":"menuitemcheckbox",onClick:v,"aria-checked":n,"aria-disabled":s}),x?a.React.createElement(S,{id:C,checked:n}):a.React.createElement("span",{className:q},a.React.createElement(P.EbayIcon,{name:n?$:g})),a.React.createElement("span",{className:`${E}__text`},k))},pe=e=>{var{classPrefix:n,className:o,formMethod:s,formAction:k,formName:y,variant:l,children:L,type:F,searchHeaderValue:E,searchHeaderPlaceholderText:w,a11ySearchHeaderClearText:x,forwardedRef:u,onSearchChange:h,onFormSubmit:I,onFooterClick:C,onChange:_,"aria-label":S,"aria-labelledby":q}=e,$=B.__rest(e,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const g=a.reactExports.useRef(null),v=l==="form",b=F==="radio",R=n||"filter-menu",j=U.findComponent(L,z),f=U.filterByType(L,G),H=V.useRandomId(),[J,A]=a.reactExports.useState(E||""),[N,Q]=a.reactExports.useState(()=>f.map((t,i)=>t.props.checked&&i).find(t=>typeof t=="number")),[M,W]=a.reactExports.useState(()=>f.map(t=>!!t.props.checked));a.reactExports.useEffect(()=>{let t;return v||(t=fe(g.current,"div",{autoInit:"interactive"}),le(g.current)),()=>{t&&(t.destroy(),t=null)}},[v]);const D=()=>({checked:f.filter((t,i)=>b?N===i:M[i]).map(t=>t.props.value),checkedIndex:f.map((t,i)=>b?i===N&&i:M[i]&&i).filter(t=>typeof t=="number")}),X=t=>{C==null||C(t,D())},Y=t=>{I==null||I(t,D())},Z=t=>{A(""),h==null||h(t,{searchTerm:""})},ee=t=>{A(t.target.value),h==null||h(t,{searchTerm:t.target.value})},te=v?"form":a.reactExports.Fragment,ne=v?{name:y,action:k,method:s,onSubmit:Y}:{},K=(t,{checked:i,index:r})=>{const p=t.target;if(!(v&&p.type==="checkbox"))if(b)Q(r),_==null||_(t,{index:r,checked:[f[r].props.value],checkedIndex:[r],currentChecked:i});else{const d=M.map((c,m)=>m===r?i:c);_==null||_(t,{index:r,checked:f.filter((c,m)=>d[m]).map(c=>c.props.value),checkedIndex:d.map((c,m)=>c&&m).filter(c=>typeof c=="number"),currentChecked:i}),W(d)}};return a.React.createElement("span",Object.assign({},$,{ref:u,className:T.classNames(o,`${n?`${R}__menu`:R}`)}),w?a.React.createElement("div",{className:"filter-menu__header"},a.React.createElement(P.EbayIcon,{name:"search16"}),a.React.createElement("input",{type:"text",value:J,className:"filter-menu__search",placeholder:w,"aria-owns":H,onChange:ee}),a.React.createElement(se.EbayButton,{type:"button",onClick:Z,"aria-label":x},a.React.createElement(P.EbayIcon,{name:"clear20"}))):null,a.React.createElement(te,Object.assign({},ne),a.React.createElement("div",{id:H,ref:g,className:`${R}__items`,role:v?void 0:"menu","aria-label":S,"aria-labelledby":q},f.map((t,i)=>a.React.cloneElement(t,{__classPrefix:R,__type:F,__variant:l,checked:b?i===N:M[i],onClick:(r,{checked:p,value:d})=>{var c,m;(m=(c=t.props).onClick)===null||m===void 0||m.call(c,r,{checked:p,value:d}),K(r,{checked:p,index:i})},onKeyDown:r=>{var p,d;if((d=(p=t.props).onKeyDown)===null||d===void 0||d.call(p,r),r.key==="Enter"||r.key===" "){const c=b?i===N:M[i];K(r,{checked:!c,index:i})}}}))),j&&a.React.cloneElement(j,{onClick:X,__classPrefix:R,__variant:l})))},Ee=ie.withForwardRef(pe);exports.EbayFilterMenu=Ee;exports.EbayFilterMenuFooterButton=z;exports.EbayFilterMenuItem=G;

package/ebay-filter-menu-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-BGdrijmi.js"),w=require("../icon-hO_8pLp7.js"),a=require("../filter-menu-CzHlWYrY.js"),N=require("../utils-C9NL3q0j.js"),B=u=>{var{className:d,text:p,"aria-label":y,onExpand:f,onCollapse:E,onChange:l,children:i}=u,o=S.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const c=n.useRef(null),h=N.filterByType(i,a.EbayFilterMenuItem),[v,F]=n.useState(()=>h.some(t=>t.props.checked)),{isExpanded:_,collapse:r}=b.useExpander({ref:c,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:f,onCollapse:E}),{overlayStyles:M,refs:m}=b.useFloatingDropdown({open:_}),C=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},g=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},x=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},k=(t,e)=>{var s;l==null||l(t,e),F(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.createElement("span",{ref:c,className:q("filter-menu-button",d)},n.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":y,"aria-pressed":v},n.createElement("span",{className:"filter-menu-button__button-cell"},n.createElement("span",{className:"filter-menu-button__button-text"},p),n.createElement(w.EbayIcon,{name:"chevronDown12"}))),n.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:k,classPrefix:"filter-menu-button",onKeyDown:C,onFooterClick:x,onFormSubmit:g,ref:m.setOverlay,style:M}),i))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-UTo0M824.js"),n=require("../index-Banoekuf.js"),q=require("../index-DmNrJCd8.js"),b=require("../dropdown-DyNGEyy6.js"),w=require("../index-plT9bPAi.js"),a=require("../ebay-filter-menu/index.js"),N=require("../utils-D1rplbEN.js"),R=u=>{var{className:d,text:p,"aria-label":y,onExpand:E,onCollapse:f,onChange:l,children:c}=u,o=S.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const i=n.reactExports.useRef(null),h=N.filterByType(c,a.EbayFilterMenuItem),[v,F]=n.reactExports.useState(()=>h.some(t=>t.props.checked)),{isExpanded:_,collapse:r}=b.useExpander({ref:i,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:E,onCollapse:f}),{overlayStyles:M,refs:m}=b.useFloatingDropdown({open:_}),x=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},C=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},g=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},k=(t,e)=>{var s;l==null||l(t,e),F(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.React.createElement("span",{ref:i,className:q.classNames("filter-menu-button",d)},n.React.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":y,"aria-pressed":v},n.React.createElement("span",{className:"filter-menu-button__button-cell"},n.React.createElement("span",{className:"filter-menu-button__button-text"},p),n.React.createElement(w.EbayIcon,{name:"chevronDown12"}))),n.React.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:k,classPrefix:"filter-menu-button",onKeyDown:x,onFooterClick:g,onFormSubmit:C,ref:m.setOverlay,style:M}),c))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=R;

package/ebay-fullscreen-dialog-deprecated/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),c=require("react"),t=require("classnames"),u=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const e="fullscreen-dialog",d=s=>{var{open:o,onClose:a=()=>{},className:n,animated:i}=s,l=r.__rest(s,["open","onClose","className","animated"]);return c.createElement(u.DialogBaseWithState,Object.assign({},l,{classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,transitionElement:"window",animated:i,className:t(n,`${e}--mask-fade-slow`),windowClass:t(`${e}__window`,`${e}__window--slide`),open:o}))};exports.EbayFullscreenDialogDeprecated=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-UTo0M824.js"),c=require("../index-Banoekuf.js"),a=require("../index-DmNrJCd8.js"),d=require("../ebay-dialog-base/index.js");require("../ebay-icon-button/index.js");const e="fullscreen-dialog",u=s=>{var{open:t,onClose:n=()=>{},className:i,animated:o}=s,l=r.__rest(s,["open","onClose","className","animated"]);return c.React.createElement(d.DialogBaseWithState,Object.assign({},l,{classPrefix:e,buttonPosition:"right",onCloseBtnClick:n,transitionElement:"window",animated:o,className:a.classNames(i,`${e}--mask-fade-slow`),windowClass:a.classNames(`${e}__window`,`${e}__window--slide`),open:t}))};exports.EbayFullscreenDialogDeprecated=u;

package/ebay-icon/icon.d.ts

@@ -8,6 +8,12 @@ export type EbayIconProps = SVGProps<SVGSVGElement> & {
     a11yText?: string;
     a11yVariant?: A11yVariant;
     forwardedRef?: Ref<SVGSVGElement>;
+    /**
+     * These properties are used by EbayImagePlaceholder and will be used for flags.
+     * NOTE: The flag "@deprecated" is only to not show this property in the autocomplete list on the top
+     * @deprecated
+    */
+    __type?: 'icon' | 'none';
 };
 export declare function kebabCased(str: string): string;
 declare const _default: React.ForwardRefExoticComponent<Omit<EbayIconProps, "ref"> & React.RefAttributes<React.FC<EbayIconProps>>>;

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;AAkFF,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI9C;;AAED,wBAAuC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAClC;;;;MAIE;IACF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAqFF,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI9C;;AAED,wBAAuC"}

package/ebay-icon/index.js

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