@ebay/ui-core-react 6.2.1 → 6.3.0

package/ebay-carousel/carousel-list.js

@@ -26,49 +26,48 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var helpers_1 = require("./helpers");
-var scroll_to_transition_1 = require("./scroll-to-transition");
-var CarouselList = function (_a) {
-    var _b = _a.gap, gap = _b === void 0 ? 16 : _b, itemsPerSlide = _a.itemsPerSlide, slideWidth = _a.slideWidth, offset = _a.offset, activeIndex = _a.activeIndex, nextControlDisabled = _a.nextControlDisabled, className = _a.className, itemsRef = _a.itemsRef, children = _a.children, onSetActiveIndex = _a.onSetActiveIndex, onScroll = _a.onScroll;
-    var _c = (0, react_1.useState)(0), translateLeft = _c[0], setTranslateLeft = _c[1];
-    var _d = (0, react_1.useState)(false), skipScrolling = _d[0], setSkipScrolling = _d[1];
-    var _e = (0, react_1.useState)(false), scrollTransitioning = _e[0], setScrollTransitioning = _e[1];
-    var listRef = (0, react_1.useRef)(null);
-    var scrollTimeout = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        var size = react_1.Children.count(children);
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const helpers_1 = require("./helpers");
+const scroll_to_transition_1 = require("./scroll-to-transition");
+const CarouselList = ({ gap = 16, itemsPerSlide, slideWidth, offset, activeIndex, nextControlDisabled, className, itemsRef, children, onSetActiveIndex, onScroll }) => {
+    const [translateLeft, setTranslateLeft] = (0, react_1.useState)(0);
+    const [skipScrolling, setSkipScrolling] = (0, react_1.useState)(false);
+    const [scrollTransitioning, setScrollTransitioning] = (0, react_1.useState)(false);
+    const listRef = (0, react_1.useRef)(null);
+    const scrollTimeout = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const size = react_1.Children.count(children);
         if (!size || !listRef.current)
             return;
         if (skipScrolling) {
             setSkipScrolling(false);
             return;
         }
-        var list = listRef.current;
-        var isNativeScroll = (0, helpers_1.isNativeScrolling)(list);
+        const list = listRef.current;
+        const isNativeScroll = (0, helpers_1.isNativeScrolling)(list);
         if (isNativeScroll) {
             setScrollTransitioning(true);
-            (0, scroll_to_transition_1.scrollTransition)(list, offset, function () { return setScrollTransitioning(false); });
+            (0, scroll_to_transition_1.scrollTransition)(list, offset, () => setScrollTransitioning(false));
         }
         else {
             setTranslateLeft(offset);
         }
     }, [offset]);
