@ebay/ui-core-react 7.4.0 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/README.md +0 -3
  2. package/button-6S4U-4HH.js +1 -0
  3. package/{calendar-lAu6VfAb.js → calendar-hBaLhOjI.js} +1 -1
  4. package/common/dropdown.d.ts +20 -0
  5. package/common/dropdown.d.ts.map +1 -0
  6. package/common/floating-label-utils/hooks.d.ts.map +1 -1
  7. package/dialog-previous-button-B-fysL3O.js +1 -0
  8. package/dropdown-pp-aluo7.js +1 -0
  9. package/ebay-accordion/README.md +61 -0
  10. package/ebay-accordion/accordion.d.ts +16 -0
  11. package/ebay-accordion/accordion.d.ts.map +1 -0
  12. package/ebay-accordion/index.d.ts +3 -0
  13. package/ebay-accordion/index.d.ts.map +1 -0
  14. package/ebay-accordion/index.js +2 -0
  15. package/ebay-alert-dialog/index.js +1 -1
  16. package/ebay-breadcrumbs/index.js +1 -1
  17. package/ebay-button/README.md +1 -1
  18. package/ebay-button/button.d.ts.map +1 -1
  19. package/ebay-button/index.js +1 -1
  20. package/ebay-button/types.d.ts +1 -1
  21. package/ebay-button/types.d.ts.map +1 -1
  22. package/ebay-calendar/index.js +1 -1
  23. package/ebay-carousel/index.js +1 -1
  24. package/ebay-checkbox/index.js +1 -1
  25. package/ebay-confirm-dialog/index.js +1 -1
  26. package/ebay-cta-button/index.js +1 -1
  27. package/ebay-date-textbox/date-textbox.d.ts.map +1 -1
  28. package/ebay-date-textbox/index.js +1 -1
  29. package/ebay-details/README.md +51 -0
  30. package/ebay-details/ebay-details.d.ts +17 -0
  31. package/ebay-details/ebay-details.d.ts.map +1 -0
  32. package/ebay-details/index.d.ts +2 -0
  33. package/ebay-details/index.d.ts.map +1 -0
  34. package/ebay-details/index.js +1 -0
  35. package/ebay-details-q_d7qlcN.js +1 -0
  36. package/ebay-dialog-base/index.js +1 -1
  37. package/{ebay-drawer-dialog → ebay-drawer-dialog-deprecated}/README.md +9 -8
  38. package/{ebay-drawer-dialog → ebay-drawer-dialog-deprecated}/components/drawer.d.ts +2 -6
  39. package/ebay-drawer-dialog-deprecated/components/drawer.d.ts.map +1 -0
  40. package/ebay-drawer-dialog-deprecated/index.d.ts +2 -0
  41. package/ebay-drawer-dialog-deprecated/index.d.ts.map +1 -0
  42. package/ebay-drawer-dialog-deprecated/index.js +1 -0
  43. package/ebay-eek/index.js +1 -1
  44. package/ebay-fake-menu/index.js +1 -1
  45. package/ebay-fake-menu/menu.d.ts +4 -3
  46. package/ebay-fake-menu/menu.d.ts.map +1 -1
  47. package/ebay-fake-menu-button/README.md +1 -1
  48. package/ebay-fake-menu-button/index.js +1 -1
  49. package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
  50. package/ebay-fake-tabs/index.js +1 -1
  51. package/{ebay-fullscreen-dialog → ebay-fullscreen-dialog-deprecated}/README.md +6 -4
  52. package/{ebay-fullscreen-dialog → ebay-fullscreen-dialog-deprecated}/fullscreen-dialog.d.ts +2 -2
  53. package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts.map +1 -0
  54. package/ebay-fullscreen-dialog-deprecated/index.d.ts +2 -0
  55. package/ebay-fullscreen-dialog-deprecated/index.d.ts.map +1 -0
  56. package/ebay-fullscreen-dialog-deprecated/index.js +1 -0
  57. package/ebay-icon/README.md +1 -1
  58. package/ebay-icon/index.js +1 -1
  59. package/ebay-icon/types.d.ts +1 -1
  60. package/ebay-icon/types.d.ts.map +1 -1
  61. package/ebay-icon-button/index.js +1 -1
  62. package/ebay-infotip/README.md +0 -2
  63. package/ebay-infotip/ebay-infotip.d.ts +0 -2
  64. package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
  65. package/ebay-infotip/index.js +1 -1
  66. package/ebay-inline-notice/index.js +1 -1
  67. package/ebay-lightbox-dialog/README.md +2 -0
  68. package/ebay-lightbox-dialog/index.js +1 -1
  69. package/ebay-lightbox-dialog/lightbox-dialog.d.ts +3 -1
  70. package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
  71. package/ebay-listbox/README.md +100 -0
  72. package/ebay-listbox/index.d.ts +4 -0
  73. package/ebay-listbox/index.d.ts.map +1 -0
  74. package/ebay-listbox/index.js +1 -0
  75. package/ebay-listbox/listbox-option-description.d.ts +4 -0
  76. package/ebay-listbox/listbox-option-description.d.ts.map +1 -0
  77. package/ebay-listbox/listbox-option.d.ts +10 -0
  78. package/ebay-listbox/listbox-option.d.ts.map +1 -0
  79. package/ebay-listbox/listbox.d.ts +21 -0
  80. package/ebay-listbox/listbox.d.ts.map +1 -0
  81. package/ebay-listbox-button/index.js +2 -2
  82. package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
  83. package/ebay-menu/index.js +1 -1
  84. package/ebay-menu/menu.d.ts.map +1 -1
  85. package/ebay-menu/types.d.ts +2 -1
  86. package/ebay-menu/types.d.ts.map +1 -1
  87. package/ebay-menu-button/README.md +1 -1
  88. package/ebay-menu-button/index.js +1 -1
  89. package/ebay-menu-button/menu-button.d.ts.map +1 -1
  90. package/ebay-page-notice/index.js +1 -1
  91. package/ebay-pagination/index.js +1 -1
  92. package/ebay-panel-dialog/index.js +1 -1
  93. package/ebay-progress-spinner/index.js +1 -1
  94. package/ebay-progress-stepper/index.js +1 -1
  95. package/ebay-radio/index.js +1 -1
  96. package/ebay-section-notice/index.js +1 -1
  97. package/ebay-section-title/index.js +1 -1
  98. package/ebay-segmented-buttons/index.js +1 -1
  99. package/ebay-select/index.js +1 -1
  100. package/ebay-snackbar-dialog/index.js +1 -1
  101. package/ebay-split-button/README.md +1 -1
  102. package/ebay-split-button/index.js +1 -1
  103. package/ebay-star-rating/index.js +1 -1
  104. package/ebay-star-rating-select/index.js +1 -1
  105. package/ebay-svg/index.js +1 -1
  106. package/ebay-svg/symbols.d.ts.map +1 -1
  107. package/ebay-tabs/README.md +1 -3
  108. package/ebay-tabs/index.js +1 -1
  109. package/ebay-tabs/tabs.d.ts.map +1 -1
  110. package/ebay-tabs/types.d.ts +2 -6
  111. package/ebay-tabs/types.d.ts.map +1 -1
  112. package/ebay-textbox/index.js +1 -1
  113. package/ebay-toast-dialog/README.md +3 -3
  114. package/ebay-toast-dialog/index.js +1 -1
  115. package/ebay-toggle-button/index.js +1 -1
  116. package/ebay-toggle-button-group/index.js +1 -1
  117. package/ebay-tooltip/index.js +1 -1
  118. package/ebay-tourtip/index.js +1 -1
  119. package/ebay-video/index.js +1 -1
  120. package/events/index.js +1 -1
  121. package/forwardRef-fPwzYd82.js +1 -0
  122. package/hooks-5qES90Sx.js +1 -0
  123. package/icon-D4RDqpD4.js +1 -0
  124. package/icon-button-Bjjvld0a.js +1 -0
  125. package/index-Bsb1LHpi.js +1 -0
  126. package/lightbox-dialog-Il3dBNcR.js +1 -0
  127. package/menu-DAOhKkcI.js +1 -0
  128. package/menu-button-label-DJq794te.js +1 -0
  129. package/menu-button-label-D_04ZC3p.js +1 -0
  130. package/menu-item-Cf-tQ72X.js +1 -0
  131. package/notice-cta-FAd6zCdx.js +1 -0
  132. package/package.json +18 -80
  133. package/{progress-spinner-U2qOANON.js → progress-spinner-CF3qoWE3.js} +1 -1
  134. package/scroll-OgAngNzq.js +1 -0
  135. package/textbox-DZRVQetR.js +1 -0
  136. package/{toggle-button-D8l0YB43.js → toggle-button-CFPnYlex.js} +1 -1
  137. package/use-tooltip-BEiQpMDa.js +1 -0
  138. package/utils/index.d.ts +1 -0
  139. package/utils/index.d.ts.map +1 -1
  140. package/utils/index.js +1 -1
  141. package/utils/scroll.d.ts +2 -0
  142. package/utils/scroll.d.ts.map +1 -0
  143. package/utils-C9NL3q0j.js +1 -0
  144. package/button-DGuEBUDJ.js +0 -1
  145. package/common/component-utils/forwardRef/index.js +0 -1
  146. package/common/component-utils/index.js +0 -1
  147. package/common/component-utils/utils/index.js +0 -1
  148. package/common/event-utils/index.js +0 -1
  149. package/common/floating-label-utils/hooks/index.js +0 -1
  150. package/common/notice-utils/notice-cta/index.js +0 -1
  151. package/common/random-id/index.js +0 -1
  152. package/common/tooltip-utils/constants/index.js +0 -1
  153. package/common/tooltip-utils/index.js +0 -1
  154. package/dialog-previous-button-CpuFLkQp.js +0 -1
  155. package/drawer-rqXAEeqd.js +0 -1
  156. package/ebay-dialog-base/components/animation/index.js +0 -1
  157. package/ebay-dialog-base/components/dialog-footer/index.js +0 -1
  158. package/ebay-dialog-base/components/dialog-header/index.js +0 -1
  159. package/ebay-drawer-dialog/components/drawer.d.ts.map +0 -1
  160. package/ebay-drawer-dialog/index.d.ts +0 -2
  161. package/ebay-drawer-dialog/index.d.ts.map +0 -1
  162. package/ebay-drawer-dialog/index.js +0 -1
  163. package/ebay-fake-menu/menu-item/index.js +0 -1
  164. package/ebay-fake-menu-button/menu-button/index.js +0 -1
  165. package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts.map +0 -1
  166. package/ebay-fullscreen-dialog/index.d.ts +0 -2
  167. package/ebay-fullscreen-dialog/index.d.ts.map +0 -1
  168. package/ebay-fullscreen-dialog/index.js +0 -1
  169. package/ebay-radio/radio/index.js +0 -1
  170. package/icon-TuxfQndO.js +0 -1
  171. package/icon-button-Cwaj-eT9.js +0 -1
  172. package/menu-CV-INYLM.js +0 -1
  173. package/menu-_LzP6yje.js +0 -1
  174. package/menu-button-BZ66jxvI.js +0 -1
  175. package/notice-footer-Cw1DMzoB.js +0 -1
  176. package/textbox-dUhinDwj.js +0 -1
  177. package/use-tooltip-CL3_zAeg.js +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/symbols.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,qBAk0BnB,CAAA"}
1
+ {"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/symbols.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,qBAy3BnB,CAAA"}
@@ -28,7 +28,6 @@ import '@ebay/skin/tabs';
28
28
 
29
29
  Name | Type | Stateful | Description
30
30
  --- | --- | --- | ---
31
- `index` |Number | Yes | Deprecated, use `selectedIndex` instead. 0-based index of selected tab heading and panel
32
31
  `selectedIndex` |Number | Yes | 0-based index of selected tab heading and panel
33
32
  `activation` | Enum | Yes | whether to use automatic or manual activation when navigating by keyboard, can be `auto` (default) or `manual`
34
33
  `size` | Enum | No | Whether to opt into larger font-size for tab headings, can be `medium` (default) or `large`
@@ -37,8 +36,7 @@ Name | Type | Stateful | Description
37
36
 
38
37
  | Event | Data | Description |
39
38
  |---------------|-------------------------------------------|---------------------------------------------------------------------------------------------------------|
