@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 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] (src/ebay-fake-menu)
31
- * [x] [ebay-fake-menu-button] (src/ebay-fake-menu-button)
32
- * [x] [ebay-fake-tabs] (src/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
- * [ ] `ebay-icon-button`
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] (src/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,7 @@
1
+ import { FC, ReactNode } from 'react';
2
+ declare type EbayDialogActionsProps = {
3
+ children?: ReactNode;
4
+ };
5
+ declare const EbayDialogActions: FC<EbayDialogActionsProps>;
6
+ export default EbayDialogActions;
7
+ //# sourceMappingURL=dialog-actions.d.ts.map
@@ -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;AAC1E,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,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,CA6JvD,CAAA;AAED,eAAe,UAAU,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,YA+BjC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
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,3 @@
1
+ import { ComponentProps, ReactElement } from 'react';
2
+ export declare const EbaySnackbarDialogAction: ({ className, children, ...rest }: ComponentProps<'button'>) => ReactElement;
3
+ //# sourceMappingURL=ebay-snackbar-dialog-action.d.ts.map
@@ -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,3 @@
1
+ export { EbaySnackbarDialog, EbaySnackbarDialogProps } from './components/ebay-snackbar-dialog';
2
+ export { EbaySnackbarDialogAction } from './components/ebay-snackbar-dialog-action';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACvG,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAC/G,OAAO,EACH,kBAAkB,EAAE,uBAAuB,EAC3C,sBAAsB,EAAE,uBAAuB,EAAE,2BAA2B,EAC/E,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC1G,OAAO,EACH,gBAAgB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,wBAAwB,EACpH,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,IAAI,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC1F,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5F,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAC7G,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC5G,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC9G,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAC9G,OAAO,EACH,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAC1C,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,aAAa,EACjF,MAAM,cAAc,CAAA;AACrB,OAAO,EACH,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,EACxF,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA"}
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; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/ui-core-react",
3
- "version": "3.8.2",
3
+ "version": "3.9.0",
4
4
  "description": "Skin components build off React",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",