@ebay/ui-core-react 7.0.2 → 7.1.0-alpha.3

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; } });

package/ebay-date-textbox/date-textbox.js

@@ -1,179 +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 makeup_expander_1 = __importDefault(require("makeup-expander"));
-const calendar_1 = __importDefault(require("../ebay-calendar/calendar"));
-const ebay_textbox_1 = require("../ebay-textbox");
-const date_utils_1 = require("../ebay-calendar/date-utils");
-const textbox_1 = require("../ebay-textbox/textbox");
-const classnames_1 = __importDefault(require("classnames"));
-const MIN_WIDTH_FOR_DOUBLE_PANE = 600;
-const EbayDateTextbox = (_a) => {
-    var { className, inputPlaceholderText = 'YYYY-MM-DD', a11yOpenPopoverText = 'open calendar', range, value: controlledValue, rangeEnd: controlledRangeEnd, defaultValue, defaultRangeEnd, collapseOnSelect, onChange = () => { }, onInputChange = () => { }, onInputRangeEndChange = () => { } } = _a, rest = __rest(_a, ["className", "inputPlaceholderText", "a11yOpenPopoverText", "range", "value", "rangeEnd", "defaultValue", "defaultRangeEnd", "collapseOnSelect", "onChange", "onInputChange", "onInputRangeEndChange"]);
-    const expander = (0, react_1.useRef)();
-    const containerRef = (0, react_1.useRef)(null);
-    const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue || '');
-    const [internalRangeEnd, setInternalRangeEnd] = (0, react_1.useState)(defaultRangeEnd || '');
-    const valueToRender = (0, textbox_1.isControlled)(controlledValue) ? controlledValue : internalValue;
-    const rangeEndToRender = (0, textbox_1.isControlled)(controlledRangeEnd) ? controlledRangeEnd : internalRangeEnd;
-    const [firstSelected, setFirstSelected] = (0, react_1.useState)(() => (0, date_utils_1.dateArgToISO)(valueToRender));
-    const [secondSelected, setSecondSelected] = (0, react_1.useState)(() => (0, date_utils_1.dateArgToISO)(rangeEndToRender));
-    const [isPopoverOpen, setIsPopoverOpen] = (0, react_1.useState)(false);
-    const [numMonths, setNumMonths] = (0, react_1.useState)(1);
-    const openPopover = () => {
-        setIsPopoverOpen(true);
-    };
-    const closePopover = () => {
-        setIsPopoverOpen(false);
-    };
-    (0, react_1.useEffect)(() => {
-        if (!containerRef.current) {
-            return;
-        }
-        expander.current = new makeup_expander_1.default(containerRef.current, {
-            hostSelector: '.ebay-date-textbox--main > .icon-btn',
-            contentSelector: '.date-textbox__popover',
-            expandOnClick: true,
-            autoCollapse: true
-        });
-        containerRef.current.addEventListener('expander-expand', openPopover);
-        containerRef.current.addEventListener('expander-collapse', closePopover);
-        const calculateNumMonths = () => {
-            setNumMonths(document.documentElement.clientWidth < MIN_WIDTH_FOR_DOUBLE_PANE ? 1 : 2);
-        };
-        calculateNumMonths();
-        window.addEventListener('resize', calculateNumMonths);
-        return () => {
-            var _a;
-            (_a = expander.current) === null || _a === void 0 ? void 0 : _a.destroy();
-            window.removeEventListener('resize', calculateNumMonths);
-        };
-    }, []);
-    const handleInputChange = (event, index) => {
-        const date = new Date(event.target.value);
-        const iso = isNaN(date.getTime()) ? null : (0, date_utils_1.toISO)(date);
-        if (index === 0) {
-            setFirstSelected(iso);
-            setInternalValue(iso || '');
-        }
-        else {
-            setSecondSelected(iso);
-            setInternalRangeEnd(iso || '');
-        }
-        if (range) {
-            onChange(event, {
-                rangeStart: index === 0 ? iso : firstSelected,
-                rangeEnd: index === 1 ? iso : secondSelected
-            });
-        }
-        else {
-            onChange(event, {
-                selected: iso
-            });
-        }
-    };
-    const handlePopoverSelect = (event, { iso }) => {
-        setFirstSelected(iso);
-        setInternalValue(iso);
-        if (range) {
-            const selected = firstSelected || secondSelected;
-            const eventData = {
-                rangeStart: iso,
-                rangeEnd: selected
-            };
-            if (firstSelected && secondSelected) {
-                // both were selected reset selection
-                setInternalRangeEnd('');
-                setSecondSelected(null);
-                eventData.rangeEnd = null;
-            }
-            else if (selected) {
-                // exactly one was selected; fiture out the order
-                if (selected < iso) {
-                    setFirstSelected(selected);
-                    setInternalValue(selected);
-                    setInternalRangeEnd(iso);
-                    setSecondSelected(iso);
-                    eventData.rangeStart = selected;
-                    eventData.rangeEnd = iso;
-                }
-                else {
-                    setFirstSelected(iso);
-                    setInternalValue(iso);
-                    setInternalRangeEnd(selected);
-                    setSecondSelected(selected);
-                    eventData.rangeStart = iso;
-                    eventData.rangeEnd = selected;
-                }
-            }
-            onChange(event, eventData);
-        }
-        else {
-            onChange(event, {
-                selected: iso
-            });
-        }
-        if (collapseOnSelect) {
-            expander.current.expanded = false;
-        }
-    };
-    const handleInternalChange = (event, index) => {
-        if (index === 0) {
-            setInternalValue(event.target.value);
-            onInputChange(event);
-        }
-        else {
-            setInternalRangeEnd(event.target.value);
-            onInputRangeEndChange(event);
-        }
-    };
-    const [rangeStartPlaceholder, mainPlaceholder] = Array.isArray(inputPlaceholderText)
-        ? inputPlaceholderText
-        : [inputPlaceholderText, inputPlaceholderText];
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('date-textbox', className), ref: containerRef },
-        range && (react_1.default.createElement(ebay_textbox_1.EbayTextbox, { value: valueToRender, placeholder: rangeStartPlaceholder, onInputChange: (event) => handleInternalChange(event, 0), onBlur: (event) => handleInputChange(event, 0) })),
-        react_1.default.createElement(ebay_textbox_1.EbayTextbox, { className: "ebay-date-textbox--main", placeholder: mainPlaceholder, value: range ? rangeEndToRender : valueToRender, onInputChange: (event) => handleInternalChange(event, range ? 1 : 0), onBlur: (event) => handleInputChange(event, range ? 1 : 0) },
-            react_1.default.createElement(ebay_textbox_1.EbayTextboxPostfixIcon, { name: "calendar24", buttonAriaLabel: a11yOpenPopoverText })),
-        react_1.default.createElement("div", { hidden: !isPopoverOpen, className: "date-textbox__popover" },
-            react_1.default.createElement(calendar_1.default, Object.assign({}, rest, { range: range, interactive: true, navigable: true, numMonths: numMonths, selected: firstSelected && secondSelected
-                    ? [firstSelected, secondSelected]
-                    : firstSelected || secondSelected || undefined, onSelect: handlePopoverSelect })))));
-};
-exports.default = EbayDateTextbox;

