@ebay/ui-core-react 4.2.6 → 5.0.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 (148) hide show
  1. package/common/event-utils/index.d.ts +10 -7
  2. package/common/event-utils/index.d.ts.map +1 -1
  3. package/common/event-utils/index.js +11 -3
  4. package/common/event-utils/types.d.ts +7 -0
  5. package/common/event-utils/types.d.ts.map +1 -1
  6. package/common/event-utils/types.js +12 -0
  7. package/common/floating-label-utils/hooks.d.ts +2 -1
  8. package/common/floating-label-utils/hooks.d.ts.map +1 -1
  9. package/common/floating-label-utils/hooks.js +5 -4
  10. package/ebay-alert-dialog/README.md +3 -2
  11. package/ebay-alert-dialog/alert-dialog.d.ts +0 -1
  12. package/ebay-alert-dialog/alert-dialog.d.ts.map +1 -1
  13. package/ebay-alert-dialog/alert-dialog.js +1 -1
  14. package/ebay-breadcrumbs/README.md +1 -1
  15. package/ebay-breadcrumbs/breadcrumbs.d.ts +3 -2
  16. package/ebay-breadcrumbs/breadcrumbs.d.ts.map +1 -1
  17. package/ebay-breadcrumbs/breadcrumbs.js +1 -1
  18. package/ebay-button/README.md +4 -4
  19. package/ebay-carousel/carousel-control-button.js +2 -2
  20. package/ebay-carousel/carousel.js +1 -1
  21. package/ebay-checkbox/README.md +11 -10
  22. package/ebay-checkbox/checkbox.d.ts +15 -3
  23. package/ebay-checkbox/checkbox.d.ts.map +1 -1
  24. package/ebay-checkbox/checkbox.js +9 -4
  25. package/ebay-confirm-dialog/README.md +6 -6
  26. package/ebay-confirm-dialog/confirm-dialog.d.ts +0 -1
  27. package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
  28. package/ebay-confirm-dialog/confirm-dialog.js +1 -1
  29. package/ebay-dialog-base/components/dialogBase.d.ts +3 -2
  30. package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
  31. package/ebay-dialog-base/components/dialogBase.js +6 -3
  32. package/ebay-drawer-dialog/README.md +7 -6
  33. package/ebay-drawer-dialog/components/drawer.d.ts +3 -0
  34. package/ebay-drawer-dialog/components/drawer.d.ts.map +1 -1
  35. package/ebay-fake-menu/README.md +5 -5
  36. package/ebay-fake-menu/menu-item.d.ts +1 -1
  37. package/ebay-fake-menu/menu-item.d.ts.map +1 -1
  38. package/ebay-fake-menu/menu.d.ts +9 -5
  39. package/ebay-fake-menu/menu.d.ts.map +1 -1
  40. package/ebay-fake-menu/menu.js +2 -2
  41. package/ebay-fake-menu-button/README.md +9 -4
  42. package/ebay-fake-menu-button/menu-button.d.ts +9 -2
  43. package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
  44. package/ebay-fake-menu-button/menu-button.js +7 -5
  45. package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts +0 -1
  46. package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts.map +1 -1
  47. package/ebay-fullscreen-dialog/fullscreen-dialog.js +1 -1
  48. package/ebay-icon/types.d.ts +1 -1
  49. package/ebay-icon/types.d.ts.map +1 -1
  50. package/ebay-icon-button/README.md +9 -0
  51. package/ebay-icon-button/icon-button.d.ts +3 -1
  52. package/ebay-icon-button/icon-button.d.ts.map +1 -1
  53. package/ebay-icon-button/icon-button.js +8 -2
  54. package/ebay-lightbox-dialog/lightbox-dialog.d.ts +0 -1
  55. package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
  56. package/ebay-lightbox-dialog/lightbox-dialog.js +1 -1
  57. package/ebay-listbox-button/README.md +8 -1
  58. package/ebay-listbox-button/listbox-button.d.ts +11 -3
  59. package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
  60. package/ebay-listbox-button/listbox-button.js +41 -16
  61. package/ebay-menu/README.md +5 -4
  62. package/ebay-menu/menu-item.d.ts +1 -1
  63. package/ebay-menu/menu-item.d.ts.map +1 -1
  64. package/ebay-menu/menu.d.ts +4 -4
  65. package/ebay-menu/menu.d.ts.map +1 -1
  66. package/ebay-menu/menu.js +85 -42
  67. package/ebay-menu/types.d.ts +21 -12
  68. package/ebay-menu/types.d.ts.map +1 -1
  69. package/ebay-menu-button/README.md +2 -2
  70. package/ebay-menu-button/menu-button.d.ts +3 -3
  71. package/ebay-menu-button/menu-button.d.ts.map +1 -1
  72. package/ebay-menu-button/menu-button.js +18 -4
  73. package/ebay-page-notice/README.md +5 -1
  74. package/ebay-page-notice/index.d.ts +1 -1
  75. package/ebay-page-notice/index.d.ts.map +1 -1
  76. package/ebay-page-notice/page-notice.d.ts +5 -4
  77. package/ebay-page-notice/page-notice.d.ts.map +1 -1
  78. package/ebay-page-notice/page-notice.js +7 -8
  79. package/ebay-pagination/README.md +5 -5
  80. package/ebay-pagination/pagination-item.d.ts +8 -4
  81. package/ebay-pagination/pagination-item.d.ts.map +1 -1
  82. package/ebay-pagination/pagination-item.js +2 -1
  83. package/ebay-pagination/pagination.d.ts +8 -5
  84. package/ebay-pagination/pagination.d.ts.map +1 -1
  85. package/ebay-pagination/pagination.js +1 -1
  86. package/ebay-panel-dialog/panel-dialog.d.ts +0 -1
  87. package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
  88. package/ebay-panel-dialog/panel-dialog.js +1 -1
  89. package/ebay-radio/README.md +7 -2
  90. package/ebay-radio/radio.d.ts +12 -3
  91. package/ebay-radio/radio.d.ts.map +1 -1
  92. package/ebay-radio/radio.js +7 -5
  93. package/ebay-section-notice/README.md +5 -0
  94. package/ebay-section-notice/index.d.ts +1 -1
  95. package/ebay-section-notice/index.d.ts.map +1 -1
  96. package/ebay-section-notice/section-notice.d.ts +6 -3
  97. package/ebay-section-notice/section-notice.d.ts.map +1 -1
  98. package/ebay-section-notice/section-notice.js +32 -4
  99. package/ebay-select/README.md +3 -1
  100. package/ebay-select/ebay-select.d.ts +7 -2
  101. package/ebay-select/ebay-select.d.ts.map +1 -1
  102. package/ebay-select/ebay-select.js +1 -1
  103. package/ebay-select/index.d.ts +1 -1
  104. package/ebay-select/index.d.ts.map +1 -1
  105. package/ebay-split-button/README.md +2 -2
  106. package/ebay-split-button/split-button.js +1 -1
  107. package/ebay-split-button/types.d.ts +2 -3
  108. package/ebay-split-button/types.d.ts.map +1 -1
  109. package/ebay-star-rating-select/README.md +8 -0
  110. package/ebay-star-rating-select/star-rating-select.d.ts +8 -4
  111. package/ebay-star-rating-select/star-rating-select.d.ts.map +1 -1
  112. package/ebay-star-rating-select/star-rating-select.js +8 -8
  113. package/ebay-svg/svg.d.ts.map +1 -1
  114. package/ebay-svg/svg.js +266 -28
  115. package/ebay-switch/README.md +5 -1
  116. package/ebay-switch/ebay-switch.d.ts +7 -3
  117. package/ebay-switch/ebay-switch.d.ts.map +1 -1
  118. package/ebay-switch/ebay-switch.js +6 -3
  119. package/ebay-tabs/README.md +6 -10
  120. package/ebay-tabs/tab-panel.d.ts +0 -1
  121. package/ebay-tabs/tab-panel.d.ts.map +1 -1
  122. package/ebay-tabs/tab-panel.js +2 -2
  123. package/ebay-tabs/tab.d.ts +1 -7
  124. package/ebay-tabs/tab.d.ts.map +1 -1
  125. package/ebay-tabs/tab.js +2 -7
  126. package/ebay-tabs/tabs.d.ts +7 -1
  127. package/ebay-tabs/tabs.d.ts.map +1 -1
  128. package/ebay-tabs/tabs.js +12 -19
  129. package/ebay-textbox/README.md +16 -9
  130. package/ebay-textbox/postfix-icon.d.ts.map +1 -1
  131. package/ebay-textbox/postfix-icon.js +25 -3
  132. package/ebay-textbox/prefix-icon.d.ts.map +1 -1
  133. package/ebay-textbox/prefix-icon.js +24 -2
  134. package/ebay-textbox/textbox.d.ts +17 -7
  135. package/ebay-textbox/textbox.d.ts.map +1 -1
  136. package/ebay-textbox/textbox.js +47 -14
  137. package/ebay-textbox/types.d.ts +2 -2
  138. package/ebay-textbox/types.d.ts.map +1 -1
  139. package/ebay-video/README.md +7 -5
  140. package/ebay-video/controls.d.ts.map +1 -1
  141. package/ebay-video/controls.js +10 -4
  142. package/ebay-video/reportButton.d.ts +1 -5
  143. package/ebay-video/reportButton.d.ts.map +1 -1
  144. package/ebay-video/reportButton.js +3 -3
  145. package/ebay-video/video.d.ts +13 -10
  146. package/ebay-video/video.d.ts.map +1 -1
  147. package/ebay-video/video.js +4 -1
  148. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EAAgB,aAAa,EAAE,UAAU,EAC9D,MAAM,OAAO,CAAA;AAId,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAA;AACzD,aAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,aAAa,GAAG,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AACtE,aAAK,KAAK,GAAG,SAAS,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACvB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAwC3B,CAAA;AAED,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAA;AACtE,aAAK,KAAK,GAAG,SAAS,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAwC3B,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -54,10 +54,10 @@ var EbayFakeMenu = function (_a) {
54
54
  react_1.default.createElement("ul", { className: "fake-menu__items", tabIndex: -1 }, childrenArray.map(function (child, i) {
55
55
  var _a = child.props, current = _a.current, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, itemRest = __rest(_a, ["current", "onClick"]);
56
56
  return (react_1.default.createElement("li", { key: i }, react_1.cloneElement(child, __assign(__assign({}, itemRest), { 'aria-current': current ? defaultAriaCurrent : undefined, onClick: function (e) {
57
- onSelect(e, i);
57
+ onSelect(e, { index: i });
58
58
  onClick(e);
59
59
  }, onKeyDown: function (e) {
60
- onKeyDown(e, i);
60
+ onKeyDown(e, { index: i });
61
61
  } }))));
62
62
  }))));
