@ebay/ui-core-react 1.0.0

package/ebay-button/button.js

@@ -0,0 +1,83 @@
+"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("../common/component-utils/forwardRef");
+var ebay_icon_1 = require("../ebay-icon");
+var button_loading_1 = __importDefault(require("./button-loading"));
+function isIconOnly(children) {
+    var childrenArray = react_1.Children.toArray(children);
+    return childrenArray.length === 1 && childrenArray[0].type === ebay_icon_1.EbayIcon;
+}
+var EbayButton = function (_a) {
+    var _b, _c, _d, _e;
+    var _f = _a.priority, priority = _f === void 0 ? 'secondary' : _f, _g = _a.size, size = _g === void 0 ? 'default' : _g, bodyState = _a.bodyState, _h = _a.transparent, transparent = _h === void 0 ? false : _h, _j = _a.fluid, fluid = _j === void 0 ? false : _j, disabled = _a.disabled, partiallyDisabled = _a.partiallyDisabled, children = _a.children, _k = _a.onEscape, onEscape = _k === void 0 ? function () { } : _k, _l = _a.truncate, truncate = _l === void 0 ? false : _l, href = _a.href, extraClasses = _a.className, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["priority", "size", "bodyState", "transparent", "fluid", "disabled", "partiallyDisabled", "children", "onEscape", "truncate", "href", "className", "forwardedRef"]);
+    var iconOnly = isIconOnly(children);
+    var classPrefix = href ? 'fake-btn' : 'btn';
+    var priorityStyles = {
+        delete: classPrefix + "--delete",
+        primary: classPrefix + "--primary",
+        secondary: classPrefix + "--secondary",
+        tertiary: classPrefix + "--tertiary",
+        none: ''
+    };
+    var sizeStyles = {
+        large: classPrefix + "--large",
+        default: ''
+    };
+    var isLoading = bodyState === "loading";
+    var className = classnames_1.default(classPrefix, extraClasses, priorityStyles[priority], sizeStyles[size], (_b = {}, _b[classPrefix + "--icon-only"] = iconOnly, _b), (_c = {}, _c[classPrefix + "--transparent"] = transparent, _c), (_d = {}, _d[classPrefix + "--fluid"] = fluid, _d), (_e = {}, _e[classPrefix + "--truncated"] = truncate, _e));
+    var onKeyDown = function (e) {
+        if (e.key === 'Escape' || e.key === 'Esc') {
+            onEscape(e);
+        }
+    };
+    var bodyContent = isLoading ? react_1.default.createElement(button_loading_1.default, null) : children;
+    var ariaLive = isLoading ? "polite" : null;
+    return href ? (react_1.default.createElement("a", __assign({ className: className, href: disabled ? undefined : href, ref: forwardedRef, onKeyDown: onKeyDown, "aria-live": ariaLive }, rest), bodyContent)) : (react_1.default.createElement("button", __assign({ disabled: disabled, "aria-disabled": partiallyDisabled, "aria-live": ariaLive, className: className, ref: forwardedRef, onKeyDown: onKeyDown }, rest), bodyContent));
+};
+exports.default = forwardRef_1.withForwardRef(EbayButton);

package/ebay-button/index.d.ts

@@ -0,0 +1,4 @@
+export { default as EbayButton, EbayButtonProps } from './button';
+export { default as EbayButtonCell } from './button-cell';
+export { Size, Priority } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}

package/ebay-button/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var button_1 = require("./button");
+Object.defineProperty(exports, "EbayButton", { enumerable: true, get: function () { return button_1.default; } });
+var button_cell_1 = require("./button-cell");
+Object.defineProperty(exports, "EbayButtonCell", { enumerable: true, get: function () { return button_cell_1.default; } });

package/ebay-button/types.d.ts

@@ -0,0 +1,4 @@
+export declare type Priority = 'primary' | 'secondary' | 'tertiary' | 'delete' | 'none';
+export declare type Size = 'default' | 'large';
+export declare type BodyState = 'loading';
+//# sourceMappingURL=types.d.ts.map

package/ebay-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-button/types.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE/E,oBAAY,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtC,oBAAY,SAAS,GAAG,SAAS,CAAA"}

package/ebay-button/types.js

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

package/ebay-checkbox/README.md

