@ebay/ui-core-react 3.6.0 → 3.8.0

package/ebay-icon/README.md

@@ -7,7 +7,6 @@ import { EbayIcon } from '@ebay/ui-core-react/ebay-icon'
 import '@ebay/skin/icon'
 
 <EbayIcon name="arrowLeft" />
-<EbayIcon name="programBadgeEbayPlus" type="program-badge" />
 ```
 
 ### Notes
@@ -17,7 +16,7 @@ Make sure you use `<EbaySvg />` in your code (ideally on server side only), so t
 
 Name | Type | Stateful | Required | Description
 --- | --- | --- | --- | ---
-`name` | String | No | Yes | name of the icon from [Skin](./icon.tsx), transparent versions of colored icons has `-transparent` suffix
+`name` | String | No | Yes | name of the icon from [Skin](./types.ts), transparent versions of colored icons has `-transparent` suffix
 `noSkinClasses` | Boolean | No | No | Used for special cases where `icon` classes from Skin should not be applied
 `a11yText` | String | No | Yes | text for non-decorative inline icon; icon is assumed to be decorative if this is not passed
-`type` | String | No | no | 'icon' or 'program-badge'  default 'icon'
+`type` | String | No | no | 'icon' or 'program-badge'  default 'icon' (DEPRECATED, use <EbayProgramBadge /> instead)

package/ebay-icon/icon.d.ts

@@ -3,6 +3,9 @@ import { Icon } from './types';
 export declare type A11yVariant = 'label';
 export declare type EbayIconProps = SVGProps<SVGSVGElement> & {
     className?: string;
+    /**
+     * @deprecated Use <EbayProgramBadge /> instead of type='program-badge'
+     */
     type?: 'icon' | 'program-badge' | string;
     name: Icon;
     noSkinClasses?: boolean;

package/ebay-icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,oBAAY,WAAW,GAAG,OAAO,CAAC;AAElC,oBAAY,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAE,eAAe,GAAG,MAAM,CAAA;IACvC,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;;AAoEF,wBAAuC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,oBAAY,WAAW,GAAG,OAAO,CAAC;AAElC,oBAAY,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,GAAG,MAAM,CAAA;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;;AA+DF,wBAAuC"}

package/ebay-icon/icon.js

@@ -69,26 +69,22 @@ var EbayIcon = function (_a) {
     } : {
         'aria-hidden': true
     };
-    var prefixSvg = type === 'icon' ? 'icon-' : '';
-    var kebabName = kebabCased(name);
+    var kebabName = kebabCased(withoutProgramBadgePrefix(name));
     var iconSize = getIconPixelSize(kebabName) + "px";
-    var className = classnames_1.default(extraClass, (_b = {}, _b[getIconClass(type, kebabName)] = !noSkinClasses, _b));
+    var className = classnames_1.default(extraClass, (_b = {}, _b[type + " " + type + "--" + kebabName] = !noSkinClasses, _b));
     return (react_1.default.createElement("svg", __assign({ height: iconSize, width: iconSize }, rest, { className: className, xmlns: "http://www.w3.org/2000/svg", focusable: false, ref: forwardedRef }, a11yProps),
         a11yText && !withAriaLabel && react_1.default.createElement("title", { id: a11yTextId }, a11yText),
-        react_1.default.createElement("use", { xlinkHref: "#" + prefixSvg + kebabName })));
+        react_1.default.createElement("use", { xlinkHref: "#" + type + "-" + kebabName })));
 };
 function getIconPixelSize(iconName) {
     var sizeCandidate = iconName.split('-').slice(-1)[0];
     return iconPixelSizes[sizeCandidate] || DEFAULT_ICON_SIZE;
 }
+function withoutProgramBadgePrefix(name) {
+    // Deprecated, remove this function in v4.x
+    return name.replace(/programBadge([A-Z])/, function (s, c) { return c.toLowerCase(); });
+}
 function kebabCased(str) {
     return str.replace(/([A-Z])/g, function (s, c) { return "-" + c.toLowerCase(); });
 }
-function getIconClass(type, name) {
-    if (type === 'icon') {
-        return "icon icon--" + name;
-    }
-    var dashedName = name.replace(type, type + "-");
-    return type + " " + dashedName;
-}
 exports.default = component_utils_1.withForwardRef(EbayIcon);

package/ebay-pagination/const.d.ts

@@ -1,3 +1,6 @@
 export declare const MIN_PAGES = 1;
 export declare const MAX_PAGES = 9;
+export declare const MIN_VISIBLE_ITEMS = 4;
+export declare const LEADING_SPACE_WITH_DOT = 2;
+export declare const TRAILING_SPACE_WITH_DOT: number;
 //# sourceMappingURL=const.d.ts.map

package/ebay-pagination/const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,eAAO,MAAM,SAAS,IAAI,CAAA"}
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAClC,eAAO,MAAM,sBAAsB,IAAI,CAAA;AACvC,eAAO,MAAM,uBAAuB,QAAqC,CAAA"}

package/ebay-pagination/const.js

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAX_PAGES = exports.MIN_PAGES = void 0;
+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.d.ts

@@ -1,5 +1,5 @@
 import { ItemState, PaginationVariant } from './types';
-export declare function pageNumbersAround(totalPages: number, selectedPage: number, maxVisiblePages?: number, withDots?: boolean): ItemState[];
+export declare function pageNumbersAround(totalPages: number, selectedPage: number, maxVisiblePages?: number, variant?: PaginationVariant): ItemState[];
 export declare function calcPageState(selectedPage: number, visiblePages: number, totalPages: number, variant?: PaginationVariant): ItemState[];
 /**
  * Calculates the maximum width for an element within its container.

package/ebay-pagination/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEtD,wBAAgB,iBAAiB,CAC7B,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,eAAe,GAAE,MAAmB,EACpC,QAAQ,UAAQ,GACjB,SAAS,EAAE,CA6Bb;AAED,wBAAgB,aAAa,CACzB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,iBAAgC,GAC1C,SAAS,EAAE,CAQb;AAaD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,WAAW,GAAG,MAAM,CASpD"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/helpers.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEtD,wBAAgB,iBAAiB,CAC7B,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,eAAe,GAAE,MAAmB,EACpC,OAAO,GAAE,iBAAwB,GAClC,SAAS,EAAE,CA4Db;AAED,wBAAgB,aAAa,CACzB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,iBAAgC,GAC1C,SAAS,EAAE,CASb;AAaD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,WAAW,GAAG,MAAM,CASpD"}

package/ebay-pagination/helpers.js

@@ -2,15 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMaxWidth = exports.calcPageState = exports.pageNumbersAround = void 0;
 var const_1 = require("./const");
-function pageNumbersAround(totalPages, selectedPage, maxVisiblePages, withDots) {
+function pageNumbersAround(totalPages, selectedPage, maxVisiblePages, variant) {
     if (maxVisiblePages === void 0) { maxVisiblePages = totalPages; }
-    if (withDots === void 0) { withDots = false; }
+    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 < 4 ? selectedPage :
+    var startIndexWithDots = visibleItems < const_1.MIN_VISIBLE_ITEMS ? selectedPage :
         Math.max(0, selectedPage - Math.floor((visibleItems - 1) / 2));
     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) {
@@ -23,12 +26,36 @@ function pageNumbersAround(totalPages, selectedPage, maxVisiblePages, withDots)
         }
         return items;
     };
-    if (closeToEnd) {
+    // middle show item[1] (...) and item[item.length - 1] (...)
+    var visibleRangeWithOverflowDots = function (start, end) {
+        // Following Dot
+        if (closeToFront) {
+            return visibleRangeWithDots(0, end);
+            // Leading Dot
+        }
+        else if (closeToEnd) {
+            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
+        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';
+        items[totalPages - 1] = 'visible';
+        return items;
+    };
+    if (closeToEnd && totalPages <= const_1.MAX_PAGES) {
         return visibleRange(totalPages, totalPages - visibleItems);
     }
-    return withDots ?
-        visibleRangeWithDots(startIndexWithDots, endIndex) :
-        visibleRange(totalPages, startIndexWithoutDots, endIndex);
+    if (withDots) {
+        return hasLeadingDots ?
+            visibleRangeWithOverflowDots(startIndexWithDots, endIndex) :
+            visibleRangeWithDots(startIndexWithDots, endIndex);
+    }
+    return visibleRange(totalPages, startIndexWithoutDots, endIndex);
 }
 exports.pageNumbersAround = pageNumbersAround;
 function calcPageState(selectedPage, visiblePages, totalPages, variant) {
@@ -36,8 +63,9 @@ function calcPageState(selectedPage, visiblePages, totalPages, variant) {
     if (selectedPage === -1) {
         return [];
     }
-    var adjustedNumPages = clamp(Math.min(totalPages, visiblePages), const_1.MIN_PAGES, const_1.MAX_PAGES);
-    return pageNumbersAround(totalPages, selectedPage - 1, adjustedNumPages, variant === 'show-last');
+    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);
 }
 exports.calcPageState = calcPageState;
 function clamp(n, min, max) {

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACA,cAAc,EAAE,EAAE,EAE/B,MAAM,OAAO,CAAA;AAMd,OAAO,EAAa,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEtD,aAAK,kBAAkB,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9D,aAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAoGvC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACA,cAAc,EAAE,EAAE,EAE/B,MAAM,OAAO,CAAA;AAUd,OAAO,EAAa,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEtD,aAAK,kBAAkB,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9D,aAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CA+JvC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/ebay-pagination/pagination.js

@@ -52,6 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
@@ -78,10 +79,13 @@ var EbayPagination = function (_a) {
             0;
     };
     var _l = react_1.useState([]), page = _l[0], setPage = _l[1];
-    var updatePages = function () {
-        var selectedPageIndex = childPageRefs.current.findIndex(function (pageRef) { var _a; return ((_a = pageRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-current')) === 'page'; });
+    var _m = react_1.useState(0), selectedIndex = _m[0], setSelectedIndex = _m[1];
+    // selectedPageIndexFromDotMenu: override pageIndex on pagination with dot menu value
+    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 = helpers_1.calcPageState(selectedPageIndex, visiblePageItems, totalPages, variant);
+        setSelectedIndex(selectedPageIndex);
         setPage(__spreadArrays(['hidden'], pageState));
     };
     react_1.useEffect(function () {
@@ -94,17 +98,54 @@ var EbayPagination = function (_a) {
     }, [children]);
     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 = id + "-item-" + index;
+            var hide = page[index] === 'hidden';
             var newProps = {
                 type: type, current: current, disabled: disabled, href: href,
-                children: page[index] === 'dots' ? '…' : text,
+                children: isDot ? '…' : text,
                 pageIndex: type === 'page' ? pageIndex++ : undefined,
-                key: id + "-item-" + index,
-                hide: page[index] === 'hidden',
+                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') {
+                var itemComponent = (react_1.default.createElement(ebay_fake_menu_button_1.EbayFakeMenuButtonItem, { key: key, href: href, onClick: function (event) {
+                        if (!href) {
+                            event.preventDefault();
+                        }
+                        var currentTarget = event.currentTarget;
+                        onSelect(event, currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.innerText, 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') {
+                var 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 ? react_1.cloneElement(item, newProps) : null;
         });
     };

package/ebay-pagination/types.d.ts

@@ -1,3 +1,3 @@
 export declare type ItemState = 'visible' | 'hidden' | 'dots';
-export declare type PaginationVariant = 'show-last' | 'show-range';
+export declare type PaginationVariant = 'show-last' | 'show-range' | 'overflow';
 //# sourceMappingURL=types.d.ts.map

package/ebay-pagination/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AACrD,oBAAY,iBAAiB,GAAG,WAAW,GAAG,YAAY,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AACrD,oBAAY,iBAAiB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA"}

package/ebay-program-badge/README.md

@@ -0,0 +1,20 @@
+# ebay-program-badge
+The component will include the actual SVG markup in the HTML and then reference the chosen icon.
+
+## Usage
+```jsx
+import { EbayProgramBadge } from '@ebay/ui-core-react/ebay-program-badge'
+import '@ebay/skin/program-badge'
+
+<EbayProgramBadge name="ebayPlus" />
+```
+
+### Notes
+Make sure you use `<EbaySvg />` in your code (ideally on server side only), so that actual SVG icons exist inside HTML.
+
+## Attributes
+Name | Type | Stateful | Required | Description
+--- | --- | --- | --- | ---
+`name` | String | No | Yes | name of the icon from [Skin](./types.ts)
+`noSkinClasses` | Boolean | No | No | Used for special cases where `program-badge*` classes from Skin should not be applied
+`a11yText` | String | No | Yes | text for non-decorative inline icon; icon is assumed to be decorative if this is not passed

package/ebay-program-badge/index.d.ts

@@ -0,0 +1,3 @@
+export { default as EbayProgramBadge, EbayProgramBadgeProps } from './program-badge';
+export { Icon as ProgramBadge } from './types';
+//# sourceMappingURL=index.d.ts.map

package/ebay-program-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-program-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACpF,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/ebay-program-badge/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var program_badge_1 = require("./program-badge");
+Object.defineProperty(exports, "EbayProgramBadge", { enumerable: true, get: function () { return program_badge_1.default; } });

package/ebay-program-badge/program-badge.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { EbayIconProps } from '../ebay-icon';
+import { ProgramBadge } from './index';
+export declare type EbayProgramBadgeProps = Omit<EbayIconProps, 'type' | 'name' | 'ref'> & {
+    name: ProgramBadge;
+};
+declare const EbayProgramBadge: FC<EbayProgramBadgeProps>;
+export default EbayProgramBadge;
+//# sourceMappingURL=program-badge.d.ts.map

package/ebay-program-badge/program-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"program-badge.d.ts","sourceRoot":"","sources":["../../src/ebay-program-badge/program-badge.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,oBAAY,qBAAqB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG;IAC/E,IAAI,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CACkB,CAAA;AAElE,eAAe,gBAAgB,CAAA"}

package/ebay-program-badge/program-badge.js

@@ -0,0 +1,34 @@
+"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)
+        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 });
+var react_1 = __importDefault(require("react"));
+var ebay_icon_1 = require("../ebay-icon");
+var EbayProgramBadge = function (_a) {
+    var name = _a.name, rest = __rest(_a, ["name"]);
+    return react_1.default.createElement(ebay_icon_1.EbayIcon, __assign({}, rest, { type: "program-badge", name: name }));
+};
+exports.default = EbayProgramBadge;

package/ebay-program-badge/types.d.ts

@@ -0,0 +1,2 @@
+export declare type Icon = 'authenticityGuaranteed' | 'clickToCall' | 'ebayPlus' | 'escrow' | 'freeWarranty' | 'moneyBackGuaranteeChf' | 'moneyBackGuaranteeEu' | 'moneyBackGuaranteeUk' | 'moneyBackGuaranteeUs' | 'moneyBackGuaranteeZl' | 'topRatedSeller' | 'vault';
+//# sourceMappingURL=types.d.ts.map

package/ebay-program-badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-program-badge/types.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GACZ,wBAAwB,GACxB,aAAa,GACb,UAAU,GACV,QAAQ,GACR,cAAc,GACd,uBAAuB,GACvB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,gBAAgB,GAChB,OAAO,CAAA"}

package/ebay-program-badge/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/* This file is autogenerated, do not edit - it will be overwritten anyway */
+Object.defineProperty(exports, "__esModule", { value: true });

package/index.d.ts

@@ -25,6 +25,7 @@ export { EbayTabs, EbayTab, EbayTabPanel, Size as TabSize, Activation } from './
 export { EbayFakeTabs, EbayFakeTab } from './ebay-fake-tabs';
 export { EbaySvg } from './ebay-svg';
 export { EbayIcon, Icon, EbayIconProps, A11yVariant } from './ebay-icon';
+export { EbayProgramBadge, ProgramBadge, EbayProgramBadgeProps } from './ebay-program-badge';
 export { EbayDialogHeader, EbayDialogFooter, EbayDialogCloseButton } from './ebay-dialog-base';
 export { EbayDrawerDialog } from './ebay-drawer-dialog';
 export { EbayFullscreenDialog } from './ebay-fullscreen-dialog';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -76,6 +76,8 @@ var ebay_svg_1 = require("./ebay-svg");
 Object.defineProperty(exports, "EbaySvg", { enumerable: true, get: function () { return ebay_svg_1.EbaySvg; } });
 var ebay_icon_1 = require("./ebay-icon");
 Object.defineProperty(exports, "EbayIcon", { enumerable: true, get: function () { return ebay_icon_1.EbayIcon; } });
+var ebay_program_badge_1 = require("./ebay-program-badge");
+Object.defineProperty(exports, "EbayProgramBadge", { enumerable: true, get: function () { return ebay_program_badge_1.EbayProgramBadge; } });
 var ebay_dialog_base_1 = require("./ebay-dialog-base");
 Object.defineProperty(exports, "EbayDialogHeader", { enumerable: true, get: function () { return ebay_dialog_base_1.EbayDialogHeader; } });
 Object.defineProperty(exports, "EbayDialogFooter", { enumerable: true, get: function () { return ebay_dialog_base_1.EbayDialogFooter; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "description": "Skin components build off React",
   "main": "index.js",
   "types": "index.d.ts",
@@ -41,7 +41,7 @@
   "author": "tmanyanov@ebay.com",
   "license": "ISC",
   "peerDependencies": {
-    "@ebay/skin": "^15.0.0",
+    "@ebay/skin": "^15.2.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0"
   },