@ebay/ui-core-react 6.2.1 → 6.3.0

package/ebay-dialog-base/dialog-base-with-state.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);
@@ -46,30 +35,28 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBaseWithState = void 0;
-var react_1 = __importStar(require("react"));
-var react_remove_scroll_1 = require("react-remove-scroll");
-var dialogBase_1 = require("./components/dialogBase");
-var index_1 = require("./index");
-var DialogBaseWithState = function (_a) {
-    var isModal = _a.isModal, open = _a.open, children = _a.children, _b = _a.animated, animated = _b === void 0 ? true : _b, rest = __rest(_a, ["isModal", "open", "children", "animated"]);
-    var shouldRenderModal = isModal !== false;
-    var childrenArray = react_1.Children.toArray(children);
-    var header = childrenArray.find(function (child) { return child.type === index_1.EbayDialogHeader; });
-    var footer = childrenArray.find(function (child) { return child.type === index_1.EbayDialogFooter; });
-    var actions = childrenArray.find(function (child) { return child.type === index_1.EbayDialogActions; });
-    var closeButton = childrenArray.find(function (child) { return child.type === index_1.EbayDialogCloseButton; });
-    var previousButton = childrenArray.find(function (child) { return child.type === index_1.EbayDialogPreviousButton; });
-    var content = childrenArray.filter(function (child) {
-        return ![
-            index_1.EbayDialogHeader,
-            index_1.EbayDialogFooter,
-            index_1.EbayDialogCloseButton,
-            index_1.EbayDialogActions,
-            index_1.EbayDialogPreviousButton
-        ].some(function (c) { return c === child.type; });
-    });
-    var dialogBase = (react_1.default.createElement(dialogBase_1.DialogBase, __assign({}, rest, { open: open, isModal: shouldRenderModal, header: header, footer: footer, actions: actions, closeButton: closeButton, previousButton: previousButton, animated: animated }), content));
-    var renderOverLay = function () { return shouldRenderModal ? (react_1.default.createElement(react_remove_scroll_1.RemoveScroll, { enabled: open }, dialogBase)) : dialogBase; };
+const react_1 = __importStar(require("react"));
+const react_remove_scroll_1 = require("react-remove-scroll");
+const dialogBase_1 = require("./components/dialogBase");
+const index_1 = require("./index");
+const DialogBaseWithState = (_a) => {
+    var { isModal, open, children, animated = true } = _a, rest = __rest(_a, ["isModal", "open", "children", "animated"]);
+    const shouldRenderModal = isModal !== false;
+    const childrenArray = react_1.Children.toArray(children);
+    const header = childrenArray.find((child) => child.type === index_1.EbayDialogHeader);
+    const footer = childrenArray.find((child) => child.type === index_1.EbayDialogFooter);
+    const actions = childrenArray.find((child) => child.type === index_1.EbayDialogActions);
+    const closeButton = childrenArray.find((child) => child.type === index_1.EbayDialogCloseButton);
+    const previousButton = childrenArray.find((child) => child.type === index_1.EbayDialogPreviousButton);
+    const content = childrenArray.filter((child) => ![
+        index_1.EbayDialogHeader,
+        index_1.EbayDialogFooter,
+        index_1.EbayDialogCloseButton,
+        index_1.EbayDialogActions,
+        index_1.EbayDialogPreviousButton
+    ].some(c => c === child.type));
+    const dialogBase = (react_1.default.createElement(dialogBase_1.DialogBase, Object.assign({}, rest, { open: open, isModal: shouldRenderModal, header: header, footer: footer, actions: actions, closeButton: closeButton, previousButton: previousButton, animated: animated }), content));
+    const renderOverLay = () => shouldRenderModal ? (react_1.default.createElement(react_remove_scroll_1.RemoveScroll, { enabled: open }, dialogBase)) : dialogBase;
     return animated || open ? renderOverLay() : null;
 };
 exports.DialogBaseWithState = DialogBaseWithState;

package/ebay-drawer-dialog/components/drawer.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,20 +37,19 @@ 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 THRESHOLD_TOUCH = 30;
-var classPrefix = 'drawer-dialog';
-var EbayDrawerDialog = function (_a) {
-    var _b;
-    var _c = _a.expanded, controlledExpanded = _c === void 0 ? false : _c, noHandle = _a.noHandle, _d = _a.onClose, onClose = _d === void 0 ? function () { } : _d, _e = _a.onCollapsed, onCollapsed = _e === void 0 ? function () { } : _e, _f = _a.onExpanded, onExpanded = _f === void 0 ? function () { } : _f, a11yMaximizeText = _a.a11yMaximizeText, a11yMinimizeText = _a.a11yMinimizeText, children = _a.children, rest = __rest(_a, ["expanded", "noHandle", "onClose", "onCollapsed", "onExpanded", "a11yMaximizeText", "a11yMinimizeText", "children"]);
-    var touches = [];
-    var _g = (0, react_1.useState)(controlledExpanded), expanded = _g[0], setExpanded = _g[1];
-    (0, react_1.useEffect)(function () {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_dialog_base_1 = require("../../ebay-dialog-base");
+const THRESHOLD_TOUCH = 30;
+const classPrefix = 'drawer-dialog';
+const EbayDrawerDialog = (_a) => {
+    var { expanded: controlledExpanded = false, noHandle, onClose = () => { }, onCollapsed = () => { }, onExpanded = () => { }, a11yMaximizeText, a11yMinimizeText, children } = _a, rest = __rest(_a, ["expanded", "noHandle", "onClose", "onCollapsed", "onExpanded", "a11yMaximizeText", "a11yMinimizeText", "children"]);
+    let touches = [];
+    const [expanded, setExpanded] = (0, react_1.useState)(controlledExpanded);
+    (0, react_1.useEffect)(() => {
         setExpanded(controlledExpanded);
     }, [controlledExpanded]);
-    var setExpandedState = function (expand) {
+    const setExpandedState = (expand) => {
         setExpanded(expand);
         if (expand) {
             onExpanded();
@@ -70,27 +58,22 @@ var EbayDrawerDialog = function (_a) {
             onCollapsed();
         }
     };
-    var handleTouchStart = function (e) {
-        touches = Array.from(e.changedTouches).map(function (_a) {
-            var identifier = _a.identifier, pageY = _a.pageY;
-            return ({ identifier: identifier, pageY: pageY });
-        });
+    const handleTouchStart = (e) => {
+        touches = Array.from(e.changedTouches).map(({ identifier, pageY }) => ({ identifier, pageY }));
     };
-    var handleTouchEnd = function (e) {
-        Array.from(e.changedTouches).forEach(function (_a) {
-            var identifier = _a.identifier;
-            var idx = touches.findIndex(function (touch) { return touch.identifier === identifier; });
+    const handleTouchEnd = (e) => {
+        Array.from(e.changedTouches).forEach(({ identifier }) => {
+            const idx = touches.findIndex((touch) => touch.identifier === identifier);
             if (idx > -1) {
                 touches.splice(idx, 1);
             }
         });
     };
-    var handleTouchMove = function (e) {
+    const handleTouchMove = (e) => {
         if (touches.length) {
-            Array.from(e.changedTouches).forEach(function (_a) {
-                var identifier = _a.identifier, pageY = _a.pageY;
-                var compare = touches.findIndex(function (touch) { return touch.identifier === identifier; });
-                var diff = pageY - touches[compare].pageY;
+            Array.from(e.changedTouches).forEach(({ identifier, pageY }) => {
+                const compare = touches.findIndex(touch => touch.identifier === identifier);
+                const diff = pageY - touches[compare].pageY;
                 if (diff > THRESHOLD_TOUCH) {
                     // Drag down, collpase
                     if (expanded) {
@@ -108,19 +91,13 @@ var EbayDrawerDialog = function (_a) {
             });
         }
     };
-    var handle = noHandle ? null : (react_1.default.createElement("button", { "aria-label": expanded ? a11yMinimizeText : a11yMaximizeText, className: "".concat(classPrefix, "__handle"), onClick: function () { return setExpandedState(!expanded); }, onScroll: function () { return setExpandedState(true); }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, type: "button" }));
-    var childrenArray = react_1.Children.toArray(children);
-    var header = childrenArray.find(function (_a) {
-        var type = _a.type;
-        return type === ebay_dialog_base_1.EbayDialogHeader;
-    });
-    var withoutHeader = childrenArray.filter(function (_a) {
-        var type = _a.type;
-        return type !== ebay_dialog_base_1.EbayDialogHeader;
-    });
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, className: (0, classnames_1.default)(rest.className, "".concat(classPrefix, "--mask-fade-slow")), windowClass: (0, classnames_1.default)("".concat(classPrefix, "__window"), "".concat(classPrefix, "__window--slide"), (_b = {},
-            _b["".concat(classPrefix, "__window--expanded")] = expanded,
-            _b)), onBackgroundClick: onClose, top: handle }),
+    const handle = noHandle ? null : (react_1.default.createElement("button", { "aria-label": expanded ? a11yMinimizeText : a11yMaximizeText, className: `${classPrefix}__handle`, onClick: () => setExpandedState(!expanded), onScroll: () => setExpandedState(true), onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, type: "button" }));
+    const childrenArray = react_1.Children.toArray(children);
+    const header = childrenArray.find(({ type }) => type === ebay_dialog_base_1.EbayDialogHeader);
+    const withoutHeader = childrenArray.filter(({ type }) => type !== ebay_dialog_base_1.EbayDialogHeader);
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, className: (0, classnames_1.default)(rest.className, `${classPrefix}--mask-fade-slow`), windowClass: (0, classnames_1.default)(`${classPrefix}__window`, `${classPrefix}__window--slide`, {
+            [`${classPrefix}__window--expanded`]: expanded
+        }), onBackgroundClick: onClose, top: handle }),
         header || react_1.default.createElement(ebay_dialog_base_1.EbayDialogHeader, null),
         withoutHeader));
 };

package/ebay-eek/eek-rating.js

@@ -3,16 +3,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 classnames_1 = __importDefault(require("classnames"));
-var eek_util_1 = __importDefault(require("./eek-util"));
-var ebay_icon_1 = require("../ebay-icon");
-var EbayEek = function (_a) {
-    var _b;
-    var _c = _a.min, min = _c === void 0 ? '' : _c, _d = _a.max, max = _d === void 0 ? '' : _d, rating = _a.rating, a11yText = _a.a11yText, extraClasses = _a.className;
-    var parsedRating = (0, eek_util_1.default)({ rating: rating, min: min, max: max });
-    var className = (0, classnames_1.default)(extraClasses, 'eek', (_b = {}, _b["eek--rating-".concat(parsedRating)] = !!parsedRating, _b));
-    var backupA11yText = "Energy Rating: ".concat(rating, ". Range: ").concat(max, " - ").concat(min, ".");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const eek_util_1 = __importDefault(require("./eek-util"));
+const ebay_icon_1 = require("../ebay-icon");
+const EbayEek = ({ min = '', max = '', rating, a11yText, className: extraClasses }) => {
+    const parsedRating = (0, eek_util_1.default)({ rating, min, max });
+    const className = (0, classnames_1.default)(extraClasses, 'eek', { [`eek--rating-${parsedRating}`]: !!parsedRating });
+    const backupA11yText = `Energy Rating: ${rating}. Range: ${max} - ${min}.`;
     return (react_1.default.createElement("div", { className: className, role: "figure", "aria-label": a11yText || backupA11yText },
         react_1.default.createElement("div", { className: "eek__container", "aria-hidden": true },
             react_1.default.createElement("span", { className: "eek__rating-range" },

package/ebay-eek/eek-util.d.ts

@@ -1,4 +1,4 @@
 import { EbayEekProps } from './eek-rating';
 declare const _default: (input: EbayEekProps) => number;
-export = _default;
+export default _default;
 //# sourceMappingURL=eek-util.d.ts.map

package/ebay-eek/eek-util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eek-util.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;gCAU1B,YAAY,KAAG,MAAM;AAAtC,kBAuBC"}
+{"version":3,"file":"eek-util.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;gCAUpB,YAAY,KAAG,MAAM;AAA5C,wBAuBC"}

package/ebay-eek/eek-util.js

@@ -1,19 +1,20 @@
 "use strict";
-var validRanges = {
+Object.defineProperty(exports, "__esModule", { value: true });
+const validRanges = {
     'A+++': ['D', 'E', 'G'],
     'A++': ['E', 'G'],
     'A+': ['F', 'G'],
     A: ['G']
 };
-module.exports = function (input) {
-    var max = input.max, min = input.min, rating = input.rating;
-    var validMax = validRanges[max];
+exports.default = (input) => {
+    const { max, min, rating } = input;
+    const validMax = validRanges[max];
     if (!(validMax && validMax.indexOf(min) > -1)) {
         return null;
     }
     // Count from max until you reach rating
-    var current = max;
-    var i = 1;
+    let current = max;
+    let i = 1;
     while (current !== rating) {
         i++;
         if (min === current) {

package/ebay-fake-menu/menu-item-separator.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,10 +14,10 @@ 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 EbayMenuItemSeparator = function (_a) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("hr", __assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-menu__separator'), role: "separator" })));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayMenuItemSeparator = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (react_1.default.createElement("hr", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-menu__separator'), role: "separator" })));
 };
 exports.default = EbayMenuItemSeparator;

package/ebay-fake-menu/menu-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,33 +37,33 @@ 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_icon_1 = require("../ebay-icon");
-var ebay_badge_1 = require("../ebay-badge");
-var EbayMenuItem = function (_a) {
-    var className = _a.className, current = _a.current, disabled = _a.disabled, autoFocus = _a.autoFocus, type = _a.type, badgeNumber = _a.badgeNumber, badgeAriaLabel = _a.badgeAriaLabel, children = _a.children, rest = __rest(_a, ["className", "current", "disabled", "autoFocus", "type", "badgeNumber", "badgeAriaLabel", "children"]);
-    var ref = (0, react_1.useRef)();
-    var hasBadge = badgeNumber !== undefined;
-    (0, react_1.useEffect)(function () {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_icon_1 = require("../ebay-icon");
+const ebay_badge_1 = require("../ebay-badge");
+const EbayMenuItem = (_a) => {
+    var { className, current, disabled, autoFocus, type, badgeNumber, badgeAriaLabel, children } = _a, rest = __rest(_a, ["className", "current", "disabled", "autoFocus", "type", "badgeNumber", "badgeAriaLabel", "children"]);
+    const ref = (0, react_1.useRef)();
+    const hasBadge = badgeNumber !== undefined;
+    (0, react_1.useEffect)(() => {
         var _a;
         if (autoFocus) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     });
-    var itemProps = __assign(__assign({}, rest), { ref: ref, className: (0, classnames_1.default)(className, 'fake-menu__item', hasBadge && 'menu__item--badged'), 'aria-label': badgeAriaLabel });
-    var tick = react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "tick16" });
+    const itemProps = Object.assign(Object.assign({}, rest), { ref, className: (0, classnames_1.default)(className, 'fake-menu__item', hasBadge && 'menu__item--badged'), 'aria-label': badgeAriaLabel });
+    const tick = react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "tick16" });
     // todo: remove this workaround when Skin team fixes https://github.com/eBay/skin/issues/2208
-    var badgeStyleFix = {
+    const badgeStyleFix = {
         marginLeft: 'var(--spacing-100)',
         marginRight: 'var(--spacing-100)'
     };
-    var badge = hasBadge && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "menu", number: badgeNumber, style: badgeStyleFix });
-    return type === 'button' ? (react_1.default.createElement("button", __assign({}, itemProps, { type: "button", disabled: disabled }),
+    const badge = hasBadge && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "menu", number: badgeNumber, style: badgeStyleFix });
+    return type === 'button' ? (react_1.default.createElement("button", Object.assign({}, itemProps, { type: "button", disabled: disabled }),
         react_1.default.createElement("span", null,
             children,
             badge),
-        tick)) : (react_1.default.createElement("a", __assign({}, itemProps, { "aria-disabled": disabled ? 'true' : undefined }),
+        tick)) : (react_1.default.createElement("a", Object.assign({}, itemProps, { "aria-disabled": disabled ? 'true' : undefined }),
         react_1.default.createElement("span", null,
             children,
             badge),

package/ebay-fake-menu/menu.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,19 +37,19 @@ 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 EbayFakeMenu = function (_a) {
-    var className = _a.className, _b = _a.itemMatchesUrl, itemMatchesUrl = _b === void 0 ? true : _b, _c = _a.onKeyDown, onKeyDown = _c === void 0 ? function () { } : _c, _d = _a.onSelect, onSelect = _d === void 0 ? function () { } : _d, children = _a.children, rest = __rest(_a, ["className", "itemMatchesUrl", "onKeyDown", "onSelect", "children"]);
-    var childrenArray = react_1.Children.toArray(children);
-    var defaultAriaCurrent = itemMatchesUrl === false ? 'true' : 'page';
-    return (react_1.default.createElement("div", __assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-menu') }),
-        react_1.default.createElement("ul", { className: "fake-menu__items", tabIndex: -1 }, childrenArray.map(function (child, i) {
-            var _a = child.props, current = _a.current, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, itemRest = __rest(_a, ["current", "onClick"]);
-            return (react_1.default.createElement("li", { key: i }, (0, react_1.cloneElement)(child, __assign(__assign({}, itemRest), { 'aria-current': current ? defaultAriaCurrent : undefined, onClick: function (e) {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayFakeMenu = (_a) => {
+    var { className, itemMatchesUrl = true, onKeyDown = () => { }, onSelect = () => { }, children } = _a, rest = __rest(_a, ["className", "itemMatchesUrl", "onKeyDown", "onSelect", "children"]);
+    const childrenArray = react_1.Children.toArray(children);
+    const defaultAriaCurrent = itemMatchesUrl === false ? 'true' : 'page';
+    return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-menu') }),
+        react_1.default.createElement("ul", { className: "fake-menu__items", tabIndex: -1 }, childrenArray.map((child, i) => {
+            const _a = child.props, { current, onClick = () => { } } = _a, itemRest = __rest(_a, ["current", "onClick"]);
+            return (react_1.default.createElement("li", { key: i }, (0, react_1.cloneElement)(child, Object.assign(Object.assign({}, itemRest), { 'aria-current': current ? defaultAriaCurrent : undefined, onClick: e => {
                     onSelect(e, { index: i });
                     onClick(e);
-                }, onKeyDown: function (e) {
+                }, onKeyDown: e => {
                     onKeyDown(e, { index: i });
                 } }))));
         }))));

package/ebay-fake-menu-button/menu-button-item.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ebay_fake_menu_1 = require("../ebay-fake-menu");
-var EbayFakeMenuButtonItem = ebay_fake_menu_1.EbayFakeMenuItem;
+const ebay_fake_menu_1 = require("../ebay-fake-menu");
+const EbayFakeMenuButtonItem = ebay_fake_menu_1.EbayFakeMenuItem;
 exports.default = EbayFakeMenuButtonItem;

package/ebay-fake-menu-button/menu-button-label.d.ts

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

package/ebay-fake-menu-button/menu-button-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button-label.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button-label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,QAAA,MAAM,uBAAuB,EAAE,EAE9B,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"menu-button-label.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button-label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAEzD,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/ebay-fake-menu-button/menu-button-label.js

@@ -3,9 +3,6 @@ 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 EbayFakeMenuButtonLabel = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement(react_1.default.Fragment, null, children));
-};
+const react_1 = __importDefault(require("react"));
+const EbayFakeMenuButtonLabel = ({ children }) => (react_1.default.createElement(react_1.default.Fragment, null, children));
 exports.default = EbayFakeMenuButtonLabel;

package/ebay-fake-menu-button/menu-button-separator.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,10 +14,10 @@ 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 EbayMenuButtonSeparator = function (_a) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("hr", __assign({}, rest, { className: (0, classnames_1.default)(className, 'menu-button__separator'), role: "separator" })));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayMenuButtonSeparator = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (react_1.default.createElement("hr", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'menu-button__separator'), role: "separator" })));
 };
 exports.default = EbayMenuButtonSeparator;

package/ebay-fake-menu-button/menu-button.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 component_utils_1 = require("../common/component-utils");
-var event_utils_1 = require("../common/event-utils");
-var random_id_1 = require("../common/random-id");
-var ebay_button_1 = require("../ebay-button");
-var ebay_icon_1 = require("../ebay-icon");
-var ebay_icon_button_1 = require("../ebay-icon-button");
-var ebay_fake_menu_1 = require("../ebay-fake-menu");
-var _1 = require(".");
-var EbayMenuButton = function (_a) {
-    var a11yText = _a.a11yText, noToggleIcon = _a.noToggleIcon, fixWidth = _a.fixWidth, reverse = _a.reverse, variant = _a.variant, _b = _a.expanded, defaultExpanded = _b === void 0 ? false : _b, className = _a.className, _c = _a.onCollapse, onCollapse = _c === void 0 ? function () { } : _c, _d = _a.onExpand, onExpand = _d === void 0 ? function () { } : _d, _e = _a.onMouseDown, onMouseDown = _e === void 0 ? function () { } : _e, _f = _a.onSelect, onSelect = _f === void 0 ? function () { } : _f, _g = _a.text, text = _g === void 0 ? '' : _g, children = _a.children, rest = __rest(_a, ["a11yText", "noToggleIcon", "fixWidth", "reverse", "variant", "expanded", "className", "onCollapse", "onExpand", "onMouseDown", "onSelect", "text", "children"]);
-    var _h = (0, react_1.useState)(defaultExpanded), expanded = _h[0], setExpanded = _h[1];
-    var _j = (0, react_1.useState)(), menuId = _j[0], setMenuId = _j[1];
-    var ref = (0, react_1.useRef)();
-    var icon = (0, component_utils_1.findComponent)(children, ebay_icon_1.EbayIcon);
-    var label = (0, component_utils_1.findComponent)(children, _1.EbayFakeMenuButtonLabel) || (icon ? react_1.default.createElement("span", null, text) : text);
-    var menuItems = (0, component_utils_1.filterByType)(children, [_1.EbayFakeMenuButtonItem, _1.EbayFakeMenuButtonSeparator]);
-    (0, react_1.useEffect)(function () {
-        var handleBackgroundClick = function (e) {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const component_utils_1 = require("../common/component-utils");
+const event_utils_1 = require("../common/event-utils");
+const random_id_1 = require("../common/random-id");
+const ebay_button_1 = require("../ebay-button");
+const ebay_icon_1 = require("../ebay-icon");
+const ebay_icon_button_1 = require("../ebay-icon-button");
+const ebay_fake_menu_1 = require("../ebay-fake-menu");
+const _1 = require(".");
+const EbayMenuButton = (_a) => {
+    var { a11yText, noToggleIcon, fixWidth, reverse, variant, expanded: defaultExpanded = false, className, onCollapse = () => { }, onExpand = () => { }, onMouseDown = () => { }, onSelect = () => { }, text = '', children } = _a, rest = __rest(_a, ["a11yText", "noToggleIcon", "fixWidth", "reverse", "variant", "expanded", "className", "onCollapse", "onExpand", "onMouseDown", "onSelect", "text", "children"]);
+    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded);
+    const [menuId, setMenuId] = (0, react_1.useState)();
+    const ref = (0, react_1.useRef)();
+    const icon = (0, component_utils_1.findComponent)(children, ebay_icon_1.EbayIcon);
+    const label = (0, component_utils_1.findComponent)(children, _1.EbayFakeMenuButtonLabel) || (icon ? react_1.default.createElement("span", null, text) : text);
+    const menuItems = (0, component_utils_1.filterByType)(children, [_1.EbayFakeMenuButtonItem, _1.EbayFakeMenuButtonSeparator]);
+    (0, react_1.useEffect)(() => {
+        const handleBackgroundClick = (e) => {
             if (ref.current && !ref.current.contains(e.currentTarget)) {
                 setExpanded(false);
             }
@@ -78,41 +67,39 @@ var EbayMenuButton = function (_a) {
             // causing the event listener to be attached to the document at the same time that the dialog
             // opens. Adding a timeout so the event is attached after the click event that opened the modal
             // is finished.
-            setTimeout(function () {
+            setTimeout(() => {
                 document.addEventListener('click', handleBackgroundClick, false);
             });
         }
         else if (expanded === false) {
             onCollapse();
         }
-        return function () { return document.removeEventListener('click', handleBackgroundClick, false); };
+        return () => document.removeEventListener('click', handleBackgroundClick, false);
     }, [expanded]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setMenuId((0, random_id_1.randomId)());
     }, []);
-    var handleMenuKeydown = function (e) {
-        (0, event_utils_1.handleEscapeKeydown)(e, function () {
+    const handleMenuKeydown = e => {
+        (0, event_utils_1.handleEscapeKeydown)(e, () => {
             var _a;
             setExpanded(false);
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         });
     };
-    var menuClasses = (0, classnames_1.default)('fake-menu-button__menu', {
+    const menuClasses = (0, classnames_1.default)('fake-menu-button__menu', {
         'menu-button__menu--fix-width': fixWidth,
         'menu-button__menu--reverse': reverse
     });
-    var buttonProps = __assign({ ref: ref, className: 'fake-menu-button__button', 'aria-expanded': !!expanded, 'aria-haspopup': true, 'aria-label': a11yText, 'aria-controls': menuId, onClick: function () { return setExpanded(!expanded); } }, rest);
+    const buttonProps = Object.assign({ ref: ref, className: 'fake-menu-button__button', 'aria-expanded': !!expanded, 'aria-haspopup': true, 'aria-label': a11yText, 'aria-controls': menuId, onClick: () => setExpanded(!expanded) }, rest);
     return (react_1.default.createElement("span", { className: (0, classnames_1.default)('fake-menu-button', className) },
         variant === 'overflow' ?
-            react_1.default.createElement(ebay_icon_button_1.EbayIconButton, __assign({ icon: "overflowHorizontal24" }, buttonProps)) :
-            react_1.default.createElement(ebay_button_1.EbayButton, __assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps),
+            react_1.default.createElement(ebay_icon_button_1.EbayIconButton, Object.assign({ icon: "overflowHorizontal24" }, buttonProps)) :
+            react_1.default.createElement(ebay_button_1.EbayButton, Object.assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps),
                 icon,
                 label),
         expanded &&
-            react_1.default.createElement(ebay_fake_menu_1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown, onSelect: onSelect }, menuItems.map(function (item, i) {
-                return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { onMouseDown: function (e) {
-                        onMouseDown(e, { index: i });
-                    }, className: (0, classnames_1.default)(item.props.className, 'fake-menu-button__item'), key: i, autoFocus: i === 0 }));
-            }))));
+            react_1.default.createElement(ebay_fake_menu_1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown, onSelect: onSelect }, menuItems.map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { onMouseDown: (e) => {
+                    onMouseDown(e, { index: i });
+                }, className: (0, classnames_1.default)(item.props.className, 'fake-menu-button__item'), key: i, autoFocus: i === 0 }))))));
 };
 exports.default = EbayMenuButton;