@ebay/ui-core-react 7.4.0-alpha.8 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/README.md +2 -2
  2. package/array.polyfill.flat-5BAolFdk.js +1 -0
  3. package/badge-CoHKfiPt.js +1 -0
  4. package/button-DGuEBUDJ.js +1 -0
  5. package/calendar-lAu6VfAb.js +1 -0
  6. package/common/component-utils/forwardRef/index.js +1 -10
  7. package/common/component-utils/index.js +1 -9
  8. package/common/component-utils/utils/index.js +1 -25
  9. package/common/event-utils/index.js +1 -113
  10. package/common/floating-label-utils/hooks/index.js +1 -106
  11. package/common/notice-utils/notice-cta/index.js +1 -5
  12. package/common/random-id/index.js +1 -13
  13. package/common/tooltip-utils/constants/index.js +1 -97
  14. package/common/tooltip-utils/index.js +1 -11
  15. package/debounce-BQsYxxOL.js +1 -0
  16. package/dialog-previous-button-CpuFLkQp.js +1 -0
  17. package/drawer-rqXAEeqd.js +1 -0
  18. package/ebay-alert-dialog/index.js +1 -26
  19. package/ebay-badge/index.js +1 -4
  20. package/ebay-breadcrumbs/index.js +1 -47
  21. package/ebay-button/index.js +1 -5
  22. package/ebay-calendar/index.js +1 -4
  23. package/ebay-carousel/index.js +1 -345
  24. package/ebay-checkbox/index.js +1 -52
  25. package/ebay-confirm-dialog/index.js +1 -28
  26. package/ebay-cta-button/index.js +1 -22
  27. package/ebay-date-textbox/index.js +1 -140
  28. package/ebay-dialog-base/components/animation/index.js +1 -92
  29. package/ebay-dialog-base/components/dialog-footer/index.js +1 -4
  30. package/ebay-dialog-base/components/dialog-header/index.js +1 -4
  31. package/ebay-dialog-base/index.js +1 -13
  32. package/ebay-drawer-dialog/index.js +1 -4
  33. package/ebay-eek/index.js +1 -54
  34. package/ebay-fake-menu/index.js +1 -10
  35. package/ebay-fake-menu/menu-item/index.js +1 -49
  36. package/ebay-fake-menu-button/index.js +1 -7
  37. package/ebay-fake-menu-button/menu-button/index.js +1 -12
  38. package/ebay-fake-tabs/index.js +1 -30
  39. package/ebay-field/index.js +1 -21
  40. package/ebay-fullscreen-dialog/index.js +1 -10
  41. package/ebay-icon/index.js +1 -4
  42. package/ebay-icon/types.d.ts +1 -1
  43. package/ebay-icon/types.d.ts.map +1 -1
  44. package/ebay-icon-button/index.js +1 -4
  45. package/ebay-infotip/index.js +1 -76
  46. package/ebay-inline-notice/index.js +1 -36
  47. package/ebay-lightbox-dialog/index.js +1 -12
  48. package/ebay-listbox-button/index.d.ts +2 -1
  49. package/ebay-listbox-button/index.d.ts.map +1 -1
  50. package/ebay-listbox-button/index.js +2 -151
  51. package/ebay-listbox-button/listbox-button-option.d.ts +10 -0
  52. package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -0
  53. package/ebay-listbox-button/listbox-button.d.ts +5 -15
  54. package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
  55. package/ebay-menu/index.js +1 -9
  56. package/ebay-menu-button/index.js +1 -113
  57. package/ebay-notice-base/index.js +1 -7
  58. package/ebay-page-notice/index.js +1 -50
  59. package/ebay-pagination/index.js +1 -244
  60. package/ebay-panel-dialog/index.js +1 -12
  61. package/ebay-progress-bar/index.js +1 -6
  62. package/ebay-progress-spinner/index.js +1 -4
  63. package/ebay-progress-stepper/index.js +1 -72
  64. package/ebay-radio/index.js +1 -4
  65. package/ebay-radio/radio/index.js +1 -48
  66. package/ebay-section-notice/index.js +1 -69
  67. package/ebay-section-title/index.js +1 -38
  68. package/ebay-segmented-buttons/index.js +1 -46
  69. package/ebay-select/index.js +1 -98
  70. package/ebay-signal/index.js +1 -9
  71. package/ebay-snackbar-dialog/index.js +1 -81
  72. package/ebay-split-button/index.js +1 -22
  73. package/ebay-star-rating/index.js +1 -9
  74. package/ebay-star-rating-select/index.js +1 -55
  75. package/ebay-svg/index.js +1 -5189
  76. package/ebay-svg/symbols.d.ts.map +1 -1
  77. package/ebay-switch/index.js +1 -27
  78. package/ebay-tabs/index.js +1 -88
  79. package/ebay-textbox/index.js +1 -10
  80. package/ebay-toast-dialog/index.js +1 -9
  81. package/ebay-toggle-button/README.md +39 -0
  82. package/ebay-toggle-button/index.d.ts +3 -0
  83. package/ebay-toggle-button/index.d.ts.map +1 -0
  84. package/ebay-toggle-button/index.js +1 -0
  85. package/ebay-toggle-button/toggle-button.d.ts +5 -0
  86. package/ebay-toggle-button/toggle-button.d.ts.map +1 -0
  87. package/ebay-toggle-button/types.d.ts +23 -0
  88. package/ebay-toggle-button/types.d.ts.map +1 -0
  89. package/ebay-toggle-button-group/README.md +56 -0
  90. package/ebay-toggle-button-group/index.d.ts +3 -0
  91. package/ebay-toggle-button-group/index.d.ts.map +1 -0
  92. package/ebay-toggle-button-group/index.js +1 -0
  93. package/ebay-toggle-button-group/toggle-button-group.d.ts +5 -0
  94. package/ebay-toggle-button-group/toggle-button-group.d.ts.map +1 -0
  95. package/ebay-toggle-button-group/types.d.ts +20 -0
  96. package/ebay-toggle-button-group/types.d.ts.map +1 -0
  97. package/ebay-tooltip/index.js +1 -64
  98. package/ebay-tourtip/index.js +1 -54
  99. package/ebay-video/index.js +1 -229
  100. package/events/index.js +1 -18
  101. package/icon-TuxfQndO.js +1 -0
  102. package/icon-button-Cwaj-eT9.js +1 -0
  103. package/label-CnrpYJ-g.js +1 -0
  104. package/menu-CV-INYLM.js +1 -0
  105. package/menu-_LzP6yje.js +1 -0
  106. package/menu-button-BZ66jxvI.js +1 -0
  107. package/notice-content-9iF4T8uB.js +1 -0
  108. package/notice-content-C0ZStfuX.js +1 -0
  109. package/notice-footer-Cw1DMzoB.js +1 -0
  110. package/package.json +2 -5
  111. package/progress-spinner-U2qOANON.js +1 -0
  112. package/range-DOsPN0h5.js +1 -0
  113. package/textbox-dUhinDwj.js +1 -0
  114. package/toggle-button-D8l0YB43.js +1 -0
  115. package/use-roving-index-DoAVBgsp.js +1 -0
  116. package/use-tooltip-CL3_zAeg.js +1 -0
  117. package/utils/index.js +1 -13
  118. package/array.polyfill.flat-DyxysTxZ.js +0 -21
  119. package/badge-CR5t7-2L.js +0 -8
  120. package/button-B4bZIgwB.js +0 -83
  121. package/calendar-D-DWjrMU.js +0 -333
  122. package/debounce-v8bWAUnY.js +0 -9
  123. package/dialog-previous-button-EC_Y6KaT.js +0 -370
  124. package/drawer-DBDktEBZ.js +0 -69
  125. package/ebay-listbox/README.md +0 -100
  126. package/ebay-listbox/index.d.ts +0 -4
  127. package/ebay-listbox/index.d.ts.map +0 -1
  128. package/ebay-listbox/index.js +0 -6
  129. package/ebay-listbox/listbox-option-description.d.ts +0 -4
  130. package/ebay-listbox/listbox-option-description.d.ts.map +0 -1
  131. package/ebay-listbox/listbox-option.d.ts +0 -10
  132. package/ebay-listbox/listbox-option.d.ts.map +0 -1
  133. package/ebay-listbox/listbox.d.ts +0 -21
  134. package/ebay-listbox/listbox.d.ts.map +0 -1
  135. package/icon-B17Di3YL.js +0 -56
  136. package/icon-button-BQWoMgX1.js +0 -31
  137. package/index-BXizW4ue.js +0 -89
  138. package/index-DcH7Tjjd.js +0 -272
  139. package/label-C0AS4fnO.js +0 -19
  140. package/listbox-DGbY99kq.js +0 -674
  141. package/menu-Bsy48CE1.js +0 -163
  142. package/menu-button-CKGsgg6G.js +0 -89
  143. package/menu-fCOy6wBS.js +0 -29
  144. package/notice-content-BTXVxttv.js +0 -8
  145. package/notice-content-BhUeK1pd.js +0 -3
  146. package/notice-footer-CIQ8SM6N.js +0 -10
  147. package/progress-spinner-DOFKRtuu.js +0 -20
  148. package/range-C5qzyhg4.js +0 -3
  149. package/textbox-J291yCpJ.js +0 -136
  150. package/use-roving-index-CEM_UsCH.js +0 -58
  151. package/use-tooltip-7JxcZHJn.js +0 -92
  152. package/utils/scroll.d.ts +0 -2
  153. package/utils/scroll.d.ts.map +0 -1
