@ebay/ui-core-react 1.0.0

package/common/notice-utils/notice-footer.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+declare type Props = React.HTMLProps<HTMLDivElement> & {
+    type: 'window' | 'section' | 'page';
+    className?: string;
+};
+declare const NoticeFooter: FC<Props>;
+export default NoticeFooter;
+//# sourceMappingURL=notice-footer.d.ts.map

package/common/notice-utils/notice-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-footer.d.ts","sourceRoot":"","sources":["../../../src/common/notice-utils/notice-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjC,aAAK,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAC3C,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAI3B,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        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 });
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var NoticeFooter = function (_a) {
+    var className = _a.className, type = _a.type, children = _a.children, rest = __rest(_a, ["className", "type", "children"]);
+    return (react_1.default.createElement("div", __assign({ className: classnames_1.default(className, type + "-notice__footer") }, rest), children));
+};
+exports.default = NoticeFooter;

package/common/notice-utils/notice-title.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+declare type Props = React.HTMLProps<HTMLHeadingElement> & {
+    type: 'window' | 'section' | 'page';
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    className?: string;
+};
+declare const NoticeTitle: FC<Props>;
+export default NoticeTitle;
+//# sourceMappingURL=notice-title.d.ts.map

package/common/notice-utils/notice-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-title.d.ts","sourceRoot":"","sources":["../../../src/common/notice-utils/notice-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjC,aAAK,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC,GAAG;IAC/C,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAO1B,CAAA;AAED,eAAe,WAAW,CAAA"}

package/common/notice-utils/notice-title.js

@@ -0,0 +1,35 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        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 });
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var NoticeTitle = function (_a) {
+    var className = _a.className, type = _a.type, as = _a.as, children = _a.children, rest = __rest(_a, ["className", "type", "as", "children"]);
+    var HeadingTag = as || "h2";
+    return (react_1.default.createElement(HeadingTag, __assign({ className: classnames_1.default(className, type + "-notice__title") }, rest), children));
+};
+exports.default = NoticeTitle;

package/common/random-id.d.ts

@@ -0,0 +1,2 @@
+export declare const randomId: () => string;
+//# sourceMappingURL=random-id.d.ts.map

package/common/random-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"random-id.d.ts","sourceRoot":"","sources":["../../src/common/random-id.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,QAAO,MAA8C,CAAA"}

package/common/random-id.js

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

package/common/tooltip-utils/constants-legacy.d.ts

@@ -0,0 +1,10 @@
+import { PointerDirection, TooltipType } from './types';
+/**
+ * @deprecated Use TooltipType union type instead
+ */
+export declare const TOOLTIP_TYPES: TooltipType[];
+/**
+ * @deprecated Use PointerDirection union type instead
+ */
+export declare const POINTER_TYPES: PointerDirection[];
+//# sourceMappingURL=constants-legacy.d.ts.map

package/common/tooltip-utils/constants-legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-legacy.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/constants-legacy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,WAAW,EAAsC,CAAA;AAE7E;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,gBAAgB,EAK3C,CAAA"}

package/common/tooltip-utils/constants-legacy.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POINTER_TYPES = exports.TOOLTIP_TYPES = void 0;
+/**
+ * @deprecated Use TooltipType union type instead
+ */
+exports.TOOLTIP_TYPES = ["tooltip", "infotip", "tourtip"];
+/**
+ * @deprecated Use PointerDirection union type instead
+ */
+exports.POINTER_TYPES = [
+    "top", "top-left", "top-right",
+    "right", "right-bottom", "right-top",
+    "bottom", "bottom-left", "bottom-right",
+    "left", "left-bottom", "left-top"
+];

package/common/tooltip-utils/constants.d.ts

@@ -0,0 +1,6 @@
+import { PointerDirection } from './types';
+export declare const DEFAULT_POINTER_DIRECTION: PointerDirection;
+export declare const POINTER_STYLES: {
+    [key in PointerDirection]: any;
+};
+//# sourceMappingURL=constants.d.ts.map

package/common/tooltip-utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,yBAAyB,EAAE,gBAA2B,CAAA;AAEnE,eAAO,MAAM,cAAc,EAAE;KAAG,GAAG,IAAI,gBAAgB,GAAG,GAAG;CA4F5D,CAAA"}

package/common/tooltip-utils/constants.js

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

package/common/tooltip-utils/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Tooltip, TooltipProps } from './tooltip';
+export { default as TooltipHost } from './tooltip-host';
+export { default as TooltipContent } from './tooltip-content';
+export { useTooltip } from './use-tooltip';
+export { TooltipType, PointerDirection } from './types';
+export { DEFAULT_POINTER_DIRECTION, POINTER_STYLES } from './constants';
+export { POINTER_TYPES, TOOLTIP_TYPES } from './constants-legacy';
+//# sourceMappingURL=index.d.ts.map

package/common/tooltip-utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA"}