63
63
  };
@@ -50,10 +50,6 @@ Name | Type | Required | Description
50
50
  `fixWidth` | Boolean | No | Constrain items container width to button width
51
51
  `borderless` | Boolean | No | Whether button has borders
52
52
  `size` | String | No | button size: `large` or `regular` (default)
53
- `onExpand` | Function | No | Triggered on menu expand
54
- `onCollapse` | Function | No | Triggered on menu collapse
55
- `onChange` | Function | No | Not yet implemented
56
- `onSelect` | Function | No | Not yet implemented
57
53
 
58
54
  ## EbayFakeMenuButtonItem Attributes
59
55
 
@@ -67,3 +63,12 @@ Name | Type | Required | Description
67
63
  `badge-number` | Number | No | Not yet implemented
68
64
  `badge-aria-label` | String | Yes (if `badge-number` provided) | Not yet implemented
69
65
  `onClick` | Function | No | For a non-link menu item, with param `{ originalEvent }`
66
+
67
+ ## Callbacks
68
+ | Name | Required | Description | Arguments |
69
+ |---------------|----------------------|--------------------------------------|------------------------------------|
70
+ `onKeyDown` | No | Triggered on key down | `(KeyboardEvent)` |
71
+ `onMouseDown` | No | Triggered on mouse down on menu item | `(MouseEvent, { index: number })` |
72
+ `onCollapse` | No | Triggered on menu collapse | `()` |
73
+ `onExpand` | No | Triggered on menu expand | `()` |
74
+ `onSelect` | No | Not yet implemented | `(ChangeEvent, { index: number })` |
@@ -1,4 +1,5 @@
1
1
  import { ComponentProps, FC } from 'react';
2
+ import { EbayKeyboardEventHandler, EbayMouseEventHandler } from '../common/event-utils/types';
2
3
  import { EbayButtonProps } from '../ebay-button';
3
4
  export declare type EbayFakeMenuButtonVariant = 'overflow' | 'form' | 'button';
4
5
  export declare type EbayFakeMenuButtonProps = {
@@ -12,9 +13,15 @@ export declare type EbayFakeMenuButtonProps = {
12
13
  onCollapse?: () => void;
13
14
  onExpand?: () => void;
14
15
  text?: string;
15
- type?: 'radio' | 'checkbox';
16
+ onSelect?: EbayMouseEventHandler<HTMLAnchorElement, {
17
+ index: number;
18
+ }>;
19
+ onKeyDown?: EbayKeyboardEventHandler<HTMLElement>;
20
+ onMouseDown?: EbayMouseEventHandler<HTMLAnchorElement, {
21
+ index: number;
22
+ }>;
16
23
  };
17
- declare type ButtonProps = Omit<EbayButtonProps, 'variant'> & Omit<ComponentProps<'button'>, 'type'> & ComponentProps<'a'>;
24
+ declare type ButtonProps = Omit<EbayButtonProps, 'variant' | 'onKeyDown' | 'onMouseDown'> & Omit<ComponentProps<'button'>, 'onKeyDown' | 'onMouseDown' | 'onSelect'> & Omit<ComponentProps<'a'>, 'onKeyDown' | 'onMouseDown' | 'onSelect'>;
18
25
  declare type Props = ButtonProps & EbayFakeMenuButtonProps;
19
26
  declare const EbayMenuButton: FC<Props>;
20
27
  export default EbayMenuButton;
@@ -1 +1 @@
1
- {"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAM5F,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAM5D,oBAAY,yBAAyB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtE,oBAAY,uBAAuB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC/B,CAAA;AAED,aAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GAC/C,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GACtC,cAAc,CAAC,GAAG,CAAC,CAAA;AACvB,aAAK,KAAK,GAAG,WAAW,GAAG,uBAAuB,CAAA;AAElD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsG7B,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAK5F,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAM5D,oBAAY,yBAAyB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtE,oBAAY,uBAAuB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvE,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7E,CAAA;AAED,aAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC,GAC7E,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC,GACxE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC,CAAA;AACvE,aAAK,KAAK,GAAG,WAAW,GAAG,uBAAuB,CAAA;AAElD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA4G7B,CAAA;AAED,eAAe,cAAc,CAAA"}
@@ -55,9 +55,9 @@ var ebay_icon_button_1 = require("../ebay-icon-button");
55
55
  var ebay_fake_menu_1 = require("../ebay-fake-menu");
56
56
  var _1 = require(".");
57
57
  var EbayMenuButton = function (_a) {
58
- var a11yText = _a.a11yText, noToggleIcon = _a.noToggleIcon, fixWidth = _a.fixWidth, reverse = _a.reverse, variant = _a.variant, _b = _a.expanded, defaultExpanded = _b === void 0 ? false : _b, className = _a.className, _c = _a.onCollapse, onCollapse = _c === void 0 ? function () { } : _c, _d = _a.onExpand, onExpand = _d === void 0 ? function () { } : _d, _e = _a.text, text = _e === void 0 ? '' : _e, children = _a.children, rest = __rest(_a, ["a11yText", "noToggleIcon", "fixWidth", "reverse", "variant", "expanded", "className", "onCollapse", "onExpand", "text", "children"]);
59
- var _f = react_1.useState(defaultExpanded), expanded = _f[0], setExpanded = _f[1];
60
- var _g = react_1.useState(), menuId = _g[0], setMenuId = _g[1];
58
+ var a11yText = _a.a11yText, noToggleIcon = _a.noToggleIcon, fixWidth = _a.fixWidth, reverse = _a.reverse, variant = _a.variant, _b = _a.expanded, defaultExpanded = _b === void 0 ? false : _b, className = _a.className, _c = _a.onCollapse, onCollapse = _c === void 0 ? function () { } : _c, _d = _a.onExpand, onExpand = _d === void 0 ? function () { } : _d, _e = _a.onMouseDown, onMouseDown = _e === void 0 ? function () { } : _e, _f = _a.onSelect, onSelect = _f === void 0 ? function () { } : _f, _g = _a.text, text = _g === void 0 ? '' : _g, children = _a.children, rest = __rest(_a, ["a11yText", "noToggleIcon", "fixWidth", "reverse", "variant", "expanded", "className", "onCollapse", "onExpand", "onMouseDown", "onSelect", "text", "children"]);
59
+ var _h = react_1.useState(defaultExpanded), expanded = _h[0], setExpanded = _h[1];
60
+ var _j = react_1.useState(), menuId = _j[0], setMenuId = _j[1];
61
61
  var ref = react_1.useRef();
62
62
  var icon = component_utils_1.findComponent(children, ebay_icon_1.EbayIcon);
63
63
  var label = component_utils_1.findComponent(children, _1.EbayFakeMenuButtonLabel) || (icon ? react_1.default.createElement("span", null, text) : text);
@@ -105,8 +105,10 @@ var EbayMenuButton = function (_a) {
105
105
  icon,
106
106
  label),
107
107
  expanded &&
108
- react_1.default.createElement(ebay_fake_menu_1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown }, menuItems.map(function (item, i) {
109
- return react_1.cloneElement(item, __assign(__assign({}, item.props), { className: classnames_1.default(item.props.className, 'fake-menu-button__item'), key: i, autoFocus: i === 0 }));
108
+ react_1.default.createElement(ebay_fake_menu_1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown, onSelect: onSelect }, menuItems.map(function (item, i) {
109
+ return react_1.cloneElement(item, __assign(__assign({}, item.props), { onMouseDown: function (e) {
110
+ onMouseDown(e, { index: i });
111
+ }, className: classnames_1.default(item.props.className, 'fake-menu-button__item'), key: i, autoFocus: i === 0 }));
110
112
  }))));
111
113
  };
