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

package/ebay-carousel/carousel-list.js

@@ -26,48 +26,49 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const 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);
+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);
         if (!size || !listRef.current)
             return;
         if (skipScrolling) {
             setSkipScrolling(false);
             return;
         }
-        const list = listRef.current;
-        const isNativeScroll = (0, helpers_1.isNativeScrolling)(list);
+        var list = listRef.current;
+        var isNativeScroll = (0, helpers_1.isNativeScrolling)(list);
         if (isNativeScroll) {
             setScrollTransitioning(true);
-            (0, scroll_to_transition_1.scrollTransition)(list, offset, () => setScrollTransitioning(false));
+            (0, scroll_to_transition_1.scrollTransition)(list, offset, function () { return setScrollTransitioning(false); });
         }
         else {
             setTranslateLeft(offset);
         }
     }, [offset]);
-    const handleFinishScrolling = (0, react_1.useCallback)(() => {
-        const scrollLeft = listRef.current.scrollLeft;
-        const closest = (0, helpers_1.getClosestIndex)(scrollLeft, itemsRef.current, slideWidth, itemsPerSlide, gap);
+    var handleFinishScrolling = (0, react_1.useCallback)(function () {
+        var scrollLeft = listRef.current.scrollLeft;
+        var 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]);
-    const handleScroll = () => {
+    var handleScroll = function () {
         if (scrollTimeout.current) {
             clearTimeout(scrollTimeout.current);
         }
-        scrollTimeout.current = setTimeout(() => {
+        scrollTimeout.current = setTimeout(function () {
             if (!scrollTransitioning) {
                 handleFinishScrolling();
             }
@@ -76,6 +77,6 @@ const CarouselList = ({ gap = 16, itemsPerSlide, slideWidth, offset, activeIndex
     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(${-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(".concat(-translateLeft, "px, 0, 0)") } }, (0, helpers_1.alterChildren)(children, itemsRef, itemsPerSlide, slideWidth, offset, gap))));
 };
 exports.default = CarouselList;

package/ebay-carousel/carousel.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,57 +48,58 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const 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");
+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");
 // TO-DO:
 // Image slides
 // Auto play (+ onPlay/onPause callbacks)
-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 = () => {
+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 () {
         if (!containerRef.current)
             return;
-        const { width: containerWidth } = containerRef.current.getBoundingClientRect();
+        var containerWidth = containerRef.current.getBoundingClientRect().width;
         setSlideWidth(containerWidth);
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
-        return () => {
+        return function () {
             window.removeEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
         };
     }, []);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         setOffset((0, helpers_1.getOffset)(itemsRef.current, activeIndex, slideWidth));
     }, [activeIndex, slideWidth]);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         if (index >= 0 && index <= itemCount - 1) {
             setActiveIndex(index);
         }
     }, [index]);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         itemsRef.current = itemsRef.current.splice(0, itemCount);
     }, [children]);
-    (0, react_1.useEffect)(() => {
-        const { width: containerWidth } = containerRef.current.getBoundingClientRect();
+    (0, react_1.useEffect)(function () {
+        var containerWidth = containerRef.current.getBoundingClientRect().width;
         setSlideWidth(containerWidth);
     }, [containerRef.current]);
-    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);
+    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);
         setActiveIndex(nextIndex);
         if (direction === 'LEFT') {
             onPrevious(event);
@@ -95,9 +107,9 @@ const EbayCarousel = (_a) => {
         else {
             onNext(event);
         }
-        onSlide({ slide });
+        onSlide({ slide: slide });
     };
-    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)('carousel', className, {
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('carousel', className, {
             'carousel--slides': itemsPerSlide,
             'carousel--peek': itemsPerSlide % 1 === 0
         }) }, rest),

package/ebay-carousel/helpers.js

@@ -1,56 +1,66 @@
 "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;
-const react_1 = require("react");
+var react_1 = require("react");
 function getRelativeRects(el) {
-    const parent = el.parentElement;
-    const currentLeft = parent
+    var parent = el.parentElement;
+    var currentLeft = parent
         ? parent.firstElementChild.getBoundingClientRect().left
         : 0;
-    const { left, right } = el.getBoundingClientRect();
+    var _a = el.getBoundingClientRect(), left = _a.left, right = _a.right;
     return {
         left: left - currentLeft,
         right: right - currentLeft
     };
 }
 exports.getRelativeRects = getRelativeRects;
-const isNativeScrolling = (el) => getComputedStyle(el).overflowX !== 'visible';
+var isNativeScrolling = function (el) { return getComputedStyle(el).overflowX !== 'visible'; };
 exports.isNativeScrolling = isNativeScrolling;
-const getMaxOffset = (items, slideWidth) => {
+var getMaxOffset = function (items, slideWidth) {
     if (!items.length) {
         return 0;
     }
-    const lastEl = items[items.length - 1];
+    var lastEl = items[items.length - 1];
     return Math.max(lastEl.right - slideWidth, 0) || 0;
 };
 exports.getMaxOffset = getMaxOffset;
-const getOffset = (items, index, slideWidth) => {
+var getOffset = function (items, index, slideWidth) {
     if (!items.length) {
         return 0;
     }
     return Math.min(items[index].left, (0, exports.getMaxOffset)(items, slideWidth)) || 0;
 };
 exports.getOffset = getOffset;
-const alterChildren = (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) => react_1.Children.map(children, (item, index) => {
-    const { style = {} } = item.props;
-    let itemWidth;
+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;
     if (itemsPerSlide) {
-        const itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
-        itemWidth = `calc(${100 / itemsInSlide}% - ${((itemsInSlide - 1) * gap) / itemsInSlide}px)`;
+        var itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
+        itemWidth = "calc(".concat(100 / itemsInSlide, "% - ").concat(((itemsInSlide - 1) * gap) / itemsInSlide, "px)");
     }
-    const isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
-    return (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { slideWidth,
-        offset, ref: el => {
+    var isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
+    return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { slideWidth: slideWidth, offset: offset, ref: function (el) {
             itemsRef.current[index] = el;
-        }, 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 }) }));
-});
+        }, 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 }) }));
+}); };
 exports.alterChildren = alterChildren;
 /**
  * Ensures that an index is valid.
  */