package/ebay-date-textbox/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.EbayDateTextbox = void 0;
-var date_textbox_1 = require("./date-textbox");
-Object.defineProperty(exports, "EbayDateTextbox", { enumerable: true, get: function () { return __importDefault(date_textbox_1).default; } });

package/ebay-dialog-base/components/animation.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogAnimation = void 0;
-const react_1 = require("react");
-function useDialogAnimation({ open, classPrefix, transitionElement, dialogRef, dialogWindowRef, enabled, onTransitionEnd }) {
-    const firstRender = (0, react_1.useRef)(true);
-    (0, react_1.useLayoutEffect)(() => {
-        if (!enabled) {
-            return;
-        }
-        let transitionElements = [dialogWindowRef, dialogRef];
-        if (transitionElement === 'window') {
-            transitionElements = [dialogWindowRef];
-        }
-        else if (transitionElement === 'root') {
-            transitionElements = [dialogRef];
-        }
-        let cancelCurrentAnimation;
-        if (open) {
-            cancelCurrentAnimation = showAnimation({
-                dialog: dialogRef,
-                waitFor: transitionElements,
-                classPrefix,
-                onTransitionEnd
-            });
-        }
-        else if (!firstRender.current) {
-            cancelCurrentAnimation = hideAnimation({
-                dialog: dialogRef,
-                waitFor: transitionElements,
-                classPrefix,
-                onTransitionEnd
-            });
-        }
-        firstRender.current = false;
-        return () => {
-            if (cancelCurrentAnimation) {
-                cancelCurrentAnimation();
-            }
-        };
-    }, [open, enabled]);
-}
-exports.useDialogAnimation = useDialogAnimation;
-function showAnimation({ dialog, waitFor, classPrefix, onTransitionEnd }) {
-    return transition(dialog, waitFor, `${classPrefix}--show`, onTransitionEnd);
-}
-function hideAnimation({ dialog, waitFor, classPrefix, onTransitionEnd }) {
-    return transition(dialog, waitFor, `${classPrefix}--hide`, onTransitionEnd);
-}
-function transition(element, waitFor, className, onTransitionEnd) {
-    if (!element.current || !className) {
-        return;
-    }
-    let ran = 0;
-    const pending = waitFor ? waitFor.length : 0;
-    const initClass = `${className}-init`;
-    element.current.classList.add(initClass);
-    return nextFrame(() => {
-        if (!element.current) {
-            return;
-        }
-        element.current.classList.add(className);
-        element.current.classList.remove(initClass);
-        waitFor.forEach((ref) => {
-            const listener = () => {
-                var _a, _b;
-                if (++ran === pending) {
-                    (_a = element.current) === null || _a === void 0 ? void 0 : _a.classList.remove(className);
-                    onTransitionEnd();
-                    (_b = ref.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', listener);
-                }
-            };
-            ref.current.addEventListener('transitionend', listener, { once: true });
-        });
-    });
-}
-function nextFrame(callback) {
-    let frame;
-    let cancelFrame;
-    if (window.requestAnimationFrame) {
-        frame = window.requestAnimationFrame(() => {
-            frame = window.requestAnimationFrame(callback);
-        });
-        cancelFrame = window.cancelAnimationFrame;
-    }
-    else {
-        frame = window.setTimeout(callback, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.
-        cancelFrame = window.clearTimeout;
-    }
-    return () => {
-        if (frame) {
-            cancelFrame(frame);
-            frame = undefined;
-        }
-    };
-}

package/ebay-dialog-base/components/dialog-actions.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 });
-const react_1 = __importDefault(require("react"));
-const EbayDialogActions = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.default = EbayDialogActions;

