@ebay/ui-core-react 7.0.2 → 7.1.0-alpha.3

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

@@ -1,104 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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)(() => {
-        setExpanded(controlledExpanded);
-    }, [controlledExpanded]);
-    const setExpandedState = (expand) => {
-        setExpanded(expand);
-        if (expand) {
-            onExpanded();
-        }
-        else {
-            onCollapsed();
-        }
-    };
-    const handleTouchStart = (e) => {
-        touches = Array.from(e.changedTouches).map(({ identifier, pageY }) => ({ identifier, pageY }));
-    };
-    const handleTouchEnd = (e) => {
-        Array.from(e.changedTouches).forEach(({ identifier }) => {
-            const idx = touches.findIndex((touch) => touch.identifier === identifier);
-            if (idx > -1) {
-                touches.splice(idx, 1);
-            }
-        });
-    };
-    const handleTouchMove = (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;
-                if (diff > THRESHOLD_TOUCH) {
-                    // Drag down, collpase
-                    if (expanded) {
-                        setExpandedState(false);
-                    }
-                    else {
-                        onClose();
-                    }
-                    handleTouchEnd(e);
-                }
-                else if (diff < -THRESHOLD_TOUCH) {
-                    setExpandedState(true);
-                    handleTouchEnd(e);
-                }
-            });
-        }
-    };
-    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)(rest.windowClass, `${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));
-};
-exports.default = EbayDrawerDialog;

package/ebay-drawer-dialog/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayDrawerDialog = void 0;
-var drawer_1 = require("./components/drawer");
-Object.defineProperty(exports, "EbayDrawerDialog", { enumerable: true, get: function () { return __importDefault(drawer_1).default; } });

package/ebay-eek/eek-rating.js

@@ -1,23 +0,0 @@
-"use strict";
-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}.`;
-    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" },
-                react_1.default.createElement("span", { "aria-hidden": "true" }, max),
-                react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "eekRangeArrow" }),
-                react_1.default.createElement("span", { "aria-hidden": "true" }, min)),
-            react_1.default.createElement("span", { className: "eek__rating", "aria-hidden": "true" }, rating)),
-        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "eekArrow" })));
-};
-exports.default = EbayEek;

package/ebay-eek/eek-util.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const 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];
-    if (!(validMax && validMax.indexOf(min) > -1)) {
-        return null;
-    }
-    // Count from max until you reach rating
-    let current = max;
-    let i = 1;
-    while (current !== rating) {
-        i++;
-        if (min === current) {
-            // It's at end, didn't match rating
-            return null;
-        }
-        else if (current.length > 1) {
-            // Has + in string, remove one plus
-            current = current.slice(0, current.length - 1);
-        }
-        else {
-            // No pluses get next character code
-            current = String.fromCharCode(current.charCodeAt(0) + 1);
-        }
-    }
-    return i > 7 ? 7 : i;
-};

package/ebay-eek/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayEek = void 0;
-var eek_rating_1 = require("./eek-rating");
-Object.defineProperty(exports, "EbayEek", { enumerable: true, get: function () { return __importDefault(eek_rating_1).default; } });

package/ebay-fake-menu/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayFakeMenuSeparator = exports.EbayFakeMenuItem = exports.EbayFakeMenu = void 0;
-var menu_1 = require("./menu");
-Object.defineProperty(exports, "EbayFakeMenu", { enumerable: true, get: function () { return __importDefault(menu_1).default; } });
-var menu_item_1 = require("./menu-item");
-Object.defineProperty(exports, "EbayFakeMenuItem", { enumerable: true, get: function () { return __importDefault(menu_item_1).default; } });
-var menu_item_separator_1 = require("./menu-item-separator");
-Object.defineProperty(exports, "EbayFakeMenuSeparator", { enumerable: true, get: function () { return __importDefault(menu_item_separator_1).default; } });

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

@@ -1,23 +0,0 @@
-"use strict";
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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" })));
-};
-exports.default = EbayMenuItemSeparator;

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

@@ -1,72 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 _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" });
-    // todo: remove this workaround when Skin team fixes https://github.com/eBay/skin/issues/2208
-    const 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 }),
-        react_1.default.createElement("span", null,
-            children,
-            badge),
-        tick)) : (react_1.default.createElement("a", Object.assign({}, itemProps, { "aria-disabled": disabled ? 'true' : undefined }),
-        react_1.default.createElement("span", null,
-            children,
-            badge),
-        tick));
-};
-exports.default = EbayMenuItem;

package/ebay-fake-menu/menu.js

