@ebay/ui-core-react 8.4.0 → 8.5.1
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/README.md +5 -2
- package/{button-C3RhAySI.js → button-DhwBC3vw.js} +1 -1
- package/{calendar-C0wOay3d.js → calendar-Bnx_QLoQ.js} +1 -1
- package/{checkbox-BziMKlXl.js → checkbox-ebkMhvbJ.js} +1 -1
- package/{chip-CFq5Sx2d.js → chip-CfMEg9CT.js} +1 -1
- package/{dialog-previous-button-ns64Jg1v.js → dialog-previous-button-DR6Ujner.js} +1 -1
- package/ebay-accordion/accordion.d.ts.map +1 -1
- 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/index.js +1 -1
- package/ebay-ccd/README.md +64 -0
- package/ebay-ccd/ccd.d.ts +14 -0
- package/ebay-ccd/ccd.d.ts.map +1 -0
- package/ebay-ccd/index.d.ts +2 -0
- package/ebay-ccd/index.d.ts.map +1 -0
- package/ebay-ccd/index.js +1 -0
- package/ebay-character-count/README.md +44 -0
- package/ebay-character-count/character-count.d.ts +14 -0
- package/ebay-character-count/character-count.d.ts.map +1 -0
- package/ebay-character-count/index.d.ts +3 -0
- package/ebay-character-count/index.d.ts.map +1 -0
- package/ebay-character-count/index.js +1 -0
- package/ebay-checkbox/index.js +1 -1
- package/ebay-chip/index.js +1 -1
- package/ebay-chips-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/index.js +1 -1
- package/ebay-details/index.js +1 -1
- package/{ebay-details-Co3xp8NP.js → ebay-details-CwOA53up.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-menu/index.js +1 -1
- package/ebay-fake-menu-button/index.js +1 -1
- package/ebay-field/index.js +1 -1
- package/ebay-field/types.d.ts +1 -1
- package/ebay-field/types.d.ts.map +1 -1
- package/ebay-file-input/README.md +59 -0
- package/ebay-file-input/file-input.d.ts +13 -0
- package/ebay-file-input/file-input.d.ts.map +1 -0
- package/ebay-file-input/index.d.ts +2 -0
- package/ebay-file-input/index.d.ts.map +1 -0
- package/ebay-file-input/index.js +1 -0
- package/ebay-file-input/types.d.ts +6 -0
- package/ebay-file-input/types.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +2 -2
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-card.d.ts +3 -3
- 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/types.d.ts +1 -2
- package/ebay-file-preview-card/types.d.ts.map +1 -1
- package/ebay-file-preview-card-group/README.md +65 -0
- package/ebay-file-preview-card-group/file-preview-card-group.d.ts +12 -0
- package/ebay-file-preview-card-group/file-preview-card-group.d.ts.map +1 -0
- package/ebay-file-preview-card-group/index.d.ts +2 -0
- package/ebay-file-preview-card-group/index.d.ts.map +1 -0
- package/ebay-file-preview-card-group/index.js +1 -0
- package/ebay-file-preview-card-group/types.d.ts +13 -0
- package/ebay-file-preview-card-group/types.d.ts.map +1 -0
- package/ebay-filter-menu/index.js +1 -1
- package/ebay-filter-menu-button/index.js +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/icon.d.ts +6 -0
- package/ebay-icon/icon.d.ts.map +1 -1
- package/ebay-icon/index.js +1 -1
- package/ebay-icon/types.d.ts +1 -1
- package/ebay-icon/types.d.ts.map +1 -1
- package/ebay-icon-button/index.js +1 -1
- package/ebay-image-placeholder/README.md +46 -0
- package/ebay-image-placeholder/image-placeholder.d.ts +6 -0
- package/ebay-image-placeholder/image-placeholder.d.ts.map +1 -0
- package/ebay-image-placeholder/index.d.ts +2 -0
- package/ebay-image-placeholder/index.d.ts.map +1 -0
- package/ebay-image-placeholder/index.js +1 -0
- package/ebay-infotip/index.js +1 -1
- package/ebay-inline-notice/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 +1 -1
- package/ebay-menu/index.js +1 -1
- package/ebay-menu-button/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-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/index.js +1 -1
- package/ebay-table/README.md +1 -0
- package/ebay-table/index.js +1 -1
- package/ebay-table/table.d.ts +1 -0
- package/ebay-table/table.d.ts.map +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/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-D4qnvGtF.js +1 -0
- package/{filter-menu-CzHlWYrY.js → filter-menu-DVoaD81G.js} +1 -1
- package/icon-C-bWGO-9.js +1 -0
- package/{icon-button-DPIjQGta.js → icon-button-CHW6Lezn.js} +1 -1
- package/lightbox-dialog-B19PMyMY.js +1 -0
- package/{menu-button-label-DFjHo8Lr.js → menu-button-label-BsTtpKB2.js} +1 -1
- package/{menu-button-label-BCs24-MK.js → menu-button-label-CN_zoO9F.js} +1 -1
- package/{menu-item-C24G4so-.js → menu-item-D_m4VPNi.js} +1 -1
- package/{menu-DmmYhPJU.js → menu-mTGSTnD8.js} +1 -1
- package/package.json +18 -14
- package/{progress-spinner-CTs1iaUV.js → progress-spinner-BQ5Ms2Nu.js} +1 -1
- package/{radio-D-YF8WXv.js → radio-DLgEB-qH.js} +1 -1
- package/{textbox-B6zeeYue.js → textbox-BYNinHFi.js} +1 -1
- package/{toggle-button-CugK7Hwz.js → toggle-button-BLFYrRDI.js} +1 -1
- package/{tri-state-checkbox-Lrf47q9t.js → tri-state-checkbox-BLbLOJc1.js} +1 -1
- package/{use-tooltip-BTMlwcb6.js → use-tooltip-mcJqLqOg.js} +1 -1
- package/icon-hO_8pLp7.js +0 -1
- package/lightbox-dialog-2MA5lJCC.js +0 -1
package/ebay-table/README.md
CHANGED
|
@@ -91,6 +91,7 @@ Note: Make sure that `EbaySvg` is only rendered on the server so it does not aff
|
|
|
91
91
|
| ------------------- | -------- | -------- | ------------------------------------------------------------- | ------------------------------------------- |
|
|
92
92
|
| `density` | String | No | Table density, `compact`, `relaxed`, `none` | |
|
|
93
93
|
| `mode` | String | No | Table mode, `selection`, `none` | |
|
|
94
|
+
| `frozenHeader` | Boolean | No | If true, the header will be frozen | |
|
|
94
95
|
| `allSelected` | String | No | Select all tri-state checkbox state, `true`, `false`, `mixed` | |
|
|
95
96
|
| `a11ySelectAllText` | String | No | Accessibility text for select all checkbox | |
|
|
96
97
|
| `a11ySelectRowText` | String | No | Accessibility text for select row checkbox | |
|
package/ebay-table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),N=require("classnames"),B=require("../tri-state-checkbox-BLbLOJc1.js"),O=require("../utils-C9NL3q0j.js"),M=require("../icon-C-bWGO-9.js"),I=require("../checkbox-ebkMhvbJ.js"),h=r=>{var{rowHeader:y,columnType:n,className:p,children:a}=r,m=f.__rest(r,["rowHeader","columnType","className","children"]);const S=y?"th":"td",E=n==="layout"?"div":l.Fragment;return l.createElement(S,Object.assign({className:N("table-cell",p,{[`table-cell--${n}`]:n})},m),l.createElement(E,Object.assign({},n==="layout"?{className:"table-cell__layout"}:{}),a))},_=r=>{var{columnType:y,sort:n,href:p,children:a,onSort:m}=r,S=f.__rest(r,["columnType","sort","href","children","onSort"]);const E={asc:"ascending",desc:"descending",none:"none"},s={asc:"sortDown12",desc:"sortUp12",none:"sort12"},b=n?l.createElement(l.Fragment,null," ",l.createElement(M.EbayIcon,{name:s[n]})):null;let c=a;return p?c=l.createElement("a",{href:p,onClick:m},a,b):n&&(c=l.createElement("button",{type:"button",onClick:m},a,b)),l.createElement(h,Object.assign({},S,{rowHeader:!0,columnType:y,"aria-sort":n?E[n]:void 0}),c)},$=r=>{var{name:y,className:n,selected:p,mode:a,a11ySelectRowText:m,children:S,onSelect:E,__headers:s}=r,b=f.__rest(r,["name","className","selected","mode","a11ySelectRowText","children","onSelect","__headers"]);const c=O.filterByType(S,h),g=(d,{checked:u})=>{E(d,{name:y,selected:u})};return l.createElement("tr",Object.assign({className:n},b),a==="selection"&&l.createElement(h,{rowHeader:!0,key:"selection-cell"},l.createElement(I.EbayCheckbox,{checked:p,"aria-label":m||"Select row",onChange:g})),s==null?void 0:s.map((d,u)=>l.cloneElement(c[u],{rowHeader:typeof d.props.rowHeader=="boolean"?d.props.rowHeader:c[u].props.rowHeader,columnType:typeof d.props.columnType=="string"?d.props.columnType:c[u].props.columnType})))},F=r=>{var{className:y,mode:n,allSelected:p,density:a,frozenHeader:m,a11ySelectAllText:S,a11ySelectRowText:E,onSelect:s,onSort:b,children:c}=r,g=f.__rest(r,["className","mode","allSelected","density","frozenHeader","a11ySelectAllText","a11ySelectRowText","onSelect","onSort","children"]);const d=O.filterByType(c,_),u=O.filterByType(c,$),[H,k]=l.useState(()=>d.reduce((e,t,o)=>(t.props.sort&&(e[t.props.name||`${o}`]=t.props.sort),e),{})),[v,x]=l.useState(()=>u.reduce((e,t,o)=>(e[t.props.name||`${o}`]=typeof t.props.selected=="boolean"?t.props.selected:!1,e),{}));function w(e){const t=Object.values(e).filter(Boolean).length,o=Object.values(e).length-t;return t===0?"false":o===0?"true":"mixed"}const j=typeof p<"u"?p:w(v),R=e=>{const t=u.reduce((o,i,T)=>(o[i.props.name||`${T}`]=j==="false"||j==="mixed",o),{});x(t),s==null||s(e,{selected:t,allSelected:w(t)})},q=(e,{name:t,selected:o})=>{const i=Object.assign(Object.assign({},v),{[t||""]:o});x(i),s==null||s(e,{selected:i,allSelected:w(i)})},z=(e,t)=>{const o={none:"asc",asc:"desc",desc:"none"},i=Object.entries(H).reduce((T,[C,A])=>(C===t?T[C]=o[A]:T[C]="none",T),{});k(i),b==null||b(e,{sorted:{[t]:i[t]}})};return l.createElement("div",Object.assign({},g,{className:N("table",y,{"table--mode-selection":n==="selection","table--frozen-header":m,[`table--density-${a}`]:a}),role:"group",tabIndex:0}),l.createElement("table",null,l.createElement("thead",null,l.createElement("tr",null,n==="selection"&&l.createElement(_,{key:"selection-all-cell"},l.createElement(B.EbayTriStateCheckbox,{"aria-label":S||"Select all rows",checked:j,onChange:R})),d.map((e,t)=>l.cloneElement(e,{sort:H[e.props.name||`${t}`],onSort:o=>z(o,e.props.name||`${t}`)})))),l.createElement("tbody",null,u.map((e,t)=>l.cloneElement(e,{mode:n,name:e.props.name||`${t}`,a11ySelectRowText:e.props.a11ySelectRowText||E,onSelect:(o,i)=>q(o,Object.assign(Object.assign({},i),{name:e.props.name||`${t}`})),selected:typeof e.props.selected=="boolean"?e.props.selected:v[e.props.name||`${t}`],__headers:d})))))};exports.EbayTable=F;exports.EbayTableCell=h;exports.EbayTableHeader=_;exports.EbayTableRow=$;
|
package/ebay-table/table.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export type EbayTableProps = Omit<ComponentProps<'div'>, 'onSelect'> & {
|
|
|
5
5
|
mode?: TableMode;
|
|
6
6
|
allSelected?: CheckboxState;
|
|
7
7
|
density?: TableDensity;
|
|
8
|
+
frozenHeader?: boolean;
|
|
8
9
|
a11ySelectAllText?: string;
|
|
9
10
|
a11ySelectRowText?: string;
|
|
10
11
|
onSelect?: TableSelectHandler;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ebay-table/table.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAwB,aAAa,EAAiC,MAAM,4BAA4B,CAAA;AAC/G,OAAO,KAAK,EACR,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EAGZ,MAAM,SAAS,CAAA;AAKhB,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ebay-table/table.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAwB,aAAa,EAAiC,MAAM,4BAA4B,CAAA;AAC/G,OAAO,KAAK,EACR,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EAGZ,MAAM,SAAS,CAAA;AAKhB,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgJjC,CAAA;AACD,eAAe,SAAS,CAAA"}
|
package/ebay-textbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-BYNinHFi.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-C4EgNkz1.js"),i=require("react"),r=require("classnames"),l=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-C4EgNkz1.js"),i=require("react"),r=require("classnames"),l=require("../dialog-previous-button-DR6Ujner.js");require("../icon-button-CHW6Lezn.js");const n=e=>{var{className:t,onClose:s=()=>{}}=e,o=a.__rest(e,["className","onClose"]);return i.createElement(l.DialogBaseWithState,Object.assign({},o,{isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:r(t,"toast-dialog--transition"),onCloseBtnClick:s}))};exports.EbayToast=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-BLFYrRDI.js");exports.EbayToggleButton=t.ToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-BLFYrRDI.js"),N=l=>{var{a11yText:u,a11yLabelId:m,layoutType:i="minimal",variant:c="checkbox",children:g,columnsMin:d,columnsXS:b,columnsSM:y,columnsMD:p,columnsXL:T,onChange:n,className:B}=l,h=q.__rest(l,["a11yText","a11yLabelId","layoutType","variant","children","columnsMin","columnsXS","columnsSM","columnsMD","columnsXL","onChange","className"]);const r=I.filterByType(g,L.ToggleButton),k=()=>r.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[M,E]=o.useState(k),S=o.useCallback((s,e)=>{E(t=>{let a={};switch(c){case"checkbox":a=Object.assign({},t),a[e]=!t[e];break;case"radio-toggle":a[e]=!t[e];break;case"radio":a[e]=!0;break}return n&&n(s,{pressedButtonsIndex:a}),a})},[c,n]);return o.createElement("div",Object.assign({className:f(B,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":b,"data-columns-sm":y,"data-columns-md":p,"data-columns-xl":T},h),o.createElement("ul",{"aria-label":u,"aria-labelledby":m},r.map((s,e)=>o.createElement("li",{key:e},o.cloneElement(s,{layoutType:i,pressed:M[e],onToggle:t=>{S(t,e)}})))))};exports.EbayToggleButtonGroup=N;
|
package/ebay-tooltip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),c=require("../utils-C9NL3q0j.js"),o=require("../use-tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),c=require("../utils-C9NL3q0j.js"),o=require("../use-tooltip-mcJqLqOg.js");require("classnames");require("../icon-C-bWGO-9.js");require("../array.polyfill.flat-5BAolFdk.js");const T=()=>null,E=()=>null,_=s=>{var{className:y,pointer:d,overlayStyle:b,noHover:l,onFocus:h=()=>{},onBlur:O=()=>{},onMouseEnter:f=()=>{},onMouseLeave:m=()=>{},onExpand:v,onCollapse:C,children:r}=s,M=S.__rest(s,["className","pointer","overlayStyle","noHover","onFocus","onBlur","onMouseEnter","onMouseLeave","onExpand","onCollapse","children"]);const{isExpanded:R,expandTooltip:i,collapseTooltip:a}=o.useTooltip({onCollapse:C,onExpand:v}),n=t.useRef(null),F=e=>{f(e),l||(clearTimeout(n.current),i())},I=e=>{m(e),l||(clearTimeout(n.current),n.current=setTimeout(()=>{a()},300))},L=e=>{h(e),i()},N=e=>{O(e),a()},p=c.findComponent(r,T),u=c.findComponent(r,E);if(!u)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!p)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return t.createElement(o.Tooltip,Object.assign({},M,{className:y,type:"tooltip",isExpanded:R,onFocus:L,onBlur:N,onMouseEnter:F,onMouseLeave:I}),t.createElement(o.TooltipHost,Object.assign({},u.props)),t.createElement(o.TooltipContent,Object.assign({},p.props,{type:"tooltip",style:b,pointer:d})))};exports.DEFAULT_POINTER_DIRECTION=o.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=o.POINTER_STYLES;exports.Tooltip=o.Tooltip;exports.TooltipFooter=o.TooltipFooter;exports.EbayTooltip=_;exports.EbayTooltipContent=T;exports.EbayTooltipHost=E;
|
package/ebay-tourtip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-mcJqLqOg.js"),R=require("classnames");require("../icon-C-bWGO-9.js");require("../array.polyfill.flat-5BAolFdk.js");const y=()=>null,h=()=>null,m=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),f=t=>{var{as:r,children:s,className:i}=t,o=p.__rest(t,["as","children","className"]);const l=r||"h2";return e.createElement(l,Object.assign({},o,{className:R("tourtip__heading",i)}),s)},j=t=>{var{a11yCloseText:r,"aria-label":s,className:i,children:o,onCollapse:l,onExpand:C,overlayStyle:g,pointer:_}=t,q=p.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","pointer"]);const c=e.useRef(null),{isExpanded:u,collapseTooltip:x}=n.useTooltip({onExpand:C,onCollapse:l,initialExpanded:!0,hostRef:c}),H=e.useRef(null),d=a.findComponent(o,y);if(!d)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const E=d.props,{children:N}=E,v=p.__rest(E,["children"]),T=a.findComponent(o,h);if(!T)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const w=a.findComponent(o,f),b=a.findComponent(o,m);return e.createElement(n.Tooltip,Object.assign({},q,{className:i,type:"tourtip",isExpanded:u,ref:H}),e.createElement(n.TooltipHost,Object.assign({},T.props,{forwardedRef:c,"aria-label":s,"aria-expanded":u})),e.createElement(n.TooltipContent,Object.assign({},v,{a11yCloseText:r,onClose:x,pointer:_,showCloseButton:!0,style:g,type:"tourtip"}),w,N,b&&e.createElement(n.TooltipFooter,{type:"tourtip"},b)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=j;exports.EbayTourtipContent=y;exports.EbayTourtipFooter=m;exports.EbayTourtipHeading=f;exports.EbayTourtipHost=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-BLbLOJc1.js");exports.EbayTriStateCheckbox=e.EbayTriStateCheckbox;
|
package/ebay-video/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),X=require("../utils-C9NL3q0j.js"),_=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),X=require("../utils-C9NL3q0j.js"),_=require("../icon-C-bWGO-9.js"),Z=require("../progress-spinner-BQ5Ms2Nu.js"),ee=require("react-dom/client"),B=r=>{var n=V.__rest(r,[]);return e.createElement("source",Object.assign({},n))},te=7e3,re=11,N={addBigPlayButton:!1,addSeekBar:!0,controlPanelElements:["play_pause","time_and_duration","spacer","mute","report","captions","fullscreen"]},ne=({callback:r,children:n})=>e.createElement("button",{className:"video-player__report-button",ref:r},e.createElement(_.EbayIcon,{name:"flag24"}),n);function oe(r=()=>{}){const n=class extends d.ui.Element{constructor(o,i,m){super(o,i);const u=document.createElement("div"),h=()=>{const p=u.firstChild;o.appendChild(p),u.remove(),this.eventManager.listen(p,"click",r)};ee.createRoot(u).render(e.createElement(ne,{callback:h},m))}};return n.Factory=class{constructor(o){this.reportText=o}create(o,i){return new n(o,i,this.reportText)}},{Report:n}}const ae=r=>{var{width:n,height:o,thumbnail:i,action:m,muted:u,playView:h="inline",a11yLoadText:p,a11yPlayText:q,reportText:R,volumeSlider:L,volume:A=1,hideReportButton:j,errorText:I,onVolumeChange:F=()=>{},onLoadError:M=()=>{},onPlay:z=()=>{},onReport:$=()=>{},children:D}=r,H=V.__rest(r,["width","height","thumbnail","action","muted","playView","a11yLoadText","a11yPlayText","reportText","volumeSlider","volume","hideReportButton","errorText","onVolumeChange","onLoadError","onPlay","onReport","children"]);const[P,v]=e.useState(),[S,W]=e.useState(),[k,Y]=e.useState(),[E,T]=e.useState(),C=e.useRef(null),l=e.useRef(null),s=e.useRef(null),y=e.useRef(null),f=X.filterByType(D,B).map(({props:t})=>t),O=t=>{v(!0),T(!0),M(t)},g=(t=0)=>{var a;!f.length||!s.current||(v(!1),s.current.load((a=f[t])===null||a===void 0?void 0:a.src).then(()=>{T(!1)}).catch(c=>{switch(console.error(c),c.code){case te:return;case re:setTimeout(()=>g(t),0);break;default:{const x=f.length>t+1&&t+1;x?setTimeout(()=>g(x),0):O(c)}}}).finally(()=>{v(!0)}))};e.useEffect(()=>{const t=l.current,a=C.current;if(!(!t||!a)&&(t.volume=A,d.polyfill.installAll(),s.current=new d.Player(t),!!s.current)){if(s.current.addEventListener("error",()=>O(new Error("Shake-Player error"))),s.current.addEventListener("buffering",c=>{W(c.buffering)}),y.current=new d.ui.Overlay(s.current,a,t,R),y.current.configure({addBigPlayButton:!0,controlPanelElements:[],addSeekBar:!1}),!j){const{Report:c}=oe($);d.ui.Controls.registerElement("report",new c.Factory(R))}g(),se(a)}},[]),e.useEffect(()=>{switch(m){case"play":l.current.play();break;case"pause":l.current.pause();break}},[m]);const G=()=>{if(!y.current)return;const t=L?{controlPanelElements:le(N.controlPanelElements)}:{};y.current.configure(Object.assign(Object.assign({},N),t)),l.current.controls=!1},J=t=>{t.stopPropagation(),G(),h==="fullscreen"&&l.current.requestFullscreen(),Y(!0),z(t,{player:s.current})},K=()=>{l.current.play()},Q=t=>{const a=t.currentTarget;F(t,{volume:Math.round((a.volume+Number.EPSILON)*100)/100,muted:a.muted})},U=()=>{l.current.controls=!1},w={width:n?`${n}px`:void 0,height:o?`${o}px`:void 0};return e.createElement("div",{style:w,className:b("video-player",{"video-player--poster":!k})},!k&&P&&!E&&!S&&e.createElement("div",{className:"shaka-play-button-container"},e.createElement("button",{onClick:K,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":q},e.createElement(_.EbayIcon,{name:"playFilled64Colored"}))),e.createElement("div",{className:"video-player__container",ref:C},e.createElement("video",Object.assign({ref:l,style:w,poster:i,muted:u||!1,onPlaying:J,onPause:U,onVolumeChange:Q},H),f.map((t,a)=>e.createElement("source",Object.assign({key:a},t))))),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":!E})},e.createElement(_.EbayIcon,{name:"attention64"}),e.createElement("div",{className:"video-player__overlay-text"},I)),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":P&&(E||!S)})},e.createElement(Z.EbayProgressSpinner,{size:"large","aria-label":p})))};function le(r){const n=r.length-2>0?r.length-2:r.length,o=[...r];return o.splice(n,0,"volume"),o}function se(r){const n=r.querySelectorAll(".shaka-spinner")[0];n&&n.setAttribute("hidden","")}exports.EbayVideo=ae;exports.EbayVideoSource=B;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const S=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("./icon-button-CHW6Lezn.js"),x=require("./menu-button-label-BsTtpKB2.js"),w=require("./menu-mTGSTnD8.js"),I=require("classnames"),T=require("./progress-spinner-BQ5Ms2Nu.js"),g=require("./icon-C-bWGO-9.js"),q=({status:t,menuActions:n,onMenuAction:l,deleteText:u,onCancel:a,onDelete:i,a11yCancelUploadText:p})=>{const v=(r,c)=>{var o;if(c){const s=(o=c.checked)===null||o===void 0?void 0:o[0],m=n&&s!==void 0&&s in n?n[s].event:null;m&&l?l(r,Object.assign(Object.assign({},c),{eventName:m})):i&&i(r)}};return t==="uploading"?e.createElement(y.EbayIconButton,{"aria-label":p,onClick:a,className:"file-preview-card__action",icon:"close16"}):n!=null&&n.length?e.createElement(e.Fragment,null,e.createElement(x.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:v},n.map(r=>e.createElement(w.EbayMenuItem,{value:r.event,key:r.label},r.label)),e.createElement(w.EbayMenuItem,{key:"delete",value:"delete"},u))):e.createElement(y.EbayIconButton,{"aria-label":u,className:"file-preview-card__action",icon:"delete16",onClick:i})},h=({file:t,status:n,seeMore:l})=>{if(n==="uploading")return e.createElement(T.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t==null?void 0:t.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:I("file-preview-card__asset",{"file-preview-card__asset--fade":l&&l>0}),src:t==null?void 0:t.src,alt:t==null?void 0:t.name});default:return e.createElement(g.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},k=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(g.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),n||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),B=t=>{var{a11yCancelUploadText:n,status:l,as:u="div",file:a,seeMore:i,deleteText:p,footerTitle:v,footerSubtitle:r,a11ySeeMoreText:c,menuActions:o,infoText:s,onCancel:m,onDelete:N,onMenuAction:M,onSeeMore:C}=t,F=S.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","onCancel","onDelete","onMenuAction","onSeeMore"]);const _=e.useMemo(()=>{var E,b;if(!a)return;let f=a,d;return!((E=a==null?void 0:a.type)===null||E===void 0)&&E.startsWith("image")?d="image":!((b=a==null?void 0:a.type)===null||b===void 0)&&b.startsWith("video")&&(d="video"),a instanceof File&&(f={name:a.name,type:d,src:d?URL.createObjectURL(a):void 0}),f.type=d,f},[a]);return e.createElement(u,Object.assign({className:"file-preview-card"},F),e.createElement("div",{className:"file-preview-card__body"},e.createElement(h,{file:_,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:C,"aria-label":c},e.createElement("span",null,"+",i)):e.createElement(q,{a11yCancelUploadText:n,status:l,menuActions:o,onMenuAction:M,deleteText:p,onCancel:m,onDelete:N}),e.createElement(k,{file:_,infoText:s})),v&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,v),r&&e.createElement("span",null,r)))};exports.EbayFileInput=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const j=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),ae=require("makeup-prevent-scroll-keys"),re=require("makeup-roving-tabindex"),T=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),A=require("./utils-C9NL3q0j.js"),B=require("classnames"),ce=require("./checkbox-
|
|
1
|
+
"use strict";const j=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),ae=require("makeup-prevent-scroll-keys"),re=require("makeup-roving-tabindex"),T=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),A=require("./utils-C9NL3q0j.js"),B=require("classnames"),ce=require("./checkbox-ebkMhvbJ.js"),oe=require("./radio-DLgEB-qH.js"),O=require("./icon-C-bWGO-9.js");require("./array.polyfill.flat-5BAolFdk.js");const le=require("./button-DhwBC3vw.js");function se(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const m=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(c,l,m.get?m:{enumerable:!0,get:()=>r[l]})}}return c.default=r,Object.freeze(c)}const ie=se(ae),V=r=>{var{__classPrefix:c,__variant:l,className:m,onClick:C}=r,E=j.__rest(r,["__classPrefix","__variant","className","onClick"]);const s=l==="form";return t.createElement("button",Object.assign({},E,{type:s?"submit":"button",className:B(m,`${c}__footer`),onClick:s?void 0:C}))},z=r=>{var{checked:c,value:l,disabled:m,children:C,className:E,onClick:s,__type:P,__variant:q,__classPrefix:v}=r,R=j.__rest(r,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const I=q==="form",u=P==="radio",h=u?"radio":"checkbox",F=T.useRandomId(),y=`'${h}-${F}`,b=I?"label":"div",$=u?oe.EbayRadio:ce.EbayCheckbox,w=u?`${v}__radio`:`${v}__checkbox`,M=u?"radioChecked18":"checkboxChecked18",x=u?"radioUnchecked18":"checkboxUnchecked18",f=_=>{s==null||s(_,{value:l,checked:!c})};return t.createElement(b,Object.assign({},R,{className:B(E,`${v}__item`),htmlFor:I?y:void 0,role:u?"menuitemradio":"menuitemcheckbox",onClick:f,"aria-checked":c,"aria-disabled":m}),I?t.createElement($,{id:y,checked:c}):t.createElement("span",{className:w},t.createElement(O.EbayIcon,{name:c?M:x})),t.createElement("span",{className:`${v}__text`},C))},de=r=>{var{classPrefix:c,className:l,formMethod:m,formAction:C,formName:E,variant:s,children:P,type:q,searchHeaderValue:v,searchHeaderPlaceholderText:R,a11ySearchHeaderClearText:I,forwardedRef:u,onSearchChange:h,onFormSubmit:F,onFooterClick:y,onChange:b,"aria-label":$,"aria-labelledby":w}=r,M=j.__rest(r,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const x=t.useRef(null),f=s==="form",_=q==="radio",N=c||"filter-menu",H=A.findComponent(P,V),p=A.filterByType(P,z),D=T.useRandomId(),[G,K]=t.useState(v||""),[g,J]=t.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[S,Q]=t.useState(()=>p.map(e=>!!e.props.checked));t.useEffect(()=>{let e;return f||(e=re.createLinear(x.current,"div",{autoInit:"interactive"}),ie.add(x.current)),()=>{e&&(e.destroy(),e=null)}},[f]);const L=()=>({checked:p.filter((e,a)=>_?g===a:S[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>_?a===g&&a:S[a]&&a).filter(e=>typeof e=="number")}),W=e=>{y==null||y(e,L())},X=e=>{F==null||F(e,L())},Y=e=>{K(""),h==null||h(e,{searchTerm:""})},Z=e=>{K(e.target.value),h==null||h(e,{searchTerm:e.target.value})},ee=f?"form":t.Fragment,te=f?{name:E,action:C,method:m,onSubmit:X}:{},U=(e,{checked:a,index:n})=>{const k=e.target;if(!(f&&k.type==="checkbox"))if(_)J(n),b==null||b(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const i=S.map((o,d)=>d===n?a:o);b==null||b(e,{index:n,checked:p.filter((o,d)=>i[d]).map(o=>o.props.value),checkedIndex:i.map((o,d)=>o&&d).filter(o=>typeof o=="number"),currentChecked:a}),Q(i)}};return t.createElement("span",Object.assign({},M,{ref:u,className:B(l,`${c?`${N}__menu`:N}`)}),R?t.createElement("div",{className:"filter-menu__header"},t.createElement(O.EbayIcon,{name:"search16"}),t.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:R,"aria-owns":D,onChange:Z}),t.createElement(le.EbayButton,{type:"button",onClick:Y,"aria-label":I},t.createElement(O.EbayIcon,{name:"clear20"}))):null,t.createElement(ee,Object.assign({},te),t.createElement("div",{id:D,ref:x,className:`${N}__items`,role:f?void 0:"menu","aria-label":$,"aria-labelledby":w},p.map((e,a)=>t.cloneElement(e,{__classPrefix:N,__type:q,__variant:s,checked:_?a===g:S[a],onClick:(n,{checked:k,value:i})=>{var o,d;(d=(o=e.props).onClick)===null||d===void 0||d.call(o,n,{checked:k,value:i}),U(n,{checked:k,index:a})},onKeyDown:n=>{var k,i;if((i=(k=e.props).onKeyDown)===null||i===void 0||i.call(k,n),n.key==="Enter"||n.key===" "){const o=_?a===g:S[a];U(n,{checked:!o,index:a})}}}))),H&&t.cloneElement(H,{onClick:W,__classPrefix:N,__variant:s})))},me=ne.withForwardRef(de);exports.EbayFilterMenu=me;exports.EbayFilterMenuFooterButton=V;exports.EbayFilterMenuItem=z;
|
package/icon-C-bWGO-9.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),p=require("classnames"),$=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const k=require("./random-id-DlJj_RWH.js"),C=a=>{var{name:n,className:e,noSkinClasses:l=!1,a11yText:t,a11yVariant:d,forwardedRef:f,__type:u="icon"}=a,m=x.__rest(a,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef","__type"]);const[b,y]=s.useState("");s.useEffect(()=>{y(k.randomId())},[]);const o=d==="label",i=t&&`icon-title-${b}`,N=t?{"aria-labelledby":o?void 0:i,"aria-label":o?t:void 0,role:"img"}:{"aria-hidden":!0},r=c(n),g=["icon",`icon--${E(r)||r}`,h(r)].filter(Boolean).join(" "),w=p(e,{[g]:!l}),I=u==="icon"?"icon-":"";return s.createElement("svg",Object.assign({},m,{className:w,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:f},N),t&&!o&&s.createElement("title",{id:i},t),s.createElement("use",{xlinkHref:`#${I}${r}`}))};function E(a){const n=a.split("-"),e=n[n.length-1];return e==="colored"?n[n.length-2]:isNaN(Number(e))?"":e}function h(a){const n=a.split("-"),e=n.indexOf("filled");return e===-1?"":`icon--${n.slice(0,e+1).join("-")}`}function c(a){return a.replace(/([0-9]+)/g,(n,e)=>`-${e}`).replace(/([A-Z])/g,(n,e)=>`-${e.toLowerCase()}`)}const q=$.withForwardRef(C);exports.EbayIcon=q;exports.kebabCased=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const w=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),q=require("./icon-
|
|
1
|
+
"use strict";const w=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),q=require("./icon-C-bWGO-9.js"),N=require("./badge-BWhBKWCu.js"),$=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const D=s=>{var{href:r,icon:d,badgeNumber:t,badgeAriaLabel:m,transparent:y,className:E,forwardedRef:o,size:c,onEscape:f=()=>{},onKeyDown:g=()=>{}}=s,i=w.__rest(s,["href","icon","badgeNumber","badgeAriaLabel","transparent","className","forwardedRef","size","onEscape","onKeyDown"]);const n=r?"icon-link":"icon-btn",b=p(E,n,c&&`${n}--${c}`,{[`${n}--badged`]:t,[`${n}--transparent`]:y}),l=e.createElement(e.Fragment,null,e.createElement(q.EbayIcon,{name:d}),t&&e.createElement(N.EbayBadge,{type:"icon",number:t,"aria-label":m})),u=a=>{(a.key==="Escape"||a.key==="Esc")&&f(a),g(a)};return r?e.createElement("a",Object.assign({ref:o,className:b,href:r,onKeyDown:u},i),l):e.createElement("button",Object.assign({ref:o,type:"button",className:b,onKeyDown:u},i),l)},R=$.withForwardRef(D);exports.EbayIconButton=R;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const b=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),n=require("classnames"),d=require("./dialog-previous-button-DR6Ujner.js");require("./icon-button-CHW6Lezn.js");const m=e=>{var{open:l,mode:r,size:t,bannerImgSrc:o,bannerImgPosition:g,onClose:a=()=>{}}=e,i=b.__rest(e,["open","mode","size","bannerImgSrc","bannerImgPosition","onClose"]);const c=o?s.createElement("div",{className:"lightbox-dialog__image",style:{backgroundImage:`url(${o})`,backgroundPosition:g}}):i.top;return s.createElement(d.DialogBaseWithState,Object.assign({buttonPosition:"right"},i,{classPrefix:"lightbox-dialog",onCloseBtnClick:a,onBackgroundClick:a,className:n(i.className,"lightbox-dialog--mask-fade",{[`lightbox-dialog--${t}`]:t,"lightbox-dialog--expressive":o}),windowClass:n("lightbox-dialog__window--animate",{"lightbox-dialog__window--mini":r==="mini"}),top:c,open:l}))};exports.EbayLightboxDialog=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const O=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),h=require("./utils-C9NL3q0j.js"),B=require("./menu-
|
|
1
|
+
"use strict";const O=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),h=require("./utils-C9NL3q0j.js"),B=require("./menu-mTGSTnD8.js"),ne=require("./button-DhwBC3vw.js"),te=require("./icon-button-CHW6Lezn.js"),N=require("./icon-C-bWGO-9.js"),ae=require("./random-id-DlJj_RWH.js"),oe=require("./index-Bsb1LHpi.js"),se=require("./dropdown-BGdrijmi.js"),ce=a=>{var{type:o,variant:s="button",className:m,text:b="",fixWidth:p,reverse:r,expanded:g,noToggleIcon:l,checked:f,collapseOnSelect:M,a11yText:S,prefixId:k,prefixLabel:j,onClick:L=()=>{},onExpand:T=()=>{},onCollapse:A=()=>{},onChange:D=()=>{},onSelect:F=()=>{},children:E}=a,K=O.__rest(a,["type","variant","className","text","fixWidth","reverse","expanded","noToggleIcon","checked","collapseOnSelect","a11yText","prefixId","prefixLabel","onClick","onExpand","onCollapse","onChange","onSelect","children"]);const[c,x]=e.useState(g),[v,R]=e.useState(),{overlayStyles:W,refs:u}=se.useFloatingDropdown({open:c,options:{reverse:r}}),H=u.host,P=u.overlay,I=h.filterByType(E,[B.EbayMenuItem,q]),V=I.map(n=>!!n.props.checked),[y,$]=e.useState(V),z=h.findComponent(E,w),G=h.findComponent(E,N.EbayIcon),J=re({text:b,prefixId:k,prefixLabel:j,menuButtonLabel:z,icon:G}),Q=d("menu-button",m),U=d("menu-button__menu",{"menu-button__menu--fix-width":p,"menu-button__menu--reverse":r});e.useEffect(()=>{const n=t=>{const i=P.current,_=i&&i.contains(t.target);(M||!_)&&x(!1)};return c?(T(),setTimeout(()=>{document.addEventListener("click",n,!1)})):c===!1&&A(),()=>document.removeEventListener("click",n,!1)},[c]),e.useEffect(()=>{R(ae.randomId())},[]);const X=n=>{oe.handleEscapeKeydown(n,()=>{var t;x(!1),(t=H.current)===null||t===void 0||t.focus()})},C=Object.assign({ref:u.setHost,className:"menu-button__button","aria-expanded":!!c,"aria-haspopup":!0,"aria-label":S,"aria-controls":v,"aria-labelledby":k,onClick:n=>{x(!c),L(n)}},K),Y=(n,t)=>{if(o==="radio"||o==="checkbox"){const i=y.map((_,ee)=>t.indexes.includes(ee));$(i)}D(n,t)},Z=()=>{const n=y.findIndex(Boolean);return n>-1?n:f};return e.createElement("span",{className:Q},s==="overflow"?e.createElement(te.EbayIconButton,Object.assign({icon:"overflowVertical16"},C)):e.createElement(ne.EbayButton,Object.assign({variant:s==="form"?"form":void 0},C),J,l?null:e.createElement(N.EbayIcon,{name:"chevronDown12"})),c&&e.createElement(B.EbayMenu,{baseEl:"div",ref:u.setOverlay,type:o,className:U,tabIndex:-1,id:v,autofocus:!0,checked:Z(),onKeyDown:X,onChange:Y,onSelect:F,style:W},I.map((n,t)=>e.cloneElement(n,Object.assign(Object.assign({},n.props),{className:d(n.props.className,"menu-button__item"),key:t,checked:y[t]})))))};function re({text:a,prefixId:o,prefixLabel:s,menuButtonLabel:m,icon:b}){const p=a.length?e.createElement("span",null,a):null,r=!o&&s&&e.createElement(e.Fragment,null,e.createElement("span",{className:"menu-button-prefix-label",key:"prefix-label"},s)," ");return[b,r,m||p].filter(Boolean).map((l,f)=>e.cloneElement(l,Object.assign(Object.assign({},l.props),{key:f})))}const q=a=>{var{className:o}=a,s=O.__rest(a,["className"]);return e.createElement("hr",Object.assign({},s,{className:d(o,"menu-button__separator")}))},w=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayMenuButton=ce;exports.EbayMenuButtonLabel=w;exports.EbayMenuButtonSeparator=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),m=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),R=require("./random-id-DlJj_RWH.js"),W=require("./button-
|
|
1
|
+
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),m=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),R=require("./random-id-DlJj_RWH.js"),W=require("./button-DhwBC3vw.js"),z=require("./icon-C-bWGO-9.js"),P=require("./icon-button-CHW6Lezn.js"),_=require("./menu-item-D_m4VPNi.js"),$=require("./dropdown-BGdrijmi.js"),A=o=>{var{a11yText:r,noToggleIcon:u,fixWidth:I,reverse:b,variant:f,expanded:B=!1,className:h,onCollapse:q=()=>{},onExpand:w=()=>{},onMouseDown:N=()=>{},onSelect:F=()=>{},text:p="",children:c}=o,S=x.__rest(o,["a11yText","noToggleIcon","fixWidth","reverse","variant","expanded","className","onCollapse","onExpand","onMouseDown","onSelect","text","children"]);const[a,l]=e.useState(B),[E,C]=e.useState(),y=m.findComponent(c,z.EbayIcon),O=m.findComponent(c,g)||(y?e.createElement("span",null,p):p),T=m.filterByType(c,[k,M]),{overlayStyles:j,refs:i}=$.useFloatingDropdown({open:a,options:{reverse:b}}),d=i.host;e.useEffect(()=>{const t=n=>{d.current&&!d.current.contains(n.currentTarget)&&l(!1)};return a?(w(),setTimeout(()=>{document.addEventListener("click",t,!1)})):a===!1&&q(),()=>document.removeEventListener("click",t,!1)},[a]),e.useEffect(()=>{C(R.randomId())},[]);const D=t=>{H.handleEscapeKeydown(t,()=>{var n;l(!1),(n=d.current)===null||n===void 0||n.focus()})},L=s("fake-menu-button__menu",{"menu-button__menu--fix-width":I,"menu-button__menu--reverse":b}),v=Object.assign({ref:i.setHost,className:"fake-menu-button__button","aria-expanded":!!a,"aria-haspopup":!0,"aria-label":r,"aria-controls":E,onClick:()=>l(!a)},S);return e.createElement("span",{className:s("fake-menu-button",h)},f==="overflow"?e.createElement(P.EbayIconButton,Object.assign({icon:"overflowHorizontal24"},v)):e.createElement(W.EbayButton,Object.assign({variant:f==="form"?"form":void 0,bodyState:u?void 0:"expand"},v),y,O),a&&e.createElement(_.EbayFakeMenu,{ref:i.setOverlay,className:L,id:E,tabIndex:-1,onKeyDown:D,onSelect:F,style:j},T.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({},t.props),{onMouseDown:K=>{N(K,{index:n})},className:s(t.props.className,"fake-menu-button__item"),key:n,autoFocus:n===0})))))},k=_.EbayMenuItem,M=o=>{var{className:r}=o,u=x.__rest(o,["className"]);return e.createElement("hr",Object.assign({},u,{className:s(r,"menu-button__separator")}))},g=({children:o})=>e.createElement(e.Fragment,null,o);exports.EbayFakeMenuButtonItem=k;exports.EbayFakeMenuButtonLabel=g;exports.EbayMenuButton=A;exports.EbayMenuButtonSeparator=M;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("classnames"),k=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const v=require("./icon-
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("classnames"),k=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const v=require("./icon-C-bWGO-9.js"),h=require("./badge-BWhBKWCu.js"),N=a=>{var{className:d,itemMatchesUrl:c=!0,onKeyDown:b=()=>{},onSelect:g=()=>{},children:i,forwardedRef:f}=a,l=p.__rest(a,["className","itemMatchesUrl","onKeyDown","onSelect","children","forwardedRef"]);const y=e.Children.toArray(i),o=c===!1?"true":"page";return e.createElement("div",Object.assign({},l,{ref:f,className:_(d,"fake-menu")}),e.createElement("ul",{className:"fake-menu__items",tabIndex:-1},y.map((n,t)=>{const r=n.props,{current:E,onClick:u=()=>{}}=r,s=p.__rest(r,["current","onClick"]);return e.createElement("li",{key:t},e.cloneElement(n,Object.assign(Object.assign({},s),{"aria-current":E?o:void 0,onClick:m=>{g(m,{index:t}),u(m)},onKeyDown:m=>{b(m,{index:t})}})))})))},w=k.withForwardRef(N),R=a=>{var{className:d,disabled:c,autoFocus:b,type:g,badgeNumber:i,badgeAriaLabel:f,children:l}=a,y=p.__rest(a,["className","disabled","autoFocus","type","badgeNumber","badgeAriaLabel","children"]);const o=e.useRef(null),n=i!==void 0;e.useEffect(()=>{var s;b&&((s=o.current)===null||s===void 0||s.focus())});const t=Object.assign(Object.assign({},y),{ref:o,className:_(d,"fake-menu__item",n&&"menu__item--badged"),"aria-label":f}),r=e.createElement(v.EbayIcon,{name:"tick16"}),E={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},u=n&&e.createElement(h.EbayBadge,{type:"menu",number:i,style:E});return g==="button"?e.createElement("button",Object.assign({},t,{type:"button",disabled:c}),e.createElement("span",null,l,u),r):e.createElement("a",Object.assign({},t,{"aria-disabled":c?"true":void 0}),e.createElement("span",null,l,u),r)};exports.EbayFakeMenu=w;exports.EbayMenuItem=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),L=require("./use-roving-index-DoAVBgsp.js"),P=require("./index-Bsb1LHpi.js"),T=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const z=require("./badge-BWhBKWCu.js"),G=require("./icon-
|
|
1
|
+
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),L=require("./use-roving-index-DoAVBgsp.js"),P=require("./index-Bsb1LHpi.js"),T=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const z=require("./badge-BWhBKWCu.js"),G=require("./icon-C-bWGO-9.js"),M=r=>{var{className:h,checked:a,type:l,focused:m=!1,tabIndex:g,disabled:I,badgeNumber:f,badgeAriaLabel:E,children:w}=r,C=R.__rest(r,["className","checked","type","focused","tabIndex","disabled","badgeNumber","badgeAriaLabel","children"]);const u=s.useRef(null),d=f!==void 0;s.useEffect(()=>{u.current&&m&&u.current.focus()},[u,m]);const v=["radio","checkbox"];return s.createElement("div",Object.assign({"aria-label":E},C,{ref:u,className:A(h,"menu__item",d&&"menu__item--badged"),role:H(l),"aria-checked":v.includes(l)?a:void 0,"aria-disabled":I,tabIndex:m?0:g}),s.createElement("span",{"aria-hidden":d},w,d&&s.createElement(z.EbayBadge,{type:"menu",number:f})),s.createElement(G.EbayIcon,{name:"tick16"}))};function H(r){return{radio:"menuitemradio",checkbox:"menuitemcheckbox"}[r]||"menuitem"}const J=r=>{var{baseEl:h="span",type:a,checked:l,className:m,autofocus:g,onClick:I=()=>{},onKeyDown:f=()=>{},onChange:E=()=>{},onSelect:w=()=>{},forwardedRef:C,menuRef:u,children:d}=r,v=R.__rest(r,["baseEl","type","checked","className","autofocus","onClick","onKeyDown","onChange","onSelect","forwardedRef","menuRef","children"]);const b=s.Children.toArray(d),[N,q]=L.useRovingIndex(d,M,g===!0?0:void 0),[i,F]=s.useState(b.map(()=>!1)),V=c=>b.reduce((e,n,o)=>c[o]?[...e,n.props.value]:e,[]),K=c=>c.reduce((e,n,o)=>n?[...e,o]:e,[]),x=(c,e)=>({index:c,checked:K(e)}),D=(c,e)=>Object.assign(Object.assign({},x(c,e)),{indexes:K(e),checkedValues:V(e)}),j=(c,e,n=!1)=>{let o=!1;const y=i.map((p,_)=>{const t=n?!1:p;return c===_?(p!==e&&(o=!0),e):t});if(o)return F(y),y},k=c=>{switch(a){case"radio":return j(c,!0,!0);case"checkbox":return j(c,!i[c],!1);default:return i.map((e,n)=>n===c)}};s.useEffect(()=>{if(a==="radio")if(l===void 0){const c=b.findIndex(e=>e.props.checked);c>-1&&k(c)}else k(l);else a==="checkbox"&&F(b.map(c=>!!c.props.checked))},[]);const O=(c,e,n)=>{switch(a){case"radio":case"checkbox":return E(c,D(e,n));default:return w(c,x(e,n))}},B=(c,e)=>{let n;switch(P.isActionKey(c.key)&&(n=k(e),n&&O(c,e,n)),a){case"radio":case"checkbox":return f(c,D(e,n||i));default:return f(c,x(e,n||i))}},S=(c,e)=>{q(e);const n=k(e);n&&O(c,e,n)};return s.createElement(h,Object.assign({},v,{className:A(m,"menu"),ref:C}),s.createElement("div",{className:"menu__items",role:"menu",ref:u},b.map((c,e)=>{const n=c.props,{onClick:o=()=>{},onFocus:y=()=>{},onKeyDown:p=()=>{}}=n,_=R.__rest(n,["onClick","onFocus","onKeyDown"]);return s.cloneElement(c,Object.assign(Object.assign({},_),{type:a,focused:e===N,tabIndex:N===void 0?0:-1,checked:i[e],onFocus:t=>{q(e),y(t)},onClick:t=>{S(t,e),o(t),I(t)},onKeyDown:t=>{B(t,e),p(t)}}))})))},Q=T.withForwardRef(J);exports.EbayMenu=Q;exports.EbayMenuItem=M;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ebay/ui-core-react",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.5.1",
|
|
4
4
|
"description": "Skin components build off React",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org",
|
|
@@ -21,16 +21,20 @@
|
|
|
21
21
|
"eslint-local": "eslint . --ext ts,tsx",
|
|
22
22
|
"eslint": "eslint . --ext .ts,.tsx -f checkstyle -o ./lint/checkstyle-result.xml",
|
|
23
23
|
"format": "eslint . --fix 'src/**/*.{ts,tsx}'",
|
|
24
|
-
"storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 9001 -c .storybook",
|
|
24
|
+
"storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 9001 -c .storybook --no-open",
|
|
25
25
|
"deploy": "storybook build -o ./_site/$(git branch --show-current)",
|
|
26
26
|
"build:storybook": "storybook build",
|
|
27
27
|
"test": "jest",
|
|
28
|
-
"
|
|
28
|
+
"smoke-test": "npm run smoke-test:react-16 && npm run smoke-test:react-18 && npm run smoke-test:react-19",
|
|
29
|
+
"smoke-test:react-16": "cd ./smoke-tests/react-16 && npm install && npm run test",
|
|
30
|
+
"smoke-test:react-18": "cd ./smoke-tests/react-18 && npm install && npm run test",
|
|
31
|
+
"smoke-test:react-19": "cd ./smoke-tests/react-19 && npm install && npm run test",
|
|
32
|
+
"build": "npm run clean && npm run type:check && npm run test && vite build && npm run copy && npm run smoke-test",
|
|
29
33
|
"type:check": "tsc --noEmit",
|
|
30
34
|
"update-icons": "node ./scripts/update-icons",
|
|
31
35
|
"copy": "copyfiles package.json README.md dist; npm run copy:rest",
|
|
32
36
|
"copy:rest": "copyfiles -u 1 'src/**/*.md' dist",
|
|
33
|
-
"release": "npm run
|
|
37
|
+
"release": "npm run build",
|
|
34
38
|
"version": "npm run update-icons && git add -A src"
|
|
35
39
|
},
|
|
36
40
|
"lint-staged": {
|
|
@@ -55,18 +59,18 @@
|
|
|
55
59
|
"react-dom": ">= 16.0.0"
|
|
56
60
|
},
|
|
57
61
|
"optionalDependencies": {
|
|
58
|
-
"shaka-player": "^4.
|
|
62
|
+
"shaka-player": "^4.14.12"
|
|
59
63
|
},
|
|
60
64
|
"dependencies": {
|
|
61
|
-
"@floating-ui/react": "^0.27.
|
|
62
|
-
"classnames": "^2.
|
|
63
|
-
"makeup-active-descendant": "^0.7.
|
|
64
|
-
"makeup-expander": "^0.
|
|
65
|
-
"makeup-floating-label": "^0.4.
|
|
66
|
-
"makeup-keyboard-trap": "^0.
|
|
67
|
-
"makeup-prevent-scroll-keys": "^0.3.
|
|
68
|
-
"makeup-roving-tabindex": "^0.7.
|
|
69
|
-
"makeup-screenreader-trap": "^0.4
|
|
65
|
+
"@floating-ui/react": "^0.27.8",
|
|
66
|
+
"classnames": "^2.5.1",
|
|
67
|
+
"makeup-active-descendant": "^0.7.8",
|
|
68
|
+
"makeup-expander": "^0.11.7",
|
|
69
|
+
"makeup-floating-label": "^0.4.7",
|
|
70
|
+
"makeup-keyboard-trap": "^0.5.5",
|
|
71
|
+
"makeup-prevent-scroll-keys": "^0.3.4",
|
|
72
|
+
"makeup-roving-tabindex": "^0.7.5",
|
|
73
|
+
"makeup-screenreader-trap": "^0.5.4",
|
|
70
74
|
"makeup-typeahead": "^0.3.3",
|
|
71
75
|
"react-remove-scroll": "^2.6.3"
|
|
72
76
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const i=require("./tslib.es6-C4EgNkz1.js"),r=require("react"),t=require("classnames"),c=require("./icon-
|
|
1
|
+
"use strict";const i=require("./tslib.es6-C4EgNkz1.js"),r=require("react"),t=require("classnames"),c=require("./icon-C-bWGO-9.js"),o={default:"",small:"progress-spinner--small",large:"progress-spinner--large"},m={default:"spinner24",small:"spinner20",large:"spinner30"},p=e=>{var{size:s="default","aria-label":a="Busy",className:n}=e,l=i.__rest(e,["size","aria-label","className"]);return r.createElement("span",Object.assign({},l,{className:t("progress-spinner",o[s],n),"aria-label":a,role:"img"}),r.createElement(c.EbayIcon,{name:m[s]}))};exports.EbayProgressSpinner=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),q=require("classnames"),c=require("./icon-
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),q=require("classnames"),c=require("./icon-C-bWGO-9.js"),F=require("./label-BRztS0pw.js"),j=require("./utils-C9NL3q0j.js"),I=s=>{var{size:o="default",checked:i,defaultChecked:d,className:u,style:m,id:r,onChange:h=()=>{},onFocus:g=()=>{},onKeyDown:b=()=>{},children:l}=s,_=p.__rest(s,["size","checked","defaultChecked","className","style","id","onChange","onFocus","onKeyDown","children"]);const y=n=>{var e;return h(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},E=n=>{var e;return g(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},k=n=>{const e=n.target;return b(n,{value:e==null?void 0:e.value})},v=q("radio",u,{"radio--large":o==="large"}),C=o==="large"?a.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):a.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),N=o==="large"?a.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):a.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),t=j.findComponent(l,F.Label);return a.createElement(a.Fragment,null,a.createElement("span",{className:v,style:Object.assign(Object.assign({},m),{alignItems:"center"})},a.createElement("input",Object.assign({},_,{id:r,className:"radio__control",type:"radio",defaultChecked:d,checked:i,onChange:y,onFocus:E,onKeyDown:k})),a.createElement("span",{className:"radio__icon",hidden:!0},C,N)),t?a.cloneElement(t,Object.assign(Object.assign({},t.props),{position:"end",htmlFor:r})):l)};exports.EbayRadio=I;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const m=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),se=require("classnames"),re=require("./forwardRef-DBQKIlPy.js"),v=require("./utils-C9NL3q0j.js"),w=require("./icon-
|
|
1
|
+
"use strict";const m=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),se=require("classnames"),re=require("./forwardRef-DBQKIlPy.js"),v=require("./utils-C9NL3q0j.js"),w=require("./icon-C-bWGO-9.js"),ce=require("./icon-button-CHW6Lezn.js"),ue=require("./hooks-B4eFIQlH.js"),K=o=>{var{name:a,buttonAriaLabel:l,onClick:c=()=>{}}=o,s=m.__rest(o,["name","buttonAriaLabel","onClick"]);return l?t.createElement(ce.EbayIconButton,Object.assign({"aria-label":l,icon:a,transparent:!0,onClick:c},s)):t.createElement(w.EbayIcon,Object.assign({name:a},s))},L=o=>t.createElement("span",Object.assign({},o)),P=o=>{var{name:a}=o,l=m.__rest(o,["name"]);return t.createElement(w.EbayIcon,Object.assign({name:a},l))},F=o=>t.createElement("span",Object.assign({},o)),g=o=>typeof o<"u",de=o=>{var a,l,{type:c="text",invalid:s,fluid:p,multiline:_,onChange:q=()=>{},onInputChange:B=()=>{},onFocus:j=()=>{},onBlur:k=()=>{},onKeyPress:O=()=>{},onKeyUp:V=()=>{},onKeyDown:N=()=>{},onInvalid:R=()=>{},onFloatingLabelInit:D=()=>{},onButtonClick:S=()=>{},autoFocus:E,defaultValue:f="",value:y,forwardedRef:U,inputSize:C="default",floatingLabel:z,children:u,placeholder:A,opaqueLabel:M}=o,r=m.__rest(o,["type","invalid","fluid","multiline","onChange","onInputChange","onFocus","onBlur","onKeyPress","onKeyUp","onKeyDown","onInvalid","onFloatingLabelInit","onButtonClick","autoFocus","defaultValue","value","forwardedRef","inputSize","floatingLabel","children","placeholder","opaqueLabel"]);const[I,W]=t.useState(f),[$,G]=t.useState(f),h=ue.useFloatingLabel({text:z,disabled:r.disabled,size:C,invalid:s,type:c,opaqueLabel:M,onMount:D,containerTagName:p?"div":"span"}),T=n=>{var e;j(n,{value:((e=n==null?void 0:n.target)===null||e===void 0?void 0:e.value)||f})},H=n=>{var e;const i=(e=n.target)===null||e===void 0?void 0:e.value;k(n,{value:i}),i!==I&&(q(n,{value:i}),W(i))},J=n=>{const e=n.target;O(n,{value:e==null?void 0:e.value})},Q=n=>{const e=n.target;V(n,{value:e==null?void 0:e.value})},X=n=>{const e=n.target;N(n,{value:e==null?void 0:e.value})},Y=n=>{const e=n.target;R(n,{value:e==null?void 0:e.value})},Z=n=>{S(n,{value:I})};t.useEffect(()=>{E&&T()},[]);const ee=n=>{var e;const i=(e=n.target)===null||e===void 0?void 0:e.value;g(y)||G(i),B(n,{value:i})},ne=_?"textarea":"input",oe=p?"div":"span",te=v.findComponent(u,P),d=v.findComponent(u,F),ae=(a=d==null?void 0:d.props)===null||a===void 0?void 0:a.id,x=v.findComponent(u,K),b=v.findComponent(u,L),le=(l=b==null?void 0:b.props)===null||l===void 0?void 0:l.id,ie=se("textbox",r.className,{"textbox--fluid":p,"textbox--large":C==="large","textbox--disabled":r.disabled,"textbox--invalid":s,"textbox--readonly":r.readOnly});return t.createElement(h.Container,null,t.createElement(h.Label,{htmlFor:r.id}),t.createElement(oe,{className:ie},te,d,t.createElement(ne,Object.assign({"aria-describedby":[ae,le].filter(Boolean).join(" ")||void 0},r,{className:"textbox__control",type:c,"aria-invalid":s,value:g(y)?y:$,onChange:ee,onBlur:H,onFocus:T,onKeyPress:J,onKeyUp:Q,onKeyDown:X,onInvalid:Y,autoFocus:E,ref:U,placeholder:A})),b,x&&t.cloneElement(x,Object.assign(Object.assign({},x.props),{onClick:n=>{const{onClick:e=()=>{}}=x.props;e(n),Z(n)}}))))},xe=re.withForwardRef(de);exports.EbayTextbox=xe;exports.EbayTextboxPostfixIcon=K;exports.EbayTextboxPostfixText=L;exports.EbayTextboxPrefixIcon=P;exports.EbayTextboxPrefixText=F;exports.isControlled=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),y=require("./icon-
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),y=require("./icon-C-bWGO-9.js"),N=n=>{var{pressed:a=!1,children:o,className:i,title:g,subtitle:s,layoutType:l="minimal",icon:r,img:t,onToggle:c}=n,m=p.__rest(n,["pressed","children","className","title","subtitle","layoutType","icon","img","onToggle"]);const u=d=>{c&&c(d,{pressed:!a})},b=()=>o||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},g),s&&e.createElement("p",{className:"toggle-button__subtitle"},s)),_=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(y.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",Object.assign({onClick:u,className:E("toggle-button",i,{"toggle-button--minimal-layout":l==="minimal","toggle-button--list-layout":l==="list","toggle-button--gallery-layout":l==="gallery"}),"aria-pressed":a},m),_(),e.createElement("div",{className:"toggle-button__content"},b()))};exports.ToggleButton=N;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const M=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("classnames"),a=require("./icon-
|
|
1
|
+
"use strict";const M=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("classnames"),a=require("./icon-C-bWGO-9.js"),D=s=>s!==void 0,F=s=>{var{id:u,size:l="default",className:b,style:x,checked:r,defaultChecked:m="false",skipMixed:C=!1,onChange:E=()=>{},onFocus:y=()=>{},onKeyDown:f=()=>{},inputRef:_}=s,v=M.__rest(s,["id","size","className","style","checked","defaultChecked","skipMixed","onChange","onFocus","onKeyDown","inputRef"]);const[h,g]=e.useState(m),t=D(r)?r:h,p=n=>{const c=n.target;let o=h;t==="true"?o="false":t==="false"&&!C?o="mixed":o="true",E(n,{value:c==null?void 0:c.value,checked:o}),g(o)},N=n=>{var c;return y(n,{value:(c=n.target)===null||c===void 0?void 0:c.value,checked:t})},I=n=>{const c=n.target;f(n,{value:c.value,checked:t})},S=q("checkbox",b,{"checkbox--large":l==="large"});let i=e.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),d=e.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),k=e.createElement(a.EbayIcon,{name:"checkboxMixed18"});l==="large"&&(i=e.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}),d=e.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}),k=e.createElement(a.EbayIcon,{name:"checkboxMixed24"}));const w=()=>t==="true"?i:t==="mixed"?k:d;return e.createElement("span",{className:S,style:Object.assign({},x)},e.createElement("input",Object.assign({},v,{"aria-checked":t,id:u,className:"checkbox__control",type:"checkbox",checked:t==="true",onChange:p,onFocus:N,onKeyDown:I,ref:_})),e.createElement("span",{className:"checkbox__icon",hidden:!0},w()))};exports.EbayTriStateCheckbox=F;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),b=require("classnames"),T=require("./forwardRef-DBQKIlPy.js"),i=require("./utils-C9NL3q0j.js"),h=require("./icon-
|
|
1
|
+
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),b=require("classnames"),T=require("./forwardRef-DBQKIlPy.js"),i=require("./utils-C9NL3q0j.js"),h=require("./icon-C-bWGO-9.js"),u=s=>{var{children:o,className:n,forwardedRef:e}=s,t=_.__rest(s,["children","className","forwardedRef"]);return a.Children.only(o),a.cloneElement(o,Object.assign(Object.assign({ref:e},t),{className:b(n,o.props.className)}))},g=s=>{var o,{className:n,type:e,isExpanded:t,children:r,forwardedRef:p}=s,m=_.__rest(s,["className","type","isExpanded","children","forwardedRef"]);const l=i.findComponent(r,u),c=i.excludeComponent(r,u)[0];if(!l)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const d=a.cloneElement(l,Object.assign({className:`${e}__host`,"aria-expanded":t,"aria-describedby":(o=c==null?void 0:c.props)===null||o===void 0?void 0:o.id},l.props));return a.createElement("span",Object.assign({},m,{ref:p,className:b(n,e,{[`${e}--expanded`]:t})}),d,c)},N=T.withForwardRef(g),x="bottom",v={tooltip:"tooltip",tourtip:"region",infotip:""},E={left:{transform:"translateX(16px) translateY(-50%) scale3d(1,1,1)",left:"100%",right:"auto",top:"-6px",bottom:"auto"},"left-top":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"-100%",bottom:"auto"},"left-bottom":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"auto",bottom:"-10px"},right:{transform:"translateX(-16px) translateY(-50%) scale3d(1,1,1)",left:"auto",right:"100%",top:"-6px",bottom:"auto"},"right-top":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"-100%",bottom:"auto"},"right-bottom":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"auto",bottom:"-50%"},top:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"calc(100% + 2px)",bottom:"auto"},"bottom-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"auto",bottom:"calc(100% + 12px)"},"bottom-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"auto",bottom:"calc(100% + 12px)"},bottom:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"auto",bottom:"calc(100% + 12px)"}},O=()=>null,f=({children:s,className:o,type:n="tourtip"})=>a.createElement("div",{className:b(`${n}__footer`,o)},s),C=({id:s,style:o,pointer:n=x,children:e,type:t="tooltip",showCloseButton:r,a11yCloseText:p,onClose:m})=>{const l=i.findComponent(e,O),c=i.findComponent(e,f),d=i.excludeComponent(e,f);return a.createElement("span",{className:`${t}__overlay`,id:s,role:v[t]||null,style:Object.assign(Object.assign({},E[n]),o)},a.createElement("span",{className:`${t}__pointer ${t}__pointer--${n}`}),a.createElement("span",{className:`${t}__mask`},a.createElement("span",{className:`${t}__cell`},a.createElement("span",{className:`${t}__content`},d),r?a.createElement("button",Object.assign({},l==null?void 0:l.props,{className:`icon-btn icon-btn--transparent ${t}__close`,type:"button","aria-label":p,onClick:m}),a.createElement(h.EbayIcon,{name:"close16"})):null,c)))},R=({onExpand:s,onCollapse:o,initialExpanded:n=!1,hostRef:e})=>{const[t,r]=a.useState(n);return{isExpanded:t,expandTooltip:()=>{r(!0),s&&s()},collapseTooltip:()=>{var l;r(!1),o&&o(),(l=e==null?void 0:e.current)===null||l===void 0||l.focus()}}};exports.DEFAULT_POINTER_DIRECTION=x;exports.POINTER_STYLES=E;exports.Tooltip=N;exports.TooltipContent=C;exports.TooltipFooter=f;exports.TooltipHost=u;exports.useTooltip=R;
|
package/icon-hO_8pLp7.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const w=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),I=require("classnames"),x=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const k=require("./random-id-DlJj_RWH.js"),C=n=>{var{name:a,className:e,noSkinClasses:l=!1,a11yText:s,a11yVariant:d,forwardedRef:f}=n,u=w.__rest(n,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef"]);const[m,b]=t.useState("");t.useEffect(()=>{b(k.randomId())},[]);const o=d==="label",i=s&&`icon-title-${m}`,y=s?{"aria-labelledby":o?void 0:i,"aria-label":o?s:void 0,role:"img"}:{"aria-hidden":!0},r=c(a),N=["icon",`icon--${E(r)||r}`,$(r)].filter(Boolean).join(" "),g=I(e,{[N]:!l});return t.createElement("svg",Object.assign({},u,{className:g,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:f},y),s&&!o&&t.createElement("title",{id:i},s),t.createElement("use",{xlinkHref:`#icon-${r}`}))};function E(n){const a=n.split("-"),e=a[a.length-1];return e==="colored"?a[a.length-2]:isNaN(Number(e))?"":e}function $(n){const a=n.split("-"),e=a.indexOf("filled");return e===-1?"":`icon--${a.slice(0,e+1).join("-")}`}function c(n){return n.replace(/([0-9]+)/g,(a,e)=>`-${e}`).replace(/([A-Z])/g,(a,e)=>`-${e.toLowerCase()}`)}const h=x.withForwardRef(C);exports.EbayIcon=h;exports.kebabCased=c;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const b=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),n=require("classnames"),d=require("./dialog-previous-button-ns64Jg1v.js");require("./icon-button-DPIjQGta.js");const m=i=>{var{open:l,mode:r,size:t,bannerImgSrc:o,bannerImgPosition:g,onClose:s=()=>{}}=i,e=b.__rest(i,["open","mode","size","bannerImgSrc","bannerImgPosition","onClose"]);const c=o?a.createElement("div",{className:"lightbox-dialog__image",style:{backgroundImage:`url(${o})`,backgroundPosition:g}}):e.top;return a.createElement(d.DialogBaseWithState,Object.assign({buttonPosition:"right"},e,{classPrefix:"lightbox-dialog",onCloseBtnClick:s,onBackgroundClick:s,className:n(e.className,"lightbox-dialog--mask-fade",{[`lightbox-dialog--${t}`]:t,"lightbox-dialog--expressive":o}),windowClass:n("lightbox-dialog__window--fade",{"lightbox-dialog__window--mini":r==="mini"}),top:c,open:l}))};exports.EbayLightboxDialog=m;
|