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

package/ebay-switch/ebay-switch.js

@@ -1,61 +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 isControlled = checked => typeof checked !== 'undefined';
-const EbaySwitch = (_a) => {
-    var { id, value, name, className, checked, defaultChecked = false, onChange = () => { } } = _a, rest = __rest(_a, ["id", "value", "name", "className", "checked", "defaultChecked", "onChange"]);
-    const [isChecked, setChecked] = (0, react_1.useState)(defaultChecked);
-    (0, react_1.useEffect)(() => {
-        setChecked(!!checked);
-    }, [checked]);
-    const handleChange = (e) => {
-        const { value: inputValue = '', checked: inputChecked = false } = e.target || {};
-        onChange(e, {
-            value: inputValue,
-            checked: inputChecked
-        });
-        setChecked(inputChecked);
-    };
-    return (react_1.default.createElement("span", { className: "switch" },
-        react_1.default.createElement("input", Object.assign({}, rest, { className: (0, classnames_1.default)('switch__control', className), id: id, role: "switch", type: "checkbox", value: value, "aria-checked": isControlled(checked) ? checked : isChecked, checked: isControlled(checked) ? checked : isChecked, name: name, onChange: handleChange })),
-        react_1.default.createElement("span", { className: "switch__button" })));
-};
-exports.default = EbaySwitch;

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

package/ebay-tabs/index.js

@@ -1,12 +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.EbayTabPanel = exports.EbayTab = exports.EbayTabs = void 0;
-var tabs_1 = require("./tabs");
-Object.defineProperty(exports, "EbayTabs", { enumerable: true, get: function () { return __importDefault(tabs_1).default; } });
-var tab_1 = require("./tab");
-Object.defineProperty(exports, "EbayTab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });
-var tab_panel_1 = require("./tab-panel");
-Object.defineProperty(exports, "EbayTabPanel", { enumerable: true, get: function () { return __importDefault(tab_panel_1).default; } });

package/ebay-tabs/tab-panel.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 TabPanel = (_a) => {
-    var { children, index, parentId, selected, className } = _a, rest = __rest(_a, ["children", "index", "parentId", "selected", "className"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { "aria-labelledby": `default-tab-${index}`, className: (0, classnames_1.default)(className, 'tabs__panel'), id: `${parentId || 'default'}-tabpanel-${index}`, role: "tabpanel", hidden: !selected }),
-        react_1.default.createElement("div", { className: "tabs__cell" }, children)));
-};
-exports.default = TabPanel;

package/ebay-tabs/tab.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 Tab = (_a) => {
-    var { children, index, parentId, selected, focused, className, refCallback } = _a, rest = __rest(_a, ["children", "index", "parentId", "selected", "focused", "className", "refCallback"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: refCallback, "aria-controls": `${parentId || 'default'}-tabpanel-${index}`, "aria-selected": selected, className: (0, classnames_1.default)(className, 'tabs__item'), id: `${parentId || 'default'}-tab-${index}`, role: "tab", tabIndex: focused ? 0 : -1 }),
-        react_1.default.createElement("span", null, children)));
-};
-exports.default = Tab;

package/ebay-tabs/tabs.js

