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

package/common/floating-label-utils/hooks.js

@@ -1,133 +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 });
-exports.useFloatingLabel = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const classPrefix = 'floating-label__label';
-// input background in Skin 12, used for autofill detection
-const textboxElementBackgroundRGB = [
-    'rgb(245, 245, 245)',
-    'rgb(247, 247, 247)' // From skin version 12.6.0
-];
-// check for computed background color because of Chrome autofill bug
-// https://stackoverflow.com/questions/35049555/chrome-autofill-autocomplete-no-value-for-password/35783761#35783761
-const isAutofilled = (input) => input && !textboxElementBackgroundRGB.includes(getComputedStyle(input).backgroundColor);
-const hasValue = (input) => { var _a; return ((_a = input === null || input === void 0 ? void 0 : input.value) === null || _a === void 0 ? void 0 : _a.length) > 0; };
-const isSelect = (element) => (element === null || element === void 0 ? void 0 : element.tagName) === `SELECT`;
-const setPlaceholder = (element, value) => {
-    // For select elements we need to temporary remove the text of the first option
-    // when the element is not focused, so only the label is shown. We still need to
-    // maintain the width of the input so we manually change the "min-width"
-    // Inspired by the marko implementation: https://github.com/makeup/makeup-js/blob/master/packages/makeup-floating-label/src/index.js
-    if (isSelect(element) && !hasValue(element.querySelector(`option`))) {
-        element.style['min-width'] = '';
-        const beforeWidth = element.offsetWidth;
-        element.querySelector(`option`).text = value;
-        if (!value && beforeWidth > element.offsetWidth) {
-            element.style['min-width'] = `${beforeWidth}px`;
-        }
-    }
-};
-const getPlaceholder = (element) => {
-    if (isSelect(element)) {
-        return element.querySelector(`option`).text;
-    }
-    return element === null || element === void 0 ? void 0 : element.placeholder;
-};
-function useFloatingLabel({ ref, inputId, className, disabled, label, inputSize, inputValue, placeholder, invalid, opaqueLabel, type, onMount = () => { } }) {
-    const _internalInputRef = (0, react_1.useRef)(null);
-    const inputRef = () => ref || _internalInputRef;
-    const [isFloating, setFloating] = (0, react_1.useState)(Boolean(inputValue));
-    const [shouldAnimate, setAnimate] = (0, react_1.useState)(false);
-    const [isFocused, setFocused] = (0, react_1.useState)(false);
-    const selectFirstOptionText = (0, react_1.useRef)(``);
-    const onBlur = () => {
-        var _a;
-        setAnimate(true);
-        setFloating(hasValue((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current));
-        setFocused(false);
-        setPlaceholder(inputRef().current, ``);
-    };
-    const onFocus = () => {
-        var _a;
-        setAnimate(true);
-        setFloating(true);
-        setFocused(true);
-        setPlaceholder((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current, selectFirstOptionText.current);
-    };
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        if (!label) {
-            return;
-        }
-        selectFirstOptionText.current = getPlaceholder((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current);
-        setPlaceholder((_b = inputRef()) === null || _b === void 0 ? void 0 : _b.current, ``);
-        onMount();
-    }, []);
-    (0, react_1.useEffect)(() => {
-        var _a, _b, _c;
-        if (!label) {
-            return;
-        }
-        setFloating(isFocused || hasValue((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current) || isAutofilled((_c = (_b = inputRef()) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.parentNode));
-    }, [isFocused, inputValue]);
-    const labelClassName = (0, classnames_1.default)(className, classPrefix, {
-        [`${classPrefix}--disabled`]: disabled,
-        [`${classPrefix}--animate`]: shouldAnimate,
-        [`${classPrefix}--inline`]: !isFloating && type !== 'date',
-        [`${classPrefix}--focus`]: isFocused,
-        [`${classPrefix}--invalid`]: invalid
-    });
-    const floatingLabelClassName = (0, classnames_1.default)(`floating-label`, {
-        'floating-label--large': inputSize === `large`,
-        'floating-label--opaque': opaqueLabel
-    });
-    const FragmentContainer = (0, react_1.useCallback)(({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), []);
-    const FloatingLabelContainer = (0, react_1.useCallback)(({ children }) => react_1.default.createElement("span", { className: floatingLabelClassName }, children), [floatingLabelClassName]);
-    if (!label) {
-        return {
-            label: null,
-            Container: FragmentContainer,
-            onBlur: () => { },
-            onFocus: () => { },
-            ref: inputRef(),
-            placeholder
-        };
-    }
-    const labelElement = react_1.default.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
-    return {
-        label: labelElement,
-        Container: FloatingLabelContainer,
-        onBlur,
-        onFocus,
-        ref: inputRef(),
-        placeholder: !isFloating ? null : placeholder
-    };
-}
-exports.useFloatingLabel = useFloatingLabel;

package/common/notice-utils/notice-content.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 });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NoticeContent = ({ className, type, children }) => {
-    const ContentTag = type === 'inline' ? 'span' : 'div';
-    return (react_1.default.createElement(ContentTag, { className: (0, classnames_1.default)(className, `${type}-notice__main`) }, children));
-};
-exports.default = NoticeContent;

package/common/notice-utils/notice-cta.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 classnames_1 = __importDefault(require("classnames"));
-const NoticeCTA = (_a) => {
-    var { className, type, children } = _a, rest = __rest(_a, ["className", "type", "children"]);
-    return (react_1.default.createElement("p", Object.assign({ className: (0, classnames_1.default)(className, `${type}-notice__cta`) }, rest), children));
-};
-exports.default = NoticeCTA;

package/common/notice-utils/notice-footer.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 classnames_1 = __importDefault(require("classnames"));
-const NoticeFooter = (_a) => {
-    var { className, type, children } = _a, rest = __rest(_a, ["className", "type", "children"]);
-    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(className, `${type}-notice__footer`) }, rest), children));
-};
-exports.default = NoticeFooter;

