@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.
Files changed (132) hide show
  1. package/README.md +5 -2
  2. package/{button-C3RhAySI.js → button-DhwBC3vw.js} +1 -1
  3. package/{calendar-C0wOay3d.js → calendar-Bnx_QLoQ.js} +1 -1
  4. package/{checkbox-BziMKlXl.js → checkbox-ebkMhvbJ.js} +1 -1
  5. package/{chip-CFq5Sx2d.js → chip-CfMEg9CT.js} +1 -1
  6. package/{dialog-previous-button-ns64Jg1v.js → dialog-previous-button-DR6Ujner.js} +1 -1
  7. package/ebay-accordion/accordion.d.ts.map +1 -1
  8. package/ebay-accordion/index.js +2 -2
  9. package/ebay-alert-dialog/index.js +1 -1
  10. package/ebay-avatar/index.js +1 -1
  11. package/ebay-breadcrumbs/index.js +1 -1
  12. package/ebay-button/index.js +1 -1
  13. package/ebay-calendar/index.js +1 -1
  14. package/ebay-carousel/index.js +1 -1
  15. package/ebay-ccd/README.md +64 -0
  16. package/ebay-ccd/ccd.d.ts +14 -0
  17. package/ebay-ccd/ccd.d.ts.map +1 -0
  18. package/ebay-ccd/index.d.ts +2 -0
  19. package/ebay-ccd/index.d.ts.map +1 -0
  20. package/ebay-ccd/index.js +1 -0
  21. package/ebay-character-count/README.md +44 -0
  22. package/ebay-character-count/character-count.d.ts +14 -0
  23. package/ebay-character-count/character-count.d.ts.map +1 -0
  24. package/ebay-character-count/index.d.ts +3 -0
  25. package/ebay-character-count/index.d.ts.map +1 -0
  26. package/ebay-character-count/index.js +1 -0
  27. package/ebay-checkbox/index.js +1 -1
  28. package/ebay-chip/index.js +1 -1
  29. package/ebay-chips-combobox/index.js +1 -1
  30. package/ebay-confirm-dialog/index.js +1 -1
  31. package/ebay-cta-button/index.js +1 -1
  32. package/ebay-date-textbox/index.js +1 -1
  33. package/ebay-details/index.js +1 -1
  34. package/{ebay-details-Co3xp8NP.js → ebay-details-CwOA53up.js} +1 -1
  35. package/ebay-dialog-base/index.js +1 -1
  36. package/ebay-drawer-dialog-deprecated/index.js +1 -1
  37. package/ebay-education-notice/index.js +1 -1
  38. package/ebay-eek/index.js +1 -1
  39. package/ebay-fake-menu/index.js +1 -1
  40. package/ebay-fake-menu-button/index.js +1 -1
  41. package/ebay-field/index.js +1 -1
  42. package/ebay-field/types.d.ts +1 -1
  43. package/ebay-field/types.d.ts.map +1 -1
  44. package/ebay-file-input/README.md +59 -0
  45. package/ebay-file-input/file-input.d.ts +13 -0
  46. package/ebay-file-input/file-input.d.ts.map +1 -0
  47. package/ebay-file-input/index.d.ts +2 -0
  48. package/ebay-file-input/index.d.ts.map +1 -0
  49. package/ebay-file-input/index.js +1 -0
  50. package/ebay-file-input/types.d.ts +6 -0
  51. package/ebay-file-input/types.d.ts.map +1 -0
  52. package/ebay-file-preview-card/file-preview-action.d.ts +2 -2
  53. package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -1
  54. package/ebay-file-preview-card/file-preview-card.d.ts +3 -3
  55. package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -1
  56. package/ebay-file-preview-card/index.js +1 -1
  57. package/ebay-file-preview-card/types.d.ts +1 -2
  58. package/ebay-file-preview-card/types.d.ts.map +1 -1
  59. package/ebay-file-preview-card-group/README.md +65 -0
  60. package/ebay-file-preview-card-group/file-preview-card-group.d.ts +12 -0
  61. package/ebay-file-preview-card-group/file-preview-card-group.d.ts.map +1 -0
  62. package/ebay-file-preview-card-group/index.d.ts +2 -0
  63. package/ebay-file-preview-card-group/index.d.ts.map +1 -0
  64. package/ebay-file-preview-card-group/index.js +1 -0
  65. package/ebay-file-preview-card-group/types.d.ts +13 -0
  66. package/ebay-file-preview-card-group/types.d.ts.map +1 -0
  67. package/ebay-filter-menu/index.js +1 -1
  68. package/ebay-filter-menu-button/index.js +1 -1
  69. package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
  70. package/ebay-icon/icon.d.ts +6 -0
  71. package/ebay-icon/icon.d.ts.map +1 -1
  72. package/ebay-icon/index.js +1 -1
  73. package/ebay-icon/types.d.ts +1 -1
  74. package/ebay-icon/types.d.ts.map +1 -1
  75. package/ebay-icon-button/index.js +1 -1
  76. package/ebay-image-placeholder/README.md +46 -0
  77. package/ebay-image-placeholder/image-placeholder.d.ts +6 -0
  78. package/ebay-image-placeholder/image-placeholder.d.ts.map +1 -0
  79. package/ebay-image-placeholder/index.d.ts +2 -0
  80. package/ebay-image-placeholder/index.d.ts.map +1 -0
  81. package/ebay-image-placeholder/index.js +1 -0
  82. package/ebay-infotip/index.js +1 -1
  83. package/ebay-inline-notice/index.js +1 -1
  84. package/ebay-lightbox-dialog/index.js +1 -1
  85. package/ebay-listbox/index.js +1 -1
  86. package/ebay-listbox-button/index.js +1 -1
  87. package/ebay-menu/index.js +1 -1
  88. package/ebay-menu-button/index.js +1 -1
  89. package/ebay-page-notice/index.js +1 -1
  90. package/ebay-pagination/index.js +1 -1
  91. package/ebay-panel-dialog/index.js +1 -1
  92. package/ebay-progress-spinner/index.js +1 -1
  93. package/ebay-progress-stepper/index.js +1 -1
  94. package/ebay-radio/index.js +1 -1
  95. package/ebay-section-notice/index.js +1 -1
  96. package/ebay-segmented-buttons/index.js +1 -1
  97. package/ebay-select/index.js +1 -1
  98. package/ebay-snackbar-dialog/index.js +1 -1
  99. package/ebay-split-button/index.js +1 -1
  100. package/ebay-star-rating/index.js +1 -1
  101. package/ebay-star-rating-select/index.js +1 -1
  102. package/ebay-svg/index.js +1 -1
  103. package/ebay-table/README.md +1 -0
  104. package/ebay-table/index.js +1 -1
  105. package/ebay-table/table.d.ts +1 -0
  106. package/ebay-table/table.d.ts.map +1 -1
  107. package/ebay-textbox/index.js +1 -1
  108. package/ebay-toast-dialog/index.js +1 -1
  109. package/ebay-toggle-button/index.js +1 -1
  110. package/ebay-toggle-button-group/index.js +1 -1
  111. package/ebay-tooltip/index.js +1 -1
  112. package/ebay-tourtip/index.js +1 -1
  113. package/ebay-tri-state-checkbox/index.js +1 -1
  114. package/ebay-video/index.js +1 -1
  115. package/file-preview-card-D4qnvGtF.js +1 -0
  116. package/{filter-menu-CzHlWYrY.js → filter-menu-DVoaD81G.js} +1 -1
  117. package/icon-C-bWGO-9.js +1 -0
  118. package/{icon-button-DPIjQGta.js → icon-button-CHW6Lezn.js} +1 -1
  119. package/lightbox-dialog-B19PMyMY.js +1 -0
  120. package/{menu-button-label-DFjHo8Lr.js → menu-button-label-BsTtpKB2.js} +1 -1
  121. package/{menu-button-label-BCs24-MK.js → menu-button-label-CN_zoO9F.js} +1 -1
  122. package/{menu-item-C24G4so-.js → menu-item-D_m4VPNi.js} +1 -1
  123. package/{menu-DmmYhPJU.js → menu-mTGSTnD8.js} +1 -1
  124. package/package.json +18 -14
  125. package/{progress-spinner-CTs1iaUV.js → progress-spinner-BQ5Ms2Nu.js} +1 -1
  126. package/{radio-D-YF8WXv.js → radio-DLgEB-qH.js} +1 -1
  127. package/{textbox-B6zeeYue.js → textbox-BYNinHFi.js} +1 -1
  128. package/{toggle-button-CugK7Hwz.js → toggle-button-BLFYrRDI.js} +1 -1
  129. package/{tri-state-checkbox-Lrf47q9t.js → tri-state-checkbox-BLbLOJc1.js} +1 -1
  130. package/{use-tooltip-BTMlwcb6.js → use-tooltip-mcJqLqOg.js} +1 -1
  131. package/icon-hO_8pLp7.js +0 -1
  132. package/lightbox-dialog-2MA5lJCC.js +0 -1
