@ebay/ui-core-react 6.2.1 → 6.3.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/common/component-utils/array.polyfill.flat.js +11 -13
- package/common/component-utils/forwardRef.js +4 -17
- package/common/component-utils/usePrevious.js +3 -3
- package/common/component-utils/utils.js +13 -26
- package/common/debounce.js +3 -7
- package/common/event-utils/index.js +8 -11
- package/common/event-utils/use-key-press.js +10 -12
- package/common/event-utils/use-roving-index.js +13 -24
- package/common/floating-label-utils/hooks.js +43 -53
- package/common/notice-utils/notice-content.js +5 -6
- package/common/notice-utils/notice-cta.js +5 -16
- package/common/notice-utils/notice-footer.js +5 -16
- package/common/notice-utils/notice-title.js +6 -17
- package/common/random-id.js +1 -1
- package/common/range.js +1 -4
- package/common/tooltip-utils/tooltip-close-button.js +1 -1
- package/common/tooltip-utils/tooltip-content.js +16 -28
- package/common/tooltip-utils/tooltip-footer.js +3 -6
- package/common/tooltip-utils/tooltip-host.js +5 -16
- package/common/tooltip-utils/tooltip.d.ts +1 -1
- package/common/tooltip-utils/tooltip.js +14 -26
- package/common/tooltip-utils/use-tooltip.js +8 -9
- package/ebay-alert-dialog/alert-dialog.js +11 -22
- package/ebay-badge/badge.js +6 -17
- package/ebay-breadcrumbs/breadcrumb-item.js +7 -18
- package/ebay-breadcrumbs/breadcrumbs.js +19 -30
- package/ebay-button/button-cell.js +5 -16
- package/ebay-button/button-expand.d.ts +4 -2
- package/ebay-button/button-expand.d.ts.map +1 -1
- package/ebay-button/button-expand.js +7 -10
- package/ebay-button/button-loading.js +5 -5
- package/ebay-button/button-text.js +3 -6
- package/ebay-button/button.d.ts +1 -1
- package/ebay-button/button.js +31 -43
- package/ebay-calendar/calendar.js +94 -111
- package/ebay-calendar/date-utils.js +9 -18
- package/ebay-carousel/carousel-control-button.js +9 -10
- package/ebay-carousel/carousel-item.d.ts +1 -1
- package/ebay-carousel/carousel-item.js +14 -25
- package/ebay-carousel/carousel-list.js +21 -22
- package/ebay-carousel/carousel.js +32 -44
- package/ebay-carousel/helpers.js +35 -47
- package/ebay-carousel/scroll-to-transition.js +15 -15
- package/ebay-checkbox/checkbox.js +21 -32
- package/ebay-confirm-dialog/confirm-dialog.js +11 -22
- package/ebay-cta-button/cta-button.d.ts +1 -1
- package/ebay-cta-button/cta-button.js +9 -20
- package/ebay-date-textbox/date-textbox.js +37 -53
- package/ebay-dialog-base/components/animation.d.ts +0 -1
- package/ebay-dialog-base/components/animation.d.ts.map +1 -1
- package/ebay-dialog-base/components/animation.js +25 -28
- package/ebay-dialog-base/components/dialog-actions.js +2 -5
- package/ebay-dialog-base/components/dialog-close-button.d.ts +5 -2
- package/ebay-dialog-base/components/dialog-close-button.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-close-button.js +2 -5
- package/ebay-dialog-base/components/dialog-footer.js +2 -5
- package/ebay-dialog-base/components/dialog-header.js +4 -15
- package/ebay-dialog-base/components/dialog-previous-button.js +6 -17
- package/ebay-dialog-base/components/dialogBase.js +40 -51
- package/ebay-dialog-base/dialog-base-with-state.js +22 -35
- package/ebay-drawer-dialog/components/drawer.js +27 -50
- package/ebay-eek/eek-rating.js +8 -10
- package/ebay-eek/eek-util.d.ts +1 -1
- package/ebay-eek/eek-util.d.ts.map +1 -1
- package/ebay-eek/eek-util.js +7 -6
- package/ebay-fake-menu/menu-item-separator.js +5 -16
- package/ebay-fake-menu/menu-item.js +15 -26
- package/ebay-fake-menu/menu.js +11 -22
- package/ebay-fake-menu-button/menu-button-item.js +2 -2
- package/ebay-fake-menu-button/menu-button-label.d.ts +4 -2
- package/ebay-fake-menu-button/menu-button-label.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-label.js +2 -5
- package/ebay-fake-menu-button/menu-button-separator.js +5 -16
- package/ebay-fake-menu-button/menu-button.js +32 -45
- package/ebay-fake-tabs/fake-tabs.js +10 -23
- package/ebay-fake-tabs/tab.js +5 -16
- package/ebay-field/description.js +7 -19
- package/ebay-field/field.js +4 -5
- package/ebay-field/label.js +7 -18
- package/ebay-fullscreen-dialog/fullscreen-dialog.js +7 -18
- package/ebay-icon/icon.d.ts +1 -1
- package/ebay-icon/icon.js +17 -29
- package/ebay-icon-button/icon-button.d.ts +1 -1
- package/ebay-icon-button/icon-button.js +15 -27
- package/ebay-infotip/ebay-infotip-content.js +2 -5
- package/ebay-infotip/ebay-infotip-heading.js +5 -16
- package/ebay-infotip/ebay-infotip-host.d.ts +2 -2
- package/ebay-infotip/ebay-infotip-host.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-host.js +10 -24
- package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip.js +23 -34
- package/ebay-inline-notice/inline-notice.js +15 -27
- package/ebay-lightbox-dialog/lightbox-dialog.js +9 -21
- package/ebay-listbox-button/listbox-button-option.js +7 -18
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.js +79 -100
- package/ebay-menu/menu-item-separator.js +5 -16
- package/ebay-menu/menu-item.js +12 -23
- package/ebay-menu/menu.d.ts +1 -1
- package/ebay-menu/menu.js +37 -64
- package/ebay-menu-button/README.md +1 -1
- package/ebay-menu-button/menu-button-item.js +1 -1
- package/ebay-menu-button/menu-button-label.d.ts +4 -2
- package/ebay-menu-button/menu-button-label.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-label.js +2 -5
- package/ebay-menu-button/menu-button-separator.js +5 -16
- package/ebay-menu-button/menu-button.js +46 -60
- package/ebay-notice-base/components/ebay-notice-content/notice-content.js +1 -1
- package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts +5 -2
- package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-title/notice-title.js +2 -5
- package/ebay-page-notice/page-notice-cta.js +3 -6
- package/ebay-page-notice/page-notice-footer.js +3 -6
- package/ebay-page-notice/page-notice-title.js +5 -16
- package/ebay-page-notice/page-notice.js +16 -27
- package/ebay-pagination/helpers.js +21 -24
- package/ebay-pagination/pagination-item.d.ts +1 -1
- package/ebay-pagination/pagination-item.js +16 -27
- package/ebay-pagination/pagination.js +52 -81
- package/ebay-panel-dialog/panel-dialog.js +9 -21
- package/ebay-progress-bar/progress-bar.js +5 -16
- package/ebay-progress-spinner/progress-spinner.js +7 -18
- package/ebay-progress-stepper/ebay-progress-step.js +14 -25
- package/ebay-progress-stepper/ebay-progress-stepper.js +10 -21
- package/ebay-progress-stepper/ebay-progress-title.js +2 -5
- package/ebay-radio/radio.js +18 -29
- package/ebay-section-notice/section-notice-footer.js +3 -6
- package/ebay-section-notice/section-notice-title.js +5 -16
- package/ebay-section-notice/section-notice.js +24 -39
- package/ebay-section-title/cta.js +5 -16
- package/ebay-section-title/info.js +5 -16
- package/ebay-section-title/overflow.js +5 -16
- package/ebay-section-title/section-title.js +13 -24
- package/ebay-section-title/subtitle.js +5 -16
- package/ebay-section-title/title.js +5 -16
- package/ebay-select/ebay-select-option.js +4 -15
- package/ebay-select/ebay-select.d.ts +1 -1
- package/ebay-select/ebay-select.js +34 -45
- package/ebay-signal/signal.js +6 -17
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.js +5 -16
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.js +27 -38
- package/ebay-split-button/split-button.js +10 -21
- package/ebay-star-rating/star-rating.js +8 -19
- package/ebay-star-rating-select/star-rating-select.js +20 -31
- package/ebay-svg/svg.js +3 -3
- package/ebay-switch/ebay-switch.js +10 -21
- package/ebay-tabs/tab-panel.js +5 -16
- package/ebay-tabs/tab.js +5 -16
- package/ebay-tabs/tabs.js +26 -40
- package/ebay-textbox/postfix-icon.js +7 -18
- package/ebay-textbox/prefix-icon.js +5 -16
- package/ebay-textbox/textbox.d.ts +1 -1
- package/ebay-textbox/textbox.js +42 -53
- package/ebay-toast-dialog/components/toast.js +6 -17
- package/ebay-tooltip/ebay-tooltip-content.js +1 -1
- package/ebay-tooltip/ebay-tooltip-host.js +1 -1
- package/ebay-tooltip/ebay-tooltip.js +21 -32
- package/ebay-tourtip/ebay-tourtip-content.js +1 -1
- package/ebay-tourtip/ebay-tourtip-footer.js +4 -7
- package/ebay-tourtip/ebay-tourtip-heading.js +6 -17
- package/ebay-tourtip/ebay-tourtip-host.js +1 -1
- package/ebay-tourtip/ebay-tourtip.js +22 -33
- package/ebay-video/controls.d.ts.map +1 -1
- package/ebay-video/controls.js +23 -46
- package/ebay-video/reportButton.d.ts +7 -2
- package/ebay-video/reportButton.d.ts.map +1 -1
- package/ebay-video/reportButton.js +5 -8
- package/ebay-video/source.js +3 -14
- package/ebay-video/video.d.ts.map +1 -1
- package/ebay-video/video.js +54 -80
- package/package.json +23 -18
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -48,18 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
48
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
38
|
};
|
|
50
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
})
|
|
61
|
-
var tabContent = (0, component_utils_1.excludeComponent)(children, tab_1.default);
|
|
62
|
-
return (react_1.default.createElement("div", __assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-tabs') }),
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
42
|
+
const component_utils_1 = require("../common/component-utils");
|
|
43
|
+
const tab_1 = __importDefault(require("./tab"));
|
|
44
|
+
const EbayFakeTabs = (_a) => {
|
|
45
|
+
var { selectedIndex = 0, tabMatchesCurrentUrl, className, children } = _a, rest = __rest(_a, ["selectedIndex", "tabMatchesCurrentUrl", "className", "children"]);
|
|
46
|
+
const ariaCurrent = tabMatchesCurrentUrl === false ? 'true' : 'page';
|
|
47
|
+
const tabHeadings = (0, component_utils_1.filterByType)(children, tab_1.default).map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { ariaCurrent: selectedIndex === i ? ariaCurrent : null })));
|
|
48
|
+
const tabContent = (0, component_utils_1.excludeComponent)(children, tab_1.default);
|
|
49
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-tabs') }),
|
|
63
50
|
react_1.default.createElement("ul", { className: "fake-tabs__items" }, tabHeadings),
|
|
64
51
|
react_1.default.createElement("div", { className: "fake-tabs__content" },
|
|
65
52
|
react_1.default.createElement("div", { className: "fake-tabs__cell" }, tabContent))));
|
package/ebay-fake-tabs/tab.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,11 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
return (react_1.default.createElement("li",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Tab = (_a) => {
|
|
20
|
+
var { children, href, ariaCurrent, className } = _a, rest = __rest(_a, ["children", "href", "ariaCurrent", "className"]);
|
|
21
|
+
return (react_1.default.createElement("li", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-tabs__item') }),
|
|
33
22
|
react_1.default.createElement("a", { href: href, "aria-current": ariaCurrent }, children)));
|
|
34
23
|
};
|
|
35
24
|
exports.default = Tab;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,14 +14,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
return (react_1.default.createElement(WrapperElement, __assign({}, rest, { className: wrapperClassName }),
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Description = (_a) => {
|
|
20
|
+
var { type, position = 'below', className, children } = _a, rest = __rest(_a, ["type", "position", "className", "children"]);
|
|
21
|
+
const wrapperClassName = (0, classnames_1.default)(className, 'field__description', { [`field__description--${type}`]: type });
|
|
22
|
+
const WrapperElement = position === 'below' ? `div` : `span`;
|
|
23
|
+
return (react_1.default.createElement(WrapperElement, Object.assign({}, rest, { className: wrapperClassName }),
|
|
36
24
|
react_1.default.createElement("span", null, children)));
|
|
37
25
|
};
|
|
38
26
|
exports.default = Description;
|
package/ebay-field/field.js
CHANGED
|
@@ -3,11 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var WrapperElement = layout === 'block' ? 'div' : 'span';
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
8
|
+
const Field = ({ className, layout = 'inline', children }) => {
|
|
9
|
+
const WrapperElement = layout === 'block' ? 'div' : 'span';
|
|
11
10
|
return (react_1.default.createElement(WrapperElement, { className: (0, classnames_1.default)('field', className) }, children));
|
|
12
11
|
};
|
|
13
12
|
exports.default = Field;
|
package/ebay-field/label.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,15 +14,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Label = (_a) => {
|
|
20
|
+
var { className, children, stacked = false, required = false, position = 'start' } = _a, rest = __rest(_a, ["className", "children", "stacked", "required", "position"]);
|
|
21
|
+
const wrapperClassName = (0, classnames_1.default)(`field__label`, className, { 'field__label--stacked': stacked }, { 'field__label--end': position === 'end' });
|
|
22
|
+
const requiredMark = required ? react_1.default.createElement(react_1.default.Fragment, null,
|
|
34
23
|
" ",
|
|
35
24
|
react_1.default.createElement("sup", null, "*")) : null;
|
|
36
|
-
return react_1.default.createElement("label",
|
|
25
|
+
return react_1.default.createElement("label", Object.assign({ className: wrapperClassName }, rest),
|
|
37
26
|
children,
|
|
38
27
|
requiredMark);
|
|
39
28
|
};
|
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var
|
|
34
|
-
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState,
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const ebay_dialog_base_1 = require("../ebay-dialog-base");
|
|
20
|
+
const classPrefix = 'fullscreen-dialog';
|
|
21
|
+
const EbayFullscreenDialog = (_a) => {
|
|
22
|
+
var { open, onClose = () => { }, className, animated } = _a, rest = __rest(_a, ["open", "onClose", "className", "animated"]);
|
|
23
|
+
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { classPrefix: classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, transitionElement: "window", animated: animated, className: (0, classnames_1.default)(className, `${classPrefix}--mask-fade-slow`), windowClass: (0, classnames_1.default)(`${classPrefix}__window`, `${classPrefix}__window--slide`), open: open })));
|
|
35
24
|
};
|
|
36
25
|
exports.default = EbayFullscreenDialog;
|
package/ebay-icon/icon.d.ts
CHANGED
|
@@ -9,6 +9,6 @@ export type EbayIconProps = SVGProps<SVGSVGElement> & {
|
|
|
9
9
|
a11yVariant?: A11yVariant;
|
|
10
10
|
forwardedRef?: Ref<SVGSVGElement>;
|
|
11
11
|
};
|
|
12
|
-
declare const _default: React.ForwardRefExoticComponent<
|
|
12
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<EbayIconProps, "ref"> & React.RefAttributes<React.FC<EbayIconProps>>>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=icon.d.ts.map
|
package/ebay-icon/icon.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -48,35 +37,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
48
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
38
|
};
|
|
50
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
(0, react_1.useEffect)(function () {
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
42
|
+
const component_utils_1 = require("../common/component-utils");
|
|
43
|
+
const random_id_1 = require("../common/random-id");
|
|
44
|
+
const EbayIcon = (_a) => {
|
|
45
|
+
var { name, className: extraClass, noSkinClasses = false, a11yText, a11yVariant, forwardedRef } = _a, rest = __rest(_a, ["name", "className", "noSkinClasses", "a11yText", "a11yVariant", "forwardedRef"]);
|
|
46
|
+
const [rId, setRandomId] = (0, react_1.useState)('');
|
|
47
|
+
(0, react_1.useEffect)(() => {
|
|
60
48
|
setRandomId((0, random_id_1.randomId)());
|
|
61
49
|
}, []);
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
50
|
+
const withAriaLabel = a11yVariant === 'label';
|
|
51
|
+
const a11yTextId = a11yText && `icon-title-${rId}`;
|
|
52
|
+
const a11yProps = a11yText ? {
|
|
65
53
|
'aria-labelledby': withAriaLabel ? undefined : a11yTextId,
|
|
66
54
|
'aria-label': withAriaLabel ? a11yText : undefined,
|
|
67
55
|
role: 'img'
|
|
68
56
|
} : {
|
|
69
57
|
'aria-hidden': true
|
|
70
58
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
return (react_1.default.createElement("svg",
|
|
59
|
+
const kebabName = kebabCased(name);
|
|
60
|
+
const className = (0, classnames_1.default)(extraClass, { [`icon icon--${kebabName}`]: !noSkinClasses });
|
|
61
|
+
return (react_1.default.createElement("svg", Object.assign({}, rest, { className: className, xmlns: "http://www.w3.org/2000/svg", focusable: false, ref: forwardedRef }, a11yProps),
|
|
74
62
|
a11yText && !withAriaLabel && react_1.default.createElement("title", { id: a11yTextId }, a11yText),
|
|
75
|
-
react_1.default.createElement("use", { xlinkHref:
|
|
63
|
+
react_1.default.createElement("use", { xlinkHref: `#icon-${kebabName}` })));
|
|
76
64
|
};
|
|
77
65
|
function kebabCased(str) {
|
|
78
66
|
return str
|
|
79
|
-
.replace(/([0-9]+)/g,
|
|
80
|
-
.replace(/([A-Z])/g,
|
|
67
|
+
.replace(/([0-9]+)/g, (s, n) => `-${n}`)
|
|
68
|
+
.replace(/([A-Z])/g, (s, c) => `-${c.toLowerCase()}`);
|
|
81
69
|
}
|
|
82
70
|
exports.default = (0, component_utils_1.withForwardRef)(EbayIcon);
|
|
@@ -15,6 +15,6 @@ export type EbayIconButtonProps = {
|
|
|
15
15
|
type HTMLButtonProps = ComponentProps<'button'>;
|
|
16
16
|
type HTMLAnchorProps = ComponentProps<'a'>;
|
|
17
17
|
type Props = EbayIconButtonProps & HTMLButtonProps & HTMLAnchorProps;
|
|
18
|
-
declare const _default: React.ForwardRefExoticComponent<
|
|
18
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<React.FC<Props>>>;
|
|
19
19
|
export default _default;
|
|
20
20
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,28 +14,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
var children = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const ebay_icon_1 = require("../ebay-icon");
|
|
20
|
+
const ebay_badge_1 = require("../ebay-badge");
|
|
21
|
+
const component_utils_1 = require("../common/component-utils");
|
|
22
|
+
const EbayIconButton = (_a) => {
|
|
23
|
+
var { href, icon, badgeNumber, badgeAriaLabel, transparent, className: extraClasses, forwardedRef, size, onEscape = () => { }, onKeyDown = () => { } } = _a, rest = __rest(_a, ["href", "icon", "badgeNumber", "badgeAriaLabel", "transparent", "className", "forwardedRef", "size", "onEscape", "onKeyDown"]);
|
|
24
|
+
const classPrefix = href ? 'icon-link' : 'icon-btn';
|
|
25
|
+
const className = (0, classnames_1.default)(extraClasses, classPrefix, size && `${classPrefix}--${size}`, {
|
|
26
|
+
[`${classPrefix}--badged`]: badgeNumber,
|
|
27
|
+
[`${classPrefix}--transparent`]: transparent
|
|
28
|
+
});
|
|
29
|
+
const children = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
42
30
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }),
|
|
43
31
|
badgeNumber && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "icon", number: badgeNumber, "aria-label": badgeAriaLabel })));
|
|
44
|
-
|
|
32
|
+
const keyDownHandler = (e) => {
|
|
45
33
|
if (e.key === 'Escape' || e.key === 'Esc') {
|
|
46
34
|
onEscape(e);
|
|
47
35
|
}
|
|
48
36
|
onKeyDown(e);
|
|
49
37
|
};
|
|
50
|
-
return href ? (react_1.default.createElement("a",
|
|
38
|
+
return href ? (react_1.default.createElement("a", Object.assign({ ref: forwardedRef, className: className, href: href, onKeyDown: keyDownHandler }, rest), children)) : (react_1.default.createElement("button", Object.assign({ ref: forwardedRef, type: "button", className: className, onKeyDown: keyDownHandler }, rest), children));
|
|
51
39
|
};
|
|
52
40
|
exports.default = (0, component_utils_1.withForwardRef)(EbayIconButton);
|
|
@@ -7,9 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
* This Component is used only for finding it as a child of EbayInfotip
|
|
8
8
|
* and pass the properties to TooltipContent
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var children = _a.children;
|
|
13
|
-
return react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
14
|
-
};
|
|
10
|
+
const react_1 = __importDefault(require("react"));
|
|
11
|
+
const EbayInfotipContent = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
15
12
|
exports.default = EbayInfotipContent;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var className = _a
|
|
32
|
-
return (react_1.default.createElement("span",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const EbayTooltipHeading = (_a) => {
|
|
20
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
21
|
+
return (react_1.default.createElement("span", Object.assign({}, props, { className: (0, classnames_1.default)('infotip__heading', className) })));
|
|
33
22
|
};
|
|
34
23
|
exports.default = EbayTooltipHeading;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ComponentProps, RefObject, ReactNode } from 'react';
|
|
2
2
|
import { Icon } from '../ebay-icon';
|
|
3
3
|
import { Variant } from './types';
|
|
4
|
-
type InfotipHostProps = ComponentProps<'button'> & {
|
|
4
|
+
type InfotipHostProps = Omit<ComponentProps<'button'>, 'children'> & {
|
|
5
5
|
icon?: Icon;
|
|
6
6
|
forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
|
|
7
7
|
variant?: Variant;
|
|
@@ -9,6 +9,6 @@ type InfotipHostProps = ComponentProps<'button'> & {
|
|
|
9
9
|
icon: any;
|
|
10
10
|
}) => ReactNode) | ReactNode;
|
|
11
11
|
};
|
|
12
|
-
declare const _default: React.ForwardRefExoticComponent<
|
|
12
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<InfotipHostProps, "ref"> & React.RefAttributes<React.FC<InfotipHostProps>>>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=ebay-infotip-host.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,KAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE;;KAAA,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;CACnD,CAAA;;AAyBD,wBAA8C"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,18 +14,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
15
|
};
|
|
27
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
buttonContent = children({ icon: buttonIcon });
|
|
39
|
-
}
|
|
40
|
-
return (react_1.default.createElement("button", __assign({}, rest, { className: (0, dedupe_1.default)('icon-btn icon-btn--transparent', className, "".concat(classPrefix, "__host")), type: "button", ref: forwardedRef }), buttonContent || buttonIcon));
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const dedupe_1 = __importDefault(require("classnames/dedupe"));
|
|
19
|
+
const ebay_icon_1 = require("../ebay-icon");
|
|
20
|
+
const forwardRef_1 = require("../common/component-utils/forwardRef");
|
|
21
|
+
const EbayInfotipHost = (_a) => {
|
|
22
|
+
var { icon, className, children, forwardedRef, variant } = _a, rest = __rest(_a, ["icon", "className", "children", "forwardedRef", "variant"]);
|
|
23
|
+
const classPrefix = variant === 'modal' ? 'dialog--mini' : 'infotip';
|
|
24
|
+
const buttonIcon = react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon });
|
|
25
|
+
const buttonContent = children instanceof Function ? children({ icon: buttonIcon }) : children;
|
|
26
|
+
return (react_1.default.createElement("button", Object.assign({}, rest, { className: (0, dedupe_1.default)('icon-btn icon-btn--transparent', className, `${classPrefix}__host`), type: "button", ref: forwardedRef }), buttonContent || buttonIcon));
|
|
41
27
|
};
|
|
42
28
|
exports.default = (0, forwardRef_1.withForwardRef)(EbayInfotipHost);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ebay-infotip.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,EAAE,EAAU,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAwC,gBAAgB,EAAc,MAAM,yBAAyB,CAAA;AAI5G,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGjC,KAAK,YAAY,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAC,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAC,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"ebay-infotip.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,EAAE,EAAU,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAwC,gBAAgB,EAAc,MAAM,yBAAyB,CAAA;AAI5G,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGjC,KAAK,YAAY,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAC,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAC,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA8FjC,CAAA;AAED,eAAe,WAAW,CAAA"}
|