@ebay/ui-core-react 7.0.0 → 7.1.0-alpha.2

package/ebay-listbox-button/listbox-button.js

@@ -1,252 +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 component_utils_1 = require("../common/component-utils");
-const listbox_button_option_1 = __importDefault(require("./listbox-button-option"));
-const ListboxButton = (_a) => {
-    var { children, name, value, selected, borderless, fluid, className, maxHeight, prefixId, prefixLabel, floatingLabel, unselectedText = '-', onChange = () => { }, onCollapse = () => { }, onExpand = () => { } } = _a, rest = __rest(_a, ["children", "name", "value", "selected", "borderless", "fluid", "className", "maxHeight", "prefixId", "prefixLabel", "floatingLabel", "unselectedText", "onChange", "onCollapse", "onExpand"]);
-    const optionsContainerRef = (0, react_1.useRef)(null);
-    const optionsParentContainerRef = (0, react_1.useRef)();
-    const optionsByIndexRef = (0, react_1.useRef)(new Map());
-    const buttonRef = (0, react_1.useRef)();
-    const listBoxButtonOptions = (0, component_utils_1.filterByType)(children, listbox_button_option_1.default);
-    if (!listBoxButtonOptions.length) {
-        throw new Error(`EbayListboxButton: Please use a
-        EbayListboxButtonOption that defines the options of the listbox`);
-    }
-    const getInitialSelectedOption = () => {
-        const selectedIndex = selected !== undefined ? selected : listBoxButtonOptions.findIndex(({ props }) => value !== undefined && props.value === value);
-        const index = selectedIndex > -1 || floatingLabel ? selectedIndex : undefined;
-        return {
-            option: listBoxButtonOptions[index],
-            index
-        };
-    };
-    // Get the default Selected value and set it in the state
-    const { option: selectedOptionFromValue, index: initialSelectedOptionIndex } = getInitialSelectedOption();
-    // Update the selected option to the state
-    const [selectedOption, setSelectedOption] = (0, react_1.useState)(selectedOptionFromValue);
-    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(initialSelectedOptionIndex);
-    // Update the expanded status to the state
-    const [expanded, setExpanded] = (0, react_1.useState)();
-    // Additional flag to avoid multiple re-render when users tries to open and close
-    const [optionsOpened, setOptionsOpened] = (0, react_1.useState)(false);
-    const [wasClicked, setWasClicked] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        setSelectedOption(selectedOptionFromValue);
-    }, [value]);
-    const childrenArray = react_1.Children.toArray(children);
-    const getSelectedValueByIndex = (index) => childrenArray[index].props.value;
-    const getIndexByValue = (0, react_1.useCallback)((selectedValue) => childrenArray.findIndex(({ props }) => props.value === selectedValue), [childrenArray]);
-    const getSelectedOption = (currentIndex) => optionsByIndexRef.current.get(currentIndex);
-    const setActiveDescendant = (index) => {
-        const optionsContainerEle = optionsContainerRef.current;
-        optionsContainerEle === null || optionsContainerEle === void 0 ? void 0 : optionsContainerEle.setAttribute(`aria-activedescendant`, getSelectedOption(index).id);
-    };
-    const collapseListbox = () => {
-        setExpanded(false);
-        onCollapse();
-    };
-    const expandListbox = () => {
-        setExpanded(true);
-        onExpand();
-    };
-    const toggleListbox = () => {
-        if (expanded) {
-            collapseListbox();
-        }
-        else {
-            expandListbox();
-        }
-    };
-    const onOptionsSelect = (e, index) => {
-        // OnSelect set the selectedValue to the state and expanded to false to close the list box
-        setSelectedOption(childrenArray[index]);
-        setSelectedIndex(index);
-        collapseListbox();
-        setActiveDescendant(index);
-        buttonRef.current.focus();
-        onChange(e, { index, selected: [getSelectedValueByIndex(index)], wasClicked });
-        setWasClicked(false);
-    };
-    const reset = () => {
-        collapseListbox();
-        setSelectedOption(childrenArray[initialSelectedOptionIndex]);
-    };
-    const makeOptionActive = (index) => {
-        const optionEle = optionsContainerRef.current.children[index];
-        optionEle.setAttribute(`aria-selected`, 'true');
-        optionEle.classList.add(`listbox-button__option--active`);
-    };
-    const makeOptionInActive = (index) => {
-        const optionEle = optionsContainerRef.current.children[index];
-        optionEle.setAttribute(`aria-selected`, 'false');
-        optionEle.classList.remove(`listbox-button__option--active`);
-    };
-    // Followed the implementation from W3
-    // https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
-    const scrollOptions = (index) => {
-        const listboxOptionsContainerNode = optionsParentContainerRef.current;
-        const currentTarget = getSelectedOption(index);
-        if (listboxOptionsContainerNode.scrollHeight > listboxOptionsContainerNode.clientHeight) {
-            const scrollBottom = listboxOptionsContainerNode.clientHeight + listboxOptionsContainerNode.scrollTop;
-            const elementBottom = currentTarget.offsetTop + currentTarget.offsetHeight;
-            if (elementBottom > scrollBottom) {
-                listboxOptionsContainerNode.scrollTop = elementBottom - listboxOptionsContainerNode.clientHeight;
-            }
-            else if (currentTarget.offsetTop < listboxOptionsContainerNode.scrollTop) {
-                listboxOptionsContainerNode.scrollTop = currentTarget.offsetTop;
-            }
-        }
-    };
-    const makeSelections = (updatedIndex) => {
-        makeOptionActive(selectedIndex === undefined || updatedIndex === -1 ? 0 : updatedIndex);
-        makeOptionInActive(selectedIndex === undefined || selectedIndex === -1 ? 0 : selectedIndex);
-        scrollOptions(updatedIndex);
-        setActiveDescendant(updatedIndex);
-        setSelectedIndex(updatedIndex);
-        setSelectedOption(childrenArray[updatedIndex]);
-    };
-    const focusOptionsContainer = (focusOptions) => setTimeout(() => { var _a; return (_a = optionsContainerRef === null || optionsContainerRef === void 0 ? void 0 : optionsContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus(focusOptions); }, 0);
-    const onButtonClick = () => {
-        toggleListbox();
-        setOptionsOpened(true);
-        focusOptionsContainer({ preventScroll: true });
-    };
-    const onButtonKeyup = (e) => {
-        switch (e.key) {
-            case 'Escape':
-                collapseListbox();
-                break;
-            case 'Enter':
-                focusOptionsContainer();
-                break;
-            default:
-                break;
-        }
-    };
-    const onOptionContainerKeydown = (e) => {
-        switch (e.key) {
-            case ' ':
-            case 'PageUp':
-            case 'PageDown':
-            case 'Home':
-            case 'End':
-                e.preventDefault();
-                break;
-            case 'Down':
-            case 'ArrowDown':
-                e.preventDefault();
-                if (selectedIndex !== listBoxButtonOptions.length - 1) {
-                    makeSelections(selectedIndex < listBoxButtonOptions.length - 1 ? selectedIndex + 1 : 0);
-                }
-                break;
-            case 'Up':
-            case 'ArrowUp':
-                e.preventDefault();
-                if (selectedIndex !== 0) {
-                    makeSelections(selectedIndex > 0 ? selectedIndex - 1 : listBoxButtonOptions.length - 1);
-                }
-                break;
-            case 'Enter':
-                collapseListbox();
-                setTimeout(() => setSelectedOption(childrenArray[selectedIndex]));
-                setTimeout(() => buttonRef.current.focus(), 0);
-                onChange(e, {
-                    index: selectedIndex,
-                    selected: [getSelectedValueByIndex(selectedIndex)],
-                    wasClicked
-                });
-                break;
-            case 'Esc':
-            case 'Escape':
-                reset();
-                break;
-            default:
-                break;
-        }
-    };
-    // We want to mimic the select box behavior, so we take the onSelect that passed
-    // at the parent level and use it for the OnClick on the list box since it is a fake dropdown
-    const updateListBoxButtonOptions = listBoxButtonOptions
-        .map((child, index) => (0, react_1.cloneElement)(child, {
-        index,
-        key: index,
-        selected: selectedOption && child.props.value === selectedOption.props.value,
-        onClick: (e) => onOptionsSelect(e, index),
-        innerRef: optionNode => !optionNode
-            ? optionsByIndexRef.current.delete(index)
-            : optionsByIndexRef.current.set(index, optionNode)
-    }));
-    const wrapperClassName = (0, classnames_1.default)('listbox-button', className, { 'listbox-button--fluid': fluid });
-    const buttonClassName = (0, classnames_1.default)('btn', {
-        'btn--form': !borderless,
-        'btn--borderless': borderless,
-        'btn--floating-label': floatingLabel && selectedOption
-    });
-    const expandBtnTextId = prefixId && 'expand-btn-text';
-    const buttonLabel = (react_1.default.createElement(react_1.default.Fragment, null,
-        floatingLabel && react_1.default.createElement("span", { className: "btn__floating-label" }, floatingLabel),
-        prefixLabel && react_1.default.createElement("span", { className: "btn__label" }, prefixLabel),
-        react_1.default.createElement("span", { className: "btn__text", id: expandBtnTextId }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.props.children) || unselectedText)));
-    return (react_1.default.createElement("span", { className: wrapperClassName },
-        react_1.default.createElement("button", Object.assign({}, rest, { type: "button", className: buttonClassName, "aria-expanded": !!expanded, "aria-haspopup": "listbox", "aria-labelledby": prefixId && `${prefixId} ${expandBtnTextId}`, onClick: onButtonClick, 
-            // https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
-            onMouseDown: (e) => e.preventDefault(), onKeyUp: onButtonKeyup, ref: buttonRef }),
-            react_1.default.createElement("span", { className: "btn__cell" },
-                buttonLabel,
-                react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown12" }))),
-        (expanded || optionsOpened) &&
-            react_1.default.createElement("div", { className: "listbox-button__listbox", ref: optionsParentContainerRef, style: { maxHeight: maxHeight } },
-                react_1.default.createElement("div", { className: "listbox-button__options", role: "listbox", tabIndex: expanded ? 0 : -1, ref: optionsContainerRef, onKeyDown: (e) => onOptionContainerKeydown(e), 
-                    // adding onMouseDown preventDefault b/c on IE the onClick event is not being fired on each
-                    // option https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
-                    onMouseDown: (e) => {
-                        e.preventDefault();
-                        setWasClicked(true);
-                    }, onBlur: () => {
-                        collapseListbox();
-                        setTimeout(() => buttonRef.current.focus(), 0);
-                    } }, updateListBoxButtonOptions)),
-        react_1.default.createElement("select", { hidden: true, className: "listbox-button__native", name: name, onChange: (e) => onOptionsSelect(e, getIndexByValue(e.target.value)), value: selectedOption ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.props.value : '' }, updateListBoxButtonOptions.map((option, i) => react_1.default.createElement("option", { value: option.props.value, key: i })))));
-};
-exports.default = ListboxButton;

package/ebay-menu/index.js

@@ -1,27 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayMenuSeparator = exports.EbayMenuItem = exports.EbayMenu = void 0;
-var menu_1 = require("./menu");
-Object.defineProperty(exports, "EbayMenu", { enumerable: true, get: function () { return __importDefault(menu_1).default; } });
-var menu_item_1 = require("./menu-item");
-Object.defineProperty(exports, "EbayMenuItem", { enumerable: true, get: function () { return __importDefault(menu_item_1).default; } });
-var menu_item_separator_1 = require("./menu-item-separator");
-Object.defineProperty(exports, "EbayMenuSeparator", { enumerable: true, get: function () { return __importDefault(menu_item_separator_1).default; } });
-__exportStar(require("./types"), exports);

package/ebay-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, 'menu__separator'), role: "separator" })));
-};
-exports.default = EbayMenuItemSeparator;