package/common/notice-utils/notice-title.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 NoticeTitle = (_a) => {
-    var { className, type, as, children } = _a, rest = __rest(_a, ["className", "type", "as", "children"]);
-    const HeadingTag = as || `h2`;
-    return (react_1.default.createElement(HeadingTag, Object.assign({ className: (0, classnames_1.default)(className, `${type}-notice__title`) }, rest), children));
-};
-exports.default = NoticeTitle;

package/common/random-id.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.randomId = void 0;
-const randomId = () => Math.random().toString(16).slice(-4);
-exports.randomId = randomId;

package/common/range.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.range = void 0;
-const range = (start, stop, step = 1) => Array(Math.ceil(((stop + 1) - start) / step)).fill(start).map((x, y) => x + y * step);
-exports.range = range;

package/common/tooltip-utils/constants.js

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.POINTER_STYLES = exports.TYPE_ROLES = exports.DEFAULT_POINTER_DIRECTION = void 0;
-exports.DEFAULT_POINTER_DIRECTION = 'bottom';
-exports.TYPE_ROLES = {
-    tooltip: 'tooltip',
-    tourtip: 'region',
-    infotip: ''
-};
-exports.POINTER_STYLES = {
-    left: {
-        transform: 'translateX(16px) translateY(-50%) scale3d(1,1,1)',
-        left: '100%',
-        right: 'auto',
-        top: '-6px',
-        bottom: 'auto'
-    },
-    'left-top': {
-        transform: 'translateX(16px) scale3d(1,1,1)',
-        left: '100%',
-        right: 'auto',
-        top: '-100%',
-        bottom: 'auto'
-    },
-    'left-bottom': {
-        transform: 'translateX(16px) scale3d(1,1,1)',
-        left: '100%',
-        right: 'auto',
-        top: 'auto',
-        bottom: '-10px'
-    },
-    right: {
-        transform: 'translateX(-16px) translateY(-50%) scale3d(1,1,1)',
-        left: 'auto',
-        right: '100%',
-        top: '-6px',
-        bottom: 'auto'
-    },
-    'right-top': {
-        transform: 'translateX(-16px) scale3d(1,1,1)',
-        left: 'auto',
-        right: '100%',
-        top: '-100%',
-        bottom: 'auto'
-    },
-    'right-bottom': {
-        transform: 'translateX(-16px) scale3d(1,1,1)',
-        left: 'auto',
-        right: '100%',
-        top: 'auto',
-        bottom: '-50%'
-    },
-    top: {
-        transform: 'translateX(-50%) scale3d(1,1,1)',
-        left: '50%',
-        right: 'auto',
-        top: 'calc(100% + 2px)',
-        bottom: 'auto'
-    },
-    'top-left': {
-        transform: 'scale3d(1,1,1)',
-        left: '-10px',
-        right: 'auto',
-        top: 'calc(100% + 2px)',
-        bottom: 'auto'
-    },
-    'top-right': {
-        transform: 'scale3d(1,1,1)',
-        left: 'auto',
-        right: '-10px',
-        top: 'calc(100% + 2px)',
-        bottom: 'auto'
-    },
-    'bottom-right': {
-        transform: 'scale3d(1,1,1)',
-        left: 'auto',
-        right: '-10px',
-        top: 'auto',
-        bottom: 'calc(100% + 12px)'
-    },
-    'bottom-left': {
-        transform: 'scale3d(1,1,1)',
-        left: '-10px',
-        right: 'auto',
-        top: 'auto',
-        bottom: 'calc(100% + 12px)'
-    },
-    bottom: {
-        transform: 'translateX(-50%) scale3d(1,1,1)',
-        left: '50%',
-        right: 'auto',
-        top: 'auto',
-        bottom: 'calc(100% + 12px)'
-    }
-};

