@ebay/ui-core-react 7.2.0 → 7.2.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 (116) hide show
  1. package/README.md +19 -10
  2. package/button-CbntI39l.js +1 -0
  3. package/{calendar-CPKqwJVQ.js → calendar-CHO7Qep-.js} +1 -1
  4. package/common/__mocks__/random-id.d.ts +3 -0
  5. package/common/__mocks__/random-id.d.ts.map +1 -0
  6. package/common/component-utils/forwardRef.js +1 -0
  7. package/common/component-utils/utils.js +1 -0
  8. package/common/component-utils.js +1 -0
  9. package/common/event-utils/index.d.ts +2 -2
  10. package/common/event-utils/index.d.ts.map +1 -1
  11. package/common/event-utils.js +1 -0
  12. package/common/floating-label-utils/hooks.js +1 -0
  13. package/common/notice-utils/notice-cta.js +1 -0
  14. package/common/random-id.d.ts +1 -0
  15. package/common/random-id.d.ts.map +1 -1
  16. package/common/random-id.js +1 -0
  17. package/common/tooltip-utils/constants.js +1 -0
  18. package/common/tooltip-utils.js +1 -0
  19. package/dialog-previous-button-BuuaWh0J.js +1 -0
  20. package/drawer-Bq-TDCjm.js +1 -0
  21. package/ebay-alert-dialog.js +1 -1
  22. package/ebay-breadcrumbs.js +1 -1
  23. package/ebay-button.js +1 -1
  24. package/ebay-calendar.js +1 -1
  25. package/ebay-carousel.js +1 -1
  26. package/ebay-checkbox.js +1 -1
  27. package/ebay-confirm-dialog.js +1 -1
  28. package/ebay-cta-button.js +1 -1
  29. package/ebay-date-textbox.js +1 -1
  30. package/ebay-dialog-base/components/animation.js +1 -0
  31. package/ebay-dialog-base/components/dialog-footer.js +1 -0
  32. package/ebay-dialog-base/components/dialog-header.js +1 -0
  33. package/ebay-dialog-base/index.d.ts +1 -0
  34. package/ebay-dialog-base/index.d.ts.map +1 -1
  35. package/ebay-dialog-base.js +1 -1
  36. package/ebay-drawer-dialog.js +1 -1
  37. package/ebay-eek.js +1 -1
  38. package/ebay-fake-menu/menu-item.js +1 -0
  39. package/ebay-fake-menu-button/index.d.ts +1 -1
  40. package/ebay-fake-menu-button/index.d.ts.map +1 -1
  41. package/ebay-fake-menu-button/menu-button.js +1 -0
  42. package/ebay-fake-menu-button.js +1 -1
  43. package/ebay-fake-menu.js +1 -1
  44. package/ebay-fake-tabs.js +1 -1
  45. package/ebay-fullscreen-dialog.js +1 -1
  46. package/ebay-icon-button.js +1 -1
  47. package/ebay-icon.js +1 -1
  48. package/ebay-infotip.js +1 -1
  49. package/ebay-inline-notice.js +1 -1
  50. package/ebay-lightbox-dialog.js +1 -1
  51. package/ebay-listbox-button.js +2 -2
  52. package/ebay-menu-button.js +1 -1
  53. package/ebay-menu.js +1 -1
  54. package/ebay-page-notice.js +1 -1
  55. package/ebay-pagination.js +1 -1
  56. package/ebay-panel-dialog.js +1 -1
  57. package/ebay-progress-spinner.js +1 -1
  58. package/ebay-progress-stepper.js +1 -1
  59. package/ebay-radio/radio.js +1 -0
  60. package/ebay-radio.js +1 -1
  61. package/ebay-section-notice/index.d.ts +1 -0
  62. package/ebay-section-notice/index.d.ts.map +1 -1
  63. package/ebay-section-notice/section-notice-cta.d.ts +8 -0
  64. package/ebay-section-notice/section-notice-cta.d.ts.map +1 -0
  65. package/ebay-section-notice.js +1 -1
  66. package/ebay-section-title.js +1 -1
  67. package/ebay-segmented-buttons.js +1 -1
  68. package/ebay-select.js +1 -1
  69. package/ebay-snackbar-dialog.js +1 -1
  70. package/ebay-split-button.js +1 -1
  71. package/ebay-star-rating-select/star-rating-select.d.ts.map +1 -1
  72. package/ebay-star-rating-select.js +1 -1
  73. package/ebay-star-rating.js +1 -1
  74. package/ebay-tabs.js +1 -1
  75. package/ebay-textbox/index.d.ts +1 -0
  76. package/ebay-textbox/index.d.ts.map +1 -1
  77. package/ebay-textbox.js +1 -1
  78. package/ebay-toast-dialog.js +1 -1
  79. package/ebay-tooltip/index.d.ts +2 -1
  80. package/ebay-tooltip/index.d.ts.map +1 -1
  81. package/ebay-tooltip.js +1 -1
  82. package/ebay-tourtip.js +1 -1
  83. package/ebay-video.js +1 -1
  84. package/events/README.md +13 -0
  85. package/events/index.d.ts +5 -0
  86. package/events/index.d.ts.map +1 -0
  87. package/events.js +1 -0
  88. package/icon-DEn4Lfbd.js +1 -0
  89. package/icon-button-BDXS3wjO.js +1 -0
  90. package/menu-DClVntri.js +1 -0
  91. package/menu-_LzP6yje.js +1 -0
  92. package/menu-button-0pEi9ehP.js +1 -0
  93. package/package.json +72 -1
  94. package/{progress-spinner-CDgxI8R_.js → progress-spinner-DoPMRkS9.js} +1 -1
  95. package/textbox-PCHsZ_Dx.js +1 -0
  96. package/use-roving-index-DoAVBgsp.js +1 -0
  97. package/use-tooltip-DasQr8Xw.js +1 -0
  98. package/utils/README.md +15 -0
  99. package/utils/index.d.ts +5 -0
  100. package/utils/index.d.ts.map +1 -0
  101. package/utils.js +1 -0
  102. package/button-o4ao46WM.js +0 -1
  103. package/common/component-utils/usePrevious.d.ts +0 -2
  104. package/common/component-utils/usePrevious.d.ts.map +0 -1
  105. package/dialog-previous-button-7ePoYWyj.js +0 -1
  106. package/drawer-BxxlJwkZ.js +0 -1
  107. package/hooks-Ctier7Yv.js +0 -1
  108. package/icon-DK6eEQD8.js +0 -1
  109. package/icon-button-BB6GFLm7.js +0 -1
  110. package/index-DbjwTbDP.js +0 -1
  111. package/menu-DZU8jEPV.js +0 -1
  112. package/menu-button-label-BcgasGA4.js +0 -1
  113. package/menu-item-DBi1NcrM.js +0 -1
  114. package/textbox-WnB-9F4y.js +0 -1
  115. package/use-tooltip-BavqG36Z.js +0 -1
  116. package/utils-C9NL3q0j.js +0 -1
package/README.md CHANGED
@@ -13,19 +13,28 @@ eBayUI React components
13
13
  ### eBayUI Components
14
14
  * [ ] `ebay-3d-viewer`
15
15
  * [x] [ebay-alert-dialog](src/ebay-alert-dialog)
16
+ * [ ] `ebay-area-chart`
17
+ * [ ] `ebay-avatar`
16
18
  * [x] [ebay-confirm-dialog](src/ebay-confirm-dialog)
17
19
  * [x] [ebay-badge](src/ebay-badge)
20
+ * [ ] `ebay-bar-chart`
18
21
  * [x] [ebay-breadcrumbs](src/ebay-breadcrumbs)
19
22
  * [x] [ebay-button](src/ebay-button)
20
23
  * [x] [ebay-calendar](src/ebay-calendar)
24
+ * [ ] `ebay-character-count`
21
25
  * [x] [ebay-carousel](src/ebay-carousel)
26
+ * [ ] `ebay-chart-legend`
22
27
  * [x] [ebay-checkbox](src/ebay-checkbox)
28
+ * [ ] `ebay-chip`
29
+ * [ ] `ebay-chips-combobox`
23
30
  * [ ] `ebay-combobox`
24
31
  * [x] [ebay-confirm-dialog](src/ebay-confirm-dialog)
25
32
  * [x] [ebay-cta-button](src/ebay-cta-button)
26
33
  * [x] [ebay-date-textbox](src/ebay-date-textbox)
27
34
  * [ ] `ebay-details`
35
+ * [ ] `ebay-donut-chart`
28
36
  * [x] [ebay-drawer-dialog](src/ebay-drawer-dialog)
37
+ * [ ] `ebay-education-notice`
29
38
  * [x] [ebay-eek](src/ebay-eek)
30
39
  * [x] [ebay-fullscreen-dialog](src/ebay-fullscreen-dialog)
31
40
  * [ ] `ebay-fake-link`
@@ -36,8 +45,11 @@ eBayUI React components
36
45
  * [ ] `ebay-filter`
37
46
  * [ ] `ebay-filter-menu`
38
47
  * [ ] `ebay-filter-menu-button`
48
+ * [ ] `ebay-flag`
49
+ * [x] [ebay-fullscreen-dialog](src/ebay-fullscreen-dialog)
39
50
  * [x] [ebay-icon-button](src/ebay-icon-button)
40
51
  * [x] [ebay-icon](src/ebay-icon)
52
+ * [ ] `ebay-image-placeholder`
41
53
  * [x] [ebay-infotip](src/ebay-infotip)
42
54
  * [x] [ebay-inline-notice](src/ebay-inline-notice)
43
55
  * [x] [ebay-lightbox-dialog](src/ebay-lightbox-dialog)
@@ -49,7 +61,9 @@ eBayUI React components
49
61
  * [x] [ebay-page-notice](src/ebay-page-notice)
50
62
  * [x] [ebay-pagination](src/ebay-pagination)
51
63
  * [x] [ebay-panel-dialog](src/ebay-panel-dialog)
64
+ * [ ] `ebay-phone-input`
52
65
  * [x] [ebay-progress-bar](src/ebay-progress-bar)
66
+ * [ ] `ebay-progress-bar-expressive`
53
67
  * [x] [ebay-progress-spinner](src/ebay-progress-spinner)
54
68
  * [x] [ebay-progress-stepper](src/ebay-progress-stepper)
55
69
  * [x] [ebay-radio](src/ebay-radio)
@@ -58,7 +72,9 @@ eBayUI React components
58
72
  * [x] [ebay-segmented-buttons](src/ebay-segmented-buttons)