112
114
  exports.default = EbayMenuButton;
@@ -2,7 +2,6 @@ import { FC } from 'react';
2
2
  import { DialogBaseProps } from '../ebay-dialog-base';
3
3
  export interface Props<T = any> extends DialogBaseProps<T> {
4
4
  open?: boolean;
5
- onOpen?: () => void;
6
5
  onClose?: () => void;
7
6
  }
8
7
  declare const EbayFullscreenDialog: FC<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"fullscreen-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-fullscreen-dialog/fullscreen-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAmBnC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
1
+ {"version":3,"file":"fullscreen-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-fullscreen-dialog/fullscreen-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAkBnC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
@@ -30,7 +30,7 @@ var classnames_1 = __importDefault(require("classnames"));
30
30
  var ebay_dialog_base_1 = require("../ebay-dialog-base");
31
31
  var classPrefix = 'fullscreen-dialog';
32
32
  var EbayFullscreenDialog = function (_a) {
33
- var open = _a.open, _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, _c = _a.onOpen, onOpen = _c === void 0 ? function () { } : _c, className = _a.className, animated = _a.animated, rest = __rest(_a, ["open", "onClose", "onOpen", "className", "animated"]);
33
+ var open = _a.open, _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, className = _a.className, animated = _a.animated, rest = __rest(_a, ["open", "onClose", "className", "animated"]);
34
34
  return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { classPrefix: classPrefix, buttonPosition: "left", onCloseBtnClick: onClose, transitionElement: "window", animated: animated, className: classnames_1.default(className, classPrefix + "--mask-fade-slow"), windowClass: classnames_1.default(classPrefix + "__window", classPrefix + "__window--slide"), open: open })));
35
35
  };
36
36
  exports.default = EbayFullscreenDialog;
