@ebay/ui-core-react 8.0.0 → 8.0.1-alpha.0

package/dialog-previous-button-tKOPYyjk.js

@@ -0,0 +1 @@
+"use strict";const n=require("react"),oe=require("react-remove-scroll"),L=require("classnames"),w=require("makeup-screenreader-trap"),b=require("makeup-keyboard-trap"),ie=require("./icon-D4RDqpD4.js"),ce=require("./forwardRef-fPwzYd82.js"),le=require("./icon-button-Bjjvld0a.js"),p=({children:t,...e})=>n.createElement("h2",{...e},t),R=({children:t})=>n.createElement(n.Fragment,null,t),N=({children:t})=>n.createElement(n.Fragment,null,t);function U({open:t,classPrefix:e,transitionElement:a,dialogRef:i,dialogWindowRef:d,enabled:u,onTransitionEnd:o}){const c=n.useRef(t);n.useLayoutEffect(()=>{if(!u)return;let l=[d,i];a==="window"?l=[d]:a==="root"&&(l=[i]);let s;return t?s=se({dialog:i,waitFor:l,classPrefix:e,onTransitionEnd:o}):c.current!==t&&(s=ue({dialog:i,waitFor:l,classPrefix:e,onTransitionEnd:o})),c.current=t,()=>{s&&s()}},[t,u])}function se({dialog:t,waitFor:e,classPrefix:a,onTransitionEnd:i}){return X(t,e,`${a}--show`,i)}function ue({dialog:t,waitFor:e,classPrefix:a,onTransitionEnd:i}){return X(t,e,`${a}--hide`,i)}function X(t,e,a,i){if(!t.current||!a)return;let d=0;const u=e?e.length:0,o=`${a}-init`;return t.current.classList.add(o),de(()=>{t.current&&(t.current.classList.add(a),t.current.classList.remove(o),e.forEach(c=>{const l=()=>{var s,f;++d===u&&((s=t.current)==null||s.classList.remove(a),i(),(f=c.current)==null||f.removeEventListener("transitionend",l))};c.current.addEventListener("transitionend",l,{once:!0})}))})}function de(t){let e,a;return window.requestAnimationFrame?(e=window.requestAnimationFrame(()=>{e=window.requestAnimationFrame(t)}),a=window.cancelAnimationFrame):(e=window.setTimeout(t,26),a=window.clearTimeout),()=>{e&&(a(e),e=void 0)}}var J;const $=(J=w==null?void 0:w.default)!=null&&J.__esModule?w.default:w;var Q;const q=(Q=b==null?void 0:b.default)!=null&&Q.__esModule?b.default:b,me=({baseEl:t="div",classPrefix:e="drawer-dialog",windowClass:a,windowType:i,mainId:d,top:u,header:o,buttonPosition:c="right",children:l,ariaLabelledby:s,a11yCloseText:f,onCloseBtnClick:h=()=>{},footer:D,actions:g,onScroll:k,open:r=!1,onOpen:A=()=>{},onBackgroundClick:S=()=>{},ignoreEscape:Y,closeButton:Z,previousButton:j,isModal:B,role:x="dialog",focus:I,transitionElement:P,animated:H,closeButtonClass:ee,...O})=>{var G;const W=n.useRef(null),E=n.useRef(null),K=n.useRef(null),[te,ne]=n.useState("");n.useEffect(()=>{ne(ce.randomId())},[]),n.useEffect(()=>{let m;const y=v=>{E.current&&!E.current.contains(v.target)&&S(v)};return r&&c!=="hidden"&&(m=window.setTimeout(()=>{document.addEventListener("click",y,!1)})),()=>{clearTimeout(m),document.removeEventListener("click",y,!1)}},[S,r]),n.useEffect(()=>(r&&B?($.trap(E.current),q.trap(E.current)):($.untrap(),q.untrap()),()=>{$.untrap(),q.untrap()}),[r,B]),U({open:r,classPrefix:e,transitionElement:P,dialogRef:W,dialogWindowRef:E,enabled:H,onTransitionEnd:()=>M(r)});const F=m=>{!Y&&m.key==="Escape"&&(m.stopPropagation(),h(m))};n.useEffect(()=>{H||M(r),r&&A()},[r]);function M(m){var y,v;if(m)return I?(y=I.current)==null||y.focus():B&&((v=K.current)==null||v.focus()),document.addEventListener("keydown",F,!1),()=>document.removeEventListener("keydown",F,!1)}const V=c!=="hidden"&&n.createElement("button",{ref:K,className:L("icon-btn",ee,`${e}__close`,{"icon-btn--transparent":e==="toast-dialog"}),type:"button","aria-label":f,onClick:h},Z||n.createElement(ie.EbayIcon,{name:"close16"})),re=i?`${e}__${i}-window`:`${e}__window`,z=((G=o==null?void 0:o.props)==null?void 0:G.id)||`dialog-title-${te}`,ae=s||z,_=o?n.cloneElement(o,{...o.props,id:z}):null;return n.createElement(t,{...O,"aria-labelledby":ae,"aria-modal":"true",role:x,hidden:!r,className:L(e,O.className),"aria-live":B?void 0:"polite",ref:W,onKeyDown:F},n.createElement("div",{className:L(re,a),ref:E},u,_&&n.createElement("div",{className:`${e}__header`},j,c==="right"&&_,c!=="bottom"&&V,(c==="left"||c==="hidden")&&_),n.createElement("div",{id:d,className:`${e}__main`,onScroll:k},l),g?n.createElement("div",{className:`${e}__actions`},g):null,D||c==="bottom"?n.createElement("div",{className:`${e}__footer`},D,c==="bottom"&&V):null))},fe=({isModal:t,open:e,children:a,animated:i=!0,...d})=>{const u=t!==!1,o=n.Children.toArray(a),c=o.find(r=>r.type===p),l=o.find(r=>r.type===R),s=o.find(r=>r.type===C),f=o.find(r=>r.type===N),h=o.find(r=>r.type===T),D=o.filter(r=>![p,R,N,C,T].some(A=>A===r.type)),g=n.createElement(me,{...d,open:e,isModal:u,header:c,footer:l,actions:s,closeButton:f,previousButton:h,animated:i},D);return i||e?u?n.createElement(oe.RemoveScroll,{enabled:e},g):g:null},C=({children:t})=>n.createElement(n.Fragment,null,t),T=({className:t,icon:e,...a})=>n.createElement(le.EbayIconButton,{...a,icon:e||"chevronLeft16",className:L(t,"lightbox-dialog__prev")});exports.DialogBaseWithState=fe;exports.EbayDialogActions=C;exports.EbayDialogCloseButton=N;exports.EbayDialogFooter=R;exports.EbayDialogHeader=p;exports.EbayDialogPreviousButton=T;exports.useDialogAnimation=U;