package/common/tooltip-utils/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tooltip_1 = require("./tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.default; } });
+var tooltip_host_1 = require("./tooltip-host");
+Object.defineProperty(exports, "TooltipHost", { enumerable: true, get: function () { return tooltip_host_1.default; } });
+var tooltip_content_1 = require("./tooltip-content");
+Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return tooltip_content_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; } });
+var constants_legacy_1 = require("./constants-legacy");
+Object.defineProperty(exports, "POINTER_TYPES", { enumerable: true, get: function () { return constants_legacy_1.POINTER_TYPES; } });
+Object.defineProperty(exports, "TOOLTIP_TYPES", { enumerable: true, get: function () { return constants_legacy_1.TOOLTIP_TYPES; } });

package/common/tooltip-utils/tooltip-close-button.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+/**
+ * This is an empty component just to get extra property
+ * for the button used in the EbayInfotipContent
+ */
+declare const TooltipCloseButton: FC;
+export default TooltipCloseButton;
+//# sourceMappingURL=tooltip-close-button.d.ts.map

package/common/tooltip-utils/tooltip-close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-close-button.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip-close-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B;;;GAGG;AAEH,QAAA,MAAM,kBAAkB,EAAE,EAAe,CAAA;AAEzC,eAAe,kBAAkB,CAAA"}

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

@@ -0,0 +1,8 @@
+"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
+ */
+var TooltipCloseButton = function () { return null; };
+exports.default = TooltipCloseButton;

package/common/tooltip-utils/tooltip-content.d.ts

@@ -0,0 +1,15 @@
+import { FC, CSSProperties, ReactNode } from 'react';
+import { PointerDirection, TooltipType } from './types';
+declare type TooltipContentProps = {
+    id?: string;
+    type?: TooltipType;
+    style?: CSSProperties;
+    pointer?: PointerDirection;
+    showCloseButton?: boolean;
+    a11yCloseText?: string;
+    onClose?: () => void;
+    children?: ReactNode;
+};
+declare const TooltipContent: FC<TooltipContentProps>;
+export default TooltipContent;
+//# sourceMappingURL=tooltip-content.d.ts.map

package/common/tooltip-utils/tooltip-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip-content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIvD,aAAK,mBAAmB,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAqC3C,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ebay_icon_1 = require("../../ebay-icon");
+var component_utils_1 = require("../component-utils");
+var constants_1 = require("./constants");
+var tooltip_close_button_1 = __importDefault(require("./tooltip-close-button"));
+var TooltipContent = function (_a) {
+    var id = _a.id, style = _a.style, _b = _a.pointer, pointer = _b === void 0 ? constants_1.DEFAULT_POINTER_DIRECTION : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'tooltip' : _c, showCloseButton = _a.showCloseButton, a11yCloseText = _a.a11yCloseText, onClose = _a.onClose;
+    var closeButton = component_utils_1.findComponent(children, tooltip_close_button_1.default);
+    return (react_1.default.createElement("span", { className: type + "__overlay", id: id, role: "tooltip", style: __assign(__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" }, children),
+                showCloseButton ? (react_1.default.createElement("button", __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: "close" }))) : null))));
+};
+exports.default = TooltipContent;

package/common/tooltip-utils/tooltip-host.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactElement } from 'react';
+declare type Props = {
+    className?: string;
+    children: ReactElement;
+};
+declare const TooltipHost: FC<Props>;
+export default TooltipHost;
+//# sourceMappingURL=tooltip-host.d.ts.map

package/common/tooltip-utils/tooltip-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-host.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGhE,aAAK,KAAK,GAAG;IACT,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;CAC1B,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAU1B,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,35 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        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 });
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var TooltipHost = function (_a) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    react_1.Children.only(children);
+    return react_1.cloneElement(children, __assign(__assign({}, rest), { className: classnames_1.default(className, children.props.className) }));
+};
+exports.default = TooltipHost;

package/common/tooltip-utils/tooltip.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentProps, RefObject } from 'react';
+import { TooltipType } from './types';
+export declare type TooltipProps = ComponentProps<'span'> & {
+    type?: TooltipType;
+    isExpanded?: boolean;
+    forwardedRef?: RefObject<HTMLSpanElement>;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<TooltipProps, "slot" | "style" | "title" | "type" | "className" | "forwardedRef" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "isExpanded"> & React.RefAttributes<React.FC<TooltipProps>>>;
+export default _default;
+//# sourceMappingURL=tooltip.d.ts.map

package/common/tooltip-utils/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,cAAc,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAI1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,oBAAY,YAAY,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAA;;AAwCD,wBAAsC"}

package/common/tooltip-utils/tooltip.js

@@ -0,0 +1,74 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.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 });
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var forwardRef_1 = require("../component-utils/forwardRef");
+var component_utils_1 = require("../component-utils");
+var tooltip_host_1 = __importDefault(require("./tooltip-host"));
+var Tooltip = function (_a) {
+    var _b;
+    var className = _a.className, type = _a.type, isExpanded = _a.isExpanded, children = _a.children, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["className", "type", "isExpanded", "children", "forwardedRef"]);
+    var originalHostComponent = component_utils_1.findComponent(children, tooltip_host_1.default);
+    var content = 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");
+    }
+    if (!content) {
+        throw new Error("Tooltip: Please use a component that defines the content of the tooltip");
+    }
+    var host = react_1.cloneElement(originalHostComponent, {
+        className: type + "__host",
+        'aria-expanded': isExpanded,
+        'aria-describedby': content.props.id
+    });
+    return (react_1.default.createElement("span", __assign({}, rest, { ref: forwardedRef, className: classnames_1.default(className, type, (_b = {},
+            _b[type + "--expanded"] = isExpanded,
+            _b)) }),
+        host,
+        content));
+};
+exports.default = forwardRef_1.withForwardRef(Tooltip);

