@ebay/ui-core-react 6.2.1 → 6.3.0

package/common/tooltip-utils/tooltip-content.js

@@ -1,36 +1,24 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ebay_icon_1 = require("../../ebay-icon");
-var component_utils_1 = require("../component-utils");
-var constants_1 = require("./constants");
-var tooltip_close_button_1 = __importDefault(require("./tooltip-close-button"));
-var tooltip_footer_1 = __importDefault(require("./tooltip-footer"));
-var TooltipContent = function (_a) {
-    var id = _a.id, style = _a.style, _b = _a.pointer, pointer = _b === void 0 ? constants_1.DEFAULT_POINTER_DIRECTION : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'tooltip' : _c, showCloseButton = _a.showCloseButton, a11yCloseText = _a.a11yCloseText, onClose = _a.onClose;
-    var closeButton = (0, component_utils_1.findComponent)(children, tooltip_close_button_1.default);
-    var footer = (0, component_utils_1.findComponent)(children, tooltip_footer_1.default);
-    var allChildrenExceptFooter = (0, component_utils_1.excludeComponent)(children, tooltip_footer_1.default);
-    return (react_1.default.createElement("span", { className: "".concat(type, "__overlay"), id: id, role: constants_1.TYPE_ROLES[type] || null, style: __assign(__assign({}, constants_1.POINTER_STYLES[pointer]), style) },
-        react_1.default.createElement("span", { className: "".concat(type, "__pointer ").concat(type, "__pointer--").concat(pointer) }),
-        react_1.default.createElement("span", { className: "".concat(type, "__mask") },
-            react_1.default.createElement("span", { className: "".concat(type, "__cell") },
-                react_1.default.createElement("span", { className: "".concat(type, "__content") }, allChildrenExceptFooter),
-                showCloseButton ? (react_1.default.createElement("button", __assign({}, closeButton === null || closeButton === void 0 ? void 0 : closeButton.props, { className: "icon-btn icon-btn--transparent ".concat(type, "__close"), type: "button", "aria-label": a11yCloseText, onClick: onClose }),
+const react_1 = __importDefault(require("react"));
+const ebay_icon_1 = require("../../ebay-icon");
+const component_utils_1 = require("../component-utils");
+const constants_1 = require("./constants");
+const tooltip_close_button_1 = __importDefault(require("./tooltip-close-button"));
+const tooltip_footer_1 = __importDefault(require("./tooltip-footer"));
+const TooltipContent = ({ id, style, pointer = constants_1.DEFAULT_POINTER_DIRECTION, children, type = 'tooltip', showCloseButton, a11yCloseText, onClose }) => {
+    const closeButton = (0, component_utils_1.findComponent)(children, tooltip_close_button_1.default);
+    const footer = (0, component_utils_1.findComponent)(children, tooltip_footer_1.default);
+    const allChildrenExceptFooter = (0, component_utils_1.excludeComponent)(children, tooltip_footer_1.default);
+    return (react_1.default.createElement("span", { className: `${type}__overlay`, id: id, role: constants_1.TYPE_ROLES[type] || null, style: Object.assign(Object.assign({}, constants_1.POINTER_STYLES[pointer]), style) },
+        react_1.default.createElement("span", { className: `${type}__pointer ${type}__pointer--${pointer}` }),
+        react_1.default.createElement("span", { className: `${type}__mask` },
+            react_1.default.createElement("span", { className: `${type}__cell` },
+                react_1.default.createElement("span", { className: `${type}__content` }, allChildrenExceptFooter),
+                showCloseButton ? (react_1.default.createElement("button", Object.assign({}, closeButton === null || closeButton === void 0 ? void 0 : closeButton.props, { className: `icon-btn icon-btn--transparent ${type}__close`, type: "button", "aria-label": a11yCloseText, onClick: onClose }),
                     react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" }))) : null,
                 footer))));
 };

package/common/tooltip-utils/tooltip-footer.js

@@ -3,10 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var TooltipFooter = function (_a) {
-    var children = _a.children, className = _a.className, _b = _a.type, type = _b === void 0 ? 'tourtip' : _b;
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)("".concat(type, "__footer"), className) }, children));
-};
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const TooltipFooter = ({ children, className, type = 'tourtip' }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${type}__footer`, className) }, children));
 exports.default = TooltipFooter;

package/common/tooltip-utils/tooltip-host.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     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) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var classnames_1 = __importDefault(require("classnames"));
-var TooltipHost = function (_a) {
-    var children = _a.children, className = _a.className, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["children", "className", "forwardedRef"]);
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const TooltipHost = (_a) => {
+    var { children, className, forwardedRef } = _a, rest = __rest(_a, ["children", "className", "forwardedRef"]);
     react_1.Children.only(children);
-    return (0, react_1.cloneElement)(children, __assign(__assign({ ref: forwardedRef }, rest), { className: (0, classnames_1.default)(className, children.props.className) }));
+    return (0, react_1.cloneElement)(children, Object.assign(Object.assign({ ref: forwardedRef }, rest), { className: (0, classnames_1.default)(className, children.props.className) }));
 };
 exports.default = TooltipHost;

package/common/tooltip-utils/tooltip.d.ts

@@ -5,6 +5,6 @@ export type TooltipProps = ComponentProps<'span'> & {
     isExpanded?: boolean;
     forwardedRef?: RefObject<HTMLSpanElement>;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<TooltipProps, "forwardedRef" | "type" | "key" | "isExpanded" | keyof React.HTMLAttributes<HTMLSpanElement>> & React.RefAttributes<React.FC<TooltipProps>>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<React.FC<TooltipProps>>>;
 export default _default;
 //# sourceMappingURL=tooltip.d.ts.map

package/common/tooltip-utils/tooltip.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,24 +37,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var forwardRef_1 = require("../component-utils/forwardRef");
-var component_utils_1 = require("../component-utils");
-var tooltip_host_1 = __importDefault(require("./tooltip-host"));
-var Tooltip = function (_a) {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const forwardRef_1 = require("../component-utils/forwardRef");
+const component_utils_1 = require("../component-utils");
+const tooltip_host_1 = __importDefault(require("./tooltip-host"));
+const Tooltip = (_a) => {
     var _b;
-    var _c;
-    var className = _a.className, type = _a.type, isExpanded = _a.isExpanded, children = _a.children, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["className", "type", "isExpanded", "children", "forwardedRef"]);
-    var originalHostComponent = (0, component_utils_1.findComponent)(children, tooltip_host_1.default);
-    var content = (0, component_utils_1.excludeComponent)(children, tooltip_host_1.default)[0];
+    var { className, type, isExpanded, children, forwardedRef } = _a, rest = __rest(_a, ["className", "type", "isExpanded", "children", "forwardedRef"]);
+    const originalHostComponent = (0, component_utils_1.findComponent)(children, tooltip_host_1.default);
+    const content = (0, component_utils_1.excludeComponent)(children, tooltip_host_1.default)[0];
     if (!originalHostComponent) {
-        throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");
+        throw new Error(`Tooltip: Please use a TooltipHost that defines the host of the tooltip`);
     }
-    var host = (0, react_1.cloneElement)(originalHostComponent, __assign({ className: "".concat(type, "__host"), 'aria-expanded': isExpanded, 'aria-describedby': (_c = content === null || content === void 0 ? void 0 : content.props) === null || _c === void 0 ? void 0 : _c.id }, originalHostComponent.props));
-    return (react_1.default.createElement("span", __assign({}, rest, { ref: forwardedRef, className: (0, classnames_1.default)(className, type, (_b = {},
-            _b["".concat(type, "--expanded")] = isExpanded,
-            _b)) }),
+    const host = (0, react_1.cloneElement)(originalHostComponent, Object.assign({ className: `${type}__host`, 'aria-expanded': isExpanded, 'aria-describedby': (_b = content === null || content === void 0 ? void 0 : content.props) === null || _b === void 0 ? void 0 : _b.id }, originalHostComponent.props));
+    return (react_1.default.createElement("span", Object.assign({}, rest, { ref: forwardedRef, className: (0, classnames_1.default)(className, type, {
+            [`${type}--expanded`]: isExpanded
+        }) }),
         host,
         content));
 };

package/common/tooltip-utils/use-tooltip.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTooltip = void 0;
-var react_1 = require("react");
-var useTooltip = function (_a) {
-    var onExpand = _a.onExpand, onCollapse = _a.onCollapse, _b = _a.initialExpanded, initialExpanded = _b === void 0 ? false : _b, hostRef = _a.hostRef;
-    var _c = (0, react_1.useState)(initialExpanded), isExpanded = _c[0], setIsExpanded = _c[1];
-    var expandTooltip = function () {
+const react_1 = require("react");
+const useTooltip = ({ onExpand, onCollapse, initialExpanded = false, hostRef }) => {
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(initialExpanded);
+    const expandTooltip = () => {
         setIsExpanded(true);
         if (onExpand) {
             onExpand();
         }
     };
-    var collapseTooltip = function () {
+    const collapseTooltip = () => {
         var _a;
         setIsExpanded(false);
         if (onCollapse) {
@@ -20,9 +19,9 @@ var useTooltip = function (_a) {
         (_a = hostRef === null || hostRef === void 0 ? void 0 : hostRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     return {
-        isExpanded: isExpanded,
-        expandTooltip: expandTooltip,
-        collapseTooltip: collapseTooltip
+        isExpanded,
+        expandTooltip,
+        collapseTooltip
     };
 };
 exports.useTooltip = useTooltip;

package/ebay-alert-dialog/alert-dialog.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,17 +37,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_dialog_base_1 = require("../ebay-dialog-base");
-var ebay_button_1 = require("../ebay-button");
-var classPrefix = 'alert-dialog';
-var EbayAlertDialog = function (_a) {
-    var _b = _a.a11yCloseText, a11yCloseText = _b === void 0 ? 'Close Dialog' : _b, confirmText = _a.confirmText, _c = _a.onConfirm, onConfirm = _c === void 0 ? function () { } : _c, rest = __rest(_a, ["a11yCloseText", "confirmText", "onConfirm"]);
-    var confirmBtnRef = (0, react_1.useRef)(null);
-    var confirmId = 'alert-dialog-confirm';
-    var mainId = 'alert-dialog-main';
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "alertdialog", classPrefix: classPrefix, ignoreEscape: true, mainId: mainId, buttonPosition: "hidden", className: (0, classnames_1.default)(rest.className, "".concat(classPrefix, "--mask-fade")), windowClass: "".concat(classPrefix, "__window ").concat(classPrefix, "__window--fade") }),
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_dialog_base_1 = require("../ebay-dialog-base");
+const ebay_button_1 = require("../ebay-button");
+const classPrefix = 'alert-dialog';
+const EbayAlertDialog = (_a) => {
+    var { a11yCloseText = 'Close Dialog', confirmText, onConfirm = () => { } } = _a, rest = __rest(_a, ["a11yCloseText", "confirmText", "onConfirm"]);
+    const confirmBtnRef = (0, react_1.useRef)(null);
+    const confirmId = 'alert-dialog-confirm';
+    const mainId = 'alert-dialog-main';
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "alertdialog", classPrefix: classPrefix, ignoreEscape: true, mainId: mainId, buttonPosition: "hidden", className: (0, classnames_1.default)(rest.className, `${classPrefix}--mask-fade`), windowClass: `${classPrefix}__window ${classPrefix}__window--fade` }),
         rest.children,
         react_1.default.createElement(ebay_dialog_base_1.EbayDialogFooter, null,
             react_1.default.createElement(ebay_button_1.EbayButton, { priority: "primary", "aria-describedby": mainId, onClick: onConfirm, ref: confirmBtnRef, id: confirmId, className: "alert-dialog__acknowledge" }, confirmText))));

package/ebay-badge/badge.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     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) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var EbayBadge = function (_a) {
-    var number = _a.number, _b = _a.type, type = _b === void 0 ? 'img' : _b, className = _a.className, rest = __rest(_a, ["number", "type", "className"]);
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayBadge = (_a) => {
+    var { number, type = 'img', className } = _a, rest = __rest(_a, ["number", "type", "className"]);
     // Parse in case user provided a string by mistake
-    var parsed = Math.round(parseInt(String(number), 10));
-    return parsed <= 0 ? null : (react_1.default.createElement("span", __assign({}, rest, { className: (0, classnames_1.default)('badge', className), role: type === 'img' ? 'img' : undefined, "aria-hidden": type !== 'img' }), parsed > 99 ? '99+' : parsed));
+    const parsed = Math.round(parseInt(String(number), 10));
+    return parsed <= 0 ? null : (react_1.default.createElement("span", Object.assign({}, rest, { className: (0, classnames_1.default)('badge', className), role: type === 'img' ? 'img' : undefined, "aria-hidden": type !== 'img' }), parsed > 99 ? '99+' : parsed));
 };
 exports.default = EbayBadge;

package/ebay-breadcrumbs/breadcrumb-item.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,14 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ebay_icon_1 = require("../ebay-icon");
-var BreadcrumbItem = function (_a) {
-    var _b = _a.tag, Item = _b === void 0 ? 'button' : _b, _c = _a.isLastItem, isLastItem = _c === void 0 ? false : _c, href = _a.href, children = _a.children, onClick = _a.onClick, rest = __rest(_a, ["tag", "isLastItem", "href", "children", "onClick"]);
-    var isLink = Item === 'a';
-    var itemAttr = __assign(__assign(__assign({}, rest), isLastItem ? { 'aria-current': 'location' } : {}), { href: isLink ? href : undefined, onClick: isLink ? undefined : onClick });
+const react_1 = __importDefault(require("react"));
+const ebay_icon_1 = require("../ebay-icon");
+const BreadcrumbItem = (_a) => {
+    var { tag: Item = 'button', isLastItem = false, href, children, onClick } = _a, rest = __rest(_a, ["tag", "isLastItem", "href", "children", "onClick"]);
+    const isLink = Item === 'a';
+    const itemAttr = Object.assign(Object.assign(Object.assign({}, rest), isLastItem ? { 'aria-current': 'location' } : {}), { href: isLink ? href : undefined, onClick: isLink ? undefined : onClick });
     return (react_1.default.createElement("li", null,
-        react_1.default.createElement(Item, __assign({}, itemAttr), children),
+        react_1.default.createElement(Item, Object.assign({}, itemAttr), children),
         !isLastItem && react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronRight12" })));
 };
 exports.default = BreadcrumbItem;

package/ebay-breadcrumbs/breadcrumbs.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,26 +37,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Breadcrumbs = function (_a) {
-    var _b = _a.a11yHeadingText, a11yHeadingText = _b === void 0 ? 'Page navigation' : _b, _c = _a.a11yHeadingTag, a11yHeadingTag = _c === void 0 ? 'h2' : _c, _d = _a.id, id = _d === void 0 ? 'ebay-breadcrumb' : _d, _e = _a.children, breadcrumbItems = _e === void 0 ? [] : _e, className = _a.className, _f = _a.onSelect, onSelect = _f === void 0 ? function () { } : _f, rest = __rest(_a, ["a11yHeadingText", "a11yHeadingTag", "id", "children", "className", "onSelect"]);
-    var headingId = "".concat(id, "-breadcrumbs-heading");
-    var lastItemIndex = react_1.Children.count(breadcrumbItems) - 1;
-    var A11yHeadingTag = a11yHeadingTag;
-    var anyLink = react_1.Children.toArray(breadcrumbItems).some(function (item) { return item.props.href; });
-    var tag = anyLink ? 'a' : 'button';
-    return (react_1.default.createElement("nav", __assign({}, rest, { "aria-labelledby": headingId, className: (0, classnames_1.default)('breadcrumbs', className), role: "navigation" }),
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Breadcrumbs = (_a) => {
+    var { a11yHeadingText = 'Page navigation', a11yHeadingTag = 'h2', id = 'ebay-breadcrumb', children: breadcrumbItems = [], className, onSelect = () => { } } = _a, rest = __rest(_a, ["a11yHeadingText", "a11yHeadingTag", "id", "children", "className", "onSelect"]);
+    const headingId = `${id}-breadcrumbs-heading`;
+    const lastItemIndex = react_1.Children.count(breadcrumbItems) - 1;
+    const A11yHeadingTag = a11yHeadingTag;
+    const anyLink = react_1.Children.toArray(breadcrumbItems).some((item) => item.props.href);
+    const tag = anyLink ? 'a' : 'button';
+    return (react_1.default.createElement("nav", Object.assign({}, rest, { "aria-labelledby": headingId, className: (0, classnames_1.default)('breadcrumbs', className), role: "navigation" }),
         react_1.default.createElement(A11yHeadingTag, { id: headingId, className: "clipped" }, a11yHeadingText),
-        react_1.default.createElement("ul", null, react_1.Children.map(breadcrumbItems, function (item, index) {
-            var isLastItem = index === lastItemIndex;
-            var _a = item.props, href = _a.href, children = _a.children;
-            var itemProps = {
-                tag: tag,
-                isLastItem: isLastItem,
-                href: href,
-                children: children,
-                onClick: function (event) { return onSelect(event); }
+        react_1.default.createElement("ul", null, react_1.Children.map(breadcrumbItems, (item, index) => {
+            const isLastItem = index === lastItemIndex;
+            const { href, children } = item.props;
+            const itemProps = {
+                tag,
+                isLastItem,
+                href,
+                children,
+                onClick: event => onSelect(event)
             };
             return (0, react_1.cloneElement)(item, itemProps);
         }))));

package/ebay-button/button-cell.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,16 +14,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classNames = {
+const react_1 = __importDefault(require("react"));
+const classNames = {
     cta: 'cta-',
     fake: 'fake-',
     expand: 'expand-',
     default: ''
 };
-var EbayButtonCell = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? 'default' : _b, children = _a.children, rest = __rest(_a, ["type", "children"]);
-    return react_1.default.createElement("span", __assign({ className: "".concat(classNames[type], "btn__cell") }, rest),
+const EbayButtonCell = (_a) => {
+    var { type = 'default', children } = _a, rest = __rest(_a, ["type", "children"]);
+    return react_1.default.createElement("span", Object.assign({ className: `${classNames[type]}btn__cell` }, rest),
         react_1.default.createElement(react_1.default.Fragment, null, children));
 };
 exports.default = EbayButtonCell;

package/ebay-button/button-expand.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
-declare const EbayButtonExpand: FC;
+import { FC, ReactNode } from 'react';
+declare const EbayButtonExpand: FC<{
+    children?: ReactNode;
+}>;
 export default EbayButtonExpand;
 //# sourceMappingURL=button-expand.d.ts.map

package/ebay-button/button-expand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-expand.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button-expand.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,QAAA,MAAM,gBAAgB,EAAE,EAUnB,CAAA;AAEL,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"button-expand.d.ts","sourceRoot":"","sources":["../../src/ebay-button/button-expand.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK5C,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAU9C,CAAA;AAEL,eAAe,gBAAgB,CAAA"}

package/ebay-button/button-expand.js

@@ -3,14 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var button_cell_1 = __importDefault(require("./button-cell"));
-var button_text_1 = __importDefault(require("./button-text"));
-var ebay_icon_1 = require("../ebay-icon");
-var EbayButtonExpand = function (_a) {
-    var children = _a.children;
-    return children ? (react_1.default.createElement(button_cell_1.default, null,
-        react_1.default.createElement(button_text_1.default, null, children),
-        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown12" }))) : (react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown12" }));
-};
+const react_1 = __importDefault(require("react"));
+const button_cell_1 = __importDefault(require("./button-cell"));
+const button_text_1 = __importDefault(require("./button-text"));
+const ebay_icon_1 = require("../ebay-icon");
+const EbayButtonExpand = ({ children }) => children ? (react_1.default.createElement(button_cell_1.default, null,
+    react_1.default.createElement(button_text_1.default, null, children),
+    react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown12" }))) : (react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown12" }));
 exports.default = EbayButtonExpand;

package/ebay-button/button-loading.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var button_cell_1 = __importDefault(require("./button-cell"));
-var ebay_progress_spinner_1 = require("../ebay-progress-spinner");
-var EbayButtonLoading = function () { return (react_1.default.createElement(button_cell_1.default, null,
-    react_1.default.createElement(ebay_progress_spinner_1.EbayProgressSpinner, null))); };
+const react_1 = __importDefault(require("react"));
+const button_cell_1 = __importDefault(require("./button-cell"));
+const ebay_progress_spinner_1 = require("../ebay-progress-spinner");
+const EbayButtonLoading = () => (react_1.default.createElement(button_cell_1.default, null,
+    react_1.default.createElement(ebay_progress_spinner_1.EbayProgressSpinner, null)));
 exports.default = EbayButtonLoading;

package/ebay-button/button-text.js

@@ -3,10 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var EbayButtonText = function (_a) {
-    var className = _a.className, children = _a.children;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)(className, 'btn__text') }, children));
-};
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayButtonText = ({ className, children }) => (react_1.default.createElement("span", { className: (0, classnames_1.default)(className, 'btn__text') }, children));
 exports.default = EbayButtonText;

package/ebay-button/button.d.ts

@@ -18,6 +18,6 @@ export type EbayButtonProps = {
     fixedHeight?: boolean;
 };
 type Props = ComponentProps<'button'> & ComponentProps<'a'> & EbayButtonProps;
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "split" | "form" | "slot" | "style" | "title" | "forwardedRef" | "type" | "key" | "value" | "className" | "disabled" | "placeholder" | "children" | "name" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "media" | "rel" | "target" | "priority" | "variant" | "bodyState" | "transparent" | "fluid" | "partiallyDisabled" | "onEscape" | "truncate" | "borderless" | "fixedHeight" | "ping" | "referrerPolicy"> & React.RefAttributes<React.FC<Props>>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<React.FC<Props>>>;
 export default _default;
 //# sourceMappingURL=button.d.ts.map