@ebay/ui-core-react 3.10.1 → 3.11.0

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

@@ -1,6 +1,7 @@
 export { default as Tooltip, TooltipProps } from './tooltip';
 export { default as TooltipHost } from './tooltip-host';
 export { default as TooltipContent } from './tooltip-content';
+export { default as TooltipFooter } from './tooltip-footer';
 export { useTooltip } from './use-tooltip';
 export { TooltipType, PointerDirection } from './types';
 export { DEFAULT_POINTER_DIRECTION, POINTER_STYLES } from './constants';

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

@@ -1 +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"}
+{"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,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,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"}

package/common/tooltip-utils/index.js

@@ -6,6 +6,8 @@ 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 tooltip_footer_1 = require("./tooltip-footer");
+Object.defineProperty(exports, "TooltipFooter", { enumerable: true, get: function () { return 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");

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

@@ -1 +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"}
+{"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;AAKvD,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,CAwC3C,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -19,15 +19,19 @@ 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 tooltip_footer_1 = __importDefault(require("./tooltip-footer"));
 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);
+    var footer = component_utils_1.findComponent(children, tooltip_footer_1.default);
+    var allChildrenExceptFooter = component_utils_1.excludeComponent(children, tooltip_footer_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),
+                react_1.default.createElement("span", { className: type + "__content" }, allChildrenExceptFooter),
                 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))));
+                    react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close" }))) : null,
+                footer))));
 };
 exports.default = TooltipContent;

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

@@ -0,0 +1,7 @@
+import { ComponentProps, FC } from 'react';
+declare type TooltipFooterProps = ComponentProps<'div'> & {
+    type?: string;
+};
+declare const TooltipFooter: FC<TooltipFooterProps>;
+export default TooltipFooter;
+//# sourceMappingURL=tooltip-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-footer.d.ts","sourceRoot":"","sources":["../../../src/common/tooltip-utils/tooltip-footer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,aAAK,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAK4C,CAAA;AAEtF,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,12 @@
+"use strict";
+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 TooltipFooter = function (_a) {
+    var children = _a.children, className = _a.className, _b = _a.type, type = _b === void 0 ? 'tourtip' : _b;
+    return (react_1.default.createElement("div", { className: classnames_1.default(type + "__footer", className) }, children));
+};
+exports.default = TooltipFooter;

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

@@ -1,7 +1,8 @@
-import { FC, ReactElement } from 'react';
+import { FC, ReactElement, RefObject } from 'react';
 declare type Props = {
     className?: string;
     children: ReactElement;
+    forwardedRef?: RefObject<any>;
 };
 declare const TooltipHost: FC<Props>;
 export default TooltipHost;

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

@@ -1 +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"}
+{"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,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3E,aAAK,KAAK,GAAG;IACT,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAY1B,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -28,8 +28,8 @@ 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"]);
+    var children = _a.children, className = _a.className, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["children", "className", "forwardedRef"]);
     react_1.Children.only(children);
-    return react_1.cloneElement(children, __assign(__assign({}, rest), { className: classnames_1.default(className, children.props.className) }));
+    return react_1.cloneElement(children, __assign(__assign({ ref: forwardedRef }, rest), { className: classnames_1.default(className, children.props.className) }));
 };
 exports.default = TooltipHost;

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

@@ -1 +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"}
+{"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;;AAyCD,wBAAsC"}

package/common/tooltip-utils/tooltip.js