package/ebay-alert-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),d=require("classnames"),r=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const u=require("../button-6S4U-4HH.js"),a="alert-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:n,onConfirm:s=()=>{},...o})=>{const t=e.useRef(null),c="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(r.DialogBaseWithState,{focus:t,...o,a11yCloseText:l,role:"alertdialog",classPrefix:a,ignoreEscape:!0,mainId:i,buttonPosition:"hidden",className:d(o.className,`${a}--mask-fade`),windowClass:`${a}__window ${a}__window--fade`},o.children,e.createElement(r.EbayDialogFooter,null,e.createElement(u.EbayButton,{priority:"primary","aria-describedby":i,onClick:s,ref:t,id:c,className:"alert-dialog__acknowledge"},n)))};exports.EbayAlertDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),d=require("classnames"),r=require("../dialog-previous-button-tKOPYyjk.js");require("../icon-button-Bjjvld0a.js");const u=require("../button-6S4U-4HH.js"),a="alert-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:n,onConfirm:s=()=>{},...o})=>{const t=e.useRef(null),c="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(r.DialogBaseWithState,{focus:t,...o,a11yCloseText:l,role:"alertdialog",classPrefix:a,ignoreEscape:!0,mainId:i,buttonPosition:"hidden",className:d(o.className,`${a}--mask-fade`),windowClass:`${a}__window ${a}__window--fade`},o.children,e.createElement(r.EbayDialogFooter,null,e.createElement(u.EbayButton,{priority:"primary","aria-describedby":i,onClick:s,ref:t,id:c,className:"alert-dialog__acknowledge"},n)))};exports.EbayAlertDialog=g;