package/README.md CHANGED
@@ -82,8 +82,8 @@ eBayUI React components
82
82
  * [x] [ebay-tabs](src/ebay-tabs)
83
83
  * [x] [ebay-textbox](src/ebay-textbox)
84
84
  * [x] [ebay-toast-dialog](src/ebay-toast-dialog)
85
- * [ ] `ebay-toggle-button`
86
- * [ ] `ebay-toggle-button-group`
85
+ * [x] [ebay-toggle-button](src/ebay-toast-dialog)
86
+ * [x] [ebay-toggle-button-group](src/ebay-toast-dialog)
87
87
  * [x] [ebay-tooltip](src/ebay-tooltip)
88
88
  * [x] [ebay-tourtip](src/ebay-tourtip)
89
89
  * [ ] `ebay-tri-state-checkbox`
@@ -0,0 +1 @@
1
+ "use strict";Array.prototype.flat||Object.defineProperty(Array.prototype,"flat",{configurable:!0,writable:!0,value:function(e){const a=typeof e>"u"?1:Number(e)||0,r=[],c=r.forEach,o=(n,f)=>c.call(n,t=>{f>0&&Array.isArray(t)?o(t,f-1):r.push(t)});return o(this,a),r}});
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react"),i=require("classnames"),c=({number:r,type:a="img",className:s,...n})=>{const e=Math.round(parseInt(String(r),10));return e<=0?null:t.createElement("span",{...n,className:i("badge",s),role:a==="img"?"img":void 0,"aria-hidden":a!=="img"},e>99?"99+":e)};exports.EbayBadge=c;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react"),k=require("classnames"),P=require("./common/component-utils/forwardRef/index.js");require("./array.polyfill.flat-5BAolFdk.js");const u=require("./icon-TuxfQndO.js"),R=require("./progress-spinner-U2qOANON.js"),O={cta:"cta-",fake:"fake-",expand:"expand-",default:""},m=({type:n="default",children:a,...r})=>t.createElement("span",{className:`${O[n]}btn__cell`,...r},t.createElement(t.Fragment,null,a)),T=()=>t.createElement(m,null,t.createElement(R.EbayProgressSpinner,null)),U=({className:n,children:a})=>t.createElement("span",{className:k(n,"btn__text")},a),j=({children:n})=>n?t.createElement(m,null,t.createElement(U,null,n),t.createElement(u.EbayIcon,{name:"chevronDown12"})):t.createElement(u.EbayIcon,{name:"chevronDown12"}),G=({priority:n="secondary",variant:a="standard",size:r="regular",bodyState:y,split:q,transparent:D=!1,fluid:N=!1,disabled:E,partiallyDisabled:_,children:o,onKeyDown:C=()=>{},onEscape:S=()=>{},truncate:I=!1,href:l,className:h,forwardedRef:d,borderless:p,fixedHeight:$,...f})=>{const e=l?"fake-btn":"btn",F={primary:`${e}--primary`,secondary:`${e}--secondary`,tertiary:`${e}--tertiary`,none:""},c={large:`${e}--large`,small:`${e}--small`,regular:"",default:""},L={start:`${e}--split-start`,end:`${e}--split-end`},A=a==="destructive",i=a==="form",b=y==="loading",g=y==="expand",K=i&&(J(o)||g&&!o),B=k(e,h,F[i||p?"none":n],c[r],L[q],A&&`${e}--destructive`,i&&`${e}--form`,K&&`${e}--slim`,D&&`${e}--transparent`,N&&`${e}--fluid`,I&&`${e}--truncated`,p&&`${e}--borderless`,$&&(c[r]?`${c[r]}-${$}`:`${e}--fixed-height`)),v=s=>{C(s),(s.key==="Escape"||s.key==="Esc")&&S(s)},w=H(o,{isLoading:b,isExpand:g}),x=b?"polite":null;return l?t.createElement("a",{className:B,href:E?void 0:l,ref:d,onKeyDown:v,"aria-live":x,...f},w):t.createElement("button",{disabled:E,"aria-disabled":_,"aria-live":x,className:B,ref:d,onKeyDown:v,...f},w)};function H(n,{isLoading:a,isExpand:r}){switch(!0){case a:return t.createElement(T,null);case r:return t.createElement(j,null,n);default:return n}}function J(n){const a=t.Children.toArray(n);return a.length===1&&a[0].type===u.EbayIcon}const M=P.withForwardRef(G);exports.EbayButton=M;exports.EbayButtonCell=m;
@@ -0,0 +1 @@
1
+ "use strict";const a=require("react"),ue=require("./icon-button-Cwaj-eT9.js"),de=require("classnames");function Ue(n){const o=new Intl.Locale(n);return o.weekInfo?o.weekInfo.firstDay:0}function ve(n){const o=Ue(n),i=new Intl.DateTimeFormat(n,{weekday:"short"}),d=new Date(2022,9,2+o),A=[...Array(7)].map(()=>{const k=i.format(d);return d.setDate(d.getDate()+1),k});return{firstDayOfWeek:o,weekdayLabels:A}}function Ae(n){if(n)return/^\d\d\d\d-\d\d-\d\d$/g.test(n)?n:u(new Date(n))}function u(n){if(!isNaN(n.getTime()))return n.toISOString().slice(0,10)}function v(n){return new Date(n)}function H(n,o){const i=v(n);return i.setUTCDate(i.getUTCDate()+o),u(i)}function fe(n){return n||navigator.language}const Fe={ArrowRight:1,ArrowLeft:-1,ArrowDown:7,ArrowUp:-7},Re=({selected:n,numMonths:o=1,navigable:i,interactive:d,range:A,locale:k,disableBefore:g,disableAfter:I,disableWeekdays:B,disableList:G,a11ySelectedText:me="selected",a11yRangeStartText:ye="start of range",a11yInRangeText:ge="in range",a11yRangeEndText:Ie="end of range",a11ySeparator:J="-",a11yTodayText:De="today",a11yDisabledText:Se="inactive",getA11yShowMonthText:Q=T=>`Show ${T}`,linkBuilder:X,onMonthChange:Z=()=>{},onFocus:we=()=>{},onSelect:Ee=()=>{}})=>{const T=u(new Date),{firstDayOfWeek:Oe,weekdayLabels:Te}=ve(fe(k)),ee=a.useRef(null),[m,F]=a.useState(0),[te,ne]=a.useState(null),[D,h]=a.useState(T),R=a.useRef(T),S=e=>{const t=v(R.current);return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth()+e))},w=()=>u(S(m)),E=()=>{const e=v(R.current);return u(new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+m+(o||1),0)))};a.useEffect(()=>{if(n){const e=Array.isArray(n)?n:[n],t=w(),r=E();e.find(f=>f>=t&&f<=r)===void 0&&(R.current=e[0],F(0))}},[n]);const be=()=>{if(n&&A){let e,t;if(Array.isArray(n)?[e,t]=n:te&&(e=n,t=te),e&&t){const[r,s]=[e,t].sort();return{rangeStart:r,rangeEnd:s}}}return{rangeStart:null,rangeEnd:null}},p=e=>new Intl.DateTimeFormat(fe(k),{month:"long",year:"numeric"}).format(new Date(e.getUTCFullYear(),e.getUTCMonth())),_=e=>g&&e<g||I&&e>I||B&&B.includes(v(e).getUTCDay())||G&&G.includes(e),ae=()=>{let e=w();const t=E();for(;e<=t&&_(e);)e=H(e,1);return e>t?null:e},re=()=>{let e=E();const t=w();for(;e>=t&&_(e);)e=H(e,-1);return e<t?null:e},b=e=>{h(e),setTimeout(()=>{var r;const t=(r=ee.current)==null?void 0:r.querySelector(`[data-iso="${e}"]`);t==null||t.focus()})},N=e=>{if(g&&w()<=g)return!1;F(s=>s-1);let t=D;const r=re();return r&&r<D&&(t=r,h(r)),e&&b(t),Z({iso:u(S(m))}),!0},L=e=>{if(I&&E()>=I)return!1;F(s=>s+1);let t=D;const r=ae();r&&r>D&&(t=r,h(r)),e&&b(t),Z({iso:u(S(m+(o||1)))})},ke=e=>{const t=Fe[e.key];if(t){e.preventDefault();let r=7,s=D;do s=H(s,t);while(r-- >0&&_(s));if(r>0){const f=w(),O=E();s<f?i?N():s=f:s>O&&(i?L():s=O),b(s)}}else switch(e.key){case"PageUp":N(!0);break;case"PageDown":L(!0);break;case"Home":b(ae());break;case"End":b(re());break}},he=(e,t)=>{Ee(e,{iso:t})},se=(e,t)=>{ne(t),h(t),we(e,{iso:t})},ce=()=>{ne(null)},{rangeStart:V,rangeEnd:x}=be(),pe=e=>!(!V||!x||e<V||e>x),oe=[...Array(o)].map((e,t)=>S(m+t));return a.createElement("div",{className:"calendar",ref:ee},i&&a.createElement("div",{className:"calendar__header"},a.createElement("div",{className:"calendar__header--inner"},a.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronLeft24",disabled:g&&w()<=g,"aria-label":Q(p(S(m-1))),onClick:()=>N()}),oe.map((e,t)=>a.createElement("h3",{key:t},p(e))),a.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronRight24",disabled:I&&E()>=I,"aria-label":Q(p(S(m+o))),onClick:()=>L()}))),a.createElement("div",{className:"calendar__body"},oe.map((e,t)=>{const r=(e.getUTCDay()-Oe+7)%7,s=e.getUTCFullYear(),f=e.getUTCMonth(),O=new Date(s,f+1,0).getDate(),_e=[...Array(Math.ceil((r+O)/7))];return a.createElement("div",{key:t,className:"calendar__month"},a.createElement("table",{onKeyDown:ke},a.createElement("caption",null,p(e)),a.createElement("thead",null,a.createElement("tr",null,Te.map(M=>a.createElement("th",{key:M,scope:"col"},M)))),a.createElement("tbody",null,_e.map((M,Y)=>{let $=Y*7-r+1,q=$+6;const P=[];Y===0&&r!==0?($=1,P.push(a.createElement("td",{key:"pre-column",colSpan:r}))):q>O&&(q=O);for(let y=$;y<=q;y++){const c=u(new Date(Date.UTC(s,f,y))),W=c===T,j=Array.isArray(n)?n.some(l=>l===c):n===c,z=c===V,le=pe(c),K=c===x,C=_(c),U=["",j&&me,z&&ye,!z&&!K&&le&&ge,K&&Ie,!d&&W&&De,!d&&C&&Se].filter(l=>typeof l!="boolean"||l!==!1),ie=!d&&!C&&X&&X(c),Ce=ie?"a":"span";P.push(a.createElement("td",{key:y,className:de({"calendar__cell--selected":j,"calendar__range--start":z,calendar__range:le,"calendar__range--end":K})},d?a.createElement("button",{disabled:C,"aria-label":U.length>1?`${y}${U.join(J)}`:void 0,tabIndex:D!==c?-1:void 0,"aria-current":W?"date":void 0,"aria-pressed":j?"true":void 0,onClick:l=>he(l,c),onFocus:l=>se(l,c),onMouseOver:l=>se(l,c),onMouseOut:l=>ce(),onBlur:()=>ce(),"data-iso":c},y):a.createElement(Ce,{className:de({"calendar__cell--disabled":C,"calendar__cell--current":W}),href:ie},y,U.length>1&&a.createElement("span",{className:"clipped"},U.join(J)))))}return a.createElement("tr",{key:Y},P)}))))})))};exports.EbayCalendar=Re;exports.dateArgToISO=Ae;exports.toISO=u;
@@ -1,10 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const getDisplayName = (Component) => Component.displayName || Component.name || "Component";
5
- const withForwardRef = (Component) => {
6
- const ForwardRef = React.forwardRef((props, ref) => React.createElement(Component, { ...props, forwardedRef: ref }));
7
- ForwardRef.displayName = getDisplayName(Component);
8
- return ForwardRef;
9
- };
10
- exports.withForwardRef = withForwardRef;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=e=>e.displayName||e.name||"Component",i=e=>{const r=a.forwardRef((t,o)=>a.createElement(e,{...t,forwardedRef:o}));return r.displayName=d(e),r};exports.withForwardRef=i;
@@ -1,9 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const common_componentUtils_forwardRef = require("./forwardRef/index.js");
4
- const common_componentUtils_utils = require("./utils/index.js");
5
- exports.withForwardRef = common_componentUtils_forwardRef.withForwardRef;
6
- exports.excludeComponent = common_componentUtils_utils.excludeComponent;
7
- exports.filterBy = common_componentUtils_utils.filterBy;
8
- exports.filterByType = common_componentUtils_utils.filterByType;
9
- exports.findComponent = common_componentUtils_utils.findComponent;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./forwardRef/index.js"),e=require("./utils/index.js");exports.withForwardRef=o.withForwardRef;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;
@@ -1,25 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- require("../../../array.polyfill.flat-DyxysTxZ.js");
5
- function findComponent(nodes = [], componentType) {
6
- const elements = React.Children.toArray(nodes);
7
- return elements.find(({ type }) => type === componentType) || null;
8
- }
9
- function excludeComponent(nodes = [], componentType) {
10
- const elements = React.Children.toArray(nodes);
11
- return elements.filter(({ type }) => type !== componentType);
12
- }
13
- function filterByType(nodes = [], componentType) {
14
- const elements = React.Children.toArray(nodes);
15
- const types = [componentType].flat();
16
- return elements.filter(({ type }) => types.includes(type));
17
- }
18
- function filterBy(nodes = [], predicate) {
19
- const elements = React.Children.toArray(nodes);
20
- return elements.filter(predicate);
21
- }
22
- exports.excludeComponent = excludeComponent;
23
- exports.filterBy = filterBy;
24
- exports.filterByType = filterByType;
25
- exports.findComponent = findComponent;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");require("../../../array.polyfill.flat-5BAolFdk.js");function i(e=[],t){return l.Children.toArray(e).find(({type:n})=>n===t)||null}function s(e=[],t){return l.Children.toArray(e).filter(({type:n})=>n!==t)}function u(e=[],t){const r=l.Children.toArray(e),n=[t].flat();return r.filter(({type:o})=>n.includes(o))}function c(e=[],t){return l.Children.toArray(e).filter(t)}exports.excludeComponent=s;exports.filterBy=c;exports.filterByType=u;exports.findComponent=i;
@@ -1,113 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- function handleKeydown(keyList, e, callback = () => {
4
- }) {
5
- if (keyList.includes(e.key)) {
6
- callback();
7
- }
8
- }
9
- function handleNotKeydown(keyList, e, callback = () => {
10
- }) {
11
- if (!keyList.includes(e.key)) {
12
- callback();
13
- }
14
- }
15
- function handleEnterKeydown(e, callback) {
16
- if (e.key === "Enter") {
17
- callback();
18
- }
19
- }
20
- function handleActionKeydown(e, callback) {
21
- if (isActionKey(e.key)) {
22
- callback();
23
- }
24
- }
25
- function isActionKey(key) {
26
- return [" ", "Enter"].includes(key);
27
- }
28
- function handleEscapeKeydown(e, callback) {
29
- handleKeydown(["Esc", "Escape"], e, callback);
30
- }
31
- function handleUpDownArrowsKeydown(e, callback) {
32
- handleKeydown(["Up", "ArrowUp", "Down", "ArrowDown"], e, callback);
33
- }
34
- function handleLeftRightArrowsKeydown(e, callback) {
35
- handleKeydown(["Left", "ArrowLeft", "Right", "ArrowRight"], e, callback);
36
- }
37
- function handleTextInput(e, callback) {
38
- const keyList = [
39
- // Edge
40
- "Esc",
41
- "Left",
42
- "Up",
43
- "Right",
44
- "Down",
45
- // Browsers
46
- "Tab",
47
- "Enter",
48
- "Shift",
49
- "Control",
50
- "Alt",
51
- "CapsLock",
52
- "Escape",
53
- "ArrowLeft",
54
- "ArrowUp",
55
- "ArrowRight",
56
- "ArrowDown",
57
- "Meta"
58
- ];
59
- handleNotKeydown(keyList, e, callback);
60
- }
61
- function preventDefaultIfHijax(e, hijax) {
62
- if (hijax) {
63
- e.preventDefault();
64
- }
65
- }
66
- const handlers = [];
67
- function addEventListener(_, handler) {
68
- if (handlers.length === 0) {
69
- window.addEventListener("resize", handleResize);
70
- }
71
- handlers.push(handler);
72
- }
73
- function removeEventListener(_, handler) {
74
- if (handlers.length === 1) {
75
- window.removeEventListener("resize", handleResize);
76
- }
77
- handlers.splice(handlers.indexOf(handler), 1);
78
- }
79
- function handleResize(e) {
80
- window.removeEventListener("resize", handleResize);
81
- const callback = () => {
82
- if (handlers.length) {
83
- handlers.forEach((handler) => handler(e));
84
- window.addEventListener("resize", handleResize);
85
- }
86
- };
87
- if (window.requestAnimationFrame) {
88
- window.requestAnimationFrame(callback);
89
- } else {
90
- window.setTimeout(callback, 16);
91
- }
92
- }
93
- function wrapEvent(parentEventHandler = () => {
94
- }, localEventHandler) {
95
- return (e) => {
96
- parentEventHandler(e);
97
- if (!e.defaultPrevented) {
98
- return localEventHandler(e);
99
- }
100
- };
101
- }
102
- exports.addEventListener = addEventListener;
103
- exports.handleActionKeydown = handleActionKeydown;
104
- exports.handleEnterKeydown = handleEnterKeydown;
105
- exports.handleEscapeKeydown = handleEscapeKeydown;
106
- exports.handleLeftRightArrowsKeydown = handleLeftRightArrowsKeydown;
107
- exports.handleResize = handleResize;
108
- exports.handleTextInput = handleTextInput;
109
- exports.handleUpDownArrowsKeydown = handleUpDownArrowsKeydown;
110
- exports.isActionKey = isActionKey;
111
- exports.preventDefaultIfHijax = preventDefaultIfHijax;
112
- exports.removeEventListener = removeEventListener;
113
- exports.wrapEvent = wrapEvent;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(n,e,t=()=>{}){n.includes(e.key)&&t()}function w(n,e,t=()=>{}){n.includes(e.key)||t()}function a(n,e){n.key==="Enter"&&e()}function s(n,e){d(n.key)&&e()}function d(n){return[" ","Enter"].includes(n)}function f(n,e){r(["Esc","Escape"],n,e)}function c(n,e){r(["Up","ArrowUp","Down","ArrowDown"],n,e)}function l(n,e){r(["Left","ArrowLeft","Right","ArrowRight"],n,e)}function u(n,e){w(["Esc","Left","Up","Right","Down","Tab","Enter","Shift","Control","Alt","CapsLock","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Meta"],n,e)}function h(n,e){e&&n.preventDefault()}const i=[];function y(n,e){i.length===0&&window.addEventListener("resize",o),i.push(e)}function E(n,e){i.length===1&&window.removeEventListener("resize",o),i.splice(i.indexOf(e),1)}function o(n){window.removeEventListener("resize",o);const e=()=>{i.length&&(i.forEach(t=>t(n)),window.addEventListener("resize",o))};window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,16)}function p(n=()=>{},e){return t=>{if(n(t),!t.defaultPrevented)return e(t)}}exports.addEventListener=y;exports.handleActionKeydown=s;exports.handleEnterKeydown=a;exports.handleEscapeKeydown=f;exports.handleLeftRightArrowsKeydown=l;exports.handleResize=o;exports.handleTextInput=u;exports.handleUpDownArrowsKeydown=c;exports.isActionKey=d;exports.preventDefaultIfHijax=h;exports.removeEventListener=E;exports.wrapEvent=p;
@@ -1,106 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const classNames = require("classnames");
5
- const classPrefix = "floating-label__label";
6
- const textboxElementBackgroundRGB = [
7
- "rgb(245, 245, 245)",
8
- "rgb(247, 247, 247)"
9
- // From skin version 12.6.0
10
- ];
11
- const isAutofilled = (input) => input && !textboxElementBackgroundRGB.includes(getComputedStyle(input).backgroundColor);
12
- const hasValue = (input) => {
13
- var _a;
14
- return ((_a = input == null ? void 0 : input.value) == null ? void 0 : _a.length) > 0;
15
- };
16
- const isSelect = (element) => (element == null ? void 0 : element.tagName) === `SELECT`;
17
- const setPlaceholder = (element, value) => {
18
- if (isSelect(element) && !hasValue(element.querySelector(`option`))) {
19
- element.style["min-width"] = "";
20
- const beforeWidth = element.offsetWidth;
21
- element.querySelector(`option`).text = value;
22
- if (!value && beforeWidth > element.offsetWidth) {
23
- element.style["min-width"] = `${beforeWidth}px`;
24
- }
25
- }
26
- };
27
- const getPlaceholder = (element) => {
28
- if (isSelect(element)) {
29
- return element.querySelector(`option`).text;
30
- }
31
- return element == null ? void 0 : element.placeholder;
32
- };
33
- function useFloatingLabel({ ref, inputId, className, disabled, label, inputSize, inputValue, placeholder, invalid, opaqueLabel, type, onMount = () => {
34
- } }) {
35
- const _internalInputRef = React.useRef(null);
36
- const inputRef = () => ref || _internalInputRef;
37
- const [isFloating, setFloating] = React.useState(Boolean(inputValue));
38
- const [shouldAnimate, setAnimate] = React.useState(false);
39
- const [isFocused, setFocused] = React.useState(false);
40
- const selectFirstOptionText = React.useRef(``);
41
- const onBlur = () => {
42
- var _a;
43
- setAnimate(true);
44
- setFloating(hasValue((_a = inputRef()) == null ? void 0 : _a.current));
45
- setFocused(false);
46
- setPlaceholder(inputRef().current, ``);
47
- };
48
- const onFocus = () => {
49
- var _a;
50
- setAnimate(true);
51
- setFloating(true);
52
- setFocused(true);
53
- setPlaceholder((_a = inputRef()) == null ? void 0 : _a.current, selectFirstOptionText.current);
54
- };
55
- React.useEffect(() => {
56
- var _a, _b;
57
- if (!label) {
58
- return;
59
- }
60
- selectFirstOptionText.current = getPlaceholder((_a = inputRef()) == null ? void 0 : _a.current);
61
- setPlaceholder((_b = inputRef()) == null ? void 0 : _b.current, ``);
62
- onMount();
63
- }, []);
64
- React.useEffect(() => {
65
- var _a, _b, _c;
66
- if (!label) {
67
- return;
68
- }
69
- setFloating(isFocused || hasValue((_a = inputRef()) == null ? void 0 : _a.current) || isAutofilled((_c = (_b = inputRef()) == null ? void 0 : _b.current) == null ? void 0 : _c.parentNode));
70
- }, [isFocused, inputValue]);
71
- const labelClassName = classNames(className, classPrefix, {
72
- [`${classPrefix}--disabled`]: disabled,
73
- [`${classPrefix}--animate`]: shouldAnimate,
74
- [`${classPrefix}--inline`]: !isFloating && type !== "date",
75
- [`${classPrefix}--focus`]: isFocused,
76
- [`${classPrefix}--invalid`]: invalid
77
- });
78
- const floatingLabelClassName = classNames(`floating-label`, {
79
- "floating-label--large": inputSize === `large`,
80
- "floating-label--opaque": opaqueLabel
81
- });
82
- const FragmentContainer = React.useCallback(({ children }) => React.createElement(React.Fragment, null, children), []);
83
- const FloatingLabelContainer = React.useCallback(({ children }) => React.createElement("span", { className: floatingLabelClassName }, children), [floatingLabelClassName]);
84
- if (!label) {
85
- return {
86
- label: null,
87
- Container: FragmentContainer,
88
- onBlur: () => {
89
- },
90
- onFocus: () => {
91
- },
92
- ref: inputRef(),
93
- placeholder
94
- };
95
- }
96
- const labelElement = React.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
97
- return {
98
- label: labelElement,
99
- Container: FloatingLabelContainer,
100
- onBlur,
101
- onFocus,
102
- ref: inputRef(),
103
- placeholder: !isFloating ? null : placeholder
104
- };
105
- }
106
- exports.useFloatingLabel = useFloatingLabel;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),p=require("classnames"),r="floating-label__label",v=["rgb(245, 245, 245)","rgb(247, 247, 247)"],w=t=>t&&!v.includes(getComputedStyle(t).backgroundColor),g=t=>{var n;return((n=t==null?void 0:t.value)==null?void 0:n.length)>0},x=t=>(t==null?void 0:t.tagName)==="SELECT",f=(t,n)=>{if(x(t)&&!g(t.querySelector("option"))){t.style["min-width"]="";const l=t.offsetWidth;t.querySelector("option").text=n,!n&&l>t.offsetWidth&&(t.style["min-width"]=`${l}px`)}},O=t=>x(t)?t.querySelector("option").text:t==null?void 0:t.placeholder;function j({ref:t,inputId:n,className:l,disabled:N,label:c,inputSize:m,inputValue:d,placeholder:b,invalid:q,opaqueLabel:R,type:$,onMount:B=()=>{}}){const L=o.useRef(null),a=()=>t||L,[F,u]=o.useState(!!d),[k,h]=o.useState(!1),[i,C]=o.useState(!1),S=o.useRef(""),P=()=>{var e;h(!0),u(g((e=a())==null?void 0:e.current)),C(!1),f(a().current,"")},A=()=>{var e;h(!0),u(!0),C(!0),f((e=a())==null?void 0:e.current,S.current)};o.useEffect(()=>{var e,s;c&&(S.current=O((e=a())==null?void 0:e.current),f((s=a())==null?void 0:s.current,""),B())},[]),o.useEffect(()=>{var e,s,y;c&&u(i||g((e=a())==null?void 0:e.current)||w((y=(s=a())==null?void 0:s.current)==null?void 0:y.parentNode))},[i,d]);const T=p(l,r,{[`${r}--disabled`]:N,[`${r}--animate`]:k,[`${r}--inline`]:!F&&$!=="date",[`${r}--focus`]:i,[`${r}--invalid`]:q}),E=p("floating-label",{"floating-label--large":m==="large","floating-label--opaque":R}),W=o.useCallback(({children:e})=>o.createElement(o.Fragment,null,e),[]),_=o.useCallback(({children:e})=>o.createElement("span",{className:E},e),[E]);return c?{label:o.createElement("label",{htmlFor:n,className:T},c),Container:_,onBlur:P,onFocus:A,ref:a(),placeholder:F?b:null}:{label:null,Container:W,onBlur:()=>{},onFocus:()=>{},ref:a(),placeholder:b}}exports.useFloatingLabel=j;
@@ -1,5 +1 @@
1
- "use strict";
2
- const React = require("react");
3
- const classNames = require("classnames");
4
- const NoticeCTA = ({ className, type, children, ...rest }) => React.createElement("p", { className: classNames(className, `${type}-notice__cta`), ...rest }, children);
5
- module.exports = NoticeCTA;
1
+ "use strict";const a=require("react"),r=require("classnames"),o=({className:e,type:t,children:c,...s})=>a.createElement("p",{className:r(e,`${t}-notice__cta`),...s},c);module.exports=o;
@@ -1,13 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const randomId = () => Math.random().toString(16).slice(-4);
5
- const useRandomId = () => {
6
- const [id, setId] = React.useState("");
7
- React.useEffect(() => {
8
- setId(randomId());
9
- }, []);
10
- return id;
11
- };
12
- exports.randomId = randomId;
13
- exports.useRandomId = useRandomId;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=()=>Math.random().toString(16).slice(-4),n=()=>{const[o,d]=e.useState("");return e.useEffect(()=>{d(t())},[]),o};exports.randomId=t;exports.useRandomId=n;
@@ -1,97 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const DEFAULT_POINTER_DIRECTION = "bottom";
4
- const TYPE_ROLES = {
5
- tooltip: "tooltip",
6
- tourtip: "region",
7
- infotip: ""
8
- };
9
- const POINTER_STYLES = {
10
- left: {
11
- transform: "translateX(16px) translateY(-50%) scale3d(1,1,1)",
12
- left: "100%",
13
- right: "auto",
14
- top: "-6px",
15
- bottom: "auto"
16
- },
17
- "left-top": {
18
- transform: "translateX(16px) scale3d(1,1,1)",
19
- left: "100%",
20
- right: "auto",
21
- top: "-100%",
22
- bottom: "auto"
23
- },
24
- "left-bottom": {
25
- transform: "translateX(16px) scale3d(1,1,1)",
26
- left: "100%",
27
- right: "auto",
28
- top: "auto",
29
- bottom: "-10px"
30
- },
31
- right: {
32
- transform: "translateX(-16px) translateY(-50%) scale3d(1,1,1)",
33
- left: "auto",
34
- right: "100%",
35
- top: "-6px",
36
- bottom: "auto"
37
- },
38
- "right-top": {
39
- transform: "translateX(-16px) scale3d(1,1,1)",
40
- left: "auto",
41
- right: "100%",
42
- top: "-100%",
43
- bottom: "auto"
44
- },
45
- "right-bottom": {
46
- transform: "translateX(-16px) scale3d(1,1,1)",
47
- left: "auto",
48
- right: "100%",
49
- top: "auto",
50
- bottom: "-50%"
51
- },
52
- top: {
53
- transform: "translateX(-50%) scale3d(1,1,1)",
54
- left: "50%",
55
- right: "auto",
56
- top: "calc(100% + 2px)",
57
- bottom: "auto"
58
- },
59
- "top-left": {
60
- transform: "scale3d(1,1,1)",
61
- left: "-10px",
62
- right: "auto",
63
- top: "calc(100% + 2px)",
64
- bottom: "auto"
65
- },
66
- "top-right": {
67
- transform: "scale3d(1,1,1)",
68
- left: "auto",
69
- right: "-10px",
70
- top: "calc(100% + 2px)",
71
- bottom: "auto"
72
- },
73
- "bottom-right": {
74
- transform: "scale3d(1,1,1)",
75
- left: "auto",
76
- right: "-10px",
77
- top: "auto",
78
- bottom: "calc(100% + 12px)"
79
- },
80
- "bottom-left": {
81
- transform: "scale3d(1,1,1)",
82
- left: "-10px",
83
- right: "auto",
84
- top: "auto",
85
- bottom: "calc(100% + 12px)"
86
- },
87
- bottom: {
88
- transform: "translateX(-50%) scale3d(1,1,1)",
89
- left: "50%",
90
- right: "auto",
91
- top: "auto",
92
- bottom: "calc(100% + 12px)"
93
- }
94
- };
95
- exports.DEFAULT_POINTER_DIRECTION = DEFAULT_POINTER_DIRECTION;
96
- exports.POINTER_STYLES = POINTER_STYLES;
97
- exports.TYPE_ROLES = TYPE_ROLES;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="bottom",o={tooltip:"tooltip",tourtip:"region",infotip:""},a={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)"}};exports.DEFAULT_POINTER_DIRECTION=t;exports.POINTER_STYLES=a;exports.TYPE_ROLES=o;
@@ -1,11 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const useTooltip = require("../../use-tooltip-7JxcZHJn.js");
4
- const common_tooltipUtils_constants = require("./constants/index.js");
5
- exports.Tooltip = useTooltip.Tooltip;
6
- exports.TooltipContent = useTooltip.TooltipContent;
7
- exports.TooltipFooter = useTooltip.TooltipFooter;
8
- exports.TooltipHost = useTooltip.TooltipHost;
9
- exports.useTooltip = useTooltip.useTooltip;
10
- exports.DEFAULT_POINTER_DIRECTION = common_tooltipUtils_constants.DEFAULT_POINTER_DIRECTION;
11
- exports.POINTER_STYLES = common_tooltipUtils_constants.POINTER_STYLES;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../use-tooltip-CL3_zAeg.js"),t=require("./constants/index.js");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipFooter=o.TooltipFooter;exports.TooltipHost=o.TooltipHost;exports.useTooltip=o.useTooltip;exports.DEFAULT_POINTER_DIRECTION=t.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=t.POINTER_STYLES;
@@ -0,0 +1 @@
1
+ "use strict";function i(t,u){let e;return(...c)=>{clearTimeout(e),e=setTimeout(()=>t(...c),u)}}exports.debounce=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),ee=require("react-remove-scroll"),_=require("classnames"),te=require("makeup-screenreader-trap"),ne=require("makeup-keyboard-trap"),ae=require("./icon-TuxfQndO.js"),oe=require("./common/random-id/index.js"),re=require("./ebay-dialog-base/components/animation/index.js"),z=require("./ebay-dialog-base/components/dialog-header/index.js"),K=require("./ebay-dialog-base/components/dialog-footer/index.js"),ce=require("./icon-button-Cwaj-eT9.js");function G(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const q=G(te),R=G(ne),h=({children:a})=>e.createElement(e.Fragment,null,a),le=({baseEl:a="div",classPrefix:n="drawer-dialog",windowClass:r,windowType:l,mainId:b,top:f,header:o,buttonPosition:c="right",children:p,ariaLabelledby:v,a11yCloseText:B,onCloseBtnClick:g=()=>{},footer:E,actions:d,onScroll:L,open:t=!1,onOpen:D=()=>{},onBackgroundClick:T=()=>{},ignoreEscape:J,closeButton:M,previousButton:Q,isModal:y,role:U="dialog",focus:I,transitionElement:V,animated:O,closeButtonClass:X,...S})=>{var H;const A=e.useRef(null),i=e.useRef(null),j=e.useRef(null),[Y,Z]=e.useState("");e.useEffect(()=>{Z(oe.randomId())},[]),e.useEffect(()=>{let s;const u=m=>{i.current&&!i.current.contains(m.target)&&T(m)};return t&&c!=="hidden"&&(s=window.setTimeout(()=>{document.addEventListener("click",u,!1)})),()=>{clearTimeout(s),document.removeEventListener("click",u,!1)}},[T,t]),e.useEffect(()=>(t&&y?(q.trap(i.current),R.trap(i.current)):(q.untrap(),R.untrap()),()=>{q.untrap(),R.untrap()}),[t,y]),re.useDialogAnimation({open:t,classPrefix:n,transitionElement:V,dialogRef:A,dialogWindowRef:i,enabled:O,onTransitionEnd:()=>C(t)});const w=s=>{!J&&s.key==="Escape"&&(s.stopPropagation(),g(s))};e.useEffect(()=>{O||C(t),t&&D()},[t]);function C(s){var u,m;if(s)return I?(u=I.current)==null||u.focus():y&&((m=j.current)==null||m.focus()),document.addEventListener("keydown",w,!1),()=>document.removeEventListener("keydown",w,!1)}const F=c!=="hidden"&&e.createElement("button",{ref:j,className:_("icon-btn",X,`${n}__close`,{"icon-btn--transparent":n==="toast-dialog"}),type:"button","aria-label":B,onClick:g},M||e.createElement(ae.EbayIcon,{name:"close16"})),x=l?`${n}__${l}-window`:`${n}__window`,W=((H=o==null?void 0:o.props)==null?void 0:H.id)||`dialog-title-${Y}`,P=v||W,N=o?e.cloneElement(o,{...o.props,id:W}):null;return e.createElement(a,{...S,"aria-labelledby":P,"aria-modal":"true",role:U,hidden:!t,className:_(n,S.className),"aria-live":y?void 0:"polite",ref:A,onKeyDown:w},e.createElement("div",{className:_(x,r),ref:i},f,N&&e.createElement("div",{className:`${n}__header`},Q,c==="right"&&N,c!=="bottom"&&F,(c==="left"||c==="hidden")&&N),e.createElement("div",{id:b,className:`${n}__main`,onScroll:L},p),d?e.createElement("div",{className:`${n}__actions`},d):null,E||c==="bottom"?e.createElement("div",{className:`${n}__footer`},E,c==="bottom"&&F):null))},se=({isModal:a,open:n,children:r,animated:l=!0,...b})=>{const f=a!==!1,o=e.Children.toArray(r),c=o.find(t=>t.type===z),p=o.find(t=>t.type===K),v=o.find(t=>t.type===$),B=o.find(t=>t.type===h),g=o.find(t=>t.type===k),E=o.filter(t=>![z,K,h,$,k].some(D=>D===t.type)),d=e.createElement(le,{...b,open:n,isModal:f,header:c,footer:p,actions:v,closeButton:B,previousButton:g,animated:l},E);return l||n?f?e.createElement(ee.RemoveScroll,{enabled:n},d):d:null},$=({children:a})=>e.createElement(e.Fragment,null,a),k=({className:a,icon:n,...r})=>e.createElement(ce.EbayIconButton,{...r,icon:n||"chevronLeft16",className:_(a,"lightbox-dialog__prev")});exports.DialogBaseWithState=se;exports.EbayDialogActions=$;exports.EbayDialogCloseButton=h;exports.EbayDialogPreviousButton=k;
@@ -0,0 +1 @@
1
+ "use strict";const o=require("react"),E=require("classnames"),f=require("./ebay-dialog-base/components/dialog-header/index.js"),H=require("./dialog-previous-button-CpuFLkQp.js");require("./icon-button-Cwaj-eT9.js");const T=30,t="drawer-dialog",$=({expanded:i=!1,noHandle:_,onClose:l=()=>{},onCollapsed:p=()=>{},onExpanded:y=()=>{},a11yMaximizeText:D,a11yMinimizeText:S,children:b,...d})=>{let a=[];const[c,w]=o.useState(i);o.useEffect(()=>{w(i)},[i]);const r=e=>{w(e),e?y():p()},x=e=>{a=Array.from(e.changedTouches).map(({identifier:s,pageY:n})=>({identifier:s,pageY:n}))},u=e=>{Array.from(e.changedTouches).forEach(({identifier:s})=>{const n=a.findIndex(h=>h.identifier===s);n>-1&&a.splice(n,1)})},C=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:s,pageY:n})=>{const h=a.findIndex(B=>B.identifier===s),g=n-a[h].pageY;g>T?(c?r(!1):l(),u(e)):g<-T&&(r(!0),u(e))})},k=_?null:o.createElement("button",{"aria-label":c?S:D,className:`${t}__handle`,onClick:()=>r(!c),onScroll:()=>r(!0),onTouchStart:x,onTouchMove:C,onTouchEnd:u,type:"button"}),m=o.Children.toArray(b),q=m.find(({type:e})=>e===f),A=m.filter(({type:e})=>e!==f);return o.createElement(H.DialogBaseWithState,{...d,classPrefix:t,onCloseBtnClick:l,className:E(d.className,`${t}--mask-fade-slow`),windowClass:E(d.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:c}),onBackgroundClick:l,top:k},q||o.createElement(f,null),A)};exports.EbayDrawerDialog=$;
@@ -1,26 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const classNames = require("classnames");
5
- const ebayDialogBase_components_dialogFooter = require("../ebay-dialog-base/components/dialog-footer/index.js");
6
- const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
7
- require("../icon-button-BQWoMgX1.js");
8
- const button = require("../button-B4bZIgwB.js");
9
- const classPrefix = "alert-dialog";
10
- const EbayAlertDialog = ({ a11yCloseText = "Close Dialog", confirmText, onConfirm = () => {
11
- }, ...rest }) => {
12
- const confirmBtnRef = React.useRef(null);
13
- const confirmId = "alert-dialog-confirm";
14
- const mainId = "alert-dialog-main";
15
- return React.createElement(
16
- dialogPreviousButton.DialogBaseWithState,
17
- { focus: confirmBtnRef, ...rest, a11yCloseText, role: "alertdialog", classPrefix, ignoreEscape: true, mainId, buttonPosition: "hidden", className: classNames(rest.className, `${classPrefix}--mask-fade`), windowClass: `${classPrefix}__window ${classPrefix}__window--fade` },
18
- rest.children,
19
- React.createElement(
20
- ebayDialogBase_components_dialogFooter,
21
- null,
22
- React.createElement(button.EbayButton, { priority: "primary", "aria-describedby": mainId, onClick: onConfirm, ref: confirmBtnRef, id: confirmId, className: "alert-dialog__acknowledge" }, confirmText)
23
- )
24
- );
25
- };
26
- exports.EbayAlertDialog = EbayAlertDialog;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=require("classnames"),d=require("../ebay-dialog-base/components/dialog-footer/index.js"),u=require("../dialog-previous-button-CpuFLkQp.js");require("../icon-button-Cwaj-eT9.js");const g=require("../button-DGuEBUDJ.js"),a="alert-dialog",m=({a11yCloseText:r="Close Dialog",confirmText:l,onConfirm:n=()=>{},...o})=>{const t=e.useRef(null),s="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(u.DialogBaseWithState,{focus:t,...o,a11yCloseText:r,role:"alertdialog",classPrefix:a,ignoreEscape:!0,mainId:i,buttonPosition:"hidden",className:c(o.className,`${a}--mask-fade`),windowClass:`${a}__window ${a}__window--fade`},o.children,e.createElement(d,null,e.createElement(g.EbayButton,{priority:"primary","aria-describedby":i,onClick:n,ref:t,id:s,className:"alert-dialog__acknowledge"},l)))};exports.EbayAlertDialog=m;
@@ -1,4 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const badge = require("../badge-CR5t7-2L.js");
4
- exports.EbayBadge = badge.EbayBadge;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-CoHKfiPt.js");exports.EbayBadge=e.EbayBadge;
@@ -1,47 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const classNames = require("classnames");
5
- const icon = require("../icon-B17Di3YL.js");
6
- const Breadcrumbs = ({ a11yHeadingText = "Page navigation", a11yHeadingTag = "h2", id = "ebay-breadcrumb", children: breadcrumbItems = [], className, onSelect = () => {
7
- }, ...rest }) => {
8
- const headingId = `${id}-breadcrumbs-heading`;
9
- const lastItemIndex = React.Children.count(breadcrumbItems) - 1;
10
- const A11yHeadingTag = a11yHeadingTag;
11
- const anyLink = React.Children.toArray(breadcrumbItems).some((item) => item.props.href);
12
- const tag = anyLink ? "a" : "button";
13
- return React.createElement(
14
- "nav",
15
- { ...rest, "aria-labelledby": headingId, className: classNames("breadcrumbs", className), role: "navigation" },
16
- React.createElement(A11yHeadingTag, { id: headingId, className: "clipped" }, a11yHeadingText),
17
- React.createElement("ul", null, React.Children.map(breadcrumbItems, (item, index) => {
18
- const isLastItem = index === lastItemIndex;
19
- const { href, children } = item.props;
20
- const itemProps = {
21
- tag,
22
- isLastItem,
23
- href,
24
- children,
25
- onClick: (event) => onSelect(event)
26
- };
27
- return React.cloneElement(item, itemProps);
28
- }))
29
- );
30
- };
31
- const BreadcrumbItem = ({ tag: Item = "button", isLastItem = false, href, children, onClick, ...rest }) => {
32
- const isLink = Item === "a";
33
- const itemAttr = {
34
- ...rest,
35
- ...isLastItem ? { "aria-current": "location" } : {},
36
- href: isLink ? href : void 0,
37
- onClick: isLink ? void 0 : onClick
38
- };
39
- return React.createElement(
40
- "li",
41
- null,
42
- React.createElement(Item, { ...itemAttr }, children),
43
- !isLastItem && React.createElement(icon.EbayIcon, { name: "chevronRight12" })
44
- );
45
- };
46
- exports.EbayBreadcrumbItem = BreadcrumbItem;
47
- exports.EbayBreadcrumbs = Breadcrumbs;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("classnames"),f=require("../icon-TuxfQndO.js"),k=({a11yHeadingText:t="Page navigation",a11yHeadingTag:r="h2",id:i="ebay-breadcrumb",children:n=[],className:l,onSelect:s=()=>{},...a})=>{const c=`${i}-breadcrumbs-heading`,d=e.Children.count(n)-1,u=r,m=e.Children.toArray(n).some(o=>o.props.href)?"a":"button";return e.createElement("nav",{...a,"aria-labelledby":c,className:v("breadcrumbs",l),role:"navigation"},e.createElement(u,{id:c,className:"clipped"},t),e.createElement("ul",null,e.Children.map(n,(o,b)=>{const h=b===d,{href:g,children:y}=o.props,E={tag:m,isLastItem:h,href:g,children:y,onClick:p=>s(p)};return e.cloneElement(o,E)})))},C=({tag:t="button",isLastItem:r=!1,href:i,children:n,onClick:l,...s})=>{const a=t==="a",c={...s,...r?{"aria-current":"location"}:{},href:a?i:void 0,onClick:a?void 0:l};return e.createElement("li",null,e.createElement(t,{...c},n),!r&&e.createElement(f.EbayIcon,{name:"chevronRight12"}))};exports.EbayBreadcrumbItem=C;exports.EbayBreadcrumbs=k;
@@ -1,5 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const button = require("../button-B4bZIgwB.js");
4
- exports.EbayButton = button.EbayButton;
5
- exports.EbayButtonCell = button.EbayButtonCell;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-DGuEBUDJ.js");exports.EbayButton=t.EbayButton;exports.EbayButtonCell=t.EbayButtonCell;
@@ -1,4 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const calendar = require("../calendar-D-DWjrMU.js");
4
- exports.EbayCalendar = calendar.EbayCalendar;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../calendar-lAu6VfAb.js");exports.EbayCalendar=e.EbayCalendar;