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

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

@@ -1,132 +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 ebay_menu_1 = require("../ebay-menu");
-const ebay_button_1 = require("../ebay-button");
-const ebay_icon_button_1 = require("../ebay-icon-button");
-const ebay_icon_1 = require("../ebay-icon");
-const index_1 = require("./index");
-const random_id_1 = require("../common/random-id");
-const event_utils_1 = require("../common/event-utils");
-const EbayMenuButton = (_a) => {
-    var { type, variant = 'button', className, text = '', fixWidth, reverse, expanded: defaultExpanded, noToggleIcon, checked, collapseOnSelect, a11yText, prefixId, prefixLabel, onClick = () => { }, onExpand = () => { }, onCollapse = () => { }, onChange = () => { }, onSelect = () => { }, children } = _a, rest = __rest(_a, ["type", "variant", "className", "text", "fixWidth", "reverse", "expanded", "noToggleIcon", "checked", "collapseOnSelect", "a11yText", "prefixId", "prefixLabel", "onClick", "onExpand", "onCollapse", "onChange", "onSelect", "children"]);
-    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded);
-    const [menuId, setMenuId] = (0, react_1.useState)();
-    const buttonRef = (0, react_1.useRef)(null);
-    const menuRef = (0, react_1.useRef)();
-    const menuItems = (0, component_utils_1.filterByType)(children, [index_1.EbayMenuButtonItem, index_1.EbayMenuButtonSeparator]);
-    const defaultIndexes = menuItems.map((item) => Boolean(item.props.checked));
-    const [checkedIndexes, setCheckedIndexes] = (0, react_1.useState)(defaultIndexes);
-    const menuButtonLabel = (0, component_utils_1.findComponent)(children, index_1.EbayMenuButtonLabel);
-    const icon = (0, component_utils_1.findComponent)(children, ebay_icon_1.EbayIcon);
-    const label = labelWithPrefixAndIcon({ text, prefixId, prefixLabel, menuButtonLabel, icon });
-    const wrapperClasses = (0, classnames_1.default)('menu-button', className);
-    const menuClasses = (0, classnames_1.default)('menu-button__menu', {
-        'menu-button__menu--fix-width': fixWidth,
-        'menu-button__menu--reverse': reverse
-    });
-    (0, react_1.useEffect)(() => {
-        const handleBackgroundClick = (e) => {
-            const menuEl = menuRef.current;
-            const menuClicked = menuEl && menuEl.contains(e.target);
-            if (collapseOnSelect || !menuClicked) {
-                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 = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        });
-    };
-    const buttonProps = Object.assign({ ref: buttonRef, className: 'menu-button__button', 'aria-expanded': !!expanded, 'aria-haspopup': true, 'aria-label': a11yText, 'aria-controls': menuId, 'aria-labelledby': prefixId, onClick: e => {
-            setExpanded(!expanded);
-            onClick(e);
-        } }, rest);
-    const handleOnChange = (e, eventProps) => {
-        if (type === 'radio' || type === 'checkbox') {
-            const newCheckedIndexes = checkedIndexes.map((_, i) => eventProps.indexes.includes(i));
-            setCheckedIndexes(newCheckedIndexes);
-        }
-        onChange(e, eventProps);
-    };
-    const checkedIndex = () => {
-        const index = checkedIndexes.findIndex(Boolean);
-        return index > -1 ? index : checked;
-    };
-    return (react_1.default.createElement("span", { className: wrapperClasses },
-        variant === 'overflow' ?
-            react_1.default.createElement(ebay_icon_button_1.EbayIconButton, Object.assign({ icon: "overflowVertical16" }, buttonProps)) :
-            react_1.default.createElement(ebay_button_1.EbayButton, Object.assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps), label),
-        expanded &&
-            react_1.default.createElement(ebay_menu_1.EbayMenu, { baseEl: "div", ref: menuRef, type: type, className: menuClasses, tabIndex: -1, id: menuId, autofocus: true, checked: checkedIndex(), onKeyDown: handleMenuKeydown, onChange: handleOnChange, onSelect: onSelect }, menuItems.map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { className: (0, classnames_1.default)(item.props.className, 'menu-button__item'), key: i, checked: checkedIndexes[i] }))))));
-};
-function labelWithPrefixAndIcon({ text, prefixId, prefixLabel, menuButtonLabel, icon }) {
-    const textLabelElement = text.length ? react_1.default.createElement("span", null, text) : null;
-    const prefixLabelElement = !prefixId && prefixLabel && [
-        react_1.default.createElement("span", { className: "menu-button-prefix-label" }, prefixLabel),
-        react_1.default.createElement(react_1.default.Fragment, null, "\u00A0")
-    ];
-    const labelWithPrefix = [prefixLabelElement, menuButtonLabel || textLabelElement];
-    const labelArray = [icon, labelWithPrefix].flat().filter(Boolean);
-    return labelArray.length ? labelArray : null;
-}
-exports.default = EbayMenuButton;