package/ebay-menu/menu-item.js

@@ -1,67 +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_badge_1 = require("../ebay-badge");
-const ebay_icon_1 = require("../ebay-icon");
-const EbayMenuItem = (_a) => {
-    var { className, checked, type, focused = false, tabIndex, disabled, badgeNumber, badgeAriaLabel, children } = _a, rest = __rest(_a, ["className", "checked", "type", "focused", "tabIndex", "disabled", "badgeNumber", "badgeAriaLabel", "children"]);
-    const ref = (0, react_1.useRef)(null);
-    const hasBadge = badgeNumber !== undefined;
-    (0, react_1.useEffect)(() => {
-        if (ref.current && focused) {
-            ref.current.focus();
-        }
-    }, [ref, focused]);
-    const checkable = ['radio', 'checkbox'];
-    return (react_1.default.createElement("div", Object.assign({ "aria-label": badgeAriaLabel }, rest, { ref: ref, className: (0, classnames_1.default)(className, 'menu__item', hasBadge && 'menu__item--badged'), role: roleFromType(type), "aria-checked": checkable.includes(type) ? checked : undefined, "aria-disabled": disabled, tabIndex: focused ? 0 : tabIndex }),
-        react_1.default.createElement("span", { "aria-hidden": hasBadge },
-            children,
-            hasBadge && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "menu", number: badgeNumber })),
-        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "tick16" })));
-};
-function roleFromType(type) {
-    const roles = {
-        radio: 'menuitemradio',
-        checkbox: 'menuitemcheckbox'
-    };
-    return roles[type] || 'menuitem';
-}
-exports.default = EbayMenuItem;

