@ebay/ui-core-react 6.2.2-rc.1 → 6.2.3

package/ebay-dialog-base/dialog-base-with-state.js

@@ -1,4 +1,15 @@
 "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);
@@ -35,28 +46,30 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBaseWithState = void 0;
-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;
+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; };
     return animated || open ? renderOverLay() : null;
 };
 exports.DialogBaseWithState = DialogBaseWithState;

package/ebay-drawer-dialog/components/drawer.js

@@ -1,4 +1,15 @@
 "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);
@@ -37,19 +48,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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)(() => {
+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 () {
         setExpanded(controlledExpanded);
     }, [controlledExpanded]);
-    const setExpandedState = (expand) => {
+    var setExpandedState = function (expand) {
         setExpanded(expand);
         if (expand) {
             onExpanded();
@@ -58,22 +70,27 @@ const EbayDrawerDialog = (_a) => {
             onCollapsed();
         }
     };
-    const handleTouchStart = (e) => {
-        touches = Array.from(e.changedTouches).map(({ identifier, pageY }) => ({ identifier, pageY }));
+    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 handleTouchEnd = (e) => {
-        Array.from(e.changedTouches).forEach(({ identifier }) => {
-            const idx = touches.findIndex((touch) => touch.identifier === identifier);
+    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; });
             if (idx > -1) {
                 touches.splice(idx, 1);
             }
         });
     };
-    const handleTouchMove = (e) => {
+    var handleTouchMove = function (e) {
         if (touches.length) {
-            Array.from(e.changedTouches).forEach(({ identifier, pageY }) => {
-                const compare = touches.findIndex(touch => touch.identifier === identifier);
-                const diff = pageY - touches[compare].pageY;
+            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;
                 if (diff > THRESHOLD_TOUCH) {
                     // Drag down, collpase
                     if (expanded) {
@@ -91,13 +108,19 @@ const EbayDrawerDialog = (_a) => {
             });
         }
     };
-    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 }),
+    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 }),
         header || react_1.default.createElement(ebay_dialog_base_1.EbayDialogHeader, null),
         withoutHeader));
 };

package/ebay-eek/eek-rating.js

@@ -3,14 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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}.`;
+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, ".");
     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 _default;
+export = _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;gCAUpB,YAAY,KAAG,MAAM;AAA5C,wBAuBC"}
+{"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"}

package/ebay-eek/eek-util.js

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

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

@@ -1,4 +1,15 @@
 "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)
@@ -14,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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" })));
+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" })));
 };
 exports.default = EbayMenuItemSeparator;

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

@@ -1,4 +1,15 @@
 "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);
@@ -37,33 +48,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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 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 () {
         var _a;
         if (autoFocus) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     });
-    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" });
+    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" });
     // todo: remove this workaround when Skin team fixes https://github.com/eBay/skin/issues/2208
-    const badgeStyleFix = {
+    var badgeStyleFix = {
         marginLeft: 'var(--spacing-100)',
         marginRight: 'var(--spacing-100)'
     };
-    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 }),
+    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 }),
         react_1.default.createElement("span", null,
             children,
             badge),
-        tick)) : (react_1.default.createElement("a", Object.assign({}, itemProps, { "aria-disabled": disabled ? 'true' : undefined }),
+        tick)) : (react_1.default.createElement("a", __assign({}, itemProps, { "aria-disabled": disabled ? 'true' : undefined }),
         react_1.default.createElement("span", null,
             children,
             badge),

package/ebay-fake-menu/menu.js

@@ -1,4 +1,15 @@
 "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);
@@ -37,19 +48,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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 => {
+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) {
                     onSelect(e, { index: i });
                     onClick(e);
-                }, onKeyDown: e => {
+                }, onKeyDown: function (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 });
-const ebay_fake_menu_1 = require("../ebay-fake-menu");
-const EbayFakeMenuButtonItem = ebay_fake_menu_1.EbayFakeMenuItem;
+var ebay_fake_menu_1 = require("../ebay-fake-menu");
+var EbayFakeMenuButtonItem = ebay_fake_menu_1.EbayFakeMenuItem;
 exports.default = EbayFakeMenuButtonItem;

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

@@ -1,6 +1,4 @@
-import { FC, ReactNode } from 'react';
-declare const EbayFakeMenuButtonLabel: FC<{
-    children?: ReactNode;
-}>;
+import { FC } from 'react';
+declare const EbayFakeMenuButtonLabel: FC;
 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,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"}
+{"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"}

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

@@ -3,6 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const EbayFakeMenuButtonLabel = ({ children }) => (react_1.default.createElement(react_1.default.Fragment, null, children));
+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));
+};
 exports.default = EbayFakeMenuButtonLabel;

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

@@ -1,4 +1,15 @@
 "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)
@@ -14,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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" })));
+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" })));
 };
 exports.default = EbayMenuButtonSeparator;

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

@@ -1,4 +1,15 @@
 "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);
@@ -37,26 +48,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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) => {
+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) {
             if (ref.current && !ref.current.contains(e.currentTarget)) {
                 setExpanded(false);
             }
@@ -67,39 +78,41 @@ const EbayMenuButton = (_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(() => {
+            setTimeout(function () {
                 document.addEventListener('click', handleBackgroundClick, false);
             });
         }
         else if (expanded === false) {
             onCollapse();
         }
-        return () => document.removeEventListener('click', handleBackgroundClick, false);
+        return function () { return document.removeEventListener('click', handleBackgroundClick, false); };
     }, [expanded]);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         setMenuId((0, random_id_1.randomId)());
     }, []);
-    const handleMenuKeydown = e => {
-        (0, event_utils_1.handleEscapeKeydown)(e, () => {
+    var handleMenuKeydown = function (e) {
+        (0, event_utils_1.handleEscapeKeydown)(e, function () {
             var _a;
             setExpanded(false);
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         });
     };
-    const menuClasses = (0, classnames_1.default)('fake-menu-button__menu', {
+    var menuClasses = (0, classnames_1.default)('fake-menu-button__menu', {
         'menu-button__menu--fix-width': fixWidth,
         'menu-button__menu--reverse': reverse
     });
-    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);
+    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);
     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, 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),
+            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),
                 icon,
                 label),
         expanded &&
-            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 }))))));
+            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 }));
+            }))));
 };
 exports.default = EbayMenuButton;