package/common/tooltip-utils/index.js

@@ -1,19 +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.POINTER_STYLES = exports.DEFAULT_POINTER_DIRECTION = exports.useTooltip = exports.TooltipFooter = exports.TooltipContent = exports.TooltipHost = exports.Tooltip = void 0;
-var tooltip_1 = require("./tooltip");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(tooltip_1).default; } });
-var tooltip_host_1 = require("./tooltip-host");
-Object.defineProperty(exports, "TooltipHost", { enumerable: true, get: function () { return __importDefault(tooltip_host_1).default; } });
-var tooltip_content_1 = require("./tooltip-content");
-Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return __importDefault(tooltip_content_1).default; } });
-var tooltip_footer_1 = require("./tooltip-footer");
-Object.defineProperty(exports, "TooltipFooter", { enumerable: true, get: function () { return __importDefault(tooltip_footer_1).default; } });
-var use_tooltip_1 = require("./use-tooltip");
-Object.defineProperty(exports, "useTooltip", { enumerable: true, get: function () { return use_tooltip_1.useTooltip; } });
-var constants_1 = require("./constants");
-Object.defineProperty(exports, "DEFAULT_POINTER_DIRECTION", { enumerable: true, get: function () { return constants_1.DEFAULT_POINTER_DIRECTION; } });
-Object.defineProperty(exports, "POINTER_STYLES", { enumerable: true, get: function () { return constants_1.POINTER_STYLES; } });

package/common/tooltip-utils/tooltip-close-button.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * This is an empty component just to get extra property
- * for the button used in the EbayInfotipContent
- */
-const TooltipCloseButton = () => null;
-exports.default = TooltipCloseButton;

package/common/tooltip-utils/tooltip-content.js