package/ebay-dialog-base/components/dialog-close-button.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 });
-const react_1 = __importDefault(require("react"));
-const EbayDialogCloseButton = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.default = EbayDialogCloseButton;

package/ebay-dialog-base/components/dialog-footer.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 });
-const react_1 = __importDefault(require("react"));
-const EbayDialogFooter = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.default = EbayDialogFooter;

package/ebay-dialog-base/components/dialog-header.js

@@ -1,22 +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 EbayDialogHeader = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
-    return react_1.default.createElement("h2", Object.assign({}, rest), children);
-};
-exports.default = EbayDialogHeader;

package/ebay-dialog-base/components/dialog-previous-button.js

@@ -1,24 +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 ebay_icon_button_1 = require("../../ebay-icon-button");
-const EbayDialogPreviousButton = (_a) => {
-    var { className, icon } = _a, rest = __rest(_a, ["className", "icon"]);
-    return (react_1.default.createElement(ebay_icon_button_1.EbayIconButton, Object.assign({}, rest, { icon: icon || 'chevronLeft16', className: (0, classnames_1.default)(className, 'lightbox-dialog__prev') })));
-};
-exports.default = EbayDialogPreviousButton;

package/ebay-dialog-base/components/dialogBase.js

@@ -1,152 +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 });
-exports.DialogBase = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const screenreaderTrap = __importStar(require("makeup-screenreader-trap"));
-const keyboardTrap = __importStar(require("makeup-keyboard-trap"));
-const ebay_icon_1 = require("../../ebay-icon");
-const random_id_1 = require("../../common/random-id");
-const animation_1 = require("./animation");
-const DialogBase = (_a) => {
-    var _b;
-    var { baseEl: Container = 'div', classPrefix = 'drawer-dialog', windowClass, windowType, mainId, top, header, buttonPosition = 'right', children, ariaLabelledby, a11yCloseText, onCloseBtnClick = () => { }, footer, actions, onScroll, open = false, onOpen = () => { }, onBackgroundClick = () => { }, ignoreEscape, closeButton, previousButton, isModal, role = 'dialog', focus, transitionElement, animated, closeButtonClass } = _a, props = __rest(_a, ["baseEl", "classPrefix", "windowClass", "windowType", "mainId", "top", "header", "buttonPosition", "children", "ariaLabelledby", "a11yCloseText", "onCloseBtnClick", "footer", "actions", "onScroll", "open", "onOpen", "onBackgroundClick", "ignoreEscape", "closeButton", "previousButton", "isModal", "role", "focus", "transitionElement", "animated", "closeButtonClass"]);
-    const dialogRef = (0, react_1.useRef)(null);
-    const drawerBaseEl = (0, react_1.useRef)(null);
-    const closeButtonRef = (0, react_1.useRef)(null);
-    const [rId, setRandomId] = (0, react_1.useState)('');
-    (0, react_1.useEffect)(() => {
-        setRandomId((0, random_id_1.randomId)());
-    }, []);
-    (0, react_1.useEffect)(() => {
-        let timeout;
-        const handleBackgroundClick = (e) => {
-            if (drawerBaseEl.current && !drawerBaseEl.current.contains(e.target)) {
-                onBackgroundClick(e);
-            }
-        };
-        if (open && buttonPosition !== 'hidden') {
-            // On React 18 useEffect hooks runs synchronous instead of asynchronous as React 17 or prior
-            // causing the event listener to be attached to the document at the same time that the dialog
-            // opens. Adding a timeout so the event is attached after the click event that opened the modal
-            // is finished.
-            timeout = window.setTimeout(() => {
-                document.addEventListener('click', handleBackgroundClick, false);
-            });
-        }
-        return () => {
-            clearTimeout(timeout);
-            document.removeEventListener('click', handleBackgroundClick, false);
-        };
-    }, [onBackgroundClick, open]);
-    (0, react_1.useEffect)(() => {
-        if (open && isModal) {
-            screenreaderTrap.trap(drawerBaseEl.current);
-            keyboardTrap.trap(drawerBaseEl.current);
-        }
-        else {
-            screenreaderTrap.untrap();
-            keyboardTrap.untrap();
-        }
-        return () => {
-            screenreaderTrap.untrap();
-            keyboardTrap.untrap();
-        };
-    }, [open, isModal]);
-    (0, animation_1.useDialogAnimation)({
-        open,
-        classPrefix,
-        transitionElement,
-        dialogRef,
-        dialogWindowRef: drawerBaseEl,
-        enabled: animated,
-        onTransitionEnd: () => handleFocus(open)
-    });
-    const onKeyDown = (event) => {
-        if (!ignoreEscape && event.key === 'Escape') {
-            event.stopPropagation();
-            onCloseBtnClick(event);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        // For animated dialogs we handle the focus on transitionEnd event
-        if (!animated) {
-            handleFocus(open);
-        }
-        if (open) {
-            onOpen();
-        }
-    }, [open]);
-    function handleFocus(isOpen) {
-        var _a, _b;
-        if (isOpen) {
-            if (focus) {
-                (_a = focus.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else if (isModal) {
-                (_b = closeButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-            document.addEventListener('keydown', onKeyDown, false);
-            return () => document.removeEventListener('keydown', onKeyDown, false);
-        }
-    }
-    const closeButtonContent = buttonPosition !== 'hidden' && (react_1.default.createElement("button", { ref: closeButtonRef, className: (0, classnames_1.default)(`icon-btn`, closeButtonClass, `${classPrefix}__close`, {
-            'icon-btn--transparent': classPrefix === `toast-dialog`
-        }), type: "button", "aria-label": a11yCloseText, onClick: onCloseBtnClick }, closeButton || react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" })));
-    const windowClassName = windowType ? `${classPrefix}__${windowType}-window` : `${classPrefix}__window`;
-    const dialogTitleId = ((_b = header === null || header === void 0 ? void 0 : header.props) === null || _b === void 0 ? void 0 : _b.id) || `dialog-title-${rId}`;
-    const dialogLabelledBy = ariaLabelledby || dialogTitleId;
-    const dialogHeader = header ? (0, react_1.cloneElement)(header, Object.assign(Object.assign({}, header.props), { id: dialogTitleId })) : null;
-    return (react_1.default.createElement(Container, Object.assign({}, props, { "aria-labelledby": dialogLabelledBy, "aria-modal": "true", role: role, hidden: !open, className: (0, classnames_1.default)(classPrefix, props.className), "aria-live": !isModal ? 'polite' : undefined, ref: dialogRef, onKeyDown: onKeyDown }),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(windowClassName, windowClass), ref: drawerBaseEl },
-            top,
-            dialogHeader && (react_1.default.createElement("div", { className: `${classPrefix}__header` },
-                previousButton,
-                buttonPosition === 'right' && dialogHeader,
-                buttonPosition !== 'bottom' && closeButtonContent,
-                (buttonPosition === 'left' || buttonPosition === 'hidden') && dialogHeader)),
-            react_1.default.createElement("div", { id: mainId, className: `${classPrefix}__main`, onScroll: onScroll }, children),
-            actions ? (react_1.default.createElement("div", { className: `${classPrefix}__actions` }, actions)) : null,
-            footer || buttonPosition === 'bottom' ? (react_1.default.createElement("div", { className: `${classPrefix}__footer` },
-                footer,
-                buttonPosition === 'bottom' && closeButtonContent)) : null)));
-};
-exports.DialogBase = DialogBase;
-exports.default = exports.DialogBase;

package/ebay-dialog-base/dialog-base-with-state.js

@@ -1,63 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogBaseWithState = void 0;
-const react_1 = __importStar(require("react"));
-const react_remove_scroll_1 = require("react-remove-scroll");
-const dialogBase_1 = require("./components/dialogBase");
-const index_1 = require("./index");
-const DialogBaseWithState = (_a) => {
-    var { isModal, open, children, animated = true } = _a, rest = __rest(_a, ["isModal", "open", "children", "animated"]);
-    const shouldRenderModal = isModal !== false;
-    const childrenArray = react_1.Children.toArray(children);
-    const header = childrenArray.find((child) => child.type === index_1.EbayDialogHeader);
-    const footer = childrenArray.find((child) => child.type === index_1.EbayDialogFooter);
-    const actions = childrenArray.find((child) => child.type === index_1.EbayDialogActions);
-    const closeButton = childrenArray.find((child) => child.type === index_1.EbayDialogCloseButton);
-    const previousButton = childrenArray.find((child) => child.type === index_1.EbayDialogPreviousButton);
-    const content = childrenArray.filter((child) => ![
-        index_1.EbayDialogHeader,
-        index_1.EbayDialogFooter,
-        index_1.EbayDialogCloseButton,
-        index_1.EbayDialogActions,
-        index_1.EbayDialogPreviousButton
-    ].some(c => c === child.type));
-    const dialogBase = (react_1.default.createElement(dialogBase_1.DialogBase, Object.assign({}, rest, { open: open, isModal: shouldRenderModal, header: header, footer: footer, actions: actions, closeButton: closeButton, previousButton: previousButton, animated: animated }), content));
-    const renderOverLay = () => shouldRenderModal ? (react_1.default.createElement(react_remove_scroll_1.RemoveScroll, { enabled: open }, dialogBase)) : dialogBase;
-    return animated || open ? renderOverLay() : null;
-};
-exports.DialogBaseWithState = DialogBaseWithState;
-exports.default = exports.DialogBaseWithState;

package/ebay-dialog-base/index.js

@@ -1,18 +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.EbayDialogPreviousButton = exports.EbayDialogActions = exports.DialogBaseWithState = exports.EbayDialogCloseButton = exports.EbayDialogFooter = exports.EbayDialogHeader = void 0;
-var dialog_header_1 = require("./components/dialog-header");
-Object.defineProperty(exports, "EbayDialogHeader", { enumerable: true, get: function () { return __importDefault(dialog_header_1).default; } });
-var dialog_footer_1 = require("./components/dialog-footer");
-Object.defineProperty(exports, "EbayDialogFooter", { enumerable: true, get: function () { return __importDefault(dialog_footer_1).default; } });
-var dialog_close_button_1 = require("./components/dialog-close-button");
-Object.defineProperty(exports, "EbayDialogCloseButton", { enumerable: true, get: function () { return __importDefault(dialog_close_button_1).default; } });
-var dialog_base_with_state_1 = require("./dialog-base-with-state");
-Object.defineProperty(exports, "DialogBaseWithState", { enumerable: true, get: function () { return __importDefault(dialog_base_with_state_1).default; } });
-var dialog_actions_1 = require("./components/dialog-actions");
-Object.defineProperty(exports, "EbayDialogActions", { enumerable: true, get: function () { return __importDefault(dialog_actions_1).default; } });
-var dialog_previous_button_1 = require("./components/dialog-previous-button");
-Object.defineProperty(exports, "EbayDialogPreviousButton", { enumerable: true, get: function () { return __importDefault(dialog_previous_button_1).default; } });