@@ -1,2 +1,2 @@
1
- export declare type Icon = 'add16' | 'add24' | 'addImage24' | 'afterpay12Colored' | 'afterpay18Colored' | 'afterpay24Colored' | 'afterpay32Colored' | 'amex12Colored' | 'amex18Colored' | 'amex24Colored' | 'amex32Colored' | 'applePay12Colored' | 'applePay18Colored' | 'applePay24Colored' | 'applePay32Colored' | 'archive16' | 'archive24' | 'arrowLeft12' | 'arrowLeft16' | 'arrowLeft20' | 'arrowLeft24' | 'arrowRight12' | 'arrowRight16' | 'arrowRight24' | 'arrowTitle20' | 'arrows3d16' | 'arrows3d24' | 'article16' | 'article24' | 'attention16' | 'attention24' | 'attention64' | 'attentionFilled16' | 'attentionFilled24' | 'atv16' | 'atv24' | 'audioHigh16' | 'audioLow16' | 'audioOff16' | 'authenticityGuarantee16Fit' | 'authenticityGuarantee24Fit' | 'autoAdjust24' | 'bag24' | 'bank24' | 'bank64' | 'bankAccount12Colored' | 'bankAccount18Colored' | 'bankAccount24Colored' | 'bankAccount32Colored' | 'bids24' | 'bids64' | 'boat16' | 'boat24' | 'book16' | 'book24' | 'brandAuthorizedSeller16Fit' | 'brandAuthorizedSeller24Fit' | 'brightness24' | 'calendar16' | 'calendar24' | 'calendar64' | 'camera16' | 'camera24' | 'camera64' | 'car16' | 'car24' | 'carryon24' | 'cart16' | 'cart20' | 'cart24' | 'cart64' | 'categories16' | 'categories24' | 'cb12Colored' | 'cb18Colored' | 'cb24Colored' | 'cb32Colored' | 'certifiedRecycled16Fit' | 'certifiedRecycled24Fit' | 'chair16' | 'chair24' | 'chat16' | 'chat24' | 'chat64' | 'checkIn24' | 'checkboxChecked18' | 'checkboxChecked24' | 'checkboxMixed18' | 'checkboxMixed24' | 'checkboxUnchecked18' | 'checkboxUnchecked24' | 'checkmark24' | 'chevronDown12' | 'chevronDown16' | 'chevronDown24' | 'chevronLeft12' | 'chevronLeft16' | 'chevronLeft20' | 'chevronLeft24' | 'chevronRight12' | 'chevronRight16' | 'chevronRight24' | 'chevronUp12' | 'chevronUp16' | 'chevronUp24' | 'clear16' | 'clear24' | 'clickToCall16Fit' | 'clickToCall24Fit' | 'clock16' | 'clock24' | 'close16' | 'close20' | 'close24' | 'closedCaption16' | 'closedCaptionFilled16' | 'coin24' | 'collections16' | 'collections24' | 'condensedGrid24' | 'condensedGridFilled24' | 'confirmation16' | 'confirmation24' | 'confirmationFilled16' | 'confirmationFilled24' | 'contract16' | 'contrast24' | 'copy16' | 'copy24' | 'creditCard16' | 'creditCard24' | 'creditCard64' | 'crop24' | 'currencyDollar16' | 'currencyDollar24' | 'currencyEuro16' | 'currencyEuro24' | 'currencyFranc16' | 'currencyFranc24' | 'currencyKrona16' | 'currencyKrona24' | 'currencyPeso16' | 'currencyPeso24' | 'currencyPound16' | 'currencyPound24' | 'currencyRinggit16' | 'currencyRinggit24' | 'currencyRupee16' | 'currencyRupee24' | 'currencyWon16' | 'currencyWon24' | 'currencyYuan16' | 'currencyYuan24' | 'currencyZloty16' | 'currencyZloty24' | 'customize16' | 'customize24' | 'delete16' | 'delete20' | 'delete24' | 'diamond16' | 'diamond24' | 'diners12Colored' | 'diners18Colored' | 'diners24Colored' | 'diners32Colored' | 'directDebit12Colored' | 'directDebit18Colored' | 'directDebit24Colored' | 'directDebit32Colored' | 'directFromBrand16Fit' | 'directFromBrand24Fit' | 'discover12Colored' | 'discover18Colored' | 'discover24Colored' | 'discover32Colored' | 'download16' | 'download24' | 'ebayBalance12Colored' | 'ebayBalance18Colored' | 'ebayBalance24Colored' | 'ebayBalance32Colored' | 'ebayBucks16Colored' | 'ebayInternationalShipping16Fit' | 'ebayInternationalShipping24Fit' | 'ebayLive16' | 'ebayLive24' | 'ebayMastercard12Colored' | 'ebayMastercard18Colored' | 'ebayMastercard24Colored' | 'ebayMastercard32Colored' | 'ebayMoneyBackGuaranteeLogo16Colored' | 'ebayPlus16Fit' | 'ebayPlus24Fit' | 'ebayPlusLogo16Colored' | 'ebayRefurbished16Fit' | 'ebayRefurbished24Fit' | 'eekArrow' | 'eekRangeArrow' | 'escrow16Fit' | 'escrow24Fit' | 'escrowCard12Colored' | 'escrowCard18Colored' | 'escrowCard24Colored' | 'escrowCard32Colored' | 'expand16' | 'externalLink16' | 'externalLink24' | 'faceHappiest24' | 'faceHappy24' | 'faceNeutral24' | 'faceSad24' | 'faceSaddest24' | 'fastAndFree16' | 'fastAndFree24' | 'file16' | 'file24' | 'filter16' | 'filter24' | 'fingerprint24' | 'fingerprint64' | 'flag16' | 'flag24' | 'flagFilled16' | 'flagFilled24' | 'flash24' | 'flashAuto24' | 'flashOff24' | 'folder16' | 'folder24' | 'freeWarranty16Fit' | 'freeWarranty24Fit' | 'fullView16' | 'fullView24' | 'fullViewFilled16' | 'fullViewFilled24' | 'gallery16' | 'gallery24' | 'generalCard12Colored' | 'generalCard18Colored' | 'generalCard24Colored' | 'generalCard32Colored' | 'genericCard12Colored' | 'genericCard18Colored' | 'genericCard24Colored' | 'genericCard32Colored' | 'gift16' | 'gift24' | 'gift64' | 'giftCard12Colored' | 'giftCard18Colored' | 'giftCard24Colored' | 'giftCard32Colored' | 'glasses24' | 'glasses64' | 'googlePay12Colored' | 'googlePay18Colored' | 'googlePay24Colored' | 'googlePay32Colored' | 'gridView16' | 'gridView24' | 'gridViewFilled16' | 'gridViewFilled24' | 'handbag16' | 'handbag24' | 'hanger16' | 'hanger24' | 'headphone16' | 'headphone24' | 'help16' | 'help20' | 'help24' | 'helpOutline16' | 'helpOutline24' | 'hide16' | 'hide24' | 'history24' | 'history64' | 'home24' | 'homeFilled24' | 'image16' | 'image24' | 'image64' | 'imagePlaceholder' | 'inbox16' | 'inbox24' | 'information16' | 'information24' | 'informationFilled16' | 'informationFilled24' | 'inspect16' | 'inspect24' | 'jcb12Colored' | 'jcb18Colored' | 'jcb24Colored' | 'jcb32Colored' | 'keyboard16' | 'keyboard24' | 'klarnaBlack12Colored' | 'klarnaBlack18Colored' | 'klarnaBlack24Colored' | 'klarnaBlack32Colored' | 'klarnaPink12Colored' | 'klarnaPink18Colored' | 'klarnaPink24Colored' | 'klarnaPink32Colored' | 'klarnaWhite12Colored' | 'klarnaWhite18Colored' | 'klarnaWhite24Colored' | 'klarnaWhite32Colored' | 'lamp16' | 'lamp24' | 'largeBox24' | 'legacyAuthenticityGuarantee48Colored' | 'legacyClickToCall48Colored' | 'legacyEscrow48Colored' | 'legacyFreeWarranty48Colored' | 'legacyMoneyBackGuaranteeChf48Colored' | 'legacyMoneyBackGuaranteeEu48Colored' | 'legacyMoneyBackGuaranteeUk48Colored' | 'legacyMoneyBackGuaranteeUs48Colored' | 'legacyMoneyBackGuaranteeZl48Colored' | 'legacyTopRatedSeller48Colored' | 'lightbulb16' | 'lightbulb24' | 'lightningBolt16' | 'lightningBolt24' | 'listView16' | 'listView24' | 'listViewFilled16' | 'listViewFilled24' | 'liveEye16' | 'liveEye24' | 'location24' | 'location64' | 'locked16' | 'locked24' | 'maestro12Colored' | 'maestro18Colored' | 'maestro24Colored' | 'maestro32Colored' | 'mail16' | 'mail24' | 'mail64' | 'mailMove16' | 'mailMove24' | 'mailOpen16' | 'mailOpen24' | 'mailUnread16' | 'mailUnread24' | 'masonryView24' | 'masonryViewFilled24' | 'mastercard12Colored' | 'mastercard18Colored' | 'mastercard24Colored' | 'mastercard32Colored' | 'mediumBox24' | 'menu20' | 'menu24' | 'microphone16' | 'microphone24' | 'mobile24' | 'mobileSignal24' | 'motorcycle16' | 'motorcycle24' | 'move16' | 'move24' | 'nectar24Colored' | 'negativeFilled16' | 'negativeFilled24' | 'neutral16' | 'neutral24' | 'notification16' | 'notification20' | 'notification24' | 'notificationFilled24' | 'onTheWay16' | 'onTheWay24' | 'overflowHorizontal16' | 'overflowHorizontal20' | 'overflowHorizontal24' | 'overflowVertical16' | 'overflowVertical20' | 'overflowVertical24' | 'package24' | 'pause16' | 'pause24' | 'pause64Colored' | 'payoneer12Colored' | 'payoneer18Colored' | 'payoneer24Colored' | 'payoneer32Colored' | 'paypal12Colored' | 'paypal18Colored' | 'paypal24Colored' | 'paypal32Colored' | 'paypalCredit12Colored' | 'paypalCredit18Colored' | 'paypalCredit24Colored' | 'paypalCredit32Colored' | 'paypalDisabled12Colored' | 'paypalDisabled18Colored' | 'paypalDisabled24Colored' | 'paypalDisabled32Colored' | 'pencil16' | 'pencil24' | 'phone24' | 'pin24' | 'pinFilled24' | 'play16' | 'play24' | 'play64Colored' | 'playFilled16' | 'playFilled24' | 'postepay12Colored' | 'postepay18Colored' | 'postepay24Colored' | 'postepay32Colored' | 'print24' | 'profile20' | 'profile24' | 'profileFilled24' | 'progressCurrent24' | 'progressUpcoming24' | 'qrCode16' | 'qrCode24' | 'radioChecked18' | 'radioChecked24' | 'radioUnchecked18' | 'radioUnchecked24' | 'recoveryCode16' | 'recoveryCode24' | 'refresh16' | 'refresh24' | 'relaxedGrid24' | 'relaxedGridFilled24' | 'remove16' | 'remove24' | 'reply16' | 'reply24' | 'return16' | 'return24' | 'rim16' | 'rim24' | 'rotate24' | 'rotateLandscapeLeft' | 'rotateLandscapeRight' | 'rotatePortraitLeft' | 'rotatePortraitRight' | 'satchel24' | 'save16' | 'save20' | 'save24' | 'saveFilled16' | 'saveFilled20' | 'saveFilled24' | 'scan16' | 'scan24' | 'search16' | 'search20' | 'search24' | 'search64' | 'searchFilled24' | 'searchSimilar20' | 'securityKey24' | 'selectAll24' | 'selling20' | 'selling24' | 'sellingFilled24' | 'send24' | 'settings16' | 'settings20' | 'settings24' | 'shareAndroid16' | 'shareAndroid20' | 'shareAndroid24' | 'shareIos16' | 'shareIos20' | 'shareIos24' | 'sharpen24' | 'shoeBox24' | 'show16' | 'show24' | 'smallBox24' | 'smallLetter24' | 'sneaker16' | 'sneaker24' | 'socialDiscord24' | 'socialFacebook24' | 'socialFacebookMessenger24' | 'socialInstagram24' | 'socialLink24' | 'socialLinkedin24' | 'socialPinterest24' | 'socialReddit24' | 'socialTwitter24' | 'socialWhatsapp24' | 'sort12' | 'sort24' | 'sortDown12' | 'sortUp12' | 'spinner20' | 'spinner24' | 'spinner30' | 'splitView24' | 'splitViewFilled24' | 'starDynamic' | 'starEmpty16' | 'starEmpty24' | 'starFilled16' | 'starFilled24' | 'starHalf16Colored' | 'starHalf24Colored' | 'starHalfDark16Colored' | 'starHalfDark24Colored' | 'stepperAttention24' | 'stepperConfirmation24' | 'stepperCurrent24' | 'stepperUpcoming24' | 'store16' | 'store24' | 'store64' | 'suitcase24' | 'support24' | 'switchCamera24' | 'textMessaging16' | 'textMessaging24' | 'textMessaging64' | 'theEbayVault16Fit' | 'theEbayVault24Fit' | 'thumbDown16' | 'thumbDown24' | 'thumbDownFilled16' | 'thumbDownFilled24' | 'thumbUp16' | 'thumbUp24' | 'thumbUpFilled16' | 'thumbUpFilled24' | 'tick16' | 'tick24' | 'topRatedSeller16Fit' | 'topRatedSeller24Fit' | 'tradingCard16' | 'tradingCard24' | 'trendDown16' | 'trendUp16' | 'trophy16' | 'trophy24' | 'undo24' | 'unionpay12Colored' | 'unionpay18Colored' | 'unionpay24Colored' | 'unionpay32Colored' | 'unlocked16' | 'unlocked24' | 'unselectAll24' | 'upload16' | 'upload24' | 'verifiedCondition16Fit' | 'verifiedCondition24Fit' | 'video24' | 'visa12Colored' | 'visa18Colored' | 'visa24Colored' | 'visa32Colored' | 'wallet24' | 'wallet64' | 'walletBalance12Colored' | 'walletBalance18Colored' | 'walletBalance24Colored' | 'walletBalance32Colored' | 'watch16' | 'watch24' | 'wrench16' | 'wrench24' | 'zoomIn16' | 'zoomIn24' | 'zoomOut16' | 'zoomOut24';
1
+ export declare type Icon = 'add16' | 'add24' | 'addImage24' | 'afterpay12Colored' | 'afterpay18Colored' | 'afterpay24Colored' | 'afterpay32Colored' | 'amex12Colored' | 'amex18Colored' | 'amex24Colored' | 'amex32Colored' | 'applePay12Colored' | 'applePay18Colored' | 'applePay24Colored' | 'applePay32Colored' | 'archive16' | 'archive24' | 'arrowLeft12' | 'arrowLeft16' | 'arrowLeft20' | 'arrowLeft24' | 'arrowRight12' | 'arrowRight16' | 'arrowRight20' | 'arrowRight24' | 'arrowTitle20' | 'arrows3d16' | 'arrows3d24' | 'arrows3dFilled64Colored' | 'article16' | 'article24' | 'attention16' | 'attention24' | 'attention64' | 'attentionFilled16' | 'attentionFilled24' | 'atv16' | 'atv24' | 'audioHigh16' | 'audioLow16' | 'audioOff16' | 'authenticityGuarantee16' | 'authenticityGuarantee16Fit' | 'authenticityGuarantee24' | 'authenticityGuarantee24Fit' | 'autoAdjust24' | 'avatarSignedOut' | 'bag24' | 'bank24' | 'bank64' | 'bankAccount12Colored' | 'bankAccount18Colored' | 'bankAccount24Colored' | 'bankAccount32Colored' | 'bids24' | 'bids64' | 'boat16' | 'boat24' | 'book16' | 'book24' | 'bookmark16' | 'bookmark24' | 'brandAuthorizedSeller16' | 'brandAuthorizedSeller16Fit' | 'brandAuthorizedSeller24' | 'brandAuthorizedSeller24Fit' | 'brightness24' | 'calendar16' | 'calendar24' | 'calendar64' | 'camera16' | 'camera24' | 'camera64' | 'car16' | 'car24' | 'carryon24' | 'cart16' | 'cart20' | 'cart24' | 'cart64' | 'categories16' | 'categories24' | 'cb12Colored' | 'cb18Colored' | 'cb24Colored' | 'cb32Colored' | 'certifiedRecycled16' | 'certifiedRecycled16Fit' | 'certifiedRecycled24' | 'certifiedRecycled24Fit' | 'chair16' | 'chair24' | 'chat16' | 'chat24' | 'chat64' | 'checkIn24' | 'checkboxChecked18' | 'checkboxChecked24' | 'checkboxMixed18' | 'checkboxMixed24' | 'checkboxUnchecked18' | 'checkboxUnchecked24' | 'checkmark24' | 'chevronDown12' | 'chevronDown16' | 'chevronDown24' | 'chevronLeft12' | 'chevronLeft16' | 'chevronLeft20' | 'chevronLeft24' | 'chevronRight12' | 'chevronRight16' | 'chevronRight24' | 'chevronUp12' | 'chevronUp16' | 'chevronUp24' | 'clear16' | 'clear24' | 'clickToCall16' | 'clickToCall16Fit' | 'clickToCall24Fit' | 'clock16' | 'clock24' | 'close16' | 'close20' | 'close24' | 'closedCaption16' | 'closedCaptionFilled16' | 'coin24' | 'collections16' | 'collections24' | 'condensedGrid24' | 'condensedGridFilled24' | 'confirmation16' | 'confirmation24' | 'confirmation64' | 'confirmationFilled16' | 'confirmationFilled24' | 'contract16' | 'contrast24' | 'copy16' | 'copy24' | 'creditCard16' | 'creditCard24' | 'creditCard64' | 'crop24' | 'currencyDollar16' | 'currencyDollar24' | 'currencyEuro16' | 'currencyEuro24' | 'currencyFranc16' | 'currencyFranc24' | 'currencyKrona16' | 'currencyKrona24' | 'currencyPeso16' | 'currencyPeso24' | 'currencyPound16' | 'currencyPound24' | 'currencyRinggit16' | 'currencyRinggit24' | 'currencyRupee16' | 'currencyRupee24' | 'currencyWon16' | 'currencyWon24' | 'currencyYuan16' | 'currencyYuan24' | 'currencyZloty16' | 'currencyZloty24' | 'customize16' | 'customize24' | 'delete16' | 'delete20' | 'delete24' | 'diamond16' | 'diamond24' | 'diners12Colored' | 'diners18Colored' | 'diners24Colored' | 'diners32Colored' | 'directDebit12Colored' | 'directDebit18Colored' | 'directDebit24Colored' | 'directDebit32Colored' | 'directFromBrand16' | 'directFromBrand16Fit' | 'directFromBrand24' | 'directFromBrand24Fit' | 'discord24' | 'discount16' | 'discount24' | 'discover12Colored' | 'discover18Colored' | 'discover24Colored' | 'discover32Colored' | 'dollar16' | 'dollar24' | 'download16' | 'download24' | 'ebayBalance12Colored' | 'ebayBalance18Colored' | 'ebayBalance24Colored' | 'ebayBalance32Colored' | 'ebayBucks16Colored' | 'ebayBucksLogo16Colored' | 'ebayForCharity16Fit' | 'ebayForCharity24Fit' | 'ebayInternationalShipping16' | 'ebayInternationalShipping16Fit' | 'ebayInternationalShipping24' | 'ebayInternationalShipping24Fit' | 'ebayLive16' | 'ebayLive24' | 'ebayMastercard12Colored' | 'ebayMastercard18Colored' | 'ebayMastercard24Colored' | 'ebayMastercard32Colored' | 'ebayMoneyBackGuaranteeLogo16Colored' | 'ebayPlus16Fit' | 'ebayPlus24Fit' | 'ebayPlusLogo16Colored' | 'ebayPreloved16' | 'ebayPreloved24' | 'ebayRefurbished16' | 'ebayRefurbished16Fit' | 'ebayRefurbished24' | 'ebayRefurbished24Fit' | 'eekArrow' | 'eekRangeArrow' | 'escrow16Fit' | 'escrow24Fit' | 'escrowCard12Colored' | 'escrowCard18Colored' | 'escrowCard24Colored' | 'escrowCard32Colored' | 'euro16' | 'euro24' | 'expand16' | 'externalLink16' | 'externalLink24' | 'faceHappiest24' | 'faceHappy24' | 'faceNeutral24' | 'faceSad24' | 'faceSaddest24' | 'facebook24' | 'facebookMessenger24' | 'fastAndFree16' | 'fastAndFree24' | 'file16' | 'file24' | 'filter16' | 'filter24' | 'fingerprint24' | 'fingerprint64' | 'flag16' | 'flag24' | 'flagFilled16' | 'flagFilled24' | 'flash24' | 'flashAuto24' | 'flashOff24' | 'folder16' | 'folder24' | 'franc16' | 'franc24' | 'freeWarranty16' | 'freeWarranty16Fit' | 'freeWarranty24Fit' | 'fullView16' | 'fullView24' | 'fullViewFilled16' | 'fullViewFilled24' | 'gallery16' | 'gallery24' | 'generalCard12Colored' | 'generalCard18Colored' | 'generalCard24Colored' | 'generalCard32Colored' | 'genericCard12Colored' | 'genericCard18Colored' | 'genericCard24Colored' | 'genericCard32Colored' | 'gift16' | 'gift24' | 'gift64' | 'giftCard12Colored' | 'giftCard18Colored' | 'giftCard24Colored' | 'giftCard32Colored' | 'glasses24' | 'glasses64' | 'googlePay12Colored' | 'googlePay18Colored' | 'googlePay24Colored' | 'googlePay32Colored' | 'gridView16' | 'gridView24' | 'gridViewFilled16' | 'gridViewFilled24' | 'handbag16' | 'handbag24' | 'hanger16' | 'hanger24' | 'headphone16' | 'headphone24' | 'help16' | 'help20' | 'help24' | 'helpOutline16' | 'helpOutline24' | 'hide16' | 'hide24' | 'history24' | 'history64' | 'home24' | 'homeFilled24' | 'image16' | 'image24' | 'image64' | 'inbox16' | 'inbox24' | 'information16' | 'information24' | 'informationFilled16' | 'informationFilled24' | 'inspect16' | 'inspect24' | 'instagram24' | 'jcb12Colored' | 'jcb18Colored' | 'jcb24Colored' | 'jcb32Colored' | 'jetSki16' | 'jetSki24' | 'key16' | 'key24' | 'keyboard16' | 'keyboard24' | 'klarnaBlack12Colored' | 'klarnaBlack18Colored' | 'klarnaBlack24Colored' | 'klarnaBlack32Colored' | 'klarnaPink12Colored' | 'klarnaPink18Colored' | 'klarnaPink24Colored' | 'klarnaPink32Colored' | 'klarnaWhite12Colored' | 'klarnaWhite18Colored' | 'klarnaWhite24Colored' | 'klarnaWhite32Colored' | 'krona16' | 'krona24' | 'lamp16' | 'lamp24' | 'largeBox24' | 'legacyAuthenticityGuarantee48Colored' | 'legacyClickToCall48Colored' | 'legacyEscrow48Colored' | 'legacyFreeWarranty48Colored' | 'legacyMoneyBackGuaranteeChf48Colored' | 'legacyMoneyBackGuaranteeEu48Colored' | 'legacyMoneyBackGuaranteeUk48Colored' | 'legacyMoneyBackGuaranteeUs48Colored' | 'legacyMoneyBackGuaranteeZl48Colored' | 'legacyTopRatedSeller48Colored' | 'lightbulb16' | 'lightbulb24' | 'lightningBolt16' | 'lightningBolt24' | 'link24' | 'linkedin24' | 'listView16' | 'listView24' | 'listViewFilled16' | 'listViewFilled24' | 'liveEye16' | 'liveEye24' | 'location16' | 'location24' | 'location64' | 'locked16' | 'locked24' | 'maestro12Colored' | 'maestro18Colored' | 'maestro24Colored' | 'maestro32Colored' | 'mail16' | 'mail24' | 'mail64' | 'mailMove16' | 'mailMove24' | 'mailOpen16' | 'mailOpen24' | 'mailUnread16' | 'mailUnread24' | 'masonryView24' | 'masonryViewFilled24' | 'mastercard12Colored' | 'mastercard18Colored' | 'mastercard24Colored' | 'mastercard32Colored' | 'mediumBox24' | 'menu20' | 'menu24' | 'microphone16' | 'microphone24' | 'mobile24' | 'mobileSignal24' | 'moneyBackGuarantee16Fit' | 'moneyBackGuarantee24Fit' | 'motorcycle16' | 'motorcycle24' | 'move16' | 'move24' | 'nectar24Colored' | 'nectarLogo24Colored' | 'negativeFilled16' | 'negativeFilled24' | 'neutral16' | 'neutral24' | 'notification16' | 'notification20' | 'notification24' | 'notification64' | 'notificationFilled24' | 'onTheWay16' | 'onTheWay24' | 'overflowHorizontal16' | 'overflowHorizontal20' | 'overflowHorizontal24' | 'overflowVertical16' | 'overflowVertical20' | 'overflowVertical24' | 'package16' | 'package24' | 'package64' | 'pause16' | 'pause24' | 'pause64Colored' | 'pauseFilled64Colored' | 'payoneer12Colored' | 'payoneer18Colored' | 'payoneer24Colored' | 'payoneer32Colored' | 'paypal12Colored' | 'paypal18Colored' | 'paypal24Colored' | 'paypal32Colored' | 'paypalCredit12Colored' | 'paypalCredit18Colored' | 'paypalCredit24Colored' | 'paypalCredit32Colored' | 'paypalDisabled12Colored' | 'paypalDisabled18Colored' | 'paypalDisabled24Colored' | 'paypalDisabled32Colored' | 'pencil16' | 'pencil20' | 'pencil24' | 'peso16' | 'peso24' | 'phone16' | 'phone24' | 'pin24' | 'pinFilled24' | 'pinterest24' | 'play16' | 'play24' | 'play64Colored' | 'playFilled16' | 'playFilled16Colored' | 'playFilled24' | 'playFilled24Colored' | 'playFilled64Colored' | 'postepay12Colored' | 'postepay18Colored' | 'postepay24Colored' | 'postepay32Colored' | 'pound16' | 'pound24' | 'print24' | 'profile20' | 'profile24' | 'profileFilled24' | 'progressCurrent24' | 'progressUpcoming24' | 'promotion16' | 'promotion24' | 'qrCode16' | 'qrCode24' | 'radioChecked18' | 'radioChecked24' | 'radioUnchecked18' | 'radioUnchecked24' | 'recoveryCode16' | 'recoveryCode24' | 'reddit24' | 'refresh16' | 'refresh24' | 'relaxedGrid24' | 'relaxedGridFilled24' | 'remove16' | 'remove24' | 'reply16' | 'reply24' | 'return16' | 'return24' | 'rim16' | 'rim24' | 'ringgit16' | 'ringgit24' | 'rotate24' | 'rotateLandscapeLeft' | 'rotateLandscapeLeft24' | 'rotateLandscapeRight' | 'rotateLandscapeRight24' | 'rotatePortraitLeft' | 'rotatePortraitLeft24' | 'rotatePortraitRight' | 'rotatePortraitRight24' | 'rupee16' | 'rupee24' | 'satchel24' | 'save16' | 'save20' | 'save24' | 'saveFilled16' | 'saveFilled20' | 'saveFilled24' | 'scan16' | 'scan24' | 'search16' | 'search20' | 'search24' | 'search64' | 'searchFilled24' | 'searchSimilar16' | 'searchSimilar20' | 'searchSimilar24' | 'securityKey24' | 'selectAll24' | 'selling16' | 'selling20' | 'selling24' | 'sellingFilled24' | 'send24' | 'settings16' | 'settings20' | 'settings24' | 'shareAndroid16' | 'shareAndroid20' | 'shareAndroid24' | 'shareIos16' | 'shareIos20' | 'shareIos24' | 'sharpen24' | 'shoeBox24' | 'show16' | 'show24' | 'smallBox24' | 'smallLetter24' | 'sneaker16' | 'sneaker24' | 'snowmobile16' | 'snowmobile24' | 'socialDiscord24' | 'socialFacebook24' | 'socialFacebookMessenger24' | 'socialInstagram24' | 'socialLink24' | 'socialLinkedin24' | 'socialPinterest24' | 'socialReddit24' | 'socialTwitter24' | 'socialWhatsapp24' | 'sort12' | 'sort24' | 'sortDown12' | 'sortUp12' | 'sparklineDown16' | 'sparklineDown20' | 'sparklineDown24' | 'sparklineUp16' | 'sparklineUp20' | 'sparklineUp24' | 'spinner20' | 'spinner24' | 'spinner30' | 'splitView24' | 'splitViewFilled24' | 'starDynamic' | 'starEmpty16' | 'starEmpty24' | 'starFilled16' | 'starFilled24' | 'starHalf16Colored' | 'starHalf24Colored' | 'starHalfDark16Colored' | 'starHalfDark24Colored' | 'stepperAttention24' | 'stepperConfirmation24' | 'stepperCurrent24' | 'stepperUpcoming24' | 'store16' | 'store24' | 'store64' | 'suitcase24' | 'support24' | 'switchCamera24' | 'textMessaging16' | 'textMessaging24' | 'textMessaging64' | 'theEbayVault16Fit' | 'theEbayVault24Fit' | 'thumbDown16' | 'thumbDown24' | 'thumbDownFilled16' | 'thumbDownFilled24' | 'thumbUp16' | 'thumbUp24' | 'thumbUp64' | 'thumbUpFilled16' | 'thumbUpFilled24' | 'tick16' | 'tick24' | 'topRatedSeller16' | 'topRatedSeller16Fit' | 'topRatedSeller24Fit' | 'tradingCard16' | 'tradingCard24' | 'transaction24' | 'trendDown16' | 'trendDown16Fit' | 'trendUp16' | 'trendUp16Fit' | 'trophy16' | 'trophy24' | 'twitter24' | 'undo16' | 'undo24' | 'unionpay12Colored' | 'unionpay18Colored' | 'unionpay24Colored' | 'unionpay32Colored' | 'unlocked16' | 'unlocked24' | 'unselectAll24' | 'upload16' | 'upload24' | 'verifiedCondition16Fit' | 'verifiedCondition24Fit' | 'video24' | 'visa12Colored' | 'visa18Colored' | 'visa24Colored' | 'visa32Colored' | 'wallet24' | 'wallet64' | 'walletBalance12Colored' | 'walletBalance18Colored' | 'walletBalance24Colored' | 'walletBalance32Colored' | 'watch16' | 'watch24' | 'whatsapp24' | 'won16' | 'won24' | 'wrench16' | 'wrench24' | 'yuan16' | 'yuan24' | 'zloty16' | 'zloty24' | 'zoomIn16' | 'zoomIn24' | 'zoomOut16' | 'zoomOut24';
2
2
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/types.ts"],"names":[],"mappings":"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"}
@@ -39,3 +39,12 @@ Name | Type | Stateful | Required | Description | Data
39
39
  `bageNumber` | Number | No | No | number on the badge