@@ -1,90 +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 event_utils_1 = require("../common/event-utils");
-const component_utils_1 = require("../common/component-utils");
-const tab_1 = __importDefault(require("./tab"));
-const tab_panel_1 = __importDefault(require("./tab-panel"));
-const Tabs = ({ id, className, index = 0, size = 'medium', activation = 'auto', onSelect = () => { }, onTabSelect = () => { }, children }) => {
-    const headings = [];
-    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(index);
-    const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(index);
-    const handleSelect = (i) => {
-        onSelect({ selectedIndex: i });
-        onTabSelect(i);
-        setSelectedIndex(i);
-    };
-    /**
-     * Handle a11y for heading
-     * https://ebay.gitbooks.io/mindpatterns/content/disclosure/tabs.html
-     */
-    const onKeyDown = (ev, i) => {
-        (0, event_utils_1.handleActionKeydown)(ev, () => {
-            ev.preventDefault();
-            if (activation === 'manual') {
-                handleSelect(i);
-            }
-        });
-        (0, event_utils_1.handleLeftRightArrowsKeydown)(ev, () => {
-            var _a;
-            ev.preventDefault();
-            const len = (0, component_utils_1.filterByType)(children, tab_1.default).length;
-            const direction = ['Left', 'ArrowLeft'].includes(ev.key) ? -1 : 1;
-            const currentIndex = focusedIndex === undefined ? selectedIndex : focusedIndex;
-            const nextIndex = (currentIndex + len + direction) % len;
-            setFocusedIndex(nextIndex);
-            (_a = headings[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
-            if (activation !== 'manual') {
-                handleSelect(nextIndex);
-            }
-        });
-    };
-    (0, react_1.useEffect)(() => {
-        handleSelect(index);
-    }, [index]);
-    const isLarge = size === 'large';
-    const tabHeadings = (0, component_utils_1.filterByType)(children, tab_1.default).map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { refCallback: ref => { headings[i] = ref; }, index: i, parentId: id, selected: selectedIndex === i, focused: focusedIndex === i, onClick: () => {
-            handleSelect(i);
-            setFocusedIndex(i);
-        }, onKeyDown: e => { onKeyDown(e, i); } })));
-    const tabPanels = (0, component_utils_1.filterByType)(children, tab_panel_1.default).map((item, i) => {
-        const itemProps = {
-            index: i,
-            parentId: id,
-            selected: selectedIndex === i,
-            children: item.props.children
-        };
-        return (0, react_1.cloneElement)(item, itemProps);
-    });
-    return (react_1.default.createElement("div", { id: id, className: (0, classnames_1.default)(className, 'tabs') },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)('tabs__items', { 'tabs__items--large': isLarge }), role: "tablist" }, tabHeadings),
-        react_1.default.createElement("div", { className: "tabs__content" }, tabPanels)));
-};
-exports.default = Tabs;

package/ebay-tabs/types.js

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

package/ebay-textbox/index.js

@@ -1,16 +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.EbayTextboxPostfixText = exports.EbayTextboxPostfixIcon = exports.EbayTextboxPrefixText = exports.EbayTextboxPrefixIcon = exports.EbayTextbox = void 0;
-var textbox_1 = require("./textbox");
-Object.defineProperty(exports, "EbayTextbox", { enumerable: true, get: function () { return __importDefault(textbox_1).default; } });
-var prefix_icon_1 = require("./prefix-icon");
-Object.defineProperty(exports, "EbayTextboxPrefixIcon", { enumerable: true, get: function () { return __importDefault(prefix_icon_1).default; } });
-var prefix_text_1 = require("./prefix-text");
-Object.defineProperty(exports, "EbayTextboxPrefixText", { enumerable: true, get: function () { return __importDefault(prefix_text_1).default; } });
-var postfix_icon_1 = require("./postfix-icon");
-Object.defineProperty(exports, "EbayTextboxPostfixIcon", { enumerable: true, get: function () { return __importDefault(postfix_icon_1).default; } });
-var postfix_text_1 = require("./postfix-text");
-Object.defineProperty(exports, "EbayTextboxPostfixText", { enumerable: true, get: function () { return __importDefault(postfix_text_1).default; } });

package/ebay-textbox/postfix-icon.js

@@ -1,26 +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 ebay_icon_1 = require("../ebay-icon");
-const ebay_icon_button_1 = require("../ebay-icon-button");
-const EbayTextboxPostfixIcon = (_a) => {
-    var { name, buttonAriaLabel, onClick = () => { } } = _a, rest = __rest(_a, ["name", "buttonAriaLabel", "onClick"]);
-    return buttonAriaLabel ?
-        react_1.default.createElement(ebay_icon_button_1.EbayIconButton, Object.assign({ "aria-label": buttonAriaLabel, icon: name, transparent: true, onClick: onClick }, rest)) :
-        react_1.default.createElement(ebay_icon_1.EbayIcon, Object.assign({ name: name }, rest));
-};
-exports.default = EbayTextboxPostfixIcon;