@@ -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 | |
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),H=require("classnames"),B=require("../tri-state-checkbox-Lrf47q9t.js"),O=require("../utils-C9NL3q0j.js"),M=require("../icon-hO_8pLp7.js"),I=require("../checkbox-BziMKlXl.js"),g=c=>{var{rowHeader:y,columnType:n,className:i,children:a}=c,m=f.__rest(c,["rowHeader","columnType","className","children"]);const S=y?"th":"td",s=n==="layout"?"div":l.Fragment;return l.createElement(S,Object.assign({className:H("table-cell",i,{[`table-cell--${n}`]:n})},m),l.createElement(s,Object.assign({},n==="layout"?{className:"table-cell__layout"}:{}),a))},_=c=>{var{columnType:y,sort:n,href:i,children:a,onSort:m}=c,S=f.__rest(c,["columnType","sort","href","children","onSort"]);const s={asc:"ascending",desc:"descending",none:"none"},p={asc:"sortDown12",desc:"sortUp12",none:"sort12"},E=n?l.createElement(l.Fragment,null," ",l.createElement(M.EbayIcon,{name:p[n]})):null;let u=a;return i?u=l.createElement("a",{href:i,onClick:m},a,E):n&&(u=l.createElement("button",{type:"button",onClick:m},a,E)),l.createElement(g,Object.assign({},S,{rowHeader:!0,columnType:y,"aria-sort":n?s[n]:void 0}),u)},N=c=>{var{name:y,className:n,selected:i,mode:a,a11ySelectRowText:m,children:S,onSelect:s,__headers:p}=c,E=f.__rest(c,["name","className","selected","mode","a11ySelectRowText","children","onSelect","__headers"]);const u=O.filterByType(S,g),T=(r,{checked:b})=>{s(r,{name:y,selected:b})};return l.createElement("tr",Object.assign({className:n},E),a==="selection"&&l.createElement(g,{rowHeader:!0,key:"selection-cell"},l.createElement(I.EbayCheckbox,{checked:i,"aria-label":m||"Select row",onChange:T})),p==null?void 0:p.map((r,b)=>l.cloneElement(u[b],{rowHeader:typeof r.props.rowHeader=="boolean"?r.props.rowHeader:u[b].props.rowHeader,columnType:typeof r.props.columnType=="string"?r.props.columnType:u[b].props.columnType})))},z=c=>{var{className:y,mode:n,allSelected:i,density:a,a11ySelectAllText:m,a11ySelectRowText:S,onSelect:s,onSort:p,children:E}=c,u=f.__rest(c,["className","mode","allSelected","density","a11ySelectAllText","a11ySelectRowText","onSelect","onSort","children"]);const T=O.filterByType(E,_),r=O.filterByType(E,N),[b,$]=l.useState(()=>T.reduce((e,t,o)=>(t.props.sort&&(e[t.props.name||`${o}`]=t.props.sort),e),{})),[v,x]=l.useState(()=>r.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 i<"u"?i:w(v),k=e=>{const t=r.reduce((o,d,h)=>(o[d.props.name||`${h}`]=j==="false"||j==="mixed",o),{});x(t),s==null||s(e,{selected:t,allSelected:w(t)})},R=(e,{name:t,selected:o})=>{const d=Object.assign(Object.assign({},v),{[t||""]:o});x(d),s==null||s(e,{selected:d,allSelected:w(d)})},q=(e,t)=>{const o={none:"asc",asc:"desc",desc:"none"},d=Object.entries(b).reduce((h,[C,A])=>(C===t?h[C]=o[A]:h[C]="none",h),{});$(d),p==null||p(e,{sorted:{[t]:d[t]}})};return l.createElement("div",Object.assign({},u,{className:H("table",y,{"table--mode-selection":n==="selection",[`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":m||"Select all rows",checked:j,onChange:k})),T.map((e,t)=>l.cloneElement(e,{sort:b[e.props.name||`${t}`],onSort:o=>q(o,e.props.name||`${t}`)})))),l.createElement("tbody",null,r.map((e,t)=>l.cloneElement(e,{mode:n,name:e.props.name||`${t}`,a11ySelectRowText:e.props.a11ySelectRowText||S,onSelect:(o,d)=>R(o,Object.assign(Object.assign({},d),{name:e.props.name||`${t}`})),selected:typeof e.props.selected=="boolean"?e.props.selected:v[e.props.name||`${t}`],__headers:T})))))};exports.EbayTable=z;exports.EbayTableCell=g;exports.EbayTableHeader=_;exports.EbayTableRow=N;
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=$;
@@ -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,CA8IjC,CAAA;AACD,eAAe,SAAS,CAAA"}
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"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-B6zeeYue.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;
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-ns64Jg1v.js");require("../icon-button-DPIjQGta.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
+ "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-CugK7Hwz.js");exports.EbayToggleButton=t.ToggleButton;
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-CugK7Hwz.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;
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;
@@ -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-BTMlwcb6.js");require("classnames");require("../icon-hO_8pLp7.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;
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;
@@ -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-BTMlwcb6.js"),R=require("classnames");require("../icon-hO_8pLp7.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
+ "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-Lrf47q9t.js");exports.EbayTriStateCheckbox=e.EbayTriStateCheckbox;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-BLbLOJc1.js");exports.EbayTriStateCheckbox=e.EbayTriStateCheckbox;
@@ -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-hO_8pLp7.js"),Z=require("../progress-spinner-CTs1iaUV.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;
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-BziMKlXl.js"),oe=require("./radio-D-YF8WXv.js"),O=require("./icon-hO_8pLp7.js");require("./array.polyfill.flat-5BAolFdk.js");const le=require("./button-C3RhAySI.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;
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;
@@ -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-hO_8pLp7.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;
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-DmmYhPJU.js"),ne=require("./button-C3RhAySI.js"),te=require("./icon-button-DPIjQGta.js"),N=require("./icon-hO_8pLp7.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
+ "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-C3RhAySI.js"),z=require("./icon-hO_8pLp7.js"),P=require("./icon-button-DPIjQGta.js"),_=require("./menu-item-C24G4so-.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
+ "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-hO_8pLp7.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
+ "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-hO_8pLp7.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;
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.4.0",
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
- "build": "npm run type:check && vite build",
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 clean && npm run build && npm run copy",
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.3.2"
62
+ "shaka-player": "^4.14.12"
59
63
  },
60
64
  "dependencies": {
61
- "@floating-ui/react": "^0.27.3",
62
- "classnames": "^2.2.6",
63
- "makeup-active-descendant": "^0.7.4",
64
- "makeup-expander": "^0.10.1",
65
- "makeup-floating-label": "^0.4.5",
66
- "makeup-keyboard-trap": "^0.4.1",
67
- "makeup-prevent-scroll-keys": "^0.3.3",
68
- "makeup-roving-tabindex": "^0.7.3",
69
- "makeup-screenreader-trap": "^0.4.1",
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-hO_8pLp7.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
+ "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-hO_8pLp7.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
+ "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-hO_8pLp7.js"),ce=require("./icon-button-DPIjQGta.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
+ "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-hO_8pLp7.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
+ "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-hO_8pLp7.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
+ "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-hO_8pLp7.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;
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;