@@ -1,57 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 => {
-                    onSelect(e, { index: i });
-                    onClick(e);
-                }, onKeyDown: e => {
-                    onKeyDown(e, { index: i });
-                } }))));
-        }))));
-};
-exports.default = EbayFakeMenu;

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

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayFakeMenuButtonLabel = exports.EbayFakeMenuButtonSeparator = exports.EbayFakeMenuButtonItem = exports.EbayFakeMenuButton = void 0;
-var menu_button_1 = require("./menu-button");
-Object.defineProperty(exports, "EbayFakeMenuButton", { enumerable: true, get: function () { return __importDefault(menu_button_1).default; } });
-var menu_button_item_1 = require("./menu-button-item");
-Object.defineProperty(exports, "EbayFakeMenuButtonItem", { enumerable: true, get: function () { return __importDefault(menu_button_item_1).default; } });
-var menu_button_separator_1 = require("./menu-button-separator");
-Object.defineProperty(exports, "EbayFakeMenuButtonSeparator", { enumerable: true, get: function () { return __importDefault(menu_button_separator_1).default; } });
-var menu_button_label_1 = require("./menu-button-label");
-Object.defineProperty(exports, "EbayFakeMenuButtonLabel", { enumerable: true, get: function () { return __importDefault(menu_button_label_1).default; } });

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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.js

@@ -1,8 +0,0 @@
-"use strict";
-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));
-exports.default = EbayFakeMenuButtonLabel;

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

@@ -1,23 +0,0 @@
-"use strict";
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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" })));
-};
-exports.default = EbayMenuButtonSeparator;

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

@@ -1,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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) => {
-            if (ref.current && !ref.current.contains(e.currentTarget)) {
-                setExpanded(false);
-            }
-        };
-        if (expanded) {
-            onExpand();
-            // On React 18 useEffect hooks runs synchronous instead of asynchronous as React 17 or prior
-            // 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(() => {
-                document.addEventListener('click', handleBackgroundClick, false);
-            });
-        }
-        else if (expanded === false) {
-            onCollapse();
-        }
-        return () => document.removeEventListener('click', handleBackgroundClick, false);
-    }, [expanded]);
-    (0, react_1.useEffect)(() => {
-        setMenuId((0, random_id_1.randomId)());
-    }, []);
-    const handleMenuKeydown = e => {
-        (0, event_utils_1.handleEscapeKeydown)(e, () => {
-            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', {
-        '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);
-    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),
-                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 }))))));
-};
-exports.default = EbayMenuButton;

package/ebay-fake-tabs/fake-tabs.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 tab_1 = __importDefault(require("./tab"));
-const EbayFakeTabs = (_a) => {
-    var { selectedIndex = 0, tabMatchesCurrentUrl, className, children } = _a, rest = __rest(_a, ["selectedIndex", "tabMatchesCurrentUrl", "className", "children"]);
-    const ariaCurrent = tabMatchesCurrentUrl === false ? 'true' : 'page';
-    const tabHeadings = (0, component_utils_1.filterByType)(children, tab_1.default).map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { ariaCurrent: selectedIndex === i ? ariaCurrent : null })));
-    const tabContent = (0, component_utils_1.excludeComponent)(children, tab_1.default);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-tabs') }),
-        react_1.default.createElement("ul", { className: "fake-tabs__items" }, tabHeadings),
-        react_1.default.createElement("div", { className: "fake-tabs__content" },
-            react_1.default.createElement("div", { className: "fake-tabs__cell" }, tabContent))));
-};
-exports.default = EbayFakeTabs;

package/ebay-fake-tabs/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayFakeTab = exports.EbayFakeTabs = void 0;
-var fake_tabs_1 = require("./fake-tabs");
-Object.defineProperty(exports, "EbayFakeTabs", { enumerable: true, get: function () { return __importDefault(fake_tabs_1).default; } });
-var tab_1 = require("./tab");
-Object.defineProperty(exports, "EbayFakeTab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });

package/ebay-fake-tabs/tab.js

@@ -1,24 +0,0 @@
-"use strict";
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 Tab = (_a) => {
-    var { children, href, ariaCurrent, className } = _a, rest = __rest(_a, ["children", "href", "ariaCurrent", "className"]);
-    return (react_1.default.createElement("li", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-tabs__item') }),
-        react_1.default.createElement("a", { href: href, "aria-current": ariaCurrent }, children)));
-};
-exports.default = Tab;

package/ebay-field/description.js

@@ -1,26 +0,0 @@
-"use strict";
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 Description = (_a) => {
-    var { type, position = 'below', className, children } = _a, rest = __rest(_a, ["type", "position", "className", "children"]);
-    const wrapperClassName = (0, classnames_1.default)(className, 'field__description', { [`field__description--${type}`]: type });
-    const WrapperElement = position === 'below' ? `div` : `span`;
-    return (react_1.default.createElement(WrapperElement, Object.assign({}, rest, { className: wrapperClassName }),
-        react_1.default.createElement("span", null, children)));
-};
-exports.default = Description;