40
- | `onTabSelect` | `({ index: number })` | Triggered on tab selected. Deprecated, use onSelect instead. Will be removed in the next major release. |
41
- | `onSelect` | `(ChangeEvent, { selectedIndex:number })` | Triggered on tab selected. |
39
+ | `onSelect` | `({ selectedIndex:number })` | Triggered on tab selected. |
42
40
 
43
41
  ## EbayTab
44
42
 
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),m=require("classnames"),h=require("../common/event-utils/index.js"),_=require("../common/component-utils/utils/index.js"),E=({children:l,index:c,parentId:n,selected:r,focused:o,className:d,refCallback:i,...b})=>a.createElement("div",{...b,ref:i,"aria-controls":`${n||"default"}-tabpanel-${c}`,"aria-selected":r,className:m(d,"tabs__item"),id:`${n||"default"}-tab-${c}`,role:"tab",tabIndex:o?0:-1},a.createElement("span",null,l)),x=({children:l,index:c,parentId:n,selected:r,className:o,...d})=>a.createElement("div",{...d,"aria-labelledby":`default-tab-${c}`,className:m(o,"tabs__panel"),id:`${n||"default"}-tabpanel-${c}`,role:"tabpanel",hidden:!r},a.createElement("div",{className:"tabs__cell"},l)),q=({id:l,className:c,index:n=0,size:r="medium",activation:o="auto",onSelect:d=()=>{},onTabSelect:i=()=>{},children:b})=>{const I=[],[f,N]=a.useState(n),[p,T]=a.useState(n),u=e=>{d({selectedIndex:e}),i(e),N(e)},$=(e,t)=>{h.handleActionKeydown(e,()=>{e.preventDefault(),o==="manual"&&u(t)}),h.handleLeftRightArrowsKeydown(e,()=>{var g;e.preventDefault();const s=_.filterByType(b,E).length,P=["Left","ArrowLeft"].includes(e.key)?-1:1,y=((p===void 0?f:p)+s+P)%s;T(y),(g=I[y])==null||g.focus(),o!=="manual"&&u(y)})};a.useEffect(()=>{u(n)},[n]);const v=r==="large",w=_.filterByType(b,E).map((e,t)=>a.cloneElement(e,{...e.props,refCallback:s=>{I[t]=s},index:t,parentId:l,selected:f===t,focused:p===t,onClick:()=>{u(t),T(t)},onKeyDown:s=>{$(s,t)}})),S=_.filterByType(b,x).map((e,t)=>{const s={index:t,parentId:l,selected:f===t,children:e.props.children};return a.cloneElement(e,s)});return a.createElement("div",{id:l,className:m(c,"tabs")},a.createElement("div",{className:m("tabs__items",{"tabs__items--large":v}),role:"tablist"},w),a.createElement("div",{className:"tabs__content"},S))};exports.EbayTab=E;exports.EbayTabPanel=x;exports.EbayTabs=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),m=require("classnames"),g=require("../index-Bsb1LHpi.js"),E=require("../utils-C9NL3q0j.js"),_=({children:l,index:c,parentId:n,selected:o,focused:r,className:d,refCallback:b,...u})=>a.createElement("div",{...u,ref:b,"aria-controls":`${n||"default"}-tabpanel-${c}`,"aria-selected":o,className:m(d,"tabs__item"),id:`${n||"default"}-tab-${c}`,role:"tab",tabIndex:r?0:-1},a.createElement("span",null,l)),x=({children:l,index:c,parentId:n,selected:o,className:r,...d})=>a.createElement("div",{...d,"aria-labelledby":`default-tab-${c}`,className:m(r,"tabs__panel"),id:`${n||"default"}-tabpanel-${c}`,role:"tabpanel",hidden:!o},a.createElement("div",{className:"tabs__cell"},l)),q=({id:l,className:c,selectedIndex:n=0,size:o="medium",activation:r="auto",onSelect:d=()=>{},children:b})=>{const u=[],[f,h]=a.useState(n),[p,I]=a.useState(n),i=e=>{d({selectedIndex:e}),h(e)},N=(e,t)=>{g.handleActionKeydown(e,()=>{e.preventDefault(),r==="manual"&&i(t)}),g.handleLeftRightArrowsKeydown(e,()=>{var T;e.preventDefault();const s=E.filterByType(b,_).length,P=["Left","ArrowLeft"].includes(e.key)?-1:1,y=((p===void 0?f:p)+s+P)%s;I(y),(T=u[y])==null||T.focus(),r!=="manual"&&i(y)})};a.useEffect(()=>{i(n)},[n]);const w=o==="large",S=E.filterByType(b,_).map((e,t)=>a.cloneElement(e,{...e.props,refCallback:s=>{u[t]=s},index:t,parentId:l,selected:f===t,focused:p===t,onClick:()=>{i(t),I(t)},onKeyDown:s=>{N(s,t)}})),v=E.filterByType(b,x).map((e,t)=>{const s={index:t,parentId:l,selected:f===t,children:e.props.children};return a.cloneElement(e,s)});return a.createElement("div",{id:l,className:m(c,"tabs")},a.createElement("div",{className:m("tabs__items",{"tabs__items--large":w}),role:"tablist"},S),a.createElement("div",{className:"tabs__content"},v))};exports.EbayTab=_;exports.EbayTabPanel=x;exports.EbayTabs=q;
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ebay-tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,EAAE,EAAsC,MAAM,OAAO,CAAA;AAOnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA4FvB,CAAA;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ebay-tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,EAAE,EAAsC,MAAM,OAAO,CAAA;AAOnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0FvB,CAAA;AAED,eAAe,IAAI,CAAA"}
@@ -4,14 +4,10 @@ export type Size = 'medium' | 'large';
4
4
  export type OnSelectProps = {
5
5
  selectedIndex: number;
6
6
  };
7
- export type TabsProps = ComponentProps<'div'> & {
8
- index?: number;
7
+ export type TabsProps = Omit<ComponentProps<'div'>, 'onSelect'> & {
8
+ selectedIndex?: number;
9
9
  size?: Size;
10
10
  activation?: Activation;
11
11
  onSelect?: (props: OnSelectProps) => void;
12
- /**
13
- * @deprecated Use onSelect instead
14
- */
15
- onTabSelect?: (index: number) => void;
16
12
  };
17
13
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,CAAA"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../textbox-dUhinDwj.js"),x=require("../common/floating-label-utils/hooks/index.js");exports.EbayTextbox=e.EbayTextbox;exports.EbayTextboxPostfixIcon=e.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=e.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=e.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=e.EbayTextboxPrefixText;exports.useFloatingLabel=x.useFloatingLabel;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../textbox-DZRVQetR.js"),x=require("../hooks-5qES90Sx.js");exports.EbayTextbox=e.EbayTextbox;exports.EbayTextboxPostfixIcon=e.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=e.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=e.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=e.EbayTextboxPrefixText;exports.useFloatingLabel=x.useFloatingLabel;
@@ -15,7 +15,7 @@
15
15
 
16
16
  | Name | Type | Stateful | Required | Description |
17
17
  | --------------- | ------- | -------- | -------- | ----------- |
18
- | `open` | Boolean | Yes | No | Whether drawer is open. |
18
+ | `open` | Boolean | Yes | No | Whether toast is open. |
19
19
  | `a11yCloseText` | String | No | Yes | A11y text for close button and mask. |
20
20
  | `animated` | Boolean | Yes | No | Renders the dialog with an animation. Note that the dialog will always be present in the DOM |
21
21
 
@@ -23,5 +23,5 @@
23
23
 
24
24
  | Event | Data | Description |
25
25
  | --------- | ---- | ------------- |