40
40
  `bageAriaLabel` | String | No | No | aria label of the badge
41
41
  `transparent` | Boolean | No | No | for transparent background
42
+
43
+ ## Callbacks
44
+
45
+ | Name | Type | Required | Description | Data |
46
+ |------------|----------|----------|-----------------------------|-------------------|
47
+ | `onClick` | Function | No | triggered on click | `(MouseEvent)` |
48
+ | `onEscape` | Function | No | triggered on Esc key press | `(KeyboardEvent)` |
49
+ | `onFocus` | Function | No | triggered on keyboard focus | `(FocusEvent)` |
50
+ | `onBlur` | Function | No | triggered on focus lost | `(FocusEvent)` |
@@ -1,5 +1,6 @@
1
1
  import React, { ComponentProps, RefObject } from 'react';
2
2
  import { Icon } from '../ebay-icon';
3
+ import { EbayKeyboardEventHandler } from '../common/event-utils/types';
3
4
  export declare type EbayIconButtonProps = {
4
5
  href?: string;
5
6
  icon: Icon;
@@ -7,10 +8,11 @@ export declare type EbayIconButtonProps = {
7
8
  badgeAriaLabel?: string;
8
9
  transparent?: boolean;
9
10
  forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
11
+ onEscape?: EbayKeyboardEventHandler;
10
12
  };
11
13
  declare type HTMLButtonProps = ComponentProps<'button'>;
12
14
  declare type HTMLAnchorProps = ComponentProps<'a'>;
13
15
  declare type Props = EbayIconButtonProps & HTMLButtonProps & HTMLAnchorProps;
14
- declare const _default: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "type" | "key" | "value" | "className" | "disabled" | "placeholder" | "children" | "dir" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "media" | "name" | "rel" | "target" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "forwardedRef" | "transparent" | "ping" | "referrerPolicy" | "icon" | "badgeNumber" | "badgeAriaLabel"> & React.RefAttributes<React.FC<Props>>>;
16
+ declare const _default: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "type" | "key" | "value" | "className" | "disabled" | "placeholder" | "children" | "dir" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "media" | "name" | "rel" | "target" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "forwardedRef" | "transparent" | "onEscape" | "ping" | "referrerPolicy" | "icon" | "badgeNumber" | "badgeAriaLabel"> & React.RefAttributes<React.FC<Props>>>;
15
17
  export default _default;
16
18
  //# sourceMappingURL=icon-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ebay-icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAI7C,oBAAY,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACnE,CAAA;AAED,aAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,aAAK,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC3C,aAAK,KAAK,GAAG,mBAAmB,GAAG,eAAe,GAAG,eAAe,CAAC;;AAiDrE,wBAA6C"}
1
+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ebay-icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,oBAAY,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACvC,CAAA;AAED,aAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,aAAK,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC3C,aAAK,KAAK,GAAG,mBAAmB,GAAG,eAAe,GAAG,eAAe,CAAC;;AA4DrE,wBAA6C"}
@@ -32,7 +32,7 @@ var ebay_badge_1 = require("../ebay-badge");
32
32
  var component_utils_1 = require("../common/component-utils");
33
33
  var EbayIconButton = function (_a) {
34
34
  var _b;
35
- var href = _a.href, icon = _a.icon, badgeNumber = _a.badgeNumber, badgeAriaLabel = _a.badgeAriaLabel, transparent = _a.transparent, extraClasses = _a.className, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["href", "icon", "badgeNumber", "badgeAriaLabel", "transparent", "className", "forwardedRef"]);
35
+ var href = _a.href, icon = _a.icon, badgeNumber = _a.badgeNumber, badgeAriaLabel = _a.badgeAriaLabel, transparent = _a.transparent, extraClasses = _a.className, forwardedRef = _a.forwardedRef, _c = _a.onEscape, onEscape = _c === void 0 ? function () { } : _c, _d = _a.onKeyDown, onKeyDown = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["href", "icon", "badgeNumber", "badgeAriaLabel", "transparent", "className", "forwardedRef", "onEscape", "onKeyDown"]);
36
36
  var classPrefix = href ? 'icon-link' : 'icon-btn';