package/ebay-menu-button/types.js

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

package/ebay-notice-base/components/ebay-notice-content/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.EbayNoticeContent = void 0;
-var notice_content_1 = require("./notice-content");
-Object.defineProperty(exports, "EbayNoticeContent", { enumerable: true, get: function () { return __importDefault(notice_content_1).default; } });

package/ebay-notice-base/components/ebay-notice-content/notice-content.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const EbayNoticeContent = () => null;
-exports.default = EbayNoticeContent;

package/ebay-notice-base/components/ebay-notice-title/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.EbayNoticeTitle = void 0;
-var notice_title_1 = require("./notice-title");
-Object.defineProperty(exports, "EbayNoticeTitle", { enumerable: true, get: function () { return __importDefault(notice_title_1).default; } });

package/ebay-notice-base/components/ebay-notice-title/notice-title.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 EbayNoticeTitle = ({ children }) => (react_1.default.createElement("span", { className: "page-notice__title" }, children));
-exports.default = EbayNoticeTitle;

package/ebay-notice-base/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayNoticeContent = exports.EbayNoticeTitle = void 0;
-var ebay_notice_title_1 = require("./components/ebay-notice-title");
-Object.defineProperty(exports, "EbayNoticeTitle", { enumerable: true, get: function () { return ebay_notice_title_1.EbayNoticeTitle; } });
-var ebay_notice_content_1 = require("./components/ebay-notice-content");
-Object.defineProperty(exports, "EbayNoticeContent", { enumerable: true, get: function () { return ebay_notice_content_1.EbayNoticeContent; } });

package/ebay-page-notice/index.js

@@ -1,16 +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.EbayNoticeContent = exports.EbayPageNoticeCTA = exports.EbayPageNoticeFooter = exports.EbayPageNoticeTitle = exports.EbayPageNotice = void 0;
-var page_notice_1 = require("./page-notice");
-Object.defineProperty(exports, "EbayPageNotice", { enumerable: true, get: function () { return __importDefault(page_notice_1).default; } });
-var page_notice_title_1 = require("./page-notice-title");
-Object.defineProperty(exports, "EbayPageNoticeTitle", { enumerable: true, get: function () { return __importDefault(page_notice_title_1).default; } });
-var page_notice_footer_1 = require("./page-notice-footer");
-Object.defineProperty(exports, "EbayPageNoticeFooter", { enumerable: true, get: function () { return __importDefault(page_notice_footer_1).default; } });
-var page_notice_cta_1 = require("./page-notice-cta");
-Object.defineProperty(exports, "EbayPageNoticeCTA", { enumerable: true, get: function () { return __importDefault(page_notice_cta_1).default; } });
-var ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
-Object.defineProperty(exports, "EbayNoticeContent", { enumerable: true, get: function () { return ebay_notice_content_1.EbayNoticeContent; } });

package/ebay-page-notice/page-notice-cta.js

@@ -1,9 +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 notice_cta_1 = __importDefault(require("../common/notice-utils/notice-cta"));
-const EbayPageNoticeCTA = ({ className, children }) => (react_1.default.createElement(notice_cta_1.default, { className: className, type: "page" }, children));
-exports.default = EbayPageNoticeCTA;

package/ebay-page-notice/page-notice-footer.js

@@ -1,9 +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 notice_footer_1 = __importDefault(require("../common/notice-utils/notice-footer"));
-const EbayPageNoticeFooter = ({ className, children }) => (react_1.default.createElement(notice_footer_1.default, { className: className, type: "page" }, children));
-exports.default = EbayPageNoticeFooter;