package/ebay-confirm-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),t=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const c=require("../button-6S4U-4HH.js"),o="confirm-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:s,rejectText:m,onReject:a=()=>{},onConfirm:d=()=>{},...i})=>{const n=e.useRef(null),f="confirm-dialog-confirm",r="confirm-dialog-main";return e.createElement(t.DialogBaseWithState,{focus:n,...i,a11yCloseText:l,role:"dialog",mainId:r,classPrefix:o,className:u(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:a},i.children,e.createElement(t.EbayDialogFooter,null,e.createElement(c.EbayButton,{onClick:a,className:"confirm-dialog__reject"},m),e.createElement(c.EbayButton,{ref:n,priority:"primary",onClick:d,id:f,"aria-describedby":r,className:"confirm-dialog__confirm"},s)))};exports.EbayConfirmDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),t=require("../dialog-previous-button-tKOPYyjk.js");require("../icon-button-Bjjvld0a.js");const c=require("../button-6S4U-4HH.js"),o="confirm-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:s,rejectText:m,onReject:a=()=>{},onConfirm:d=()=>{},...i})=>{const n=e.useRef(null),f="confirm-dialog-confirm",r="confirm-dialog-main";return e.createElement(t.DialogBaseWithState,{focus:n,...i,a11yCloseText:l,role:"dialog",mainId:r,classPrefix:o,className:u(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:a},i.children,e.createElement(t.EbayDialogFooter,null,e.createElement(c.EbayButton,{onClick:a,className:"confirm-dialog__reject"},m),e.createElement(c.EbayButton,{ref:n,priority:"primary",onClick:d,id:f,"aria-describedby":r,className:"confirm-dialog__confirm"},s)))};exports.EbayConfirmDialog=g;

package/ebay-date-textbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),U=require("makeup-expander"),V=require("classnames"),x=require("../calendar-hBaLhOjI.js"),u=require("../textbox-DZRVQetR.js");require("../icon-D4RDqpD4.js");const G=require("../dropdown-pp-aluo7.js"),J=600,K=({className:T,inputPlaceholderText:i="YYYY-MM-DD",a11yOpenPopoverText:w="open calendar",range:o,value:g,rangeEnd:y,defaultValue:_,defaultRangeEnd:q,collapseOnSelect:M,onChange:p=()=>{},onInputChange:P=()=>{},onInputRangeEndChange:R=()=>{},...A})=>{const m=a.useRef(),[C,c]=a.useState(_||""),[L,d]=a.useState(q||""),f=u.isControlled(g)?g:C,I=u.isControlled(y)?y:L,[s,E]=a.useState(()=>x.dateArgToISO(f)),[l,S]=a.useState(()=>x.dateArgToISO(I)),[h,N]=a.useState(!1),[Y,B]=a.useState(1),{overlayStyles:F,refs:v}=G.useFloatingDropdown({open:h}),b=v.host,z=()=>{N(!0)},H=()=>{N(!1)};a.useEffect(()=>{if(!b.current)return;m.current=new U(b.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),b.current.addEventListener("expander-expand",z),b.current.addEventListener("expander-collapse",H);const e=()=>{B(document.documentElement.clientWidth<J?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)==null||t.destroy(),window.removeEventListener("resize",e)}},[]);const O=(e,t)=>{const r=new Date(e.target.value),n=isNaN(r.getTime())?null:x.toISO(r);t===0?(E(n),c(n||"")):(S(n),d(n||"")),o?p(e,{rangeStart:t===0?n:s,rangeEnd:t===1?n:l}):p(e,{selected:n})},W=(e,{iso:t})=>{if(E(t),c(t),o){const r=s||l,n={rangeStart:t,rangeEnd:r};s&&l?(d(""),S(null),n.rangeEnd=null):r&&(r<t?(E(r),c(r),d(t),S(t),n.rangeStart=r,n.rangeEnd=t):(E(t),c(t),d(r),S(r),n.rangeStart=t,n.rangeEnd=r)),p(e,n)}else p(e,{selected:t});M&&(m.current.expanded=!1)},D=(e,t)=>{t===0?(c(e.target.value),P(e)):(d(e.target.value),R(e))},[j,k]=Array.isArray(i)?i:[i,i];return a.createElement("span",{className:V("date-textbox",T),ref:v.setHost},o&&a.createElement(u.EbayTextbox,{value:f,placeholder:j,onInputChange:e=>D(e,0),onBlur:e=>O(e,0)}),a.createElement(u.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:k,value:o?I:f,onInputChange:e=>D(e,o?1:0),onBlur:e=>O(e,o?1:0)},a.createElement(u.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:w})),a.createElement("div",{hidden:!h,ref:v.setOverlay,style:F,className:"date-textbox__popover"},a.createElement(x.EbayCalendar,{...A,range:o,interactive:!0,navigable:!0,numMonths:Y,selected:s&&l?[s,l]:s||l||void 0,onSelect:W})))};exports.EbayDateTextbox=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("makeup-expander"),G=require("classnames"),x=require("../calendar-hBaLhOjI.js"),i=require("../textbox-DZRVQetR.js");require("../icon-D4RDqpD4.js");const J=require("../dropdown-pp-aluo7.js");var w;const{default:K=c}=(w=c==null?void 0:c.default)!=null&&w.__esModule?c.default:c,Q=600,X=({className:M,inputPlaceholderText:E="YYYY-MM-DD",a11yOpenPopoverText:q="open calendar",range:o,value:y,rangeEnd:h,defaultValue:P,defaultRangeEnd:R,collapseOnSelect:A,onChange:p=()=>{},onInputChange:C=()=>{},onInputRangeEndChange:L=()=>{},..._})=>{const m=a.useRef(),[Y,d]=a.useState(P||""),[B,u]=a.useState(R||""),v=i.isControlled(y)?y:Y,I=i.isControlled(h)?h:B,[s,S]=a.useState(()=>x.dateArgToISO(v)),[l,b]=a.useState(()=>x.dateArgToISO(I)),[N,O]=a.useState(!1),[F,z]=a.useState(1),{overlayStyles:H,refs:g}=J.useFloatingDropdown({open:N}),f=g.host,W=()=>{O(!0)},k=()=>{O(!1)};a.useEffect(()=>{if(!f.current)return;m.current=new K(f.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),f.current.addEventListener("expander-expand",W),f.current.addEventListener("expander-collapse",k);const e=()=>{z(document.documentElement.clientWidth<Q?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)==null||t.destroy(),window.removeEventListener("resize",e)}},[]);const D=(e,t)=>{const r=new Date(e.target.value),n=isNaN(r.getTime())?null:x.toISO(r);t===0?(S(n),d(n||"")):(b(n),u(n||"")),o?p(e,{rangeStart:t===0?n:s,rangeEnd:t===1?n:l}):p(e,{selected:n})},U=(e,{iso:t})=>{if(S(t),d(t),o){const r=s||l,n={rangeStart:t,rangeEnd:r};s&&l?(u(""),b(null),n.rangeEnd=null):r&&(r<t?(S(r),d(r),u(t),b(t),n.rangeStart=r,n.rangeEnd=t):(S(t),d(t),u(r),b(r),n.rangeStart=t,n.rangeEnd=r)),p(e,n)}else p(e,{selected:t});A&&(m.current.expanded=!1)},T=(e,t)=>{t===0?(d(e.target.value),C(e)):(u(e.target.value),L(e))},[V,j]=Array.isArray(E)?E:[E,E];return a.createElement("span",{className:G("date-textbox",M),ref:g.setHost},o&&a.createElement(i.EbayTextbox,{value:v,placeholder:V,onInputChange:e=>T(e,0),onBlur:e=>D(e,0)}),a.createElement(i.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:j,value:o?I:v,onInputChange:e=>T(e,o?1:0),onBlur:e=>D(e,o?1:0)},a.createElement(i.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:q})),a.createElement("div",{hidden:!N,ref:g.setOverlay,style:H,className:"date-textbox__popover"},a.createElement(x.EbayCalendar,{..._,range:o,interactive:!0,navigable:!0,numMonths:F,selected:s&&l?[s,l]:s||l||void 0,onSelect:U})))};exports.EbayDateTextbox=X;