package/ebay-menu/menu.js

@@ -1,149 +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 use_roving_index_1 = __importDefault(require("../common/event-utils/use-roving-index"));
-const event_utils_1 = require("../common/event-utils");
-const component_utils_1 = require("../common/component-utils");
-const index_1 = require("./index");
-const EbayMenu = (_a) => {
-    var { baseEl: Container = 'span', type, priority = 'secondary', checked, className, autofocus, onClick = () => { }, onKeyDown = () => { }, onChange = () => { }, onSelect = () => { }, forwardedRef, children } = _a, rest = __rest(_a, ["baseEl", "type", "priority", "checked", "className", "autofocus", "onClick", "onKeyDown", "onChange", "onSelect", "forwardedRef", "children"]);
-    const childrenArray = react_1.Children.toArray(children);
-    const [focusedIndex, setFocusedIndex] = (0, use_roving_index_1.default)(children, index_1.EbayMenuItem, autofocus === true ? 0 : undefined);
-    const [checkedIndexes, setCheckedIndexes] = (0, react_1.useState)(childrenArray.map(() => false));
-    const valuesFromChecked = (indexes) => childrenArray.reduce((values, item, i) => indexes[i] ? [...values, item.props.value] : values, []);
-    const indexesFromChecked = (indexes) => indexes.reduce((all, value, i) => value ? [...all, i] : all, []);
-    const eventProps = (index, indexes) => ({
-        index,
-        checked: indexesFromChecked(indexes)
-    });
-    const checkboxEventProps = (index, indexes) => (Object.assign(Object.assign({}, eventProps(index, indexes)), { indexes: indexesFromChecked(indexes), checkedValues: valuesFromChecked(indexes) }));
-    const updateIndex = (index, value, resetOthers = false) => {
-        let anyChanges = false;
-        const newValues = checkedIndexes.map((indexChecked, i) => {
-            const defaultValue = resetOthers ? false : indexChecked;
-            if (index === i) {
-                if (indexChecked !== value) {
-                    anyChanges = true;
-                }
-                return value;
-            }
-            return defaultValue;
-        });
-        if (anyChanges) {
-            setCheckedIndexes(newValues);
-            return newValues;
-        }
-    };
-    const selectIndex = (index) => {
-        switch (type) {
-            case 'radio':
-                return updateIndex(index, true, true);
-            case 'checkbox':
-                return updateIndex(index, !checkedIndexes[index], false);
-            default:
-                return checkedIndexes.map((_, i) => i === index);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        if (type === 'radio') {
-            if (checked === undefined) {
-                const checkedIndex = childrenArray.findIndex(child => child.props.checked);
-                if (checkedIndex > -1) {
-                    selectIndex(checkedIndex);
-                }
-            }
-            else {
-                selectIndex(checked);
-            }
-        }
-        else if (type === 'checkbox') {
-            setCheckedIndexes(childrenArray.map(child => Boolean(child.props.checked)));
-        }
-    }, []);
-    const handleChange = (e, index, newValues) => {
-        switch (type) {
-            case 'radio':
-            case 'checkbox':
-                return onChange(e, checkboxEventProps(index, newValues));
-            default:
-                return onSelect(e, eventProps(index, newValues));
-        }
-    };
-    const handleKeyDown = (e, index) => {
-        let newValues;
-        if ((0, event_utils_1.isActionKey)(e.key)) {
-            newValues = selectIndex(index);
-            if (newValues) {
-                handleChange(e, index, newValues);
-            }
-        }
-        switch (type) {
-            case 'radio':
-            case 'checkbox':
-                return onKeyDown(e, checkboxEventProps(index, newValues || checkedIndexes));
-            default:
-                return onKeyDown(e, eventProps(index, newValues || checkedIndexes));
-        }
-    };
-    const handleClick = (e, index) => {
-        setFocusedIndex(index);
-        const newValues = selectIndex(index);
-        if (newValues) {
-            handleChange(e, index, newValues);
-        }
-    };
-    return (react_1.default.createElement(Container, Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'menu') }),
-        react_1.default.createElement("div", { className: "menu__items", role: "menu", ref: forwardedRef }, childrenArray.map((child, i) => {
-            const _a = child.props, { onClick: onItemClick = () => { }, onFocus: onItemFocus = () => { }, onKeyDown: onItemKeyDown = () => { } } = _a, itemRest = __rest(_a, ["onClick", "onFocus", "onKeyDown"]);
-            return (0, react_1.cloneElement)(child, Object.assign(Object.assign({}, itemRest), { type, focused: i === focusedIndex, tabIndex: focusedIndex === undefined ? 0 : -1, checked: checkedIndexes[i], onFocus: e => {
-                    setFocusedIndex(i);
-                    onItemFocus(e);
-                }, onClick: e => {
-                    handleClick(e, i);
-                    onItemClick(e);
-                    onClick(e);
-                }, onKeyDown: e => {
-                    handleKeyDown(e, i);
-                    onItemKeyDown(e);
-                } }));
-        }))));
-};
-exports.default = (0, component_utils_1.withForwardRef)(EbayMenu);

