@ebay/ui-core-react 8.9.0 → 8.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{button-DhwBC3vw.js → button-BeNUU3lZ.js} +1 -1
- package/calendar-Dw_PWT2C.js +1 -0
- package/checkbox-CFfWkQ2y.js +1 -0
- package/{chip-CfMEg9CT.js → chip-CuR-Dm9y.js} +1 -1
- package/combobox-cHR61pQI.js +1 -0
- package/common/dropdown.d.ts +1 -1
- package/common/dropdown.d.ts.map +1 -1
- package/{dialog-previous-button-C3ZdijBt.js → dialog-previous-button-DvWLfiq0.js} +1 -1
- package/dropdown-B2vObM4k.js +1 -0
- package/ebay-accordion/index.js +2 -2
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-avatar/index.js +1 -1
- package/ebay-breadcrumbs/index.js +1 -1
- package/ebay-button/index.js +1 -1
- package/ebay-calendar/index.js +1 -1
- package/ebay-carousel/carousel-control-button.d.ts.map +1 -1
- package/ebay-carousel/carousel-item.d.ts.map +1 -1
- package/ebay-carousel/carousel.d.ts.map +1 -1
- package/ebay-carousel/index.js +1 -1
- package/ebay-ccd/index.js +1 -1
- package/ebay-checkbox/index.js +1 -1
- package/ebay-chip/index.js +1 -1
- package/ebay-chips-combobox/index.js +1 -1
- package/ebay-combobox/index.js +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/index.js +1 -1
- package/ebay-date-textbox/date-textbox.d.ts +2 -2
- package/ebay-date-textbox/date-textbox.d.ts.map +1 -1
- package/ebay-date-textbox/index.js +1 -1
- package/ebay-details/index.js +1 -1
- package/{ebay-details-BuPepKYE.js → ebay-details-rAR5ofJT.js} +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-education-notice/index.js +1 -1
- package/ebay-eek/index.js +1 -1
- package/ebay-fake-link/index.js +1 -1
- package/ebay-fake-menu/index.js +1 -1
- package/ebay-fake-menu-button/index.js +1 -1
- package/ebay-file-input/index.js +1 -1
- package/ebay-file-preview-card/index.js +1 -1
- package/ebay-file-preview-card-group/index.js +1 -1
- package/ebay-filter-menu/filter-menu.d.ts.map +1 -1
- package/ebay-filter-menu/index.js +1 -1
- package/ebay-filter-menu-button/index.js +1 -1
- package/ebay-flag/README.md +28 -0
- package/ebay-flag/flag-icon.d.ts +9 -0
- package/ebay-flag/flag-icon.d.ts.map +1 -0
- package/ebay-flag/flag.d.ts +8 -0
- package/ebay-flag/flag.d.ts.map +1 -0
- package/ebay-flag/index.d.ts +4 -0
- package/ebay-flag/index.d.ts.map +1 -0
- package/ebay-flag/index.js +1 -0
- package/ebay-flag/types.d.ts +2 -0
- package/ebay-flag/types.d.ts.map +1 -0
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/icon.d.ts +4 -3
- package/ebay-icon/icon.d.ts.map +1 -1
- package/ebay-icon/index.js +1 -1
- package/ebay-icon-button/index.js +1 -1
- package/ebay-image-placeholder/index.js +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-inline-notice/index.js +1 -1
- package/ebay-item-tile/index.js +1 -1
- package/ebay-item-tile-group/index.js +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-listbox/index.js +1 -1
- package/ebay-listbox-button/index.js +2 -2
- package/ebay-menu/index.js +1 -1
- package/ebay-menu-button/index.js +1 -1
- package/ebay-number-input/index.js +1 -1
- package/ebay-page-notice/index.js +1 -1
- package/ebay-pagination/index.js +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-progress-bar-expressive/index.js +1 -1
- package/ebay-progress-spinner/index.js +1 -1
- package/ebay-progress-stepper/index.js +1 -1
- package/ebay-radio/index.js +1 -1
- package/ebay-section-notice/index.js +1 -1
- package/ebay-segmented-buttons/index.js +1 -1
- package/ebay-select/index.js +1 -1
- package/ebay-snackbar-dialog/index.js +1 -1
- package/ebay-split-button/index.js +1 -1
- package/ebay-star-rating/index.js +1 -1
- package/ebay-star-rating-select/index.js +1 -1
- package/ebay-svg/README.md +2 -1
- package/ebay-svg/flag-symbols.d.ts +3 -0
- package/ebay-svg/flag-symbols.d.ts.map +1 -0
- package/ebay-svg/flags-svg.d.ts +4 -0
- package/ebay-svg/flags-svg.d.ts.map +1 -0
- package/ebay-svg/index.d.ts +1 -0
- package/ebay-svg/index.d.ts.map +1 -1
- package/ebay-svg/index.js +1 -1
- package/ebay-table/index.js +1 -1
- package/ebay-textbox/index.js +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/ebay-toggle-button/index.js +1 -1
- package/ebay-toggle-button-group/index.js +1 -1
- package/ebay-tooltip/ebay-tooltip.d.ts.map +1 -1
- package/ebay-tooltip/index.js +1 -1
- package/ebay-tourtip/index.js +1 -1
- package/ebay-tri-state-checkbox/index.js +1 -1
- package/ebay-video/index.js +1 -1
- package/file-preview-card-DhE3ImRG.js +1 -0
- package/filter-menu-Di_eSs8N.js +1 -0
- package/hooks-DTTigNDz.js +1 -0
- package/icon-CR8ApQBy.js +1 -0
- package/{icon-button-CHW6Lezn.js → icon-button-B1aE4GTn.js} +1 -1
- package/item-tile-CJ674vES.js +1 -0
- package/{lightbox-dialog-U775uoDp.js → lightbox-dialog-q62AUlIh.js} +1 -1
- package/{menu-button-label-BsTtpKB2.js → menu-button-label-BOHK__Vy.js} +1 -1
- package/{menu-button-label-CN_zoO9F.js → menu-button-label-DW1J7wBr.js} +1 -1
- package/{menu-mTGSTnD8.js → menu-fWohPckl.js} +1 -1
- package/{menu-item-D_m4VPNi.js → menu-item-B6NlMsNL.js} +1 -1
- package/package.json +4 -4
- package/{progress-spinner-BQ5Ms2Nu.js → progress-spinner-BqahPJmn.js} +1 -1
- package/radio-C1imt8Q-.js +1 -0
- package/textbox-bggbXBGB.js +1 -0
- package/{toggle-button-BLFYrRDI.js → toggle-button-llE9yuer.js} +1 -1
- package/tri-state-checkbox-BdVzo8pO.js +1 -0
- package/use-tooltip-CNTlgBVF.js +1 -0
- package/calendar-Bnx_QLoQ.js +0 -1
- package/checkbox-ebkMhvbJ.js +0 -1
- package/combobox-BzM04rYV.js +0 -1
- package/dropdown-BGdrijmi.js +0 -1
- package/file-preview-card-BD6TIsY7.js +0 -1
- package/filter-menu-DVoaD81G.js +0 -1
- package/hooks-B4eFIQlH.js +0 -1
- package/icon-C-bWGO-9.js +0 -1
- package/item-tile-lBRIeVHa.js +0 -1
- package/radio-DLgEB-qH.js +0 -1
- package/textbox-voEWwh3v.js +0 -1
- package/tri-state-checkbox-BLbLOJc1.js +0 -1
- package/use-tooltip-mcJqLqOg.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const B=require("./tslib.es6-C4EgNkz1.js"),n=require("react"),S=require("classnames"),H=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const u=require("./icon-
|
|
1
|
+
"use strict";const B=require("./tslib.es6-C4EgNkz1.js"),n=require("react"),S=require("classnames"),H=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const u=require("./icon-CR8ApQBy.js"),L=require("./progress-spinner-BqahPJmn.js"),A={cta:"cta-",fake:"fake-",expand:"expand-",default:""},y=t=>{var{type:r="default",children:a}=t,s=B.__rest(t,["type","children"]);return n.createElement("span",Object.assign({className:`${A[r]}btn__cell`},s),n.createElement(n.Fragment,null,a))},P=()=>n.createElement(y,null,n.createElement(L.EbayProgressSpinner,null)),T=({className:t,children:r})=>n.createElement("span",{className:S(t,"btn__text")},r),G=({children:t})=>t?n.createElement(y,null,n.createElement(T,null,t),n.createElement(u.EbayIcon,{name:"chevronDown12"})):n.createElement(u.EbayIcon,{name:"chevronDown12"}),J=t=>{var{priority:r="secondary",variant:a="standard",size:s,bodyState:f,split:q,transparent:N=!1,fluid:_=!1,disabled:b,partiallyDisabled:k,children:o,onKeyDown:C=()=>{},onEscape:R=()=>{},truncate:I=!1,href:c,className:K,forwardedRef:m,borderless:p,fixedHeight:E}=t,$=B.__rest(t,["priority","variant","size","bodyState","split","transparent","fluid","disabled","partiallyDisabled","children","onKeyDown","onEscape","truncate","href","className","forwardedRef","borderless","fixedHeight"]);const e=c?"fake-btn":"btn",O={primary:`${e}--primary`,secondary:`${e}--secondary`,tertiary:`${e}--tertiary`,none:""},i={large:`${e}--large`,small:`${e}--small`},j={start:`${e}--split-start`,end:`${e}--split-end`},z=a==="destructive",d=a==="form",g=f==="loading",h=f==="expand",F=d&&(Q(o)||h&&!o),v=S(e,K,O[d||p?"none":r],i[s],j[q],z&&`${e}--destructive`,d&&`${e}--form`,F&&`${e}--slim`,N&&`${e}--transparent`,_&&`${e}--fluid`,I&&`${e}--truncated`,p&&`${e}--borderless`,E&&(i[s]?`${i[s]}-${E}`:`${e}--fixed-height`)),w=l=>{C(l),(l.key==="Escape"||l.key==="Esc")&&R(l)},x=M(o,{isLoading:g,isExpand:h}),D=g?"polite":null;return c?n.createElement("a",Object.assign({className:v,href:b?void 0:c,ref:m,onKeyDown:w,"aria-live":D},$),x):n.createElement("button",Object.assign({disabled:b,"aria-disabled":k,"aria-live":D,className:v,ref:m,onKeyDown:w},$),x)};function M(t,{isLoading:r,isExpand:a}){switch(!0){case r:return n.createElement(P,null);case a:return n.createElement(G,null,t);default:return t}}function Q(t){const r=n.Children.toArray(t);return r.length===1&&r[0].type===u.EbayIcon}const U=H.withForwardRef(J);exports.EbayButton=U;exports.EbayButtonCell=y;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r=require("react"),ue=require("./icon-button-B1aE4GTn.js"),de=require("classnames");function Ce(n){const c=new Intl.Locale(n);return c.weekInfo?c.weekInfo.firstDay:0}function Ue(n){const c=Ce(n),i=new Intl.DateTimeFormat(n,{weekday:"short"}),d=new Date(2022,9,2+c),A=[...Array(7)].map(()=>{const k=i.format(d);return d.setDate(d.getDate()+1),k});return{firstDayOfWeek:c,weekdayLabels:A}}function Ae(n){if(n)return/^\d\d\d\d-\d\d-\d\d$/g.test(n)?n:u(new Date(n))}function u(n){if(!isNaN(n.getTime()))return n.toISOString().slice(0,10)}function U(n){return new Date(n)}function H(n,c){const i=U(n);return i.setUTCDate(i.getUTCDate()+c),u(i)}function fe(n){return n||navigator.language}const Fe={ArrowRight:1,ArrowLeft:-1,ArrowDown:7,ArrowUp:-7},Re=({selected:n,numMonths:c=1,navigable:i,interactive:d,range:A,locale:k,disableBefore:g,disableAfter:I,disableWeekdays:B,disableList:G,a11ySelectedText:me="selected",a11yRangeStartText:ye="start of range",a11yInRangeText:ge="in range",a11yRangeEndText:Ie="end of range",a11ySeparator:J="-",a11yTodayText:De="today",a11yDisabledText:Se="inactive",getA11yShowMonthText:Q=T=>`Show ${T}`,linkBuilder:X,onMonthChange:Z=()=>{},onFocus:we=()=>{},onSelect:Ee=()=>{}})=>{const T=u(new Date),{firstDayOfWeek:Oe,weekdayLabels:Te}=Ue(fe(k)),ee=r.useRef(null),[m,F]=r.useState(0),[te,ne]=r.useState(null),[D,_]=r.useState(T),R=r.useRef(T),S=e=>{const t=U(R.current);return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth()+e))},w=()=>u(S(m)),E=()=>{const e=U(R.current);return u(new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+m+(c||1),0)))};r.useEffect(()=>{if(n){const e=Array.isArray(n)?n:[n],t=w(),a=E();e.find(f=>f>=t&&f<=a)===void 0&&(R.current=e[0],F(0))}},[n]);const be=()=>{if(n&&A){let e,t;if(Array.isArray(n)?[e,t]=n:te&&(e=n,t=te),e&&t){const[a,s]=[e,t].sort();return{rangeStart:a,rangeEnd:s}}}return{rangeStart:null,rangeEnd:null}},h=e=>new Intl.DateTimeFormat(fe(k),{month:"long",year:"numeric"}).format(new Date(e.getUTCFullYear(),e.getUTCMonth())),p=e=>g&&e<g||I&&e>I||B&&B.includes(U(e).getUTCDay())||G&&G.includes(e),ae=()=>{let e=w();const t=E();for(;e<=t&&p(e);)e=H(e,1);return e>t?null:e},re=()=>{let e=E();const t=w();for(;e>=t&&p(e);)e=H(e,-1);return e<t?null:e},b=e=>{_(e),setTimeout(()=>{var t;const a=(t=ee.current)===null||t===void 0?void 0:t.querySelector(`[data-iso="${e}"]`);a?.focus()})},N=e=>{if(g&&w()<=g)return!1;F(s=>s-1);let t=D;const a=re();return a&&a<D&&(t=a,_(a)),e&&b(t),Z({iso:u(S(m))}),!0},L=e=>{if(I&&E()>=I)return!1;F(s=>s+1);let t=D;const a=ae();a&&a>D&&(t=a,_(a)),e&&b(t),Z({iso:u(S(m+(c||1)))})},ke=e=>{const t=Fe[e.key];if(t){e.preventDefault();let a=7,s=D;do s=H(s,t);while(a-- >0&&p(s));if(a>0){const f=w(),O=E();s<f?i?N():s=f:s>O&&(i?L():s=O),b(s)}}else switch(e.key){case"PageUp":N(!0);break;case"PageDown":L(!0);break;case"Home":b(ae());break;case"End":b(re());break}},_e=(e,t)=>{Ee(e,{iso:t})},se=(e,t)=>{ne(t),_(t),we(e,{iso:t})},oe=()=>{ne(null)},{rangeStart:V,rangeEnd:x}=be(),he=e=>!(!V||!x||e<V||e>x),ce=[...Array(c)].map((e,t)=>S(m+t));return r.createElement("div",{className:"calendar",ref:ee},i&&r.createElement("div",{className:"calendar__header"},r.createElement("div",{className:"calendar__header--inner"},r.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronLeft24",disabled:g&&w()<=g,"aria-label":Q(h(S(m-1))),onClick:()=>N()}),ce.map((e,t)=>r.createElement("h3",{key:t},h(e))),r.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronRight24",disabled:I&&E()>=I,"aria-label":Q(h(S(m+c))),onClick:()=>L()}))),r.createElement("div",{className:"calendar__body"},ce.map((e,t)=>{const a=(e.getUTCDay()-Oe+7)%7,s=e.getUTCFullYear(),f=e.getUTCMonth(),O=new Date(s,f+1,0).getDate(),pe=[...Array(Math.ceil((a+O)/7))];return r.createElement("div",{key:t,className:"calendar__month"},r.createElement("table",{onKeyDown:ke},r.createElement("caption",null,h(e)),r.createElement("thead",null,r.createElement("tr",null,Te.map(M=>r.createElement("th",{key:M,scope:"col"},M)))),r.createElement("tbody",null,pe.map((M,Y)=>{let $=Y*7-a+1,q=$+6;const P=[];Y===0&&a!==0?($=1,P.push(r.createElement("td",{key:"pre-column",colSpan:a}))):q>O&&(q=O);for(let y=$;y<=q;y++){const o=u(new Date(Date.UTC(s,f,y))),W=o===T,j=Array.isArray(n)?n.some(l=>l===o):n===o,z=o===V,le=he(o),K=o===x,v=p(o),C=["",j&&me,z&&ye,!z&&!K&&le&&ge,K&&Ie,!d&&W&&De,!d&&v&&Se].filter(l=>typeof l!="boolean"||l!==!1),ie=!d&&!v&&X&&X(o),ve=ie?"a":"span";P.push(r.createElement("td",{key:y,className:de({"calendar__cell--selected":j,"calendar__range--start":z,calendar__range:le,"calendar__range--end":K})},d?r.createElement("button",{disabled:v,"aria-label":C.length>1?`${y}${C.join(J)}`:void 0,tabIndex:D!==o?-1:void 0,"aria-current":W?"date":void 0,"aria-pressed":j?"true":void 0,onClick:l=>_e(l,o),onFocus:l=>se(l,o),onMouseOver:l=>se(l,o),onMouseOut:()=>oe(),onBlur:()=>oe(),"data-iso":o},y):r.createElement(ve,{className:de({"calendar__cell--disabled":v,"calendar__cell--current":W}),href:ie},y,C.length>1&&r.createElement("span",{className:"clipped"},C.join(J)))))}return r.createElement("tr",{key:Y},P)}))))})))};exports.EbayCalendar=Re;exports.dateArgToISO=Ae;exports.toISO=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const F=require("./tslib.es6-C4EgNkz1.js"),c=require("react"),j=require("classnames"),a=require("./icon-CR8ApQBy.js"),I=require("./label-BRztS0pw.js"),O=require("./utils-C9NL3q0j.js"),w=o=>typeof o<"u",D=o=>{var{id:d,size:t="default",className:r,style:k,checked:h,defaultChecked:u=!1,onChange:b=()=>{},onFocus:m=()=>{},onKeyDown:g=()=>{},children:i,inputRef:v}=o,C=F.__rest(o,["id","size","className","style","checked","defaultChecked","onChange","onFocus","onKeyDown","children","inputRef"]);const[y,_]=c.useState(u),x=n=>{const e=n.target;b(n,{value:e?.value,checked:!!e?.checked}),_(e?.checked)},E=n=>{var e,l;return m(n,{value:(e=n.target)===null||e===void 0?void 0:e.value,checked:!!(!((l=n.target)===null||l===void 0)&&l.checked)})},p=n=>{const e=n.target;g(n,{value:e.value,checked:!!e.checked})},f=j("checkbox",r,{"checkbox--large":t==="large"}),N=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}):c.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),q=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}):c.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),s=O.findComponent(i,I.Label);return c.createElement(c.Fragment,null,c.createElement("span",{className:f,style:Object.assign(Object.assign({},k),{alignItems:"center"})},c.createElement("input",Object.assign({},C,{id:d,className:"checkbox__control",type:"checkbox",checked:w(h)?h:y,onChange:x,onFocus:E,onKeyDown:p,ref:v})),c.createElement("span",{className:"checkbox__icon",hidden:!0},N,q)),s?c.cloneElement(s,Object.assign(Object.assign({},s.props),{position:"end",htmlFor:d})):i)};exports.EbayCheckbox=D;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const l=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),o=require("./random-id-DlJj_RWH.js");require("./array.polyfill.flat-5BAolFdk.js");const b=require("./icon-
|
|
1
|
+
"use strict";const l=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),o=require("./random-id-DlJj_RWH.js");require("./array.polyfill.flat-5BAolFdk.js");const b=require("./icon-CR8ApQBy.js"),u=t=>{var{a11yDeleteButtonText:a,onDelete:s,disabled:c,children:r}=t,i=l.__rest(t,["a11yDeleteButtonText","onDelete","disabled","children"]);const n=o.useRandomId();return e.createElement("span",Object.assign({},i,{className:"chip"}),e.createElement("span",{id:n,className:"ebay-chip__text"},r),a?e.createElement("button",{type:"button",className:"chip__button","aria-label":a,"aria-describedby":n,disabled:c,onClick:s},e.createElement(b.EbayIcon,{name:"close12"})):null)};exports.EbayChip=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const V=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),x=require("classnames"),be=require("./hooks-DTTigNDz.js"),M=require("./utils-C9NL3q0j.js"),I=require("./dropdown-B2vObM4k.js"),K=s=>{var{className:p}=s,d=V.__rest(s,["className"]);return t.createElement("button",Object.assign({className:x("icon-btn","icon-btn--transparent",p)},d))},T=s=>{var{text:p,className:d,selected:C}=s,c=V.__rest(s,["text","className","selected"]);return t.createElement("div",Object.assign({},c,{role:"option",className:x("combobox__option",d),tabIndex:-1,"aria-selected":C}),p)},fe=s=>{var{className:p,floatingLabel:d,fluid:C,expanded:c,borderless:j,autocomplete:v="none",listSelection:k="automatic",defaultValue:A="",value:h,placeholder:H,opaqueLabel:U,children:D,dropdownRef:Y,onFocus:z=()=>{},onClick:G=()=>{},onExpand:J=()=>{},onCollapse:P=()=>{},onInputChange:L=()=>{},onFloatingLabelInit:Q=()=>{},onChange:W=()=>{},onSelect:X=()=>{},onKeyDown:Z=()=>{}}=s,g=V.__rest(s,["className","floatingLabel","fluid","expanded","borderless","autocomplete","listSelection","defaultValue","value","placeholder","opaqueLabel","children","dropdownRef","onFocus","onClick","onExpand","onCollapse","onInputChange","onFloatingLabelInit","onChange","onSelect","onKeyDown"]);const l=M.findComponent(D,K),y=M.filterByType(D,T),E=t.useRef(null),r=t.useRef(null),N=t.useRef(null);function $(){return v==="none"?y||[]:y.filter(e=>{var o,n;return(o=e.props.text)===null||o===void 0?void 0:o.toLowerCase().includes((n=u?.trim())===null||n===void 0?void 0:n.toLowerCase())})}const[ee,O]=t.useState(A||""),u=typeof h<"u"?h:ee;typeof h>"u"&&!L&&console.warn("EbayCombobox: You provided a value prop without an onInputChange handler.This will render a read-only input field. If you want the input to be editable, provide an onInputChange handler.");const a=t.useMemo(()=>$(),[v,u,y]),f=I.useExpander({ref:a.length?Y||E:null,expanded:c,options:{autoCollapse:c,expandOnFocus:!0,collapseOnFocusOut:!c&&!!l,contentSelector:'[role="listbox"]',hostSelector:'[role="combobox"]',expandedClass:"combobox--expanded",simulateSpacebarClick:!0},onExpand:J,onCollapse:P},[c,a.length>0]),{overlayStyles:oe,refs:R}=I.useFloatingDropdown({open:f.isExpanded}),_=(e,o)=>{u!==o&&(O(o),r.current&&(r.current.selectionStart=r.current.selectionEnd=o.length,r.current.focus()),X(e,b({currentInputValue:o})))},ne=t.useCallback((e,{toIndex:o})=>{if(k==="automatic"){const n=a[o];n&&r.current&&(r.current.value=n.props.text)}},[k,a]),te=I.useActiveDescendant({ref:E,focusElementRef:r,itemContainerRef:N,disabled:!a.length,onChange:ne,options:{activeDescendantClassName:"combobox__option--active",autoInit:-1,autoReset:-1,autoScroll:!0,axis:"y"}}),S=C?"div":"span",F=be.useFloatingLabel({text:d,disabled:g.disabled,containerTagName:S,opaqueLabel:U,onMount:Q}),le=d?F.Container:S,m=t.useRef(!1),ae=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onClick)===null||n===void 0||n.call(o,e)},se=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onMouseDown)===null||n===void 0||n.call(o,e)};function w(){f.collapse()}function q(){f.expand()}function re(e){const o=a.find(n=>n.props.text===e);return o?{text:o.props.text,value:o.props.value}:{}}function b(e){return{currentInputValue:e.currentInputValue,selectedOption:re(e.currentInputValue)}}const ce=e=>{const o=e.target.value;O(e.target.value),L(e,b({currentInputValue:o}))},B=t.useRef(""),ue=e=>{m.current||w(),m.current=!1;const o=e.target.value;o!==B.current&&(B.current=o,W(e,b({currentInputValue:o})))},ie=e=>{const o=e.target;o===document.activeElement&&q(),G(e,b({currentInputValue:o.value}))},de=e=>{z(e,b({currentInputValue:e.target.value}))},pe=e=>{if(e.key==="ArrowDown")q();else if(e.key==="Escape")w();else if(e.key==="Enter"&&f.isExpanded){const o=te.getIndex();o!==-1&&_(e,a[o].props.text),c||w()}Z(e)};return t.createElement(le,{ref:E,className:x("combobox",p)},t.createElement(F.Label,{htmlFor:g.id}),t.createElement("span",{className:x("combobox__control",{"combobox__control--actionable":l,"combobox__control--borderless":j})},t.createElement("input",Object.assign({},g,{ref:e=>{R.setHost(e),r.current=e},type:"text",role:"combobox",value:u,"aria-autocomplete":v,"aria-haspopup":"listbox",autoComplete:"off","aria-expanded":"false",onChange:ce,onBlur:ue,onClick:ie,onFocus:de,onKeyDown:pe,placeholder:H})),l?t.cloneElement(l,{onClick:ae,onMouseDown:se}):null),a.length>0&&t.createElement("div",{role:"listbox",className:"combobox__listbox",ref:e=>{R.setOverlay(e),N.current=e},style:oe},a.map(e=>t.cloneElement(e,{selected:(e.props.value||e.props.text)===u,onClick:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onClick)===null||i===void 0||i.call(n,o)},onMouseDown:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onMouseDown)===null||i===void 0||i.call(n,o)}}))))};exports.EbayCombobox=fe;exports.EbayComboboxButton=K;exports.EbayComboboxOption=T;
|
package/common/dropdown.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export type FloatingDropdownHookOptions = {
|
|
|
19
19
|
export declare function useFloatingDropdown({ open, options }: FloatingDropdownHookArgs): FloatingDropdownHookReturn;
|
|
20
20
|
type ElementId = string;
|
|
21
21
|
export type ExpanderHookArgs<T extends HTMLElement> = {
|
|
22
|
-
ref: React.MutableRefObject<T
|
|
22
|
+
ref: React.MutableRefObject<T> | null;
|
|
23
23
|
expanded?: boolean;
|
|
24
24
|
options: {
|
|
25
25
|
contentSelector: string;
|
package/common/dropdown.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/common/dropdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAmC,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIlF,MAAM,MAAM,0BAA0B,GAAG;IACrC,aAAa,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAChE,IAAI,EAAE;QACF,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;QAC1D,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;QAC5D,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;QAChE,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;KACrE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,wBAAwB,GAAG,0BAA0B,CAiB3G;AAED,KAAK,SAAS,GAAG,MAAM,CAAC;AACxB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI;IAClD,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/common/dropdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAmC,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIlF,MAAM,MAAM,0BAA0B,GAAG;IACrC,aAAa,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAChE,IAAI,EAAE;QACF,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;QAC1D,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;QAC5D,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;QAChE,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;KACrE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,wBAAwB,GAAG,0BAA0B,CAiB3G;AAED,KAAK,SAAS,GAAG,MAAM,CAAC;AACxB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI;IAClD,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE;QACL,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,eAAe,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;QACtE,qBAAqB,CAAC,EAAE,OAAO,CAAC;QAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;QAClC,YAAY,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,IAAI,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAC7C,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,EACrE,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,GAC5B,kBAAkB,CAuDpB;AAED,KAAK,aAAa,GACZ,MAAM,GACN,SAAS,GACT,aAAa,GACb,aAAa,GACb,cAAc,GACd,2BAA2B,GAC3B,MAAM,CAAC;AAEb,MAAM,MAAM,6BAA6B,GAAG,CAAC,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAC;AAEpH,MAAM,MAAM,wBAAwB,GAAG;IACnC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,6BAA6B,CAAC;IACzC,OAAO,EAAE;QACL,yBAAyB,EAAE,MAAM,CAAC;QAClC,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,SAAS,CAAC,EAAE,aAAa,CAAC;QAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;QAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,IAAI,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,KAAK;IACtD,MAAM,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;KACnB,CAAC;CACL;AAED,wBAAgB,mBAAmB,CAAC,EAChC,GAAG,EACH,eAAe,EACf,gBAAgB,EAChB,QAAqB,EACrB,QAAQ,EACR,OAAO,GACV,EAAE,wBAAwB,GAAG,0BAA0B,CAuCvD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),o=require("react"),ae=require("react-remove-scroll"),h=require("classnames"),ie=require("makeup-screenreader-trap"),se=require("makeup-keyboard-trap"),le=require("./icon-
|
|
1
|
+
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),o=require("react"),ae=require("react-remove-scroll"),h=require("classnames"),ie=require("makeup-screenreader-trap"),se=require("makeup-keyboard-trap"),le=require("./icon-CR8ApQBy.js"),ce=require("./random-id-DlJj_RWH.js"),de=require("./icon-button-B1aE4GTn.js");function W(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 A=W(ie),q=W(se),F=e=>{var{children:t}=e,n=_.__rest(e,["children"]);return o.createElement("h2",Object.assign({},n),t)},T=({children:e})=>o.createElement(o.Fragment,null,e),$=({children:e})=>o.createElement(o.Fragment,null,e);function z({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=ue({dialog:r,waitFor:i,classPrefix:t,onTransitionEnd:d}):s.current!==e&&(a=me({dialog:r,waitFor:i,classPrefix:t,onTransitionEnd:d})),s.current=e,()=>{a&&a()}},[e,m])}function ue({dialog:e,waitFor:t,classPrefix:n,onTransitionEnd:r}){return K(e,t,`${n}--show`,r)}function me({dialog:e,waitFor:t,classPrefix:n,onTransitionEnd:r}){return K(e,t,`${n}--hide`,r)}function K(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),fe(()=>{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 fe(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 be=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:v,actions:D,onScroll:l,open:c=!1,onOpen:V=()=>{},onBackgroundClick:G=()=>{},ignoreEscape:J,closeButton:Q,previousButton:U,isModal:w,role:X="dialog",focus:I,transitionElement:Y,animated:M,closeButtonClass:Z}=e,E=_.__rest(e,["baseEl","classPrefix","windowClass","windowType","mainId","top","header","buttonPosition","children","ariaLabelledby","a11yCloseText","onCloseBtnClick","footer","actions","onScroll","open","onOpen","onBackgroundClick","ignoreEscape","closeButton","previousButton","isModal","role","focus","transitionElement","animated","closeButtonClass"]);const S=o.useRef(null),p=o.useRef(null),P=o.useRef(null),[ee,te]=o.useState("");o.useEffect(()=>{te(ce.randomId())},[]);const ne=f=>{var g;(g=E.onClick)===null||g===void 0||g.call(E,f),p.current&&!p.current.contains(f.target)&&G(f)};o.useEffect(()=>(c&&w?(A.trap(p.current),q.trap(p.current)):(A.untrap(),q.untrap()),()=>{A.untrap(),q.untrap()}),[c,w]),z({open:c,classPrefix:r,transitionElement:Y,dialogRef:S,dialogWindowRef:p,enabled:M,onTransitionEnd:()=>R(c)});const O=f=>{!J&&f.key==="Escape"&&(f.stopPropagation(),y(f))};o.useEffect(()=>{M||R(c),c&&V()},[c]);function R(f){var g,L;if(f)return I?(g=I.current)===null||g===void 0||g.focus():w&&((L=P.current)===null||L===void 0||L.focus()),document.addEventListener("keydown",O,!1),()=>document.removeEventListener("keydown",O,!1)}const x=a!=="hidden"&&o.createElement("button",{ref:P,className:h("icon-btn",Z,`${r}__close`,{"icon-btn--transparent":r==="toast-dialog"}),type:"button","aria-label":C,onClick:y},Q||o.createElement(le.EbayIcon,{name:"close16"})),oe=m?`${r}__${m}-window`:`${r}__window`,H=((t=i?.props)===null||t===void 0?void 0:t.id)||`dialog-title-${ee}`,re=B||H,k=i?o.cloneElement(i,Object.assign(Object.assign({},i.props),{id:H})):null;return o.createElement(n,Object.assign({},E,{"aria-labelledby":re,"aria-modal":"true",role:X,hidden:!c,className:h(r,E.className),"aria-live":w?void 0:"polite",ref:S,onKeyDown:O,onMouseDown:c&&a!=="hidden"?ne:E.onMouseDown}),o.createElement("div",{className:h(oe,u),ref:p},s,k&&o.createElement("div",{className:`${r}__header`},U,a==="right"&&k,a!=="bottom"&&x,(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,v||a==="bottom"?o.createElement("div",{className:`${r}__footer`},v,a==="bottom"&&x):null))},ge=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===F),a=s.find(l=>l.type===T),b=s.find(l=>l.type===N),B=s.find(l=>l.type===$),C=s.find(l=>l.type===j),y=s.filter(l=>![F,T,$,N,j].some(c=>c===l.type)),v=o.createElement(be,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(ae.RemoveScroll,{enabled:n},v):v:null},N=({children:e})=>o.createElement(o.Fragment,null,e),j=e=>{var{className:t,icon:n}=e,r=_.__rest(e,["className","icon"]);return o.createElement(de.EbayIconButton,Object.assign({},r,{icon:n||"chevronLeft16",className:h(t,"lightbox-dialog__prev")}))};exports.DialogBaseWithState=ge;exports.EbayDialogActions=N;exports.EbayDialogCloseButton=$;exports.EbayDialogFooter=T;exports.EbayDialogHeader=F;exports.EbayDialogPreviousButton=j;exports.useDialogAnimation=z;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const c=require("react"),v=require("@floating-ui/react"),s=require("makeup-expander"),g=require("makeup-active-descendant"),{default:h=s}=s?.default?.__esModule?s.default:s;function y({open:e,options:r}){var o;const{floatingStyles:l,refs:d}=v.useFloating({placement:r?.reverse?"bottom-end":"bottom-start",open:e,middleware:[v.offset((o=r?.offset)!==null&&o!==void 0?o:4),v.flip(),v.shift()],whileElementsMounted:v.autoUpdate});return{overlayStyles:l,refs:{host:d.reference,overlay:d.floating,setHost:d.setReference,setOverlay:d.setFloating}}}function D({ref:e,expanded:r,options:o,onExpand:l,onCollapse:d},x){const t=c.useRef(null),a=c.useSyncExternalStore(n=>{var u,i;function f(){n(),l?.()}function E(){n(),d?.()}return(u=e?.current)===null||u===void 0||u.addEventListener("expander-expand",f),(i=e?.current)===null||i===void 0||i.addEventListener("expander-collapse",E),()=>{var p,_;(p=e?.current)===null||p===void 0||p.removeEventListener("expander-expand",f),(_=e?.current)===null||_===void 0||_.removeEventListener("expander-collapse",E)}},()=>{var n;return(n=t.current)===null||n===void 0?void 0:n.expanded},()=>!1);return c.useEffect(()=>(e?.current&&(t.current=new h(e.current,o)),()=>{var n;(n=t.current)===null||n===void 0||n.destroy()}),x||[]),c.useEffect(()=>{t.current&&r!==void 0&&(t.current.expanded=r)},[r]),{isExpanded:a,expand:()=>{t.current&&(t.current.expanded=!0)},collapse:()=>{t.current&&(t.current.expanded=!1)}}}function m({ref:e,focusElementRef:r,itemContainerRef:o,onChange:l=()=>null,disabled:d,options:x}){const t=c.useRef(null);return c.useEffect(()=>{const a=n=>{const u={toIndex:n.detail.toIndex};l(n,u)};return d||(t.current=g.createLinear(e.current,r?r.current:e.current,o?o.current:e.current,"[role=option]",x),e.current.addEventListener("activeDescendantChange",a)),()=>{var n,u,i;(n=t.current)===null||n===void 0||n.reset(),(u=t.current)===null||u===void 0||u.destroy(),(i=e.current)===null||i===void 0||i.removeEventListener("activeDescendantChange",a)}},[d,l]),{setIndex(a){t.current.index=a},getIndex(){return t.current.index}}}exports.useActiveDescendant=m;exports.useExpander=D;exports.useFloatingDropdown=y;
|
package/ebay-accordion/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),D=require("classnames"),o=require("react"),g=require("../ebay-details-
|
|
2
|
-
EbayDetails that defines the sections of the accordion`);const h=n.map((e,d)=>o.cloneElement(e,{onToggle:(u,{open:l})=>{var r,y,a;if(E&&l){const s=(r=c.current)===null||r===void 0?void 0:r.querySelectorAll("details");s
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),D=require("classnames"),o=require("react"),g=require("../ebay-details-rAR5ofJT.js"),_=require("../utils-C9NL3q0j.js"),N=t=>{var{size:b,autoCollapse:E,className:f,children:p,onToggle:i,"aria-roledescription":m="accordion"}=t,v=A.__rest(t,["size","autoCollapse","className","children","onToggle","aria-roledescription"]);const c=o.useRef(null),n=_.filterByType(p,g.EbayDetails);if(!n.length)throw new Error(`EbayAccordion: Please use a
|
|
2
|
+
EbayDetails that defines the sections of the accordion`);const h=n.map((e,d)=>o.cloneElement(e,{onToggle:(u,{open:l})=>{var r,y,a;if(E&&l){const s=(r=c.current)===null||r===void 0?void 0:r.querySelectorAll("details");s?.forEach((q,T)=>{T!==d&&(q.open=!1)})}(a=(y=e.props).onToggle)===null||a===void 0||a.call(y,u,{open:l}),i?.(u,{open:l,index:d})}}));return o.createElement("ul",Object.assign({},v,{ref:c,className:D("accordion",f,{"accordion--large":b==="large"}),"aria-roledescription":m}),h.map(e=>o.createElement("li",{key:e.key},e)))};exports.EbayDetails=g.EbayDetails;exports.EbayAccordion=N;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),u=require("classnames"),n=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),u=require("classnames"),n=require("../dialog-previous-button-DvWLfiq0.js");require("../icon-button-B1aE4GTn.js");const g=require("../button-BeNUU3lZ.js"),t="alert-dialog",f=a=>{var{a11yCloseText:l="Close Dialog",confirmText:s,onConfirm:c=()=>{}}=a,o=m.__rest(a,["a11yCloseText","confirmText","onConfirm"]);const r=e.useRef(null),d="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(n.DialogBaseWithState,Object.assign({focus:r},o,{a11yCloseText:l,role:"alertdialog",classPrefix:t,ignoreEscape:!0,mainId:i,buttonPosition:"hidden",className:u(o.className,`${t}--mask-fade`),windowClass:`${t}__window ${t}__window--animate`}),o.children,e.createElement(n.EbayDialogFooter,null,e.createElement(g.EbayButton,{priority:"primary","aria-describedby":i,onClick:c,ref:r,id:d,className:"alert-dialog__acknowledge"},s)))};exports.EbayAlertDialog=f;
|
package/ebay-avatar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),r=require("react"),E=require("classnames"),y=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),r=require("react"),E=require("classnames"),y=require("../icon-CR8ApQBy.js"),C=require("../utils-C9NL3q0j.js"),u=["teal","light-teal","green","lime","yellow","orange","magenta","pink"];function q(e,o){if(o)return o;let n=0,t,a;if(e&&e.length>0)for(a=0;a<e.length;a++)t=e.charCodeAt(a),n=(n<<5)-n+t,n|=0;const g=u.length,m=Math.abs(n)%g;return u[m]}const v=e=>r.createElement("img",Object.assign({},e));function d(e){return e&&(e<3/4||e<4/3)}const I=e=>{var{size:o,color:n,username:t,children:a,className:g,knownAspectRatio:m}=e,h=A.__rest(e,["size","color","username","children","className","knownAspectRatio"]);const[b,f]=r.useState(d(m)?"fit":"cover"),s=C.findComponent(a,v),p=l=>{const c=l.target,i=c.naturalWidth/c.naturalHeight;f(d(i)?"fit":"cover")};return r.createElement("div",Object.assign({},h,{role:"img",className:E("avatar",g,o&&`avatar--${o}`,b==="fit"&&"avatar--fit",t&&!s&&`avatar--${q(t,n)}`)}),r.Children.count(a)>0?s&&r.cloneElement(s,{onLoad(l){var c,i;(i=(c=s.props).onLoad)===null||i===void 0||i.call(c,l),p(l)}})||a:t?.charAt(0).toUpperCase()||r.createElement(y.EbayIcon,{name:"avatarSignedOut"}))};exports.EbayAvatar=I;exports.EbayAvatarImage=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),f=require("classnames"),k=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),f=require("classnames"),k=require("../icon-CR8ApQBy.js"),C=t=>{var{a11yHeadingText:n="Page navigation",a11yHeadingTag:r="h2",id:l="ebay-breadcrumb",children:a=[],className:o,onSelect:d=()=>{}}=t,s=m.__rest(t,["a11yHeadingText","a11yHeadingTag","id","children","className","onSelect"]);const c=`${l}-breadcrumbs-heading`,b=e.Children.count(a)-1,u=r,g=e.Children.toArray(a).some(i=>i.props.href)?"a":"button";return e.createElement("nav",Object.assign({},s,{"aria-labelledby":c,className:f("breadcrumbs",o),role:"navigation"}),e.createElement(u,{id:c,className:"clipped"},n),e.createElement("ul",null,e.Children.map(a,(i,h)=>{const y=h===b,{href:I,children:E}=i.props,p={tag:g,isLastItem:y,href:I,children:E,onClick:v=>d(v)};return e.cloneElement(i,p)})))},j=t=>{var{tag:n="button",isLastItem:r=!1,href:l,children:a,onClick:o}=t,d=m.__rest(t,["tag","isLastItem","href","children","onClick"]);const s=n==="a",c=Object.assign(Object.assign(Object.assign({},d),r?{"aria-current":"location"}:{}),{href:s?l:void 0,onClick:s?void 0:o});return e.createElement("li",null,e.createElement(n,Object.assign({},c),a),!r&&e.createElement(k.EbayIcon,{name:"chevronRight12"}))};exports.EbayBreadcrumbItem=j;exports.EbayBreadcrumbs=C;
|
package/ebay-button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-BeNUU3lZ.js");exports.EbayButton=t.EbayButton;exports.EbayButtonCell=t.EbayButtonCell;
|
package/ebay-calendar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../calendar-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../calendar-Dw_PWT2C.js");exports.EbayCalendar=e.EbayCalendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-control-button.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-control-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,mBAAmB,EAAqB,MAAM,SAAS,CAAC;AAEjE,KAAK,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,EAAE,EAAE,SAAS,EAAE;;KAAA,KAAK,IAAI,CAAC;CAC9E,CAAC;AAYF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"carousel-control-button.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-control-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,mBAAmB,EAAqB,MAAM,SAAS,CAAC;AAEjE,KAAK,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,EAAE,EAAE,SAAS,EAAE;;KAAA,KAAK,IAAI,CAAC;CAC9E,CAAC;AAYF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,oBAAoB,CAwBnD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACV,wBAAwB,EAExB,WAAW,EACX,SAAS,
|
|
1
|
+
{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACV,wBAAwB,EAExB,WAAW,EACX,SAAS,EAKZ,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;;AA8CF,wBAAgD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAE,EAAE,EAA+C,MAAM,OAAO,CAAC;AAczG,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAE,EAAE,EAA+C,MAAM,OAAO,CAAC;AAczG,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAyMnC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/ebay-carousel/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("../tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),te=require("../icon-CR8ApQBy.js"),Y=require("../debounce-BQsYxxOL.js"),ae=require("react-dom");require("../array.polyfill.flat-5BAolFdk.js");const ce=require("../reduced-motion-CMIhlQVx.js"),q=require("makeup-focusables"),ie=require("../forwardRef-DBQKIlPy.js"),ue={prev:"chevronLeft16",next:"chevronRight16"},fe={prev:"LEFT",next:"RIGHT"},Z=({type:e,label:n,hidden:t,disabled:r,onClick:a})=>{const c=o=>{r||a(o,{direction:fe[e]})};return s.createElement("button",{className:A("carousel__control",`carousel__control--${e}`),"aria-label":n,"aria-disabled":r,onClick:c},s.createElement(te.EbayIcon,{className:A("icon",`icon--carousel-${e}`),focusable:!1,name:ue[e],"aria-hidden":t}))};function de(e){const n=e.parentElement,t=n?n.firstElementChild.getBoundingClientRect().left:0,{left:r,right:a}=e.getBoundingClientRect();return{left:r-t,right:a-t}}const he=e=>getComputedStyle(e).overflowX!=="visible",I=(e,n)=>{if(!e.length)return 0;const t=e[e.length-1];return Math.max(t.right-n,0)||0},me=(e,n,t)=>e.length&&Math.min(e[n].left,I(e,t))||0,be=(e,n,t,r,a,c)=>s.Children.map(e,(o,u)=>{const{style:d={}}=o.props;let i;if(t){const l=t+t%1;i=`calc(${100/l}% - ${(l-1)*c/l}px)`}const f=t?u%t===0:!0;return s.cloneElement(o,{slideWidth:r,offset:a,ref:l=>{n.current[u]=l},className:f?"carousel__snap-point":o.props.className,style:Object.assign(Object.assign({},d),{width:i||d.width,marginRight:c&&u!==s.Children.count(e)-1?`${c}px`:d.marginRight})})}),ne=(e,n,t)=>{if(e>0){let r=e;return r%=n.length||1,r-=r%(t||1),r=Math.abs(r),r}return 0},ye=(e,n,t=e)=>{if(n)return Math.ceil(t/n)},Ee=e=>e==="LEFT"?-1:1,ge=(e,n,t,r,a)=>{let c=n,o;if(e==="LEFT"&&c===0)c=t.length-1;else{do{const u=Ee(e);o=t[c+=u]}while(o&&o.fullyVisible);if(e==="LEFT"&&!a){const u=o.right-r;do o=t[--c];while(o&&o.left>=u);c+=1}}return ne(c,t,a)},pe=(e,n,t,r=1,a)=>{let c;if(e>=I(n,t)-a)c=n.length-1;else{const o=n.length;let u=0,d=Math.ceil(o/r)-1;for(;d-u>1;){const l=Math.floor((u+d)/2);e>n[l*r].left?u=l:d=l}const i=Math.abs(e-n[u*r].left),f=Math.abs(e-n[d*r].left);c=ne((i>f?d:u)*r,n,r)}return c};function ve({direction:e,nextIndex:n,currentIndex:t,itemsRef:r,slideWidth:a,gap:c,onAnimationStart:o,onAnimationEnd:u}){if(e==="RIGHT"&&n<t){let i=r.current[t].element.closest("ul");i.style.transition="none";const f=I(r.current,a)+a+c;for(let l=t;l>n;l--)r.current[l].element.style.transform=`translateX(${-f}px)`;i.style.transform=`translate3d(${a+c}px, 0, 0)`,o(),requestAnimationFrame(()=>{i.style.transition="",i.style.transform="translate3d(0, 0, 0)",i=null}),i.addEventListener("transitionend",()=>{requestAnimationFrame(()=>{for(let l=t;l>n;l--)r.current[l].element.style.transform="";u()})},{once:!0})}else if(e==="LEFT"&&n>t){let i=r.current[t].element.closest("ul");i.style.transition="none";const f=I(r.current,a)+a+c;for(let l=t;l<n;l++)r.current[l].element.style.transform=`translateX(${f}px)`;i.style.transform=`translate3d(${-f}px, 0, 0)`,o(),requestAnimationFrame(()=>{i.style.transition="",i.style.transform=`translate3d(${-f+a+c}px, 0, 0)`,i=null}),i.addEventListener("transitionend",()=>{requestAnimationFrame(()=>{for(let l=t;l<n;l++)r.current[l].element.style.transform="";u()})},{once:!0})}}const Se=(e,n)=>{let t,r,a;return function c(){const{scrollLeft:o}=e;if(a!==o){a=o,t=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}n(a)}(),()=>{clearTimeout(t),cancelAnimationFrame(r)}},Te=typeof window<"u"&&"scrollBehavior"in document.body.style;function re(e,n,t){if(Te)return e.scrollTo({left:n}),Se(e,t);let r,a,c=requestAnimationFrame(l=>{const{scrollLeft:L}=e,N=n-L,_=450;(function x(g){const p=g-l;if(p>_)return e.scrollLeft=n,o(),t();e.scrollLeft=Ce(p/_)*N+L,c=requestAnimationFrame(x)})(l)});return e.addEventListener("touchstart",u),o;function o(){cancelAnimationFrame(c),r===void 0?i():(a&&a(),f())}function u(){o(),r=e.scrollLeft,e.addEventListener("touchend",d)}function d(){f(),r===e.scrollLeft&&(a=re(e,n,t))}function i(){e.removeEventListener("touchstart",u)}function f(){e.removeEventListener("touchend",d)}}function Ce(e){return e<.5?2*e*e:-1+(4-2*e)*e}const Le=({gap:e=16,itemsPerSlide:n,slideWidth:t,offset:r,activeIndex:a,nextControlDisabled:c,isAutoplayEnabled:o,className:u,itemsRef:d,children:i,onSetActiveIndex:f,onScroll:l})=>{const[L,N]=s.useState(0),[_,x]=s.useState(!1),[g,p]=s.useState(!1),m=s.useRef(null),v=s.useRef(null);s.useEffect(()=>{if(!s.Children.count(i)||!m.current)return;if(_){x(!1);return}const y=m.current;if(he(y))return p(!0),re(y,r,()=>p(!1));N(r)},[r]);const b=s.useCallback(()=>{const R=m.current.scrollLeft,y=pe(R,d.current,t,n,e);y!==a&&(x(!0),f(y),l({index:y}))},[m.current,t,a,f]),M=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{g||b()},640)};return s.createElement("div",{className:A("carousel__viewport",{"carousel__viewport--mask":!c&&!o},u)},s.createElement("ul",{className:"carousel__list",ref:m,onScroll:M,style:{transform:`translate3d(${-L}px, 0, 0)`}},be(i,d,n,t,r,e)))},_e=ae.flushSync||(e=>e()),xe=e=>{var{gap:n=16,index:t=0,itemsPerSlide:r,a11yPreviousText:a,a11yNextText:c,a11yPauseText:o,a11yPlayText:u,autoplay:d,onScroll:i=()=>{},onNext:f=()=>{},onPrevious:l=()=>{},onSlide:L=()=>{},onPlay:N=()=>{},onPause:_=()=>{},className:x,children:g}=e,p=ee.__rest(e,["gap","index","itemsPerSlide","a11yPreviousText","a11yNextText","a11yPauseText","a11yPlayText","autoplay","onScroll","onNext","onPrevious","onSlide","onPlay","onPause","className","children"]);const[m,v]=s.useState(t),[b,M]=s.useState(0),[R,y]=s.useState(0),[k,D]=s.useState(!1),F=s.useRef(null),S=s.useRef([]),O=s.Children.count(g),T=Math.floor(r)||void 0,H=O<=T,E=!!d,se=H||R===0&&!E,V=H||R===I(S.current,b)&&!E,G=()=>{if(!F.current)return;const{width:h}=F.current.getBoundingClientRect();M(h)};s.useEffect(()=>(window.addEventListener("resize",Y.debounce(G,16)),()=>{window.removeEventListener("resize",Y.debounce(G,16))}),[]);const[X,U]=s.useState(!1);s.useEffect(()=>{X||y(me(S.current,m,b))},[m,b,X]),s.useEffect(()=>{t>=0&&t<=O-1&&v(t)},[t]),s.useEffect(()=>{S.current=S.current.splice(0,O)},[g]),s.useEffect(()=>{const{width:h}=F.current.getBoundingClientRect();M(h)},[F.current]);const $=ce.useReducedMotion(),[w,J]=s.useState($);s.useEffect(()=>{J($)},[$]);const oe=h=>{J(!w),w?N(h):_(h)},K=s.useRef(m);K.current=m;const Q=(h,C)=>{const j=K.current,z=ge(h,j,S.current,b,C),le=ye(j,C,z);L({slide:le}),E&&ve({direction:h,nextIndex:z,currentIndex:j,itemsRef:S,slideWidth:b,gap:n,onAnimationStart:()=>U(!0),onAnimationEnd:()=>U(!1)}),_e(()=>v(z))};s.useEffect(()=>{if(!E||w||k)return;const C=setInterval(()=>{Q("RIGHT",T)},typeof d=="number"?d:4e3);return()=>clearInterval(C)},[E,w,T,k]);const W=(h,{direction:C})=>{Q(C,T),C==="LEFT"?l(h):f(h)},B=()=>D(!0),P=()=>D(!1);return s.createElement("div",Object.assign({className:A("carousel",x,{"carousel--slides":T,"carousel--peek":T%1===0,carousel__autoplay:E}),role:"group"},p),s.createElement("div",{ref:F,className:"carousel__container",onFocusCapture:B,onMouseEnter:B,onTouchStartCapture:B,onBlurCapture:P,onMouseLeave:P,onTouchEndCapture:P},s.createElement(Z,{label:a,type:"prev",disabled:se,onClick:W}),s.createElement(Le,{itemsRef:S,offset:R,gap:n,itemsPerSlide:T,nextControlDisabled:V,isAutoplayEnabled:E,activeIndex:m,onScroll:i,onSetActiveIndex:v,slideWidth:b},g),s.createElement(Z,{type:"next",label:c,disabled:V,onClick:W}),E?s.createElement("button",{className:"carousel__playback",type:"button",onClick:oe,"aria-label":w?u:o},s.createElement(te.EbayIcon,{name:w?"play24":"pause24"})):null))},{default:Re=q}=q?.default?.__esModule?q.default:q,we=e=>{var{slideWidth:n,offset:t,forwardedRef:r,children:a}=e,c=ee.__rest(e,["slideWidth","offset","forwardedRef","children"]);const o=s.useRef(null),[u,d]=s.useState(!1);return s.useImperativeHandle(r,()=>{if(!o.current)return;const{left:i,right:f}=de(o.current),l=i===void 0||i-t>=-.01&&f-t<=n+.01;return d(l),{element:o.current,left:i,right:f,fullyVisible:l}},[n,t]),s.useEffect(()=>{if(o.current){const i=Re(o.current);for(const f of i)u?f.hasAttribute("data-carousel-tabindex")?f.setAttribute("tabindex",f.getAttribute("data-carousel-tabindex")):f.removeAttribute("tabindex"):f.setAttribute("tabindex","-1")}},[u]),s.createElement("li",Object.assign({},c,{ref:o,"aria-hidden":!u}),a)},Ne=ie.withForwardRef(we);exports.EbayCarousel=xe;exports.EbayCarouselItem=Ne;
|
package/ebay-ccd/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),r=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),r=require("../icon-CR8ApQBy.js"),h=require("classnames"),C=t=>{var{max:a,min:c,chargerIcon:n,units:i="W",secondaryType:d="none",secondaryText:s="USB PD",a11yUnits:o="watts","aria-label":m,className:u}=t,y=_.__rest(t,["max","min","chargerIcon","units","secondaryType","secondaryText","a11yUnits","aria-label","className"]);const l=d==="usbpd",b=n?`Charger ${n==="included"?"":"not "}included.`:"",g=c||a?`${c} - ${a} ${o}. ${l?s:""}`:"",E=`${b} ${g}`.trim();return e.createElement("div",Object.assign({},y,{role:"figure","aria-label":m||E,className:h("ccd",u)}),n==="included"&&e.createElement(r.EbayIcon,{name:"ccdChargerIncluded",className:"ccd__charger-icon"}),n==="not-included"&&e.createElement(r.EbayIcon,{name:"ccdChargerNotIncluded",className:"ccd__charger-icon"}),(c||a)&&e.createElement("div",{className:"ccd__description-figure"},e.createElement(r.EbayIcon,{name:"ccdTop",className:"ccd__top-icon"}),e.createElement("div",{className:"ccd__body"},e.createElement("div",null,c," - ",a),e.createElement("div",null,i),l&&e.createElement("div",null,s))))};exports.EbayCCD=C;
|
package/ebay-checkbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../checkbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../checkbox-CFfWkQ2y.js");exports.EbayCheckbox=e.EbayCheckbox;
|
package/ebay-chip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chip-CuR-Dm9y.js");exports.EbayChip=e.EbayChip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),N=require("classnames"),a=require("../combobox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),N=require("classnames"),a=require("../combobox-cHR61pQI.js"),R=require("../utils-C9NL3q0j.js"),T=require("../chip-CuR-Dm9y.js");require("../hooks-DTTigNDz.js");require("../array.polyfill.flat-5BAolFdk.js");require("../dropdown-B2vObM4k.js");const B=i=>{var{className:h,fluid:x,error:y,disabled:c,selected:r,defaultSelected:u,a11yDeleteButtonText:f="Remove",onChange:n,children:C}=i,E=_.__rest(i,["className","fluid","error","disabled","selected","defaultSelected","a11yDeleteButtonText","onChange","children"]);const S=R.filterByType(C,a.EbayComboboxOption),[g,b]=o.useState(u||[]),s=r||g,[v,d]=o.useState(""),p=o.useRef(null),m=(e,t)=>{const l=[...s,t];b(l),n?.(e,{selected:[...l]}),d("")},w=(e,t)=>{const l=s.filter((I,D)=>D!==t);b(l),n?.(e,{selected:[...l]})},O=e=>{if(e.key==="Enter"){const t=e.target.value;e.preventDefault(),t&&!s.includes(t)&&m(e,t)}},q=(e,t)=>{d(t.currentInputValue)};if(r&&u)throw new Error('EbayChipsCombobox: You cannot use "selected" and "defaultSelected" at the same time.');if(r&&!n)throw new Error('EbayChipsCombobox: You must provide an "onChange" prop when using the "selected" prop.');return o.createElement("span",{ref:p,className:N(h,"chips-combobox",{"chips-combobox--fluid":x,"chips-combobox--error":y}),"aria-disabled":c?"true":void 0},s.length?o.createElement("ul",{className:"chips-combobox__items"},s.map((e,t)=>o.createElement("li",{key:t},o.createElement(T.EbayChip,{a11yDeleteButtonText:`${f} ${e}`,onDelete:l=>w(l,t),disabled:c},e)))):null,o.createElement(a.EbayCombobox,Object.assign({},E,{className:"chips-combobox__combobox",disabled:c,dropdownRef:p,value:v,autocomplete:"list",onSelect:(e,t)=>m(e,t.selectedOption.text),onInputChange:q,onKeyDown:O}),S.filter(e=>!s.includes(e.props.text))))};exports.EbayComboboxOption=a.EbayComboboxOption;exports.EbayChipsCombobox=B;
|
package/ebay-combobox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../combobox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../combobox-cHR61pQI.js");exports.EbayCombobox=o.EbayCombobox;exports.EbayComboboxButton=o.EbayComboboxButton;exports.EbayComboboxOption=o.EbayComboboxOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),b=require("classnames"),c=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),b=require("classnames"),c=require("../dialog-previous-button-DvWLfiq0.js");require("../icon-button-B1aE4GTn.js");const s=require("../button-BeNUU3lZ.js"),o="confirm-dialog",y=t=>{var{a11yCloseText:l="Close Dialog",confirmText:m,rejectText:f,onReject:n=()=>{},onConfirm:d=()=>{}}=t,i=g.__rest(t,["a11yCloseText","confirmText","rejectText","onReject","onConfirm"]);const r=e.useRef(null),u="confirm-dialog-confirm",a="confirm-dialog-main";return e.createElement(c.DialogBaseWithState,Object.assign({focus:r},i,{a11yCloseText:l,role:"dialog",mainId:a,classPrefix:o,className:b(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--animate`,buttonPosition:"hidden",onCloseBtnClick:n}),i.children,e.createElement(c.EbayDialogFooter,null,e.createElement(s.EbayButton,{onClick:n,className:"confirm-dialog__reject"},f),e.createElement(s.EbayButton,{ref:r,priority:"primary",onClick:d,id:u,"aria-describedby":a,className:"confirm-dialog__confirm"},m)))};exports.EbayConfirmDialog=y;
|
package/ebay-cta-button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),b=require("../forwardRef-DBQKIlPy.js"),f=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),b=require("../forwardRef-DBQKIlPy.js"),f=require("../icon-CR8ApQBy.js"),m=require("../button-BeNUU3lZ.js"),E=t=>{var{size:r,children:a,fluid:n,truncate:c,forwardedRef:s,className:o}=t,l=i.__rest(t,["size","children","fluid","truncate","forwardedRef","className"]);const u=d(o,"cta-btn",{"cta-btn--large":r==="large"},{"cta-btn--fluid":n},{"cta-btn--truncated":c});return e.createElement("a",Object.assign({},l,{className:u,ref:s}),e.createElement(m.EbayButtonCell,{type:"cta"},e.createElement("span",null,a),e.createElement(f.EbayIcon,{name:"arrowRight24"})))},y=b.withForwardRef(E);exports.EbayCtaButton=y;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import { FC, ComponentProps } from "react";
|
|
2
2
|
import { EbayCalendarProps } from "../ebay-calendar/calendar";
|
|
3
3
|
import { EbayChangeEventHandler, EbayFocusEventHandler, EbayMouseEventHandler } from "../common/event-utils/types";
|
|
4
4
|
type EventData = {
|
|
@@ -6,7 +6,7 @@ type EventData = {
|
|
|
6
6
|
rangeStart?: string;
|
|
7
7
|
rangeEnd?: string;
|
|
8
8
|
};
|
|
9
|
-
export type EbayDateTextboxProps = Omit<EbayCalendarProps, "interactive" | "navigable" | "numMonths" | "selected"> & {
|
|
9
|
+
export type EbayDateTextboxProps = Omit<EbayCalendarProps, "interactive" | "navigable" | "numMonths" | "selected"> & ComponentProps<"div"> & {
|
|
10
10
|
className?: string;
|
|
11
11
|
value?: string;
|
|
12
12
|
rangeEnd?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-textbox.d.ts","sourceRoot":"","sources":["../../src/ebay-date-textbox/date-textbox.tsx"],"names":[],"mappings":"AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"date-textbox.d.ts","sourceRoot":"","sources":["../../src/ebay-date-textbox/date-textbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,EAAE,EAMF,cAAc,EAEjB,MAAM,OAAO,CAAC;AAIf,OAAqB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG5E,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAInH,KAAK,SAAS,GAAG;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC,GAC9G,cAAc,CAAC,KAAK,CAAC,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAC1D,qBAAqB,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAClD,qBAAqB,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;IACzD,qBAAqB,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;CACpE,CAAC;AAIN,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAsM7C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),x=require("makeup-expander"),Q=require("classnames"),X=require("../utils-C9NL3q0j.js"),b=require("../calendar-Dw_PWT2C.js"),l=require("../textbox-bggbXBGB.js");require("../icon-CR8ApQBy.js");const Z=require("../dropdown-B2vObM4k.js"),{default:$=x}=x?.default?.__esModule?x.default:x,ee=600,te=v=>{var{className:R,inputPlaceholderText:i="YYYY-MM-DD",a11yOpenPopoverText:N="open calendar",range:o,value:y,rangeEnd:S,defaultValue:q,defaultRangeEnd:D,collapseOnSelect:w,children:M,onChange:p=()=>{},onInputChange:A=()=>{},onInputRangeEndChange:L=()=>{}}=v,j=K.__rest(v,["className","inputPlaceholderText","a11yOpenPopoverText","range","value","rangeEnd","defaultValue","defaultRangeEnd","collapseOnSelect","children","onChange","onInputChange","onInputRangeEndChange"]);const m=n.useRef(null),[V,d]=n.useState(q||""),[B,u]=n.useState(D||""),f=l.isControlled(y)?y:V,T=l.isControlled(S)?S:B,s=b.dateArgToISO(f),c=b.dateArgToISO(T),[C,I]=n.useState(!1),[Y,z]=n.useState(1),E=X.filterByType(M,l.EbayTextbox),O=o?E[1]||n.createElement(l.EbayTextbox,null):E[0]||n.createElement(l.EbayTextbox,null),F=o?E[0]||n.createElement(l.EbayTextbox,null):E[1]||n.createElement(l.EbayTextbox,null),{overlayStyles:H,refs:h}=Z.useFloatingDropdown({open:C}),g=h.host,W=()=>{I(!0)},k=()=>{I(!1)};n.useEffect(()=>{if(!g.current)return;m.current=new $(g.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),g.current.addEventListener("expander-expand",W),g.current.addEventListener("expander-collapse",k);const e=()=>{z(document.documentElement.clientWidth<ee?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)===null||t===void 0||t.destroy(),window.removeEventListener("resize",e)}},[]);const _=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:b.toISO(r);t===0?d(a||""):u(a||""),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},U=(e,{iso:t})=>{if(d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),a.rangeEnd=null):r&&(r<t?(d(r),u(t),a.rangeStart=r,a.rangeEnd=t):(d(t),u(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});w&&(m.current.expanded=!1)},P=(e,t)=>{t===0?(d(e.target.value),A(e)):(u(e.target.value),L(e))},[G,J]=Array.isArray(i)?i:[i,i];return n.createElement("span",{className:Q("date-textbox",R),ref:h.setHost},o&&n.cloneElement(F,{value:f,placeholder:G,onInputChange:e=>P(e,0),onBlur:e=>_(e,0)}),n.cloneElement(O,Object.assign(Object.assign({},O.props),{className:"ebay-date-textbox--main",placeholder:J,value:o?T:f,onInputChange:e=>P(e,o?1:0),onBlur:e=>_(e,o?1:0)}),n.createElement(l.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:N})),n.createElement("div",{hidden:!C,ref:h.setOverlay,style:H,className:"date-textbox__popover"},n.createElement(b.EbayCalendar,Object.assign({},j,{range:o,interactive:!0,navigable:!0,numMonths:Y,selected:s&&c?[s,c]:s||c||void 0,onSelect:U}))))};exports.EbayDateTextbox=te;
|
package/ebay-details/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ebay-details-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ebay-details-rAR5ofJT.js");exports.EbayDetails=e.EbayDetails;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const u=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),n=require("classnames"),E=require("./icon-
|
|
1
|
+
"use strict";const u=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),n=require("classnames"),E=require("./icon-CR8ApQBy.js"),N=a=>{var{size:l,alignment:c,text:r,as:m="div",className:i,open:o,onToggle:s,children:d}=a,_=u.__rest(a,["size","alignment","text","as","className","open","onToggle","children"]);const g=s&&(t=>{s(t,{open:t.currentTarget.open})});return e.createElement("details",Object.assign({open:o,onToggle:g,className:n("details",i)},_),e.createElement("summary",{className:n("details__summary",{"details__summary--small":l==="small","details__summary--center":c==="center"})},e.createElement("span",{className:"details__label"},r),e.createElement("span",{className:"details__icon",hidden:!0},e.createElement(E.EbayIcon,{name:"chevronDown16"}))),e.createElement(m,{className:"details__content"},d))};exports.EbayDetails=N;
|
|
@@ -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-DvWLfiq0.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 A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),g=require("classnames"),i=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),g=require("classnames"),i=require("../dialog-previous-button-DvWLfiq0.js");require("../icon-button-B1aE4GTn.js");const y=30,t="drawer-dialog",$=p=>{var{expanded:l=!1,noHandle:T,onClose:c=()=>{},onCollapsed:w=()=>{},onExpanded:b=()=>{},a11yMaximizeText:C,a11yMinimizeText:D,children:_}=p,u=A.__rest(p,["expanded","noHandle","onClose","onCollapsed","onExpanded","a11yMaximizeText","a11yMinimizeText","children"]);let a=[];const[s,E]=o.useState(l);o.useEffect(()=>{E(l)},[l]);const d=e=>{E(e),e?b():w()},H=e=>{a=Array.from(e.changedTouches).map(({identifier:r,pageY:n})=>({identifier:r,pageY:n}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:r})=>{const n=a.findIndex(f=>f.identifier===r);n>-1&&a.splice(n,1)})},S=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:r,pageY:n})=>{const f=a.findIndex(v=>v.identifier===r),x=n-a[f].pageY;x>y?(s?d(!1):c(),h(e)):x<-y&&(d(!0),h(e))})},M=T?null:o.createElement("button",{"aria-label":s?D:C,className:`${t}__handle`,onClick:()=>d(!s),onScroll:()=>d(!0),onTouchStart:H,onTouchMove:S,onTouchEnd:h,type:"button"}),m=o.Children.toArray(_),k=m.find(({type:e})=>e===i.EbayDialogHeader),q=m.filter(({type:e})=>e!==i.EbayDialogHeader);return o.createElement(i.DialogBaseWithState,Object.assign({},u,{classPrefix:t,onCloseBtnClick:c,className:g(u.className,`${t}--mask-fade-slow`),windowClass:g(u.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:s}),onBackgroundClick:c,top:M}),k||o.createElement(i.EbayDialogHeader,null),q)};exports.EbayDrawerDialogDeprecated=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),m=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),j=require("../notice-content-9iF4T8uB.js"),a=require("../utils-C9NL3q0j.js"),F=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),m=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),j=require("../notice-content-9iF4T8uB.js"),a=require("../utils-C9NL3q0j.js"),F=require("../icon-CR8ApQBy.js"),O=require("../icon-button-B1aE4GTn.js"),y=require("../notice-footer-G6VPjVZu.js"),P=t=>{var{children:n,className:o,a11yIconText:i,variant:c="none",iconVariant:p="none",a11yDismissText:r,educationIcon:C="lightbulb24",iconClass:h,dismissed:l=!1,onDismiss:T=()=>{}}=t,f=u.__rest(t,["children","className","a11yIconText","variant","iconVariant","a11yDismissText","educationIcon","iconClass","dismissed","onDismiss"]);const[q,v]=e.useState(l),s=a.findComponent(n,E.EbayNoticeContent),d=a.findComponent(n,N),I=a.findComponent(n,b),D=c==="prominent",_=p==="prominent",g=x=>{v(!0),T(x)};if(!d)throw new Error("<EbayEducationNoticeTitle>: Please use a <EbayEducationNoticeTitle> that defines the content of the notice");return q||l?null:e.createElement("section",Object.assign({"aria-roledescription":"Notice"},f,{className:m(o,"education-notice",{"education-notice--prominent":D})}),e.createElement("div",{className:"education-notice__header"},e.createElement(F.EbayIcon,{name:C,className:m(h,{"icon--prominent":_}),a11yText:i,a11yVariant:"label"}),d,r&&e.createElement(O.EbayIconButton,{"aria-label":r,size:"small",className:"education-notice__dismiss",onClick:g,icon:"close16"})),e.createElement(j.NoticeContent,Object.assign({},s?.props,{type:"education"})),I)},N=t=>{var{className:n,as:o,children:i}=t,c=u.__rest(t,["className","as","children"]);return e.createElement(y.NoticeTitle,Object.assign({},c,{className:n,as:o,type:"education"}),i)},b=({className:t,children:n})=>e.createElement(y.NoticeFooter,{className:t,type:"education"},n);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbayEducationNotice=P;exports.EbayEducationNoticeFooter=b;exports.EbayEducationNoticeTitle=N;
|
package/ebay-eek/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("../icon-CR8ApQBy.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;
|
package/ebay-fake-link/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),y=require("react"),u=require("classnames"),d=s=>{var{variant:t,type:o,className:i,onKeyDown:n,onEscape:a}=s,c=r.__rest(s,["variant","type","className","onKeyDown","onEscape"]);const l=e=>{n
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),y=require("react"),u=require("classnames"),d=s=>{var{variant:t,type:o,className:i,onKeyDown:n,onEscape:a}=s,c=r.__rest(s,["variant","type","className","onKeyDown","onEscape"]);const l=e=>{n?.(e),(e.key==="Escape"||e.key==="Esc")&&a?.(e)};return y.createElement("button",Object.assign({},c,{className:u("fake-link",t==="standalone"&&"standalone-link",i),onKeyDown:l,type:o||"button"}))};exports.EbayFakeLink=d;
|
package/ebay-fake-menu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-B6NlMsNL.js"),s=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),u=require("classnames"),c=e=>{var{className:t}=e,r=s.__rest(e,["className"]);return n.createElement("hr",Object.assign({},r,{className:u(t,"fake-menu__separator")}))};exports.EbayFakeMenu=a.EbayFakeMenu;exports.EbayFakeMenuItem=a.EbayMenuItem;exports.EbayFakeMenuSeparator=c;
|
|
@@ -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-DW1J7wBr.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
|
package/ebay-file-input/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),v=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),v=require("../icon-CR8ApQBy.js"),l=require("../utils-C9NL3q0j.js"),p=require("classnames"),I=require("../random-id-DlJj_RWH.js"),c=n=>{var{className:t,as:a="span"}=n,s=u.__rest(n,["className","as"]);return e.createElement(a,Object.assign({className:p("file-input__content-header",t)},s))},o=n=>{var{className:t,as:a="span"}=n,s=u.__rest(n,["className","as"]);return e.createElement(a,Object.assign({className:p("file-input__content-subheader",t)},s))},y=n=>{var{children:t,onInput:a,className:s}=n,i=u.__rest(n,["children","onInput","className"]);const d=I.useRandomId(),[b,m]=e.useState(!1),E=r=>{a&&a(r,{files:r.target.files})},g=()=>m(!0),_=()=>m(!1),h=l.findComponent(t,c),N=l.findComponent(t,o),f=l.excludeComponent(t,c).filter(({type:r})=>r!==o);return e.createElement("div",{className:p("file-input",b&&"file-input___container--dragged-over",s)},e.createElement("div",{className:"file-input__container"},e.createElement("div",{className:"file-input__upload-icon"},e.createElement(v.EbayIcon,{name:"upload24"})),e.createElement("div",{className:"file-input__content"},h,N,f&&e.createElement("label",{htmlFor:i.id||d},e.createElement("span",{className:"file-input__content-cta"},f)))),e.createElement("input",Object.assign({},i,{id:i.id||d,type:"file",className:"file-input__input",onChange:E,onDragEnter:g,onDragOver:g,onDragLeave:_,onDrop:_})))};exports.EbayFileInput=y;exports.EbayFileInputHeader=c;exports.EbayFileInputSubheader=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-DhE3ImRG.js");exports.EbayFilePreviewCard=e.EbayFilePreviewCard;exports.EbayFilePreviewCardAction=e.EbayFilePreviewCardAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-DhE3ImRG.js"),m=15,f=i=>{var{a11ySeeMoreText:M,onDelete:c,onCancel:l,onAction:a,onMenuAction:u,className:S,children:p}=i,g=A.__rest(i,["a11ySeeMoreText","onDelete","onCancel","onAction","onMenuAction","className","children"]);const[t,h]=o.useState(m),v=()=>{h(r=>r+m)},n=E.filterByType(p,b.EbayFilePreviewCard),d=n.length-t,w=n.slice(0,Math.min(t,n.length));return o.createElement("div",Object.assign({className:C("file-preview-card-group",S)},g),o.createElement("ul",null,w.map((r,s)=>o.cloneElement(r,{as:r.props.as||"li",onDelete:e=>c&&c(e,{index:s}),onCancel:e=>l&&l(e,{index:s}),onAction:e=>a&&a(e,{index:s}),onMenuAction:(e,y)=>u&&u(e,{index:s,menuActionEvent:y})})),d>0&&o.cloneElement(n[t],{seeMore:d,a11ySeeMoreText:M,onSeeMore:v,as:n[t].props.as||"li"})))};exports.EbayFilePreviewCardGroup=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-menu.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-menu/filter-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACV,cAAc,EAKd,SAAS,EAIZ,MAAM,OAAO,CAAC;AAMf,OAAO,EACH,gBAAgB,EAEhB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,IAAI,EACJ,OAAO,EACV,MAAM,SAAS,CAAC;AAKjB,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;;
|
|
1
|
+
{"version":3,"file":"filter-menu.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-menu/filter-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACV,cAAc,EAKd,SAAS,EAIZ,MAAM,OAAO,CAAC;AAMf,OAAO,EACH,gBAAgB,EAEhB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,IAAI,EACJ,OAAO,EACV,MAAM,SAAS,CAAC;AAKjB,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;;AAmOF,wBAA8C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-Di_eSs8N.js");exports.EbayFilterMenu=e.EbayFilterMenu;exports.EbayFilterMenuFooterButton=e.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=e.EbayFilterMenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-B2vObM4k.js"),w=require("../icon-CR8ApQBy.js"),a=require("../filter-menu-Di_eSs8N.js"),N=require("../utils-C9NL3q0j.js"),B=u=>{var{className:d,text:p,"aria-label":y,onExpand:f,onCollapse:E,onChange:l,children:i}=u,o=S.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const c=n.useRef(null),h=N.filterByType(i,a.EbayFilterMenuItem),[v,F]=n.useState(()=>h.some(t=>t.props.checked)),{isExpanded:_,collapse:r}=b.useExpander({ref:c,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:f,onCollapse:E}),{overlayStyles:M,refs:m}=b.useFloatingDropdown({open:_}),C=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},g=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},x=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},k=(t,e)=>{var s;l?.(t,e),F(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.createElement("span",{ref:c,className:q("filter-menu-button",d)},n.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":y,"aria-pressed":v},n.createElement("span",{className:"filter-menu-button__button-cell"},n.createElement("span",{className:"filter-menu-button__button-text"},p),n.createElement(w.EbayIcon,{name:"chevronDown12"}))),n.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:k,classPrefix:"filter-menu-button",onKeyDown:C,onFooterClick:x,onFormSubmit:g,ref:m.setOverlay,style:M}),i))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=B;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# EbayFlag
|
|
2
|
+
|
|
3
|
+
The component will include the actual SVG markup in the HTML and then reference the chosen flag.
|
|
4
|
+
|
|
5
|
+
## Demo
|
|
6
|
+
|
|
7
|
+
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/graphics-icons-ebay-flag--docs)
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
```jsx
|
|
12
|
+
import { EbayFlag } from "@ebay/ui-core-react/ebay-flag";
|
|
13
|
+
import "@ebay/skin/icon";
|
|
14
|
+
import "@ebay/skin/flag";
|
|
15
|
+
|
|
16
|
+
<EbayFlag name="us" />;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
### Notes
|
|
20
|
+
|
|
21
|
+
Make sure you use `<EbaySvg flags />` in your code (ideally on server side only), so that actual SVG icons exist inside HTML.
|
|
22
|
+
|
|
23
|
+
## Attributes
|
|
24
|
+
|
|
25
|
+
| Name | Type | Stateful | Required | Description |
|
|
26
|
+
| ---------- | ------ | -------- | -------- | ------------------------------------------------------------------------------------------- |
|
|
27
|
+
| `name` | String | No | Yes | name of the flags from [Skin](./types.ts) |
|
|
28
|
+
| `a11yText` | String | No | Yes | text for non-decorative inline flag; flag is assumed to be decorative if this is not passed |
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import { EbayIcon } from "../ebay-icon";
|
|
3
|
+
import { Icon } from "./types";
|
|
4
|
+
export type EbayFlagIconProps = Omit<ComponentProps<typeof EbayIcon>, "name"> & {
|
|
5
|
+
name: Icon;
|
|
6
|
+
};
|
|
7
|
+
declare const EbayFlagIcon: FC<EbayFlagIconProps>;
|
|
8
|
+
export default EbayFlagIcon;
|
|
9
|
+
//# sourceMappingURL=flag-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flag-icon.d.ts","sourceRoot":"","sources":["../../src/ebay-flag/flag-icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5E,IAAI,EAAE,IAAI,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAoD,CAAC;AAE7F,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import { Icon } from "./types";
|
|
3
|
+
export type EbayFlagProps = ComponentProps<"span"> & {
|
|
4
|
+
flag: Icon;
|
|
5
|
+
};
|
|
6
|
+
declare const EbayFlagIcon: FC<EbayFlagProps>;
|
|
7
|
+
export default EbayFlagIcon;
|
|
8
|
+
//# sourceMappingURL=flag.d.ts.map
|