package/ebay-dialog-base/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-B-fysL3O.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 o=require("../dialog-previous-button-tKOPYyjk.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;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("classnames"),r=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const e="fullscreen-dialog",c=({open:o,onClose:s=()=>{},className:i,animated:a,...l})=>n.createElement(r.DialogBaseWithState,{...l,classPrefix:e,buttonPosition:"right",onCloseBtnClick:s,transitionElement:"window",animated:a,className:t(i,`${e}--mask-fade-slow`),windowClass:t(`${e}__window`,`${e}__window--slide`),open:o});exports.EbayFullscreenDialogDeprecated=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("classnames"),r=require("../dialog-previous-button-tKOPYyjk.js");require("../icon-button-Bjjvld0a.js");const e="fullscreen-dialog",c=({open:o,onClose:s=()=>{},className:i,animated:a,...l})=>n.createElement(r.DialogBaseWithState,{...l,classPrefix:e,buttonPosition:"right",onCloseBtnClick:s,transitionElement:"window",animated:a,className:t(i,`${e}--mask-fade-slow`),windowClass:t(`${e}__window`,`${e}__window--slide`),open:o});exports.EbayFullscreenDialogDeprecated=c;

package/ebay-infotip/index.js

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

package/ebay-lightbox-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-Il3dBNcR.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-CH2_V8b5.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;

package/ebay-listbox/index.js

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

package/ebay-panel-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("classnames"),c=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const e="panel-dialog",d=({open:i,animated:a,position:s="start",onClose:o=()=>{},className:l,...n})=>r.createElement(c.DialogBaseWithState,{...n,"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:o,onBackgroundClick:o,animated:a,className:t(l,{[`${e}--mask-fade-slow`]:a}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:s==="end"}),open:i});exports.EbayPanelDialog=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("classnames"),c=require("../dialog-previous-button-tKOPYyjk.js");require("../icon-button-Bjjvld0a.js");const e="panel-dialog",d=({open:i,animated:a,position:s="start",onClose:o=()=>{},className:l,...n})=>r.createElement(c.DialogBaseWithState,{...n,"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:o,onBackgroundClick:o,animated:a,className:t(l,{[`${e}--mask-fade-slow`]:a}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:s==="end"}),open:i});exports.EbayPanelDialog=d;

