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

package/ebay-carousel/carousel-list.js

@@ -1,81 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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);
-        if (!size || !listRef.current)
-            return;
-        if (skipScrolling) {
-            setSkipScrolling(false);
-            return;
-        }
-        const list = listRef.current;
-        const isNativeScroll = (0, helpers_1.isNativeScrolling)(list);
-        if (isNativeScroll) {
-            setScrollTransitioning(true);
-            (0, scroll_to_transition_1.scrollTransition)(list, offset, () => 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);
-        if (closest !== activeIndex) {
-            setSkipScrolling(true);
-            onSetActiveIndex(closest);
-            onScroll({ index: closest });
-        }
-    }, [listRef.current, itemsRef.current, slideWidth, activeIndex, onSetActiveIndex]);
-    const handleScroll = () => {
-        if (scrollTimeout.current) {
-            clearTimeout(scrollTimeout.current);
-        }
-        scrollTimeout.current = setTimeout(() => {
-            if (!scrollTransitioning) {
-                handleFinishScrolling();
-            }
-        }, 640);
-    };
-    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))));
-};
-exports.default = CarouselList;

package/ebay-carousel/carousel.js

@@ -1,109 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const 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)
-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;
-        const { width: containerWidth } = containerRef.current.getBoundingClientRect();
-        setSlideWidth(containerWidth);
-    };
-    (0, react_1.useEffect)(() => {
-        window.addEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
-        return () => {
-            window.removeEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setOffset((0, helpers_1.getOffset)(itemsRef.current, activeIndex, slideWidth));
-    }, [activeIndex, slideWidth]);
-    (0, react_1.useEffect)(() => {
-        if (index >= 0 && index <= itemCount - 1) {
-            setActiveIndex(index);
-        }
-    }, [index]);
-    (0, react_1.useEffect)(() => {
-        itemsRef.current = itemsRef.current.splice(0, itemCount);
-    }, [children]);
-    (0, react_1.useEffect)(() => {
-        const { width: containerWidth } = containerRef.current.getBoundingClientRect();
-        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);
-        setActiveIndex(nextIndex);
-        if (direction === 'LEFT') {
-            onPrevious(event);
-        }
-        else {
-            onNext(event);
-        }
-        onSlide({ slide });
-    };
-    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)('carousel', className, {
-            'carousel--slides': itemsPerSlide,
-            'carousel--peek': itemsPerSlide % 1 === 0
-        }) }, rest),
-        react_1.default.createElement("div", { ref: containerRef, className: "carousel__container" },
-            react_1.default.createElement(carousel_control_button_1.default, { label: a11yPreviousText, type: "prev", disabled: prevControlDisabled, onClick: handleControlClick }),
-            react_1.default.createElement(carousel_list_1.default, { itemsRef: itemsRef, offset: offset, gap: gap, itemsPerSlide: itemsPerSlide, nextControlDisabled: nextControlDisabled, activeIndex: activeIndex, onScroll: onScroll, onSetActiveIndex: setActiveIndex, slideWidth: slideWidth }, children),
-            react_1.default.createElement(carousel_control_button_1.default, { type: "next", label: a11yNextText, disabled: nextControlDisabled, onClick: handleControlClick }))));
-};
-exports.default = EbayCarousel;

package/ebay-carousel/helpers.js

