@ebay/ui-core-react 8.18.0 → 9.1.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/calendar-AZtX7m2i.js +1 -0
- package/ebay-avatar/avatar-image.d.ts +1 -1
- package/ebay-avatar/avatar-image.d.ts.map +1 -1
- package/ebay-avatar/index.js +1 -1
- package/ebay-calendar/calendar.d.ts.map +1 -1
- package/ebay-calendar/index.js +1 -1
- package/ebay-date-textbox/index.js +1 -1
- package/ebay-fake-tabs/README.md +1 -0
- package/ebay-fake-tabs/fake-tabs.d.ts +2 -0
- package/ebay-fake-tabs/fake-tabs.d.ts.map +1 -1
- package/ebay-fake-tabs/index.js +1 -1
- package/ebay-file-preview-card/README.md +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-card.d.ts +1 -0
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -1
- package/ebay-file-preview-card/index.js +1 -1
- package/ebay-file-preview-card-group/index.js +1 -1
- package/ebay-filter-input/README.md +21 -21
- package/ebay-filter-input/index.d.ts +1 -1
- package/ebay-filter-input/index.d.ts.map +1 -1
- package/ebay-icon/icons/ebay-icon-arrow-down-12.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-12.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-20.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-20.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-24.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-down-24.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-12.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-12.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-20.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-20.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-24.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-arrow-up-24.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-desktop-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-desktop-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-desktop-20.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-desktop-20.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-desktop-24.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-desktop-24.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-lightning-bolt-filled-12.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-lightning-bolt-filled-12.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-lightning-bolt-filled-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-lightning-bolt-filled-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-lightning-bolt-filled-24.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-lightning-bolt-filled-24.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-mobile-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-mobile-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-mobile-20.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-mobile-20.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-pin-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-pin-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-pin-filled-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-pin-filled-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-tablet-16.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-tablet-16.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-tablet-20.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-tablet-20.d.ts.map +1 -0
- package/ebay-icon/icons/ebay-icon-tablet-24.d.ts +3 -0
- package/ebay-icon/icons/ebay-icon-tablet-24.d.ts.map +1 -0
- package/ebay-icon/types.d.ts +1 -1
- package/ebay-icon/types.d.ts.map +1 -1
- package/ebay-item-tile/index.js +1 -1
- package/ebay-item-tile-group/index.js +1 -1
- package/ebay-pagination/index.js +1 -1
- package/ebay-pagination/pagination.d.ts.map +1 -1
- package/ebay-svg/index.js +1 -1
- package/ebay-svg/symbols.d.ts.map +1 -1
- package/ebay-tabs/index.js +1 -1
- package/file-preview-card-C28-H6Zw.js +1 -0
- package/icons/ebay-icon-arrow-down-12/index.js +1 -0
- package/icons/ebay-icon-arrow-down-16/index.js +1 -0
- package/icons/ebay-icon-arrow-down-20/index.js +1 -0
- package/icons/ebay-icon-arrow-down-24/index.js +1 -0
- package/icons/ebay-icon-arrow-up-12/index.js +1 -0
- package/icons/ebay-icon-arrow-up-16/index.js +1 -0
- package/icons/ebay-icon-arrow-up-20/index.js +1 -0
- package/icons/ebay-icon-arrow-up-24/index.js +1 -0
- package/icons/ebay-icon-desktop-16/index.js +1 -0
- package/icons/ebay-icon-desktop-20/index.js +1 -0
- package/icons/ebay-icon-desktop-24/index.js +1 -0
- package/icons/ebay-icon-lightning-bolt-filled-12/index.js +1 -0
- package/icons/ebay-icon-lightning-bolt-filled-16/index.js +1 -0
- package/icons/ebay-icon-lightning-bolt-filled-24/index.js +1 -0
- package/icons/ebay-icon-mobile-16/index.js +1 -0
- package/icons/ebay-icon-mobile-20/index.js +1 -0
- package/icons/ebay-icon-mobile-24/index.js +1 -1
- package/icons/ebay-icon-mobile-signal-24/index.js +1 -1
- package/icons/ebay-icon-pin-16/index.js +1 -0
- package/icons/ebay-icon-pin-filled-16/index.js +1 -0
- package/icons/ebay-icon-tablet-16/index.js +1 -0
- package/icons/ebay-icon-tablet-20/index.js +1 -0
- package/icons/ebay-icon-tablet-24/index.js +1 -0
- package/{item-tile-CpH9pgq8.js → item-tile-Dd22jWQA.js} +1 -1
- package/package.json +9 -6
- package/calendar-B6lRC_bC.js +0 -1
- package/file-preview-card-DnIUegpg.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("react"),ue=require("./icon-button-AJ6dtyvc.js"),de=require("classnames"),ve=require("./icons/ebay-icon-chevron-left-24/index.js"),Ue=require("./icons/ebay-icon-chevron-right-24/index.js");function Ae(n){const c=new Intl.Locale(n);return c.weekInfo?c.weekInfo.firstDay:0}function Fe(n){const c=Ae(n),i=new Intl.DateTimeFormat(n,{weekday:"short"}),d=new Date(2022,9,2+c),A=[...Array(7)].map(()=>{const h=i.format(d);return d.setDate(d.getDate()+1),h});return{firstDayOfWeek:c,weekdayLabels:A}}function Re(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 Le={ArrowRight:1,ArrowLeft:-1,ArrowDown:7,ArrowUp:-7},Ne=({selected:n,numMonths:c=1,navigable:i,interactive:d,range:A,locale:h,disableBefore:I,disableAfter:g,disableWeekdays:B,disableList:G,a11ySelectedText:me="selected",a11yRangeStartText:ye="start of range",a11yInRangeText:Ie="in range",a11yRangeEndText:ge="end of range",a11ySeparator:J="-",a11yTodayText:De="today",a11yDisabledText:Ee="inactive",getA11yShowMonthText:Q=T=>`Show ${T}`,linkBuilder:X,onMonthChange:Z=()=>{},onFocus:Se=()=>{},onSelect:we=()=>{}})=>{const T=u(new Date),{firstDayOfWeek:Oe,weekdayLabels:Te}=Fe(fe(h)),ee=a.useRef(null),[m,F]=a.useState(0),[te,ne]=a.useState(null),[D,_]=a.useState(T),R=a.useRef(T),E=e=>{const t=U(R.current);return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth()+e))},S=()=>u(E(m)),w=()=>{const e=U(R.current);return u(new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+m+(c||1),0)))};a.useEffect(()=>{if(n){const e=Array.isArray(n)?n:[n],t=S(),r=w();e.find(f=>f>=t&&f<=r)===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[r,s]=[e,t].sort();return{rangeStart:r,rangeEnd:s}}}return{rangeStart:null,rangeEnd:null}},k=e=>new Intl.DateTimeFormat(fe(h),{month:"long",year:"numeric"}).format(new Date(e.getUTCFullYear(),e.getUTCMonth())),C=e=>I&&e<I||g&&e>g||B&&B.includes(U(e).getUTCDay())||G&&G.includes(e),ae=()=>{let e=S();const t=w();for(;e<=t&&C(e);)e=H(e,1);return e>t?null:e},re=()=>{let e=w();const t=S();for(;e>=t&&C(e);)e=H(e,-1);return e<t?null:e},b=e=>{_(e),setTimeout(()=>{var t;const r=(t=ee.current)===null||t===void 0?void 0:t.querySelector(`[data-iso="${e}"]`);r?.focus()})},L=e=>{if(I&&S()<=I)return!1;F(s=>s-1);let t=D;const r=re();return r&&r<D&&(t=r,_(r)),e&&b(t),Z({iso:u(E(m))}),!0},N=e=>{if(g&&w()>=g)return!1;F(s=>s+1);let t=D;const r=ae();r&&r>D&&(t=r,_(r)),e&&b(t),Z({iso:u(E(m+(c||1)))})},he=e=>{const t=Le[e.key];if(t){let r=7,s=D;do s=H(s,t);while(r-- >0&&C(s));if(r>0){const f=S(),O=w();s<f?i?L():s=f:s>O&&(i?N():s=O),b(s)}}else switch(e.key){case"PageUp":L(!0);break;case"PageDown":N(!0);break;case"Home":b(ae());break;case"End":b(re());break}},_e=(e,t)=>{we(e,{iso:t})},se=(e,t)=>{ne(t),_(t),Se(e,{iso:t})},oe=()=>{ne(null)},{rangeStart:V,rangeEnd:x}=be(),ke=e=>!(!V||!x||e<V||e>x),ce=[...Array(c)].map((e,t)=>E(m+t));return a.createElement("div",{className:"calendar",ref:ee},i&&a.createElement("div",{className:"calendar__header"},a.createElement("div",{className:"calendar__header--inner"},a.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:a.createElement(ve.EbayIconChevronLeft24,null),disabled:I&&S()<=I,"aria-label":Q(k(E(m-1))),onClick:()=>L()}),ce.map((e,t)=>a.createElement("h3",{key:t},k(e))),a.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:a.createElement(Ue.EbayIconChevronRight24,null),disabled:g&&w()>=g,"aria-label":Q(k(E(m+c))),onClick:()=>N()}))),a.createElement("div",{className:"calendar__body"},ce.map((e,t)=>{const r=(e.getUTCDay()-Oe+7)%7,s=e.getUTCFullYear(),f=e.getUTCMonth(),O=new Date(s,f+1,0).getDate(),Ce=[...Array(Math.ceil((r+O)/7))];return a.createElement("div",{key:t,className:"calendar__month"},a.createElement("table",{onKeyDown:he},a.createElement("caption",null,k(e)),a.createElement("thead",null,a.createElement("tr",null,Te.map(M=>a.createElement("th",{key:M,scope:"col"},M)))),a.createElement("tbody",null,Ce.map((M,q)=>{let Y=q*7-r+1,$=Y+6;const P=[];q===0&&r!==0?(Y=1,P.push(a.createElement("td",{key:"pre-column",colSpan:r}))):$>O&&($=O);for(let y=Y;y<=$;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=ke(o),K=o===x,p=C(o),v=["",j&&me,z&&ye,!z&&!K&&le&&Ie,K&&ge,!d&&W&&De,!d&&p&&Ee].filter(l=>typeof l!="boolean"||l!==!1),ie=!d&&!p&&X&&X(o),pe=ie?"a":"span";P.push(a.createElement("td",{key:y,className:de({"calendar__cell--selected":j,"calendar__range--start":z,calendar__range:le,"calendar__range--end":K})},d?a.createElement("button",{disabled:p,"aria-label":v.length>1?`${y}${v.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):a.createElement(pe,{className:de({"calendar__cell--disabled":p,"calendar__cell--current":W}),href:ie},y,v.length>1&&a.createElement("span",{className:"clipped"},v.join(J)))))}return a.createElement("tr",{key:q},P)}))))})))};exports.EbayCalendar=Ne;exports.dateArgToISO=Re;exports.toISO=u;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, FC } from "react";
|
|
2
|
-
export type EbayAvatarImageProps = ComponentProps<"img">;
|
|
2
|
+
export type EbayAvatarImageProps = Omit<ComponentProps<"img">, "alt">;
|
|
3
3
|
declare const AvatarImage: FC<EbayAvatarImageProps>;
|
|
4
4
|
export default AvatarImage;
|
|
5
5
|
//# sourceMappingURL=avatar-image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-image.d.ts","sourceRoot":"","sources":["../../src/ebay-avatar/avatar-image.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"avatar-image.d.ts","sourceRoot":"","sources":["../../src/ebay-avatar/avatar-image.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAEtE,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAYzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/ebay-avatar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),h=require("classnames"),b=require("../icons/ebay-icon-avatar-signed-out/index.js"),l=["teal","light-teal","green","lime","yellow","orange","magenta","pink"];function A(e,t){if(t)return t;let n=0,a,r;if(e&&e.length>0)for(r=0;r<e.length;r++)a=e.charCodeAt(r),n=(n<<5)-n+a,n|=0;const c=l.length,s=Math.abs(n)%c;return l[s]}function g(e){return e&&(e<3/4||e<4/3)}const v=o.createContext(null),f=e=>{var{size:t,color:n,username:a,children:r,className:c,knownAspectRatio:s}=e,i=u.__rest(e,["size","color","username","children","className","knownAspectRatio"]);const[m,d]=o.useState(g(s)?"fit":"cover");return o.createElement(v.Provider,{value:{setImagePlacement:d}},o.createElement("div",Object.assign({},i,{role:"img",className:h("avatar",c,t&&`avatar--${t}`,m==="fit"&&"avatar--fit",a&&!r&&`avatar--${A(a,n)}`)}),r||a?.charAt(0).toUpperCase()||o.createElement(b.EbayIconAvatarSignedOut,null)))};function E(e,t){if(!e)throw new Error(t)}const y=e=>{var{onLoad:t}=e,n=u.__rest(e,["onLoad"]);const a=o.useContext(v);E(a,"EbayAvatarImage needs to be used with EbayAvatar component");const r=c=>{const s=c.target,i=s.naturalWidth/s.naturalHeight;a.setImagePlacement(g(i)?"fit":"cover"),t?.(c)};return o.createElement("img",Object.assign({onLoad:r}
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),h=require("classnames"),b=require("../icons/ebay-icon-avatar-signed-out/index.js"),l=["teal","light-teal","green","lime","yellow","orange","magenta","pink"];function A(e,t){if(t)return t;let n=0,a,r;if(e&&e.length>0)for(r=0;r<e.length;r++)a=e.charCodeAt(r),n=(n<<5)-n+a,n|=0;const c=l.length,s=Math.abs(n)%c;return l[s]}function g(e){return e&&(e<3/4||e<4/3)}const v=o.createContext(null),f=e=>{var{size:t,color:n,username:a,children:r,className:c,knownAspectRatio:s}=e,i=u.__rest(e,["size","color","username","children","className","knownAspectRatio"]);const[m,d]=o.useState(g(s)?"fit":"cover");return o.createElement(v.Provider,{value:{setImagePlacement:d}},o.createElement("div",Object.assign({},i,{role:"img",className:h("avatar",c,t&&`avatar--${t}`,m==="fit"&&"avatar--fit",a&&!r&&`avatar--${A(a,n)}`)}),r||a?.charAt(0).toUpperCase()||o.createElement(b.EbayIconAvatarSignedOut,null)))};function E(e,t){if(!e)throw new Error(t)}const y=e=>{var{onLoad:t}=e,n=u.__rest(e,["onLoad"]);const a=o.useContext(v);E(a,"EbayAvatarImage needs to be used with EbayAvatar component");const r=c=>{const s=c.target,i=s.naturalWidth/s.naturalHeight;a.setImagePlacement(g(i)?"fit":"cover"),t?.(c)};return o.createElement("img",Object.assign({},n,{alt:"",onLoad:r}))};exports.EbayAvatar=f;exports.EbayAvatarImage=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/ebay-calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAEtG,OAAO,EAAE,MAAM,EAA6D,MAAM,cAAc,CAAC;AAKjG,MAAM,MAAM,iBAAiB,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE,CAAC;AASF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/ebay-calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAEtG,OAAO,EAAE,MAAM,EAA6D,MAAM,cAAc,CAAC;AAKjG,MAAM,MAAM,iBAAiB,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE,CAAC;AASF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAoZvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
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-AZtX7m2i.js");exports.EbayCalendar=e.EbayCalendar;
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-AZtX7m2i.js"),l=require("../textbox-DAip4ToD.js");require("../icon-I30uh1Ov.js");const Z=require("../dropdown-B6wMNyjP.js"),$=require("../icons/ebay-icon-calendar-24/index.js"),{default:ee=x}=x?.default?.__esModule?x.default:x,te=600,ne=y=>{var{className:R,inputPlaceholderText:i="YYYY-MM-DD",a11yOpenPopoverText:N="open calendar",range:o,value:v,rangeEnd:S,defaultValue:q,defaultRangeEnd:D,collapseOnSelect:w,children:M,onChange:p=()=>{},onInputChange:A=()=>{},onInputRangeEndChange:L=()=>{}}=y,j=K.__rest(y,["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(v)?v: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?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 ee(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<te?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)===null||t===void 0||t.destroy(),window.removeEventListener("resize",e)}},[]);const O=(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=>O(e,0)}),n.cloneElement(_,Object.assign(Object.assign({},_.props),{className:"ebay-date-textbox--main",placeholder:J,value:o?T:f,onInputChange:e=>P(e,o?1:0),onBlur:e=>O(e,o?1:0)}),n.createElement(l.EbayTextboxPostfixIcon,{icon:n.createElement($.EbayIconCalendar24,null),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=ne;
|
package/ebay-fake-tabs/README.md
CHANGED
|
@@ -33,6 +33,7 @@ import "@ebay/skin/tabs";
|
|
|
33
33
|
| Name | Type | Stateful | Description |
|
|
34
34
|
| ---------------------- | ------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
35
35
|
| `selectedIndex` | Number | Yes | 0-based index of selected tab heading |
|
|
36
|
+
| `size` | Enum | No | Sets the size of the tabs. Can be either regular (Default) or large |
|
|
36
37
|
| `tabMatchesCurrentUrl` | Boolean | No | Specify whether the href of the currently active fake tab matches the current window url. Default is true. This property is used to configure the underlying aria-current attribute (i.e. a value of "page" (default) or "true"). |
|
|
37
38
|
|
|
38
39
|
## EbayFakeTab
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fake-tabs.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-tabs/fake-tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"fake-tabs.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-tabs/fake-tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhE,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvC,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CA0BnC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/ebay-fake-tabs/index.js
CHANGED
|
@@ -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"),b=require("../utils-C9NL3q0j.js"),l=a=>{var{children:s,href:r,ariaCurrent:n,className:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),u=require("classnames"),b=require("../utils-C9NL3q0j.js"),l=a=>{var{children:s,href:r,ariaCurrent:n,className:c}=a,t=m.__rest(a,["children","href","ariaCurrent","className"]);return e.createElement("li",Object.assign({},t,{className:u(c,"fake-tabs__item")}),e.createElement("a",{href:r,"aria-current":n},s))},N=a=>{var{selectedIndex:s=0,tabMatchesCurrentUrl:r,size:n,className:c,children:t}=a,o=m.__rest(a,["selectedIndex","tabMatchesCurrentUrl","size","className","children"]);const d=r===!1?"true":"page",f=b.filterByType(t,l).map((i,E)=>e.cloneElement(i,Object.assign(Object.assign({},i.props),{ariaCurrent:s===E?d:null}))),g=b.excludeComponent(t,l),_=n==="large";return e.createElement("div",Object.assign({},o,{className:u(c,"fake-tabs",{"fake-tabs--large":_})}),e.createElement("ul",{className:"fake-tabs__items"},f),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},g)))};exports.EbayFakeTab=l;exports.EbayFakeTabs=N;
|
|
@@ -55,6 +55,7 @@ import "@ebay/skin/file-preview-card.css";
|
|
|
55
55
|
| `infoText` | `String` | No | Text to display info in file if not image. | |
|
|
56
56
|
| `file` | `File` or `{name: string, type?: File[type], src?: string }` | No | File object, can be raw platform `File` or an object containing `name`, `type`, and a `src` for the preview. | |
|
|
57
57
|
| `menuActions` | `{event: string, label: string }[]` | No | Array of menu actions, containing event and label. | |
|
|
58
|
+
| `a11yMenuButtonText` | `String` | No | a11y text for menu button. This is required when menuActions is set. | |
|
|
58
59
|
| `seeMore` | `Number` | No | Passing a number here will convert the card to a "see more" card. | |
|
|
59
60
|
| `a11ySeeMoreText` | `String` | No | a11y text for see more button. |
|
|
60
61
|
| `href` | `String` | No | href that will wrapper the file preview card. |
|
|
@@ -7,6 +7,7 @@ export type FilePreviewActionProps = {
|
|
|
7
7
|
deleteText?: string;
|
|
8
8
|
status?: "uploading";
|
|
9
9
|
a11yCancelUploadText?: string;
|
|
10
|
+
a11yMenuButtonText?: string;
|
|
10
11
|
onMenuAction?: FilePreviewCardMenuActionHandler;
|
|
11
12
|
onCancel?: EbayEventHandler<HTMLElement>;
|
|
12
13
|
onDelete?: EbayEventHandler<HTMLElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-preview-action.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-action.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAItF,MAAM,MAAM,sBAAsB,GAAG;IACjC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,EAAE,YAAY,CAAC,8BAA8B,CAAC,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"file-preview-action.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-action.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAItF,MAAM,MAAM,sBAAsB,GAAG;IACjC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,EAAE,YAAY,CAAC,8BAA8B,CAAC,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmFjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-preview-card.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAO/D,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvG,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,
|
|
1
|
+
{"version":3,"file":"file-preview-card.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAO/D,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvG,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2FrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -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-C28-H6Zw.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-C28-H6Zw.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;
|
|
@@ -36,20 +36,20 @@ import "@ebay/skin/filter-input.css";
|
|
|
36
36
|
|
|
37
37
|
## Props
|
|
38
38
|
|
|
39
|
-
| Name
|
|
40
|
-
|
|
|
41
|
-
| `size`
|
|
42
|
-
| `placeholder`
|
|
43
|
-
| `a11yClearButton`
|
|
44
|
-
| `a11yControlsId`
|
|
45
|
-
| `onClear`
|
|
46
|
-
| `onChange`
|
|
47
|
-
| `onInputChange`
|
|
48
|
-
| `onFocus`
|
|
49
|
-
| `onBlur`
|
|
50
|
-
| `onKeyDown`
|
|
51
|
-
| `onKeyPress`
|
|
52
|
-
| `onKeyUp`
|
|
39
|
+
| Name | Type | Stateful | Required | Description |
|
|
40
|
+
| ----------------- | ---------------------- | -------- | -------- | -------------------------------------------------------------- |
|
|
41
|
+
| `size` | `"large"` \| `"small"` | No | No | The input size variant |
|
|
42
|
+
| `placeholder` | String | No | No | Placeholder text (default: `"Filter"`) |
|
|
43
|
+
| `a11yClearButton` | String | No | No | Aria-label for clear button. When provided, shows clear button |
|
|
44
|
+
| `a11yControlsId` | String | No | No | ID of element that this input controls (for `aria-controls`) |
|
|
45
|
+
| `onClear` | Function | No | No | Callback for clear button click: `(event, { value }) => void` |
|
|
46
|
+
| `onChange` | Function | No | No | Callback for input blur: `(event, { value }) => void` |
|
|
47
|
+
| `onInputChange` | Function | No | No | Callback for input value change: `(event, { value }) => void` |
|
|
48
|
+
| `onFocus` | Function | No | No | Callback for input focus: `(event, { value }) => void` |
|
|
49
|
+
| `onBlur` | Function | No | No | Callback for input blur: `(event, { value }) => void` |
|
|
50
|
+
| `onKeyDown` | Function | No | No | Callback for key down: `(event, { value }) => void` |
|
|
51
|
+
| `onKeyPress` | Function | No | No | Callback for key press: `(event, { value }) => void` |
|
|
52
|
+
| `onKeyUp` | Function | No | No | Callback for key up: `(event, { value }) => void` |
|
|
53
53
|
|
|
54
54
|
## Examples
|
|
55
55
|
|
|
@@ -62,10 +62,10 @@ import "@ebay/skin/filter-input.css";
|
|
|
62
62
|
### With Clear Button
|
|
63
63
|
|
|
64
64
|
```jsx
|
|
65
|
-
<EbayFilterInput
|
|
65
|
+
<EbayFilterInput
|
|
66
66
|
placeholder="Filter results"
|
|
67
67
|
a11yClearButton="Clear filters"
|
|
68
|
-
onClear={(event, { value }) => console.log(
|
|
68
|
+
onClear={(event, { value }) => console.log("Cleared:", value)}
|
|
69
69
|
/>
|
|
70
70
|
```
|
|
71
71
|
|
|
@@ -82,13 +82,13 @@ import "@ebay/skin/filter-input.css";
|
|
|
82
82
|
<EbayFilterInput
|
|
83
83
|
placeholder="Search items"
|
|
84
84
|
a11yClearButton="Clear search"
|
|
85
|
-
onInputChange={(event, { value }) => console.log(
|
|
85
|
+
onInputChange={(event, { value }) => console.log("Input changed:", value)}
|
|
86
86
|
onKeyDown={(event, { value }) => {
|
|
87
|
-
if (event.key ===
|
|
88
|
-
console.log(
|
|
87
|
+
if (event.key === "Enter") {
|
|
88
|
+
console.log("Search submitted:", value);
|
|
89
89
|
}
|
|
90
90
|
}}
|
|
91
|
-
onClear={(event, { value }) => console.log(
|
|
91
|
+
onClear={(event, { value }) => console.log("Search cleared")}
|
|
92
92
|
/>
|
|
93
93
|
```
|
|
94
94
|
|
|
@@ -103,4 +103,4 @@ import "@ebay/skin/filter-input.css";
|
|
|
103
103
|
<ul id="filtered-list">
|
|
104
104
|
{/* Filtered list items */}
|
|
105
105
|
</ul>
|
|
106
|
-
```
|
|
106
|
+
```
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as EbayFilterInput, type EbayFilterInputProps, type FilterInputEventProps, type Size } from "./filter-input";
|
|
1
|
+
export { default as EbayFilterInput, type EbayFilterInputProps, type FilterInputEventProps, type Size, } from "./filter-input";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,IAAI,eAAe,EAC1B,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,IAAI,GACZ,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-down-12.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-down-12.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,mBAAmB,EAAE,iBAEjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-down-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-down-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,mBAAmB,EAAE,iBAEjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-down-20.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-down-20.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,mBAAmB,EAAE,iBAEjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-down-24.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-down-24.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,mBAAmB,EAAE,iBAEjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-up-12.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-up-12.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-up-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-up-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-up-20.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-up-20.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-arrow-up-24.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-arrow-up-24.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-desktop-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-desktop-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-desktop-20.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-desktop-20.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-desktop-24.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-desktop-24.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-lightning-bolt-filled-12.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-lightning-bolt-filled-12.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,6BAA6B,EAAE,iBAE3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-lightning-bolt-filled-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-lightning-bolt-filled-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,6BAA6B,EAAE,iBAE3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-lightning-bolt-filled-24.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-lightning-bolt-filled-24.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,6BAA6B,EAAE,iBAE3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-mobile-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-mobile-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,gBAAgB,EAAE,iBAE9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-mobile-20.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-mobile-20.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,gBAAgB,EAAE,iBAE9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-pin-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-pin-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,aAAa,EAAE,iBAE3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-pin-filled-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-pin-filled-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,mBAAmB,EAAE,iBAEjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-tablet-16.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-tablet-16.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,gBAAgB,EAAE,iBAE9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-tablet-20.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-tablet-20.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,gBAAgB,EAAE,iBAE9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-icon-tablet-24.d.ts","sourceRoot":"","sources":["../../../src/ebay-icon/icons/ebay-icon-tablet-24.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,gBAAgB,EAAE,iBAE9B,CAAC"}
|