@ebay/ui-core-react 8.5.2 → 8.7.0

package/dialog-previous-button-DR6Ujner.js

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

package/ebay-details-CwOA53up.js

@@ -1 +0,0 @@
-"use strict";const y=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("classnames"),s=require("./icon-C-bWGO-9.js"),N=t=>{var{size:r,alignment:m,layout:n,text:o,as:i="div",className:d,open:_,onToggle:l,children:u}=t,E=y.__rest(t,["size","alignment","layout","text","as","className","open","onToggle","children"]);const g=l&&(c=>{l(c,{open:c.currentTarget.open})});return e.createElement("details",Object.assign({open:_,onToggle:g,className:a("details",d)},E),e.createElement("summary",{className:a("details__summary",{"details__summary--small":r==="small","details__summary--center":m==="center"})},e.createElement("span",{className:"details__label"},o),e.createElement("span",{className:"details__icon",hidden:!0},n==="accordion"?e.createElement(e.Fragment,null,e.createElement(s.EbayIcon,{className:"details__expand",name:"add16"}),e.createElement(s.EbayIcon,{className:"details__collapse",name:"remove16"})):e.createElement(s.EbayIcon,{name:"chevronDown16"}))),e.createElement(i,{className:a({details__content:n==="accordion"})},u))};exports.EbayDetails=N;

package/file-preview-card-D4qnvGtF.js

@@ -1 +0,0 @@
-"use strict";const S=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("./icon-button-CHW6Lezn.js"),x=require("./menu-button-label-BsTtpKB2.js"),w=require("./menu-mTGSTnD8.js"),I=require("classnames"),T=require("./progress-spinner-BQ5Ms2Nu.js"),g=require("./icon-C-bWGO-9.js"),q=({status:t,menuActions:n,onMenuAction:l,deleteText:u,onCancel:a,onDelete:i,a11yCancelUploadText:p})=>{const v=(r,c)=>{var o;if(c){const s=(o=c.checked)===null||o===void 0?void 0:o[0],m=n&&s!==void 0&&s in n?n[s].event:null;m&&l?l(r,Object.assign(Object.assign({},c),{eventName:m})):i&&i(r)}};return t==="uploading"?e.createElement(y.EbayIconButton,{"aria-label":p,onClick:a,className:"file-preview-card__action",icon:"close16"}):n!=null&&n.length?e.createElement(e.Fragment,null,e.createElement(x.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:v},n.map(r=>e.createElement(w.EbayMenuItem,{value:r.event,key:r.label},r.label)),e.createElement(w.EbayMenuItem,{key:"delete",value:"delete"},u))):e.createElement(y.EbayIconButton,{"aria-label":u,className:"file-preview-card__action",icon:"delete16",onClick:i})},h=({file:t,status:n,seeMore:l})=>{if(n==="uploading")return e.createElement(T.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:I("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:n})=>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"}),n||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),B=t=>{var{a11yCancelUploadText:n,status:l,as:u="div",file:a,seeMore:i,deleteText:p,footerTitle:v,footerSubtitle:r,a11ySeeMoreText:c,menuActions:o,infoText:s,onCancel:m,onDelete:N,onMenuAction:M,onSeeMore:C}=t,F=S.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","onCancel","onDelete","onMenuAction","onSeeMore"]);const _=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(u,Object.assign({className:"file-preview-card"},F),e.createElement("div",{className:"file-preview-card__body"},e.createElement(h,{file:_,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:C,"aria-label":c},e.createElement("span",null,"+",i)):e.createElement(q,{a11yCancelUploadText:n,status:l,menuActions:o,onMenuAction:M,deleteText:p,onCancel:m,onDelete:N}),e.createElement(k,{file:_,infoText:s})),v&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,v),r&&e.createElement("span",null,r)))};exports.EbayFileInput=B;