@@ -0,0 +1,46 @@
+# ebay-checkbox
+
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-checkbox--default-checkbox-button)
+
+## Usage
+```
+yarn add @ebay/ui-core-react
+```
+### Import JS
+```jsx harmony
+import { EbayCheckbox } from '@ebay/ui-core-react/ebay-checkbox'
+```
+
+## Import following styles from Skin
+```jsx harmony
+import '@ebay/skin/checkbox'
+```
+
+## ...or using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/checkbox.css'
+```
+
+```jsx
+import { EbayLabel } from '@ebay/ui-core-react/ebay-field';
+
+<EbayCheckbox id="checkbox-1">
+    <EbayLabel>Remember me!</EbayLabel>
+</EbayCheckbox>
+```
+
+## Attributes
+
+Name | Type | Stateful | Description
+--- | --- | --- | ---
+`size` | String | No | No | Either `large` or `regular` (default). Sets the checkbox icon size. For mweb this should be set to `large`. (Note: The dimensions of the radio will not change, but only the icon)
+`disabled` | Boolean | No |
+`checked` | Boolean | No | No | indicates the checked value of the input element, required for a controlled component.
+`defaultChecked` | Boolean | No | No | indicates the default checked input element value. Use when the component is not controlled.
+`onChange` | Function | Callback fired when `checked` is changed, with param `{ originalEvent, value }`
+`onFocus` | Function | Callback fired when button is focused, with param `{ originalEvent, value }`
+
+It supports all the events supported by an input element (e.g. `onChange`)
+Note: For this component, `className`/`style` are applied to the root tag, while all other HTML attributes are applied to the `input` tag.
+

package/ebay-checkbox/checkbox.d.ts

@@ -0,0 +1,10 @@
+import { FC, ChangeEvent, ComponentProps } from 'react';
+declare type Size = 'default' | 'large';
+declare type InputProps = Omit<ComponentProps<'input'>, 'size'>;
+declare type EbayCheckboxProps = {
+    size?: Size;
+    onChange?: (e: ChangeEvent<HTMLInputElement>, value: string | number, checked: boolean) => void;
+};
+declare const EbayCheckbox: FC<InputProps & EbayCheckboxProps>;
+export default EbayCheckbox;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ebay-checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,WAAW,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAA;AAMtF,aAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC/B,aAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;AACvD,aAAK,iBAAiB,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACnG,CAAA;AAID,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAsDpD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/ebay-checkbox/checkbox.js

@@ -0,0 +1,79 @@
+"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 ebay_icon_1 = require("../ebay-icon");
+var ebay_field_1 = require("../ebay-field");
+var component_utils_1 = require("../common/component-utils");
+var isControlled = function (checked) { return typeof checked !== 'undefined'; };
+var EbayCheckbox = function (_a) {
+    var id = _a.id, _b = _a.size, size = _b === void 0 ? 'default' : _b, className = _a.className, style = _a.style, checked = _a.checked, _c = _a.defaultChecked, defaultChecked = _c === void 0 ? false : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, children = _a.children, rest = __rest(_a, ["id", "size", "className", "style", "checked", "defaultChecked", "onChange", "children"]);
+    var _e = react_1.useState(defaultChecked), isChecked = _e[0], setChecked = _e[1];
+    var handleChange = function (e) {
+        var input = e.target;
+        onChange(e, input === null || input === void 0 ? void 0 : input.value, input === null || input === void 0 ? void 0 : input.checked);
+        setChecked(input === null || input === void 0 ? void 0 : input.checked);
+    };
+    var containerClass = classnames_1.default('checkbox', className, { 'checkbox--large': size === 'large' });
+    var iconChecked = size === 'large' ?
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxCheckedLarge", className: "checkbox__checked" }) :
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxChecked", className: "checkbox__checked" });
+    var iconUnChecked = size === 'large' ?
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxUncheckedLarge", className: "checkbox__unchecked" }) :
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxUnchecked", className: "checkbox__unchecked" });
+    var ebayLabel = component_utils_1.findComponent(children, ebay_field_1.EbayLabel);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: containerClass, style: __assign(__assign({}, style), { alignItems: 'center' }) },
+            react_1.default.createElement("input", __assign({}, rest, { id: id, className: "checkbox__control", type: "checkbox", checked: isControlled(checked) ? checked : isChecked, onChange: handleChange })),
+            react_1.default.createElement("span", { className: "checkbox__icon", hidden: true },
+                iconChecked,
+                iconUnChecked)),
+        ebayLabel ?
+            react_1.cloneElement(ebayLabel, __assign(__assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
+            children));
+};
+exports.default = EbayCheckbox;

package/ebay-checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayCheckbox } from './checkbox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA"}

package/ebay-checkbox/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var checkbox_1 = require("./checkbox");
+Object.defineProperty(exports, "EbayCheckbox", { enumerable: true, get: function () { return checkbox_1.default; } });

package/ebay-confirm-dialog/README.md

@@ -0,0 +1,34 @@
+# EbayConfirmDialog
+
+## Usage
+
+```react
+<EbayConfirmDialog open a11yClosetext="Close">
+    <EbayDialogHeader>Heading</EbayDialogHeader>
+    <p>Body content</p>
+</EbayConfirmDialog>
+```
+
+## 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 |
+`rejectText`  | String  | No       | Yes      | Text for reject 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
+`onReject` |  | Trigered when reject 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-confirm-dialog/confirm-dialog.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-confirm-dialog/confirm-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;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA8ChC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/ebay-confirm-dialog/confirm-dialog.js

@@ -0,0 +1,63 @@
+"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 ebay_dialog_base_1 = require("../ebay-dialog-base");
+var ebay_button_1 = require("../ebay-button");
+var classPrefix = 'confirm-dialog';
+var EbayConfirmDialog = function (_a) {
+    var _b = _a.a11yCloseText, a11yCloseText = _b === void 0 ? 'Close Dialog' : _b, confirmText = _a.confirmText, rejectText = _a.rejectText, _c = _a.onOpen, onOpen = _c === void 0 ? function () { } : _c, _d = _a.onReject, onReject = _d === void 0 ? function () { } : _d, _e = _a.onConfirm, onConfirm = _e === void 0 ? function () { } : _e, rest = __rest(_a, ["a11yCloseText", "confirmText", "rejectText", "onOpen", "onReject", "onConfirm"]);
+    var confirmBtnRef = react_1.useRef(null);
+    var confirmId = 'confirm-dialog-confirm';
+    var mainId = 'confirm-dialog-main';
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "dialog", mainId: mainId, classPrefix: classPrefix, className: classnames_1.default(rest.className, classPrefix + "--mask-fade"), windowClass: classPrefix + "__window " + classPrefix + "__window--fade", buttonPosition: "hidden", onCloseBtnClick: onReject }),
+        rest.children,
+        react_1.default.createElement(ebay_dialog_base_1.EbayDialogFooter, null,
+            react_1.default.createElement(ebay_button_1.EbayButton, { onClick: onReject, className: "confirm-dialog__reject" }, rejectText),
+            react_1.default.createElement(ebay_button_1.EbayButton, { ref: confirmBtnRef, priority: "primary", onClick: onConfirm, id: confirmId, "aria-describedby": mainId, className: "confirm-dialog__confirm" }, confirmText))));
+};
+exports.default = EbayConfirmDialog;

package/ebay-confirm-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayConfirmDialog } from './confirm-dialog';
+//# sourceMappingURL=index.d.ts.map

package/ebay-confirm-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-confirm-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA"}

package/ebay-confirm-dialog/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var confirm_dialog_1 = require("./confirm-dialog");
+Object.defineProperty(exports, "EbayConfirmDialog", { enumerable: true, get: function () { return confirm_dialog_1.default; } });

package/ebay-cta-button/README.md

@@ -0,0 +1,34 @@
+# EbayCtaButton
+
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-cta-button--default)
+
+## Usage
+
+### Import JS
+```jsx harmony
+import { EbayCtaButton } from '@ebay/ui-core-react/ebay-cta-button'
+```
+
+### Import following styles from SKIN
+```jsx harmony
+import "@ebay/skin/cta-button"
+```
+
+### Or import styles using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/cta-button.css'
+```
+
+### Big button
+```jsx harmony
+<EbayCtaButton size="large">I'm a big CTA button!</EbayCtaButton>
+```
+
+## Attributes
+Name | Type | Stateful | Required | Description | Data
+--- | --- | --- | --- | --- | ---
+`size` | String | No | No | can be only `large` or just omit it for default appearance
+`href` | String | No | No | URL
+`fluid` | Boolean | No | No | takes the whole width of the parent element
+`truncate` | Boolean | No | No | will truncate the text of the button onto a single line, and adds an ellipsis, when the button's text overflows