37
37
  var className = classnames_1.default(extraClasses, classPrefix, (_b = {},
38
38
  _b[classPrefix + "--badged"] = badgeNumber,
@@ -41,6 +41,12 @@ var EbayIconButton = function (_a) {
41
41
  var children = (react_1.default.createElement(react_1.default.Fragment, null,
42
42
  react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }),
43
43
  badgeNumber && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "icon", number: badgeNumber, "aria-label": badgeAriaLabel })));
44
- return href ? (react_1.default.createElement("a", __assign({ ref: forwardedRef, className: className, href: href }, rest), children)) : (react_1.default.createElement("button", __assign({ ref: forwardedRef, type: "button", className: className }, rest), children));
44
+ var keyDownHandler = function (e) {
45
+ if (e.key === 'Escape' || e.key === 'Esc') {
46
+ onEscape(e);
47
+ }
48
+ onKeyDown(e);
49
+ };
50
+ return href ? (react_1.default.createElement("a", __assign({ ref: forwardedRef, className: className, href: href, onKeyDown: keyDownHandler }, rest), children)) : (react_1.default.createElement("button", __assign({ ref: forwardedRef, type: "button", className: className, onKeyDown: keyDownHandler }, rest), children));
45
51
  };
46
52
  exports.default = component_utils_1.withForwardRef(EbayIconButton);
