@ebay/ui-core-react 3.12.5 → 3.12.7
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 +2 -2
- package/ebay-button/button.d.ts.map +1 -1
- package/ebay-button/button.js +4 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -20,7 +20,7 @@ eBayUI React components
|
|
|
20
20
|
* [x] [ebay-carousel](src/ebay-carousel)
|
|
21
21
|
* [x] [ebay-checkbox](src/ebay-checkbox)
|
|
22
22
|
* [ ] `ebay-combobox`
|
|
23
|
-
* [
|
|
23
|
+
* [x] [ebay-confirm-dialog](src/ebay-confirm-dialog)
|
|
24
24
|
* [x] [ebay-cta-button](src/ebay-cta-button)
|
|
25
25
|
* [ ] `ebay-details`
|
|
26
26
|
* [x] [ebay-drawer-dialog](src/ebay-drawer-dialog)
|
|
@@ -54,12 +54,12 @@ eBayUI React components
|
|
|
54
54
|
* [x] [ebay-section-title](src/ebay-section-title)
|
|
55
55
|
* [x] [ebay-section-notice](src/ebay-section-notice)
|
|
56
56
|
* [x] [ebay-select](src/ebay-select)
|
|
57
|
+
* [x] [ebay-signal](src/ebay-signal)
|
|
57
58
|
* [x] [ebay-snackbar-dialog](src/ebay-snackbar-dialog)
|
|
58
59
|
* [ ] `ebay-split-button` (in progress...)
|
|
59
60
|
* [x] [ebay-star-rating](src/ebay-star-rating)
|
|
60
61
|
* [x] [ebay-star-rating-select](src/ebay-star-rating-select)
|
|
61
62
|
* [x] [ebay-switch](src/ebay-switch)
|
|
62
|
-
* [x] [ebay-signal](src/ebay-signal)
|
|
63
63
|
* [x] [ebay-tabs](src/ebay-tabs)
|
|
64
64
|
* [x] [ebay-textbox](src/ebay-textbox)
|
|
65
65
|
* [x] [ebay-toast-dialog](src/ebay-toast-dialog)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EAEd,aAAa,EACb,UAAU,EAGV,SAAS,EACZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKnE,oBAAY,eAAe,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAA;AAED,aAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EAEd,aAAa,EACb,UAAU,EAGV,SAAS,EACZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKnE,oBAAY,eAAe,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAA;AAED,aAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;;AAqH9E,wBAAyC"}
|
package/ebay-button/button.js
CHANGED
|
@@ -51,7 +51,7 @@ var ebay_icon_1 = require("../ebay-icon");
|
|
|
51
51
|
var button_loading_1 = __importDefault(require("./button-loading"));
|
|
52
52
|
var button_expand_1 = __importDefault(require("./button-expand"));
|
|
53
53
|
var EbayButton = function (_a) {
|
|
54
|
-
var _b = _a.priority, priority = _b === void 0 ? 'secondary' : _b, _c = _a.variant, variant = _c === void 0 ? 'standard' : _c, _d = _a.size, size = _d === void 0 ? 'regular' : _d, bodyState = _a.bodyState, split = _a.split, _e = _a.transparent, transparent = _e === void 0 ? false : _e, _f = _a.fluid, fluid = _f === void 0 ? false : _f, disabled = _a.disabled, partiallyDisabled = _a.partiallyDisabled, children = _a.children, _g = _a.
|
|
54
|
+
var _b = _a.priority, priority = _b === void 0 ? 'secondary' : _b, _c = _a.variant, variant = _c === void 0 ? 'standard' : _c, _d = _a.size, size = _d === void 0 ? 'regular' : _d, bodyState = _a.bodyState, split = _a.split, _e = _a.transparent, transparent = _e === void 0 ? false : _e, _f = _a.fluid, fluid = _f === void 0 ? false : _f, disabled = _a.disabled, partiallyDisabled = _a.partiallyDisabled, children = _a.children, _g = _a.onKeyDown, onKeyDown = _g === void 0 ? function () { } : _g, _h = _a.onEscape, onEscape = _h === void 0 ? function () { } : _h, _j = _a.truncate, truncate = _j === void 0 ? false : _j, href = _a.href, extraClasses = _a.className, forwardedRef = _a.forwardedRef, borderless = _a.borderless, fixedHeight = _a.fixedHeight, rest = __rest(_a, ["priority", "variant", "size", "bodyState", "split", "transparent", "fluid", "disabled", "partiallyDisabled", "children", "onKeyDown", "onEscape", "truncate", "href", "className", "forwardedRef", "borderless", "fixedHeight"]);
|
|
55
55
|
var classPrefix = href ? 'fake-btn' : 'btn';
|
|
56
56
|
var priorityStyles = {
|
|
57
57
|
primary: classPrefix + "--primary",
|
|
@@ -74,14 +74,15 @@ var EbayButton = function (_a) {
|
|
|
74
74
|
var isExpand = bodyState === 'expand';
|
|
75
75
|
var isSlim = isForm && (isIconOnly(children) || (isExpand && !children));
|
|
76
76
|
var className = classnames_1.default(classPrefix, extraClasses, priorityStyles[isForm || borderless ? 'none' : priority], sizeStyles[size], splitStyles[split], isDestructive && classPrefix + "--destructive", isForm && classPrefix + "--form", isSlim && classPrefix + "--slim", transparent && classPrefix + "--transparent", fluid && classPrefix + "--fluid", truncate && classPrefix + "--truncated", borderless && classPrefix + "--borderless", fixedHeight && (sizeStyles[size] ? sizeStyles[size] + "-" + fixedHeight : classPrefix + "--fixed-height"));
|
|
77
|
-
var
|
|
77
|
+
var keyDownHandler = function (e) {
|
|
78
|
+
onKeyDown(e);
|
|
78
79
|
if (e.key === 'Escape' || e.key === 'Esc') {
|
|
79
80
|
onEscape(e);
|
|
80
81
|
}
|
|
81
82
|
};
|
|
82
83
|
var bodyContent = getBodyContent(children, { isLoading: isLoading, isExpand: isExpand });
|
|
83
84
|
var ariaLive = isLoading ? "polite" : null;
|
|
84
|
-
return href ? (react_1.default.createElement("a", __assign({ className: className, href: disabled ? undefined : href, ref: forwardedRef, onKeyDown:
|
|
85
|
+
return href ? (react_1.default.createElement("a", __assign({ className: className, href: disabled ? undefined : href, ref: forwardedRef, onKeyDown: keyDownHandler, "aria-live": ariaLive }, rest), bodyContent)) : (react_1.default.createElement("button", __assign({ disabled: disabled, "aria-disabled": partiallyDisabled, "aria-live": ariaLive, className: className, ref: forwardedRef, onKeyDown: keyDownHandler }, rest), bodyContent));
|
|
85
86
|
};
|
|
86
87
|
function getBodyContent(children, _a) {
|
|
87
88
|
var isLoading = _a.isLoading, isExpand = _a.isExpand;
|