@ebay/ui-core-react 8.0.1-alpha.0 → 8.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dialog-previous-button-B-fysL3O.js +1 -0
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-fake-menu-button/index.js +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-listbox/index.js +1 -1
- package/ebay-pagination/index.js +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-snackbar-dialog/index.js +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/{lightbox-dialog-CH2_V8b5.js → lightbox-dialog-Il3dBNcR.js} +1 -1
- package/menu-button-label-DXaIbM6S.js +1 -0
- package/package.json +3 -3
- package/dialog-previous-button-tKOPYyjk.js +0 -1
- package/menu-button-label-DJq794te.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),d=require("classnames"),r=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),t=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),E=require("classnames"),i=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-DXaIbM6S.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("classnames"),r=require("../dialog-previous-button-
|
|
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;
|
package/ebay-infotip/index.js
CHANGED
|
@@ -1 +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-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-Il3dBNcR.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;
|
package/ebay-listbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),H=require("makeup-active-descendant"),d=require("makeup-typeahead"),x=require("classnames"),T=require("../utils-C9NL3q0j.js"),B=require("../scroll-OgAngNzq.js"),F=require("../icon-D4RDqpD4.js"),q=({children:f,className:p,...l})=>e.createElement("div",{className:x("listbox__description",p),...l},f),I=({className:f,icon:p,text:l,children:b,disabled:y,tabIndex:a,selected:h,..._})=>{const r=T.filterByType(b,q),m=l||(r!=null&&r.length?"":b);return e.createElement("div",{..._,tabIndex:y?-1:a,className:x("listbox__option",f),"aria-disabled":y,"aria-selected":h,role:"option"},p?e.createElement("span",{className:"listbox__value"},p,m?e.createElement("span",null,m):null,r!=null&&r.length?r:null):e.createElement(e.Fragment,null,e.createElement("span",{className:"listbox__value"},m),r!=null&&r.length?r:null),e.createElement(F.EbayIcon,{name:"tick16"}))};var R;const{default:K=d}=(R=d==null?void 0:d.default)!=null&&R.__esModule?d.default:d,P=1300,G=({name:f,className:p,disabled:l,children:b,tabIndex:y=0,listSelection:a,maxHeight:h,typeaheadTimeoutLength:_,selectClassName:r,onChange:m=()=>{},onEscape:N=()=>{},...O})=>{var L;const c=T.filterByType(b,I),g=c.findIndex(t=>t.props.selected),[u,C]=e.useState(c.findIndex(t=>t.props.selected));e.useEffect(()=>{g!==u&&C(g)},[g]);const o=e.useRef(),i=e.useRef(),E=e.useRef(),v=e.useRef(!1);function D(t,n,s){n===u||c[n].props.disabled||(C(n),m(t,{index:n,selected:[c[n].props.value],wasClicked:s}))}function w(t){switch(t.code){case"Esc":case"Escape":N();break;case"Space":case"Enter":D(t,i.current.index,!1);break}const n=E.current.getIndex(o.current.children,t.key,_||P);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 A(){v.current=!0}return e.useEffect(()=>{const t=n=>{const s=parseInt(n.detail.toIndex,10),k=o.current?o.current.querySelectorAll("[role=option]")[u]:null,M=v.current;B.scroll(k),v.current&&(v.current=!1),D(n,s,M)};if(c.length&&!l){const n=o.current,s=o.current;i.current=H.createLinear(n,s,s,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:u,autoReset:null,autoScroll:a!=="auto"}),E.current=K()}return a==="auto"&&o.current.addEventListener("activeDescendantChange",t),()=>{i.current&&(i.current.reset(),i.current.destroy(),i.current=void 0),E.current&&(E.current.destroy(),E.current=void 0),o.current&&o.current.removeEventListener("activeDescendantChange",t)}},[u,l,a]),e.createElement(e.Fragment,null,e.createElement("div",{...O,tabIndex:y,ref:o,role:"listbox",onKeyDown:a!=="auto"?w:void 0,className:x("listbox__options",p),style:{maxHeight:h}},c.map((t,n)=>e.cloneElement(t,{key:t.props.value||n,...t.props,onMouseDown:a==="auto"?A:void 0,onClick:s=>{a!=="auto"&&D(s,n,!0)},selected:n===u}))),e.createElement("select",{hidden:!0,className:x("listbox__native",r),name:f,disabled:l,value:(L=c[u])==null?void 0:L.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=G;exports.EbayListboxOption=I;exports.EbayListboxOptionDescription=q;
|
package/ebay-pagination/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("../menu-button-label-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("../menu-button-label-DXaIbM6S.js"),H=require("classnames"),ee=require("../debounce-BQsYxxOL.js"),te=require("../utils-C9NL3q0j.js"),$=require("../icon-D4RDqpD4.js"),ne=require("../forwardRef-fPwzYd82.js");require("../array.polyfill.flat-5BAolFdk.js");const re=1,T=9,K=4,j=2,oe=T-j;function ie(e,n,a=e,s=null){const h=s==="show-last"||s==="overflow"&&e>T,l=s==="overflow"&&e>T,c=Math.min(a,e),v=Math.max(0,n-Math.ceil((c-1)/2)),E=c<K?n:Math.max(0,n-Math.floor((c-1)/2)),d=(h?E:v)+c,f=d>=e,M=n<=K,I=(b,i)=>{const r=O(e,b,i);return c>2?(r[i-2]="dots",r[i-1]="hidden",r[e-1]="visible"):c>1&&(r[i-1]="dots"),r},g=(b,i)=>{if(M)return I(0,i);if(f){const w=O(e,e-oe,e);return w[0]="visible",w[1]="dots",w}const r=O(e,n-j,n+j+1);return r[0]="visible",r[1]=M?"visible":"dots",r[e-2]="dots",r[e-1]="visible",r};return f&&e<=T?O(e,e-c):h?l?g(E,d):I(E,d):O(e,v,d)}function ae(e,n,a,s="show-range"){if(e===-1)return[];const h=s==="overflow"?T:se(Math.min(a,n),re,T);return ie(a,e-1,h,s)}function se(e,n,a){return e<=n?n:e>=a?a:e}function O(e,n,a){return Array(e).fill("hidden").fill("visible",n,a)}function ce(e){if(!e)return 0;e.style.width="100vw";const n=e.offsetWidth;return e.style.width=null,n}const ue=({id:e="ebay-pagination",className:n,a11yCurrentText:a="Pagination - Current Page",a11yPreviousText:s="Previous page",a11yNextText:h="Next page",variant:l="show-range",fluid:c=!1,onPrevious:v=()=>{},onNext:E=()=>{},onSelect:d=()=>{},children:f,...M})=>{const I=t.useRef(null),g=t.useRef([]);g.current=t.Children.map(f,t.createRef);const b=te.filterBy(f,({props:o})=>o.type===void 0||o.type==="page").length,i=t.useRef(0),r=t.useRef(0),w=()=>{var y,_,x,p;const o=r.current||((_=(y=g.current[0])==null?void 0:y.current)==null?void 0:_.offsetWidth);r.current=o;const m=i.current||((p=(x=g.current[1])==null?void 0:x.current)==null?void 0:p.offsetWidth);return i.current=m,m?Math.floor((ce(I.current)-o*2)/m):0},[A,B]=t.useState([]),[N,q]=t.useState(0),S=o=>{const m=o||g.current.findIndex(x=>{var p;return((p=x.current)==null?void 0:p.getAttribute("aria-current"))==="page"}),y=w(),_=ae(m,y,b,l);q(m),B(["hidden",..._])};t.useEffect(()=>{const o=ee.debounce(S,16);return S(),window.addEventListener("resize",()=>o()),()=>{window.removeEventListener("resize",()=>o())}},[f]);const W=o=>{let m=0;const y=[],_=[],x=[],p=A.indexOf("dots"),G=A.lastIndexOf("dots");return t.Children.map(f,(V,D)=>{const{type:L="page",current:Q,disabled:Y,href:P,children:U}=V.props,k=A[D]==="dots",z=`${e}-item-${D}`,X=A[D]==="hidden",Z={current:Q,disabled:Y,href:P,type:k&&L==="page"?"separator":L,children:k?t.createElement($.EbayIcon,{name:"overflowHorizontal24",focusable:!1}):U,pageIndex:L==="page"?m++:void 0,key:z,hide:X,onPrevious:v,onNext:E,onSelect:d,a11yPreviousText:s,a11yNextText:h,ref:g.current[D]};if((X||k)&&L==="page"){const C=t.createElement(J.EbayFakeMenuButtonItem,{key:z,href:P,onClick:F=>{P||F.preventDefault();const R=F.currentTarget;d(F,{value:(R==null?void 0:R.innerText)||"",index:m}),S(Number(R==null?void 0:R.innerText))}},U);p===G&&x.push(C),N-2>p&&D<N&&y.push(C),N+2<G&&D>N&&_.push(C)}if(o==="page"&&k&&l==="overflow"){let C=x;return p!==G&&(C=D===2?y:_),t.createElement("li",{key:z},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(J.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},C)))}return o===L?t.cloneElement(V,Z):null})},u=`${e}-pagination-heading`;return t.createElement("nav",{...M,role:"navigation",className:H(n,"pagination",{"pagination--fluid":c}),"aria-labelledby":u,ref:I},t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:u},a)),W("previous"),t.createElement("ol",{className:"pagination__items"},W("page")),W("next"))},le=({pageIndex:e=0,key:n,current:a,disabled:s,type:h="page",href:l,hide:c,children:v,a11yPreviousText:E="Previous page",a11yNextText:d="Next page",onSelect:f,onNext:M,onPrevious:I,className:g,style:b,forwardedRef:i,...r})=>{const w=u=>{var o;f(u,{value:((o=u.currentTarget)==null?void 0:o.innerText)||"",index:e})},A=u=>{u.currentTarget.getAttribute("aria-disabled")||M(u)},B=u=>{u.currentTarget.getAttribute("aria-disabled")||I(u)},N=!!l,q=N?"a":"button",S=N?"icon-link":"icon-btn",W={...b,minWidth:"40px"};switch(h){case"previous":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":E,href:s?void 0:l,className:H(S,"pagination__previous"),style:W,onClick:B},t.createElement($.EbayIcon,{name:"arrowLeft16"}));case"next":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":d,href:s?void 0:l,className:H(S,"pagination__next"),style:W,onClick:A},t.createElement($.EbayIcon,{name:"arrowRight16"}));case"separator":return t.createElement("span",{key:n,style:b,className:"pagination__item",ref:i,role:"separator"},v);default:return t.createElement("li",{...r,hidden:c},t.createElement(q,{ref:i,"aria-current":a?"page":void 0,href:l,className:"pagination__item",style:b,key:n,onClick:w},v))}},de=ne.withForwardRef(le);exports.EbayPagination=ue;exports.EbayPaginationItem=de;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("classnames"),c=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("classnames"),e=require("react"),k=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("classnames"),i=require("../dialog-previous-button-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const l=require("react"),e=require("classnames"),d=require("./dialog-previous-button-
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react"),s=require("classnames"),i=require("./utils-C9NL3q0j.js"),T=require("./index-Bsb1LHpi.js"),H=require("./forwardRef-fPwzYd82.js"),z=require("./button-6S4U-4HH.js"),O=require("./icon-D4RDqpD4.js"),P=require("./icon-button-Bjjvld0a.js"),k=require("./menu-item-Cf-tQ72X.js"),$=require("./dropdown-pp-aluo7.js"),j=({a11yText:a,noToggleIcon:u,fixWidth:I,reverse:d,variant:f,expanded:q=!1,className:w,onCollapse:v=()=>{},onExpand:x=()=>{},onMouseDown:F=()=>{},onSelect:N=()=>{},text:b="",children:r,...S})=>{const[o,c]=e.useState(q),[p,h]=e.useState(),E=i.findComponent(r,O.EbayIcon),C=i.findComponent(r,_)||(E?e.createElement("span",null,b):b),g=i.filterByType(r,[B,M]),{overlayStyles:L,refs:l}=$.useFloatingDropdown({open:o,options:{reverse:d}}),m=l.host;e.useEffect(()=>{const n=t=>{m.current&&!m.current.contains(t.currentTarget)&&c(!1)};return o?(x(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&v(),()=>document.removeEventListener("click",n,!1)},[o]),e.useEffect(()=>{h(H.randomId())},[]);const D=n=>{T.handleEscapeKeydown(n,()=>{var t;c(!1),(t=m.current)==null||t.focus()})},K=s("fake-menu-button__menu",{"menu-button__menu--fix-width":I,"menu-button__menu--reverse":d}),y={ref:l.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":a,"aria-controls":p,onClick:()=>c(!o),...S};return e.createElement("span",{className:s("fake-menu-button",w)},f==="overflow"?e.createElement(P.EbayIconButton,{icon:"overflowHorizontal24",...y}):e.createElement(z.EbayButton,{variant:f==="form"?"form":void 0,bodyState:u?void 0:"expand",...y},E,C),o&&e.createElement(k.EbayFakeMenu,{ref:l.setOverlay,className:K,id:p,tabIndex:-1,onKeyDown:D,onSelect:N,style:L},g.map((n,t)=>e.cloneElement(n,{...n.props,onMouseDown:R=>{F(R,{index:t})},className:s(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0}))))},B=k.EbayMenuItem,M=({className:a,...u})=>e.createElement("hr",{...u,className:s(a,"menu-button__separator"),role:"separator"}),_=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayFakeMenuButtonItem=B;exports.EbayFakeMenuButtonLabel=_;exports.EbayMenuButton=j;exports.EbayMenuButtonSeparator=M;
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ebay/ui-core-react",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.2",
|
|
4
4
|
"description": "Skin components build off React",
|
|
5
5
|
"publishConfig": {
|
|
6
|
-
"registry": "https://registry.npmjs.org"
|
|
6
|
+
"registry": "https://registry.npmjs.org",
|
|
7
|
+
"directory": "dist"
|
|
7
8
|
},
|
|
8
9
|
"exports": {
|
|
9
10
|
"./package.json": "./package.json",
|
|
@@ -32,7 +33,6 @@
|
|
|
32
33
|
"copy": "copyfiles package.json README.md dist; yarn copy:rest",
|
|
33
34
|
"copy:rest": "yarn copyfiles -u 1 'src/**/*.md' dist",
|
|
34
35
|
"release": "yarn clean && yarn build && yarn copy && CI=1 changeset publish",
|
|
35
|
-
"release:rc": "yarn clean && yarn build && yarn copy && CI=1 npm publish --tag rc dist/",
|
|
36
36
|
"prepare": "node scripts/husky-install || node ../scripts/husky-install",
|
|
37
37
|
"version": "yarn update-icons && git add -A src && changeset version"
|
|
38
38
|
},
|
|
@@ -1 +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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react"),s=require("classnames"),i=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-fPwzYd82.js"),O=require("./button-6S4U-4HH.js"),k=require("./icon-D4RDqpD4.js"),P=require("./icon-button-Bjjvld0a.js"),B=require("./menu-item-Cf-tQ72X.js"),$=require("./dropdown-pp-aluo7.js"),j=({a11yText:a,noToggleIcon:u,fixWidth:w,reverse:d,variant:f,expanded:q=!1,className:v,onCollapse:F=()=>{},onExpand:x=()=>{},onMouseDown:N=()=>{},onSelect:h=()=>{},text:b="",children:r,...C})=>{const[o,c]=e.useState(q),[E,S]=e.useState(),p=i.findComponent(r,k.EbayIcon),g=i.findComponent(r,_)||(p?e.createElement("span",null,b):b),D=i.filterByType(r,[M,I]),{overlayStyles:L,refs:l}=$.useFloatingDropdown({open:o,options:{reverse:d}}),m=l.host;e.useEffect(()=>{const n=t=>{m.current&&!m.current.contains(t.currentTarget)&&c(!1)};return o?(x(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&F(),()=>document.removeEventListener("click",n,!1)},[o]),e.useEffect(()=>{S(z.randomId())},[]);const K=n=>{H.handleEscapeKeydown(n,()=>{var t;c(!1),(t=m.current)==null||t.focus()})},R=s("fake-menu-button__menu",{"menu-button__menu--fix-width":w,"menu-button__menu--reverse":d}),y={ref:l.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":a,"aria-controls":E,onClick:()=>c(!o),...C};return e.createElement("span",{className:s("fake-menu-button",v)},f==="overflow"?e.createElement(P.EbayIconButton,{icon:"overflowHorizontal24",...y}):e.createElement(O.EbayButton,{variant:f==="form"?"form":void 0,...y},p,g,!u&&e.createElement(k.EbayIcon,{name:"chevronDown12"})),o&&e.createElement(B.EbayFakeMenu,{ref:l.setOverlay,className:R,id:E,tabIndex:-1,onKeyDown:K,onSelect:h,style:L},D.map((n,t)=>e.cloneElement(n,{...n.props,onMouseDown:T=>{N(T,{index:t})},className:s(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0}))))},M=B.EbayMenuItem,I=({className:a,...u})=>e.createElement("hr",{...u,className:s(a,"menu-button__separator"),role:"separator"}),_=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayFakeMenuButtonItem=M;exports.EbayFakeMenuButtonLabel=_;exports.EbayMenuButton=j;exports.EbayMenuButtonSeparator=I;
|