package/ebay-cta-button/cta-button.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentProps, RefObject } from 'react';
+import { Size } from '../ebay-button';
+declare type HTMLAnchorProps = ComponentProps<'a'>;
+declare type Props = HTMLAnchorProps & {
+    fluid?: boolean;
+    truncate?: boolean;
+    size?: Size;
+    forwardedRef?: RefObject<HTMLAnchorElement>;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, "slot" | "style" | "title" | "type" | "download" | "className" | "forwardedRef" | "color" | "id" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "size" | "fluid" | "truncate" | "hrefLang" | "ping" | "rel" | "referrerPolicy"> & React.RefAttributes<React.FC<Props>>>;
+export default _default;
+//# sourceMappingURL=cta-button.d.ts.map

package/ebay-cta-button/cta-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta-button.d.ts","sourceRoot":"","sources":["../../src/ebay-cta-button/cta-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAI5D,OAAO,EAAkB,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErD,aAAK,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC3C,aAAK,KAAK,GAAG,eAAe,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC/C,CAAA;;AA2BD,wBAA4C"}

package/ebay-cta-button/cta-button.js

@@ -0,0 +1,41 @@
+"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 forwardRef_1 = require("../common/component-utils/forwardRef");
+var ebay_icon_1 = require("../ebay-icon");
+var ebay_button_1 = require("../ebay-button");
+var EbayCtaButton = function (_a) {
+    var size = _a.size, children = _a.children, fluid = _a.fluid, truncate = _a.truncate, forwardedRef = _a.forwardedRef, extraClasses = _a.className, rest = __rest(_a, ["size", "children", "fluid", "truncate", "forwardedRef", "className"]);
+    var className = classnames_1.default(extraClasses, 'cta-btn', { 'cta-btn--large': size === 'large' }, { 'cta-btn--fluid': fluid }, { 'cta-btn--truncated': truncate });
+    return (react_1.default.createElement("a", __assign({}, rest, { className: className, ref: forwardedRef }),
+        react_1.default.createElement(ebay_button_1.EbayButtonCell, { type: "cta" },
+            react_1.default.createElement("span", null, children),
+            react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "cta", width: 8, height: 8 }))));
+};
+exports.default = forwardRef_1.withForwardRef(EbayCtaButton);