@@ -4,7 +4,6 @@ declare type Mode = 'default' | 'mini';
4
4
  export interface Props<T = any> extends DialogBaseProps<T> {
5
5
  open?: boolean;
6
6
  mode?: Mode;
7
- onOpen?: () => void;
8
7
  onClose?: () => void;
9
8
  }
10
9
  declare const EbayLightboxDialog: FC<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,aAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAE9B,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAmBjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,aAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAE9B,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAkBjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -31,7 +31,7 @@ var ebay_dialog_base_1 = require("../ebay-dialog-base");
31
31
  var classPrefix = 'lightbox-dialog';
32
32
  var EbayLightboxDialog = function (_a) {
33
33
  var _b;
34
- var open = _a.open, mode = _a.mode, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, _d = _a.onOpen, onOpen = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["open", "mode", "onClose", "onOpen"]);
34
+ var open = _a.open, mode = _a.mode, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, rest = __rest(_a, ["open", "mode", "onClose"]);
35
35
  return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({ buttonPosition: "right" }, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, onBackgroundClick: onClose, className: classnames_1.default(rest.className, classPrefix + "--mask-fade"), windowClass: classnames_1.default('lightbox-dialog__window--fade', (_b = {},
36
36
  _b[classPrefix + "__window--mini"] = mode === 'mini',
37
37
  _b)), open: open })));
@@ -28,7 +28,6 @@ yarn add @ebay/ui-core-react
28
28
  Name | Type | Stateful | Description
29
29
  --- | --- | --- | ---
30
30
  `value` | String | No |
31
- `onSelect` | `{ originalEvent, value, index }` | selected value and the index
32
31
  `aria-disabled` | boolean | No | Set to true if the field is disabled
33
32
  `aria-invalid` | boolean | No | Set to true if the field is invalid
34
33
  `fluid` | boolean | No | To make the listbox fluid
@@ -36,3 +35,11 @@ Name | Type | Stateful | Description
36
35
  `maxHeight` | string | No | example: 100px, 200px, 10rem
37
36
  `prefixId` | string | No | The id of an external element to use as the a11y prefix label for the listbox button.
38
37
  `floatingLabel` | string | No | Indicates that the listbox is a floating label type and renders it with a label