package/ebay-page-notice/page-notice-title.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 notice_title_1 = __importDefault(require("../common/notice-utils/notice-title"));
-const EbayPageNoticeTitle = (_a) => {
-    var { className, as, children } = _a, rest = __rest(_a, ["className", "as", "children"]);
-    return (react_1.default.createElement(notice_title_1.default, Object.assign({}, rest, { className: className, as: as, type: "page" }), children));
-};
-exports.default = EbayPageNoticeTitle;

package/ebay-page-notice/page-notice.js

@@ -1,66 +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 notice_content_1 = __importDefault(require("../common/notice-utils/notice-content"));
-const ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
-const ebay_icon_1 = require("../ebay-icon");
-const index_1 = require("./index");
-const EbayPageNotice = (_a) => {
-    var { id, status = 'general', children, a11yDismissText, 'aria-label': ariaLabel, onDismiss = () => { } } = _a, rest = __rest(_a, ["id", "status", "children", "a11yDismissText", 'aria-label', "onDismiss"]);
-    const [dismissed, setDismissed] = (0, react_1.useState)(false);
-    const childrenArray = react_1.default.Children.toArray(children);
-    const content = childrenArray.find((child) => child.type === ebay_notice_content_1.EbayNoticeContent);
-    if (!content) {
-        throw new Error(`EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice`);
-    }
-    const handleDismissed = (event) => {
-        setDismissed(true);
-        onDismiss(event);
-    };
-    return dismissed ? null : (react_1.default.createElement("section", Object.assign({}, rest, { "aria-labelledby": id || `${status}-status`, className: `page-notice ${status !== `general` ? `page-notice--${status}` : ``}`, role: "region" }),
-        status !== `general` ? (react_1.default.createElement("div", { className: "page-notice__header", id: id || `${status}-status` },
-            react_1.default.createElement(ebay_icon_1.EbayIcon, { name: `${status}Filled16`, a11yText: ariaLabel, a11yVariant: "label" }))) : null,
-        react_1.default.createElement(notice_content_1.default, Object.assign({}, content.props, { type: "page" })),
-        children,
-        a11yDismissText && (react_1.default.createElement(index_1.EbayPageNoticeFooter, null,
-            react_1.default.createElement("button", { "aria-label": a11yDismissText, className: "fake-link page-notice__dismiss", onClick: handleDismissed },
-                react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" }))))));
-};
-exports.default = EbayPageNotice;

package/ebay-pagination/const.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TRAILING_SPACE_WITH_DOT = exports.LEADING_SPACE_WITH_DOT = exports.MIN_VISIBLE_ITEMS = exports.MAX_PAGES = exports.MIN_PAGES = void 0;
-exports.MIN_PAGES = 1;
-exports.MAX_PAGES = 9;
-exports.MIN_VISIBLE_ITEMS = 4;
-exports.LEADING_SPACE_WITH_DOT = 2;
-exports.TRAILING_SPACE_WITH_DOT = exports.MAX_PAGES - exports.LEADING_SPACE_WITH_DOT;

package/ebay-pagination/helpers.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMaxWidth = exports.calcPageState = exports.pageNumbersAround = void 0;
-const const_1 = require("./const");
-function pageNumbersAround(totalPages, selectedPage, maxVisiblePages = totalPages, variant = null) {
-    const withDots = variant === 'show-last' || (variant === 'overflow' && totalPages > const_1.MAX_PAGES);
-    const hasLeadingDots = variant === 'overflow' && totalPages > const_1.MAX_PAGES;
-    const visibleItems = Math.min(maxVisiblePages, totalPages);
-    const startIndexWithoutDots = Math.max(0, selectedPage - Math.ceil((visibleItems - 1) / 2));
-    const startIndexWithDots = visibleItems < const_1.MIN_VISIBLE_ITEMS ? selectedPage :
-        Math.max(0, selectedPage - Math.floor((visibleItems - 1) / 2));
-    const endIndex = (withDots ? startIndexWithDots : startIndexWithoutDots) + visibleItems;
-    const closeToEnd = endIndex >= totalPages;
-    const closeToFront = selectedPage <= const_1.MIN_VISIBLE_ITEMS;
-    const visibleRangeWithDots = (start, end) => {
-        const items = visibleRange(totalPages, start, end);
-        if (visibleItems > 2) {
-            items[end - 2] = 'dots';
-            items[end - 1] = 'hidden';
-            items[totalPages - 1] = 'visible';
-        }
-        else if (visibleItems > 1) {
-            items[end - 1] = 'dots';
-        }
-        return items;
-    };
-    // middle show item[1] (...) and item[item.length - 1] (...)
-    const visibleRangeWithOverflowDots = (start, end) => {
-        // Following Dot
-        if (closeToFront) {
-            return visibleRangeWithDots(0, end);
-            // Leading Dot
-        }
-        else if (closeToEnd) {
-            const items = visibleRange(totalPages, totalPages - const_1.TRAILING_SPACE_WITH_DOT, totalPages);
-            items[0] = 'visible';
-            items[1] = 'dots';
-            return items;
-        }
-        // Middle case with Leading & Following Dots
-        const items = visibleRange(totalPages, selectedPage - const_1.LEADING_SPACE_WITH_DOT, selectedPage + const_1.LEADING_SPACE_WITH_DOT + 1);
-        items[0] = 'visible';
-        items[1] = closeToFront ? 'visible' : 'dots';
-        items[totalPages - 2] = 'dots';
-        items[totalPages - 1] = 'visible';
-        return items;
-    };
-    if (closeToEnd && totalPages <= const_1.MAX_PAGES) {
-        return visibleRange(totalPages, totalPages - visibleItems);
-    }
-    if (withDots) {
-        return hasLeadingDots ?
-            visibleRangeWithOverflowDots(startIndexWithDots, endIndex) :
-            visibleRangeWithDots(startIndexWithDots, endIndex);
-    }
-    return visibleRange(totalPages, startIndexWithoutDots, endIndex);
-}
-exports.pageNumbersAround = pageNumbersAround;
-function calcPageState(selectedPage, visiblePages, totalPages, variant = 'show-range') {
-    if (selectedPage === -1) {
-        return [];
-    }
-    const adjustedNumPages = variant === 'overflow' ? const_1.MAX_PAGES :
-        clamp(Math.min(totalPages, visiblePages), const_1.MIN_PAGES, const_1.MAX_PAGES);
-    return pageNumbersAround(totalPages, selectedPage - 1, adjustedNumPages, variant);
-}
-exports.calcPageState = calcPageState;
-function clamp(n, min, max) {
-    // eslint-disable-next-line no-nested-ternary
-    return n <= min ? min : n >= max ? max : n;
-}
-function visibleRange(totalItems, start, end) {
-    return Array(totalItems)
-        .fill('hidden')
-        .fill('visible', start, end);
-}
-/**
- * Calculates the maximum width for an element within its container.
- *
- * Based on eBayUI Core Marko implementation.
- * See https://github.com/eBay/ebayui-core/blob/v8.6.0/src/components/ebay-pagination/component.js#L119-L132
- */
-function getMaxWidth(el) {
-    if (!el) {
-        return 0;
-    }
-    el.style.width = '100vw';
-    const result = el.offsetWidth;
-    el.style.width = null;
-    return result;
-}
-exports.getMaxWidth = getMaxWidth;

package/ebay-pagination/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.EbayPaginationItem = exports.EbayPagination = void 0;
-var pagination_1 = require("./pagination");
-Object.defineProperty(exports, "EbayPagination", { enumerable: true, get: function () { return __importDefault(pagination_1).default; } });
-var pagination_item_1 = require("./pagination-item");
-Object.defineProperty(exports, "EbayPaginationItem", { enumerable: true, get: function () { return __importDefault(pagination_item_1).default; } });

package/ebay-pagination/pagination-item.js

@@ -1,55 +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 ebay_icon_1 = require("../ebay-icon");
-const component_utils_1 = require("../common/component-utils");
-const classnames_1 = __importDefault(require("classnames"));
-const EbayPaginationItem = (_a) => {
-    var { pageIndex = 0, key, current, disabled, type = 'page', href, hide, children, a11yPreviousText = 'Previous page', a11yNextText = 'Next page', onSelect, onNext, onPrevious, className, style, forwardedRef } = _a, rest = __rest(_a, ["pageIndex", "key", "current", "disabled", "type", "href", "hide", "children", "a11yPreviousText", "a11yNextText", "onSelect", "onNext", "onPrevious", "className", "style", "forwardedRef"]);
-    const handlePageNumber = (e) => {
-        var _a;
-        onSelect(e, { value: ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.innerText) || '', index: pageIndex });
-    };
-    const handleNextPage = (e) => {
-        if (!e.currentTarget.getAttribute('aria-disabled')) {
-            onNext(e);
-        }
-    };
-    const handlePreviousPage = (e) => {
-        if (!e.currentTarget.getAttribute('aria-disabled')) {
-            onPrevious(e);
-        }
-    };
-    const isAnchor = !!href;
-    const ButtonOrAnchor = isAnchor ? 'a' : 'button';
-    const iconClassName = isAnchor ? 'icon-link' : 'icon-btn';
-    const arrowStyle = Object.assign(Object.assign({}, style), { minWidth: '40px' });
-    switch (type) {
-        case 'previous':
-            return (react_1.default.createElement(ButtonOrAnchor, Object.assign({}, rest, { ref: forwardedRef, "aria-disabled": disabled ? 'true' : undefined, "aria-label": a11yPreviousText, href: disabled ? undefined : href, className: (0, classnames_1.default)(iconClassName, 'pagination__previous'), style: arrowStyle, onClick: handlePreviousPage }),
-                react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "arrowLeft16" })));
-        case 'next':
-            return (react_1.default.createElement(ButtonOrAnchor, Object.assign({}, rest, { ref: forwardedRef, "aria-disabled": disabled ? 'true' : undefined, "aria-label": a11yNextText, href: disabled ? undefined : href, className: (0, classnames_1.default)(iconClassName, 'pagination__next'), style: arrowStyle, onClick: handleNextPage }),
-                react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "arrowRight16" })));
-        case 'separator':
-            return (react_1.default.createElement("span", { key: key, style: style, className: "pagination__item", ref: forwardedRef, role: "separator" }, children));
-        default:
-            return (react_1.default.createElement("li", Object.assign({}, rest, { hidden: hide }),
-                react_1.default.createElement(ButtonOrAnchor, { ref: forwardedRef, "aria-current": current ? 'page' : undefined, href: href, className: "pagination__item", style: style, key: key, onClick: handlePageNumber }, children)));
-    }
-};
-exports.default = (0, component_utils_1.withForwardRef)(EbayPaginationItem);