package/ebay-textbox/postfix-text.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 EbayTextboxPostfixText = (props) => (react_1.default.createElement("span", Object.assign({}, props)));
-exports.default = EbayTextboxPostfixText;

package/ebay-textbox/prefix-icon.js

@@ -1,23 +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 ebay_icon_1 = require("../ebay-icon");
-const EbayTextboxPrefixIcon = (_a) => {
-    var { name } = _a, rest = __rest(_a, ["name"]);
-    return (react_1.default.createElement(ebay_icon_1.EbayIcon, Object.assign({ name: name }, rest)));
-};
-exports.default = EbayTextboxPrefixIcon;

package/ebay-textbox/prefix-text.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 EbayTextboxPrefixText = (props) => (react_1.default.createElement("span", Object.assign({}, props)));
-exports.default = EbayTextboxPrefixText;

package/ebay-textbox/textbox.js

@@ -1,147 +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.isControlled = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const component_utils_1 = require("../common/component-utils");
-const postfix_icon_1 = __importDefault(require("./postfix-icon"));
-const postfix_text_1 = __importDefault(require("./postfix-text"));
-const prefix_icon_1 = __importDefault(require("./prefix-icon"));
-const prefix_text_1 = __importDefault(require("./prefix-text"));
-const hooks_1 = require("../common/floating-label-utils/hooks");
-const isControlled = (value) => typeof value !== 'undefined';
-exports.isControlled = isControlled;
-const EbayTextbox = (_a) => {
-    var _b, _c;
-    var { type = 'text', invalid, fluid, multiline, onChange = () => { }, onInputChange = () => { }, onFocus = () => { }, onBlur = () => { }, onKeyPress = () => { }, onKeyUp = () => { }, onKeyDown = () => { }, onInvalid = () => { }, onFloatingLabelInit = () => { }, onButtonClick = () => { }, autoFocus, defaultValue = '', value: controlledValue, forwardedRef, inputSize = 'default', floatingLabel, children, placeholder, opaqueLabel } = _a, rest = __rest(_a, ["type", "invalid", "fluid", "multiline", "onChange", "onInputChange", "onFocus", "onBlur", "onKeyPress", "onKeyUp", "onKeyDown", "onInvalid", "onFloatingLabelInit", "onButtonClick", "autoFocus", "defaultValue", "value", "forwardedRef", "inputSize", "floatingLabel", "children", "placeholder", "opaqueLabel"]);
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    const [inputValue, setInputValue] = (0, react_1.useState)(defaultValue);
-    const { label, Container, onBlur: onFloatingLabelBlur, onFocus: onFloatingLabelFocus, ref, placeholder: floatingLabelPlaceholder } = (0, hooks_1.useFloatingLabel)({
-        ref: forwardedRef,
-        inputId: rest.id,
-        className: rest.className,
-        disabled: rest.disabled,
-        label: floatingLabel,
-        inputSize,
-        inputValue: controlledValue || inputValue,
-        placeholder,
-        invalid,
-        type,
-        opaqueLabel,
-        onMount: onFloatingLabelInit
-    });
-    const handleFocus = (event) => {
-        var _a;
-        onFocus(event, { value: ((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) || defaultValue });
-        onFloatingLabelFocus();
-    };
-    const handleBlur = (event) => {
-        var _a;
-        const newValue = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
-        onBlur(event, { value: newValue });
-        if (newValue !== value) {
-            onChange(event, { value: newValue });
-            setValue(newValue);
-        }
-        onFloatingLabelBlur();
-    };
-    const handleKeyPress = (event) => {
-        const textbox = event.target;
-        onKeyPress(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
-    };
-    const handleKeyUp = (event) => {
-        const textbox = event.target;
-        onKeyUp(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
-    };
-    const handleKeyDown = (event) => {
-        const textbox = event.target;
-        onKeyDown(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
-    };
-    const handleInvalid = (event) => {
-        const textbox = event.target;
-        onInvalid(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
-    };
-    const handleButtonClick = (event) => {
-        onButtonClick(event, { value });
-    };
-    (0, react_1.useEffect)(() => {
-        if (autoFocus) {
-            handleFocus();
-        }
-    }, []);
-    const handleInputChange = (e) => {
-        var _a;
-        const newValue = (_a = e.target) === null || _a === void 0 ? void 0 : _a.value;
-        if (!(0, exports.isControlled)(controlledValue)) {
-            setInputValue(newValue);
-        }
-        onInputChange(e, { value: newValue });
-    };
-    const Input = multiline ? 'textarea' : 'input';
-    const Wrapper = fluid ? 'div' : 'span';
-    const prefixIcon = (0, component_utils_1.findComponent)(children, prefix_icon_1.default);
-    const prefixText = (0, component_utils_1.findComponent)(children, prefix_text_1.default);
-    const prefixId = (_b = prefixText === null || prefixText === void 0 ? void 0 : prefixText.props) === null || _b === void 0 ? void 0 : _b.id;
-    const postfixIcon = (0, component_utils_1.findComponent)(children, postfix_icon_1.default);
-    const postfixText = (0, component_utils_1.findComponent)(children, postfix_text_1.default);
-    const postfixId = (_c = postfixText === null || postfixText === void 0 ? void 0 : postfixText.props) === null || _c === void 0 ? void 0 : _c.id;
-    const wrapperClassName = (0, classnames_1.default)('textbox', rest.className, {
-        'textbox--fluid': fluid,
-        'textbox--large': inputSize === 'large',
-        /** start remove after `:has` support */
-        'textbox--disabled': rest.disabled,
-        'textbox--invalid': invalid,
-        'textbox--readonly': rest.readOnly
-        /** end remove after `:has` support */
-    });
-    return (react_1.default.createElement(Container, null,
-        label,
-        react_1.default.createElement(Wrapper, { className: wrapperClassName },
-            prefixIcon,
-            prefixText,
-            react_1.default.createElement(Input, Object.assign({ "aria-describedby": [prefixId, postfixId].filter(Boolean).join(' ') || undefined }, rest, { className: "textbox__control", type: type, "aria-invalid": invalid, value: (0, exports.isControlled)(controlledValue) ? controlledValue : inputValue, onChange: handleInputChange, onBlur: handleBlur, onFocus: handleFocus, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onInvalid: handleInvalid, autoFocus: autoFocus, ref: ref, placeholder: floatingLabelPlaceholder })),
-            postfixText,
-            postfixIcon && (0, react_1.cloneElement)(postfixIcon, Object.assign(Object.assign({}, postfixIcon.props), { onClick: (e) => {
-                    const { onClick: iconClick = () => { } } = postfixIcon.props;
-                    iconClick(e);
-                    handleButtonClick(e);
-                } })))));
-};
-exports.default = (0, component_utils_1.withForwardRef)(EbayTextbox);

package/ebay-textbox/types.js

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

package/ebay-toast-dialog/components/toast.js

@@ -1,26 +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 });
-exports.EbayToast = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const ebay_dialog_base_1 = require("../../ebay-dialog-base");
-const EbayToast = (_a) => {
-    var { className, onClose = () => { } } = _a, rest = __rest(_a, ["className", "onClose"]);
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { isModal: false, baseEl: "aside", classPrefix: "toast-dialog", buttonPosition: "right", transitionElement: "root", className: (0, classnames_1.default)(className, 'toast-dialog--transition'), onCloseBtnClick: onClose })));
-};
-exports.EbayToast = EbayToast;
-exports.default = exports.EbayToast;

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

