@ebay/ui-core-react 3.8.2 → 3.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/ebay-dialog-base/components/dialog-actions.d.ts +7 -0
- package/ebay-dialog-base/components/dialog-actions.d.ts.map +1 -0
- package/ebay-dialog-base/components/dialog-actions.js +11 -0
- package/ebay-dialog-base/components/dialogBase.d.ts +2 -1
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialogBase.js +2 -1
- package/ebay-dialog-base/dialog-base-with-state.d.ts.map +1 -1
- package/ebay-dialog-base/dialog-base-with-state.js +3 -2
- package/ebay-dialog-base/index.d.ts +1 -0
- package/ebay-dialog-base/index.d.ts.map +1 -1
- package/ebay-dialog-base/index.js +2 -0
- package/ebay-icon-button/README.md +5 -0
- package/ebay-snackbar-dialog/README.md +54 -0
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts +3 -0
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts.map +1 -0
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.js +34 -0
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts +10 -0
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts.map +1 -0
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.js +128 -0
- package/ebay-snackbar-dialog/index.d.ts +3 -0
- package/ebay-snackbar-dialog/index.d.ts.map +1 -0
- package/ebay-snackbar-dialog/index.js +6 -0
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +3 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -27,21 +27,21 @@ eBayUI React components
|
|
|
27
27
|
* [x] [ebay-eek](src/ebay-eek)
|
|
28
28
|
* [x] [ebay-fullscreen-dialog](src/ebay-fullscreen-dialog)
|
|
29
29
|
* [ ] `ebay-fake-link`
|
|
30
|
-
* [x] [ebay-fake-menu]
|
|
31
|
-
* [x] [ebay-fake-menu-button]
|
|
32
|
-
* [x] [ebay-fake-tabs]
|
|
30
|
+
* [x] [ebay-fake-menu](src/ebay-fake-menu)
|
|
31
|
+
* [x] [ebay-fake-menu-button](src/ebay-fake-menu-button)
|
|
32
|
+
* [x] [ebay-fake-tabs](src/ebay-fake-tabs)
|
|
33
33
|
* [x] [ebay-field](src/ebay-field)
|
|
34
34
|
* [ ] `ebay-filter` (in progress...)
|
|
35
35
|
* [ ] `ebay-filter-menu`
|
|
36
36
|
* [ ] `ebay-filter-menu-button`
|
|
37
|
-
* [
|
|
37
|
+
* [x] [ebay-icon-button](src/ebay-icon-button)
|
|
38
38
|
* [x] [ebay-icon](src/ebay-icon)
|
|
39
39
|
* [x] [ebay-infotip](src/ebay-infotip)
|
|
40
40
|
* [x] [ebay-inline-notice](src/ebay-inline-notice)
|
|
41
41
|
* [x] [ebay-lightbox-dialog](src/ebay-lightbox-dialog)
|
|
42
42
|
* [x] [ebay-listbox-button](src/ebay-listbox-button)
|
|
43
43
|
* [ ] `ebay-listbox`
|
|
44
|
-
* [x] [ebay-menu]
|
|
44
|
+
* [x] [ebay-menu](src/ebay-menu)
|
|
45
45
|
* [ ] `ebay-menu-button` (in progress...)
|
|
46
46
|
* [x] [ebay-page-notice](src/ebay-page-notice)
|
|
47
47
|
* [x] [ebay-pagination](src/ebay-pagination)
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-actions.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-actions.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,aAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAC,EAAE,CAAC,sBAAsB,CAAqC,CAAA;AAEtF,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var react_1 = __importDefault(require("react"));
|
|
7
|
+
var EbayDialogActions = function (_a) {
|
|
8
|
+
var children = _a.children;
|
|
9
|
+
return react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
10
|
+
};
|
|
11
|
+
exports.default = EbayDialogActions;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, HTMLProps, RefObject, ReactElement, MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import { TransitionElement } from './animation';
|
|
3
3
|
export declare type WindowType = 'compact';
|
|
4
|
-
declare type ClassPrefix = 'fullscreen-dialog' | 'lightbox-dialog' | 'panel-dialog' | 'drawer-dialog' | 'toast-dialog' | 'alert-dialog' | 'confirm-dialog';
|
|
4
|
+
declare type ClassPrefix = 'fullscreen-dialog' | 'lightbox-dialog' | 'panel-dialog' | 'drawer-dialog' | 'toast-dialog' | 'alert-dialog' | 'confirm-dialog' | 'snackbar-dialog';
|
|
5
5
|
declare type ButtonPosition = 'top' | 'right' | 'bottom' | 'left' | 'hidden';
|
|
6
6
|
export interface DialogBaseProps<T> extends HTMLProps<T> {
|
|
7
7
|
baseEl?: 'div' | 'span' | 'aside';
|
|
@@ -11,6 +11,7 @@ export interface DialogBaseProps<T> extends HTMLProps<T> {
|
|
|
11
11
|
windowType?: WindowType;
|
|
12
12
|
header?: ReactElement;
|
|
13
13
|
footer?: ReactElement;
|
|
14
|
+
actions?: ReactElement;
|
|
14
15
|
isModal?: boolean;
|
|
15
16
|
top?: ReactElement;
|
|
16
17
|
buttonPosition?: ButtonPosition;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogBase.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialogBase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,EAAE,EACF,SAAS,EACT,SAAS,EAIT,YAAY,EAEZ,iBAAiB,EACjB,SAAS,EACZ,MAAM,OAAO,CAAA;AAMd,OAAO,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEnE,oBAAY,UAAU,GAAG,SAAS,CAAA;AAClC,aAAK,WAAW,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,GACrE,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"dialogBase.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialogBase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,EAAE,EACF,SAAS,EACT,SAAS,EAIT,YAAY,EAEZ,iBAAiB,EACjB,SAAS,EACZ,MAAM,OAAO,CAAA;AAMd,OAAO,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEnE,oBAAY,UAAU,GAAG,SAAS,CAAA;AAClC,aAAK,WAAW,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,GACrE,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,gBAAgB,GACpE,iBAAiB,CAAA;AACvB,aAAK,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAGpE,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,CAmKvD,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -54,7 +54,7 @@ var random_id_1 = require("../../common/random-id");
|
|
|
54
54
|
var animation_1 = require("./animation");
|
|
55
55
|
exports.DialogBase = function (_a) {
|
|
56
56
|
var _b;
|
|
57
|
-
var _c = _a.baseEl, Container = _c === void 0 ? 'div' : _c, _d = _a.classPrefix, classPrefix = _d === void 0 ? 'drawer-dialog' : _d, windowClass = _a.windowClass, windowType = _a.windowType, mainId = _a.mainId, top = _a.top, header = _a.header, _e = _a.buttonPosition, buttonPosition = _e === void 0 ? 'left' : _e, children = _a.children, ariaLabelledby = _a.ariaLabelledby, a11yCloseText = _a.a11yCloseText, _f = _a.onCloseBtnClick, onCloseBtnClick = _f === void 0 ? function () { } : _f, footer = _a.footer, onScroll = _a.onScroll, _g = _a.open, open = _g === void 0 ? false : _g, _h = _a.onBackgroundClick, onBackgroundClick = _h === void 0 ? function () { } : _h, ignoreEscape = _a.ignoreEscape, closeButton = _a.closeButton, isModal = _a.isModal, _j = _a.role, role = _j === void 0 ? 'dialog' : _j, focus = _a.focus, transitionElement = _a.transitionElement, animated = _a.animated, props = __rest(_a, ["baseEl", "classPrefix", "windowClass", "windowType", "mainId", "top", "header", "buttonPosition", "children", "ariaLabelledby", "a11yCloseText", "onCloseBtnClick", "footer", "onScroll", "open", "onBackgroundClick", "ignoreEscape", "closeButton", "isModal", "role", "focus", "transitionElement", "animated"]);
|
|
57
|
+
var _c = _a.baseEl, Container = _c === void 0 ? 'div' : _c, _d = _a.classPrefix, classPrefix = _d === void 0 ? 'drawer-dialog' : _d, windowClass = _a.windowClass, windowType = _a.windowType, mainId = _a.mainId, top = _a.top, header = _a.header, _e = _a.buttonPosition, buttonPosition = _e === void 0 ? 'left' : _e, children = _a.children, ariaLabelledby = _a.ariaLabelledby, a11yCloseText = _a.a11yCloseText, _f = _a.onCloseBtnClick, onCloseBtnClick = _f === void 0 ? function () { } : _f, footer = _a.footer, actions = _a.actions, onScroll = _a.onScroll, _g = _a.open, open = _g === void 0 ? false : _g, _h = _a.onBackgroundClick, onBackgroundClick = _h === void 0 ? function () { } : _h, ignoreEscape = _a.ignoreEscape, closeButton = _a.closeButton, isModal = _a.isModal, _j = _a.role, role = _j === void 0 ? 'dialog' : _j, focus = _a.focus, transitionElement = _a.transitionElement, animated = _a.animated, props = __rest(_a, ["baseEl", "classPrefix", "windowClass", "windowType", "mainId", "top", "header", "buttonPosition", "children", "ariaLabelledby", "a11yCloseText", "onCloseBtnClick", "footer", "actions", "onScroll", "open", "onBackgroundClick", "ignoreEscape", "closeButton", "isModal", "role", "focus", "transitionElement", "animated"]);
|
|
58
58
|
var dialogRef = react_1.useRef(null);
|
|
59
59
|
var drawerBaseEl = react_1.useRef(null);
|
|
60
60
|
var closeButtonRef = react_1.useRef(null);
|
|
@@ -142,6 +142,7 @@ exports.DialogBase = function (_a) {
|
|
|
142
142
|
buttonPosition !== 'bottom' && closeButtonContent,
|
|
143
143
|
(buttonPosition === 'left' || buttonPosition === 'hidden') && dialogHeader)),
|
|
144
144
|
react_1.default.createElement("div", { id: mainId, className: classPrefix + "__main", onScroll: onScroll }, children),
|
|
145
|
+
actions ? (react_1.default.createElement("div", { className: classPrefix + "__actions" }, actions)) : null,
|
|
145
146
|
footer || buttonPosition === 'bottom' ? (react_1.default.createElement("div", { className: classPrefix + "__footer" },
|
|
146
147
|
footer,
|
|
147
148
|
buttonPosition === 'bottom' && closeButtonContent)) : null)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-base-with-state.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/dialog-base-with-state.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,YAAY,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAc,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAGrE,eAAO,MAAM,mBAAmB,mDAM7B,eAAe,CAAC,WAAW,CAAC,KAAG,
|
|
1
|
+
{"version":3,"file":"dialog-base-with-state.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/dialog-base-with-state.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,YAAY,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAc,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAGrE,eAAO,MAAM,mBAAmB,mDAM7B,eAAe,CAAC,WAAW,CAAC,KAAG,YAiCjC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -52,11 +52,12 @@ exports.DialogBaseWithState = function (_a) {
|
|
|
52
52
|
var childrenArray = react_1.Children.toArray(children);
|
|
53
53
|
var header = childrenArray.find(function (child) { return child.type === index_1.EbayDialogHeader; });
|
|
54
54
|
var footer = childrenArray.find(function (child) { return child.type === index_1.EbayDialogFooter; });
|
|
55
|
+
var actions = childrenArray.find(function (child) { return child.type === index_1.EbayDialogActions; });
|
|
55
56
|
var closeButton = childrenArray.find(function (child) { return child.type === index_1.EbayDialogCloseButton; });
|
|
56
57
|
var content = childrenArray.filter(function (child) {
|
|
57
|
-
return ![index_1.EbayDialogHeader, index_1.EbayDialogFooter, index_1.EbayDialogCloseButton].some(function (c) { return c === child.type; });
|
|
58
|
+
return ![index_1.EbayDialogHeader, index_1.EbayDialogFooter, index_1.EbayDialogCloseButton, index_1.EbayDialogActions].some(function (c) { return c === child.type; });
|
|
58
59
|
});
|
|
59
|
-
var dialogBase = (react_1.default.createElement(dialogBase_1.DialogBase, __assign({}, rest, { open: open, isModal: shouldRenderModal, header: header, footer: footer, closeButton: closeButton, animated: animated }), content));
|
|
60
|
+
var dialogBase = (react_1.default.createElement(dialogBase_1.DialogBase, __assign({}, rest, { open: open, isModal: shouldRenderModal, header: header, footer: footer, actions: actions, closeButton: closeButton, animated: animated }), content));
|
|
60
61
|
var renderOverLay = function () { return shouldRenderModal ? (react_1.default.createElement(react_remove_scroll_1.RemoveScroll, { enabled: open }, dialogBase)) : dialogBase; };
|
|
61
62
|
return animated || open ? renderOverLay() : null;
|
|
62
63
|
};
|
|
@@ -3,4 +3,5 @@ export { default as EbayDialogFooter } from './components/dialog-footer';
|
|
|
3
3
|
export { default as EbayDialogCloseButton } from './components/dialog-close-button';
|
|
4
4
|
export { WindowType, DialogBaseProps } from './components/dialogBase';
|
|
5
5
|
export { default as DialogBaseWithState } from './dialog-base-with-state';
|
|
6
|
+
export { default as EbayDialogActions } from './components/dialog-actions';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAA"}
|
|
@@ -8,3 +8,5 @@ var dialog_close_button_1 = require("./components/dialog-close-button");
|
|
|
8
8
|
Object.defineProperty(exports, "EbayDialogCloseButton", { enumerable: true, get: function () { return dialog_close_button_1.default; } });
|
|
9
9
|
var dialog_base_with_state_1 = require("./dialog-base-with-state");
|
|
10
10
|
Object.defineProperty(exports, "DialogBaseWithState", { enumerable: true, get: function () { return dialog_base_with_state_1.default; } });
|
|
11
|
+
var dialog_actions_1 = require("./components/dialog-actions");
|
|
12
|
+
Object.defineProperty(exports, "EbayDialogActions", { enumerable: true, get: function () { return dialog_actions_1.default; } });
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
# EbayIconButton
|
|
2
|
+
This is a circular button with an icon only.
|
|
2
3
|
|
|
3
4
|
## Demo
|
|
4
5
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-icon-button--default)
|
|
@@ -22,6 +23,10 @@ import '@ebay/skin/icon-button.css'
|
|
|
22
23
|
|
|
23
24
|
### Icon button
|
|
24
25
|
```jsx harmony
|
|
26
|
+
<EbayIconButton icon="settings" aria-label="settings" />
|
|
27
|
+
```
|
|
28
|
+
with badge:
|
|
29
|
+
```jsx harmony
|
|
25
30
|
<EbayIconButton icon="menu" badgeNumber={1} badgeAriaLabel="new feature available" />
|
|
26
31
|
```
|
|
27
32
|
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# EbaySnackbarDialog
|
|
2
|
+
|
|
3
|
+
A snackbar is a non-modal dialog that appears in response to a lightweight user action. It disappears automatically after a minimum of 6 seconds.
|
|
4
|
+
|
|
5
|
+
The user usually will want to manage the state of the snackbar, and so should provide the open state as a boolean as well as a function to synchronize the app state with the snackbar state when the on-close event occurs.
|
|
6
|
+
|
|
7
|
+
In the case where the application developer only wants to manage the initial state of the snackbar, the dev can choose to provide only the open state as a boolean. This is useful when a dev wants the snackbar to appear only once on initial render and then disappear.
|
|
8
|
+
|
|
9
|
+
## Import JS
|
|
10
|
+
```jsx harmony
|
|
11
|
+
import { EbaySnackbarDialog, EbaySnackbarDialogAction } from '@ebay/ui-core-react/ebay-snackbar-dialog';
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Import following styles from SKIN
|
|
15
|
+
```jsx harmony
|
|
16
|
+
import '@ebay/skin/snackbar-dialog';
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
```jsx harmony
|
|
22
|
+
<EbaySnackbarDialog open>
|
|
23
|
+
<p>Simple snackbar</p>
|
|
24
|
+
</EbaySnackbarDialog>
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
```jsx harmony
|
|
28
|
+
<EbaySnackbarDialog open>
|
|
29
|
+
<p>Snackbar with action</p>
|
|
30
|
+
<EbaySnackbarDialogAction accessKey="U" aria-label="Undo - Access Key: U">Undo</EbaySnackbarDialogAction>
|
|
31
|
+
</EbaySnackbarDialog>
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Attributes
|
|
35
|
+
|
|
36
|
+
Name | Type | Stateful | Required | Description
|
|
37
|
+
--- | --- | --- | --- | ---
|
|
38
|
+
`open` | Boolean | Yes | No | Whether snackbar is open or not.
|
|
39
|
+
`layout` | String | No | No | Direction of row or column for the text and the action button. Default is 'row'. Options are 'row' and 'column'.
|
|
40
|
+
`animated` | Boolean | Yes | No | Renders the dialog with an animation. Note that the dialog will always be present in the DOM
|
|
41
|
+
|
|
42
|
+
## Events
|
|
43
|
+
|
|
44
|
+
Event | Data | Description
|
|
45
|
+
--- | --- | ---
|
|
46
|
+
`onOpen` | | Snackbar opened
|
|
47
|
+
`onClose` | | Snackbar closed
|
|
48
|
+
`onAction` | | Snackbar clicked action
|
|
49
|
+
|
|
50
|
+
## EbaySnackbarDialogAction Props
|
|
51
|
+
|
|
52
|
+
Name | Type | Stateful | Required | Description
|
|
53
|
+
--- | --- | --- | --- | ---
|
|
54
|
+
`accessKey` | String | No | No | [`accesskey`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey) HTML attribute that generated a keyboard shortcut for the action element. Use together with `aria-label` to give more information to the user.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-snackbar-dialog-action.d.ts","sourceRoot":"","sources":["../../../src/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE3D,eAAO,MAAM,wBAAwB,qCAIlC,cAAc,CAAC,QAAQ,CAAC,KAAG,YAI7B,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.EbaySnackbarDialogAction = void 0;
|
|
29
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
30
|
+
var react_1 = __importDefault(require("react"));
|
|
31
|
+
exports.EbaySnackbarDialogAction = function (_a) {
|
|
32
|
+
var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
33
|
+
return (react_1.default.createElement("button", __assign({ className: classnames_1.default(className, 'fake-link') }, rest), children));
|
|
34
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { KeyboardEventHandler, MouseEventHandler, ReactElement } from 'react';
|
|
2
|
+
import { DialogBaseProps } from '../../ebay-dialog-base';
|
|
3
|
+
export declare type EbaySnackbarDialogProps = Omit<DialogBaseProps<HTMLElement>, 'a11yCloseText'> & {
|
|
4
|
+
layout?: 'row' | 'column';
|
|
5
|
+
onOpen?: () => void;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
onAction?: MouseEventHandler<HTMLButtonElement> & KeyboardEventHandler;
|
|
8
|
+
};
|
|
9
|
+
export declare const EbaySnackbarDialog: ({ className, onOpen, onClose, layout, open, children, onAction, ...rest }: EbaySnackbarDialogProps) => ReactElement;
|
|
10
|
+
//# sourceMappingURL=ebay-snackbar-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ebay-snackbar-dialog.d.ts","sourceRoot":"","sources":["../../../src/ebay-snackbar-dialog/components/ebay-snackbar-dialog.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAA;AACjH,OAAO,EAAE,eAAe,EAA0C,MAAM,wBAAwB,CAAA;AAGhG,oBAAY,uBAAuB,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC,GAAG;IACxF,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;CAC1E,CAAA;AAID,eAAO,MAAM,kBAAkB,8EAS5B,uBAAuB,KAAG,YA4G5B,CAAA"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
+
var t = {};
|
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
+
t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
+
t[p[i]] = s[p[i]];
|
|
40
|
+
}
|
|
41
|
+
return t;
|
|
42
|
+
};
|
|
43
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
44
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.EbaySnackbarDialog = void 0;
|
|
48
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
49
|
+
var react_1 = __importStar(require("react"));
|
|
50
|
+
var ebay_dialog_base_1 = require("../../ebay-dialog-base");
|
|
51
|
+
var ebay_snackbar_dialog_action_1 = require("./ebay-snackbar-dialog-action");
|
|
52
|
+
var DEFAULT_TIMEOUT_LENGTH = 6000; // 6 seconds
|
|
53
|
+
exports.EbaySnackbarDialog = function (_a) {
|
|
54
|
+
var className = _a.className, _b = _a.onOpen, onOpen = _b === void 0 ? function () { } : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, layout = _a.layout, open = _a.open, children = _a.children, onAction = _a.onAction, rest = __rest(_a, ["className", "onOpen", "onClose", "layout", "open", "children", "onAction"]);
|
|
55
|
+
// We use this eventSet to track which event opened the snackbar and we make sure that
|
|
56
|
+
// we don't close the snackbar in an undesired moment.
|
|
57
|
+
// For example, the snackbar should stay open on focus even if the mouseLeave event happened.
|
|
58
|
+
var eventSet = react_1.useRef(new Set());
|
|
59
|
+
var timeoutRef = react_1.useRef();
|
|
60
|
+
var _d = react_1.useState(open), isOpen = _d[0], setIsOpen = _d[1];
|
|
61
|
+
var childrenArray = react_1.default.Children.toArray(children);
|
|
62
|
+
var action = childrenArray.find(function (child) { return child.type === ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction; });
|
|
63
|
+
var content = childrenArray.filter(function (child) { return child.type !== ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction; });
|
|
64
|
+
var cancelCurrentCloseRequest = function () {
|
|
65
|
+
clearTimeout(timeoutRef.current);
|
|
66
|
+
};
|
|
67
|
+
var closeDialog = function () {
|
|
68
|
+
setIsOpen(false);
|
|
69
|
+
onClose();
|
|
70
|
+
};
|
|
71
|
+
var requestToCloseDialog = function () {
|
|
72
|
+
// We will make a request to close the snackbar only
|
|
73
|
+
// when there is no pending opening event.
|
|
74
|
+
if (eventSet.current.size === 0) {
|
|
75
|
+
cancelCurrentCloseRequest();
|
|
76
|
+
timeoutRef.current = setTimeout(function () {
|
|
77
|
+
closeDialog();
|
|
78
|
+
}, DEFAULT_TIMEOUT_LENGTH);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
var openDialog = function () {
|
|
82
|
+
setIsOpen(true);
|
|
83
|
+
onOpen();
|
|
84
|
+
requestToCloseDialog();
|
|
85
|
+
};
|
|
86
|
+
var handleFocus = function () {
|
|
87
|
+
cancelCurrentCloseRequest();
|
|
88
|
+
eventSet.current.add('focus');
|
|
89
|
+
};
|
|
90
|
+
var handleBlur = function () {
|
|
91
|
+
eventSet.current.delete('focus');
|
|
92
|
+
requestToCloseDialog();
|
|
93
|
+
};
|
|
94
|
+
var handleMouseEnter = function () {
|
|
95
|
+
cancelCurrentCloseRequest();
|
|
96
|
+
eventSet.current.add('mouseEnter');
|
|
97
|
+
};
|
|
98
|
+
var handleMouseLeave = function () {
|
|
99
|
+
eventSet.current.delete('mouseEnter');
|
|
100
|
+
requestToCloseDialog();
|
|
101
|
+
};
|
|
102
|
+
var handleAction = function (event) {
|
|
103
|
+
var _a, _b;
|
|
104
|
+
cancelCurrentCloseRequest();
|
|
105
|
+
onAction === null || onAction === void 0 ? void 0 : onAction(event);
|
|
106
|
+
(_b = (_a = action === null || action === void 0 ? void 0 : action.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
107
|
+
closeDialog();
|
|
108
|
+
};
|
|
109
|
+
react_1.useEffect(function () { return function () {
|
|
110
|
+
// On unmount of the component we
|
|
111
|
+
// cancel the close request
|
|
112
|
+
cancelCurrentCloseRequest();
|
|
113
|
+
}; }, []);
|
|
114
|
+
// This useEffect is to make sure that the internal state is in sync with the "open" property.
|
|
115
|
+
react_1.useEffect(function () {
|
|
116
|
+
if (open) {
|
|
117
|
+
openDialog();
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
closeDialog();
|
|
121
|
+
}
|
|
122
|
+
}, [open]);
|
|
123
|
+
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { open: isOpen, isModal: false, baseEl: "aside", classPrefix: "snackbar-dialog", transitionElement: "root", a11yCloseText: "", buttonPosition: "hidden", className: classnames_1.default(className, 'snackbar-dialog--transition'), windowClass: layout === 'column' && 'snackbar-dialog__window--column', onFocus: handleFocus, onBlur: handleBlur, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }),
|
|
124
|
+
content,
|
|
125
|
+
action ? (react_1.default.createElement(ebay_dialog_base_1.EbayDialogActions, null, react_1.default.cloneElement(action, {
|
|
126
|
+
onClick: handleAction
|
|
127
|
+
}))) : null));
|
|
128
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-snackbar-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var ebay_snackbar_dialog_1 = require("./components/ebay-snackbar-dialog");
|
|
4
|
+
Object.defineProperty(exports, "EbaySnackbarDialog", { enumerable: true, get: function () { return ebay_snackbar_dialog_1.EbaySnackbarDialog; } });
|
|
5
|
+
var ebay_snackbar_dialog_action_1 = require("./components/ebay-snackbar-dialog-action");
|
|
6
|
+
Object.defineProperty(exports, "EbaySnackbarDialogAction", { enumerable: true, get: function () { return ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction; } });
|
package/index.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ export { EbayTextbox, EbayTextboxPrefixIcon, EbayTextboxPostfixIcon, EbayTextbox
|
|
|
35
35
|
export { EbaySelect, EbaySelectOption } from './ebay-select';
|
|
36
36
|
export { EbayTooltip, EbayTooltipContent, EbayTooltipHost, PointerDirection, Tooltip } from './ebay-tooltip';
|
|
37
37
|
export { EbayInfotip, EbayInfotipHost, EbayInfotipContent, EbayInfotipHeading, Variant } from './ebay-infotip';
|
|
38
|
+
export { EbaySnackbarDialog, EbaySnackbarDialogAction, EbaySnackbarDialogProps } from './ebay-snackbar-dialog';
|
|
38
39
|
export { EbayField, EbayLabel, EbayFieldDescription, FieldLayoutType, FieldDescriptionType, FieldDescriptionPosition, LabelPosition } from './ebay-field';
|
|
39
40
|
export { EbayProgressStepper, EbayProgressStep, EbayProgressTitle, StepperDirection, StepState } from './ebay-progress-stepper';
|
|
40
41
|
export { EbayListboxButton, EbayListboxButtonOption } from './ebay-listbox-button';
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -107,6 +107,9 @@ Object.defineProperty(exports, "EbayInfotip", { enumerable: true, get: function
|
|
|
107
107
|
Object.defineProperty(exports, "EbayInfotipHost", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipHost; } });
|
|
108
108
|
Object.defineProperty(exports, "EbayInfotipContent", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipContent; } });
|
|
109
109
|
Object.defineProperty(exports, "EbayInfotipHeading", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipHeading; } });
|
|
110
|
+
var ebay_snackbar_dialog_1 = require("./ebay-snackbar-dialog");
|
|
111
|
+
Object.defineProperty(exports, "EbaySnackbarDialog", { enumerable: true, get: function () { return ebay_snackbar_dialog_1.EbaySnackbarDialog; } });
|
|
112
|
+
Object.defineProperty(exports, "EbaySnackbarDialogAction", { enumerable: true, get: function () { return ebay_snackbar_dialog_1.EbaySnackbarDialogAction; } });
|
|
110
113
|
var ebay_field_1 = require("./ebay-field");
|
|
111
114
|
Object.defineProperty(exports, "EbayField", { enumerable: true, get: function () { return ebay_field_1.EbayField; } });
|
|
112
115
|
Object.defineProperty(exports, "EbayLabel", { enumerable: true, get: function () { return ebay_field_1.EbayLabel; } });
|