59
73
  * [x] [ebay-select](src/ebay-select)
60
74
  * [x] [ebay-signal](src/ebay-signal)
75
+ * [ ] `ebay-skeleton`
61
76
  * [x] [ebay-snackbar-dialog](src/ebay-snackbar-dialog)
77
+ * [ ] `ebay-spark-line`
62
78
  * [x] [ebay-split-button](src/ebay-split-button)
63
79
  * [x] [ebay-star-rating](src/ebay-star-rating)
64
80
  * [x] [ebay-star-rating-select](src/ebay-star-rating-select)
@@ -66,6 +82,8 @@ eBayUI React components
66
82
  * [x] [ebay-tabs](src/ebay-tabs)
67
83
  * [x] [ebay-textbox](src/ebay-textbox)
68
84
  * [x] [ebay-toast-dialog](src/ebay-toast-dialog)
85
+ * [ ] `ebay-toggle-button`
86
+ * [ ] `ebay-toggle-button-group`
69
87
  * [x] [ebay-tooltip](src/ebay-tooltip)
70
88
  * [x] [ebay-tourtip](src/ebay-tourtip)
71
89
  * [ ] `ebay-tri-state-checkbox`
@@ -78,18 +96,9 @@ These react components are available as `@ebay/ui-core-react` package on [NPM](h
78
96
  Use npm or yarn to add the package dependency to your project:
79
97
 
80
98
  ```sh
81
- yarn add @ebay/ui-core-react
82
- ```
83
-
84
- ### for quick development/POC
85
- ```jsx
86
- import { EbayTextbox, EbayButton } from '@ebay/ui-core-react'
87
-
88
- <EbayTextbox placeholder="Enter text here" />
89
- <EbayButton>Submit</EbayButton>
99
+ yarn add @ebay/ui-core-react @ebay/skin
90
100
  ```
91
101
 
92
- ### for smaller bundle size
93
102
  ```jsx harmony
94
103
  import { EbayTextbox } from '@ebay/ui-core-react/ebay-textbox'
95
104
  import { EbayButton } from '@ebay/ui-core-react/ebay-button'
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react"),k=require("classnames"),P=require("./common/component-utils/forwardRef.js");require("./array.polyfill.flat-5BAolFdk.js");const u=require("./icon-DEn4Lfbd.js"),R=require("./progress-spinner-DoPMRkS9.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;
@@ -1 +1 @@
1
- "use strict";const a=require("react"),ue=require("./icon-button-BB6GFLm7.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
+ "use strict";const a=require("react"),ue=require("./icon-button-BDXS3wjO.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;
@@ -0,0 +1,3 @@
1
+ export declare const randomId: () => string;
2
+ export declare const useRandomId: () => string;
3
+ //# sourceMappingURL=random-id.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"random-id.d.ts","sourceRoot":"","sources":["../../../src/common/__mocks__/random-id.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,QAAO,MAAkB,CAAA;AAC9C,eAAO,MAAM,WAAW,QAAO,MAAkB,CAAA"}
@@ -0,0 +1 @@
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;
@@ -0,0 +1 @@
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;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-utils/forwardRef.js"),e=require("./component-utils/utils.js");exports.withForwardRef=o.withForwardRef;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;
@@ -9,10 +9,10 @@ export declare function handleUpDownArrowsKeydown(e: React.KeyboardEvent, callba
9
9
  export declare function handleLeftRightArrowsKeydown(e: React.KeyboardEvent, callback: Callback): void;
10
10
  export declare function handleTextInput(e: React.KeyboardEvent, callback: Callback): void;
11
11
  export declare function preventDefaultIfHijax(e: React.KeyboardEvent, hijax: boolean): void;
12
- type Handler = (e: KeyboardEvent) => void;
12
+ type Handler = (e: KeyboardEvent | Event) => void;
13
13
  export declare function addEventListener(_: unknown, handler: Handler): void;
14
14
  export declare function removeEventListener(_: unknown, handler: Handler): void;
15
- export declare function handleResize(e: KeyboardEvent): void;
15
+ export declare function handleResize(e: KeyboardEvent | Event): void;
16
16
  export declare function wrapEvent(parentEventHandler: Handler, localEventHandler: Handler): (e: KeyboardEvent) => void;
17
17
  export {};
18
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/event-utils/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAqB1B,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAInF;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAIpF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAEpF;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE1F;AAED,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE7F;AAGD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAwBhF;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAIlF;AAED,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;AAIzC,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAKnE;AACD,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAKtE;AACD,wBAAgB,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAanD;AAED,wBAAgB,SAAS,CAAC,kBAAkB,EAAE,OAAkB,EAAE,iBAAiB,EAAE,OAAO,OAC7E,aAAa,KAAG,IAAI,CAMlC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/event-utils/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAqB1B,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAInF;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAIpF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAEpF;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE1F;AAED,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAE7F;AAGD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAwBhF;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAIlF;AAED,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,aAAa,GAAG,KAAK,KAAK,IAAI,CAAA;AAIjD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAKnE;AACD,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAKtE;AACD,wBAAgB,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,KAAK,GAAG,IAAI,CAa3D;AAED,wBAAgB,SAAS,CAAC,kBAAkB,EAAE,OAAkB,EAAE,iBAAiB,EAAE,OAAO,OAC7E,aAAa,KAAG,IAAI,CAMlC"}
@@ -0,0 +1 @@
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;
@@ -0,0 +1 @@
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;
@@ -0,0 +1 @@
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,2 +1,3 @@
1
1
  export declare const randomId: () => string;
2
+ export declare const useRandomId: () => string;
2
3
  //# sourceMappingURL=random-id.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"random-id.d.ts","sourceRoot":"","sources":["../../src/common/random-id.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,QAAO,MAA8C,CAAA"}
1
+ {"version":3,"file":"random-id.d.ts","sourceRoot":"","sources":["../../src/common/random-id.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAAO,MAA8C,CAAA;AAE1E,eAAO,MAAM,WAAW,QAAO,MAQ9B,CAAA"}
@@ -0,0 +1 @@
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;
@@ -0,0 +1 @@
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;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../use-tooltip-DasQr8Xw.js"),t=require("./tooltip-utils/constants.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";const e=require("react"),ee=require("react-remove-scroll"),_=require("classnames"),te=require("makeup-screenreader-trap"),ne=require("makeup-keyboard-trap"),ae=require("./icon-DEn4Lfbd.js"),oe=require("./common/random-id.js"),re=require("./ebay-dialog-base/components/animation.js"),z=require("./ebay-dialog-base/components/dialog-header.js"),K=require("./ebay-dialog-base/components/dialog-footer.js"),ce=require("./icon-button-BDXS3wjO.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.js"),H=require("./dialog-previous-button-BuuaWh0J.js");require("./icon-button-BDXS3wjO.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 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),d=require("classnames"),r=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const u=require("./button-o4ao46WM.js"),a="alert-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:n,onConfirm:s=()=>{},...o})=>{const t=e.useRef(null),c="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(r.DialogBaseWithState,{focus:t,...o,a11yCloseText:l,role:"alertdialog",classPrefix:a,ignoreEscape:!0,mainId:i,buttonPosition:"hidden",className:d(o.className,`${a}--mask-fade`),windowClass:`${a}__window ${a}__window--fade`},o.children,e.createElement(r.EbayDialogFooter,null,e.createElement(u.EbayButton,{priority:"primary","aria-describedby":i,onClick:s,ref:t,id:c,className:"alert-dialog__acknowledge"},n)))};exports.EbayAlertDialog=g;
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.js"),u=require("./dialog-previous-button-BuuaWh0J.js");require("./icon-button-BDXS3wjO.js");const g=require("./button-CbntI39l.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 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("classnames"),f=require("./icon-DK6eEQD8.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
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("classnames"),f=require("./icon-DEn4Lfbd.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;
package/ebay-button.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-o4ao46WM.js");exports.EbayButton=t.EbayButton;exports.EbayButtonCell=t.EbayButtonCell;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-CbntI39l.js");exports.EbayButton=t.EbayButton;exports.EbayButtonCell=t.EbayButtonCell;
package/ebay-calendar.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./calendar-CPKqwJVQ.js");exports.EbayCalendar=e.EbayCalendar;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./calendar-CHO7Qep-.js");exports.EbayCalendar=e.EbayCalendar;
package/ebay-carousel.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),R=require("classnames"),O=require("./icon-DK6eEQD8.js"),x=require("./debounce-BQsYxxOL.js");require("./array.polyfill.flat-5BAolFdk.js");const A={prev:"chevronLeft12",next:"chevronRight12"},D={prev:"LEFT",next:"RIGHT"},q=({type:e,label:t,hidden:n,disabled:r,onClick:l})=>{const c=s=>{l(s,{direction:D[e]})};return o.createElement("button",{className:R("carousel__control",`carousel__control--${e}`),"aria-label":t,"aria-disabled":r,disabled:r,onClick:c},o.createElement(O.EbayIcon,{className:R("icon",`icon--carousel-${e}`),focusable:!1,name:A[e],"aria-hidden":n}))};function V(e){const t=e.parentElement,n=t?t.firstElementChild.getBoundingClientRect().left:0,{left:r,right:l}=e.getBoundingClientRect();return{left:r-n,right:l-n}}const H=e=>getComputedStyle(e).overflowX!=="visible",y=(e,t)=>{if(!e.length)return 0;const n=e[e.length-1];return Math.max(n.right-t,0)||0},W=(e,t,n)=>e.length&&Math.min(e[t].left,y(e,n))||0,j=(e,t,n,r,l,c)=>o.Children.map(e,(s,a)=>{const{style:i={}}=s.props;let d;if(n){const u=n+n%1;d=`calc(${100/u}% - ${(u-1)*c/u}px)`}const f=n?a%n===0:!0;return o.cloneElement(s,{...s.props,slideWidth:r,offset:l,ref:u=>{t.current[a]=u},className:f?"carousel__snap-point":s.props.className,style:{...i,width:d||i.width,marginRight:c&&a!==o.Children.count(e)-1?`${c}px`:i.marginRight}})}),B=(e,t,n)=>{if(e>0){let r=e;return r%=t.length||1,r-=r%(n||1),r=Math.abs(r),r}return 0},G=(e,t,n=e)=>{if(t)return Math.ceil(n/t)},X=e=>e==="LEFT"?-1:1,J=(e,t,n,r,l)=>{let c=t,s;if(e==="LEFT"&&c===0)c=n.length-1;else{do{const a=X(e);s=n[c+=a]}while(s&&s.fullyVisible);if(e==="LEFT"&&!l){const a=s.right-r;do s=n[--c];while(s&&s.left>=a);c+=1}}return B(c,n,l)},K=(e,t,n,r=1,l)=>{let c;if(e>=y(t,n)-l)c=t.length-1;else{const s=t.length;let a=0,i=Math.ceil(s/r)-1;for(;i-a>1;){const u=Math.floor((a+i)/2);e>t[u*r].left?a=u:i=u}const d=Math.abs(e-t[a*r].left),f=Math.abs(e-t[i*r].left);c=B((d>f?i:a)*r,t,r)}return c},Q=(e,t)=>{let n,r,l;return function c(){const{scrollLeft:s}=e;if(l!==s){l=s,n=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}t(l)}(),()=>{clearTimeout(n),cancelAnimationFrame(r)}},U=typeof window<"u"&&"scrollBehavior"in document.body.style;function $(e,t,n){if(U)return e.scrollTo({left:t}),Q(e,n);let r,l,c=requestAnimationFrame(u=>{const{scrollLeft:g}=e,L=t-g,h=450;(function T(C){const m=C-u;if(m>h)return e.scrollLeft=t,s(),n();e.scrollLeft=Y(m/h)*L+g,c=requestAnimationFrame(T)})(u)});return e.addEventListener("touchstart",a),s;function s(){cancelAnimationFrame(c),r===void 0?d():(l&&l(),f())}function a(){s(),r=e.scrollLeft,e.addEventListener("touchend",i)}function i(){f(),r===e.scrollLeft&&(l=$(e,t,n))}function d(){e.removeEventListener("touchstart",a)}function f(){e.removeEventListener("touchend",i)}}function Y(e){return e<.5?2*e*e:-1+(4-2*e)*e}const Z=({gap:e=16,itemsPerSlide:t,slideWidth:n,offset:r,activeIndex:l,nextControlDisabled:c,className:s,itemsRef:a,children:i,onSetActiveIndex:d,onScroll:f})=>{const[u,g]=o.useState(0),[L,h]=o.useState(!1),[T,C]=o.useState(!1),m=o.useRef(null),E=o.useRef(null);o.useEffect(()=>{if(!o.Children.count(i)||!m.current)return;if(L){h(!1);return}const b=m.current;H(b)?(C(!0),$(b,r,()=>C(!1))):g(r)},[r]);const p=o.useCallback(()=>{const v=m.current.scrollLeft,b=K(v,a.current,n,t,e);b!==l&&(h(!0),d(b),f({index:b}))},[m.current,a.current,n,l,d]),w=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{T||p()},640)};return o.createElement("div",{className:R("carousel__viewport",{"carousel__viewport--mask":!c},s)},o.createElement("ul",{className:"carousel__list",ref:m,onScroll:w,style:{transform:`translate3d(${-u}px, 0, 0)`}},j(i,a,t,n,r,e)))},P=({gap:e=16,index:t=0,itemsPerSlide:n,a11yPreviousText:r,a11yNextText:l,onScroll:c=()=>{},onNext:s=()=>{},onPrevious:a=()=>{},onSlide:i=()=>{},className:d,children:f,...u})=>{const[g,L]=o.useState(t),[h,T]=o.useState(0),[C,m]=o.useState(0),E=o.useRef(null),p=o.useRef([]),w=o.Children.count(f),v=Math.floor(n)||void 0,b=w<=v,I=b||C===0,_=b||C===y(p.current,h),N=()=>{if(!E.current)return;const{width:S}=E.current.getBoundingClientRect();T(S)};o.useEffect(()=>(window.addEventListener("resize",x.debounce(N,16)),()=>{window.removeEventListener("resize",x.debounce(N,16))}),[]),o.useEffect(()=>{m(W(p.current,g,h))},[g,h]),o.useEffect(()=>{t>=0&&t<=w-1&&L(t)},[t]),o.useEffect(()=>{p.current=p.current.splice(0,w)},[f]),o.useEffect(()=>{const{width:S}=E.current.getBoundingClientRect();T(S)},[E.current]);const F=(S,{direction:M})=>{const k=J(M,g,p.current,h,v),z=G(g,v,k);L(k),M==="LEFT"?a(S):s(S),i({slide:z})};return o.createElement("div",{className:R("carousel",d,{"carousel--slides":v,"carousel--peek":v%1===0}),...u},o.createElement("div",{ref:E,className:"carousel__container"},o.createElement(q,{label:r,type:"prev",disabled:I,onClick:F}),o.createElement(Z,{itemsRef:p,offset:C,gap:e,itemsPerSlide:v,nextControlDisabled:_,activeIndex:g,onScroll:c,onSetActiveIndex:L,slideWidth:h},f),o.createElement(q,{type:"next",label:l,disabled:_,onClick:F})))},ee=({slideWidth:e,offset:t,forwardedRef:n,children:r,...l})=>{const c=o.useRef(),[s,a]=o.useState(!1);return o.useImperativeHandle(n,()=>{if(!c.current)return;const{left:i,right:d}=V(c.current),f=i===void 0||i-t>=-.01&&d-t<=e+.01;return a(f),{left:i,right:d,fullyVisible:f}},[e,t]),o.createElement("li",{ref:c,"aria-hidden":!s,...l},r)},te=O.withForwardRef(ee);exports.EbayCarousel=P;exports.EbayCarouselItem=te;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),S=require("classnames"),z=require("./icon-DEn4Lfbd.js"),x=require("./debounce-BQsYxxOL.js"),A=require("./common/component-utils/forwardRef.js");require("./array.polyfill.flat-5BAolFdk.js");const D={prev:"chevronLeft12",next:"chevronRight12"},V={prev:"LEFT",next:"RIGHT"},q=({type:e,label:t,hidden:n,disabled:r,onClick:l})=>{const c=s=>{l(s,{direction:V[e]})};return o.createElement("button",{className:S("carousel__control",`carousel__control--${e}`),"aria-label":t,"aria-disabled":r,disabled:r,onClick:c},o.createElement(z.EbayIcon,{className:S("icon",`icon--carousel-${e}`),focusable:!1,name:D[e],"aria-hidden":n}))};function H(e){const t=e.parentElement,n=t?t.firstElementChild.getBoundingClientRect().left:0,{left:r,right:l}=e.getBoundingClientRect();return{left:r-n,right:l-n}}const W=e=>getComputedStyle(e).overflowX!=="visible",y=(e,t)=>{if(!e.length)return 0;const n=e[e.length-1];return Math.max(n.right-t,0)||0},j=(e,t,n)=>e.length&&Math.min(e[t].left,y(e,n))||0,G=(e,t,n,r,l,c)=>o.Children.map(e,(s,a)=>{const{style:i={}}=s.props;let d;if(n){const u=n+n%1;d=`calc(${100/u}% - ${(u-1)*c/u}px)`}const f=n?a%n===0:!0;return o.cloneElement(s,{...s.props,slideWidth:r,offset:l,ref:u=>{t.current[a]=u},className:f?"carousel__snap-point":s.props.className,style:{...i,width:d||i.width,marginRight:c&&a!==o.Children.count(e)-1?`${c}px`:i.marginRight}})}),O=(e,t,n)=>{if(e>0){let r=e;return r%=t.length||1,r-=r%(n||1),r=Math.abs(r),r}return 0},U=(e,t,n=e)=>{if(t)return Math.ceil(n/t)},X=e=>e==="LEFT"?-1:1,J=(e,t,n,r,l)=>{let c=t,s;if(e==="LEFT"&&c===0)c=n.length-1;else{do{const a=X(e);s=n[c+=a]}while(s&&s.fullyVisible);if(e==="LEFT"&&!l){const a=s.right-r;do s=n[--c];while(s&&s.left>=a);c+=1}}return O(c,n,l)},K=(e,t,n,r=1,l)=>{let c;if(e>=y(t,n)-l)c=t.length-1;else{const s=t.length;let a=0,i=Math.ceil(s/r)-1;for(;i-a>1;){const u=Math.floor((a+i)/2);e>t[u*r].left?a=u:i=u}const d=Math.abs(e-t[a*r].left),f=Math.abs(e-t[i*r].left);c=O((d>f?i:a)*r,t,r)}return c},Q=(e,t)=>{let n,r,l;return function c(){const{scrollLeft:s}=e;if(l!==s){l=s,n=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}t(l)}(),()=>{clearTimeout(n),cancelAnimationFrame(r)}},Y=typeof window<"u"&&"scrollBehavior"in document.body.style;function B(e,t,n){if(Y)return e.scrollTo({left:t}),Q(e,n);let r,l,c=requestAnimationFrame(u=>{const{scrollLeft:g}=e,L=t-g,h=450;(function T(p){const m=p-u;if(m>h)return e.scrollLeft=t,s(),n();e.scrollLeft=Z(m/h)*L+g,c=requestAnimationFrame(T)})(u)});return e.addEventListener("touchstart",a),s;function s(){cancelAnimationFrame(c),r===void 0?d():(l&&l(),f())}function a(){s(),r=e.scrollLeft,e.addEventListener("touchend",i)}function i(){f(),r===e.scrollLeft&&(l=B(e,t,n))}function d(){e.removeEventListener("touchstart",a)}function f(){e.removeEventListener("touchend",i)}}function Z(e){return e<.5?2*e*e:-1+(4-2*e)*e}const P=({gap:e=16,itemsPerSlide:t,slideWidth:n,offset:r,activeIndex:l,nextControlDisabled:c,className:s,itemsRef:a,children:i,onSetActiveIndex:d,onScroll:f})=>{const[u,g]=o.useState(0),[L,h]=o.useState(!1),[T,p]=o.useState(!1),m=o.useRef(null),E=o.useRef(null);o.useEffect(()=>{if(!o.Children.count(i)||!m.current)return;if(L){h(!1);return}const b=m.current;W(b)?(p(!0),B(b,r,()=>p(!1))):g(r)},[r]);const C=o.useCallback(()=>{const v=m.current.scrollLeft,b=K(v,a.current,n,t,e);b!==l&&(h(!0),d(b),f({index:b}))},[m.current,a.current,n,l,d]),R=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{T||C()},640)};return o.createElement("div",{className:S("carousel__viewport",{"carousel__viewport--mask":!c},s)},o.createElement("ul",{className:"carousel__list",ref:m,onScroll:R,style:{transform:`translate3d(${-u}px, 0, 0)`}},G(i,a,t,n,r,e)))},ee=({gap:e=16,index:t=0,itemsPerSlide:n,a11yPreviousText:r,a11yNextText:l,onScroll:c=()=>{},onNext:s=()=>{},onPrevious:a=()=>{},onSlide:i=()=>{},className:d,children:f,...u})=>{const[g,L]=o.useState(t),[h,T]=o.useState(0),[p,m]=o.useState(0),E=o.useRef(null),C=o.useRef([]),R=o.Children.count(f),v=Math.floor(n)||void 0,b=R<=v,I=b||p===0,_=b||p===y(C.current,h),N=()=>{if(!E.current)return;const{width:w}=E.current.getBoundingClientRect();T(w)};o.useEffect(()=>(window.addEventListener("resize",x.debounce(N,16)),()=>{window.removeEventListener("resize",x.debounce(N,16))}),[]),o.useEffect(()=>{m(j(C.current,g,h))},[g,h]),o.useEffect(()=>{t>=0&&t<=R-1&&L(t)},[t]),o.useEffect(()=>{C.current=C.current.splice(0,R)},[f]),o.useEffect(()=>{const{width:w}=E.current.getBoundingClientRect();T(w)},[E.current]);const F=(w,{direction:M})=>{const k=J(M,g,C.current,h,v),$=U(g,v,k);L(k),M==="LEFT"?a(w):s(w),i({slide:$})};return o.createElement("div",{className:S("carousel",d,{"carousel--slides":v,"carousel--peek":v%1===0}),...u},o.createElement("div",{ref:E,className:"carousel__container"},o.createElement(q,{label:r,type:"prev",disabled:I,onClick:F}),o.createElement(P,{itemsRef:C,offset:p,gap:e,itemsPerSlide:v,nextControlDisabled:_,activeIndex:g,onScroll:c,onSetActiveIndex:L,slideWidth:h},f),o.createElement(q,{type:"next",label:l,disabled:_,onClick:F})))},te=({slideWidth:e,offset:t,forwardedRef:n,children:r,...l})=>{const c=o.useRef(),[s,a]=o.useState(!1);return o.useImperativeHandle(n,()=>{if(!c.current)return;const{left:i,right:d}=H(c.current),f=i===void 0||i-t>=-.01&&d-t<=e+.01;return a(f),{left:i,right:d,fullyVisible:f}},[e,t]),o.createElement("li",{ref:c,"aria-hidden":!s,...l},r)},ne=A.withForwardRef(te);exports.EbayCarousel=ee;exports.EbayCarouselItem=ne;
package/ebay-checkbox.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),q=require("classnames"),o=require("./icon-DK6eEQD8.js"),I=require("./label-CnrpYJ-g.js"),F=require("./utils-C9NL3q0j.js"),B=a=>typeof a<"u",S=({id:a,size:t="default",className:k,style:d,checked:s,defaultChecked:b=!1,onChange:m=()=>{},onFocus:u=()=>{},onKeyDown:i=()=>{},children:h,inputRef:x,...E})=>{const[g,y]=c.useState(b),C=n=>{const e=n.target;m(n,{value:e==null?void 0:e.value,checked:!!(e!=null&&e.checked)}),y(e==null?void 0:e.checked)},_=n=>{var e,r;return u(n,{value:(e=n.target)==null?void 0:e.value,checked:!!((r=n.target)!=null&&r.checked)})},N=n=>{const e=n.target;i(n,{value:e.value,checked:!!e.checked})},f=q("checkbox",k,{"checkbox--large":t==="large"}),v=t==="large"?c.createElement(o.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}):c.createElement(o.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),p=t==="large"?c.createElement(o.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}):c.createElement(o.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),l=F.findComponent(h,I.Label);return c.createElement(c.Fragment,null,c.createElement("span",{className:f,style:{...d,alignItems:"center"}},c.createElement("input",{...E,id:a,className:"checkbox__control",type:"checkbox",checked:B(s)?s:g,onChange:C,onFocus:_,onKeyDown:N,ref:x}),c.createElement("span",{className:"checkbox__icon",hidden:!0},v,p)),l?c.cloneElement(l,{...l.props,position:"end",htmlFor:a}):h)};exports.EbayCheckbox=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),q=require("classnames"),a=require("./icon-DEn4Lfbd.js"),I=require("./label-CnrpYJ-g.js"),F=require("./common/component-utils/utils.js"),U=o=>typeof o<"u",B=({id:o,size:t="default",className:k,style:d,checked:s,defaultChecked:m=!1,onChange:b=()=>{},onFocus:u=()=>{},onKeyDown:i=()=>{},children:h,inputRef:x,...E})=>{const[g,y]=c.useState(m),_=n=>{const e=n.target;b(n,{value:e==null?void 0:e.value,checked:!!(e!=null&&e.checked)}),y(e==null?void 0:e.checked)},C=n=>{var e,r;return u(n,{value:(e=n.target)==null?void 0:e.value,checked:!!((r=n.target)!=null&&r.checked)})},N=n=>{const e=n.target;i(n,{value:e.value,checked:!!e.checked})},f=q("checkbox",k,{"checkbox--large":t==="large"}),p=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}):c.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),v=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}):c.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),l=F.findComponent(h,I.Label);return c.createElement(c.Fragment,null,c.createElement("span",{className:f,style:{...d,alignItems:"center"}},c.createElement("input",{...E,id:o,className:"checkbox__control",type:"checkbox",checked:U(s)?s:g,onChange:_,onFocus:C,onKeyDown:N,ref:x}),c.createElement("span",{className:"checkbox__icon",hidden:!0},p,v)),l?c.cloneElement(l,{...l.props,position:"end",htmlFor:o}):h)};exports.EbayCheckbox=B;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),t=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const c=require("./button-o4ao46WM.js"),o="confirm-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:s,rejectText:m,onReject:a=()=>{},onConfirm:d=()=>{},...i})=>{const n=e.useRef(null),f="confirm-dialog-confirm",r="confirm-dialog-main";return e.createElement(t.DialogBaseWithState,{focus:n,...i,a11yCloseText:l,role:"dialog",mainId:r,classPrefix:o,className:u(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:a},i.children,e.createElement(t.EbayDialogFooter,null,e.createElement(c.EbayButton,{onClick:a,className:"confirm-dialog__reject"},m),e.createElement(c.EbayButton,{ref:n,priority:"primary",onClick:d,id:f,"aria-describedby":r,className:"confirm-dialog__confirm"},s)))};exports.EbayConfirmDialog=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),f=require("./ebay-dialog-base/components/dialog-footer.js"),g=require("./dialog-previous-button-BuuaWh0J.js");require("./icon-button-BDXS3wjO.js");const t=require("./button-CbntI39l.js"),o="confirm-dialog",b=({a11yCloseText:c="Close Dialog",confirmText:l,rejectText:s,onReject:n=()=>{},onConfirm:m=()=>{},...i})=>{const a=e.useRef(null),d="confirm-dialog-confirm",r="confirm-dialog-main";return e.createElement(g.DialogBaseWithState,{focus:a,...i,a11yCloseText:c,role:"dialog",mainId:r,classPrefix:o,className:u(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:n},i.children,e.createElement(f,null,e.createElement(t.EbayButton,{onClick:n,className:"confirm-dialog__reject"},s),e.createElement(t.EbayButton,{ref:a,priority:"primary",onClick:m,id:d,"aria-describedby":r,className:"confirm-dialog__confirm"},l)))};exports.EbayConfirmDialog=b;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),b=require("classnames"),e=require("./icon-DK6eEQD8.js"),i=require("./button-o4ao46WM.js"),m=({size:a,children:n,fluid:c,truncate:r,forwardedRef:o,className:l,...s})=>{const u=b(l,"cta-btn",{"cta-btn--large":a==="large"},{"cta-btn--fluid":c},{"cta-btn--truncated":r});return t.createElement("a",{...s,className:u,ref:o},t.createElement(i.EbayButtonCell,{type:"cta"},t.createElement("span",null,n),t.createElement(e.EbayIcon,{name:"arrowRight24"})))},E=e.withForwardRef(m);exports.EbayCtaButton=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("classnames"),i=require("./common/component-utils/forwardRef.js"),m=require("./icon-DEn4Lfbd.js"),b=require("./button-CbntI39l.js"),E=({size:e,children:a,fluid:n,truncate:r,forwardedRef:c,className:o,...s})=>{const l=u(o,"cta-btn",{"cta-btn--large":e==="large"},{"cta-btn--fluid":n},{"cta-btn--truncated":r});return t.createElement("a",{...s,className:l,ref:c},t.createElement(b.EbayButtonCell,{type:"cta"},t.createElement("span",null,a),t.createElement(m.EbayIcon,{name:"arrowRight24"})))},y=i.withForwardRef(E);exports.EbayCtaButton=y;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),k=require("makeup-expander"),S=require("./calendar-CPKqwJVQ.js"),i=require("./textbox-WnB-9F4y.js");require("./icon-DK6eEQD8.js");const H=require("classnames"),U=600,V=({className:O,inputPlaceholderText:E="YYYY-MM-DD",a11yOpenPopoverText:T="open calendar",range:o,value:v,rangeEnd:g,defaultValue:D,defaultRangeEnd:R,collapseOnSelect:_,onChange:p=()=>{},onInputChange:M=()=>{},onInputRangeEndChange:P=()=>{},...q})=>{const m=n.useRef(),l=n.useRef(null),[w,d]=n.useState(D||""),[A,u]=n.useState(R||""),f=i.isControlled(v)?v:w,y=i.isControlled(g)?g:A,[s,b]=n.useState(()=>S.dateArgToISO(f)),[c,x]=n.useState(()=>S.dateArgToISO(y)),[C,I]=n.useState(!1),[L,Y]=n.useState(1),B=()=>{I(!0)},z=()=>{I(!1)};n.useEffect(()=>{if(!l.current)return;m.current=new k(l.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),l.current.addEventListener("expander-expand",B),l.current.addEventListener("expander-collapse",z);const e=()=>{Y(document.documentElement.clientWidth<U?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)==null||t.destroy(),window.removeEventListener("resize",e)}},[]);const h=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:S.toISO(r);t===0?(b(a),d(a||"")):(x(a),u(a||"")),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},F=(e,{iso:t})=>{if(b(t),d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),x(null),a.rangeEnd=null):r&&(r<t?(b(r),d(r),u(t),x(t),a.rangeStart=r,a.rangeEnd=t):(b(t),d(t),u(r),x(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});_&&(m.current.expanded=!1)},N=(e,t)=>{t===0?(d(e.target.value),M(e)):(u(e.target.value),P(e))},[W,j]=Array.isArray(E)?E:[E,E];return n.createElement("span",{className:H("date-textbox",O),ref:l},o&&n.createElement(i.EbayTextbox,{value:f,placeholder:W,onInputChange:e=>N(e,0),onBlur:e=>h(e,0)}),n.createElement(i.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:j,value:o?y:f,onInputChange:e=>N(e,o?1:0),onBlur:e=>h(e,o?1:0)},n.createElement(i.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:T})),n.createElement("div",{hidden:!C,className:"date-textbox__popover"},n.createElement(S.EbayCalendar,{...q,range:o,interactive:!0,navigable:!0,numMonths:L,selected:s&&c?[s,c]:s||c||void 0,onSelect:F})))};exports.EbayDateTextbox=V;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),k=require("makeup-expander"),S=require("./calendar-CHO7Qep-.js"),i=require("./textbox-PCHsZ_Dx.js");require("./icon-DEn4Lfbd.js");const H=require("classnames"),U=600,V=({className:O,inputPlaceholderText:E="YYYY-MM-DD",a11yOpenPopoverText:T="open calendar",range:o,value:v,rangeEnd:g,defaultValue:D,defaultRangeEnd:R,collapseOnSelect:_,onChange:p=()=>{},onInputChange:M=()=>{},onInputRangeEndChange:P=()=>{},...q})=>{const m=n.useRef(),l=n.useRef(null),[w,d]=n.useState(D||""),[A,u]=n.useState(R||""),f=i.isControlled(v)?v:w,y=i.isControlled(g)?g:A,[s,b]=n.useState(()=>S.dateArgToISO(f)),[c,x]=n.useState(()=>S.dateArgToISO(y)),[C,I]=n.useState(!1),[L,Y]=n.useState(1),B=()=>{I(!0)},z=()=>{I(!1)};n.useEffect(()=>{if(!l.current)return;m.current=new k(l.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),l.current.addEventListener("expander-expand",B),l.current.addEventListener("expander-collapse",z);const e=()=>{Y(document.documentElement.clientWidth<U?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)==null||t.destroy(),window.removeEventListener("resize",e)}},[]);const h=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:S.toISO(r);t===0?(b(a),d(a||"")):(x(a),u(a||"")),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},F=(e,{iso:t})=>{if(b(t),d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),x(null),a.rangeEnd=null):r&&(r<t?(b(r),d(r),u(t),x(t),a.rangeStart=r,a.rangeEnd=t):(b(t),d(t),u(r),x(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});_&&(m.current.expanded=!1)},N=(e,t)=>{t===0?(d(e.target.value),M(e)):(u(e.target.value),P(e))},[W,j]=Array.isArray(E)?E:[E,E];return n.createElement("span",{className:H("date-textbox",O),ref:l},o&&n.createElement(i.EbayTextbox,{value:f,placeholder:W,onInputChange:e=>N(e,0),onBlur:e=>h(e,0)}),n.createElement(i.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:j,value:o?y:f,onInputChange:e=>N(e,o?1:0),onBlur:e=>h(e,o?1:0)},n.createElement(i.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:T})),n.createElement("div",{hidden:!C,className:"date-textbox__popover"},n.createElement(S.EbayCalendar,{...q,range:o,interactive:!0,navigable:!0,numMonths:L,selected:s&&c?[s,c]:s||c||void 0,onSelect:F})))};exports.EbayDateTextbox=V;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function m({open:n,classPrefix:t,transitionElement:r,dialogRef:e,dialogWindowRef:c,enabled:a,onTransitionEnd:u}){const s=d.useRef(!0);d.useLayoutEffect(()=>{if(!a)return;let i=[c,e];r==="window"?i=[c]:r==="root"&&(i=[e]);let o;return n?o=l({dialog:e,waitFor:i,classPrefix:t,onTransitionEnd:u}):s.current||(o=A({dialog:e,waitFor:i,classPrefix:t,onTransitionEnd:u})),s.current=!1,()=>{o&&o()}},[n,a])}function l({dialog:n,waitFor:t,classPrefix:r,onTransitionEnd:e}){return w(n,t,`${r}--show`,e)}function A({dialog:n,waitFor:t,classPrefix:r,onTransitionEnd:e}){return w(n,t,`${r}--hide`,e)}function w(n,t,r,e){if(!n.current||!r)return;let c=0;const a=t?t.length:0,u=`${r}-init`;return n.current.classList.add(u),v(()=>{n.current&&(n.current.classList.add(r),n.current.classList.remove(u),t.forEach(s=>{const i=()=>{var o,f;++c===a&&((o=n.current)==null||o.classList.remove(r),e(),(f=s.current)==null||f.removeEventListener("transitionend",i))};s.current.addEventListener("transitionend",i,{once:!0})}))})}function v(n){let t,r;return window.requestAnimationFrame?(t=window.requestAnimationFrame(()=>{t=window.requestAnimationFrame(n)}),r=window.cancelAnimationFrame):(t=window.setTimeout(n,26),r=window.clearTimeout),()=>{t&&(r(t),t=void 0)}}exports.useDialogAnimation=m;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),r=({children:t})=>e.createElement(e.Fragment,null,t);module.exports=r;
@@ -0,0 +1 @@
1
+ "use strict";const r=require("react"),a=({children:e,...t})=>r.createElement("h2",{...t},e);module.exports=a;
@@ -5,4 +5,5 @@ export type { WindowType, DialogBaseProps } from './components/dialogBase';
5
5
  export { default as DialogBaseWithState } from './dialog-base-with-state';
6
6
  export { default as EbayDialogActions } from './components/dialog-actions';
7
7
  export { default as EbayDialogPreviousButton } from './components/dialog-previous-button';
8
+ export { type TransitionElement, useDialogAnimation } from './components/animation';
8
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACnF,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qCAAqC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACnF,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACzF,OAAO,EAAE,KAAK,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dialog-previous-button-7ePoYWyj.js");exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogFooter=o.EbayDialogFooter;exports.EbayDialogHeader=o.EbayDialogHeader;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./ebay-dialog-base/components/dialog-header.js"),e=require("./ebay-dialog-base/components/dialog-footer.js"),o=require("./dialog-previous-button-BuuaWh0J.js"),i=require("./ebay-dialog-base/components/animation.js");exports.EbayDialogHeader=a;exports.EbayDialogFooter=e;exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=i.useDialogAnimation;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./drawer-BxxlJwkZ.js");exports.EbayDrawerDialog=e.EbayDrawerDialog;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./drawer-Bq-TDCjm.js");exports.EbayDrawerDialog=e.EbayDrawerDialog;
package/ebay-eek.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("./icon-DK6eEQD8.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("./icon-DEn4Lfbd.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),p=require("classnames"),d=require("../icon-DEn4Lfbd.js"),y=require("../badge-CoHKfiPt.js"),q=({className:m,current:v,disabled:t,autoFocus:l,type:b,badgeNumber:n,badgeAriaLabel:g,children:a,...E})=>{const c=e.useRef(),r=n!==void 0;e.useEffect(()=>{var u;l&&((u=c.current)==null||u.focus())});const s={...E,ref:c,className:p(m,"fake-menu__item",r&&"menu__item--badged"),"aria-label":g},i=e.createElement(d.EbayIcon,{name:"tick16"}),f={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},o=r&&e.createElement(y.EbayBadge,{type:"menu",number:n,style:f});return b==="button"?e.createElement("button",{...s,type:"button",disabled:t},e.createElement("span",null,a,o),i):e.createElement("a",{...s,"aria-disabled":t?"true":void 0},e.createElement("span",null,a,o),i)};module.exports=q;
@@ -1,4 +1,4 @@
1
- export { default as EbayFakeMenuButton, type EbayFakeMenuButtonProps } from './menu-button';
1
+ export { default as EbayFakeMenuButton, type EbayFakeMenuButtonProps, type EbayFakeMenuButtonVariant } from './menu-button';
2
2
  export { default as EbayFakeMenuButtonItem } from './menu-button-item';
3
3
  export { default as EbayFakeMenuButtonSeparator } from './menu-button-separator';
4
4
  export { default as EbayFakeMenuButtonLabel } from './menu-button-label';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,EACjC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,qBAAqB,CAAA"}
@@ -0,0 +1 @@
1
+ "use strict";require("react");require("classnames");require("../common/component-utils/utils.js");require("../common/event-utils.js");require("../common/random-id.js");require("../button-CbntI39l.js");require("../icon-DEn4Lfbd.js");require("../icon-button-BDXS3wjO.js");require("../menu-_LzP6yje.js");const e=require("../menu-button-0pEi9ehP.js");module.exports=e.EbayMenuButton;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-button-label-BcgasGA4.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-button-0pEi9ehP.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
package/ebay-fake-menu.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-item-DBi1NcrM.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"fake-menu__separator"),role:"separator"});exports.EbayFakeMenu=e.EbayFakeMenu;exports.EbayFakeMenuItem=e.EbayMenuItem;exports.EbayFakeMenuSeparator=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./menu-_LzP6yje.js"),t=require("./ebay-fake-menu/menu-item.js"),n=require("react"),u=require("classnames"),o=({className:e,...a})=>n.createElement("hr",{...a,className:u(e,"fake-menu__separator"),role:"separator"});exports.EbayFakeMenu=r.EbayFakeMenu;exports.EbayFakeMenuItem=t;exports.EbayFakeMenuSeparator=o;
package/ebay-fake-tabs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),m=require("classnames"),o=require("./utils-C9NL3q0j.js"),c=({children:t,href:s,ariaCurrent:n,className:a,...r})=>e.createElement("li",{...r,className:m(a,"fake-tabs__item")},e.createElement("a",{href:s,"aria-current":n},t)),f=({selectedIndex:t=0,tabMatchesCurrentUrl:s,className:n,children:a,...r})=>{const b=s===!1?"true":"page",i=o.filterByType(a,c).map((l,E)=>e.cloneElement(l,{...l.props,ariaCurrent:t===E?b:null})),u=o.excludeComponent(a,c);return e.createElement("div",{...r,className:m(n,"fake-tabs")},e.createElement("ul",{className:"fake-tabs__items"},i),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},u)))};exports.EbayFakeTab=c;exports.EbayFakeTabs=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),m=require("classnames"),o=require("./common/component-utils/utils.js"),r=({children:t,href:s,ariaCurrent:n,className:a,...c})=>e.createElement("li",{...c,className:m(a,"fake-tabs__item")},e.createElement("a",{href:s,"aria-current":n},t)),_=({selectedIndex:t=0,tabMatchesCurrentUrl:s,className:n,children:a,...c})=>{const i=s===!1?"true":"page",b=o.filterByType(a,r).map((l,E)=>e.cloneElement(l,{...l.props,ariaCurrent:t===E?i:null})),u=o.excludeComponent(a,r);return e.createElement("div",{...c,className:m(n,"fake-tabs")},e.createElement("ul",{className:"fake-tabs__items"},b),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},u)))};exports.EbayFakeTab=r;exports.EbayFakeTabs=_;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("classnames"),r=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const e="fullscreen-dialog",c=({open:s,onClose:t=()=>{},className:i,animated:l,...n})=>a.createElement(r.DialogBaseWithState,{...n,classPrefix:e,buttonPosition:"right",onCloseBtnClick:t,transitionElement:"window",animated:l,className:o(i,`${e}--mask-fade-slow`),windowClass:o(`${e}__window`,`${e}__window--slide`),open:s});exports.EbayFullscreenDialog=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("classnames"),r=require("./dialog-previous-button-BuuaWh0J.js");require("./icon-button-BDXS3wjO.js");const e="fullscreen-dialog",c=({open:s,onClose:t=()=>{},className:i,animated:l,...n})=>a.createElement(r.DialogBaseWithState,{...n,classPrefix:e,buttonPosition:"right",onCloseBtnClick:t,transitionElement:"window",animated:l,className:o(i,`${e}--mask-fade-slow`),windowClass:o(`${e}__window`,`${e}__window--slide`),open:s});exports.EbayFullscreenDialog=c;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./icon-button-BB6GFLm7.js");exports.EbayIconButton=t.EbayIconButton;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./icon-button-BDXS3wjO.js");exports.EbayIconButton=t.EbayIconButton;
package/ebay-icon.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-DK6eEQD8.js");exports.EbayIcon=e.EbayIcon;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-DEn4Lfbd.js");exports.EbayIcon=e.EbayIcon;
package/ebay-infotip.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),h=require("classnames"),E=require("./utils-C9NL3q0j.js"),r=require("./use-tooltip-BavqG36Z.js"),v=require("./drawer-BxxlJwkZ.js"),B=require("./dialog-previous-button-7ePoYWyj.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const w=require("./icon-DK6eEQD8.js");require("./icon-button-BB6GFLm7.js");const M=require("classnames/dedupe"),S=({icon:t,className:n,children:o,forwardedRef:l,variant:c,...p})=>{const i=c==="modal"?"dialog--mini":"infotip",a=e.createElement(w.EbayIcon,{name:t}),u=o instanceof Function?o({icon:a}):o;return e.createElement("button",{...p,className:M("icon-btn icon-btn--transparent",n,`${i}__host`),type:"button",ref:l},u||a)},b=w.withForwardRef(S),j=({variant:t="default",pointer:n,overlayStyle:o,disabled:l,onExpand:c,onCollapse:p,children:i,initialExpanded:a,icon:u="information16",a11yCloseText:d,"aria-label":N,className:_,a11yMaximizeText:P,a11yMinimizeText:F})=>{const y=e.useRef(),{isExpanded:s,expandTooltip:x,collapseTooltip:f}=r.useTooltip({onCollapse:p,onExpand:c,initialExpanded:a,hostRef:y}),m=t==="modal",D=e.useRef(),g=E.findComponent(i,H),q=E.findComponent(i,R),C=E.findComponent(i,b)||e.createElement(b),$=()=>{s?f():x()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:I,...T}=q.props;return e.createElement(e.Fragment,null,e.createElement(r.Tooltip,{type:"infotip",isExpanded:s,className:h(_,{"dialog--mini":m}),ref:D},e.createElement(r.TooltipHost,null,e.cloneElement(C,{ref:y,onClick:$,disabled:l,variant:t,"aria-label":N,"aria-expanded":s,icon:u,...C.props})),!m&&e.createElement(r.TooltipContent,{...T,type:"infotip",style:o,pointer:n,showCloseButton:!0,a11yCloseText:d,onClose:f},g,I)),m&&e.createElement(v.EbayDrawerDialog,{...T,open:s,onClose:f,a11yCloseText:d,className:"dialog--mini__overlay",a11yMaximizeText:P,a11yMinimizeText:F},e.createElement(B.EbayDialogHeader,null,g),I))},H=({className:t,...n})=>e.createElement("span",{...n,className:h("infotip__heading",t)}),R=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=j;exports.EbayInfotipContent=R;exports.EbayInfotipHeading=H;exports.EbayInfotipHost=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),T=require("classnames"),E=require("./common/component-utils/utils.js"),r=require("./use-tooltip-DasQr8Xw.js"),$=require("./drawer-Bq-TDCjm.js"),B=require("./ebay-dialog-base/components/dialog-header.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const M=require("./icon-DEn4Lfbd.js");require("./icon-button-BDXS3wjO.js");const S=require("classnames/dedupe"),U=require("./common/component-utils/forwardRef.js"),j=({icon:t,className:o,children:n,forwardedRef:c,variant:l,...p})=>{const i=l==="modal"?"dialog--mini":"infotip",a=e.createElement(M.EbayIcon,{name:t}),f=n instanceof Function?n({icon:a}):n;return e.createElement("button",{...p,className:S("icon-btn icon-btn--transparent",o,`${i}__host`),type:"button",ref:c},f||a)},b=U.withForwardRef(j),k=({variant:t="default",pointer:o,overlayStyle:n,disabled:c,onExpand:l,onCollapse:p,children:i,initialExpanded:a,icon:f="information16",a11yCloseText:d,"aria-label":R,className:H,a11yMaximizeText:N,a11yMinimizeText:F})=>{const y=e.useRef(),{isExpanded:s,expandTooltip:P,collapseTooltip:m}=r.useTooltip({onCollapse:p,onExpand:l,initialExpanded:a,hostRef:y}),u=t==="modal",x=e.useRef(),g=E.findComponent(i,h),q=E.findComponent(i,w),C=E.findComponent(i,b)||e.createElement(b),D=()=>{s?m():P()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:I,..._}=q.props;return e.createElement(e.Fragment,null,e.createElement(r.Tooltip,{type:"infotip",isExpanded:s,className:T(H,{"dialog--mini":u}),ref:x},e.createElement(r.TooltipHost,null,e.cloneElement(C,{ref:y,onClick:D,disabled:c,variant:t,"aria-label":R,"aria-expanded":s,icon:f,...C.props})),!u&&e.createElement(r.TooltipContent,{..._,type:"infotip",style:n,pointer:o,showCloseButton:!0,a11yCloseText:d,onClose:m},g,I)),u&&e.createElement($.EbayDrawerDialog,{..._,open:s,onClose:m,a11yCloseText:d,className:"dialog--mini__overlay",a11yMaximizeText:N,a11yMinimizeText:F},e.createElement(B,null,g),I))},h=({className:t,...o})=>e.createElement("span",{...o,className:T("infotip__heading",t)}),w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=k;exports.EbayInfotipContent=w;exports.EbayInfotipHeading=h;exports.EbayInfotipHost=b;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),E=require("classnames"),c=require("./notice-content-C0ZStfuX.js"),y=require("./notice-content-9iF4T8uB.js"),b=require("./utils-C9NL3q0j.js"),N=require("./icon-DK6eEQD8.js"),f=({className:a,status:n="general",children:r,hidden:t=!1,"aria-label":l,onNoticeShow:s=()=>{},...u})=>{if(e.useEffect(()=>{t||s()},[t]),t)return null;const i=b.findComponent(r,c.EbayNoticeContent);if(!i)throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");const o=n==="general";return e.createElement("div",{...u,className:E(a,"inline-notice",{[`inline-notice--${n}`]:!o})},o?null:e.createElement("span",{className:"inline-notice__header"},e.createElement(N.EbayIcon,{name:`${n}Filled16`,a11yText:l,a11yVariant:"label"})),e.createElement(y.NoticeContent,{...i.props,type:"inline"}))};exports.EbayNoticeContent=c.EbayNoticeContent;exports.EbayInlineNotice=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),E=require("classnames"),c=require("./notice-content-C0ZStfuX.js"),m=require("./notice-content-9iF4T8uB.js"),y=require("./common/component-utils/utils.js"),b=require("./icon-DEn4Lfbd.js"),N=({className:a,status:n="general",children:r,hidden:t=!1,"aria-label":l,onNoticeShow:s=()=>{},...u})=>{if(e.useEffect(()=>{t||s()},[t]),t)return null;const o=y.findComponent(r,c.EbayNoticeContent);if(!o)throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");const i=n==="general";return e.createElement("div",{...u,className:E(a,"inline-notice",{[`inline-notice--${n}`]:!i})},i?null:e.createElement("span",{className:"inline-notice__header"},e.createElement(b.EbayIcon,{name:`${n}Filled16`,a11yText:l,a11yVariant:"label"})),e.createElement(m.NoticeContent,{...o.props,type:"inline"}))};exports.EbayNoticeContent=c.EbayNoticeContent;exports.EbayInlineNotice=N;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("classnames"),c=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const i="lightbox-dialog",r=({open:s,mode:l,size:o,onClose:e=()=>{},...t})=>n.createElement(c.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:i,onCloseBtnClick:e,onBackgroundClick:e,className:a(t.className,`${i}--mask-fade`,o&&`${i}--${o}`),windowClass:a("lightbox-dialog__window--fade",{[`${i}__window--mini`]:l==="mini"}),open:s});exports.EbayLightboxDialog=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("classnames"),c=require("./dialog-previous-button-BuuaWh0J.js");require("./icon-button-BDXS3wjO.js");const i="lightbox-dialog",r=({open:s,mode:l,size:o,onClose:e=()=>{},...t})=>n.createElement(c.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:i,onCloseBtnClick:e,onBackgroundClick:e,className:a(t.className,`${i}--mask-fade`,o&&`${i}--${o}`),windowClass:a("lightbox-dialog__window--fade",{[`${i}__window--mini`]:l==="mini"}),open:s});exports.EbayLightboxDialog=r;
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),w=require("classnames"),V=require("./icon-DK6eEQD8.js"),be=require("./utils-C9NL3q0j.js"),F=({value:b,children:y,selected:i,onClick:v,index:m,innerRef:g,className:k,id:h,...f})=>{const x=w("listbox-button__option",k,{"listbox-button__option--active":i});return o.createElement("div",{...f,className:x,role:"option",id:h||`listbox_btn_${b}_${m}`,"aria-selected":i,ref:g,onClick:u=>{v(u,b,m)}},o.createElement("span",{className:"listbox-button__value"},y),o.createElement(V.EbayIcon,{name:"tick16"}))},me=({children:b,name:y,value:i,selected:v,borderless:m,fluid:g,className:k,maxHeight:h,prefixId:f,prefixLabel:x,floatingLabel:u,unselectedText:j="-",onChange:O=()=>{},onCollapse:W=()=>{},onExpand:z=()=>{},...G})=>{const a=o.useRef(null),S=o.useRef(),B=o.useRef(new Map),E=o.useRef(),l=be.filterByType(b,F);if(!l.length)throw new Error(`EbayListboxButton: Please use a
2
- EbayListboxButtonOption that defines the options of the listbox`);const J=()=>{const e=v!==void 0?v:l.findIndex(({props:s})=>i!==void 0&&s.value===i),t=e>-1||u?e:void 0;return{option:l[t],index:t}},{option:N,index:T}=J(),[c,d]=o.useState(N),[n,C]=o.useState(T),[_,D]=o.useState(),[Q,X]=o.useState(!1),[A,L]=o.useState();o.useEffect(()=>{d(N)},[i]);const r=o.Children.toArray(b),I=e=>r[e].props.value,Y=o.useCallback(e=>r.findIndex(({props:t})=>t.value===e),[r]),R=e=>B.current.get(e),H=e=>{const t=a.current;t==null||t.setAttribute("aria-activedescendant",R(e).id)},p=()=>{D(!1),W()},Z=()=>{D(!0),z()},ee=()=>{_?p():Z()},P=(e,t)=>{d(r[t]),C(t),p(),H(t),E.current.focus(),O(e,{index:t,selected:[I(t)],wasClicked:A}),L(!1)},te=()=>{p(),d(r[T])},oe=e=>{const t=a.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},ne=e=>{const t=a.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},se=e=>{const t=S.current,s=R(e);if(t.scrollHeight>t.clientHeight){const pe=t.clientHeight+t.scrollTop,$=s.offsetTop+s.offsetHeight;$>pe?t.scrollTop=$-t.clientHeight:s.offsetTop<t.scrollTop&&(t.scrollTop=s.offsetTop)}},q=e=>{oe(n===void 0||e===-1?0:e),ne(n===void 0||n===-1?0:n),se(e),H(e),C(e),d(r[e])},K=e=>setTimeout(()=>{var t;return(t=a==null?void 0:a.current)==null?void 0:t.focus(e)},0),ce=()=>{ee(),X(!0),K({preventScroll:!0})},ae=e=>{switch(e.key){case"Escape":p();break;case"Enter":K();break}},le=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),n!==l.length-1&&q(n<l.length-1?n+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),n!==0&&q(n>0?n-1:l.length-1);break;case"Enter":p(),setTimeout(()=>d(r[n])),setTimeout(()=>E.current.focus(),0),O(e,{index:n,selected:[I(n)],wasClicked:A});break;case"Esc":case"Escape":te();break}},M=l.map((e,t)=>o.cloneElement(e,{index:t,key:t,selected:c&&e.props.value===c.props.value,onClick:s=>P(s,t),innerRef:s=>s?B.current.set(t,s):B.current.delete(t)})),re=w("listbox-button",k,{"listbox-button--fluid":g}),ie=w("btn",{"btn--form":!m,"btn--borderless":m,"btn--floating-label":u&&c}),U=f&&"expand-btn-text",ue=o.createElement(o.Fragment,null,u&&o.createElement("span",{className:"btn__floating-label"},u),x&&o.createElement("span",{className:"btn__label"},x),o.createElement("span",{className:"btn__text",id:U},(c==null?void 0:c.props.children)||j));return o.createElement("span",{className:re},o.createElement("button",{...G,type:"button",className:ie,"aria-expanded":!!_,"aria-haspopup":"listbox","aria-labelledby":f&&`${f} ${U}`,onClick:ce,onMouseDown:e=>e.preventDefault(),onKeyUp:ae,ref:E},o.createElement("span",{className:"btn__cell"},ue,o.createElement(V.EbayIcon,{name:"chevronDown12"}))),(_||Q)&&o.createElement("div",{className:"listbox-button__listbox",ref:S,style:{maxHeight:h}},o.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:_?0:-1,ref:a,onKeyDown:e=>le(e),onMouseDown:e=>{e.preventDefault(),L(!0)},onBlur:()=>{p(),setTimeout(()=>E.current.focus(),0)}},M)),o.createElement("select",{hidden:!0,className:"listbox-button__native",name:y,onChange:e=>P(e,Y(e.target.value)),value:c?c==null?void 0:c.props.value:""},M.map((e,t)=>o.createElement("option",{value:e.props.value,key:t}))))};exports.EbayListboxButton=me;exports.EbayListboxButtonOption=F;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),w=require("classnames"),V=require("./icon-DEn4Lfbd.js"),be=require("./common/component-utils/utils.js"),F=({value:b,children:y,selected:i,onClick:v,index:m,innerRef:g,className:k,id:h,...f})=>{const x=w("listbox-button__option",k,{"listbox-button__option--active":i});return o.createElement("div",{...f,className:x,role:"option",id:h||`listbox_btn_${b}_${m}`,"aria-selected":i,ref:g,onClick:u=>{v(u,b,m)}},o.createElement("span",{className:"listbox-button__value"},y),o.createElement(V.EbayIcon,{name:"tick16"}))},me=({children:b,name:y,value:i,selected:v,borderless:m,fluid:g,className:k,maxHeight:h,prefixId:f,prefixLabel:x,floatingLabel:u,unselectedText:j="-",onChange:O=()=>{},onCollapse:W=()=>{},onExpand:z=()=>{},...G})=>{const a=o.useRef(null),S=o.useRef(),B=o.useRef(new Map),E=o.useRef(),l=be.filterByType(b,F);if(!l.length)throw new Error(`EbayListboxButton: Please use a
2
+ EbayListboxButtonOption that defines the options of the listbox`);const J=()=>{const e=v!==void 0?v:l.findIndex(({props:s})=>i!==void 0&&s.value===i),t=e>-1||u?e:void 0;return{option:l[t],index:t}},{option:N,index:T}=J(),[c,d]=o.useState(N),[n,C]=o.useState(T),[_,D]=o.useState(),[Q,X]=o.useState(!1),[A,L]=o.useState();o.useEffect(()=>{d(N)},[i]);const r=o.Children.toArray(b),I=e=>r[e].props.value,Y=o.useCallback(e=>r.findIndex(({props:t})=>t.value===e),[r]),R=e=>B.current.get(e),H=e=>{const t=a.current;t==null||t.setAttribute("aria-activedescendant",R(e).id)},p=()=>{D(!1),W()},Z=()=>{D(!0),z()},ee=()=>{_?p():Z()},P=(e,t)=>{d(r[t]),C(t),p(),H(t),E.current.focus(),O(e,{index:t,selected:[I(t)],wasClicked:A}),L(!1)},te=()=>{p(),d(r[T])},oe=e=>{const t=a.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},ne=e=>{const t=a.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},se=e=>{const t=S.current,s=R(e);if(t.scrollHeight>t.clientHeight){const pe=t.clientHeight+t.scrollTop,$=s.offsetTop+s.offsetHeight;$>pe?t.scrollTop=$-t.clientHeight:s.offsetTop<t.scrollTop&&(t.scrollTop=s.offsetTop)}},U=e=>{oe(n===void 0||e===-1?0:e),ne(n===void 0||n===-1?0:n),se(e),H(e),C(e),d(r[e])},q=e=>setTimeout(()=>{var t;return(t=a==null?void 0:a.current)==null?void 0:t.focus(e)},0),ce=()=>{ee(),X(!0),q({preventScroll:!0})},ae=e=>{switch(e.key){case"Escape":p();break;case"Enter":q();break}},le=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),n!==l.length-1&&U(n<l.length-1?n+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),n!==0&&U(n>0?n-1:l.length-1);break;case"Enter":p(),setTimeout(()=>d(r[n])),setTimeout(()=>E.current.focus(),0),O(e,{index:n,selected:[I(n)],wasClicked:A});break;case"Esc":case"Escape":te();break}},K=l.map((e,t)=>o.cloneElement(e,{index:t,key:t,selected:c&&e.props.value===c.props.value,onClick:s=>P(s,t),innerRef:s=>s?B.current.set(t,s):B.current.delete(t)})),re=w("listbox-button",k,{"listbox-button--fluid":g}),ie=w("btn",{"btn--form":!m,"btn--borderless":m,"btn--floating-label":u&&c}),M=f&&"expand-btn-text",ue=o.createElement(o.Fragment,null,u&&o.createElement("span",{className:"btn__floating-label"},u),x&&o.createElement("span",{className:"btn__label"},x),o.createElement("span",{className:"btn__text",id:M},(c==null?void 0:c.props.children)||j));return o.createElement("span",{className:re},o.createElement("button",{...G,type:"button",className:ie,"aria-expanded":!!_,"aria-haspopup":"listbox","aria-labelledby":f&&`${f} ${M}`,onClick:ce,onMouseDown:e=>e.preventDefault(),onKeyUp:ae,ref:E},o.createElement("span",{className:"btn__cell"},ue,o.createElement(V.EbayIcon,{name:"chevronDown12"}))),(_||Q)&&o.createElement("div",{className:"listbox-button__listbox",ref:S,style:{maxHeight:h}},o.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:_?0:-1,ref:a,onKeyDown:e=>le(e),onMouseDown:e=>{e.preventDefault(),L(!0)},onBlur:()=>{p(),setTimeout(()=>E.current.focus(),0)}},K)),o.createElement("select",{hidden:!0,className:"listbox-button__native",name:y,onChange:e=>P(e,Y(e.target.value)),value:c?c==null?void 0:c.props.value:""},K.map((e,t)=>o.createElement("option",{value:e.props.value,key:t}))))};exports.EbayListboxButton=me;exports.EbayListboxButtonOption=F;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("classnames"),y=require("./utils-C9NL3q0j.js"),x=require("./menu-DZU8jEPV.js"),X=require("./button-o4ao46WM.js"),Y=require("./icon-button-BB6GFLm7.js"),v=require("./icon-DK6eEQD8.js"),Z=require("./index-DbjwTbDP.js"),ee=({type:t,variant:a="button",className:c,text:m="",fixWidth:d,reverse:i,expanded:h,noToggleIcon:b,checked:u,collapseOnSelect:N,a11yText:S,prefixId:B,prefixLabel:L,onClick:R=()=>{},onExpand:K=()=>{},onCollapse:P=()=>{},onChange:T=()=>{},onSelect:A=()=>{},children:f,...F})=>{const[s,E]=e.useState(h),[I,O]=e.useState(),k=e.useRef(null),M=e.useRef(),_=y.filterByType(f,[x.EbayMenuItem,q]),W=_.map(n=>!!n.props.checked),[p,j]=e.useState(W),D=y.findComponent(f,w),V=y.findComponent(f,v.EbayIcon),$=ne({text:m,prefixId:B,prefixLabel:L,menuButtonLabel:D,icon:V}),z=r("menu-button",c),G=r("menu-button__menu",{"menu-button__menu--fix-width":d,"menu-button__menu--reverse":i});e.useEffect(()=>{const n=o=>{const l=M.current,g=l&&l.contains(o.target);(N||!g)&&E(!1)};return s?(K(),setTimeout(()=>{document.addEventListener("click",n,!1)})):s===!1&&P(),()=>document.removeEventListener("click",n,!1)},[s]),e.useEffect(()=>{O(v.randomId())},[]);const H=n=>{Z.handleEscapeKeydown(n,()=>{var o;E(!1),(o=k.current)==null||o.focus()})},C={ref:k,className:"menu-button__button","aria-expanded":!!s,"aria-haspopup":!0,"aria-label":S,"aria-controls":I,"aria-labelledby":B,onClick:n=>{E(!s),R(n)},...F},J=(n,o)=>{if(t==="radio"||t==="checkbox"){const l=p.map((g,U)=>o.indexes.includes(U));j(l)}T(n,o)},Q=()=>{const n=p.findIndex(Boolean);return n>-1?n:u};return e.createElement("span",{className:z},a==="overflow"?e.createElement(Y.EbayIconButton,{icon:"overflowVertical16",...C}):e.createElement(X.EbayButton,{variant:a==="form"?"form":void 0,bodyState:b?void 0:"expand",...C},$),s&&e.createElement(x.EbayMenu,{baseEl:"div",ref:M,type:t,className:G,tabIndex:-1,id:I,autofocus:!0,checked:Q(),onKeyDown:H,onChange:J,onSelect:A},_.map((n,o)=>e.cloneElement(n,{...n.props,className:r(n.props.className,"menu-button__item"),key:o,checked:p[o]}))))};function ne({text:t,prefixId:a,prefixLabel:c,menuButtonLabel:m,icon:d}){const i=t.length?e.createElement("span",null,t):null,b=[!a&&c&&[e.createElement("span",{className:"menu-button-prefix-label"},c),e.createElement(e.Fragment,null," ")],m||i],u=[d,b].flat().filter(Boolean);return u.length?u:null}const q=({className:t,...a})=>e.createElement("hr",{...a,className:r(t,"menu-button__separator"),role:"separator"}),w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayMenuButtonItem=x.EbayMenuItem;exports.EbayMenuButton=ee;exports.EbayMenuButtonLabel=w;exports.EbayMenuButtonSeparator=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("classnames"),y=require("./common/component-utils/utils.js"),h=require("./menu-DClVntri.js"),Q=require("./button-CbntI39l.js"),X=require("./icon-button-BDXS3wjO.js"),Y=require("./icon-DEn4Lfbd.js"),Z=require("./common/random-id.js"),ee=require("./common/event-utils.js"),ne=({type:t,variant:a="button",className:c,text:m="",fixWidth:d,reverse:i,expanded:x,noToggleIcon:b,checked:u,collapseOnSelect:w,a11yText:N,prefixId:I,prefixLabel:S,onClick:L=()=>{},onExpand:R=()=>{},onCollapse:K=()=>{},onChange:P=()=>{},onSelect:T=()=>{},children:f,...A})=>{const[s,E]=e.useState(x),[_,F]=e.useState(),B=e.useRef(null),k=e.useRef(),M=y.filterByType(f,[h.EbayMenuItem,v]),O=M.map(n=>!!n.props.checked),[p,U]=e.useState(O),W=y.findComponent(f,q),j=y.findComponent(f,Y.EbayIcon),D=te({text:m,prefixId:I,prefixLabel:S,menuButtonLabel:W,icon:j}),V=r("menu-button",c),$=r("menu-button__menu",{"menu-button__menu--fix-width":d,"menu-button__menu--reverse":i});e.useEffect(()=>{const n=o=>{const l=k.current,g=l&&l.contains(o.target);(w||!g)&&E(!1)};return s?(R(),setTimeout(()=>{document.addEventListener("click",n,!1)})):s===!1&&K(),()=>document.removeEventListener("click",n,!1)},[s]),e.useEffect(()=>{F(Z.randomId())},[]);const z=n=>{ee.handleEscapeKeydown(n,()=>{var o;E(!1),(o=B.current)==null||o.focus()})},C={ref:B,className:"menu-button__button","aria-expanded":!!s,"aria-haspopup":!0,"aria-label":N,"aria-controls":_,"aria-labelledby":I,onClick:n=>{E(!s),L(n)},...A},G=(n,o)=>{if(t==="radio"||t==="checkbox"){const l=p.map((g,J)=>o.indexes.includes(J));U(l)}P(n,o)},H=()=>{const n=p.findIndex(Boolean);return n>-1?n:u};return e.createElement("span",{className:V},a==="overflow"?e.createElement(X.EbayIconButton,{icon:"overflowVertical16",...C}):e.createElement(Q.EbayButton,{variant:a==="form"?"form":void 0,bodyState:b?void 0:"expand",...C},D),s&&e.createElement(h.EbayMenu,{baseEl:"div",ref:k,type:t,className:$,tabIndex:-1,id:_,autofocus:!0,checked:H(),onKeyDown:z,onChange:G,onSelect:T},M.map((n,o)=>e.cloneElement(n,{...n.props,className:r(n.props.className,"menu-button__item"),key:o,checked:p[o]}))))};function te({text:t,prefixId:a,prefixLabel:c,menuButtonLabel:m,icon:d}){const i=t.length?e.createElement("span",null,t):null,b=[!a&&c&&[e.createElement("span",{className:"menu-button-prefix-label"},c),e.createElement(e.Fragment,null," ")],m||i],u=[d,b].flat().filter(Boolean);return u.length?u:null}const v=({className:t,...a})=>e.createElement("hr",{...a,className:r(t,"menu-button__separator"),role:"separator"}),q=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayMenuButtonItem=h.EbayMenuItem;exports.EbayMenuButton=ne;exports.EbayMenuButtonLabel=q;exports.EbayMenuButtonSeparator=v;
package/ebay-menu.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-DZU8jEPV.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"menu__separator"),role:"separator"});exports.EbayMenu=e.EbayMenu;exports.EbayMenuItem=e.EbayMenuItem;exports.EbayMenuSeparator=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-DClVntri.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"menu__separator"),role:"separator"});exports.EbayMenu=e.EbayMenu;exports.EbayMenuItem=e.EbayMenuItem;exports.EbayMenuSeparator=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./notice-content-9iF4T8uB.js"),l=require("./notice-content-C0ZStfuX.js"),r=require("./icon-DK6eEQD8.js"),u=require("classnames"),s=require("./notice-footer-Cw1DMzoB.js"),C=({id:a,status:e="general",children:n,a11yDismissText:o,"aria-label":E,onDismiss:b=()=>{},...g})=>{const[m,N]=t.useState(!1),i=t.Children.toArray(n).find(c=>c.type===l.EbayNoticeContent);if(!i)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const p=c=>{N(!0),b(c)};return m?null:t.createElement("section",{...g,"aria-labelledby":a||`${e}-status`,className:`page-notice ${e!=="general"?`page-notice--${e}`:""}`,role:"region"},e!=="general"?t.createElement("div",{className:"page-notice__header",id:a||`${e}-status`},t.createElement(r.EbayIcon,{name:`${e}Filled16`,a11yText:E,a11yVariant:"label"})):null,t.createElement(d.NoticeContent,{...i.props,type:"page"}),n,o&&t.createElement(y,null,t.createElement("button",{"aria-label":o,className:"fake-link page-notice__dismiss",onClick:p},t.createElement(r.EbayIcon,{name:"close16"}))))},P=({className:a,as:e,children:n,...o})=>t.createElement(s.NoticeTitle,{...o,className:a,as:e,type:"page"},n),y=({className:a,children:e})=>t.createElement(s.NoticeFooter,{className:a,type:"page"},e),h=({className:a,type:e,children:n,...o})=>t.createElement("p",{className:u(a,`${e}-notice__cta`),...o},n),f=({className:a,children:e})=>t.createElement(h,{className:a,type:"page"},e);exports.EbayNoticeContent=l.EbayNoticeContent;exports.EbayPageNotice=C;exports.EbayPageNoticeCTA=f;exports.EbayPageNoticeFooter=y;exports.EbayPageNoticeTitle=P;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("./notice-content-9iF4T8uB.js"),l=require("./notice-content-C0ZStfuX.js"),r=require("./icon-DEn4Lfbd.js");require("classnames");const s=require("./notice-footer-Cw1DMzoB.js"),u=require("./common/notice-utils/notice-cta.js"),C=({id:n,status:e="general",children:a,a11yDismissText:o,"aria-label":E,onDismiss:b=()=>{},...g})=>{const[m,N]=t.useState(!1),i=t.Children.toArray(a).find(c=>c.type===l.EbayNoticeContent);if(!i)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const d=c=>{N(!0),b(c)};return m?null:t.createElement("section",{...g,"aria-labelledby":n||`${e}-status`,className:`page-notice ${e!=="general"?`page-notice--${e}`:""}`,role:"region"},e!=="general"?t.createElement("div",{className:"page-notice__header",id:n||`${e}-status`},t.createElement(r.EbayIcon,{name:`${e}Filled16`,a11yText:E,a11yVariant:"label"})):null,t.createElement(p.NoticeContent,{...i.props,type:"page"}),a,o&&t.createElement(y,null,t.createElement("button",{"aria-label":o,className:"fake-link page-notice__dismiss",onClick:d},t.createElement(r.EbayIcon,{name:"close16"}))))},P=({className:n,as:e,children:a,...o})=>t.createElement(s.NoticeTitle,{...o,className:n,as:e,type:"page"},a),y=({className:n,children:e})=>t.createElement(s.NoticeFooter,{className:n,type:"page"},e),h=({className:n,children:e})=>t.createElement(u,{className:n,type:"page"},e);exports.EbayNoticeContent=l.EbayNoticeContent;exports.EbayPageNotice=C;exports.EbayPageNoticeCTA=h;exports.EbayPageNoticeFooter=y;exports.EbayPageNoticeTitle=P;