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

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

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,27 +48,27 @@ 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);
+var react_1 = __importStar(require("react"));
+var notice_content_1 = __importDefault(require("../common/notice-utils/notice-content"));
+var ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
+var ebay_icon_1 = require("../ebay-icon");
+var index_1 = require("./index");
+var EbayPageNotice = function (_a) {
+    var id = _a.id, _b = _a.status, status = _b === void 0 ? 'general' : _b, children = _a.children, a11yDismissText = _a.a11yDismissText, ariaLabel = _a["aria-label"], _c = _a.onDismiss, onDismiss = _c === void 0 ? function () { } : _c, rest = __rest(_a, ["id", "status", "children", "a11yDismissText", 'aria-label', "onDismiss"]);
+    var _d = (0, react_1.useState)(false), dismissed = _d[0], setDismissed = _d[1];
+    var childrenArray = react_1.default.Children.toArray(children);
+    var content = childrenArray.find(function (child) { return child.type === ebay_notice_content_1.EbayNoticeContent; });
     if (!content) {
-        throw new Error(`EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice`);
+        throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");
     }
-    const handleDismissed = (event) => {
+    var handleDismissed = function (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" })),
+    return dismissed ? null : (react_1.default.createElement("section", __assign({}, rest, { "aria-labelledby": id || "".concat(status, "-status"), className: "page-notice ".concat(status !== "general" ? "page-notice--".concat(status) : ""), role: "region" }),
+        status !== "general" ? (react_1.default.createElement("div", { className: "page-notice__header", id: id || "".concat(status, "-status") },
+            react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "".concat(status, "Filled16"), a11yText: ariaLabel, a11yVariant: "label" }))) : null,
+        react_1.default.createElement(notice_content_1.default, __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 },

package/ebay-pagination/helpers.js

@@ -1,19 +1,21 @@
 "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 :
+var const_1 = require("./const");
+function pageNumbersAround(totalPages, selectedPage, maxVisiblePages, variant) {
+    if (maxVisiblePages === void 0) { maxVisiblePages = totalPages; }
+    if (variant === void 0) { variant = null; }
+    var withDots = variant === 'show-last' || (variant === 'overflow' && totalPages > const_1.MAX_PAGES);
+    var hasLeadingDots = variant === 'overflow' && totalPages > const_1.MAX_PAGES;
+    var visibleItems = Math.min(maxVisiblePages, totalPages);
+    var startIndexWithoutDots = Math.max(0, selectedPage - Math.ceil((visibleItems - 1) / 2));
+    var 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);
+    var endIndex = (withDots ? startIndexWithDots : startIndexWithoutDots) + visibleItems;
+    var closeToEnd = endIndex >= totalPages;
+    var closeToFront = selectedPage <= const_1.MIN_VISIBLE_ITEMS;
+    var visibleRangeWithDots = function (start, end) {
+        var items = visibleRange(totalPages, start, end);
         if (visibleItems > 2) {
             items[end - 2] = 'dots';
             items[end - 1] = 'hidden';
@@ -25,20 +27,20 @@ function pageNumbersAround(totalPages, selectedPage, maxVisiblePages = totalPage
         return items;
     };
     // middle show item[1] (...) and item[item.length - 1] (...)
-    const visibleRangeWithOverflowDots = (start, end) => {
+    var visibleRangeWithOverflowDots = function (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;
+            var items_1 = visibleRange(totalPages, totalPages - const_1.TRAILING_SPACE_WITH_DOT, totalPages);
+            items_1[0] = 'visible';
+            items_1[1] = 'dots';
+            return items_1;
         }
         // 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);
+        var 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';
@@ -56,11 +58,12 @@ function pageNumbersAround(totalPages, selectedPage, maxVisiblePages = totalPage
     return visibleRange(totalPages, startIndexWithoutDots, endIndex);
 }
 exports.pageNumbersAround = pageNumbersAround;
-function calcPageState(selectedPage, visiblePages, totalPages, variant = 'show-range') {
+function calcPageState(selectedPage, visiblePages, totalPages, variant) {
+    if (variant === void 0) { variant = 'show-range'; }
     if (selectedPage === -1) {
         return [];
     }
-    const adjustedNumPages = variant === 'overflow' ? const_1.MAX_PAGES :
+    var 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);
 }
@@ -85,7 +88,7 @@ function getMaxWidth(el) {
         return 0;
     }
     el.style.width = '100vw';
-    const result = el.offsetWidth;
+    var result = el.offsetWidth;
     el.style.width = null;
     return result;
 }

package/ebay-pagination/pagination-item.d.ts

@@ -22,6 +22,6 @@ export type PaginationItemProps = HtmlProps & {
     forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
     children?: ReactNode;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<PaginationItemProps, "ref"> & React.RefAttributes<React.FC<PaginationItemProps>>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<PaginationItemProps, "form" | "slot" | "style" | "title" | "forwardedRef" | "type" | "key" | "value" | "className" | "disabled" | "placeholder" | "children" | "name" | "current" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "media" | "rel" | "target" | "ping" | "referrerPolicy" | "a11yPreviousText" | "a11yNextText" | "onNext" | "onPrevious" | "hide" | "pageIndex"> & React.RefAttributes<React.FC<PaginationItemProps>>>;
 export default _default;
 //# sourceMappingURL=pagination-item.d.ts.map

package/ebay-pagination/pagination-item.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -14,41 +25,41 @@ 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 react_1 = __importDefault(require("react"));
+var ebay_icon_1 = require("../ebay-icon");
+var component_utils_1 = require("../common/component-utils");
+var classnames_1 = __importDefault(require("classnames"));
+var EbayPaginationItem = function (_a) {
+    var _b = _a.pageIndex, pageIndex = _b === void 0 ? 0 : _b, key = _a.key, current = _a.current, disabled = _a.disabled, _c = _a.type, type = _c === void 0 ? 'page' : _c, href = _a.href, hide = _a.hide, children = _a.children, _d = _a.a11yPreviousText, a11yPreviousText = _d === void 0 ? 'Previous page' : _d, _e = _a.a11yNextText, a11yNextText = _e === void 0 ? 'Next page' : _e, onSelect = _a.onSelect, onNext = _a.onNext, onPrevious = _a.onPrevious, className = _a.className, style = _a.style, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["pageIndex", "key", "current", "disabled", "type", "href", "hide", "children", "a11yPreviousText", "a11yNextText", "onSelect", "onNext", "onPrevious", "className", "style", "forwardedRef"]);
+    var handlePageNumber = function (e) {
         var _a;
         onSelect(e, { value: ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.innerText) || '', index: pageIndex });
     };
-    const handleNextPage = (e) => {
+    var handleNextPage = function (e) {
         if (!e.currentTarget.getAttribute('aria-disabled')) {
             onNext(e);
         }
     };
-    const handlePreviousPage = (e) => {
+    var handlePreviousPage = function (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' });
+    var isAnchor = !!href;
+    var ButtonOrAnchor = isAnchor ? 'a' : 'button';
+    var iconClassName = isAnchor ? 'icon-link' : 'icon-btn';
+    var arrowStyle = __assign(__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 }),
+            return (react_1.default.createElement(ButtonOrAnchor, __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 }),
+            return (react_1.default.createElement(ButtonOrAnchor, __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 }),
+            return (react_1.default.createElement("li", __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)));
     }
 };

package/ebay-pagination/pagination.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,83 +44,101 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 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)([]);
+var react_1 = __importStar(require("react"));
+var ebay_fake_menu_button_1 = require("../ebay-fake-menu-button");
+var classnames_1 = __importDefault(require("classnames"));
+var debounce_1 = require("../common/debounce");
+var helpers_1 = require("./helpers");
+var component_utils_1 = require("../common/component-utils");
+var ebay_icon_1 = require("../ebay-icon");
+var EbayPagination = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? 'ebay-pagination' : _b, className = _a.className, _c = _a.a11yCurrentText, a11yCurrentText = _c === void 0 ? 'Pagination - Current Page' : _c, _d = _a.a11yPreviousText, a11yPreviousText = _d === void 0 ? 'Previous page' : _d, _e = _a.a11yNextText, a11yNextText = _e === void 0 ? 'Next page' : _e, _f = _a.variant, variant = _f === void 0 ? 'show-range' : _f, _g = _a.fluid, fluid = _g === void 0 ? false : _g, _h = _a.onPrevious, onPrevious = _h === void 0 ? function () { } : _h, _j = _a.onNext, onNext = _j === void 0 ? function () { } : _j, _k = _a.onSelect, onSelect = _k === void 0 ? function () { } : _k, children = _a.children, rest = __rest(_a, ["id", "className", "a11yCurrentText", "a11yPreviousText", "a11yNextText", "variant", "fluid", "onPrevious", "onNext", "onSelect", "children"]);
+    var paginationContainerRef = (0, react_1.useRef)(null);
+    var 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 totalPages = (0, component_utils_1.filterBy)(children, function (_a) {
+        var props = _a.props;
+        return props.type === undefined || props.type === 'page';
+    }).length;
+    var itemWidthRef = (0, react_1.useRef)(0);
+    var arrowWidthRef = (0, react_1.useRef)(0);
+    var getNumOfVisiblePageItems = function () {
         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);
+        var 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);
+        var 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);
+    var _l = (0, react_1.useState)([]), page = _l[0], setPage = _l[1];
+    var _m = (0, react_1.useState)(0), selectedIndex = _m[0], setSelectedIndex = _m[1];
     // 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);
+    var updatePages = function (selectedPageIndexFromDotMenu) {
+        var selectedPageIndex = selectedPageIndexFromDotMenu || childPageRefs.current.findIndex(function (pageRef) { var _a; return ((_a = pageRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-current')) === 'page'; });
+        var visiblePageItems = getNumOfVisiblePageItems();
+        var pageState = (0, helpers_1.calcPageState)(selectedPageIndex, visiblePageItems, totalPages, variant);
         setSelectedIndex(selectedPageIndex);
-        setPage(['hidden', ...pageState]);
+        setPage(__spreadArray(['hidden'], pageState, true));
     };
-    (0, react_1.useEffect)(() => {
-        const debouncedUpdate = (0, debounce_1.debounce)(updatePages, 16);
+    (0, react_1.useEffect)(function () {
+        var debouncedUpdate = (0, debounce_1.debounce)(updatePages, 16);
         updatePages();
-        window.addEventListener('resize', () => debouncedUpdate());
-        return () => {
-            window.removeEventListener('resize', () => debouncedUpdate());
+        window.addEventListener('resize', function () { return debouncedUpdate(); });
+        return function () {
+            window.removeEventListener('resize', function () { return 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,
+    var createChildItems = function (itemType) {
+        var pageIndex = 0;
+        var firstDotItems = [];
+        var secondDotItems = [];
+        var allDotItems = [];
+        var firstDot = page.indexOf('dots');
+        var lastDot = page.lastIndexOf('dots');
+        return react_1.Children.map(children, function (item, index) {
+            var _a = item.props, _b = _a.type, type = _b === void 0 ? 'page' : _b, current = _a.current, disabled = _a.disabled, href = _a.href, text = _a.children;
+            var isDot = page[index] === 'dots';
+            var key = "".concat(id, "-item-").concat(index);
+            var hide = page[index] === 'hidden';
+            var isSeparator = isDot && type === 'page';
+            var newProps = {
+                current: current,
+                disabled: disabled,
+                href: 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,
+                key: key,
+                hide: hide,
+                onPrevious: onPrevious,
+                onNext: onNext,
+                onSelect: onSelect,
+                a11yPreviousText: a11yPreviousText,
+                a11yNextText: 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 => {
+                var itemComponent = (react_1.default.createElement(ebay_fake_menu_button_1.EbayFakeMenuButtonItem, { key: key, href: href, onClick: function (event) {
                         if (!href) {
                             event.preventDefault();
                         }
-                        const currentTarget = event.currentTarget;
+                        var 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));
@@ -124,7 +153,7 @@ const EbayPagination = (_a) => {
                 }
             }
             if (itemType === 'page' && isDot && variant === 'overflow') {
-                let childComponent = allDotItems;
+                var childComponent = allDotItems;
                 if (firstDot !== lastDot) {
                     childComponent = index === 2 ? firstDotItems : secondDotItems;
                 }
@@ -135,8 +164,8 @@ const EbayPagination = (_a) => {
             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 }),
+    var headingId = "".concat(id, "-pagination-heading");
+    return (react_1.default.createElement("nav", __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'),

package/ebay-panel-dialog/panel-dialog.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -14,14 +25,15 @@ 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 ebay_dialog_base_1 = require("../ebay-dialog-base");
-const classPrefix = 'panel-dialog';
-const EbayPanelDialog = (_a) => {
-    var { open, animated, position = 'start', onClose = () => { }, className } = _a, rest = __rest(_a, ["open", "animated", "position", "onClose", "className"]);
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { "aria-label": "Infotip", classPrefix: classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, onBackgroundClick: onClose, animated: animated, className: (0, classnames_1.default)(className, { [`${classPrefix}--mask-fade-slow`]: animated }), windowClass: (0, classnames_1.default)(`${classPrefix}__window--slide`, {
-            [`${classPrefix}__window--end`]: position === 'end'
-        }), open: open })));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ebay_dialog_base_1 = require("../ebay-dialog-base");
+var classPrefix = 'panel-dialog';
+var EbayPanelDialog = function (_a) {
+    var _b, _c;
+    var open = _a.open, animated = _a.animated, _d = _a.position, position = _d === void 0 ? 'start' : _d, _e = _a.onClose, onClose = _e === void 0 ? function () { } : _e, className = _a.className, rest = __rest(_a, ["open", "animated", "position", "onClose", "className"]);
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { "aria-label": "Infotip", classPrefix: classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, onBackgroundClick: onClose, animated: animated, className: (0, classnames_1.default)(className, (_b = {}, _b["".concat(classPrefix, "--mask-fade-slow")] = animated, _b)), windowClass: (0, classnames_1.default)("".concat(classPrefix, "__window--slide"), (_c = {},
+            _c["".concat(classPrefix, "__window--end")] = position === 'end',
+            _c)), open: open })));
 };
 exports.default = EbayPanelDialog;

package/ebay-progress-bar/progress-bar.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -14,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const EbayProgressBar = (_a) => {
-    var { value = 0, max = 100, fluid, className } = _a, rest = __rest(_a, ["value", "max", "fluid", "className"]);
-    return (react_1.default.createElement("progress", Object.assign({}, rest, { className: (0, classnames_1.default)('progress-bar', className, { 'progress-bar--fluid': fluid }), value: value, max: max })));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var EbayProgressBar = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, fluid = _a.fluid, className = _a.className, rest = __rest(_a, ["value", "max", "fluid", "className"]);
+    return (react_1.default.createElement("progress", __assign({}, rest, { className: (0, classnames_1.default)('progress-bar', className, { 'progress-bar--fluid': fluid }), value: value, max: max })));
 };
 exports.default = EbayProgressBar;

package/ebay-progress-spinner/progress-spinner.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -14,17 +25,17 @@ 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 ebay_icon_1 = require("../ebay-icon");
-const sizeClass = {
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ebay_icon_1 = require("../ebay-icon");
+var sizeClass = {
     'default': '',
     'small': 'progress-spinner--small',
     'large': 'progress-spinner--large'
 };
-const EbayProgressSpinner = (_a) => {
-    var { size = 'default', 'aria-label': ariaLabel = 'Busy', className } = _a, rest = __rest(_a, ["size", 'aria-label', "className"]);
-    return (react_1.default.createElement("span", Object.assign({}, rest, { className: (0, classnames_1.default)('progress-spinner', sizeClass[size], className), "aria-label": ariaLabel, role: "img" }),
+var EbayProgressSpinner = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'default' : _b, _c = _a["aria-label"], ariaLabel = _c === void 0 ? 'Busy' : _c, className = _a.className, rest = __rest(_a, ["size", 'aria-label', "className"]);
+    return (react_1.default.createElement("span", __assign({}, rest, { className: (0, classnames_1.default)('progress-spinner', sizeClass[size], className), "aria-label": ariaLabel, role: "img" }),
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "spinner24" })));
 };
 exports.default = EbayProgressSpinner;