package/ebay-snackbar-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("classnames"),e=require("react"),k=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const f=({className:r,children:c,...l})=>e.createElement("button",{className:D(r,"fake-link"),...l},c),L=6e3,N=({className:r,onOpen:c=()=>{},onClose:l=()=>{},layout:S,open:i,children:h,onAction:u,...T})=>{const n=e.useRef(new Set),b=e.useRef(),[C,m]=e.useState(i),g=e.Children.toArray(h),o=g.find(t=>t.type===f),p=g.filter(t=>t.type!==f),s=()=>{clearTimeout(b.current)},d=()=>{m(!1),l()},E=()=>{n.current.size===0&&(s(),b.current=setTimeout(()=>{d()},L))},M=()=>{m(!0),c(),E()},q=()=>{s(),n.current.add("focus")},w=()=>{n.current.delete("focus"),E()},R=()=>{s(),n.current.add("mouseEnter")},v=()=>{n.current.delete("mouseEnter"),E()},B=t=>{var a,y;s(),u==null||u(t),(y=(a=o==null?void 0:o.props)==null?void 0:a.onClick)==null||y.call(a,t),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?M():d()},[i]),e.createElement(k.DialogBaseWithState,{...T,open:C,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:D(r,"snackbar-dialog--transition"),windowClass:S==="column"&&"snackbar-dialog__window--column",onFocus:q,onBlur:w,onMouseEnter:R,onMouseLeave:v},p,o?e.createElement(k.EbayDialogActions,null,e.cloneElement(o,{onClick:B})):null)};exports.EbaySnackbarDialog=N;exports.EbaySnackbarDialogAction=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("classnames"),e=require("react"),k=require("../dialog-previous-button-tKOPYyjk.js");require("../icon-button-Bjjvld0a.js");const f=({className:r,children:c,...l})=>e.createElement("button",{className:D(r,"fake-link"),...l},c),L=6e3,N=({className:r,onOpen:c=()=>{},onClose:l=()=>{},layout:S,open:i,children:h,onAction:u,...T})=>{const n=e.useRef(new Set),b=e.useRef(),[C,m]=e.useState(i),g=e.Children.toArray(h),o=g.find(t=>t.type===f),p=g.filter(t=>t.type!==f),s=()=>{clearTimeout(b.current)},d=()=>{m(!1),l()},E=()=>{n.current.size===0&&(s(),b.current=setTimeout(()=>{d()},L))},M=()=>{m(!0),c(),E()},q=()=>{s(),n.current.add("focus")},w=()=>{n.current.delete("focus"),E()},R=()=>{s(),n.current.add("mouseEnter")},v=()=>{n.current.delete("mouseEnter"),E()},B=t=>{var a,y;s(),u==null||u(t),(y=(a=o==null?void 0:o.props)==null?void 0:a.onClick)==null||y.call(a,t),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?M():d()},[i]),e.createElement(k.DialogBaseWithState,{...T,open:C,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:D(r,"snackbar-dialog--transition"),windowClass:S==="column"&&"snackbar-dialog__window--column",onFocus:q,onBlur:w,onMouseEnter:R,onMouseLeave:v},p,o?e.createElement(k.EbayDialogActions,null,e.cloneElement(o,{onClick:B})):null)};exports.EbaySnackbarDialog=N;exports.EbaySnackbarDialogAction=f;