@@ -1,25 +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 ebay_icon_1 = require("../../ebay-icon");
-const component_utils_1 = require("../component-utils");
-const constants_1 = require("./constants");
-const tooltip_close_button_1 = __importDefault(require("./tooltip-close-button"));
-const tooltip_footer_1 = __importDefault(require("./tooltip-footer"));
-const TooltipContent = ({ id, style, pointer = constants_1.DEFAULT_POINTER_DIRECTION, children, type = 'tooltip', showCloseButton, a11yCloseText, onClose }) => {
-    const closeButton = (0, component_utils_1.findComponent)(children, tooltip_close_button_1.default);
-    const footer = (0, component_utils_1.findComponent)(children, tooltip_footer_1.default);
-    const allChildrenExceptFooter = (0, component_utils_1.excludeComponent)(children, tooltip_footer_1.default);
-    return (react_1.default.createElement("span", { className: `${type}__overlay`, id: id, role: constants_1.TYPE_ROLES[type] || null, style: Object.assign(Object.assign({}, constants_1.POINTER_STYLES[pointer]), style) },
-        react_1.default.createElement("span", { className: `${type}__pointer ${type}__pointer--${pointer}` }),
-        react_1.default.createElement("span", { className: `${type}__mask` },
-            react_1.default.createElement("span", { className: `${type}__cell` },
-                react_1.default.createElement("span", { className: `${type}__content` }, allChildrenExceptFooter),
-                showCloseButton ? (react_1.default.createElement("button", Object.assign({}, closeButton === null || closeButton === void 0 ? void 0 : closeButton.props, { className: `icon-btn icon-btn--transparent ${type}__close`, type: "button", "aria-label": a11yCloseText, onClick: onClose }),
-                    react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" }))) : null,
-                footer))));
-};
-exports.default = TooltipContent;

package/common/tooltip-utils/tooltip-footer.js

@@ -1,9 +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 classnames_1 = __importDefault(require("classnames"));
-const TooltipFooter = ({ children, className, type = 'tourtip' }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${type}__footer`, className) }, children));
-exports.default = TooltipFooter;

package/common/tooltip-utils/tooltip-host.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 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const TooltipHost = (_a) => {
-    var { children, className, forwardedRef } = _a, rest = __rest(_a, ["children", "className", "forwardedRef"]);
-    react_1.Children.only(children);
-    return (0, react_1.cloneElement)(children, Object.assign(Object.assign({ ref: forwardedRef }, rest), { className: (0, classnames_1.default)(className, children.props.className) }));
-};
-exports.default = TooltipHost;

package/common/tooltip-utils/tooltip.js

@@ -1,60 +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 forwardRef_1 = require("../component-utils/forwardRef");
-const component_utils_1 = require("../component-utils");
-const tooltip_host_1 = __importDefault(require("./tooltip-host"));
-const Tooltip = (_a) => {
-    var _b;
-    var { className, type, isExpanded, children, forwardedRef } = _a, rest = __rest(_a, ["className", "type", "isExpanded", "children", "forwardedRef"]);
-    const originalHostComponent = (0, component_utils_1.findComponent)(children, tooltip_host_1.default);
-    const content = (0, component_utils_1.excludeComponent)(children, tooltip_host_1.default)[0];
-    if (!originalHostComponent) {
-        throw new Error(`Tooltip: Please use a TooltipHost that defines the host of the tooltip`);
-    }
-    const host = (0, react_1.cloneElement)(originalHostComponent, Object.assign({ className: `${type}__host`, 'aria-expanded': isExpanded, 'aria-describedby': (_b = content === null || content === void 0 ? void 0 : content.props) === null || _b === void 0 ? void 0 : _b.id }, originalHostComponent.props));
-    return (react_1.default.createElement("span", Object.assign({}, rest, { ref: forwardedRef, className: (0, classnames_1.default)(className, type, {
-            [`${type}--expanded`]: isExpanded
-        }) }),
-        host,
-        content));
-};
-exports.default = (0, forwardRef_1.withForwardRef)(Tooltip);

package/common/tooltip-utils/types.js

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

package/common/tooltip-utils/use-tooltip.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTooltip = void 0;
-const react_1 = require("react");
-const useTooltip = ({ onExpand, onCollapse, initialExpanded = false, hostRef }) => {
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(initialExpanded);
-    const expandTooltip = () => {
-        setIsExpanded(true);
-        if (onExpand) {
-            onExpand();
-        }
-    };
-    const collapseTooltip = () => {
-        var _a;
-        setIsExpanded(false);
-        if (onCollapse) {
-            onCollapse();
-        }
-        (_a = hostRef === null || hostRef === void 0 ? void 0 : hostRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    return {
-        isExpanded,
-        expandTooltip,
-        collapseTooltip
-    };
-};
-exports.useTooltip = useTooltip;

package/ebay-alert-dialog/alert-dialog.js

@@ -1,55 +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 = 'alert-dialog';
-const EbayAlertDialog = (_a) => {
-    var { a11yCloseText = 'Close Dialog', confirmText, onConfirm = () => { } } = _a, rest = __rest(_a, ["a11yCloseText", "confirmText", "onConfirm"]);
-    const confirmBtnRef = (0, react_1.useRef)(null);
-    const confirmId = 'alert-dialog-confirm';
-    const mainId = 'alert-dialog-main';
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "alertdialog", classPrefix: classPrefix, ignoreEscape: true, mainId: mainId, buttonPosition: "hidden", className: (0, classnames_1.default)(rest.className, `${classPrefix}--mask-fade`), windowClass: `${classPrefix}__window ${classPrefix}__window--fade` }),
-        rest.children,
-        react_1.default.createElement(ebay_dialog_base_1.EbayDialogFooter, null,
-            react_1.default.createElement(ebay_button_1.EbayButton, { priority: "primary", "aria-describedby": mainId, onClick: onConfirm, ref: confirmBtnRef, id: confirmId, className: "alert-dialog__acknowledge" }, confirmText))));
-};
-exports.default = EbayAlertDialog;

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

package/ebay-badge/badge.js

@@ -1,25 +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 EbayBadge = (_a) => {
-    var { number, type = 'img', className } = _a, rest = __rest(_a, ["number", "type", "className"]);
-    // Parse in case user provided a string by mistake
-    const parsed = Math.round(parseInt(String(number), 10));
-    return parsed <= 0 ? null : (react_1.default.createElement("span", Object.assign({}, rest, { className: (0, classnames_1.default)('badge', className), role: type === 'img' ? 'img' : undefined, "aria-hidden": type !== 'img' }), parsed > 99 ? '99+' : parsed));
-};
-exports.default = EbayBadge;

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

package/ebay-breadcrumbs/breadcrumb-item.js

@@ -1,27 +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 BreadcrumbItem = (_a) => {
-    var { tag: Item = 'button', isLastItem = false, href, children, onClick } = _a, rest = __rest(_a, ["tag", "isLastItem", "href", "children", "onClick"]);
-    const isLink = Item === 'a';
-    const itemAttr = Object.assign(Object.assign(Object.assign({}, rest), isLastItem ? { 'aria-current': 'location' } : {}), { href: isLink ? href : undefined, onClick: isLink ? undefined : onClick });
-    return (react_1.default.createElement("li", null,
-        react_1.default.createElement(Item, Object.assign({}, itemAttr), children),
-        !isLastItem && react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronRight12" })));
-};
-exports.default = BreadcrumbItem;