-const normalizeIndex = (index, items, itemsPerSlide) => {
+var normalizeIndex = function (index, items, itemsPerSlide) {
     if (index > 0) {
-        let result = index;
+        var 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.
@@ -62,17 +72,18 @@ const normalizeIndex = (index, items, itemsPerSlide) => {
  * Gets the slide for a given index.
  * Defaults to the current index if none provided.
  */
-const getSlide = (activeIndex, itemsPerSlide, nextIndex = activeIndex) => {
+var getSlide = function (activeIndex, itemsPerSlide, nextIndex) {
+    if (nextIndex === void 0) { nextIndex = activeIndex; }
     if (!itemsPerSlide) {
         return;
     }
     return Math.ceil(nextIndex / itemsPerSlide);
 };
 exports.getSlide = getSlide;
-const getDelta = (direction) => direction === 'LEFT' ? -1 : 1;
-const getNextIndex = (direction, activeIndex, items, slideWidth, itemsPerSlide) => {
-    let i = activeIndex;
-    let item;
+var getDelta = function (direction) { return direction === 'LEFT' ? -1 : 1; };
+var getNextIndex = function (direction, activeIndex, items, slideWidth, itemsPerSlide) {
+    var i = activeIndex;
+    var item;
     // If going backward from 0, we go to the end.
     if (direction === 'LEFT' && i === 0) {
         i = items.length - 1;
@@ -80,12 +91,12 @@ const getNextIndex = (direction, activeIndex, items, slideWidth, itemsPerSlide)
     else {
         // Find the index of the next item that is not fully in view.
         do {
-            const delta = getDelta(direction);
+            var 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.
-            const targetOffset = item.right - slideWidth;
+            var targetOffset = item.right - slideWidth;
             do {
                 item = items[--i];
             } while (item && item.left >= targetOffset);
@@ -95,18 +106,19 @@ const getNextIndex = (direction, activeIndex, items, slideWidth, itemsPerSlide)
     return normalizeIndex(i, items, itemsPerSlide);
 };
 exports.getNextIndex = getNextIndex;
-const getClosestIndex = (scrollLeft, items, slideWidth, itemsPerSlide = 1, gap) => {
-    let closest;
+var getClosestIndex = function (scrollLeft, items, slideWidth, itemsPerSlide, gap) {
+    if (itemsPerSlide === void 0) { itemsPerSlide = 1; }
+    var 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.
-        const totalItems = items.length;
-        let low = 0;
-        let high = Math.ceil(totalItems / itemsPerSlide) - 1;
+        var totalItems = items.length;
+        var low = 0;
+        var high = Math.ceil(totalItems / itemsPerSlide) - 1;
         while (high - low > 1) {
-            const mid = Math.floor((low + high) / 2);
+            var mid = Math.floor((low + high) / 2);
             if (scrollLeft > items[mid * itemsPerSlide].left) {
                 low = mid;
             }
@@ -114,8 +126,8 @@ const getClosestIndex = (scrollLeft, items, slideWidth, itemsPerSlide = 1, gap)
                 high = mid;
             }
         }
-        const deltaLow = Math.abs(scrollLeft - items[low * itemsPerSlide].left);
-        const deltaHigh = Math.abs(scrollLeft - items[high * itemsPerSlide].left);
+        var deltaLow = Math.abs(scrollLeft - items[low * itemsPerSlide].left);
+        var 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;
-const onScrollEnd = (el, fn) => {
-    let timeout;
-    let frame;
-    let lastPos;
+var onScrollEnd = function (el, fn) {
+    var timeout;
+    var frame;
+    var lastPos;
     (function checkMoved() {
-        const { scrollLeft } = el;
+        var scrollLeft = el.scrollLeft;
         if (lastPos !== scrollLeft) {
             lastPos = scrollLeft;
-            timeout = setTimeout(() => {
+            timeout = setTimeout(function () {
                 frame = requestAnimationFrame(checkMoved);
             }, 90);
             return;
         }
         fn(lastPos);
     }());
-    return () => {
+    return function () {
         clearTimeout(timeout);
         cancelAnimationFrame(frame);
     };
 };
-const supportsScrollBehavior = typeof window !== 'undefined' && 'scrollBehavior' in document.body.style;
+var 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);
     }
-    let lastPosition;
-    let cancelInterruptTransition;
-    let frame = requestAnimationFrame(startTime => {
-        const { scrollLeft } = el;
-        const distance = to - scrollLeft;
-        const duration = 450;
+    var lastPosition;
+    var cancelInterruptTransition;
+    var frame = requestAnimationFrame(function (startTime) {
+        var scrollLeft = el.scrollLeft;
+        var distance = to - scrollLeft;
+        var duration = 450;
         (function animate(curTime) {
-            const delta = curTime - startTime;
+            var delta = curTime - startTime;
             if (delta > duration) {
                 el.scrollLeft = to;
                 cancel();

package/ebay-checkbox/checkbox.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,41 +48,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const ebay_icon_1 = require("../ebay-icon");
-const 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;
+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;
         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);
     };
-    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;
+    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;
         onKeyDown(e, { value: input.value, checked: Boolean(input.checked) });
     };
-    const containerClass = (0, classnames_1.default)('checkbox', className, { 'checkbox--large': size === 'large' });
-    const iconChecked = size === 'large' ?
+    var containerClass = (0, classnames_1.default)('checkbox', className, { 'checkbox--large': size === 'large' });
+    var 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" });
-    const iconUnChecked = size === 'large' ?
+    var 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" });
-    const ebayLabel = (0, component_utils_1.findComponent)(children, ebay_field_1.EbayLabel);
+    var 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: 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: 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: "checkbox__icon", hidden: true },
                 iconChecked,
                 iconUnChecked)),
         ebayLabel ?
-            (0, react_1.cloneElement)(ebayLabel, Object.assign(Object.assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
+            (0, react_1.cloneElement)(ebayLabel, __assign(__assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
             children));
 };
 exports.default = EbayCheckbox;

package/ebay-confirm-dialog/confirm-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,17 +48,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const ebay_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 }),
+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 }),
         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<Omit<Props, "ref"> & React.RefAttributes<React.FC<Props>>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, "forwardedRef" | "key" | "size" | "fluid" | "truncate" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<React.FC<Props>>>;
 export default _default;
 //# sourceMappingURL=cta-button.d.ts.map

package/ebay-cta-button/cta-button.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,15 +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 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 }),
+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 }),
         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" }))));