package/ebay-toast-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("classnames"),i=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const r=({className:t,onClose:e=()=>{},...o})=>a.createElement(i.DialogBaseWithState,{...o,isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:s(t,"toast-dialog--transition"),onCloseBtnClick:e});exports.EbayToast=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("classnames"),i=require("../dialog-previous-button-tKOPYyjk.js");require("../icon-button-Bjjvld0a.js");const r=({className:t,onClose:e=()=>{},...o})=>a.createElement(i.DialogBaseWithState,{...o,isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:s(t,"toast-dialog--transition"),onCloseBtnClick:e});exports.EbayToast=r;

package/{lightbox-dialog-Il3dBNcR.js → lightbox-dialog-CH2_V8b5.js}

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

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "8.0.0",
+  "version": "8.0.1-alpha.0",
   "description": "Skin components build off React",
   "publishConfig": {
-    "registry": "https://registry.npmjs.org",
-    "directory": "dist"
+    "registry": "https://registry.npmjs.org"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -33,6 +32,7 @@
     "copy": "copyfiles package.json README.md dist; yarn copy:rest",
     "copy:rest": "yarn copyfiles -u 1 'src/**/*.md' dist",
     "release": "yarn clean && yarn build && yarn copy && CI=1 changeset publish",
+    "release:rc": "yarn clean && yarn build && yarn copy && CI=1 npm publish --tag rc dist/",
     "prepare": "node scripts/husky-install || node ../scripts/husky-install",
     "version": "yarn update-icons && git add -A src && changeset version"
   },
@@ -125,7 +125,8 @@
     "ts-jest": "^29.1.1",
     "ts-loader": "^8.0.7",
     "typescript": "4",
