@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.
- package/common/event-utils/index.d.ts +10 -7
- package/common/event-utils/index.d.ts.map +1 -1
- package/common/event-utils/index.js +11 -3
- package/common/event-utils/types.d.ts +7 -0
- package/common/event-utils/types.d.ts.map +1 -1
- package/common/event-utils/types.js +12 -0
- package/common/floating-label-utils/hooks.d.ts +2 -1
- package/common/floating-label-utils/hooks.d.ts.map +1 -1
- package/common/floating-label-utils/hooks.js +5 -4
- package/ebay-alert-dialog/README.md +3 -2
- package/ebay-alert-dialog/alert-dialog.d.ts +0 -1
- package/ebay-alert-dialog/alert-dialog.d.ts.map +1 -1
- package/ebay-alert-dialog/alert-dialog.js +1 -1
- package/ebay-breadcrumbs/README.md +1 -1
- package/ebay-breadcrumbs/breadcrumbs.d.ts +3 -2
- package/ebay-breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/ebay-breadcrumbs/breadcrumbs.js +1 -1
- package/ebay-button/README.md +4 -4
- package/ebay-carousel/carousel-control-button.js +2 -2
- package/ebay-carousel/carousel.js +1 -1
- package/ebay-checkbox/README.md +11 -10
- package/ebay-checkbox/checkbox.d.ts +15 -3
- package/ebay-checkbox/checkbox.d.ts.map +1 -1
- package/ebay-checkbox/checkbox.js +9 -4
- package/ebay-confirm-dialog/README.md +6 -6
- package/ebay-confirm-dialog/confirm-dialog.d.ts +0 -1
- package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
- package/ebay-confirm-dialog/confirm-dialog.js +1 -1
- package/ebay-dialog-base/components/dialogBase.d.ts +3 -2
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialogBase.js +6 -3
- package/ebay-drawer-dialog/README.md +7 -6
- package/ebay-drawer-dialog/components/drawer.d.ts +3 -0
- package/ebay-drawer-dialog/components/drawer.d.ts.map +1 -1
- package/ebay-fake-menu/README.md +5 -5
- package/ebay-fake-menu/menu-item.d.ts +1 -1
- package/ebay-fake-menu/menu-item.d.ts.map +1 -1
- package/ebay-fake-menu/menu.d.ts +9 -5
- package/ebay-fake-menu/menu.d.ts.map +1 -1
- package/ebay-fake-menu/menu.js +2 -2
- package/ebay-fake-menu-button/README.md +9 -4
- package/ebay-fake-menu-button/menu-button.d.ts +9 -2
- package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button.js +7 -5
- package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts +0 -1
- package/ebay-fullscreen-dialog/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog/fullscreen-dialog.js +1 -1
- package/ebay-icon/types.d.ts +1 -1
- package/ebay-icon/types.d.ts.map +1 -1
- package/ebay-icon-button/README.md +9 -0
- package/ebay-icon-button/icon-button.d.ts +3 -1
- package/ebay-icon-button/icon-button.d.ts.map +1 -1
- package/ebay-icon-button/icon-button.js +8 -2
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts +0 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.js +1 -1
- package/ebay-listbox-button/README.md +8 -1
- package/ebay-listbox-button/listbox-button.d.ts +11 -3
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.js +41 -16
- package/ebay-menu/README.md +5 -4
- package/ebay-menu/menu-item.d.ts +1 -1
- package/ebay-menu/menu-item.d.ts.map +1 -1
- package/ebay-menu/menu.d.ts +4 -4
- package/ebay-menu/menu.d.ts.map +1 -1
- package/ebay-menu/menu.js +85 -42
- package/ebay-menu/types.d.ts +21 -12
- package/ebay-menu/types.d.ts.map +1 -1
- package/ebay-menu-button/README.md +2 -2
- package/ebay-menu-button/menu-button.d.ts +3 -3
- package/ebay-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.js +18 -4
- package/ebay-page-notice/README.md +5 -1
- package/ebay-page-notice/index.d.ts +1 -1
- package/ebay-page-notice/index.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.d.ts +5 -4
- package/ebay-page-notice/page-notice.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.js +7 -8
- package/ebay-pagination/README.md +5 -5
- package/ebay-pagination/pagination-item.d.ts +8 -4
- package/ebay-pagination/pagination-item.d.ts.map +1 -1
- package/ebay-pagination/pagination-item.js +2 -1
- package/ebay-pagination/pagination.d.ts +8 -5
- package/ebay-pagination/pagination.d.ts.map +1 -1
- package/ebay-pagination/pagination.js +1 -1
- package/ebay-panel-dialog/panel-dialog.d.ts +0 -1
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-panel-dialog/panel-dialog.js +1 -1
- package/ebay-radio/README.md +7 -2
- package/ebay-radio/radio.d.ts +12 -3
- package/ebay-radio/radio.d.ts.map +1 -1
- package/ebay-radio/radio.js +7 -5
- package/ebay-section-notice/README.md +5 -0
- package/ebay-section-notice/index.d.ts +1 -1
- package/ebay-section-notice/index.d.ts.map +1 -1
- package/ebay-section-notice/section-notice.d.ts +6 -3
- package/ebay-section-notice/section-notice.d.ts.map +1 -1
- package/ebay-section-notice/section-notice.js +32 -4
- package/ebay-select/README.md +3 -1
- package/ebay-select/ebay-select.d.ts +7 -2
- package/ebay-select/ebay-select.d.ts.map +1 -1
- package/ebay-select/ebay-select.js +1 -1
- package/ebay-select/index.d.ts +1 -1
- package/ebay-select/index.d.ts.map +1 -1
- package/ebay-split-button/README.md +2 -2
- package/ebay-split-button/split-button.js +1 -1
- package/ebay-split-button/types.d.ts +2 -3
- package/ebay-split-button/types.d.ts.map +1 -1
- package/ebay-star-rating-select/README.md +8 -0
- package/ebay-star-rating-select/star-rating-select.d.ts +8 -4
- package/ebay-star-rating-select/star-rating-select.d.ts.map +1 -1
- package/ebay-star-rating-select/star-rating-select.js +8 -8
- package/ebay-svg/svg.d.ts.map +1 -1
- package/ebay-svg/svg.js +266 -28
- package/ebay-switch/README.md +5 -1
- package/ebay-switch/ebay-switch.d.ts +7 -3
- package/ebay-switch/ebay-switch.d.ts.map +1 -1
- package/ebay-switch/ebay-switch.js +6 -3
- package/ebay-tabs/README.md +6 -10
- package/ebay-tabs/tab-panel.d.ts +0 -1
- package/ebay-tabs/tab-panel.d.ts.map +1 -1
- package/ebay-tabs/tab-panel.js +2 -2
- package/ebay-tabs/tab.d.ts +1 -7
- package/ebay-tabs/tab.d.ts.map +1 -1
- package/ebay-tabs/tab.js +2 -7
- package/ebay-tabs/tabs.d.ts +7 -1
- package/ebay-tabs/tabs.d.ts.map +1 -1
- package/ebay-tabs/tabs.js +12 -19
- package/ebay-textbox/README.md +16 -9
- package/ebay-textbox/postfix-icon.d.ts.map +1 -1
- package/ebay-textbox/postfix-icon.js +25 -3
- package/ebay-textbox/prefix-icon.d.ts.map +1 -1
- package/ebay-textbox/prefix-icon.js +24 -2
- package/ebay-textbox/textbox.d.ts +17 -7
- package/ebay-textbox/textbox.d.ts.map +1 -1
- package/ebay-textbox/textbox.js +47 -14
- package/ebay-textbox/types.d.ts +2 -2
- package/ebay-textbox/types.d.ts.map +1 -1
- package/ebay-video/README.md +7 -5
- package/ebay-video/controls.d.ts.map +1 -1
- package/ebay-video/controls.js +10 -4
- package/ebay-video/reportButton.d.ts +1 -5
- package/ebay-video/reportButton.d.ts.map +1 -1
- package/ebay-video/reportButton.js +3 -3
- package/ebay-video/video.d.ts +13 -10
- package/ebay-video/video.d.ts.map +1 -1
- package/ebay-video/video.js +4 -1
- 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,
|
|
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"}
|
package/ebay-fake-menu/menu.js
CHANGED
|
@@ -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
|
-
|
|
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'>, '
|
|
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;
|
|
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 =
|
|
59
|
-
var
|
|
60
|
-
var
|
|
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), {
|
|
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;
|
|
@@ -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,
|
|
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,
|
|
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;
|
package/ebay-icon/types.d.ts
CHANGED
|
@@ -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
|
package/ebay-icon/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/types.ts"],"names":[],"mappings":"
|
|
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,
|
|
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
|
-
|
|
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);
|
|
@@ -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,
|
|
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,
|
|
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
|
|
2
|
-
|
|
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
|
-
|
|
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,
|
|
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.
|
|
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
|
|
74
|
+
var _e = getInitialSelectedOption(), selectedOptionFromValue = _e.option, initialSelectedOptionIndex = _e.index;
|
|
75
75
|
// Update the selected option to the state
|
|
76
|
-
var
|
|
77
|
-
var
|
|
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
|
|
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
|
|
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
|
-
|
|
113
|
+
collapseListbox();
|
|
97
114
|
setActiveDescendant(index);
|
|
98
115
|
buttonRef.current.focus();
|
|
99
|
-
|
|
116
|
+
onChange(e, { index: index, selected: [getSelectedValueByIndex(selectedIndex)], wasClicked: wasClicked });
|
|
117
|
+
setWasClicked(false);
|
|
100
118
|
};
|
|
101
119
|
var reset = function () {
|
|
102
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
201
|
+
collapseListbox();
|
|
184
202
|
setTimeout(function () { return setSelectedOption(childrenArray[selectedIndex]); });
|
|
185
203
|
setTimeout(function () { return buttonRef.current.focus(); }, 0);
|
|
186
|
-
|
|
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) {
|
|
228
|
-
|
|
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) {
|
package/ebay-menu/README.md
CHANGED
|
@@ -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
|
-
`
|
|
30
|
-
`
|
|
31
|
-
`onSelect` | Function | No |
|
|
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 `
|
|
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
|
package/ebay-menu/menu-item.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentProps, FC } from 'react';
|
|
2
2
|
import { EbayMenuType } from './types';
|
|
3
|
-
export declare type MenuItemProps =
|
|
3
|
+
export declare type MenuItemProps = ComponentProps<'div'> & {
|
|
4
4
|
type?: EbayMenuType;
|
|
5
5
|
focused?: boolean;
|
|
6
6
|
tabIndex?: number;
|