package/ebay-tooltip/ebay-tooltip-content.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * This Component is used only for finding it as a child of EbayTooltip
- * and pass the properties to TooltipContent
-*/
-const EbayTooltipContent = () => null;
-exports.default = EbayTooltipContent;

package/ebay-tooltip/ebay-tooltip-host.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * This Component is used only for finding it as a child of EbayTooltip
- * and pass the properties to TooltipHost
-*/
-const EbayTooltipHost = () => null;
-exports.default = EbayTooltipHost;

package/ebay-tooltip/ebay-tooltip.js

@@ -1,85 +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 component_utils_1 = require("../common/component-utils");
-const tooltip_utils_1 = require("../common/tooltip-utils");
-const ebay_tooltip_content_1 = __importDefault(require("./ebay-tooltip-content"));
-const ebay_tooltip_host_1 = __importDefault(require("./ebay-tooltip-host"));
-const EbayTooltip = (_a) => {
-    var { className, pointer, overlayStyle, noHover, onFocus = () => { }, onBlur = () => { }, onMouseEnter = () => { }, onMouseLeave = () => { }, onExpand, onCollapse, children } = _a, rest = __rest(_a, ["className", "pointer", "overlayStyle", "noHover", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onExpand", "onCollapse", "children"]);
-    const { isExpanded, expandTooltip, collapseTooltip } = (0, tooltip_utils_1.useTooltip)({ onCollapse, onExpand });
-    const timeoutRef = (0, react_1.useRef)();
-    const handleOnMouseEnter = (event) => {
-        onMouseEnter(event);
-        if (!noHover) {
-            clearTimeout(timeoutRef.current);
-            expandTooltip();
-        }
-    };
-    const handleOnMouseLeave = (event) => {
-        onMouseLeave(event);
-        if (!noHover) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = setTimeout(() => {
-                collapseTooltip();
-            }, 300);
-        }
-    };
-    const handleOnFocus = (event) => {
-        onFocus(event);
-        expandTooltip();
-    };
-    const handleOnBlur = (event) => {
-        onBlur(event);
-        collapseTooltip();
-    };
-    const content = (0, component_utils_1.findComponent)(children, ebay_tooltip_content_1.default);
-    const host = (0, component_utils_1.findComponent)(children, ebay_tooltip_host_1.default);
-    if (!host) {
-        throw new Error(`EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip`);
-    }
-    if (!content) {
-        throw new Error(`EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip`);
-    }
-    return (react_1.default.createElement(tooltip_utils_1.Tooltip, Object.assign({}, rest, { className: className, type: "tooltip", isExpanded: isExpanded, onFocus: handleOnFocus, onBlur: handleOnBlur, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave }),
-        react_1.default.createElement(tooltip_utils_1.TooltipHost, Object.assign({}, host.props)),
-        react_1.default.createElement(tooltip_utils_1.TooltipContent, Object.assign({}, content.props, { type: "tooltip", style: overlayStyle, pointer: pointer }))));
-};
-exports.default = EbayTooltip;

package/ebay-tooltip/index.js

@@ -1,14 +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.Tooltip = exports.EbayTooltipHost = exports.EbayTooltipContent = exports.EbayTooltip = void 0;
-var ebay_tooltip_1 = require("./ebay-tooltip");
-Object.defineProperty(exports, "EbayTooltip", { enumerable: true, get: function () { return __importDefault(ebay_tooltip_1).default; } });
-var ebay_tooltip_content_1 = require("./ebay-tooltip-content");
-Object.defineProperty(exports, "EbayTooltipContent", { enumerable: true, get: function () { return __importDefault(ebay_tooltip_content_1).default; } });
-var ebay_tooltip_host_1 = require("./ebay-tooltip-host");
-Object.defineProperty(exports, "EbayTooltipHost", { enumerable: true, get: function () { return __importDefault(ebay_tooltip_host_1).default; } });
-var tooltip_utils_1 = require("../common/tooltip-utils");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_utils_1.Tooltip; } });

package/ebay-tourtip/ebay-tourtip-content.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * This Component is used only for finding it as a child of EbayTooltip
- * and pass the properties to TourtipContent
-*/
-const EbayTourtipContent = () => null;
-exports.default = EbayTourtipContent;