package/common/tooltip-utils/types.d.ts

@@ -0,0 +1,3 @@
+export declare type TooltipType = 'tooltip' | 'infotip' | 'tourtip';
+export declare type PointerDirection = 'top' | 'top-left' | 'top-right' | 'right' | 'right-bottom' | 'right-top' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top';
+//# sourceMappingURL=types.d.ts.map

package/common/tooltip-utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE3D,oBAAY,gBAAgB,GACxB,KAAK,GAAG,UAAU,GAAG,WAAW,GAChC,OAAO,GAAG,cAAc,GAAG,WAAW,GACtC,QAAQ,GAAG,aAAa,GAAG,cAAc,GACzC,MAAM,GAAG,aAAa,GAAG,UAAU,CAAA"}

package/common/tooltip-utils/types.js

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

package/common/tooltip-utils/use-tooltip.d.ts

@@ -0,0 +1,13 @@
+declare type UseTooltipArgs = {
+    onExpand: () => void;
+    onCollapse: () => void;
+    initialExpanded?: boolean;
+};
+declare type UseTooltip = {
+    isExpanded: boolean;
+    expandTooltip: () => void;
+    collapseTooltip: () => void;
+};
+export declare const useTooltip: ({ onExpand, onCollapse, initialExpanded }: UseTooltipArgs) => UseTooltip;
+export {};
+//# sourceMappingURL=use-tooltip.d.ts.map

package/common/tooltip-utils/use-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tooltip.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/use-tooltip.ts"],"names":[],"mappings":"AAEA,aAAK,cAAc,GAAG;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAA;AAED,aAAK,UAAU,GAAG;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAA;AAED,eAAO,MAAM,UAAU,8CAAuD,cAAc,KAAG,UAqB9F,CAAA"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTooltip = void 0;
+var react_1 = require("react");
+exports.useTooltip = function (_a) {
+    var onExpand = _a.onExpand, onCollapse = _a.onCollapse, _b = _a.initialExpanded, initialExpanded = _b === void 0 ? false : _b;
+    var _c = react_1.useState(initialExpanded), isExpanded = _c[0], setIsExpanded = _c[1];
+    var expandTooltip = function () {
+        setIsExpanded(true);
+        if (onExpand) {
+            onExpand();
+        }
+    };
+    var collapseTooltip = function () {
+        setIsExpanded(false);
+        if (onCollapse) {
+            onCollapse();
+        }
+    };
+    return {
+        isExpanded: isExpanded,
+        expandTooltip: expandTooltip,
+        collapseTooltip: collapseTooltip
+    };
+};

package/ebay-alert-dialog/README.md

@@ -0,0 +1,32 @@
+# EbayAlertDialog
+
+## Usage
+
+```react
+<EbayAlertDialog open a11yClosetext="Close">
+    <EbayDialogHeader>Heading</EbayDialogHeader>
+    <p>Body content</p>
+</EbayAlertDialog>
+```
+
+## Attributes
+
+Name | Type | Stateful | Required | Description
+--- | --- | --- | --- | ---
+`open` | Boolean | Yes | No | Whether dialog is open.
+`focus` | String | No | No | An id for an element which will receive focus when the drawer opens (defaults to close button).
+`a11yCloseText` | String | No | Yes | A11y text for close button and mask.
+`confirmText` | String  | No       | Yes      | Text for confirm button |
+`animated` | Boolean | Yes | No | Renders the dialog with an animation. Note that the dialog will always be present in the DOM
+
+## Events
+
+Event | Data | Description
+--- | --- | ---
+`onConfirm` |  | triggered when confirm button is clicked
+
+## EbayDialogHeader
+Will render a header content for the dialog. Will always render the header element even if this is not present
+
+## EbayDialogFooter
+Will render the footer content for the dialog. If not present then will not have any footer.

package/ebay-alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { DialogBaseProps } from '../ebay-dialog-base';
+export interface Props<T = any> extends DialogBaseProps<T> {
+    open?: boolean;
+    confirmText: string;
+    onOpen?: () => void;
+    onConfirm?: () => void;
+}
+declare const EbayAlertDialog: FC<Props>;
+export default EbayAlertDialog;
+//# sourceMappingURL=alert-dialog.d.ts.map

package/ebay-alert-dialog/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAU,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAyC,MAAM,qBAAqB,CAAA;AAK5F,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAsC9B,CAAA;AAED,eAAe,eAAe,CAAA"}