38
+
39
+ ## Callbacks
40
+
41
+ | Name | Type | Required | Description | Data |
42
+ |------------|----------|----------|-----------------------|------------------------------------------------------------------------------|
43
+ | `onChange` | Function | No | triggered on change | `(ChangeEvent, { index: number, selected: string[] , wasClicked: boolean })` |
44
+ | `onCollapse` | Function | No | triggered on collapse | `()` |
45
+ | `onExpand` | Function | No | triggered on expand | `()` |
@@ -1,11 +1,19 @@
1
- import { ComponentProps, FC, KeyboardEvent } from 'react';
2
- declare type EbayListboxButtonProps = Omit<ComponentProps<'input'>, 'onSelect'> & {
1
+ import { ComponentProps, FC } from 'react';
2
+ import { EbayChangeEventHandler } from '../common/event-utils/types';
3
+ export declare type ChangeEventProps = {
4
+ index: number;
5
+ selected: string[];
6
+ wasClicked: boolean;
7
+ };
8
+ export declare type EbayListboxButtonProps = Omit<ComponentProps<'input'>, 'onChange'> & {
3
9
  borderless?: boolean;
4
10
  fluid?: boolean;
5
11
  maxHeight?: string;
6
12
  prefixId?: string;
7
13
  floatingLabel?: string;
8
- onSelect?: (e: MouseEvent | KeyboardEvent, value: any, index: number) => void;
14
+ onChange?: EbayChangeEventHandler<HTMLButtonElement, ChangeEventProps>;
15
+ onCollapse?: () => void;
16
+ onExpand?: () => void;
9
17
  };
10
18
  declare const ListboxButton: FC<EbayListboxButtonProps>;
11
19
  export default ListboxButton;
@@ -1 +1 @@
1
- {"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EAAE,aAAa,EACpC,MAAM,OAAO,CAAA;AAOd,aAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjF,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CAgP7C,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAA;AAIzE,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,oBAAY,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CA6Q7C,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -50,7 +50,7 @@ var ebay_icon_1 = require("../ebay-icon");
50
50
  var component_utils_1 = require("../common/component-utils");
51
51
  var listbox_button_option_1 = __importDefault(require("./listbox-button-option"));
52
52
  var ListboxButton = function (_a) {
53
- var children = _a.children, name = _a.name, _b = _a.onSelect, onSelect = _b === void 0 ? function () { } : _b, value = _a.value, borderless = _a.borderless, fluid = _a.fluid, className = _a.className, maxHeight = _a.maxHeight, prefixId = _a.prefixId, floatingLabel = _a.floatingLabel, rest = __rest(_a, ["children", "name", "onSelect", "value", "borderless", "fluid", "className", "maxHeight", "prefixId", "floatingLabel"]);
53
+ var children = _a.children, name = _a.name, value = _a.value, borderless = _a.borderless, fluid = _a.fluid, className = _a.className, maxHeight = _a.maxHeight, prefixId = _a.prefixId, floatingLabel = _a.floatingLabel, _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, _c = _a.onCollapse, onCollapse = _c === void 0 ? function () { } : _c, _d = _a.onExpand, onExpand = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["children", "name", "value", "borderless", "fluid", "className", "maxHeight", "prefixId", "floatingLabel", "onChange", "onCollapse", "onExpand"]);
54
54
  var optionsContainerRef = react_1.useRef(null);
55
55
  var optionsParentContainerRef = react_1.useRef();
56
56
  var optionsByIndexRef = react_1.useRef(new Map());
@@ -71,14 +71,15 @@ var ListboxButton = function (_a) {
71
71
  };
72
72
  };
73
73
  // Get the default Selected value and set it in the state
74
- var _c = getInitialSelectedOption(), selectedOptionFromValue = _c.option, initialSelectedOptionIndex = _c.index;
74
+ var _e = getInitialSelectedOption(), selectedOptionFromValue = _e.option, initialSelectedOptionIndex = _e.index;
75
75
  // Update the selected option to the state
76
- var _d = react_1.useState(selectedOptionFromValue), selectedOption = _d[0], setSelectedOption = _d[1];
77
- var _e = react_1.useState(initialSelectedOptionIndex), selectedIndex = _e[0], setSelectedIndex = _e[1];
76
+ var _f = react_1.useState(selectedOptionFromValue), selectedOption = _f[0], setSelectedOption = _f[1];
77
+ var _g = react_1.useState(initialSelectedOptionIndex), selectedIndex = _g[0], setSelectedIndex = _g[1];
78
78
  // Update the expanded status to the state
79
- var _f = react_1.useState(false), expanded = _f[0], setExpanded = _f[1];
79
+ var _h = react_1.useState(), expanded = _h[0], setExpanded = _h[1];
80
80
  // Additional flag to avoid multiple re-render when users tries to open and close
81
- var _g = react_1.useState(false), optionsOpened = _g[0], setOptionsOpened = _g[1];
81
+ var _j = react_1.useState(false), optionsOpened = _j[0], setOptionsOpened = _j[1];
82
+ var _k = react_1.useState(), wasClicked = _k[0], setWasClicked = _k[1];
82
83
  react_1.useEffect(function () {
83
84
  setSelectedOption(selectedOptionFromValue);
84
85
  }, [value]);
@@ -89,17 +90,34 @@ var ListboxButton = function (_a) {
89
90
  var optionsContainerEle = optionsContainerRef.current;
90
91
  optionsContainerEle.setAttribute("aria-activedescendant", getSelectedOption(index).id);
91
92
  };
93
+ var collapseListbox = function () {
94
+ setExpanded(false);
95
+ onCollapse();
96
+ };
97
+ var expandListbox = function () {
98
+ setExpanded(true);
99
+ onExpand();
100
+ };
101
+ var toggleListbox = function () {
102
+ if (expanded) {
103
+ collapseListbox();
104
+ }
105
+ else {
106
+ expandListbox();
107
+ }
108
+ };
92
109
  var onOptionsSelect = function (e, optionValue, index) {
93
110
  // OnSelect set the selectedValue to the state and expanded to false to close the list box
94
111
  setSelectedOption(childrenArray[index]);
95
112
  setSelectedIndex(index);
96
- setExpanded(false);
113
+ collapseListbox();
97
114
  setActiveDescendant(index);
98
115
  buttonRef.current.focus();
99
- onSelect(e, optionValue, index);
116
+ onChange(e, { index: index, selected: [getSelectedValueByIndex(selectedIndex)], wasClicked: wasClicked });
117
+ setWasClicked(false);
100
118
  };
101
119
  var reset = function () {
102
- setExpanded(false);
120
+ collapseListbox();
103
121
  setSelectedOption(childrenArray[initialSelectedOptionIndex]);
104
122
  };
105
123
  var makeOptionActive = function (index) {
@@ -140,14 +158,14 @@ var ListboxButton = function (_a) {
140
158
  return setTimeout(function () { var _a; return (_a = optionsContainerRef === null || optionsContainerRef === void 0 ? void 0 : optionsContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus(focusOptions); }, 0);
141
159
  };
142
160
  var onButtonClick = function () {
143
- setExpanded(!expanded);
161
+ toggleListbox();
144
162
  setOptionsOpened(true);
145
163
  focusOptionsContainer({ preventScroll: true });
146
164
  };
147
165
  var onButtonKeyup = function (e) {
148
166
  switch (e.key) {
149
167
  case 'Escape':
150
- setExpanded(false);
168
+ collapseListbox();
151
169
  break;
152
170
  case 'Enter':
153
171
  focusOptionsContainer();
@@ -180,10 +198,14 @@ var ListboxButton = function (_a) {
180
198
  }
181
199
  break;
182
200
  case 'Enter':
183
- setExpanded(false);
201
+ collapseListbox();
184
202
  setTimeout(function () { return setSelectedOption(childrenArray[selectedIndex]); });
185
203
  setTimeout(function () { return buttonRef.current.focus(); }, 0);
186
- onSelect(e, getSelectedValueByIndex(selectedIndex), selectedIndex);
204
+ onChange(e, {
205
+ index: selectedIndex,
206
+ selected: [getSelectedValueByIndex(selectedIndex)],
207
+ wasClicked: wasClicked
208
+ });
187
209
  break;
188
210
  case 'Esc':
189
211
  case 'Escape':
@@ -212,7 +234,7 @@ var ListboxButton = function (_a) {
212
234
  });
213
235
  var expandBtnTextId = prefixId && 'expand-btn-text';
214
236
  return (react_1.default.createElement("span", { className: wrapperClassName },
215
- react_1.default.createElement("button", __assign({}, rest, { type: "button", className: buttonClassName, "aria-expanded": expanded, "aria-haspopup": "listbox", "aria-labelledby": prefixId && prefixId + " " + expandBtnTextId, onClick: onButtonClick,
237
+ react_1.default.createElement("button", __assign({}, rest, { type: "button", className: buttonClassName, "aria-expanded": !!expanded, "aria-haspopup": "listbox", "aria-labelledby": prefixId && prefixId + " " + expandBtnTextId, onClick: onButtonClick,
216
238
  // https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
217
239
  onMouseDown: function (e) { return e.preventDefault(); }, onKeyUp: onButtonKeyup, ref: buttonRef }),
218
240
  react_1.default.createElement("span", { className: "btn__cell" },
@@ -224,8 +246,11 @@ var ListboxButton = function (_a) {
224
246
  react_1.default.createElement("div", { className: "listbox-button__options", role: "listbox", tabIndex: expanded ? 0 : -1, ref: optionsContainerRef, onKeyDown: function (e) { return onOptionContainerKeydown(e); },
225
247
  // adding onMouseDown preventDefault b/c on IE the onClick event is not being fired on each
226
248
  // option https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
227
- onMouseDown: function (e) { return e.preventDefault(); }, onBlur: function () {
228
- setExpanded(false);
249
+ onMouseDown: function (e) {
250
+ e.preventDefault();
251
+ setWasClicked(true);
252
+ }, onBlur: function () {
253
+ collapseListbox();
229
254
  setTimeout(function () { return buttonRef.current.focus(); }, 0);
230
255
  } }, updatelistBoxButtonOptions)),
231
256
  react_1.default.createElement("select", { hidden: true, className: "listbox-button__native", name: name, value: selectedOption.props.value }, updatelistBoxButtonOptions.map(function (option, i) {
@@ -26,15 +26,16 @@ Name | Type | Required | Description
26
26
  --- | --- | --- | ---
27
27
  `type` | String | No | Can be `radio`/`checkbox`
28
28
  `checked` | Number | No | when used with `radio` type will check the item with the corresponding index
29
- `onKeydown` | Function | No | arguments: (index: number, checked: boolean)
30
- `onChange` | Function | No | arguments: (index: number, checked: boolean) for type `radio`/`checkbox`
31
- `onSelect` | Function | No | arguments: (index: number, checked: boolean), not for use with type `radio`/`checkbox`
29
+ `baseEl` | String | No | Container can be `span` (default) or `div`
30
+ `onKeydown` | Function | No | props: (e: event, { index: number, checked: number[], checkedValues?: string[] })
31
+ `onSelect` | Function | No | props: (e: event, { index: number }), triggered on item clicked (not for type `radio`/`checkbox`)
32
+ `onChange` | Function | No | props: (e: event, { index: number, checked: number[], checkedValues: string[]), triggered on item `checked` change, (for type `radio`/`checkbox` only)
32
33
 
33
34
  ## EbayMenuItem Props
34
35
 
35
36
  Name | Type | Required | Description
36
37
  --- | --- | --- | ---
37
- `value` | String | No | for type `radio`, `checkbox`: the value to use with callbacks for `checked[]`
38
+ `value` | String | No | for type `radio`, `checkbox`: the value to use with callbacks for `checkedValues[]`
38
39
  `checked` | Boolean | No | for type `radio`, `checkbox`: whether or not the item is checked
39
40
  `disabled` | Boolean | No | makes the menu item disabled
40
41
  `badgeNumber` | Number | No | used as the number to be placed in the badge
@@ -1,6 +1,6 @@
1
1
  import { ComponentProps, FC } from 'react';
2
2
  import { EbayMenuType } from './types';
3
- export declare type MenuItemProps = Omit<ComponentProps<'div'>, 'onKeyDown'> & {
3
+ export declare type MenuItemProps = ComponentProps<'div'> & {
4
4
  type?: EbayMenuType;
5
5
  focused?: boolean;
6
6
  tabIndex?: number;