-    "vite": "^5.4.7"
+    "vite": "^5.4.7",
+    "vite-plugin-cjs-interop": "^2.1.6"
   },
   "resolutions": {
     "@storybook/addon-actions": "~7.5.3",

package/dialog-previous-button-B-fysL3O.js

@@ -1 +0,0 @@
-"use strict";const n=require("react"),ne=require("react-remove-scroll"),p=require("classnames"),re=require("makeup-screenreader-trap"),ae=require("makeup-keyboard-trap"),oe=require("./icon-D4RDqpD4.js"),ie=require("./forwardRef-fPwzYd82.js"),ce=require("./icon-button-Bjjvld0a.js");function V(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const L=V(re),A=V(ae),F=({children:t,...e})=>n.createElement("h2",{...e},t),$=({children:t})=>n.createElement(n.Fragment,null,t),q=({children:t})=>n.createElement(n.Fragment,null,t);function G({open:t,classPrefix:e,transitionElement:r,dialogRef:o,dialogWindowRef:d,enabled:u,onTransitionEnd:i}){const c=n.useRef(t);n.useLayoutEffect(()=>{if(!u)return;let s=[d,o];r==="window"?s=[d]:r==="root"&&(s=[o]);let l;return t?l=se({dialog:o,waitFor:s,classPrefix:e,onTransitionEnd:i}):c.current!==t&&(l=le({dialog:o,waitFor:s,classPrefix:e,onTransitionEnd:i})),c.current=t,()=>{l&&l()}},[t,u])}function se({dialog:t,waitFor:e,classPrefix:r,onTransitionEnd:o}){return J(t,e,`${r}--show`,o)}function le({dialog:t,waitFor:e,classPrefix:r,onTransitionEnd:o}){return J(t,e,`${r}--hide`,o)}function J(t,e,r,o){if(!t.current||!r)return;let d=0;const u=e?e.length:0,i=`${r}-init`;return t.current.classList.add(i),ue(()=>{t.current&&(t.current.classList.add(r),t.current.classList.remove(i),e.forEach(c=>{const s=()=>{var l,f;++d===u&&((l=t.current)==null||l.classList.remove(r),o(),(f=c.current)==null||f.removeEventListener("transitionend",s))};c.current.addEventListener("transitionend",s,{once:!0})}))})}function ue(t){let e,r;return window.requestAnimationFrame?(e=window.requestAnimationFrame(()=>{e=window.requestAnimationFrame(t)}),r=window.cancelAnimationFrame):(e=window.setTimeout(t,26),r=window.clearTimeout),()=>{e&&(r(e),e=void 0)}}const de=({baseEl:t="div",classPrefix:e="drawer-dialog",windowClass:r,windowType:o,mainId:d,top:u,header:i,buttonPosition:c="right",children:s,ariaLabelledby:l,a11yCloseText:f,onCloseBtnClick:w=()=>{},footer:b,actions:g,onScroll:T,open:a=!1,onOpen:D=()=>{},onBackgroundClick:O=()=>{},ignoreEscape:M,closeButton:Q,previousButton:U,isModal:_,role:X="dialog",focus:k,transitionElement:Y,animated:S,closeButtonClass:Z,...C})=>{var K;const I=n.useRef(null),E=n.useRef(null),j=n.useRef(null),[x,P]=n.useState("");n.useEffect(()=>{P(ie.randomId())},[]),n.useEffect(()=>{let m;const y=v=>{E.current&&!E.current.contains(v.target)&&O(v)};return a&&c!=="hidden"&&(m=window.setTimeout(()=>{document.addEventListener("click",y,!1)})),()=>{clearTimeout(m),document.removeEventListener("click",y,!1)}},[O,a]),n.useEffect(()=>(a&&_?(L.trap(E.current),A.trap(E.current)):(L.untrap(),A.untrap()),()=>{L.untrap(),A.untrap()}),[a,_]),G({open:a,classPrefix:e,transitionElement:Y,dialogRef:I,dialogWindowRef:E,enabled:S,onTransitionEnd:()=>H(a)});const h=m=>{!M&&m.key==="Escape"&&(m.stopPropagation(),w(m))};n.useEffect(()=>{S||H(a),a&&D()},[a]);function H(m){var y,v;if(m)return k?(y=k.current)==null||y.focus():_&&((v=j.current)==null||v.focus()),document.addEventListener("keydown",h,!1),()=>document.removeEventListener("keydown",h,!1)}const W=c!=="hidden"&&n.createElement("button",{ref:j,className:p("icon-btn",Z,`${e}__close`,{"icon-btn--transparent":e==="toast-dialog"}),type:"button","aria-label":f,onClick:w},Q||n.createElement(oe.EbayIcon,{name:"close16"})),ee=o?`${e}__${o}-window`:`${e}__window`,z=((K=i==null?void 0:i.props)==null?void 0:K.id)||`dialog-title-${x}`,te=l||z,B=i?n.cloneElement(i,{...i.props,id:z}):null;return n.createElement(t,{...C,"aria-labelledby":te,"aria-modal":"true",role:X,hidden:!a,className:p(e,C.className),"aria-live":_?void 0:"polite",ref:I,onKeyDown:h},n.createElement("div",{className:p(ee,r),ref:E},u,B&&n.createElement("div",{className:`${e}__header`},U,c==="right"&&B,c!=="bottom"&&W,(c==="left"||c==="hidden")&&B),n.createElement("div",{id:d,className:`${e}__main`,onScroll:T},s),g?n.createElement("div",{className:`${e}__actions`},g):null,b||c==="bottom"?n.createElement("div",{className:`${e}__footer`},b,c==="bottom"&&W):null))},me=({isModal:t,open:e,children:r,animated:o=!0,...d})=>{const u=t!==!1,i=n.Children.toArray(r),c=i.find(a=>a.type===F),s=i.find(a=>a.type===$),l=i.find(a=>a.type===N),f=i.find(a=>a.type===q),w=i.find(a=>a.type===R),b=i.filter(a=>![F,$,q,N,R].some(D=>D===a.type)),g=n.createElement(de,{...d,open:e,isModal:u,header:c,footer:s,actions:l,closeButton:f,previousButton:w,animated:o},b);return o||e?u?n.createElement(ne.RemoveScroll,{enabled:e},g):g:null},N=({children:t})=>n.createElement(n.Fragment,null,t),R=({className:t,icon:e,...r})=>n.createElement(ce.EbayIconButton,{...r,icon:e||"chevronLeft16",className:p(t,"lightbox-dialog__prev")});exports.DialogBaseWithState=me;exports.EbayDialogActions=N;exports.EbayDialogCloseButton=q;exports.EbayDialogFooter=$;exports.EbayDialogHeader=F;exports.EbayDialogPreviousButton=R;exports.useDialogAnimation=G;