package/ebay-menu/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/ebay-menu-button/index.js

@@ -1,29 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayMenuButtonLabel = exports.EbayMenuButtonSeparator = exports.EbayMenuButtonItem = exports.EbayMenuButton = void 0;
-var menu_button_1 = require("./menu-button");
-Object.defineProperty(exports, "EbayMenuButton", { enumerable: true, get: function () { return __importDefault(menu_button_1).default; } });
-var menu_button_item_1 = require("./menu-button-item");
-Object.defineProperty(exports, "EbayMenuButtonItem", { enumerable: true, get: function () { return __importDefault(menu_button_item_1).default; } });
-var menu_button_separator_1 = require("./menu-button-separator");
-Object.defineProperty(exports, "EbayMenuButtonSeparator", { enumerable: true, get: function () { return __importDefault(menu_button_separator_1).default; } });
-var menu_button_label_1 = require("./menu-button-label");
-Object.defineProperty(exports, "EbayMenuButtonLabel", { enumerable: true, get: function () { return __importDefault(menu_button_label_1).default; } });
-__exportStar(require("./types"), exports);

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ebay_menu_1 = require("../ebay-menu");
-// We do this for useRovingIndex to work
-exports.default = ebay_menu_1.EbayMenuItem;

package/ebay-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 EbayMenuButtonLabel = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.default = EbayMenuButtonLabel;

package/ebay-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;