@@ -1,123 +0,0 @@
-"use strict";
-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");
-function getRelativeRects(el) {
-    const parent = el.parentElement;
-    const currentLeft = parent
-        ? parent.firstElementChild.getBoundingClientRect().left
-        : 0;
-    const { left, right } = el.getBoundingClientRect();
-    return {
-        left: left - currentLeft,
-        right: right - currentLeft
-    };
-}
-exports.getRelativeRects = getRelativeRects;
-const isNativeScrolling = (el) => getComputedStyle(el).overflowX !== 'visible';
-exports.isNativeScrolling = isNativeScrolling;
-const getMaxOffset = (items, slideWidth) => {
-    if (!items.length) {
-        return 0;
-    }
-    const lastEl = items[items.length - 1];
-    return Math.max(lastEl.right - slideWidth, 0) || 0;
-};
-exports.getMaxOffset = getMaxOffset;
-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;
-const alterChildren = (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) => react_1.Children.map(children, (item, index) => {
-    const { style = {} } = item.props;
-    let itemWidth;
-    if (itemsPerSlide) {
-        const itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
-        itemWidth = `calc(${100 / itemsInSlide}% - ${((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 => {
-            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 }) }));
-});
-exports.alterChildren = alterChildren;
-/**
- * Ensures that an index is valid.
- */
-const normalizeIndex = (index, items, itemsPerSlide) => {
-    if (index > 0) {
-        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.
-        return result;
-    }
-    return 0;
-};
-/**
- * Gets the slide for a given index.
- * Defaults to the current index if none provided.
- */
-const getSlide = (activeIndex, itemsPerSlide, 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;
-    // If going backward from 0, we go to the end.
-    if (direction === 'LEFT' && i === 0) {
-        i = items.length - 1;
-    }
-    else {
-        // Find the index of the next item that is not fully in view.
-        do {
-            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.
-            const targetOffset = item.right - slideWidth;
-            do {
-                item = items[--i];
-            } while (item && item.left >= targetOffset);
-            i += 1;
-        }
-    }
-    return normalizeIndex(i, items, itemsPerSlide);
-};
-exports.getNextIndex = getNextIndex;
-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.
-        const totalItems = items.length;
-        let low = 0;
-        let high = Math.ceil(totalItems / itemsPerSlide) - 1;
-        while (high - low > 1) {
-            const mid = Math.floor((low + high) / 2);
-            if (scrollLeft > items[mid * itemsPerSlide].left) {
-                low = mid;
-            }
-            else {
-                high = mid;
-            }
-        }
-        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;
-};
-exports.getClosestIndex = getClosestIndex;

package/ebay-carousel/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayCarouselItem = exports.EbayCarousel = void 0;
-var carousel_1 = require("./carousel");
-Object.defineProperty(exports, "EbayCarousel", { enumerable: true, get: function () { return __importDefault(carousel_1).default; } });
-var carousel_item_1 = require("./carousel-item");
-Object.defineProperty(exports, "EbayCarouselItem", { enumerable: true, get: function () { return __importDefault(carousel_item_1).default; } });

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

@@ -1,102 +0,0 @@
-"use strict";
-// copy-pasted from @ebay/ebayui-core/dist/components/ebay-carousel/utils/scroll-transition
-// 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;
-    (function checkMoved() {
-        const { scrollLeft } = el;
-        if (lastPos !== scrollLeft) {
-            lastPos = scrollLeft;
-            timeout = setTimeout(() => {
-                frame = requestAnimationFrame(checkMoved);
-            }, 90);
-            return;
-        }
-        fn(lastPos);
-    }());
-    return () => {
-        clearTimeout(timeout);
-        cancelAnimationFrame(frame);
-    };
-};
-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.
- *
- * @param {HTMLElement} el The element to scroll.
- * @param {number} to The offset to animate to.
- * @param {function} fn A function that will be called after the transition completes.
- * @return {function} A function that cancels the transition.
- */
-function scrollTransition(el, to, fn) {
-    if (supportsScrollBehavior) {
-        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;
-        (function animate(curTime) {
-            const delta = curTime - startTime;
-            if (delta > duration) {
-                el.scrollLeft = to;
-                cancel();
-                return fn();
-            }
-            el.scrollLeft = easeInOut(delta / duration) * distance + scrollLeft;
-            frame = requestAnimationFrame(animate);
-        }(startTime));
-    });
-    // The animation can be interrupted by new touch events.
-    el.addEventListener('touchstart', handleTouchStart);
-    return cancel;
-    function cancel() {
-        cancelAnimationFrame(frame);
-        if (lastPosition === undefined) {
-            cancelTouchStart();
-        }
-        else {
-            if (cancelInterruptTransition)
-                cancelInterruptTransition();
-            cancelTouchEnd();
-        }
-    }
-    function handleTouchStart() {
-        cancel();
-        lastPosition = el.scrollLeft;
-        // If we were interrupted by a touch start we wait for a touch end to see if we moved.
-        el.addEventListener('touchend', handleTouchEnd);
-    }
-    function handleTouchEnd() {
-        cancelTouchEnd();
-        // If we haven't moved because of the interrupt we continue to transition.
-        if (lastPosition === el.scrollLeft) {
-            cancelInterruptTransition = scrollTransition(el, to, fn);
-        }
-    }
-    function cancelTouchStart() {
-        el.removeEventListener('touchstart', handleTouchStart);
-    }
-    function cancelTouchEnd() {
-        el.removeEventListener('touchend', handleTouchEnd);
-    }
-}
-exports.scrollTransition = scrollTransition;
-/**
- * Ease out timing function.
- * Based on https://gist.github.com/gre/1650294.
- *
- * @param {number} val - A number between 0 and 1.
- * @return {number}
- */
-function easeInOut(val) {
-    return val < 0.5 ? 2 * val * val : -1 + (4 - 2 * val) * val;
-}

package/ebay-carousel/types.js

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

package/ebay-checkbox/checkbox.js

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const 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);
-    };
-    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) });
-    };
-    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" });
-    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" });
-    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: 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, Object.assign(Object.assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
-            children));
-};
-exports.default = EbayCheckbox;

package/ebay-checkbox/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayCheckbox = void 0;
-var checkbox_1 = require("./checkbox");
-Object.defineProperty(exports, "EbayCheckbox", { enumerable: true, get: function () { return __importDefault(checkbox_1).default; } });

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

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const 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),
-            react_1.default.createElement(ebay_button_1.EbayButton, { ref: confirmBtnRef, priority: "primary", onClick: onConfirm, id: confirmId, "aria-describedby": mainId, className: "confirm-dialog__confirm" }, confirmText))));
-};
-exports.default = EbayConfirmDialog;

package/ebay-confirm-dialog/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayConfirmDialog = void 0;
-var confirm_dialog_1 = require("./confirm-dialog");
-Object.defineProperty(exports, "EbayConfirmDialog", { enumerable: true, get: function () { return __importDefault(confirm_dialog_1).default; } });

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

@@ -1,30 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const 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" }))));
-};
-exports.default = (0, forwardRef_1.withForwardRef)(EbayCtaButton);

package/ebay-cta-button/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EbayCtaButton = void 0;
-var cta_button_1 = require("./cta-button");
-Object.defineProperty(exports, "EbayCtaButton", { enumerable: true, get: function () { return __importDefault(cta_button_1).default; } });