@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,25 +37,25 @@ 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
|
-
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
42
|
+
const ebay_icon_1 = require("../ebay-icon");
|
|
43
|
+
const index_1 = require("./index");
|
|
44
|
+
const typeIcons = {
|
|
56
45
|
complete: 'stepperConfirmation24',
|
|
57
46
|
attention: 'stepperAttention24',
|
|
58
47
|
upcoming: 'stepperUpcoming24',
|
|
59
48
|
active: 'stepperConfirmation24'
|
|
60
49
|
};
|
|
61
|
-
|
|
62
|
-
var
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
return (react_1.default.createElement("div",
|
|
50
|
+
const EbayProgressStep = (_a) => {
|
|
51
|
+
var { current, state = 'complete', children, className } = _a, rest = __rest(_a, ["current", "state", "children", "className"]);
|
|
52
|
+
const childrenArray = react_1.Children.toArray(children);
|
|
53
|
+
const title = childrenArray.find(child => child.type === index_1.EbayProgressTitle);
|
|
54
|
+
const text = childrenArray.filter(child => child.type !== index_1.EbayProgressTitle);
|
|
55
|
+
const stepClassNames = (0, classnames_1.default)(className, 'progress-stepper__item', { 'progress-stepper__item--attention': state === 'attention' });
|
|
56
|
+
const icon = typeIcons[state];
|
|
57
|
+
const ariaLabel = current ? 'current' : state;
|
|
58
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: stepClassNames, role: "listitem", "aria-current": current ? 'step' : undefined }),
|
|
70
59
|
react_1.default.createElement("div", { className: "progress-stepper__icon" }, icon && react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon, "aria-label": ariaLabel })),
|
|
71
60
|
react_1.default.createElement("div", { className: "progress-stepper__text" },
|
|
72
61
|
title,
|
|
@@ -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,21 +37,21 @@ 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
|
-
var
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
return (react_1.default.createElement("div",
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
42
|
+
const EbayProgressStepper = (_a) => {
|
|
43
|
+
var { direction = 'row', defaultState = 'active', children, className } = _a, rest = __rest(_a, ["direction", "defaultState", "children", "className"]);
|
|
44
|
+
const childrenArray = react_1.Children.toArray(children);
|
|
45
|
+
const currentIndex = currentIndexByDefaultState(childrenArray, defaultState);
|
|
46
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'progress-stepper', {
|
|
58
47
|
'progress-stepper--vertical': direction === 'column'
|
|
59
48
|
}) }),
|
|
60
|
-
react_1.default.createElement("div", { role: "list", className: "progress-stepper__items" }, childrenArray.map(
|
|
49
|
+
react_1.default.createElement("div", { role: "list", className: "progress-stepper__items" }, childrenArray.map((child, index) => (react_1.default.createElement(react_1.Fragment, { key: index },
|
|
61
50
|
index > 0 && react_1.default.createElement("hr", { className: "progress-stepper__separator", role: "presentation" }),
|
|
62
|
-
(0, react_1.cloneElement)(child,
|
|
51
|
+
(0, react_1.cloneElement)(child, Object.assign(Object.assign({ state: stepState(index, currentIndex) }, child.props), { current: currentIndex === index }))))))));
|
|
63
52
|
};
|
|
64
53
|
function currentIndexByDefaultState(steps, defaultState) {
|
|
65
|
-
|
|
54
|
+
const foundCurrentIndex = steps.findIndex(child => child.props.current);
|
|
66
55
|
if (foundCurrentIndex === -1) {
|
|
67
56
|
// eslint-disable-next-line default-case
|
|
68
57
|
switch (defaultState) {
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _b = _a.as, TitleComponent = _b === void 0 ? 'h4' : _b, children = _a.children;
|
|
6
|
-
return (0, react_1.createElement)(TitleComponent, {}, children);
|
|
7
|
-
};
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const EbayProgressTitle = ({ as: TitleComponent = 'h4', children }) => (0, react_1.createElement)(TitleComponent, {}, children);
|
|
8
5
|
exports.default = EbayProgressTitle;
|
package/ebay-radio/radio.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,35 @@ 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
|
-
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
42
|
+
const ebay_icon_1 = require("../ebay-icon");
|
|
43
|
+
const ebay_field_1 = require("../ebay-field");
|
|
44
|
+
const EbayRadio = (_a) => {
|
|
45
|
+
var { size = 'default', checked, defaultChecked, className, style, id, onChange = () => { }, onFocus = () => { }, onKeyDown = () => { }, children } = _a, rest = __rest(_a, ["size", "checked", "defaultChecked", "className", "style", "id", "onChange", "onFocus", "onKeyDown", "children"]);
|
|
46
|
+
const handleChange = (e) => { var _a; return onChange(e, { value: (_a = e.target) === null || _a === void 0 ? void 0 : _a.value }); };
|
|
47
|
+
const handleFocus = (e) => { var _a; return onFocus(e, { value: (_a = e.target) === null || _a === void 0 ? void 0 : _a.value }); };
|
|
48
|
+
const handleKeyDown = (e) => {
|
|
49
|
+
const radioButton = e.target;
|
|
61
50
|
return onKeyDown(e, { value: radioButton === null || radioButton === void 0 ? void 0 : radioButton.value });
|
|
62
51
|
};
|
|
63
|
-
|
|
64
|
-
|
|
52
|
+
const containerClass = (0, classnames_1.default)('radio', className, { 'radio--large': size === 'large' });
|
|
53
|
+
const iconChecked = size === 'large' ?
|
|
65
54
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "radioChecked24", className: "radio__checked" }) :
|
|
66
55
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "radioChecked18", className: "radio__checked" });
|
|
67
|
-
|
|
56
|
+
const iconUnChecked = size === 'large' ?
|
|
68
57
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "radioUnchecked24", className: "radio__unchecked" }) :
|
|
69
58
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "radioUnchecked18", className: "radio__unchecked" });
|
|
70
|
-
|
|
71
|
-
|
|
59
|
+
const childrenArray = react_1.Children.toArray(children);
|
|
60
|
+
const ebayLabel = childrenArray.find(child => child.type === ebay_field_1.EbayLabel);
|
|
72
61
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
73
|
-
react_1.default.createElement("span", { className: containerClass, style:
|
|
74
|
-
react_1.default.createElement("input",
|
|
62
|
+
react_1.default.createElement("span", { className: containerClass, style: Object.assign(Object.assign({}, style), { alignItems: 'center' }) },
|
|
63
|
+
react_1.default.createElement("input", Object.assign({}, rest, { id: id, className: "radio__control", type: "radio", defaultChecked: defaultChecked, checked: checked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown })),
|
|
75
64
|
react_1.default.createElement("span", { className: "radio__icon", hidden: true },
|
|
76
65
|
iconChecked,
|
|
77
66
|
iconUnChecked)),
|
|
78
67
|
ebayLabel ?
|
|
79
|
-
(0, react_1.cloneElement)(ebayLabel,
|
|
68
|
+
(0, react_1.cloneElement)(ebayLabel, Object.assign(Object.assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
|
|
80
69
|
children));
|
|
81
70
|
};
|
|
82
71
|
exports.default = EbayRadio;
|
|
@@ -3,10 +3,7 @@ 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
|
-
var className = _a.className, children = _a.children;
|
|
10
|
-
return (react_1.default.createElement(notice_footer_1.default, { className: className, type: "section" }, children));
|
|
11
|
-
};
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const notice_footer_1 = __importDefault(require("../common/notice-utils/notice-footer"));
|
|
8
|
+
const EbaySectionNoticeFooter = ({ className, children }) => (react_1.default.createElement(notice_footer_1.default, { className: className, type: "section" }, children));
|
|
12
9
|
exports.default = EbaySectionNoticeFooter;
|
|
@@ -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
|
|
32
|
-
return (react_1.default.createElement(notice_title_1.default,
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const notice_title_1 = __importDefault(require("../common/notice-utils/notice-title"));
|
|
19
|
+
const EbaySectionNoticeTitle = (_a) => {
|
|
20
|
+
var { className, as, children } = _a, rest = __rest(_a, ["className", "as", "children"]);
|
|
21
|
+
return (react_1.default.createElement(notice_title_1.default, Object.assign({}, rest, { className: className, as: as, type: "section" }), children));
|
|
33
22
|
};
|
|
34
23
|
exports.default = EbaySectionNoticeTitle;
|
|
@@ -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,47 +37,43 @@ 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
|
-
|
|
57
|
-
|
|
58
|
-
var
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
});
|
|
66
|
-
var hasStatus = status !== 'general' && status !== 'none';
|
|
67
|
-
var isEducational = status === 'education';
|
|
68
|
-
var iconName = null;
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
42
|
+
const ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
|
|
43
|
+
const notice_content_1 = __importDefault(require("../common/notice-utils/notice-content"));
|
|
44
|
+
const ebay_icon_1 = require("../ebay-icon");
|
|
45
|
+
const index_1 = require("./index");
|
|
46
|
+
const EbaySectionNotice = (_a) => {
|
|
47
|
+
var { status = 'general', children, className, 'aria-label': ariaLabel, 'aria-roledescription': ariaRoleDescription = 'Notice', a11yDismissText, educationIcon, iconClass, prominent, onDismiss = () => { } } = _a, rest = __rest(_a, ["status", "children", "className", 'aria-label', 'aria-roledescription', "a11yDismissText", "educationIcon", "iconClass", "prominent", "onDismiss"]);
|
|
48
|
+
const [dismissed, setDismissed] = (0, react_1.useState)(false);
|
|
49
|
+
const childrenArray = react_1.default.Children.toArray(children);
|
|
50
|
+
const content = childrenArray.find(({ type }) => type === ebay_notice_content_1.EbayNoticeContent);
|
|
51
|
+
const hasStatus = status !== 'general' && status !== 'none';
|
|
52
|
+
const isEducational = status === 'education';
|
|
53
|
+
let iconName = null;
|
|
69
54
|
if (hasStatus) {
|
|
70
55
|
if (isEducational) {
|
|
71
56
|
iconName = educationIcon || 'lightbulb24';
|
|
72
57
|
}
|
|
73
58
|
else {
|
|
74
|
-
iconName =
|
|
59
|
+
iconName = `${status}Filled16`;
|
|
75
60
|
}
|
|
76
61
|
}
|
|
77
62
|
if (!content) {
|
|
78
|
-
throw new Error(
|
|
63
|
+
throw new Error(`EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice`);
|
|
79
64
|
}
|
|
80
|
-
|
|
65
|
+
const handleDismissed = (event) => {
|
|
81
66
|
setDismissed(true);
|
|
82
67
|
onDismiss(event);
|
|
83
68
|
};
|
|
84
|
-
return dismissed ? null : (react_1.default.createElement("section",
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
iconName && (react_1.default.createElement("div", { className: "section-notice__header", id:
|
|
69
|
+
return dismissed ? null : (react_1.default.createElement("section", Object.assign({}, rest, { className: (0, classnames_1.default)(className, `section-notice`, {
|
|
70
|
+
[`section-notice--${status}`]: hasStatus,
|
|
71
|
+
'section-notice--education': isEducational && prominent,
|
|
72
|
+
'section-notice--large-icon': isEducational
|
|
73
|
+
}), role: "region", "aria-label": !hasStatus ? ariaLabel : null, "aria-labelledby": hasStatus ? `section-notice-${status}` : null, "aria-roledescription": ariaRoleDescription }),
|
|
74
|
+
iconName && (react_1.default.createElement("div", { className: "section-notice__header", id: `section-notice-${status}` },
|
|
90
75
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { className: iconClass, name: iconName, a11yText: ariaLabel, a11yVariant: "label" }))),
|
|
91
|
-
react_1.default.createElement(notice_content_1.default,
|
|
76
|
+
react_1.default.createElement(notice_content_1.default, Object.assign({}, content.props, { type: "section" })),
|
|
92
77
|
children,
|
|
93
78
|
a11yDismissText && (react_1.default.createElement(index_1.EbaySectionNoticeFooter, null,
|
|
94
79
|
react_1.default.createElement("button", { "aria-label": a11yDismissText, className: "fake-link page-notice__dismiss", onClick: handleDismissed },
|
|
@@ -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,13 +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
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Cta = (_a) => {
|
|
20
|
+
var { ctaText, href, className } = _a, rest = __rest(_a, ["ctaText", "href", "className"]);
|
|
32
21
|
if (!ctaText) {
|
|
33
22
|
return null;
|
|
34
23
|
}
|
|
35
|
-
return (react_1.default.createElement("a",
|
|
24
|
+
return (react_1.default.createElement("a", Object.assign({}, rest, { className: (0, classnames_1.default)('section-title__cta', className), href: href }), ctaText));
|
|
36
25
|
};
|
|
37
26
|
exports.default = Cta;
|
|
@@ -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
|
|
32
|
-
return (react_1.default.createElement("div",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Info = (_a) => {
|
|
20
|
+
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
21
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'section-title__info') }), children));
|
|
33
22
|
};
|
|
34
23
|
exports.default = Info;
|
|
@@ -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
|
|
32
|
-
return (react_1.default.createElement("div",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Overflow = (_a) => {
|
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
21
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'section-title__overflow') }), children));
|
|
33
22
|
};
|
|
34
23
|
exports.default = Overflow;
|
|
@@ -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,19 +14,19 @@ 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
|
-
return (react_1.default.createElement("div",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const component_utils_1 = require("../common/component-utils");
|
|
20
|
+
const index_1 = require("./index");
|
|
21
|
+
const cta_1 = __importDefault(require("./cta"));
|
|
22
|
+
const EbaySectionTitle = (_a) => {
|
|
23
|
+
var { href, ctaText, className, children } = _a, rest = __rest(_a, ["href", "ctaText", "className", "children"]);
|
|
24
|
+
const sectionTitleClass = (0, classnames_1.default)(className, 'section-title');
|
|
25
|
+
const title = (0, component_utils_1.findComponent)(children, index_1.EbaySectionTitleTitle);
|
|
26
|
+
const subtitle = (0, component_utils_1.findComponent)(children, index_1.EbaySectionTitleSubtitle);
|
|
27
|
+
const info = (0, component_utils_1.findComponent)(children, index_1.EbaySectionTitleInfo);
|
|
28
|
+
const overflow = (0, component_utils_1.findComponent)(children, index_1.EbaySectionTitleOverflow);
|
|
29
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: sectionTitleClass }),
|
|
41
30
|
react_1.default.createElement("div", { className: "section-title__title-container" },
|
|
42
31
|
title || react_1.default.createElement(index_1.EbaySectionTitleTitle, null, children),
|
|
43
32
|
subtitle),
|
|
@@ -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
|
|
32
|
-
return (react_1.default.createElement("span",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Subtitle = (_a) => {
|
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
21
|
+
return (react_1.default.createElement("span", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'section-title__subtitle') }), children));
|
|
33
22
|
};
|
|
34
23
|
exports.default = Subtitle;
|
|
@@ -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
|
|
32
|
-
return (react_1.default.createElement("h2",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
19
|
+
const Title = (_a) => {
|
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
21
|
+
return (react_1.default.createElement("h2", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'section-title__title') }), children));
|
|
33
22
|
};
|
|
34
23
|
exports.default = Title;
|
|
@@ -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,9 +14,9 @@ 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
|
-
var children = _a
|
|
31
|
-
return react_1.default.createElement("option",
|
|
17
|
+
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const EbaySelectOption = (_a) => {
|
|
19
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
20
|
+
return react_1.default.createElement("option", Object.assign({}, rest), children);
|
|
32
21
|
};
|
|
33
22
|
exports.default = EbaySelectOption;
|
|
@@ -14,6 +14,6 @@ export type EbaySelectProps = Omit<ComponentProps<'select'>, 'onChange'> & {
|
|
|
14
14
|
inputSize?: 'default' | 'large';
|
|
15
15
|
invalid?: boolean;
|
|
16
16
|
};
|
|
17
|
-
declare const _default: React.ForwardRefExoticComponent<
|
|
17
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<EbaySelectProps, "ref"> & React.RefAttributes<React.FC<EbaySelectProps>>>;
|
|
18
18
|
export default _default;
|
|
19
19
|
//# sourceMappingURL=ebay-select.d.ts.map
|