package/ebay-cta-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayCtaButton } from './cta-button';
+//# sourceMappingURL=index.d.ts.map

package/ebay-cta-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-cta-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/ebay-cta-button/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var cta_button_1 = require("./cta-button");
+Object.defineProperty(exports, "EbayCtaButton", { enumerable: true, get: function () { return cta_button_1.default; } });

package/ebay-dialog/README.md

@@ -0,0 +1,4 @@
+# EbayDialog
+
+## Deprecated
+Use [EbayFullscreenDialog](../ebay-fullscreen-dialog), [EbayLightboxDialog](../ebay-lightbox-dialog), [EbayPanelDialog](../ebay-panel-dialog), [EbayDrawerDialog](../ebay-drawer-dialog) instead.

package/ebay-dialog-base/README.md

@@ -0,0 +1,36 @@
+# DialogBase
+
+## DialogBase Usage
+
+```react
+<DialogBase
+    open
+    a11yClosetext = "Close DialogBase"
+    onCloseBtnClick={ handleCloseBtnClick }>
+
+        <h1>Hello World</h1>
+
+</DialogBase>
+```
+
+## Attributes
+
+Name | Type | Stateful | Required | Description
+--- | --- | --- | --- | ---
+`baseEl`  | string| No | No | ---  div' , 'span', 'aside'
+`open` | Boolean | Yes | No | Whether drawer is open.
+`classPrefix` | drawer or toast or dialog | No | No | "" (default) / modifies the base prefix for all  classes in the component
+`windowClass` | String | No | No | "" (default) / modifies the base prefix for all Skin classes in the component
+`header` | String | No | No | element placeholder
+`footer` | String | No | No | element placeholder
+`isModal` | Boolean | No | No | Whether drawer is model.
+`top` | --- | --- | --- | ---
+`buttonPosition` | string | --- | --- | top or right or bottom or left
+`a11yCloseText`| String | No | Yes | A11y text for close button and mask.
+`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
+`onCloseBtnClick` | --- | --- | --- | ---
+`OnBackgroundClick` | --- | --- | --- | ---

package/ebay-dialog-base/components/animation.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface DialogAnimationHookProps {
+    open?: boolean;
+    transitionElement?: TransitionElement;
+    classPrefix: string;
+    dialogRef: React.RefObject<HTMLElement>;
+    dialogWindowRef: React.RefObject<HTMLElement>;
+    enabled?: boolean;
+    onTransitionEnd: () => void;
+}
+export declare type TransitionElement = 'window' | 'root';
+export declare function useDialogAnimation({ open, classPrefix, transitionElement, dialogRef, dialogWindowRef, enabled, onTransitionEnd }: DialogAnimationHookProps): void;
+export {};
+//# sourceMappingURL=animation.d.ts.map

package/ebay-dialog-base/components/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/animation.ts"],"names":[],"mappings":";AAWA,UAAU,wBAAwB;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElD,wBAAgB,kBAAkB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,OAAO,EACP,eAAe,EAClB,EAAE,wBAAwB,GAAG,IAAI,CA0CjC"}