package/ebay-pagination/pagination.js

@@ -1,146 +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 ebay_fake_menu_button_1 = require("../ebay-fake-menu-button");
-const classnames_1 = __importDefault(require("classnames"));
-const debounce_1 = require("../common/debounce");
-const helpers_1 = require("./helpers");
-const component_utils_1 = require("../common/component-utils");
-const ebay_icon_1 = require("../ebay-icon");
-const EbayPagination = (_a) => {
-    var { id = 'ebay-pagination', className, a11yCurrentText = 'Pagination - Current Page', a11yPreviousText = 'Previous page', a11yNextText = 'Next page', variant = 'show-range', fluid = false, onPrevious = () => { }, onNext = () => { }, onSelect = () => { }, children } = _a, rest = __rest(_a, ["id", "className", "a11yCurrentText", "a11yPreviousText", "a11yNextText", "variant", "fluid", "onPrevious", "onNext", "onSelect", "children"]);
-    const paginationContainerRef = (0, react_1.useRef)(null);
-    const childPageRefs = (0, react_1.useRef)([]);
-    childPageRefs.current = react_1.Children.map(children, react_1.createRef);
-    const totalPages = (0, component_utils_1.filterBy)(children, ({ props }) => props.type === undefined || props.type === 'page').length;
-    const itemWidthRef = (0, react_1.useRef)(0);
-    const arrowWidthRef = (0, react_1.useRef)(0);
-    const getNumOfVisiblePageItems = () => {
-        var _a, _b, _c, _d;
-        const pageArrowWidth = arrowWidthRef.current || ((_b = (_a = childPageRefs.current[0]) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.offsetWidth);
-        arrowWidthRef.current = pageArrowWidth; // cache arrow width since it should be static
-        const pageItemWidth = itemWidthRef.current || ((_d = (_c = childPageRefs.current[1]) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.offsetWidth);
-        itemWidthRef.current = pageItemWidth; // cache item width since it should be static
-        return pageItemWidth ?
-            Math.floor(((0, helpers_1.getMaxWidth)(paginationContainerRef.current) - pageArrowWidth * 2) / pageItemWidth) :
-            0;
-    };
-    const [page, setPage] = (0, react_1.useState)([]);
-    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(0);
-    // selectedPageIndexFromDotMenu: override pageIndex on pagination with dot menu value
-    const updatePages = (selectedPageIndexFromDotMenu) => {
-        const selectedPageIndex = selectedPageIndexFromDotMenu || childPageRefs.current.findIndex(pageRef => { var _a; return ((_a = pageRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-current')) === 'page'; });
-        const visiblePageItems = getNumOfVisiblePageItems();
-        const pageState = (0, helpers_1.calcPageState)(selectedPageIndex, visiblePageItems, totalPages, variant);
-        setSelectedIndex(selectedPageIndex);
-        setPage(['hidden', ...pageState]);
-    };
-    (0, react_1.useEffect)(() => {
-        const debouncedUpdate = (0, debounce_1.debounce)(updatePages, 16);
-        updatePages();
-        window.addEventListener('resize', () => debouncedUpdate());
-        return () => {
-            window.removeEventListener('resize', () => debouncedUpdate());
-        };
-    }, [children]);
-    const createChildItems = (itemType) => {
-        let pageIndex = 0;
-        const firstDotItems = [];
-        const secondDotItems = [];
-        const allDotItems = [];
-        const firstDot = page.indexOf('dots');
-        const lastDot = page.lastIndexOf('dots');
-        return react_1.Children.map(children, (item, index) => {
-            const { type = 'page', current, disabled, href, children: text } = item.props;
-            const isDot = page[index] === 'dots';
-            const key = `${id}-item-${index}`;
-            const hide = page[index] === 'hidden';
-            const isSeparator = isDot && type === 'page';
-            const newProps = {
-                current, disabled, href,
-                type: isSeparator ? 'separator' : type,
-                children: isDot ? react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "overflowHorizontal24", focusable: false }) : text,
-                pageIndex: type === 'page' ? pageIndex++ : undefined,
-                key,
-                hide,
-                onPrevious, onNext, onSelect, a11yPreviousText, a11yNextText,
-                ref: childPageRefs.current[index]
-            };
-            // include hidden numbers & number of (...)itself
-            if ((hide || isDot) && type === 'page') {
-                const itemComponent = (react_1.default.createElement(ebay_fake_menu_button_1.EbayFakeMenuButtonItem, { key: key, href: href, onClick: event => {
-                        if (!href) {
-                            event.preventDefault();
-                        }
-                        const currentTarget = event.currentTarget;
-                        onSelect(event, { value: (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.innerText) || '', index: pageIndex });
-                        updatePages(Number(currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.innerText));
-                    } }, text));
-                if (firstDot === lastDot) {
-                    allDotItems.push(itemComponent);
-                }
-                if (selectedIndex - 2 > firstDot && index < selectedIndex) {
-                    firstDotItems.push(itemComponent);
-                }
-                if (selectedIndex + 2 < lastDot && index > selectedIndex) {
-                    secondDotItems.push(itemComponent);
-                }
-            }
-            if (itemType === 'page' && isDot && variant === 'overflow') {
-                let childComponent = allDotItems;
-                if (firstDot !== lastDot) {
-                    childComponent = index === 2 ? firstDotItems : secondDotItems;
-                }
-                return (react_1.default.createElement("li", { key: key },
-                    react_1.default.createElement("span", { className: "pagination__item", role: "separator" },
-                        react_1.default.createElement(ebay_fake_menu_button_1.EbayFakeMenuButton, { a11yText: "Menu", borderless: true, variant: "overflow", noToggleIcon: true }, childComponent))));
-            }
-            return itemType === type ? (0, react_1.cloneElement)(item, newProps) : null;
-        });
-    };
-    const headingId = `${id}-pagination-heading`;
-    return (react_1.default.createElement("nav", Object.assign({}, rest, { role: "navigation", className: (0, classnames_1.default)(className, 'pagination', { 'pagination--fluid': fluid }), "aria-labelledby": headingId, ref: paginationContainerRef }),
-        react_1.default.createElement("span", { "aria-live": "polite", role: "status" },
-            react_1.default.createElement("h2", { className: "clipped", id: headingId }, a11yCurrentText)),
-        createChildItems('previous'),
-        react_1.default.createElement("ol", { className: "pagination__items" }, createChildItems('page')),
-        createChildItems('next')));
-};
-exports.default = EbayPagination;

package/ebay-pagination/types.js

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

package/ebay-panel-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.EbayPanelDialog = void 0;
-var panel_dialog_1 = require("./panel-dialog");
-Object.defineProperty(exports, "EbayPanelDialog", { enumerable: true, get: function () { return __importDefault(panel_dialog_1).default; } });