@@ -60,11 +60,7 @@ var Tooltip = function (_a) {
     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
-    });
+    var host = react_1.cloneElement(originalHostComponent, __assign({ className: type + "__host", 'aria-expanded': isExpanded, 'aria-describedby': content.props.id }, originalHostComponent.props));
     return (react_1.default.createElement("span", __assign({}, rest, { ref: forwardedRef, className: classnames_1.default(className, type, (_b = {},
             _b[type + "--expanded"] = isExpanded,
             _b)) }),

package/ebay-inline-notice/inline-notice.d.ts

@@ -1,6 +1,6 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NoticeStatus } from './types';
-declare type Props = {
+declare type Props = React.ComponentProps<'div'> & {
     status?: NoticeStatus;
     onNoticeShow?: () => void;
     'aria-label': string;

package/ebay-inline-notice/inline-notice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/inline-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAMvD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,aAAK,KAAK,GAAG;IACT,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAsC/B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"inline-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/inline-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAMvD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,aAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACvC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA0C/B,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/ebay-inline-notice/inline-notice.js

@@ -29,6 +29,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 };
 };
@@ -40,7 +51,8 @@ var notice_content_1 = __importDefault(require("../common/notice-utils/notice-co
 var component_utils_1 = require("../common/component-utils");
 var ebay_icon_1 = require("../ebay-icon");
 var EbayInlineNotice = function (_a) {
-    var className = _a.className, _b = _a.status, status = _b === void 0 ? 'general' : _b, children = _a.children, _c = _a.hidden, hidden = _c === void 0 ? false : _c, ariaLabel = _a["aria-label"], _d = _a.onNoticeShow, onNoticeShow = _d === void 0 ? function () { } : _d;
+    var _b;
+    var className = _a.className, _c = _a.status, status = _c === void 0 ? 'general' : _c, children = _a.children, _d = _a.hidden, hidden = _d === void 0 ? false : _d, ariaLabel = _a["aria-label"], _e = _a.onNoticeShow, onNoticeShow = _e === void 0 ? function () { } : _e, rest = __rest(_a, ["className", "status", "children", "hidden", 'aria-label', "onNoticeShow"]);
     react_1.useEffect(function () {
         if (!hidden) {
             onNoticeShow();
@@ -54,7 +66,7 @@ var EbayInlineNotice = function (_a) {
         throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");
     }
     var isGeneral = status === "general";
-    return (react_1.default.createElement("div", { className: classnames_1.default(className, "inline-notice " + (!isGeneral ? "inline-notice--" + status : "")) },
+    return (react_1.default.createElement("div", __assign({}, rest, { className: classnames_1.default(className, 'inline-notice', (_b = {}, _b["inline-notice--" + status] = !isGeneral, _b)) }),
         !isGeneral ? (react_1.default.createElement("span", { className: "inline-notice__header" },
             react_1.default.createElement(ebay_icon_1.EbayIcon, { name: status + "FilledSmall", a11yText: ariaLabel, a11yVariant: "label" }))) : null,
         react_1.default.createElement(notice_content_1.default, __assign({}, content.props, { type: "inline" }))));

package/ebay-tourtip/README.md

@@ -0,0 +1,82 @@
+# ebay-tourtip
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-tourtip--default-tourtip)
+
+## Import JS
+
+```jsx harmony
+import {
+    EbayTourtip,
+    EbayTourtipHost,
+    EbayTourtipContent,
+    EbayTourtipHeading,
+} from '@ebay/ui-core-react/ebay-tourtip'
+```
+
+## Import following styles from SKIN
+```jsx harmony
+import '@ebay/skin/tourtip'
+```
+
+### or if using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/tourtip.css'
+```
+
+## Usage
+
+```
+yarn add @ebay/ui-core-react
+```
+
+```jsx harmony
+<EbayTourtip a11yCloseText='close' pointer='bottom'>
+    <EbayTourtipHost>
+        <EbayButton>Info</EbayButton>
+    </EbayTourtipHost>
+    <EbayTourtipHeading type='tourtip'>Title</EbayTourtipHeading>
+    <EbayTourtipContent>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
+    </EbayTourtipContent>
+    <EbayTourtipFooter index='1 / 3'>
+        <button className="fake-link">Back</button>
+        <button className="btn btn--primary">Next</button>
+    </EbayTourtipFooter>
+</EbayTourtip>
+```
+
+## EbayTourtip Attributes
+
+| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
+| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `pointer`         | String   | No       | No       | options are `top-left`, `top`, `top-right`, `right`, `right-bottom`, `right-top`, `bottom-left`, `bottom-right`, `bottom`, `left`, `left-bottom`, `left-top` |
+| `overlayStyle`    | Object   | No       | No       | Style object to customize default values for the overlay. It can be used all CSS properties like `top`, `left`, `bottom`, `right`.                           |
+| `initialExpanded` | Boolean  | No       | No       | Open the tooltip on the initial render, needs to be true for the case of Tourtips                                                                                                                       |
+| `a11yCloseText`   | String   | No       | Yes      | A11y text for close button and mask.                                                                                                                         |
+| `aria-label`      | String   | No       | Yes      | A descriptive label of what the tourtip button represents (e.g. "Important information")
+| `onExpand`        | Function | No       | No       | overlay has been expanded                                                                                                                                    |
+| `onCollapse`      | Function | No       | No       | overlay has been collapsed                                                                                                                                   |
+
+## Child components
+
+Name | Required | Description
+--- | --- | ---
+`EbayTourtipHost`    | Yes | The custom host-button (trigger) for the tourtip
+`EbayTourtipHeading` | No | The heading to be displayed in the tourtip 
+`EbayTourtipFooter` | Yes | The footer to be displayed in the tourtip
+`EbayTourtipContent` | Yes | The content to be displayed in the tourtip
+
+## EbayTourtipHost Attributes
+
+| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
+| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `aria-label`      | String   | No       | Yes      | A descriptive label of what the tourtip button represents (e.g. "Important information"). Will overwrite `ariaLabel` prop from the `EbayTourtip`
+
+
+## EbayTourtipFooter Attributes
+
+| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
+| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `index`      | String   | No       | No      | defines the text to be displayed as index of the Tourtip if any. e.g `1 - 3` meaning Tourtip 1 of 3

package/ebay-tourtip/ebay-tourtip-content.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+/**
+ * This Component is used only for finding it as a child of EbayTooltip
+ * and pass the properties to TourtipContent
+*/
+declare const EbayTourtipContent: FC;
+export default EbayTourtipContent;
+//# sourceMappingURL=ebay-tourtip-content.d.ts.map

package/ebay-tourtip/ebay-tourtip-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-tourtip-content.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B;;;EAGE;AAEF,QAAA,MAAM,kBAAkB,EAAE,EAAe,CAAA;AAEzC,eAAe,kBAAkB,CAAA"}

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

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

package/ebay-tourtip/ebay-tourtip-footer.d.ts

@@ -0,0 +1,7 @@
+import { FC, ComponentProps } from 'react';
+declare type TourtipFooterProps = ComponentProps<'div'> & {
+    index?: string;
+};
+declare const EbayTourtipFooter: FC<TourtipFooterProps>;
+export default EbayTourtipFooter;
+//# sourceMappingURL=ebay-tourtip-footer.d.ts.map

package/ebay-tourtip/ebay-tourtip-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-tourtip-footer.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip-footer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEjD,aAAK,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA;AACD,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CAUzC,CAAA;AAGL,eAAe,iBAAiB,CAAA"}

package/ebay-tourtip/ebay-tourtip-footer.js

@@ -0,0 +1,13 @@
+"use strict";
+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 EbayTourtipFooter = function (_a) {
+    var index = _a.index, children = _a.children;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        index !== undefined && (react_1.default.createElement("span", { className: "tourtip__index" }, index)),
+        children));
+};
+exports.default = EbayTourtipFooter;

package/ebay-tourtip/ebay-tourtip-heading.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLProps } from 'react';
+declare type Props = HTMLProps<HTMLHeadingElement> & {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    className?: string;
+};
+declare const EbayTourtipHeading: FC<Props>;
+export default EbayTourtipHeading;
+//# sourceMappingURL=ebay-tourtip-heading.d.ts.map

package/ebay-tourtip/ebay-tourtip-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-tourtip-heading.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip-heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5C,aAAK,KAAK,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IACzC,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,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAYjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/ebay-tourtip/ebay-tourtip-heading.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 EbayTourtipHeading = function (_a) {
+    var as = _a.as, children = _a.children, className = _a.className, props = __rest(_a, ["as", "children", "className"]);
+    var HeadingTag = as || 'h2';
+    return (react_1.default.createElement(HeadingTag, __assign({}, props, { className: classnames_1.default("tourtip__heading", className) }), children));
+};
+exports.default = EbayTourtipHeading;

package/ebay-tourtip/ebay-tourtip-host.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+/**
+ * This Component is used only for finding it as a child of EbayTooltip
+ * and pass the properties to TourtipHost
+*/
+declare const EbayTourtipHost: FC;
+export default EbayTourtipHost;
+//# sourceMappingURL=ebay-tourtip-host.d.ts.map

package/ebay-tourtip/ebay-tourtip-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-tourtip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B;;;EAGE;AAEF,QAAA,MAAM,eAAe,EAAE,EAAe,CAAA;AAEtC,eAAe,eAAe,CAAA"}

package/ebay-tourtip/ebay-tourtip-host.js

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

package/ebay-tourtip/ebay-tourtip.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+import { TooltipProps, PointerDirection } from '../common/tooltip-utils';
+declare type TourtipProps = Omit<TooltipProps, 'ref'> & {
+    a11yCloseText: string;
+    pointer?: PointerDirection;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    overlayStyle?: CSSProperties;
+    'aria-label'?: string;
+    className?: string;
+};
+declare const EbayTourtip: FC<TourtipProps>;
+export default EbayTourtip;
+//# sourceMappingURL=ebay-tourtip.d.ts.map

package/ebay-tourtip/ebay-tourtip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-tourtip.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAU,MAAM,OAAO,CAAA;AAExD,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAGnB,MAAM,yBAAyB,CAAA;AAMhC,aAAK,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,WAAW,EAAC,EAAE,CAAC,YAAY,CA6DhC,CAAA;AACD,eAAe,WAAW,CAAA"}

package/ebay-tourtip/ebay-tourtip.js

@@ -0,0 +1,77 @@
+"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 component_utils_1 = require("../common/component-utils");
+var tooltip_utils_1 = require("../common/tooltip-utils");
+var ebay_tourtip_content_1 = __importDefault(require("./ebay-tourtip-content"));
+var ebay_tourtip_host_1 = __importDefault(require("./ebay-tourtip-host"));
+var ebay_tourtip_footer_1 = __importDefault(require("./ebay-tourtip-footer"));
+var ebay_tourtip_heading_1 = __importDefault(require("./ebay-tourtip-heading"));
+var EbayTourtip = function (_a) {
+    var a11yCloseText = _a.a11yCloseText, ariaLabel = _a["aria-label"], className = _a.className, children = _a.children, onCollapse = _a.onCollapse, onExpand = _a.onExpand, overlayStyle = _a.overlayStyle, pointer = _a.pointer, rest = __rest(_a, ["a11yCloseText", 'aria-label', "className", "children", "onCollapse", "onExpand", "overlayStyle", "pointer"]);
+    var hostRef = react_1.useRef();
+    var _b = tooltip_utils_1.useTooltip({ onExpand: onExpand, onCollapse: onCollapse, initialExpanded: true, hostRef: hostRef }), isExpanded = _b.isExpanded, collapseTooltip = _b.collapseTooltip;
+    var containerRef = react_1.useRef();
+    var content = component_utils_1.findComponent(children, ebay_tourtip_content_1.default);
+    if (!content) {
+        throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");
+    }
+    var _c = content.props, contentChildren = _c.children, contentProps = _c.contentProps;
+    var host = component_utils_1.findComponent(children, ebay_tourtip_host_1.default);
+    if (!host) {
+        throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");
+    }
+    var heading = component_utils_1.findComponent(children, ebay_tourtip_heading_1.default);
+    var footer = component_utils_1.findComponent(children, ebay_tourtip_footer_1.default);
+    return (react_1.default.createElement(tooltip_utils_1.Tooltip, __assign({}, rest, { className: className, type: "tourtip", isExpanded: isExpanded, ref: containerRef }),
+        react_1.default.createElement(tooltip_utils_1.TooltipHost, __assign({}, host.props, { forwardedRef: hostRef, ariaLabel: ariaLabel, ariaExpanded: isExpanded })),
+        react_1.default.createElement(tooltip_utils_1.TooltipContent, __assign({}, contentProps, { a11yCloseText: a11yCloseText, onClose: collapseTooltip, pointer: pointer, showCloseButton: true, style: overlayStyle, type: "tourtip" }),
+            heading,
+            contentChildren,
+            footer && (react_1.default.createElement(tooltip_utils_1.TooltipFooter, { type: "tourtip" }, footer)))));
+};
+exports.default = EbayTourtip;

package/ebay-tourtip/index.d.ts

@@ -0,0 +1,7 @@
+export { default as EbayTourtip } from './ebay-tourtip';
+export { default as EbayTourtipContent } from './ebay-tourtip-content';
+export { default as EbayTourtipHost } from './ebay-tourtip-host';
+export { default as EbayTourtipHeading } from './ebay-tourtip-heading';
+export { default as EbayTourtipFooter } from './ebay-tourtip-footer';
+export { PointerDirection, Tooltip } from '../common/tooltip-utils';
+//# sourceMappingURL=index.d.ts.map

package/ebay-tourtip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}

package/ebay-tourtip/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ebay_tourtip_1 = require("./ebay-tourtip");
+Object.defineProperty(exports, "EbayTourtip", { enumerable: true, get: function () { return ebay_tourtip_1.default; } });
+var ebay_tourtip_content_1 = require("./ebay-tourtip-content");
+Object.defineProperty(exports, "EbayTourtipContent", { enumerable: true, get: function () { return ebay_tourtip_content_1.default; } });
+var ebay_tourtip_host_1 = require("./ebay-tourtip-host");
+Object.defineProperty(exports, "EbayTourtipHost", { enumerable: true, get: function () { return ebay_tourtip_host_1.default; } });
+var ebay_tourtip_heading_1 = require("./ebay-tourtip-heading");
+Object.defineProperty(exports, "EbayTourtipHeading", { enumerable: true, get: function () { return ebay_tourtip_heading_1.default; } });
+var ebay_tourtip_footer_1 = require("./ebay-tourtip-footer");
+Object.defineProperty(exports, "EbayTourtipFooter", { enumerable: true, get: function () { return ebay_tourtip_footer_1.default; } });
+var tooltip_utils_1 = require("../common/tooltip-utils");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_utils_1.Tooltip; } });

package/index.d.ts

@@ -34,6 +34,7 @@ export { EbayPanelDialog } from './ebay-panel-dialog';
 export { EbayTextbox, EbayTextboxPrefixIcon, EbayTextboxPostfixIcon, EbayTextboxProps } from './ebay-textbox';
 export { EbaySelect, EbaySelectOption } from './ebay-select';
 export { EbayTooltip, EbayTooltipContent, EbayTooltipHost, PointerDirection, Tooltip } from './ebay-tooltip';
+export { EbayTourtip, EbayTourtipContent, EbayTourtipFooter, EbayTourtipHeading, EbayTourtipHost } from './ebay-tourtip';
 export { EbayInfotip, EbayInfotipHost, EbayInfotipContent, EbayInfotipHeading, Variant } from './ebay-infotip';
 export { EbaySnackbarDialog, EbaySnackbarDialogAction, EbaySnackbarDialogProps } from './ebay-snackbar-dialog';
 export { EbayField, EbayLabel, EbayFieldDescription, FieldLayoutType, FieldDescriptionType, FieldDescriptionPosition, LabelPosition } from './ebay-field';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -102,6 +102,12 @@ Object.defineProperty(exports, "EbayTooltip", { enumerable: true, get: function
 Object.defineProperty(exports, "EbayTooltipContent", { enumerable: true, get: function () { return ebay_tooltip_1.EbayTooltipContent; } });
 Object.defineProperty(exports, "EbayTooltipHost", { enumerable: true, get: function () { return ebay_tooltip_1.EbayTooltipHost; } });
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return ebay_tooltip_1.Tooltip; } });
+var ebay_tourtip_1 = require("./ebay-tourtip");
+Object.defineProperty(exports, "EbayTourtip", { enumerable: true, get: function () { return ebay_tourtip_1.EbayTourtip; } });
+Object.defineProperty(exports, "EbayTourtipContent", { enumerable: true, get: function () { return ebay_tourtip_1.EbayTourtipContent; } });
+Object.defineProperty(exports, "EbayTourtipFooter", { enumerable: true, get: function () { return ebay_tourtip_1.EbayTourtipFooter; } });
+Object.defineProperty(exports, "EbayTourtipHeading", { enumerable: true, get: function () { return ebay_tourtip_1.EbayTourtipHeading; } });
+Object.defineProperty(exports, "EbayTourtipHost", { enumerable: true, get: function () { return ebay_tourtip_1.EbayTourtipHost; } });
 var ebay_infotip_1 = require("./ebay-infotip");
 Object.defineProperty(exports, "EbayInfotip", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotip; } });
 Object.defineProperty(exports, "EbayInfotipHost", { enumerable: true, get: function () { return ebay_infotip_1.EbayInfotipHost; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "3.10.1",
+  "version": "3.11.0",
   "description": "Skin components build off React",
   "main": "index.js",
   "types": "index.d.ts",