-    var handleFinishScrolling = (0, react_1.useCallback)(function () {
-        var scrollLeft = listRef.current.scrollLeft;
-        var closest = (0, helpers_1.getClosestIndex)(scrollLeft, itemsRef.current, slideWidth, itemsPerSlide, gap);
+    const handleFinishScrolling = (0, react_1.useCallback)(() => {
+        const scrollLeft = listRef.current.scrollLeft;
+        const closest = (0, helpers_1.getClosestIndex)(scrollLeft, itemsRef.current, slideWidth, itemsPerSlide, gap);
         if (closest !== activeIndex) {
             setSkipScrolling(true);
             onSetActiveIndex(closest);
             onScroll({ index: closest });
         }
     }, [listRef.current, itemsRef.current, slideWidth, activeIndex, onSetActiveIndex]);
-    var handleScroll = function () {
+    const handleScroll = () => {
         if (scrollTimeout.current) {
             clearTimeout(scrollTimeout.current);
         }
-        scrollTimeout.current = setTimeout(function () {
+        scrollTimeout.current = setTimeout(() => {
             if (!scrollTransitioning) {
                 handleFinishScrolling();
             }
@@ -77,6 +76,6 @@ var CarouselList = function (_a) {
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)('carousel__viewport', {
             'carousel__viewport--mask': !nextControlDisabled
         }, className) },
-        react_1.default.createElement("ul", { className: "carousel__list", ref: listRef, onScroll: handleScroll, style: { transform: "translate3d(".concat(-translateLeft, "px, 0, 0)") } }, (0, helpers_1.alterChildren)(children, itemsRef, itemsPerSlide, slideWidth, offset, gap))));
+        react_1.default.createElement("ul", { className: "carousel__list", ref: listRef, onScroll: handleScroll, style: { transform: `translate3d(${-translateLeft}px, 0, 0)` } }, (0, helpers_1.alterChildren)(children, itemsRef, itemsPerSlide, slideWidth, offset, gap))));
 };
 exports.default = CarouselList;

package/ebay-carousel/carousel.js

@@ -1,15 +1,4 @@
 "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);
@@ -48,58 +37,57 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var carousel_control_button_1 = __importDefault(require("./carousel-control-button"));
-var carousel_list_1 = __importDefault(require("./carousel-list"));
-var helpers_1 = require("./helpers");
-var debounce_1 = require("../common/debounce");
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const carousel_control_button_1 = __importDefault(require("./carousel-control-button"));
+const carousel_list_1 = __importDefault(require("./carousel-list"));
+const helpers_1 = require("./helpers");
+const debounce_1 = require("../common/debounce");
 // TO-DO:
 // Image slides
 // Auto play (+ onPlay/onPause callbacks)
-var EbayCarousel = function (_a) {
-    var _b = _a.gap, gap = _b === void 0 ? 16 : _b, _c = _a.index, index = _c === void 0 ? 0 : _c, _itemsPerSlide = _a.itemsPerSlide, a11yPreviousText = _a.a11yPreviousText, a11yNextText = _a.a11yNextText, _d = _a.onScroll, onScroll = _d === void 0 ? function () { } : _d, _e = _a.onNext, onNext = _e === void 0 ? function () { } : _e, _f = _a.onPrevious, onPrevious = _f === void 0 ? function () { } : _f, _g = _a.onSlide, onSlide = _g === void 0 ? function () { } : _g, className = _a.className, children = _a.children, rest = __rest(_a, ["gap", "index", "itemsPerSlide", "a11yPreviousText", "a11yNextText", "onScroll", "onNext", "onPrevious", "onSlide", "className", "children"]);
-    var _h = (0, react_1.useState)(index), activeIndex = _h[0], setActiveIndex = _h[1];
-    var _j = (0, react_1.useState)(0), slideWidth = _j[0], setSlideWidth = _j[1];
-    var _k = (0, react_1.useState)(0), offset = _k[0], setOffset = _k[1];
-    var containerRef = (0, react_1.useRef)(null);
-    var itemsRef = (0, react_1.useRef)([]);
-    var itemCount = react_1.Children.count(children);
-    var itemsPerSlide = Math.floor(_itemsPerSlide) || undefined;
-    var isSingleSlide = itemCount <= itemsPerSlide;
-    var prevControlDisabled = isSingleSlide || offset === 0;
-    var nextControlDisabled = isSingleSlide || (offset === (0, helpers_1.getMaxOffset)(itemsRef.current, slideWidth));
-    var handleResize = function () {
+const EbayCarousel = (_a) => {
+    var { gap = 16, index = 0, itemsPerSlide: _itemsPerSlide, a11yPreviousText, a11yNextText, onScroll = () => { }, onNext = () => { }, onPrevious = () => { }, onSlide = () => { }, className, children } = _a, rest = __rest(_a, ["gap", "index", "itemsPerSlide", "a11yPreviousText", "a11yNextText", "onScroll", "onNext", "onPrevious", "onSlide", "className", "children"]);
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(index);
+    const [slideWidth, setSlideWidth] = (0, react_1.useState)(0);
+    const [offset, setOffset] = (0, react_1.useState)(0);
+    const containerRef = (0, react_1.useRef)(null);
+    const itemsRef = (0, react_1.useRef)([]);
+    const itemCount = react_1.Children.count(children);
+    const itemsPerSlide = Math.floor(_itemsPerSlide) || undefined;
+    const isSingleSlide = itemCount <= itemsPerSlide;
+    const prevControlDisabled = isSingleSlide || offset === 0;
+    const nextControlDisabled = isSingleSlide || (offset === (0, helpers_1.getMaxOffset)(itemsRef.current, slideWidth));
+    const handleResize = () => {
         if (!containerRef.current)
             return;
-        var containerWidth = containerRef.current.getBoundingClientRect().width;
+        const { width: containerWidth } = containerRef.current.getBoundingClientRect();
         setSlideWidth(containerWidth);
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         window.addEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
-        return function () {
+        return () => {
             window.removeEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
         };
     }, []);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setOffset((0, helpers_1.getOffset)(itemsRef.current, activeIndex, slideWidth));
     }, [activeIndex, slideWidth]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (index >= 0 && index <= itemCount - 1) {
             setActiveIndex(index);
         }
     }, [index]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         itemsRef.current = itemsRef.current.splice(0, itemCount);
     }, [children]);
-    (0, react_1.useEffect)(function () {
-        var containerWidth = containerRef.current.getBoundingClientRect().width;
+    (0, react_1.useEffect)(() => {
+        const { width: containerWidth } = containerRef.current.getBoundingClientRect();
         setSlideWidth(containerWidth);
     }, [containerRef.current]);
-    var handleControlClick = function (event, _a) {
-        var direction = _a.direction;
-        var nextIndex = (0, helpers_1.getNextIndex)(direction, activeIndex, itemsRef.current, slideWidth, itemsPerSlide);
-        var slide = (0, helpers_1.getSlide)(activeIndex, itemsPerSlide, nextIndex);
+    const handleControlClick = (event, { direction }) => {
+        const nextIndex = (0, helpers_1.getNextIndex)(direction, activeIndex, itemsRef.current, slideWidth, itemsPerSlide);
+        const slide = (0, helpers_1.getSlide)(activeIndex, itemsPerSlide, nextIndex);
         setActiveIndex(nextIndex);
         if (direction === 'LEFT') {
             onPrevious(event);
@@ -107,9 +95,9 @@ var EbayCarousel = function (_a) {
         else {
             onNext(event);
         }
-        onSlide({ slide: slide });
+        onSlide({ slide });
     };
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('carousel', className, {
+    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)('carousel', className, {
             'carousel--slides': itemsPerSlide,
             'carousel--peek': itemsPerSlide % 1 === 0
         }) }, rest),

package/ebay-carousel/helpers.js

@@ -1,66 +1,56 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getClosestIndex = exports.getNextIndex = exports.getSlide = exports.alterChildren = exports.getOffset = exports.getMaxOffset = exports.isNativeScrolling = exports.getRelativeRects = void 0;
-var react_1 = require("react");
+const react_1 = require("react");
 function getRelativeRects(el) {
-    var parent = el.parentElement;
-    var currentLeft = parent
+    const parent = el.parentElement;
+    const currentLeft = parent
         ? parent.firstElementChild.getBoundingClientRect().left
         : 0;
-    var _a = el.getBoundingClientRect(), left = _a.left, right = _a.right;
+    const { left, right } = el.getBoundingClientRect();
     return {
         left: left - currentLeft,
         right: right - currentLeft
     };
 }
 exports.getRelativeRects = getRelativeRects;
-var isNativeScrolling = function (el) { return getComputedStyle(el).overflowX !== 'visible'; };
+const isNativeScrolling = (el) => getComputedStyle(el).overflowX !== 'visible';
 exports.isNativeScrolling = isNativeScrolling;
-var getMaxOffset = function (items, slideWidth) {
+const getMaxOffset = (items, slideWidth) => {
     if (!items.length) {
         return 0;
     }
-    var lastEl = items[items.length - 1];
+    const lastEl = items[items.length - 1];
     return Math.max(lastEl.right - slideWidth, 0) || 0;
 };
 exports.getMaxOffset = getMaxOffset;
-var getOffset = function (items, index, slideWidth) {
+const getOffset = (items, index, slideWidth) => {
     if (!items.length) {
         return 0;
     }
     return Math.min(items[index].left, (0, exports.getMaxOffset)(items, slideWidth)) || 0;
 };
 exports.getOffset = getOffset;
-var alterChildren = function (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) { return react_1.Children.map(children, function (item, index) {
-    var _a = item.props.style, style = _a === void 0 ? {} : _a;
-    var itemWidth;
+const alterChildren = (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) => react_1.Children.map(children, (item, index) => {
+    const { style = {} } = item.props;
+    let itemWidth;
     if (itemsPerSlide) {
-        var itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
-        itemWidth = "calc(".concat(100 / itemsInSlide, "% - ").concat(((itemsInSlide - 1) * gap) / itemsInSlide, "px)");
+        const itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
+        itemWidth = `calc(${100 / itemsInSlide}% - ${((itemsInSlide - 1) * gap) / itemsInSlide}px)`;
     }
-    var isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
-    return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { slideWidth: slideWidth, offset: offset, ref: function (el) {
+    const isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
+    return (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { slideWidth,
+        offset, ref: el => {
             itemsRef.current[index] = el;
-        }, className: isStartOfSlide ? 'carousel__snap-point' : item.props.className, style: __assign(__assign({}, style), { width: itemWidth || style.width, marginRight: gap && index !== react_1.Children.count(children) - 1 ? "".concat(gap, "px") : style.marginRight }) }));
-}); };
+        }, className: isStartOfSlide ? 'carousel__snap-point' : item.props.className, style: Object.assign(Object.assign({}, style), { width: itemWidth || style.width, marginRight: gap && index !== react_1.Children.count(children) - 1 ? `${gap}px` : style.marginRight }) }));
+});
 exports.alterChildren = alterChildren;
 /**
  * Ensures that an index is valid.
  */
-var normalizeIndex = function (index, items, itemsPerSlide) {
+const normalizeIndex = (index, items, itemsPerSlide) => {
     if (index > 0) {
-        var result = index;
+        let result = index;
         result %= items.length || 1; // Ensure index is within bounds.
         result -= result % (itemsPerSlide || 1); // Round index to the nearest valid slide index.
         result = Math.abs(result); // Ensure positive value.
@@ -72,18 +62,17 @@ var normalizeIndex = function (index, items, itemsPerSlide) {
  * Gets the slide for a given index.
  * Defaults to the current index if none provided.
  */
-var getSlide = function (activeIndex, itemsPerSlide, nextIndex) {
-    if (nextIndex === void 0) { nextIndex = activeIndex; }
+const getSlide = (activeIndex, itemsPerSlide, nextIndex = activeIndex) => {
     if (!itemsPerSlide) {
         return;
     }
     return Math.ceil(nextIndex / itemsPerSlide);
 };
 exports.getSlide = getSlide;
-var getDelta = function (direction) { return direction === 'LEFT' ? -1 : 1; };
-var getNextIndex = function (direction, activeIndex, items, slideWidth, itemsPerSlide) {
-    var i = activeIndex;
-    var item;
+const getDelta = (direction) => direction === 'LEFT' ? -1 : 1;
+const getNextIndex = (direction, activeIndex, items, slideWidth, itemsPerSlide) => {
+    let i = activeIndex;
+    let item;
     // If going backward from 0, we go to the end.
     if (direction === 'LEFT' && i === 0) {
         i = items.length - 1;
@@ -91,12 +80,12 @@ var getNextIndex = function (direction, activeIndex, items, slideWidth, itemsPer
     else {
         // Find the index of the next item that is not fully in view.
         do {
-            var delta = getDelta(direction);
+            const delta = getDelta(direction);
             item = items[i += delta];
         } while (item && item.fullyVisible);
         if (direction === 'LEFT' && !itemsPerSlide) {
             // If going left without items per slide, go as far left as possible while keeping this item fully in view.
-            var targetOffset = item.right - slideWidth;
+            const targetOffset = item.right - slideWidth;
             do {
                 item = items[--i];
             } while (item && item.left >= targetOffset);
@@ -106,19 +95,18 @@ var getNextIndex = function (direction, activeIndex, items, slideWidth, itemsPer
     return normalizeIndex(i, items, itemsPerSlide);
 };
 exports.getNextIndex = getNextIndex;
-var getClosestIndex = function (scrollLeft, items, slideWidth, itemsPerSlide, gap) {
-    if (itemsPerSlide === void 0) { itemsPerSlide = 1; }
-    var closest;
+const getClosestIndex = (scrollLeft, items, slideWidth, itemsPerSlide = 1, gap) => {
+    let closest;
     if (scrollLeft >= (0, exports.getMaxOffset)(items, slideWidth) - gap) {
         closest = items.length - 1;
     }
     else {
         // Find the closest item using a binary search on each carousel slide.
-        var totalItems = items.length;
-        var low = 0;
-        var high = Math.ceil(totalItems / itemsPerSlide) - 1;
+        const totalItems = items.length;
+        let low = 0;
+        let high = Math.ceil(totalItems / itemsPerSlide) - 1;
         while (high - low > 1) {
-            var mid = Math.floor((low + high) / 2);
+            const mid = Math.floor((low + high) / 2);
             if (scrollLeft > items[mid * itemsPerSlide].left) {
                 low = mid;
             }
@@ -126,8 +114,8 @@ var getClosestIndex = function (scrollLeft, items, slideWidth, itemsPerSlide, ga
                 high = mid;
             }
         }
-        var deltaLow = Math.abs(scrollLeft - items[low * itemsPerSlide].left);
-        var deltaHigh = Math.abs(scrollLeft - items[high * itemsPerSlide].left);
+        const deltaLow = Math.abs(scrollLeft - items[low * itemsPerSlide].left);
+        const deltaHigh = Math.abs(scrollLeft - items[high * itemsPerSlide].left);
         closest = normalizeIndex((deltaLow > deltaHigh ? high : low) * itemsPerSlide, items, itemsPerSlide);
     }
     return closest;

package/ebay-carousel/scroll-to-transition.js

@@ -3,27 +3,27 @@
 // todo: replace with ebayui-core-react/ebay-carousel when it's ready
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.scrollTransition = void 0;
-var onScrollEnd = function (el, fn) {
-    var timeout;
-    var frame;
-    var lastPos;
+const onScrollEnd = (el, fn) => {
+    let timeout;
+    let frame;
+    let lastPos;
     (function checkMoved() {
-        var scrollLeft = el.scrollLeft;
+        const { scrollLeft } = el;
         if (lastPos !== scrollLeft) {
             lastPos = scrollLeft;
-            timeout = setTimeout(function () {
+            timeout = setTimeout(() => {
                 frame = requestAnimationFrame(checkMoved);
             }, 90);
             return;
         }
         fn(lastPos);
     }());
-    return function () {
+    return () => {
         clearTimeout(timeout);
         cancelAnimationFrame(frame);
     };
 };
-var supportsScrollBehavior = typeof window !== 'undefined' && 'scrollBehavior' in document.body.style;
+const supportsScrollBehavior = typeof window !== 'undefined' && 'scrollBehavior' in document.body.style;
 /**
  * Utility to animate scroll position of an element using an `ease-out` curve over 250ms.
  * Cancels the animation if the user touches back down.
@@ -38,14 +38,14 @@ function scrollTransition(el, to, fn) {
         el.scrollTo({ left: to });
         return onScrollEnd(el, fn);
     }
-    var lastPosition;
-    var cancelInterruptTransition;
-    var frame = requestAnimationFrame(function (startTime) {
-        var scrollLeft = el.scrollLeft;
-        var distance = to - scrollLeft;
-        var duration = 450;
+    let lastPosition;
+    let cancelInterruptTransition;
+    let frame = requestAnimationFrame(startTime => {
+        const { scrollLeft } = el;
+        const distance = to - scrollLeft;
+        const duration = 450;
         (function animate(curTime) {
-            var delta = curTime - startTime;
+            const delta = curTime - startTime;
             if (delta > duration) {
                 el.scrollLeft = to;
                 cancel();

package/ebay-checkbox/checkbox.js

@@ -1,15 +1,4 @@
 "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);
@@ -48,41 +37,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_icon_1 = require("../ebay-icon");
-var ebay_field_1 = require("../ebay-field");
-var component_utils_1 = require("../common/component-utils");
-var isControlled = function (checked) { return typeof checked !== 'undefined'; };
-var EbayCheckbox = function (_a) {
-    var id = _a.id, _b = _a.size, size = _b === void 0 ? 'default' : _b, className = _a.className, style = _a.style, checked = _a.checked, _c = _a.defaultChecked, defaultChecked = _c === void 0 ? false : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onFocus, onFocus = _e === void 0 ? function () { } : _e, _f = _a.onKeyDown, onKeyDown = _f === void 0 ? function () { } : _f, children = _a.children, inputRef = _a.inputRef, rest = __rest(_a, ["id", "size", "className", "style", "checked", "defaultChecked", "onChange", "onFocus", "onKeyDown", "children", "inputRef"]);
-    var _g = (0, react_1.useState)(defaultChecked), isChecked = _g[0], setChecked = _g[1];
-    var handleChange = function (e) {
-        var input = e.target;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_icon_1 = require("../ebay-icon");
+const ebay_field_1 = require("../ebay-field");
+const component_utils_1 = require("../common/component-utils");
+const isControlled = checked => typeof checked !== 'undefined';
+const EbayCheckbox = (_a) => {
+    var { id, size = 'default', className, style, checked, defaultChecked = false, onChange = () => { }, onFocus = () => { }, onKeyDown = () => { }, children, inputRef } = _a, rest = __rest(_a, ["id", "size", "className", "style", "checked", "defaultChecked", "onChange", "onFocus", "onKeyDown", "children", "inputRef"]);
+    const [isChecked, setChecked] = (0, react_1.useState)(defaultChecked);
+    const handleChange = (e) => {
+        const input = e.target;
         onChange(e, { value: input === null || input === void 0 ? void 0 : input.value, checked: Boolean(input === null || input === void 0 ? void 0 : input.checked) });
         setChecked(input === null || input === void 0 ? void 0 : input.checked);
     };
-    var handleFocus = function (e) { var _a, _b; return onFocus(e, { value: (_a = e.target) === null || _a === void 0 ? void 0 : _a.value, checked: Boolean((_b = e.target) === null || _b === void 0 ? void 0 : _b.checked) }); };
-    var handleKeyDown = function (e) {
-        var input = e.target;
+    const handleFocus = (e) => { var _a, _b; return onFocus(e, { value: (_a = e.target) === null || _a === void 0 ? void 0 : _a.value, checked: Boolean((_b = e.target) === null || _b === void 0 ? void 0 : _b.checked) }); };
+    const handleKeyDown = (e) => {
+        const input = e.target;
         onKeyDown(e, { value: input.value, checked: Boolean(input.checked) });
     };
-    var containerClass = (0, classnames_1.default)('checkbox', className, { 'checkbox--large': size === 'large' });
-    var iconChecked = size === 'large' ?
+    const containerClass = (0, classnames_1.default)('checkbox', className, { 'checkbox--large': size === 'large' });
+    const iconChecked = size === 'large' ?
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxChecked24", className: "checkbox__checked" }) :
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxChecked18", className: "checkbox__checked" });
-    var iconUnChecked = size === 'large' ?
+    const iconUnChecked = size === 'large' ?
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxUnchecked24", className: "checkbox__unchecked" }) :
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxUnchecked18", className: "checkbox__unchecked" });
-    var ebayLabel = (0, component_utils_1.findComponent)(children, ebay_field_1.EbayLabel);
+    const ebayLabel = (0, component_utils_1.findComponent)(children, ebay_field_1.EbayLabel);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", { className: containerClass, style: __assign(__assign({}, style), { alignItems: 'center' }) },
-            react_1.default.createElement("input", __assign({}, rest, { id: id, className: "checkbox__control", type: "checkbox", checked: isControlled(checked) ? checked : isChecked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: inputRef })),
+        react_1.default.createElement("span", { className: containerClass, style: Object.assign(Object.assign({}, style), { alignItems: 'center' }) },
+            react_1.default.createElement("input", Object.assign({}, rest, { id: id, className: "checkbox__control", type: "checkbox", checked: isControlled(checked) ? checked : isChecked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: inputRef })),
             react_1.default.createElement("span", { className: "checkbox__icon", hidden: true },
                 iconChecked,
                 iconUnChecked)),
         ebayLabel ?
-            (0, react_1.cloneElement)(ebayLabel, __assign(__assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
+            (0, react_1.cloneElement)(ebayLabel, Object.assign(Object.assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
             children));
 };
 exports.default = EbayCheckbox;

package/ebay-confirm-dialog/confirm-dialog.js

@@ -1,15 +1,4 @@
 "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);
@@ -48,17 +37,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_dialog_base_1 = require("../ebay-dialog-base");
-var ebay_button_1 = require("../ebay-button");
-var classPrefix = 'confirm-dialog';
-var EbayConfirmDialog = function (_a) {
-    var _b = _a.a11yCloseText, a11yCloseText = _b === void 0 ? 'Close Dialog' : _b, confirmText = _a.confirmText, rejectText = _a.rejectText, _c = _a.onReject, onReject = _c === void 0 ? function () { } : _c, _d = _a.onConfirm, onConfirm = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["a11yCloseText", "confirmText", "rejectText", "onReject", "onConfirm"]);
-    var confirmBtnRef = (0, react_1.useRef)(null);
-    var confirmId = 'confirm-dialog-confirm';
-    var mainId = 'confirm-dialog-main';
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "dialog", mainId: mainId, classPrefix: classPrefix, className: (0, classnames_1.default)(rest.className, "".concat(classPrefix, "--mask-fade")), windowClass: "".concat(classPrefix, "__window ").concat(classPrefix, "__window--fade"), buttonPosition: "hidden", onCloseBtnClick: onReject }),
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_dialog_base_1 = require("../ebay-dialog-base");
+const ebay_button_1 = require("../ebay-button");
+const classPrefix = 'confirm-dialog';
+const EbayConfirmDialog = (_a) => {
+    var { a11yCloseText = 'Close Dialog', confirmText, rejectText, onReject = () => { }, onConfirm = () => { } } = _a, rest = __rest(_a, ["a11yCloseText", "confirmText", "rejectText", "onReject", "onConfirm"]);
+    const confirmBtnRef = (0, react_1.useRef)(null);
+    const confirmId = 'confirm-dialog-confirm';
+    const mainId = 'confirm-dialog-main';
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "dialog", mainId: mainId, classPrefix: classPrefix, className: (0, classnames_1.default)(rest.className, `${classPrefix}--mask-fade`), windowClass: `${classPrefix}__window ${classPrefix}__window--fade`, buttonPosition: "hidden", onCloseBtnClick: onReject }),
         rest.children,
         react_1.default.createElement(ebay_dialog_base_1.EbayDialogFooter, null,
             react_1.default.createElement(ebay_button_1.EbayButton, { onClick: onReject, className: "confirm-dialog__reject" }, rejectText),

package/ebay-cta-button/cta-button.d.ts

@@ -7,6 +7,6 @@ type Props = HTMLAnchorProps & {
     size?: Size;
     forwardedRef?: RefObject<HTMLAnchorElement>;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "forwardedRef" | "key" | "size" | "fluid" | "truncate" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<React.FC<Props>>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<React.FC<Props>>>;
 export default _default;
 //# sourceMappingURL=cta-button.d.ts.map

package/ebay-cta-button/cta-button.js

@@ -1,15 +1,4 @@
 "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)
@@ -25,15 +14,15 @@ 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 classnames_1 = __importDefault(require("classnames"));
-var forwardRef_1 = require("../common/component-utils/forwardRef");
-var ebay_icon_1 = require("../ebay-icon");
-var ebay_button_1 = require("../ebay-button");
-var EbayCtaButton = function (_a) {
-    var size = _a.size, children = _a.children, fluid = _a.fluid, truncate = _a.truncate, forwardedRef = _a.forwardedRef, extraClasses = _a.className, rest = __rest(_a, ["size", "children", "fluid", "truncate", "forwardedRef", "className"]);
-    var className = (0, classnames_1.default)(extraClasses, 'cta-btn', { 'cta-btn--large': size === 'large' }, { 'cta-btn--fluid': fluid }, { 'cta-btn--truncated': truncate });
-    return (react_1.default.createElement("a", __assign({}, rest, { className: className, ref: forwardedRef }),
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const forwardRef_1 = require("../common/component-utils/forwardRef");
+const ebay_icon_1 = require("../ebay-icon");
+const ebay_button_1 = require("../ebay-button");
+const EbayCtaButton = (_a) => {
+    var { size, children, fluid, truncate, forwardedRef, className: extraClasses } = _a, rest = __rest(_a, ["size", "children", "fluid", "truncate", "forwardedRef", "className"]);
+    const className = (0, classnames_1.default)(extraClasses, 'cta-btn', { 'cta-btn--large': size === 'large' }, { 'cta-btn--fluid': fluid }, { 'cta-btn--truncated': truncate });
+    return (react_1.default.createElement("a", Object.assign({}, rest, { className: className, ref: forwardedRef }),
         react_1.default.createElement(ebay_button_1.EbayButtonCell, { type: "cta" },
             react_1.default.createElement("span", null, children),
             react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "arrowRight24" }))));