26
- | `onShow` | | drawer opened |
27
- | `onClose` | | drawer closed |
26
+ | `onOpen` | | toast opened |
27
+ | `onClose` | | toast closed |
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("classnames"),i=require("../dialog-previous-button-CpuFLkQp.js");require("../icon-button-Cwaj-eT9.js");const r=({className:t,onClose:e=()=>{},...o})=>a.createElement(i.DialogBaseWithState,{...o,isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:s(t,"toast-dialog--transition"),onCloseBtnClick:e});exports.EbayToast=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("classnames"),i=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const r=({className:t,onClose:e=()=>{},...o})=>a.createElement(i.DialogBaseWithState,{...o,isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:s(t,"toast-dialog--transition"),onCloseBtnClick:e});exports.EbayToast=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-D8l0YB43.js");exports.EbayToggleButton=t.ToggleButton;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-CFPnYlex.js");exports.EbayToggleButton=t.ToggleButton;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),P=require("classnames"),h=require("../common/component-utils/utils/index.js"),w=require("../toggle-button-D8l0YB43.js"),G=({a11yText:u,a11yLabelId:c,layoutType:m="minimal",variant:r="checkbox",children:g,columnsMin:d,columnsXS:i,columnsSM:b,columnsMD:p,columnsXL:B,onChange:a,className:y,...k})=>{const n=h.filterByType(g,w.ToggleButton),T=()=>n.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[E,f]=l.useState(T),q=l.useCallback((s,e)=>{f(t=>{let o={};switch(r){case"checkbox":o={...t},o[e]=!t[e];break;case"radio-toggle":o[e]=!t[e];break;case"radio":o[e]=!0;break}return a&&a(s,{pressedButtonsIndex:o}),o})},[r,a]);return l.createElement("div",{className:P(y,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":i,"data-columns-sm":b,"data-columns-md":p,"data-columns-xl":B,...k},l.createElement("ul",{"aria-label":u,"aria-labelledby":c},n.map((s,e)=>l.createElement("li",{key:e},l.cloneElement(s,{layoutType:m,pressed:E[e],onToggle:t=>{q(t,e)}})))))};exports.EbayToggleButtonGroup=G;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),P=require("classnames"),h=require("../utils-C9NL3q0j.js"),w=require("../toggle-button-CFPnYlex.js"),G=({a11yText:n,a11yLabelId:c,layoutType:g="minimal",variant:r="checkbox",children:m,columnsMin:d,columnsXS:b,columnsSM:i,columnsMD:p,columnsXL:B,onChange:a,className:y,...k})=>{const u=h.filterByType(m,w.ToggleButton),T=()=>u.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[E,f]=l.useState(T),q=l.useCallback((s,e)=>{f(t=>{let o={};switch(r){case"checkbox":o={...t},o[e]=!t[e];break;case"radio-toggle":o[e]=!t[e];break;case"radio":o[e]=!0;break}return a&&a(s,{pressedButtonsIndex:o}),o})},[r,a]);return l.createElement("div",{className:P(y,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":b,"data-columns-sm":i,"data-columns-md":p,"data-columns-xl":B,...k},l.createElement("ul",{"aria-label":n,"aria-labelledby":c},u.map((s,e)=>l.createElement("li",{key:e},l.cloneElement(s,{layoutType:g,pressed:E[e],onToggle:t=>{q(t,e)}})))))};exports.EbayToggleButtonGroup=G;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../common/component-utils/utils/index.js"),t=require("../use-tooltip-CL3_zAeg.js");require("classnames");require("../icon-TuxfQndO.js");require("../array.polyfill.flat-5BAolFdk.js");const c=require("../common/tooltip-utils/constants/index.js"),u=()=>null,E=()=>null,N=({className:m,pointer:y,overlayStyle:f,noHover:i,onFocus:h=()=>{},onBlur:b=()=>{},onMouseEnter:d=()=>{},onMouseLeave:O=()=>{},onExpand:_,onCollapse:R,children:l,...C})=>{const{isExpanded:I,expandTooltip:s,collapseTooltip:r}=t.useTooltip({onCollapse:R,onExpand:_}),n=e.useRef(),q=o=>{d(o),i||(clearTimeout(n.current),s())},P=o=>{O(o),i||(clearTimeout(n.current),n.current=setTimeout(()=>{r()},300))},F=o=>{h(o),s()},L=o=>{b(o),r()},p=a.findComponent(l,u),T=a.findComponent(l,E);if(!T)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!p)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return e.createElement(t.Tooltip,{...C,className:m,type:"tooltip",isExpanded:I,onFocus:F,onBlur:L,onMouseEnter:q,onMouseLeave:P},e.createElement(t.TooltipHost,{...T.props}),e.createElement(t.TooltipContent,{...p.props,type:"tooltip",style:f,pointer:y}))};exports.Tooltip=t.Tooltip;exports.TooltipFooter=t.TooltipFooter;exports.DEFAULT_POINTER_DIRECTION=c.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=c.POINTER_STYLES;exports.EbayTooltip=N;exports.EbayTooltipContent=u;exports.EbayTooltipHost=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../utils-C9NL3q0j.js"),o=require("../use-tooltip-BEiQpMDa.js");require("classnames");require("../icon-D4RDqpD4.js");require("../array.polyfill.flat-5BAolFdk.js");const u=()=>null,c=()=>null,N=({className:E,pointer:y,overlayStyle:f,noHover:l,onFocus:h=()=>{},onBlur:b=()=>{},onMouseEnter:d=()=>{},onMouseLeave:O=()=>{},onExpand:m,onCollapse:R,children:i,...C})=>{const{isExpanded:I,expandTooltip:s,collapseTooltip:r}=o.useTooltip({onCollapse:R,onExpand:m}),n=e.useRef(),P=t=>{d(t),l||(clearTimeout(n.current),s())},q=t=>{O(t),l||(clearTimeout(n.current),n.current=setTimeout(()=>{r()},300))},F=t=>{h(t),s()},L=t=>{b(t),r()},p=a.findComponent(i,u),T=a.findComponent(i,c);if(!T)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!p)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return e.createElement(o.Tooltip,{...C,className:E,type:"tooltip",isExpanded:I,onFocus:F,onBlur:L,onMouseEnter:P,onMouseLeave:q},e.createElement(o.TooltipHost,{...T.props}),e.createElement(o.TooltipContent,{...p.props,type:"tooltip",style:f,pointer:y}))};exports.DEFAULT_POINTER_DIRECTION=o.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=o.POINTER_STYLES;exports.Tooltip=o.Tooltip;exports.TooltipFooter=o.TooltipFooter;exports.EbayTooltip=N;exports.EbayTooltipContent=u;exports.EbayTooltipHost=c;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=require("../common/component-utils/utils/index.js"),n=require("../use-tooltip-CL3_zAeg.js"),_=require("classnames");require("../icon-TuxfQndO.js");require("../array.polyfill.flat-5BAolFdk.js");const T=()=>null,d=()=>null,y=({index:e,children:r})=>t.createElement(t.Fragment,null,e!==void 0&&t.createElement("span",{className:"tourtip__index"},e),r),f=({as:e,children:r,className:a,...o})=>{const s=e||"h2";return t.createElement(s,{...o,className:_("tourtip__heading",a)},r)},F=({a11yCloseText:e,"aria-label":r,className:a,children:o,onCollapse:s,onExpand:m,overlayStyle:b,pointer:h,...C})=>{const p=t.useRef(),{isExpanded:u,collapseTooltip:g}=n.useTooltip({onExpand:m,onCollapse:s,initialExpanded:!0,hostRef:p}),H=t.useRef(),l=i.findComponent(o,T);if(!l)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const{children:q,contentProps:w}=l.props,c=i.findComponent(o,d);if(!c)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const R=i.findComponent(o,f),E=i.findComponent(o,y);return t.createElement(n.Tooltip,{...C,className:a,type:"tourtip",isExpanded:u,ref:H},t.createElement(n.TooltipHost,{...c.props,forwardedRef:p,"aria-label":r,"aria-expanded":u}),t.createElement(n.TooltipContent,{...w,a11yCloseText:e,onClose:g,pointer:h,showCloseButton:!0,style:b,type:"tourtip"},R,q,E&&t.createElement(n.TooltipFooter,{type:"tourtip"},E)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=F;exports.EbayTourtipContent=T;exports.EbayTourtipFooter=y;exports.EbayTourtipHeading=f;exports.EbayTourtipHost=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-BEiQpMDa.js"),F=require("classnames");require("../icon-D4RDqpD4.js");require("../array.polyfill.flat-5BAolFdk.js");const T=()=>null,d=()=>null,y=({index:e,children:r})=>t.createElement(t.Fragment,null,e!==void 0&&t.createElement("span",{className:"tourtip__index"},e),r),f=({as:e,children:r,className:a,...o})=>{const s=e||"h2";return t.createElement(s,{...o,className:F("tourtip__heading",a)},r)},P=({a11yCloseText:e,"aria-label":r,className:a,children:o,onCollapse:s,onExpand:b,overlayStyle:m,pointer:h,...C})=>{const p=t.useRef(),{isExpanded:u,collapseTooltip:g}=n.useTooltip({onExpand:b,onCollapse:s,initialExpanded:!0,hostRef:p}),H=t.useRef(),l=i.findComponent(o,T);if(!l)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const{children:q,contentProps:w}=l.props,c=i.findComponent(o,d);if(!c)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const R=i.findComponent(o,f),E=i.findComponent(o,y);return t.createElement(n.Tooltip,{...C,className:a,type:"tourtip",isExpanded:u,ref:H},t.createElement(n.TooltipHost,{...c.props,forwardedRef:p,"aria-label":r,"aria-expanded":u}),t.createElement(n.TooltipContent,{...w,a11yCloseText:e,onClose:g,pointer:h,showCloseButton:!0,style:m,type:"tourtip"},R,q,E&&t.createElement(n.TooltipFooter,{type:"tourtip"},E)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=P;exports.EbayTourtipContent=T;exports.EbayTourtipFooter=y;exports.EbayTourtipHeading=f;exports.EbayTourtipHost=d;
@@ -1 +1 @@
1
- "use strict";var Q=Object.defineProperty;var X=(n,r,o)=>r in n?Q(n,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[r]=o;var T=(n,r,o)=>X(n,typeof r!="symbol"?r+"":r,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),Z=require("../common/component-utils/utils/index.js"),_=require("../icon-TuxfQndO.js"),ee=require("../progress-spinner-U2qOANON.js"),te=require("react-dom/client"),w=({...n})=>e.createElement("source",{...n}),ne=7e3,re=11,V={addBigPlayButton:!1,addSeekBar:!0,controlPanelElements:["play_pause","time_and_duration","spacer","mute","report","captions","fullscreen"]},oe=({callback:n,children:r})=>e.createElement("button",{className:"video-player__report-button",ref:n},e.createElement(_.EbayIcon,{name:"flag24"}),r);function ae(n=()=>{}){const r=class extends d.ui.Element{constructor(o,u,y){super(o,u);const i=document.createElement("div"),E=()=>{const m=i.firstChild;o.appendChild(m),i.remove(),this.eventManager.listen(m,"click",n)};te.createRoot(i).render(e.createElement(oe,{callback:E},y))}};return r.Factory=class{constructor(o){T(this,"reportText");this.reportText=o}create(o,u){return new r(o,u,this.reportText)}},{Report:r}}const le=({width:n,height:r,thumbnail:o,action:u,muted:y,playView:i="inline",a11yLoadText:E,a11yPlayText:m,reportText:R,volumeSlider:A,volume:x=1,hideReportButton:I,errorText:L,onVolumeChange:F=()=>{},onLoadError:M=()=>{},onPlay:z=()=>{},onReport:$=()=>{},children:j,...D})=>{const[P,v]=e.useState(),[S,H]=e.useState(),[k,U]=e.useState(),[h,C]=e.useState(),N=e.useRef(null),l=e.useRef(null),s=e.useRef(null),p=e.useRef(null),f=Z.filterByType(j,w).map(({props:t})=>t),B=t=>{v(!0),C(!0),M(t)},g=(t=0)=>{var a;!f.length||!s.current||(v(!1),s.current.load((a=f[t])==null?void 0:a.src).then(()=>{C(!1)}).catch(c=>{switch(console.error(c),c.code){case ne:return;case re:setTimeout(()=>g(t),0);break;default:{const q=f.length>t+1&&t+1;q?setTimeout(()=>g(q),0):B(c)}}}).finally(()=>{v(!0)}))};e.useEffect(()=>{const t=l.current,a=N.current;if(!(!t||!a)&&(t.volume=x,d.polyfill.installAll(),s.current=new d.Player(t),!!s.current)){if(s.current.addEventListener("error",B),s.current.addEventListener("buffering",c=>{H(c.buffering)}),p.current=new d.ui.Overlay(s.current,a,t,R),p.current.configure({addBigPlayButton:!0,controlPanelElements:[],addSeekBar:!1}),!I){const{Report:c}=ae($);d.ui.Controls.registerElement("report",new c.Factory(R))}g(),ce(a)}},[]),e.useEffect(()=>{switch(u){case"play":l.current.play();break;case"pause":l.current.pause();break}},[u]);const W=()=>{if(!p.current)return;const t=A?{controlPanelElements:se(V.controlPanelElements)}:{};p.current.configure({...V,...t}),l.current.controls=!1},Y=t=>{t.stopPropagation(),W(),i==="fullscreen"&&l.current.requestFullscreen(),U(!0),z(t,{player:s.current})},G=()=>{l.current.play()},J=t=>{const a=t.currentTarget;F(t,{volume:Math.round((a.volume+Number.EPSILON)*100)/100,muted:a.muted})},K=()=>{l.current.controls=!1},O={width:n?`${n}px`:void 0,height:r?`${r}px`:void 0};return e.createElement("div",{style:O,className:b("video-player",{"video-player--poster":!k})},!k&&P&&!h&&!S&&e.createElement("div",{className:"shaka-play-button-container"},e.createElement("button",{onClick:G,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":m},e.createElement(_.EbayIcon,{name:"playFilled64Colored"}))),e.createElement("div",{className:"video-player__container",ref:N},e.createElement("video",{ref:l,style:O,poster:o,muted:y||!1,onPlaying:Y,onPause:K,onVolumeChange:J,...D},f.map((t,a)=>e.createElement("source",{key:a,...t})))),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":!h})},e.createElement(_.EbayIcon,{name:"attention64"}),e.createElement("div",{className:"video-player__overlay-text"},L)),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":P&&(h||!S)})},e.createElement(ee.EbayProgressSpinner,{size:"large","aria-label":E})))};function se(n){const r=n.length-2>0?n.length-2:n.length,o=[...n];return o.splice(r,0,"volume"),o}function ce(n){const r=n.querySelectorAll(".shaka-spinner")[0];r&&r.setAttribute("hidden","")}exports.EbayVideo=le;exports.EbayVideoSource=w;
1
+ "use strict";var U=Object.defineProperty;var X=(n,r,a)=>r in n?U(n,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[r]=a;var T=(n,r,a)=>X(n,typeof r!="symbol"?r+"":r,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),Z=require("../utils-C9NL3q0j.js"),R=require("../icon-D4RDqpD4.js"),ee=require("../progress-spinner-CF3qoWE3.js"),te=require("react-dom/client"),w=({...n})=>e.createElement("source",{...n}),ne=7e3,re=11,V={addBigPlayButton:!1,addSeekBar:!0,controlPanelElements:["play_pause","time_and_duration","spacer","mute","report","captions","fullscreen"]},ae=({callback:n,children:r})=>e.createElement("button",{className:"video-player__report-button",ref:n},e.createElement(R.EbayIcon,{name:"flag24"}),r);function oe(n=()=>{}){const r=class extends d.ui.Element{constructor(a,u,y){super(a,u);const i=document.createElement("div"),E=()=>{const m=i.firstChild;a.appendChild(m),i.remove(),this.eventManager.listen(m,"click",n)};te.createRoot(i).render(e.createElement(ae,{callback:E},y))}};return r.Factory=class{constructor(a){T(this,"reportText");this.reportText=a}create(a,u){return new r(a,u,this.reportText)}},{Report:r}}const le=({width:n,height:r,thumbnail:a,action:u,muted:y,playView:i="inline",a11yLoadText:E,a11yPlayText:m,reportText:_,volumeSlider:A,volume:x=1,hideReportButton:I,errorText:L,onVolumeChange:F=()=>{},onLoadError:M=()=>{},onPlay:z=()=>{},onReport:$=()=>{},children:j,...D})=>{const[P,v]=e.useState(),[S,H]=e.useState(),[k,W]=e.useState(),[h,C]=e.useState(),N=e.useRef(null),l=e.useRef(null),s=e.useRef(null),p=e.useRef(null),f=Z.filterByType(j,w).map(({props:t})=>t),B=t=>{v(!0),C(!0),M(t)},g=(t=0)=>{var o;!f.length||!s.current||(v(!1),s.current.load((o=f[t])==null?void 0:o.src).then(()=>{C(!1)}).catch(c=>{switch(console.error(c),c.code){case ne:return;case re:setTimeout(()=>g(t),0);break;default:{const q=f.length>t+1&&t+1;q?setTimeout(()=>g(q),0):B(c)}}}).finally(()=>{v(!0)}))};e.useEffect(()=>{const t=l.current,o=N.current;if(!(!t||!o)&&(t.volume=x,d.polyfill.installAll(),s.current=new d.Player(t),!!s.current)){if(s.current.addEventListener("error",B),s.current.addEventListener("buffering",c=>{H(c.buffering)}),p.current=new d.ui.Overlay(s.current,o,t,_),p.current.configure({addBigPlayButton:!0,controlPanelElements:[],addSeekBar:!1}),!I){const{Report:c}=oe($);d.ui.Controls.registerElement("report",new c.Factory(_))}g(),ce(o)}},[]),e.useEffect(()=>{switch(u){case"play":l.current.play();break;case"pause":l.current.pause();break}},[u]);const Y=()=>{if(!p.current)return;const t=A?{controlPanelElements:se(V.controlPanelElements)}:{};p.current.configure({...V,...t}),l.current.controls=!1},G=t=>{t.stopPropagation(),Y(),i==="fullscreen"&&l.current.requestFullscreen(),W(!0),z(t,{player:s.current})},J=()=>{l.current.play()},K=t=>{const o=t.currentTarget;F(t,{volume:Math.round((o.volume+Number.EPSILON)*100)/100,muted:o.muted})},Q=()=>{l.current.controls=!1},O={width:n?`${n}px`:void 0,height:r?`${r}px`:void 0};return e.createElement("div",{style:O,className:b("video-player",{"video-player--poster":!k})},!k&&P&&!h&&!S&&e.createElement("div",{className:"shaka-play-button-container"},e.createElement("button",{onClick:J,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":m},e.createElement(R.EbayIcon,{name:"playFilled64Colored"}))),e.createElement("div",{className:"video-player__container",ref:N},e.createElement("video",{ref:l,style:O,poster:a,muted:y||!1,onPlaying:G,onPause:Q,onVolumeChange:K,...D},f.map((t,o)=>e.createElement("source",{key:o,...t})))),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":!h})},e.createElement(R.EbayIcon,{name:"attention64"}),e.createElement("div",{className:"video-player__overlay-text"},L)),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":P&&(h||!S)})},e.createElement(ee.EbayProgressSpinner,{size:"large","aria-label":E})))};function se(n){const r=n.length-2>0?n.length-2:n.length,a=[...n];return a.splice(r,0,"volume"),a}function ce(n){const r=n.querySelectorAll(".shaka-spinner")[0];r&&r.setAttribute("hidden","")}exports.EbayVideo=le;exports.EbayVideoSource=w;
package/events/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../common/event-utils/index.js"),n=require("../use-roving-index-DoAVBgsp.js");exports.addEventListener=e.addEventListener;exports.handleActionKeydown=e.handleActionKeydown;exports.handleEnterKeydown=e.handleEnterKeydown;exports.handleEscapeKeydown=e.handleEscapeKeydown;exports.handleLeftRightArrowsKeydown=e.handleLeftRightArrowsKeydown;exports.handleResize=e.handleResize;exports.handleTextInput=e.handleTextInput;exports.handleUpDownArrowsKeydown=e.handleUpDownArrowsKeydown;exports.isActionKey=e.isActionKey;exports.preventDefaultIfHijax=e.preventDefaultIfHijax;exports.removeEventListener=e.removeEventListener;exports.wrapEvent=e.wrapEvent;exports.useKeyPress=n.useKeyPress;exports.useRovingIndex=n.useRovingIndex;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bsb1LHpi.js"),n=require("../use-roving-index-DoAVBgsp.js");exports.addEventListener=e.addEventListener;exports.handleActionKeydown=e.handleActionKeydown;exports.handleEnterKeydown=e.handleEnterKeydown;exports.handleEscapeKeydown=e.handleEscapeKeydown;exports.handleLeftRightArrowsKeydown=e.handleLeftRightArrowsKeydown;exports.handleResize=e.handleResize;exports.handleTextInput=e.handleTextInput;exports.handleUpDownArrowsKeydown=e.handleUpDownArrowsKeydown;exports.isActionKey=e.isActionKey;exports.preventDefaultIfHijax=e.preventDefaultIfHijax;exports.removeEventListener=e.removeEventListener;exports.wrapEvent=e.wrapEvent;exports.useKeyPress=n.useKeyPress;exports.useRovingIndex=n.useRovingIndex;
@@ -0,0 +1 @@
1
+ "use strict";const r=require("react"),a=()=>Math.random().toString(16).slice(-4),o=()=>{const[e,t]=r.useState("");return r.useEffect(()=>{t(a())},[]),e},n=e=>e.displayName||e.name||"Component",c=e=>{const t=r.forwardRef((d,s)=>r.createElement(e,{...d,forwardedRef:s}));return t.displayName=n(e),t};exports.randomId=a;exports.useRandomId=o;exports.withForwardRef=c;
@@ -0,0 +1 @@
1
+ "use strict";const o=require("react"),N=require("classnames"),n="floating-label__label",T=["rgb(247, 247, 247)"],v=t=>t&&!T.includes(getComputedStyle(t).backgroundColor),d=t=>{var a;return((a=t==null?void 0:t.value)==null?void 0:a.length)>0},p=t=>(t==null?void 0:t.tagName)==="SELECT",f=(t,a)=>{if(p(t)&&!d(t.querySelector("option"))){t.style["min-width"]="";const l=t.offsetWidth;t.querySelector("option").text=a,!a&&l>t.offsetWidth&&(t.style["min-width"]=`${l}px`)}},G=t=>p(t)?t.querySelector("option").text:t==null?void 0:t.placeholder;function I({ref:t,inputId:a,className:l,disabled:q,label:c,inputSize:y,inputValue:g,placeholder:b,invalid:R,opaqueLabel:$,type:m,onMount:B=()=>{}}){const L=o.useRef(null),s=()=>t||L,[F,u]=o.useState(!!g),[k,h]=o.useState(!1),[i,C]=o.useState(!1),E=o.useRef(""),A=()=>{var e;h(!0),u(d((e=s())==null?void 0:e.current)),C(!1),f(s().current,"")},P=()=>{var e;h(!0),u(!0),C(!0),f((e=s())==null?void 0:e.current,E.current)};o.useEffect(()=>{var e,r;c&&(E.current=G((e=s())==null?void 0:e.current),f((r=s())==null?void 0:r.current,""),B())},[]),o.useEffect(()=>{var e,r,x;c&&u(i||d((e=s())==null?void 0:e.current)||v((x=(r=s())==null?void 0:r.current)==null?void 0:x.parentNode))},[i,g]);const W=N(l,n,{[`${n}--disabled`]:q,[`${n}--animate`]:k,[`${n}--inline`]:!F&&m!=="date",[`${n}--focus`]:i,[`${n}--invalid`]:R}),S=N("floating-label",{"floating-label--large":y==="large","floating-label--opaque":$}),_=o.useCallback(({children:e})=>o.createElement(o.Fragment,null,e),[]),w=o.useCallback(({children:e})=>o.createElement("span",{className:S},e),[S]);return c?{label:o.createElement("label",{htmlFor:a,className:W},c),Container:w,onBlur:A,onFocus:P,ref:s(),placeholder:F?b:null}:{label:null,Container:_,onBlur:()=>{},onFocus:()=>{},ref:s(),placeholder:b}}exports.useFloatingLabel=I;
@@ -0,0 +1 @@
1
+ "use strict";const s=require("react"),w=require("classnames"),c=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const E=({name:t,className:n,noSkinClasses:e=!1,a11yText:r,a11yVariant:d,forwardedRef:u,...f})=>{const[b,m]=s.useState("");s.useEffect(()=>{m(c.randomId())},[]);const a=d==="label",i=r&&`icon-title-${b}`,N=r?{"aria-labelledby":a?void 0:i,"aria-label":a?r:void 0,role:"img"}:{"aria-hidden":!0},o=l(t),g=["icon",`icon--${$(o)||o}`,h(o)].filter(Boolean).join(" "),I=w(n,{[g]:!e});return s.createElement("svg",{...f,className:I,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:u,...N},r&&!a&&s.createElement("title",{id:i},r),s.createElement("use",{xlinkHref:`#icon-${o}`}))};function $(t){const n=t.split("-"),e=n[n.length-1];return e==="colored"?n[n.length-2]:isNaN(Number(e))?"":e}function h(t){const n=t.split("-"),e=n.indexOf("filled");return e===-1?"":`icon--${n.slice(0,e+1).join("-")}`}function l(t){return t.replace(/([0-9]+)/g,(n,e)=>`-${e}`).replace(/([A-Z])/g,(n,e)=>`-${e.toLowerCase()}`)}const p=c.withForwardRef(E);exports.EbayIcon=p;exports.kebabCased=l;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),$=require("classnames"),d=require("./icon-D4RDqpD4.js"),k=require("./badge-CoHKfiPt.js"),p=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const B=({href:c,icon:y,badgeNumber:o,badgeAriaLabel:E,transparent:m,className:b,forwardedRef:a,size:r,onEscape:q=()=>{},onKeyDown:w=()=>{},...s})=>{const n=c?"icon-link":"icon-btn",i=$(b,n,r&&`${n}--${r}`,{[`${n}--badged`]:o,[`${n}--transparent`]:m}),l=e.createElement(e.Fragment,null,e.createElement(d.EbayIcon,{name:y}),o&&e.createElement(k.EbayBadge,{type:"icon",number:o,"aria-label":E})),u=t=>{(t.key==="Escape"||t.key==="Esc")&&q(t),w(t)};return c?e.createElement("a",{ref:a,className:i,href:c,onKeyDown:u,...s},l):e.createElement("button",{ref:a,type:"button",className:i,onKeyDown:u,...s},l)},I=p.withForwardRef(B);exports.EbayIconButton=I;
@@ -0,0 +1 @@
1
+ "use strict";function r(n,e,t=()=>{}){n.includes(e.key)&&t()}function w(n,e,t=()=>{}){n.includes(e.key)||t()}function s(n,e){n.key==="Enter"&&e()}function a(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 E(n,e){i.length===0&&window.addEventListener("resize",o),i.push(e)}function p(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 y(n=()=>{},e){return t=>{if(n(t),!t.defaultPrevented)return e(t)}}exports.addEventListener=E;exports.handleActionKeydown=a;exports.handleEnterKeydown=s;exports.handleEscapeKeydown=f;exports.handleLeftRightArrowsKeydown=l;exports.handleResize=o;exports.handleTextInput=u;exports.handleUpDownArrowsKeydown=c;exports.isActionKey=d;exports.preventDefaultIfHijax=h;exports.removeEventListener=p;exports.wrapEvent=y;
@@ -0,0 +1 @@
1
+ "use strict";const l=require("react"),e=require("classnames"),d=require("./dialog-previous-button-B-fysL3O.js");require("./icon-button-Bjjvld0a.js");const r=({open:s,mode:g,size:o,bannerImgSrc:i,bannerImgPosition:n,onClose:a=()=>{},...t})=>{const c=i?l.createElement("div",{className:"lightbox-dialog__image",style:{backgroundImage:`url(${i})`,backgroundPosition:n}}):null;return l.createElement(d.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:"lightbox-dialog",onCloseBtnClick:a,onBackgroundClick:a,className:e(t.className,"lightbox-dialog--mask-fade",{[`lightbox-dialog--${o}`]:o,"lightbox-dialog--expressive":i}),windowClass:e("lightbox-dialog__window--fade",{"lightbox-dialog__window--mini":g==="mini"}),top:c,open:s})};exports.EbayLightboxDialog=r;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react"),V=require("classnames"),T=require("./use-roving-index-DoAVBgsp.js"),j=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const G=require("./badge-CoHKfiPt.js"),H=require("./icon-D4RDqpD4.js"),A=({className:d,checked:s,type:p,focused:a=!1,tabIndex:y,disabled:v,badgeNumber:f,badgeAriaLabel:h,children:w,...x})=>{const u=t.useRef(null),l=f!==void 0;t.useEffect(()=>{u.current&&a&&u.current.focus()},[u,a]);const k=["radio","checkbox"];return t.createElement("div",{"aria-label":h,...x,ref:u,className:V(d,"menu__item",l&&"menu__item--badged"),role:J(p),"aria-checked":k.includes(p)?s:void 0,"aria-disabled":v,tabIndex:a?0:y},t.createElement("span",{"aria-hidden":l},w,l&&t.createElement(G.EbayBadge,{type:"menu",number:f})),t.createElement(H.EbayIcon,{name:"tick16"}))};function J(d){return{radio:"menuitemradio",checkbox:"menuitemcheckbox"}[d]||"menuitem"}const L=({baseEl:d="span",type:s,priority:p="secondary",checked:a,className:y,autofocus:v,onClick:f=()=>{},onKeyDown:h=()=>{},onChange:w=()=>{},onSelect:x=()=>{},forwardedRef:u,menuRef:l,children:k,...B})=>{const m=t.Children.toArray(k),[q,F]=T.useRovingIndex(k,A,v===!0?0:void 0),[i,g]=t.useState(m.map(()=>!1)),D=n=>m.reduce((e,c,o)=>n[o]?[...e,c.props.value]:e,[]),R=n=>n.reduce((e,c,o)=>c?[...e,o]:e,[]),C=(n,e)=>({index:n,checked:R(e)}),_=(n,e)=>({...C(n,e),indexes:R(e),checkedValues:D(e)}),M=(n,e,c=!1)=>{let o=!1;const E=i.map((I,r)=>{const S=c?!1:I;return n===r?(I!==e&&(o=!0),e):S});if(o)return g(E),E},b=n=>{switch(s){case"radio":return M(n,!0,!0);case"checkbox":return M(n,!i[n],!1);default:return i.map((e,c)=>c===n)}};t.useEffect(()=>{if(s==="radio")if(a===void 0){const n=m.findIndex(e=>e.props.checked);n>-1&&b(n)}else b(a);else s==="checkbox"&&g(m.map(n=>!!n.props.checked))},[]);const K=(n,e,c)=>{switch(s){case"radio":case"checkbox":return w(n,_(e,c));default:return x(n,C(e,c))}},N=(n,e)=>{let c;switch(j.isActionKey(n.key)&&(c=b(e),c&&K(n,e,c)),s){case"radio":case"checkbox":return h(n,_(e,c||i));default:return h(n,C(e,c||i))}},P=(n,e)=>{F(e);const c=b(e);c&&K(n,e,c)};return t.createElement(d,{...B,className:V(y,"menu"),ref:u},t.createElement("div",{className:"menu__items",role:"menu",ref:l},m.map((n,e)=>{const{onClick:c=()=>{},onFocus:o=()=>{},onKeyDown:E=()=>{},...I}=n.props;return t.cloneElement(n,{...I,type:s,focused:e===q,tabIndex:q===void 0?0:-1,checked:i[e],onFocus:r=>{F(e),o(r)},onClick:r=>{P(r,e),c(r),f(r)},onKeyDown:r=>{N(r,e),E(r)}})})))},O=z.withForwardRef(L);exports.EbayMenu=O;exports.EbayMenuItem=A;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),s=require("classnames"),i=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-fPwzYd82.js"),O=require("./button-6S4U-4HH.js"),k=require("./icon-D4RDqpD4.js"),P=require("./icon-button-Bjjvld0a.js"),B=require("./menu-item-Cf-tQ72X.js"),$=require("./dropdown-pp-aluo7.js"),j=({a11yText:a,noToggleIcon:u,fixWidth:w,reverse:d,variant:f,expanded:q=!1,className:v,onCollapse:F=()=>{},onExpand:x=()=>{},onMouseDown:N=()=>{},onSelect:h=()=>{},text:b="",children:r,...C})=>{const[o,c]=e.useState(q),[E,S]=e.useState(),p=i.findComponent(r,k.EbayIcon),g=i.findComponent(r,_)||(p?e.createElement("span",null,b):b),D=i.filterByType(r,[M,I]),{overlayStyles:L,refs:l}=$.useFloatingDropdown({open:o,options:{reverse:d}}),m=l.host;e.useEffect(()=>{const n=t=>{m.current&&!m.current.contains(t.currentTarget)&&c(!1)};return o?(x(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&F(),()=>document.removeEventListener("click",n,!1)},[o]),e.useEffect(()=>{S(z.randomId())},[]);const K=n=>{H.handleEscapeKeydown(n,()=>{var t;c(!1),(t=m.current)==null||t.focus()})},R=s("fake-menu-button__menu",{"menu-button__menu--fix-width":w,"menu-button__menu--reverse":d}),y={ref:l.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":a,"aria-controls":E,onClick:()=>c(!o),...C};return e.createElement("span",{className:s("fake-menu-button",v)},f==="overflow"?e.createElement(P.EbayIconButton,{icon:"overflowHorizontal24",...y}):e.createElement(O.EbayButton,{variant:f==="form"?"form":void 0,...y},p,g,!u&&e.createElement(k.EbayIcon,{name:"chevronDown12"})),o&&e.createElement(B.EbayFakeMenu,{ref:l.setOverlay,className:R,id:E,tabIndex:-1,onKeyDown:K,onSelect:h,style:L},D.map((n,t)=>e.cloneElement(n,{...n.props,onMouseDown:T=>{N(T,{index:t})},className:s(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0}))))},M=B.EbayMenuItem,I=({className:a,...u})=>e.createElement("hr",{...u,className:s(a,"menu-button__separator"),role:"separator"}),_=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayFakeMenuButtonItem=M;exports.EbayFakeMenuButtonLabel=_;exports.EbayMenuButton=j;exports.EbayMenuButtonSeparator=I;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),d=require("classnames"),x=require("./utils-C9NL3q0j.js"),q=require("./menu-DAOhKkcI.js"),Z=require("./button-6S4U-4HH.js"),ee=require("./icon-button-Bjjvld0a.js"),v=require("./icon-D4RDqpD4.js"),ne=require("./forwardRef-fPwzYd82.js"),te=require("./index-Bsb1LHpi.js"),oe=require("./dropdown-pp-aluo7.js"),ae=({type:t,variant:s="button",className:c,text:i="",fixWidth:b,reverse:r,expanded:f,noToggleIcon:k,checked:u,collapseOnSelect:p,a11yText:N,prefixId:B,prefixLabel:L,onClick:S=()=>{},onExpand:R=()=>{},onCollapse:A=()=>{},onChange:D=()=>{},onSelect:F=()=>{},children:E,...K})=>{const[a,y]=e.useState(f),[I,O]=e.useState(),{overlayStyles:T,refs:l}=oe.useFloatingDropdown({open:a,options:{reverse:r}}),H=l.host,P=l.overlay,_=x.filterByType(E,[q.EbayMenuItem,M]),V=_.map(n=>!!n.props.checked),[h,W]=e.useState(V),$=x.findComponent(E,g),j=x.findComponent(E,v.EbayIcon),z=se({text:i,prefixId:B,prefixLabel:L,menuButtonLabel:$,icon:j}),G=d("menu-button",c),J=d("menu-button__menu",{"menu-button__menu--fix-width":b,"menu-button__menu--reverse":r});e.useEffect(()=>{const n=o=>{const m=P.current,C=m&&m.contains(o.target);(p||!C)&&y(!1)};return a?(R(),setTimeout(()=>{document.addEventListener("click",n,!1)})):a===!1&&A(),()=>document.removeEventListener("click",n,!1)},[a]),e.useEffect(()=>{O(ne.randomId())},[]);const Q=n=>{te.handleEscapeKeydown(n,()=>{var o;y(!1),(o=H.current)==null||o.focus()})},w={ref:l.setHost,className:"menu-button__button","aria-expanded":!!a,"aria-haspopup":!0,"aria-label":N,"aria-controls":I,"aria-labelledby":B,onClick:n=>{y(!a),S(n)},...K},U=(n,o)=>{if(t==="radio"||t==="checkbox"){const m=h.map((C,Y)=>o.indexes.includes(Y));W(m)}D(n,o)},X=()=>{const n=h.findIndex(Boolean);return n>-1?n:u};return e.createElement("span",{className:G},s==="overflow"?e.createElement(ee.EbayIconButton,{icon:"overflowVertical16",...w}):e.createElement(Z.EbayButton,{variant:s==="form"?"form":void 0,...w},z,k?null:e.createElement(v.EbayIcon,{name:"chevronDown12"})),a&&e.createElement(q.EbayMenu,{baseEl:"div",ref:l.setOverlay,type:t,className:J,tabIndex:-1,id:I,autofocus:!0,checked:X(),onKeyDown:Q,onChange:U,onSelect:F,style:T},_.map((n,o)=>e.cloneElement(n,{...n.props,className:d(n.props.className,"menu-button__item"),key:o,checked:h[o]}))))};function se({text:t,prefixId:s,prefixLabel:c,menuButtonLabel:i,icon:b}){const r=t.length?e.createElement("span",null,t):null,f=!s&&c&&e.createElement(e.Fragment,null,e.createElement("span",{className:"menu-button-prefix-label",key:"prefix-label"},c)," ");return[b,f,i||r].filter(Boolean).map((u,p)=>e.cloneElement(u,{...u.props,key:p}))}const M=({className:t,...s})=>e.createElement("hr",{...s,className:d(t,"menu-button__separator"),role:"separator"}),g=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayMenuButton=ae;exports.EbayMenuButtonLabel=g;exports.EbayMenuButtonSeparator=M;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react"),g=require("classnames"),k=require("./forwardRef-fPwzYd82.js");require("./array.polyfill.flat-5BAolFdk.js");const p=require("./icon-D4RDqpD4.js"),q=require("./badge-CoHKfiPt.js"),v=({className:i,itemMatchesUrl:b=!0,onKeyDown:r=()=>{},onSelect:m=()=>{},children:l,forwardedRef:c,...E})=>{const s=e.Children.toArray(l),d=b===!1?"true":"page";return e.createElement("div",{...E,ref:c,className:g(i,"fake-menu")},e.createElement("ul",{className:"fake-menu__items",tabIndex:-1},s.map((a,n)=>{const{current:u,onClick:o=()=>{},...f}=a.props;return e.createElement("li",{key:n},e.cloneElement(a,{...f,"aria-current":u?d:void 0,onClick:t=>{m(t,{index:n}),o(t)},onKeyDown:t=>{r(t,{index:n})}}))})))},R=k.withForwardRef(v),_=({className:i,current:b,disabled:r,autoFocus:m,type:l,badgeNumber:c,badgeAriaLabel:E,children:s,...d})=>{const a=e.useRef(),n=c!==void 0;e.useEffect(()=>{var y;m&&((y=a.current)==null||y.focus())});const u={...d,ref:a,className:g(i,"fake-menu__item",n&&"menu__item--badged"),"aria-label":E},o=e.createElement(p.EbayIcon,{name:"tick16"}),f={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},t=n&&e.createElement(q.EbayBadge,{type:"menu",number:c,style:f});return l==="button"?e.createElement("button",{...u,type:"button",disabled:r},e.createElement("span",null,s,t),o):e.createElement("a",{...u,"aria-disabled":r?"true":void 0},e.createElement("span",null,s,t),o)};exports.EbayFakeMenu=R;exports.EbayMenuItem=_;
@@ -0,0 +1 @@
1
+ "use strict";const i=require("react"),s=require("classnames"),r=({className:e,type:t,as:c,children:o,...a})=>{const n=c||"h2";return i.createElement(n,{className:s(e,`${t}-notice__title`),...a},o)},l=({className:e,type:t,children:c,...o})=>i.createElement("div",{className:s(e,`${t}-notice__footer`),...o},c),N=({className:e,type:t,children:c,...o})=>i.createElement("p",{className:s(e,`${t}-notice__cta`),...o},c);exports.NoticeCTA=N;exports.NoticeFooter=l;exports.NoticeTitle=r;
package/package.json CHANGED
@@ -1,81 +1,12 @@
1
1
  {
2
2
  "name": "@ebay/ui-core-react",
3
- "version": "7.4.0",
3
+ "version": "8.0.0",
4
4
  "description": "Skin components build off React",
5
5
  "publishConfig": {
6
- "registry": "https://registry.npmjs.org"
6
+ "registry": "https://registry.npmjs.org",
7
+ "directory": "dist"
7
8
  },
8
9
  "exports": {
9
- "./ebay-dialog-base/components/animation": {
10
- "types": "./ebay-dialog-base/components/animation.d.ts",
11
- "default": "./ebay-dialog-base/components/animation/index.js"
12
- },
13
- "./ebay-dialog-base/components/dialog-header": {
14
- "types": "./ebay-dialog-base/components/dialog-header.d.ts",
15
- "default": "./ebay-dialog-base/components/dialog-header/index.js"
16
- },
17
- "./ebay-dialog-base/components/dialog-footer": {
18
- "types": "./ebay-dialog-base/components/dialog-footer.d.ts",
19
- "default": "./ebay-dialog-base/components/dialog-footer/index.js"
20
- },
21
- "./ebay-notice-base/components/*": {
22
- "types": "./ebay-notice-base/index.d.ts",
23
- "default": "./ebay-notice-base/index.js"
24
- },
25
- "./common/component-utils/forwardRef": {
26
- "types": "./common/component-utils/forwardRef.d.ts",
27
- "default": "./common/component-utils/forwardRef/index.js"
28
- },
29
- "./common/component-utils/utils": {
30
- "types": "./common/component-utils/utils.d.ts",
31
- "default": "./common/component-utils/utils/index.js"
32
- },
33
- "./common/component-utils": {
34
- "types": "./common/component-utils/index.d.ts",
35
- "default": "./common/component-utils/index.js"
36
- },
37
- "./common/event-utils/types": {
38
- "types": "./common/event-utils/types.d.ts"
39
- },
40
- "./common/event-utils": {
41
- "types": "./common/event-utils/index.d.ts",
42
- "default": "./common/event-utils/index.js"
43
- },
44
- "./common/floating-label-utils": {
45
- "types": "./common/floating-label-utils/hooks.d.ts",
46
- "default": "./common/floating-label-utils/hooks/index.js"
47
- },
48
- "./common/notice-utils/notice-cta": {
49
- "types": "./common/notice-utils/notice-cta.d.ts",
50
- "default": "./common/notice-utils/notice-cta/index.js"
51
- },
52
- "./common/random-id": {
53
- "types": "./common/random-id.d.ts",
54
- "default": "./common/random-id/index.js"
55
- },
56
- "./common/tooltip-utils/constants": {
57
- "types": "./common/tooltip-utils/constants.d.ts",
58
- "default": "./common/tooltip-utils/constants/index.js"
59
- },
60
- "./common/tooltip-utils/types": {
61
- "types": "./common/tooltip-utils/types.d.ts"
62
- },
63
- "./common/tooltip-utils": {
64
- "types": "./common/tooltip-utils/index.d.ts",
65
- "default": "./common/tooltip-utils/index.js"
66
- },
67
- "./ebay-radio/radio": {
68
- "types": "./ebay-radio/radio.d.ts",
69
- "default": "./ebay-radio/radio/index.js"
70
- },
71
- "./ebay-fake-menu-button/menu-button": {
72
- "types": "./ebay-fake-menu-button/menu-button.d.ts",
73
- "default": "./ebay-fake-menu-button/menu-button/index.js"
74
- },
75
- "./ebay-fake-menu/menu-item": {
76
- "types": "./ebay-fake-menu/menu-item.d.ts",
77
- "default": "./ebay-fake-menu/menu-item/index.js"
78
- },
79
10
  "./package.json": "./package.json",
80
11
  "./*": {
81
12
  "types": "./*/index.d.ts",
@@ -87,6 +18,7 @@
87
18
  "lint": "eslint . --ext ts,tsx",
88
19
  "lint:ci": "eslint . --ext .ts,.tsx -f @microsoft/eslint-formatter-sarif -o eslint-results.sarif",
89
20
  "coverage": "yarn clean && yarn test --coverage --ci",
21
+ "change": "changeset add",
90
22
  "eslint-local": "eslint . --ext ts,tsx",
91
23
  "eslint": "eslint . --ext .ts,.tsx -f checkstyle -o ./lint/checkstyle-result.xml",
92
24
  "format": "eslint . --fix 'src/**/*.{ts,tsx}'",
@@ -100,9 +32,9 @@
100
32
  "update-icons": "node ./scripts/update-icons",
101
33
  "copy": "copyfiles package.json README.md dist; yarn copy:rest",
102
34
  "copy:rest": "yarn copyfiles -u 1 'src/**/*.md' dist",
103
- "release": "yarn clean && yarn build && yarn copy && CI=1 npm publish dist/ --access public",
104
- "release:rc": "yarn clean && yarn build && yarn copy && CI=1 npm publish --tag rc dist/",
105
- "prepare": "node scripts/husky-install || node ../scripts/husky-install"
35
+ "release": "yarn clean && yarn build && yarn copy && CI=1 changeset publish",
36
+ "prepare": "node scripts/husky-install || node ../scripts/husky-install",
37
+ "version": "yarn update-icons && git add -A src && changeset version"
106
38
  },
107
39
  "lint-staged": {
108
40
  "src/**/*.{ts,tsx}": [
@@ -121,16 +53,21 @@
121
53
  "author": "tmanyanov@ebay.com",
122
54
  "license": "ISC",
123
55
  "peerDependencies": {
124
- "@ebay/skin": "^18.0.0",
56
+ "@ebay/skin": "^19.0.0",
125
57
  "react": ">= 16.0.0",
126
- "react-dom": ">= 16.0.0",
58
+ "react-dom": ">= 16.0.0"
59
+ },
60
+ "optionalDependencies": {
127
61
  "shaka-player": "^4.3.2"
128
62
  },
129
63
  "dependencies": {
64
+ "@floating-ui/react": "^0.27.3",
130
65
  "classnames": "^2.2.6",
66
+ "makeup-active-descendant": "^0.7.4",
131
67
  "makeup-expander": "^0.10.1",
132
68
  "makeup-keyboard-trap": "^0.4.1",
133
69
  "makeup-screenreader-trap": "^0.4.1",
70
+ "makeup-typeahead": "^0.3.3",
134
71
  "react-remove-scroll": "^2.2.0"
135
72
  },
136
73
  "devDependencies": {
@@ -138,7 +75,9 @@
138
75
  "@babel/preset-react": "^7.23.3",
139
76
  "@babel/preset-typescript": "^7.23.3",
140
77
  "@babel/register": "^7.0.0",
141
- "@ebay/skin": "^18.4.0",
78
+ "@changesets/changelog-github": "^0.5.0",
79
+ "@changesets/cli": "^2.27.11",
80
+ "@ebay/skin": "^19",
142
81
  "@microsoft/eslint-formatter-sarif": "^3.0.0",
143
82
  "@rollup/plugin-typescript": "^11.1.6",
144
83
  "@storybook/addon-a11y": "^7.6.12",
@@ -146,11 +85,10 @@
146
85
  "@storybook/addon-storysource": "^7.6.12",
147
86
  "@storybook/react": "^7.6.12",
148
87
  "@storybook/react-vite": "^7.6.12",
149
- "@testing-library/dom": "^7.29.4",
150
88
  "@testing-library/jest-dom": "^6.1.4",
151
89
  "@testing-library/react": "^14.2.2",
152
90
  "@testing-library/react-hooks": "^7",
153
- "@testing-library/user-event": "^12",
91
+ "@testing-library/user-event": "^14",
154
92
  "@types/classnames": "^2.2.11",
155
93
  "@types/jest": "^29.5.12",
156
94
  "@types/react": "^18",
@@ -1 +1 @@
1
- "use strict";const s=require("react"),l=require("classnames"),i=require("./icon-TuxfQndO.js"),t={default:"",small:"progress-spinner--small",large:"progress-spinner--large"},c={default:"spinner24",small:"spinner20",large:"spinner30"},o=({size:e="default","aria-label":r="Busy",className:a,...n})=>s.createElement("span",{...n,className:l("progress-spinner",t[e],a),"aria-label":r,role:"img"},s.createElement(i.EbayIcon,{name:c[e]}));exports.EbayProgressSpinner=o;
1
+ "use strict";const s=require("react"),l=require("classnames"),i=require("./icon-D4RDqpD4.js"),t={default:"",small:"progress-spinner--small",large:"progress-spinner--large"},c={default:"spinner24",small:"spinner20",large:"spinner30"},o=({size:e="default","aria-label":r="Busy",className:a,...n})=>s.createElement("span",{...n,className:l("progress-spinner",t[e],a),"aria-label":r,role:"img"},s.createElement(i.EbayIcon,{name:c[e]}));exports.EbayProgressSpinner=o;
@@ -0,0 +1 @@
1
+ "use strict";function e(o){if(!o)return;const t=o.parentElement,s=o.offsetTop+o.offsetHeight,f=t.scrollTop+t.offsetHeight;o.offsetTop<t.scrollTop?t.scrollTop=o.offsetTop:s>f&&(t.scrollTop=s-t.offsetHeight)}exports.scroll=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react"),ue=require("classnames"),xe=require("./forwardRef-fPwzYd82.js"),p=require("./utils-C9NL3q0j.js"),v=require("./icon-D4RDqpD4.js"),be=require("./icon-button-Bjjvld0a.js"),de=require("./hooks-5qES90Sx.js"),P=({name:n,buttonAriaLabel:a,onClick:c=()=>{},...r})=>a?t.createElement(be.EbayIconButton,{"aria-label":a,icon:n,transparent:!0,onClick:c,...r}):t.createElement(v.EbayIcon,{name:n,...r}),w=n=>t.createElement("span",{...n}),B=({name:n,...a})=>t.createElement(v.EbayIcon,{name:n,...a}),q=n=>t.createElement("span",{...n}),E=n=>typeof n<"u",pe=({type:n="text",invalid:a,fluid:c,multiline:r,onChange:F=()=>{},onInputChange:N=()=>{},onFocus:K=()=>{},onBlur:k=()=>{},onKeyPress:L=()=>{},onKeyUp:R=()=>{},onKeyDown:D=()=>{},onInvalid:U=()=>{},onFloatingLabelInit:_=()=>{},onButtonClick:j=()=>{},autoFocus:y,defaultValue:f="",value:i,forwardedRef:M,inputSize:m="default",floatingLabel:O,children:u,placeholder:S,opaqueLabel:V,...s})=>{var T,h;const[I,W]=t.useState(f),[g,$]=t.useState(f),{label:G,Container:H,onBlur:J,onFocus:Q,ref:X,placeholder:Y}=de.useFloatingLabel({ref:M,inputId:s.id,className:s.className,disabled:s.disabled,label:O,inputSize:m,inputValue:i||g,placeholder:S,invalid:a,type:n,opaqueLabel:V,onMount:_}),C=e=>{var o;K(e,{value:((o=e==null?void 0:e.target)==null?void 0:o.value)||f}),Q()},Z=e=>{var l;const o=(l=e.target)==null?void 0:l.value;k(e,{value:o}),o!==I&&(F(e,{value:o}),W(o)),J()},z=e=>{const o=e.target;L(e,{value:o==null?void 0:o.value})},A=e=>{const o=e.target;R(e,{value:o==null?void 0:o.value})},ee=e=>{const o=e.target;D(e,{value:o==null?void 0:o.value})},oe=e=>{const o=e.target;U(e,{value:o==null?void 0:o.value})},ne=e=>{j(e,{value:I})};t.useEffect(()=>{y&&C()},[]);const te=e=>{var l;const o=(l=e.target)==null?void 0:l.value;E(i)||$(o),N(e,{value:o})},ae=r?"textarea":"input",se=c?"div":"span",le=p.findComponent(u,B),x=p.findComponent(u,q),ce=(T=x==null?void 0:x.props)==null?void 0:T.id,b=p.findComponent(u,P),d=p.findComponent(u,w),re=(h=d==null?void 0:d.props)==null?void 0:h.id,ie=ue("textbox",s.className,{"textbox--fluid":c,"textbox--large":m==="large","textbox--disabled":s.disabled,"textbox--invalid":a,"textbox--readonly":s.readOnly});return t.createElement(H,null,G,t.createElement(se,{className:ie},le,x,t.createElement(ae,{"aria-describedby":[ce,re].filter(Boolean).join(" ")||void 0,...s,className:"textbox__control",type:n,"aria-invalid":a,value:E(i)?i:g,onChange:te,onBlur:Z,onFocus:C,onKeyPress:z,onKeyUp:A,onKeyDown:ee,onInvalid:oe,autoFocus:y,ref:X,placeholder:Y}),d,b&&t.cloneElement(b,{...b.props,onClick:e=>{const{onClick:o=()=>{}}=b.props;o(e),ne(e)}})))},fe=xe.withForwardRef(pe);exports.EbayTextbox=fe;exports.EbayTextboxPostfixIcon=P;exports.EbayTextboxPostfixText=w;exports.EbayTextboxPrefixIcon=B;exports.EbayTextboxPrefixText=q;exports.isControlled=E;
@@ -1 +1 @@
1
- "use strict";const e=require("react"),_=require("classnames"),E=require("./icon-TuxfQndO.js"),N=({pressed:n=!1,children:l,className:d,title:s,subtitle:o,layoutType:a="minimal",icon:r,img:t,onToggle:c,...g})=>{const u=b=>{c&&c(b,{pressed:!n})},m=()=>l||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},s),o&&e.createElement("p",{className:"toggle-button__subtitle"},o)),i=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(E.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",{onClick:u,className:_("toggle-button",{"toggle-button--minimal-layout":a==="minimal","toggle-button--list-layout":a==="list","toggle-button--gallery-layout":a==="gallery"}),"aria-pressed":n,...g},i(),e.createElement("div",{className:"toggle-button__content"},m()))};exports.ToggleButton=N;
1
+ "use strict";const e=require("react"),_=require("classnames"),E=require("./icon-D4RDqpD4.js"),N=({pressed:n=!1,children:l,className:d,title:s,subtitle:o,layoutType:a="minimal",icon:r,img:t,onToggle:c,...g})=>{const u=b=>{c&&c(b,{pressed:!n})},m=()=>l||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},s),o&&e.createElement("p",{className:"toggle-button__subtitle"},o)),i=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(E.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",{onClick:u,className:_("toggle-button",{"toggle-button--minimal-layout":a==="minimal","toggle-button--list-layout":a==="list","toggle-button--gallery-layout":a==="gallery"}),"aria-pressed":n,...g},i(),e.createElement("div",{className:"toggle-button__content"},m()))};exports.ToggleButton=N;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react"),T=require("classnames"),E=require("./forwardRef-fPwzYd82.js"),i=require("./utils-C9NL3q0j.js"),_=require("./icon-D4RDqpD4.js"),u=({children:o,className:e,forwardedRef:s,...a})=>(t.Children.only(o),t.cloneElement(o,{ref:s,...a,className:T(e,o.props.className)})),g=({className:o,type:e,isExpanded:s,children:a,forwardedRef:l,...c})=>{var m;const p=i.findComponent(a,u),n=i.excludeComponent(a,u)[0];if(!p)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const r=t.cloneElement(p,{className:`${e}__host`,"aria-expanded":s,"aria-describedby":(m=n==null?void 0:n.props)==null?void 0:m.id,...p.props});return t.createElement("span",{...c,ref:l,className:T(o,e,{[`${e}--expanded`]:s})},r,n)},h=E.withForwardRef(g),d="bottom",N={tooltip:"tooltip",tourtip:"region",infotip:""},b={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)"}},C=()=>null,f=({children:o,className:e,type:s="tourtip"})=>t.createElement("div",{className:T(`${s}__footer`,e)},o),$=({id:o,style:e,pointer:s=d,children:a,type:l="tooltip",showCloseButton:c,a11yCloseText:p,onClose:n})=>{const r=i.findComponent(a,C),m=i.findComponent(a,f),x=i.excludeComponent(a,f);return t.createElement("span",{className:`${l}__overlay`,id:o,role:N[l]||null,style:{...b[s],...e}},t.createElement("span",{className:`${l}__pointer ${l}__pointer--${s}`}),t.createElement("span",{className:`${l}__mask`},t.createElement("span",{className:`${l}__cell`},t.createElement("span",{className:`${l}__content`},x),c?t.createElement("button",{...r==null?void 0:r.props,className:`icon-btn icon-btn--transparent ${l}__close`,type:"button","aria-label":p,onClick:n},t.createElement(_.EbayIcon,{name:"close16"})):null,m)))},I=({onExpand:o,onCollapse:e,initialExpanded:s=!1,hostRef:a})=>{const[l,c]=t.useState(s);return{isExpanded:l,expandTooltip:()=>{c(!0),o&&o()},collapseTooltip:()=>{var r;c(!1),e&&e(),(r=a==null?void 0:a.current)==null||r.focus()}}};exports.DEFAULT_POINTER_DIRECTION=d;exports.POINTER_STYLES=b;exports.Tooltip=h;exports.TooltipContent=$;exports.TooltipFooter=f;exports.TooltipHost=u;exports.useTooltip=I;
package/utils/index.d.ts CHANGED
@@ -2,4 +2,5 @@ export { useRandomId } from '../common/random-id';
2
2
  export { debounce } from '../common/debounce';
3
3
  export { withForwardRef } from '../common/component-utils/forwardRef';
4
4
  export { excludeComponent, filterBy, filterByType, findComponent } from '../common/component-utils/utils';
5
+ export { scroll } from './scroll';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,iCAAiC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
package/utils/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../common/random-id/index.js"),n=require("../debounce-BQsYxxOL.js"),t=require("../common/component-utils/forwardRef/index.js"),e=require("../common/component-utils/utils/index.js");exports.useRandomId=o.useRandomId;exports.debounce=n.debounce;exports.withForwardRef=t.withForwardRef;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../forwardRef-fPwzYd82.js"),r=require("../debounce-BQsYxxOL.js"),e=require("../utils-C9NL3q0j.js"),n=require("../scroll-OgAngNzq.js");exports.useRandomId=o.useRandomId;exports.withForwardRef=o.withForwardRef;exports.debounce=r.debounce;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;exports.scroll=n.scroll;
@@ -0,0 +1,2 @@
1
+ export declare function scroll(el?: HTMLElement): void;
2
+ //# sourceMappingURL=scroll.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/utils/scroll.ts"],"names":[],"mappings":"AAAA,wBAAgB,MAAM,CAAC,EAAE,CAAC,EAAE,WAAW,GAAG,IAAI,CAc7C"}
@@ -0,0 +1 @@
1
+ "use strict";const l=require("react");require("./array.polyfill.flat-5BAolFdk.js");function o(e=[],n){return l.Children.toArray(e).find(({type:t})=>t===n)||null}function s(e=[],n){return l.Children.toArray(e).filter(({type:t})=>t!==n)}function c(e=[],n){const r=l.Children.toArray(e),t=[n].flat();return r.filter(({type:i})=>t.includes(i))}function f(e=[],n){return l.Children.toArray(e).filter(n)}exports.excludeComponent=s;exports.filterBy=f;exports.filterByType=c;exports.findComponent=o;
@@ -1 +0,0 @@
1
- "use strict";const t=require("react"),k=require("classnames"),P=require("./common/component-utils/forwardRef/index.js");require("./array.polyfill.flat-5BAolFdk.js");const u=require("./icon-TuxfQndO.js"),R=require("./progress-spinner-U2qOANON.js"),O={cta:"cta-",fake:"fake-",expand:"expand-",default:""},m=({type:n="default",children:a,...r})=>t.createElement("span",{className:`${O[n]}btn__cell`,...r},t.createElement(t.Fragment,null,a)),T=()=>t.createElement(m,null,t.createElement(R.EbayProgressSpinner,null)),U=({className:n,children:a})=>t.createElement("span",{className:k(n,"btn__text")},a),j=({children:n})=>n?t.createElement(m,null,t.createElement(U,null,n),t.createElement(u.EbayIcon,{name:"chevronDown12"})):t.createElement(u.EbayIcon,{name:"chevronDown12"}),G=({priority:n="secondary",variant:a="standard",size:r="regular",bodyState:y,split:q,transparent:D=!1,fluid:N=!1,disabled:E,partiallyDisabled:_,children:o,onKeyDown:C=()=>{},onEscape:S=()=>{},truncate:I=!1,href:l,className:h,forwardedRef:d,borderless:p,fixedHeight:$,...f})=>{const e=l?"fake-btn":"btn",F={primary:`${e}--primary`,secondary:`${e}--secondary`,tertiary:`${e}--tertiary`,none:""},c={large:`${e}--large`,small:`${e}--small`,regular:"",default:""},L={start:`${e}--split-start`,end:`${e}--split-end`},A=a==="destructive",i=a==="form",b=y==="loading",g=y==="expand",K=i&&(J(o)||g&&!o),B=k(e,h,F[i||p?"none":n],c[r],L[q],A&&`${e}--destructive`,i&&`${e}--form`,K&&`${e}--slim`,D&&`${e}--transparent`,N&&`${e}--fluid`,I&&`${e}--truncated`,p&&`${e}--borderless`,$&&(c[r]?`${c[r]}-${$}`:`${e}--fixed-height`)),v=s=>{C(s),(s.key==="Escape"||s.key==="Esc")&&S(s)},w=H(o,{isLoading:b,isExpand:g}),x=b?"polite":null;return l?t.createElement("a",{className:B,href:E?void 0:l,ref:d,onKeyDown:v,"aria-live":x,...f},w):t.createElement("button",{disabled:E,"aria-disabled":_,"aria-live":x,className:B,ref:d,onKeyDown:v,...f},w)};function H(n,{isLoading:a,isExpand:r}){switch(!0){case a:return t.createElement(T,null);case r:return t.createElement(j,null,n);default:return n}}function J(n){const a=t.Children.toArray(n);return a.length===1&&a[0].type===u.EbayIcon}const M=P.withForwardRef(G);exports.EbayButton=M;exports.EbayButtonCell=m;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=e=>e.displayName||e.name||"Component",i=e=>{const r=a.forwardRef((t,o)=>a.createElement(e,{...t,forwardedRef:o}));return r.displayName=d(e),r};exports.withForwardRef=i;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./forwardRef/index.js"),e=require("./utils/index.js");exports.withForwardRef=o.withForwardRef;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");require("../../../array.polyfill.flat-5BAolFdk.js");function i(e=[],t){return l.Children.toArray(e).find(({type:n})=>n===t)||null}function s(e=[],t){return l.Children.toArray(e).filter(({type:n})=>n!==t)}function u(e=[],t){const r=l.Children.toArray(e),n=[t].flat();return r.filter(({type:o})=>n.includes(o))}function c(e=[],t){return l.Children.toArray(e).filter(t)}exports.excludeComponent=s;exports.filterBy=c;exports.filterByType=u;exports.findComponent=i;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(n,e,t=()=>{}){n.includes(e.key)&&t()}function w(n,e,t=()=>{}){n.includes(e.key)||t()}function a(n,e){n.key==="Enter"&&e()}function s(n,e){d(n.key)&&e()}function d(n){return[" ","Enter"].includes(n)}function f(n,e){r(["Esc","Escape"],n,e)}function c(n,e){r(["Up","ArrowUp","Down","ArrowDown"],n,e)}function l(n,e){r(["Left","ArrowLeft","Right","ArrowRight"],n,e)}function u(n,e){w(["Esc","Left","Up","Right","Down","Tab","Enter","Shift","Control","Alt","CapsLock","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Meta"],n,e)}function h(n,e){e&&n.preventDefault()}const i=[];function y(n,e){i.length===0&&window.addEventListener("resize",o),i.push(e)}function E(n,e){i.length===1&&window.removeEventListener("resize",o),i.splice(i.indexOf(e),1)}function o(n){window.removeEventListener("resize",o);const e=()=>{i.length&&(i.forEach(t=>t(n)),window.addEventListener("resize",o))};window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,16)}function p(n=()=>{},e){return t=>{if(n(t),!t.defaultPrevented)return e(t)}}exports.addEventListener=y;exports.handleActionKeydown=s;exports.handleEnterKeydown=a;exports.handleEscapeKeydown=f;exports.handleLeftRightArrowsKeydown=l;exports.handleResize=o;exports.handleTextInput=u;exports.handleUpDownArrowsKeydown=c;exports.isActionKey=d;exports.preventDefaultIfHijax=h;exports.removeEventListener=E;exports.wrapEvent=p;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),p=require("classnames"),r="floating-label__label",v=["rgb(245, 245, 245)","rgb(247, 247, 247)"],w=t=>t&&!v.includes(getComputedStyle(t).backgroundColor),g=t=>{var n;return((n=t==null?void 0:t.value)==null?void 0:n.length)>0},x=t=>(t==null?void 0:t.tagName)==="SELECT",f=(t,n)=>{if(x(t)&&!g(t.querySelector("option"))){t.style["min-width"]="";const l=t.offsetWidth;t.querySelector("option").text=n,!n&&l>t.offsetWidth&&(t.style["min-width"]=`${l}px`)}},O=t=>x(t)?t.querySelector("option").text:t==null?void 0:t.placeholder;function j({ref:t,inputId:n,className:l,disabled:N,label:c,inputSize:m,inputValue:d,placeholder:b,invalid:q,opaqueLabel:R,type:$,onMount:B=()=>{}}){const L=o.useRef(null),a=()=>t||L,[F,u]=o.useState(!!d),[k,h]=o.useState(!1),[i,C]=o.useState(!1),S=o.useRef(""),P=()=>{var e;h(!0),u(g((e=a())==null?void 0:e.current)),C(!1),f(a().current,"")},A=()=>{var e;h(!0),u(!0),C(!0),f((e=a())==null?void 0:e.current,S.current)};o.useEffect(()=>{var e,s;c&&(S.current=O((e=a())==null?void 0:e.current),f((s=a())==null?void 0:s.current,""),B())},[]),o.useEffect(()=>{var e,s,y;c&&u(i||g((e=a())==null?void 0:e.current)||w((y=(s=a())==null?void 0:s.current)==null?void 0:y.parentNode))},[i,d]);const T=p(l,r,{[`${r}--disabled`]:N,[`${r}--animate`]:k,[`${r}--inline`]:!F&&$!=="date",[`${r}--focus`]:i,[`${r}--invalid`]:q}),E=p("floating-label",{"floating-label--large":m==="large","floating-label--opaque":R}),W=o.useCallback(({children:e})=>o.createElement(o.Fragment,null,e),[]),_=o.useCallback(({children:e})=>o.createElement("span",{className:E},e),[E]);return c?{label:o.createElement("label",{htmlFor:n,className:T},c),Container:_,onBlur:P,onFocus:A,ref:a(),placeholder:F?b:null}:{label:null,Container:W,onBlur:()=>{},onFocus:()=>{},ref:a(),placeholder:b}}exports.useFloatingLabel=j;
@@ -1 +0,0 @@
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 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=()=>Math.random().toString(16).slice(-4),n=()=>{const[o,d]=e.useState("");return e.useEffect(()=>{d(t())},[]),o};exports.randomId=t;exports.useRandomId=n;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="bottom",o={tooltip:"tooltip",tourtip:"region",infotip:""},a={left:{transform:"translateX(16px) translateY(-50%) scale3d(1,1,1)",left:"100%",right:"auto",top:"-6px",bottom:"auto"},"left-top":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"-100%",bottom:"auto"},"left-bottom":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"auto",bottom:"-10px"},right:{transform:"translateX(-16px) translateY(-50%) scale3d(1,1,1)",left:"auto",right:"100%",top:"-6px",bottom:"auto"},"right-top":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"-100%",bottom:"auto"},"right-bottom":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"auto",bottom:"-50%"},top:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"calc(100% + 2px)",bottom:"auto"},"bottom-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"auto",bottom:"calc(100% + 12px)"},"bottom-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"auto",bottom:"calc(100% + 12px)"},bottom:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"auto",bottom:"calc(100% + 12px)"}};exports.DEFAULT_POINTER_DIRECTION=t;exports.POINTER_STYLES=a;exports.TYPE_ROLES=o;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../use-tooltip-CL3_zAeg.js"),t=require("./constants/index.js");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipFooter=o.TooltipFooter;exports.TooltipHost=o.TooltipHost;exports.useTooltip=o.useTooltip;exports.DEFAULT_POINTER_DIRECTION=t.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=t.POINTER_STYLES;
@@ -1 +0,0 @@
1
- "use strict";const e=require("react"),ee=require("react-remove-scroll"),_=require("classnames"),te=require("makeup-screenreader-trap"),ne=require("makeup-keyboard-trap"),ae=require("./icon-TuxfQndO.js"),oe=require("./common/random-id/index.js"),re=require("./ebay-dialog-base/components/animation/index.js"),z=require("./ebay-dialog-base/components/dialog-header/index.js"),K=require("./ebay-dialog-base/components/dialog-footer/index.js"),ce=require("./icon-button-Cwaj-eT9.js");function G(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const q=G(te),R=G(ne),h=({children:a})=>e.createElement(e.Fragment,null,a),le=({baseEl:a="div",classPrefix:n="drawer-dialog",windowClass:r,windowType:l,mainId:b,top:f,header:o,buttonPosition:c="right",children:p,ariaLabelledby:v,a11yCloseText:B,onCloseBtnClick:g=()=>{},footer:E,actions:d,onScroll:L,open:t=!1,onOpen:D=()=>{},onBackgroundClick:T=()=>{},ignoreEscape:J,closeButton:M,previousButton:Q,isModal:y,role:U="dialog",focus:I,transitionElement:V,animated:O,closeButtonClass:X,...S})=>{var H;const A=e.useRef(null),i=e.useRef(null),j=e.useRef(null),[Y,Z]=e.useState("");e.useEffect(()=>{Z(oe.randomId())},[]),e.useEffect(()=>{let s;const u=m=>{i.current&&!i.current.contains(m.target)&&T(m)};return t&&c!=="hidden"&&(s=window.setTimeout(()=>{document.addEventListener("click",u,!1)})),()=>{clearTimeout(s),document.removeEventListener("click",u,!1)}},[T,t]),e.useEffect(()=>(t&&y?(q.trap(i.current),R.trap(i.current)):(q.untrap(),R.untrap()),()=>{q.untrap(),R.untrap()}),[t,y]),re.useDialogAnimation({open:t,classPrefix:n,transitionElement:V,dialogRef:A,dialogWindowRef:i,enabled:O,onTransitionEnd:()=>C(t)});const w=s=>{!J&&s.key==="Escape"&&(s.stopPropagation(),g(s))};e.useEffect(()=>{O||C(t),t&&D()},[t]);function C(s){var u,m;if(s)return I?(u=I.current)==null||u.focus():y&&((m=j.current)==null||m.focus()),document.addEventListener("keydown",w,!1),()=>document.removeEventListener("keydown",w,!1)}const F=c!=="hidden"&&e.createElement("button",{ref:j,className:_("icon-btn",X,`${n}__close`,{"icon-btn--transparent":n==="toast-dialog"}),type:"button","aria-label":B,onClick:g},M||e.createElement(ae.EbayIcon,{name:"close16"})),x=l?`${n}__${l}-window`:`${n}__window`,W=((H=o==null?void 0:o.props)==null?void 0:H.id)||`dialog-title-${Y}`,P=v||W,N=o?e.cloneElement(o,{...o.props,id:W}):null;return e.createElement(a,{...S,"aria-labelledby":P,"aria-modal":"true",role:U,hidden:!t,className:_(n,S.className),"aria-live":y?void 0:"polite",ref:A,onKeyDown:w},e.createElement("div",{className:_(x,r),ref:i},f,N&&e.createElement("div",{className:`${n}__header`},Q,c==="right"&&N,c!=="bottom"&&F,(c==="left"||c==="hidden")&&N),e.createElement("div",{id:b,className:`${n}__main`,onScroll:L},p),d?e.createElement("div",{className:`${n}__actions`},d):null,E||c==="bottom"?e.createElement("div",{className:`${n}__footer`},E,c==="bottom"&&F):null))},se=({isModal:a,open:n,children:r,animated:l=!0,...b})=>{const f=a!==!1,o=e.Children.toArray(r),c=o.find(t=>t.type===z),p=o.find(t=>t.type===K),v=o.find(t=>t.type===$),B=o.find(t=>t.type===h),g=o.find(t=>t.type===k),E=o.filter(t=>![z,K,h,$,k].some(D=>D===t.type)),d=e.createElement(le,{...b,open:n,isModal:f,header:c,footer:p,actions:v,closeButton:B,previousButton:g,animated:l},E);return l||n?f?e.createElement(ee.RemoveScroll,{enabled:n},d):d:null},$=({children:a})=>e.createElement(e.Fragment,null,a),k=({className:a,icon:n,...r})=>e.createElement(ce.EbayIconButton,{...r,icon:n||"chevronLeft16",className:_(a,"lightbox-dialog__prev")});exports.DialogBaseWithState=se;exports.EbayDialogActions=$;exports.EbayDialogCloseButton=h;exports.EbayDialogPreviousButton=k;
@@ -1 +0,0 @@
1
- "use strict";const o=require("react"),E=require("classnames"),f=require("./ebay-dialog-base/components/dialog-header/index.js"),H=require("./dialog-previous-button-CpuFLkQp.js");require("./icon-button-Cwaj-eT9.js");const T=30,t="drawer-dialog",$=({expanded:i=!1,noHandle:_,onClose:l=()=>{},onCollapsed:p=()=>{},onExpanded:y=()=>{},a11yMaximizeText:D,a11yMinimizeText:S,children:b,...d})=>{let a=[];const[c,w]=o.useState(i);o.useEffect(()=>{w(i)},[i]);const r=e=>{w(e),e?y():p()},x=e=>{a=Array.from(e.changedTouches).map(({identifier:s,pageY:n})=>({identifier:s,pageY:n}))},u=e=>{Array.from(e.changedTouches).forEach(({identifier:s})=>{const n=a.findIndex(h=>h.identifier===s);n>-1&&a.splice(n,1)})},C=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:s,pageY:n})=>{const h=a.findIndex(B=>B.identifier===s),g=n-a[h].pageY;g>T?(c?r(!1):l(),u(e)):g<-T&&(r(!0),u(e))})},k=_?null:o.createElement("button",{"aria-label":c?S:D,className:`${t}__handle`,onClick:()=>r(!c),onScroll:()=>r(!0),onTouchStart:x,onTouchMove:C,onTouchEnd:u,type:"button"}),m=o.Children.toArray(b),q=m.find(({type:e})=>e===f),A=m.filter(({type:e})=>e!==f);return o.createElement(H.DialogBaseWithState,{...d,classPrefix:t,onCloseBtnClick:l,className:E(d.className,`${t}--mask-fade-slow`),windowClass:E(d.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:c}),onBackgroundClick:l,top:k},q||o.createElement(f,null),A)};exports.EbayDrawerDialog=$;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react");function m({open:t,classPrefix:n,transitionElement:r,dialogRef:i,dialogWindowRef:c,enabled:a,onTransitionEnd:o}){const s=f.useRef(t);f.useLayoutEffect(()=>{if(!a)return;let e=[c,i];r==="window"?e=[c]:r==="root"&&(e=[i]);let u;return t?u=l({dialog:i,waitFor:e,classPrefix:n,onTransitionEnd:o}):s.current!==t&&(u=A({dialog:i,waitFor:e,classPrefix:n,onTransitionEnd:o})),s.current=t,()=>{u&&u()}},[t,a])}function l({dialog:t,waitFor:n,classPrefix:r,onTransitionEnd:i}){return w(t,n,`${r}--show`,i)}function A({dialog:t,waitFor:n,classPrefix:r,onTransitionEnd:i}){return w(t,n,`${r}--hide`,i)}function w(t,n,r,i){if(!t.current||!r)return;let c=0;const a=n?n.length:0,o=`${r}-init`;return t.current.classList.add(o),v(()=>{t.current&&(t.current.classList.add(r),t.current.classList.remove(o),n.forEach(s=>{const e=()=>{var u,d;++c===a&&((u=t.current)==null||u.classList.remove(r),i(),(d=s.current)==null||d.removeEventListener("transitionend",e))};s.current.addEventListener("transitionend",e,{once:!0})}))})}function v(t){let n,r;return window.requestAnimationFrame?(n=window.requestAnimationFrame(()=>{n=window.requestAnimationFrame(t)}),r=window.cancelAnimationFrame):(n=window.setTimeout(t,26),r=window.clearTimeout),()=>{n&&(r(n),n=void 0)}}exports.useDialogAnimation=m;
@@ -1 +0,0 @@
1
- "use strict";const e=require("react"),r=({children:t})=>e.createElement(e.Fragment,null,t);module.exports=r;
@@ -1 +0,0 @@
1
- "use strict";const r=require("react"),a=({children:e,...t})=>r.createElement("h2",{...t},e);module.exports=a;
@@ -1 +0,0 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/ebay-drawer-dialog/components/drawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,EAAE,EAAgB,SAAS,EAA0C,MAAM,OAAO,CAAA;AAE5G,OAAO,EAAE,eAAe,EAAyC,MAAM,wBAAwB,CAAA;AAK/F,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CA8F9C,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -1,2 +0,0 @@
1
- export { default as EbayDrawerDialog } from './components/drawer';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-drawer-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}