@ebay/ui-core-react 1.0.0

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

@@ -0,0 +1,120 @@
+"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 THRESHOLD_TOUCH = 30;
+var classPrefix = 'drawer-dialog';
+var EbayDrawerDialog = function (_a) {
+    var _b;
+    var _c = _a.expanded, defaultExpanded = _c === void 0 ? false : _c, noHandle = _a.noHandle, _d = _a.onClose, onClose = _d === void 0 ? function () { } : _d, _e = _a.onCollapsed, onCollapsed = _e === void 0 ? function () { } : _e, _f = _a.onExpanded, onExpanded = _f === void 0 ? function () { } : _f, _g = _a.a11yMaximizeText, a11yMaximizeText = _g === void 0 ? 'Maximize Drawer' : _g, _h = _a.a11yMinimizeText, a11yMinimizeText = _h === void 0 ? 'Minimize Drawer' : _h, children = _a.children, rest = __rest(_a, ["expanded", "noHandle", "onClose", "onCollapsed", "onExpanded", "a11yMaximizeText", "a11yMinimizeText", "children"]);
+    var touches = [];
+    var _j = react_1.useState(defaultExpanded), expanded = _j[0], setExpanded = _j[1];
+    var setExpandedState = function (expand) {
+        setExpanded(expand);
+        if (expand) {
+            onExpanded();
+        }
+        else {
+            onCollapsed();
+        }
+    };
+    var handleTouchStart = function (e) {
+        touches = Array.from(e.changedTouches).map(function (_a) {
+            var identifier = _a.identifier, pageY = _a.pageY;
+            return ({ identifier: identifier, pageY: pageY });
+        });
+    };
+    var handleTouchEnd = function (e) {
+        Array.from(e.changedTouches).forEach(function (_a) {
+            var identifier = _a.identifier;
+            var idx = touches.findIndex(function (touch) { return touch.identifier === identifier; });
+            if (idx > -1) {
+                touches.splice(idx, 1);
+            }
+        });
+    };
+    var handleTouchMove = function (e) {
+        if (touches.length) {
+            Array.from(e.changedTouches).forEach(function (_a) {
+                var identifier = _a.identifier, pageY = _a.pageY;
+                var compare = touches.findIndex(function (touch) { return touch.identifier === identifier; });
+                var diff = pageY - touches[compare].pageY;
+                if (diff > THRESHOLD_TOUCH) {
+                    // Drag down, collpase
+                    if (expanded) {
+                        setExpandedState(false);
+                    }
+                    else {
+                        onClose();
+                    }
+                    handleTouchEnd(e);
+                }
+                else if (diff < -THRESHOLD_TOUCH) {
+                    setExpandedState(true);
+                    handleTouchEnd(e);
+                }
+            });
+        }
+    };
+    var handle = noHandle ? null : (react_1.default.createElement("button", { "aria-label": expanded ? a11yMinimizeText : a11yMaximizeText, className: classPrefix + "__handle", onClick: function () { return setExpandedState(!expanded); }, onScroll: function () { return setExpandedState(true); }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd }));
+    var childrenArray = react_1.Children.toArray(children);
+    var header = childrenArray.find(function (_a) {
+        var type = _a.type;
+        return type === ebay_dialog_base_1.EbayDialogHeader;
+    });
+    var withoutHeader = childrenArray.filter(function (_a) {
+        var type = _a.type;
+        return type !== ebay_dialog_base_1.EbayDialogHeader;
+    });
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { classPrefix: classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, className: classnames_1.default(rest.className, classPrefix + "--mask-fade-slow"), windowClass: classnames_1.default(classPrefix + "__window", classPrefix + "__window--slide", (_b = {},
+            _b[classPrefix + "__window--expanded"] = expanded,
+            _b)), onBackgroundClick: onClose, top: handle }),
+        header || react_1.default.createElement(ebay_dialog_base_1.EbayDialogHeader, null),
+        withoutHeader));
+};
+exports.default = EbayDrawerDialog;

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

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

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

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

package/ebay-drawer-dialog/index.js

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

package/ebay-eek/README.md

@@ -0,0 +1,34 @@
+# EbayEek
+This component displays the current European Union Energy (EEK) rating of certain items that consume energy.
+
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-eek--standard)
+
+## Usage
+
+### Import JS
+```jsx harmony
+import { EbayEek } from '@ebay/ui-core-react/ebay-eek'
+```
+
+### Import styles from Skin
+```jsx
+import '@ebay/skin/eek'
+```
+
+### or if using CSS/SCSS
+```jsx
+import '@ebay/skin/eek.css';
+```
+
+```jsx harmony
+<EbayEek max="A+++" min="E" rating="C" />
+```
+
+## Props
+
+Name | Type | Stateful | Required | Description | Data
+--- | --- | --- | --- | --- | ---
+`rating` | String | No | Yes | The energy rating
+`max` | String | No | Yes | The maximum range
+`min` | String | No | Yes | The minimum range

package/ebay-eek/eek-rating.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+export declare type EbayEekProps = {
+    rating: string;
+    max: string;
+    min: string;
+    a11yText?: string;
+    className?: string;
+};
+declare const EbayEek: FC<EbayEekProps>;
+export default EbayEek;
+//# sourceMappingURL=eek-rating.d.ts.map

package/ebay-eek/eek-rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eek-rating.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-rating.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,oBAAY,YAAY,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4B7B,CAAA;AAGD,eAAe,OAAO,CAAA"}

package/ebay-eek/eek-rating.js

@@ -0,0 +1,25 @@
+"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 eek_util_1 = __importDefault(require("./eek-util"));
+var ebay_icon_1 = require("../ebay-icon");
+var EbayEek = function (_a) {
+    var _b;
+    var _c = _a.min, min = _c === void 0 ? '' : _c, _d = _a.max, max = _d === void 0 ? '' : _d, rating = _a.rating, a11yText = _a.a11yText, extraClasses = _a.className;
+    var parsedRating = eek_util_1.default({ rating: rating, min: min, max: max });
+    var className = classnames_1.default(extraClasses, 'eek', (_b = {}, _b["eek--rating-" + parsedRating] = !!parsedRating, _b));
+    var backupA11yText = "Energy Rating: " + rating + ". Range: " + max + " - " + min + ".";
+    return (react_1.default.createElement("div", { className: className, role: "figure", "aria-label": a11yText || backupA11yText },
+        react_1.default.createElement("div", { className: "eek__container", "aria-hidden": true },
+            react_1.default.createElement("span", { className: "eek__rating-range" },
+                react_1.default.createElement("span", { "aria-hidden": "true" }, max),
+                react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "eekRangeArrow" }),
+                react_1.default.createElement("span", { "aria-hidden": "true" }, min)),
+            react_1.default.createElement("span", { className: "eek__rating", "aria-hidden": "true" }, rating)),
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "eekArrow", height: "28px", width: "11px" })));
+};
+exports.default = EbayEek;

package/ebay-eek/eek-util.d.ts

@@ -0,0 +1,4 @@
+import { EbayEekProps } from './eek-rating';
+declare const _default: (input: EbayEekProps) => number;
+export = _default;
+//# sourceMappingURL=eek-util.d.ts.map

package/ebay-eek/eek-util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eek-util.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;gCAU1B,YAAY,KAAG,MAAM;AAAtC,kBAuBC"}

package/ebay-eek/eek-util.js

@@ -0,0 +1,33 @@
+"use strict";
+var validRanges = {
+    'A+++': ['D', 'E', 'G'],
+    'A++': ['E', 'G'],
+    'A+': ['F', 'G'],
+    A: ['G']
+};
+module.exports = function (input) {
+    var max = input.max, min = input.min, rating = input.rating;
+    var validMax = validRanges[max];
+    if (!(validMax && validMax.indexOf(min) > -1)) {
+        return null;
+    }
+    // Count from max until you reach rating
+    var current = max;
+    var i = 1;
+    while (current !== rating) {
+        i++;
+        if (min === current) {
+            // It's at end, didn't match rating
+            return null;
+        }
+        else if (current.length > 1) {
+            // Has + in string, remove one plus
+            current = current.slice(0, current.length - 1);
+        }
+        else {
+            // No pluses get next character code
+            current = String.fromCharCode(current.charCodeAt(0) + 1);
+        }
+    }
+    return i > 7 ? 7 : i;
+};

package/ebay-eek/index.d.ts

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

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

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

package/ebay-eek/index.js

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

package/ebay-expand-button/README.md

@@ -0,0 +1,36 @@
+# ebay-expand-button
+
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-expand-button--default)
+
+## Install
+```
+yarn add @ebay/ui-core-react
+```
+
+## Usage
+
+### Import following styles from SKIN
+```jsx harmony
+import "@ebay/skin/expand-button"
+```
+
+### Or import styles using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/expand-button.css'
+
+```
+
+### Expand button
+```jsx
+<EbayExpandButton>Expand!</EbayExpandButton>
+```
+
+## EbayExpandButton Attributes
+
+Name | Type | Required | Description
+--- | --- | --- | ---
+`icon` | String | No | Replacement for the standard expand icon
+`borderless` | Boolean | No | Whether button has borders
+`onExpand` | Function | No | Expand callback
+`onCollapse` | Function | No | Collapse callback

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

@@ -0,0 +1,13 @@
+import { ComponentProps, FC, MouseEvent } from 'react';
+import { Icon } from '../ebay-icon';
+declare type HTMLButtonProps = ComponentProps<'button'>;
+export declare type ExpandButtonProps = HTMLButtonProps & {
+    borderless?: boolean;
+    icon?: Icon;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    onClick?: (e: MouseEvent) => void;
+};
+declare const EbayExpandButton: FC<ExpandButtonProps>;
+export default EbayExpandButton;
+//# sourceMappingURL=expand-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expand-button.d.ts","sourceRoot":"","sources":["../../src/ebay-expand-button/expand-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,cAAc,EAAE,EAAE,EAAE,UAAU,EAAY,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,aAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,oBAAY,iBAAiB,GAAG,eAAe,GAAG;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CA4C3C,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/ebay-expand-button/expand-button.js

@@ -0,0 +1,73 @@
+"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_button_1 = require("../ebay-button");
+var EbayExpandButton = function (_a) {
+    var className = _a.className, borderless = _a.borderless, _b = _a.icon, icon = _b === void 0 ? 'dropdown' : _b, _c = _a.onExpand, onExpand = _c === void 0 ? function () { } : _c, _d = _a.onCollapse, onCollapse = _d === void 0 ? function () { } : _d, _e = _a.onClick, onClick = _e === void 0 ? function () { } : _e, children = _a.children, rest = __rest(_a, ["className", "borderless", "icon", "onExpand", "onCollapse", "onClick", "children"]);
+    var _f = react_1.useState(false), expanded = _f[0], setExpanded = _f[1];
+    var hasChildren = !!react_1.Children.count(children);
+    var buttonClasses = classnames_1.default('expand-btn', className, { 'expand-btn--icon-only': !hasChildren }, { 'expand-btn--borderless': borderless });
+    var handleClick = function (e) {
+        var willExpand = !expanded;
+        if (willExpand) {
+            onExpand();
+        }
+        else {
+            onCollapse();
+        }
+        setExpanded(!expanded);
+        onClick(e);
+    };
+    return (react_1.default.createElement("button", __assign({}, rest, { className: borderless && !hasChildren ? 'icon-btn' : buttonClasses, "aria-expanded": expanded, onClick: handleClick }), borderless && !hasChildren ?
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }) :
+        react_1.default.createElement(ebay_button_1.EbayButtonCell, { type: "expand" },
+            hasChildren && react_1.default.createElement("span", { className: "expand-btn__text" }, children),
+            react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }))));
+};
+exports.default = EbayExpandButton;

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

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

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

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

package/ebay-expand-button/index.js

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

package/ebay-field/README.md

@@ -0,0 +1,53 @@
+# ebay-field
+
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-field--default-inline)
+
+## Import JS
+```jsx harmony
+import { EbayField, EbayLabel, fieldLayoutType, EbayFieldDescription, fieldDescriptionType, fieldDescriptionPosition } from '@ebay/ui-core-react/ebay-field';
+```
+## Import following styles from SKIN
+```jsx harmony
+import '@ebay/skin/field';
+```
+## Import styles using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/field.css'
+```
+## Usage
+```
+yarn add @ebay/ui-core-react
+```
+```jsx harmony
+ <EbayField layout={fieldLayoutType.BLOCK}>
+    <EbayLabel stacked htmlFor="field1">Label 1</EbayLabel>
+    <EbayTextbox placeholder="placeholder text" id="field1" />
+    <EbayFieldDescription
+        type={fieldDescriptionType.CONFIRMATION}
+        position={fieldDescriptionPosition.BELOW_FIELD}>
+            Some description Text
+    </EbayFieldDescription>
+</EbayField>
+```
+
+## EbayField Attributes
+
+Name | Type | Stateful | Required | Description
+--- | --- | --- | --- | ---
+`layout` | String | No | No | `fieldLayoutType.BLOCK`, `fieldLayoutType.inline` (default)
+
+## EbayLabel Attributes
+
+Name | Type | Stateful | Required | Description
+--- | --- | --- | --- | ---
+`stacked` | Boolean | No | No | display label above the field if true
+`required` | Boolean | No | No | indicates the field is required if true
+`position` | String | No | No | `start` (default) or `end` position towards the input
+
+## EbayFieldDescription Attributes
+
+Name | Type | Stateful | Required | Description
+--- | --- | --- | --- | ---
+`type` | String | No | No | `fieldDescriptionType.CONFIRMATION`, `fieldDescriptionType.DEFAULT`(Default), `fieldDescriptionType.ATTENTION`, `fieldDescriptionType.INFORMATION`
+`position` | String | No | No | `fieldDescriptionPosition.BELOW_FIELD` (Default), `fieldDescriptionPosition.INLINE`

package/ebay-field/description.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, FC } from 'react';
+import { FieldDescriptionType, FieldDescriptionPosition } from './types';
+declare type DescriptionProps = ComponentProps<'div'> & ComponentProps<'span'> & {
+    type?: FieldDescriptionType;
+    position?: FieldDescriptionPosition;
+};
+declare const Description: FC<DescriptionProps>;
+export default Description;
+//# sourceMappingURL=description.d.ts.map

package/ebay-field/description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/ebay-field/description.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAExE,aAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACvC,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkBrC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/ebay-field/description.js

@@ -0,0 +1,38 @@
+"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 Description = function (_a) {
+    var _b;
+    var type = _a.type, _c = _a.position, position = _c === void 0 ? 'below' : _c, className = _a.className, children = _a.children, rest = __rest(_a, ["type", "position", "className", "children"]);
+    var wrapperClassName = classnames_1.default(className, 'field__description', (_b = {}, _b["field__description--" + type] = type, _b));
+    var WrapperElement = position === 'below' ? "div" : "span";
+    return (react_1.default.createElement(WrapperElement, __assign({}, rest, { className: wrapperClassName }),
+        react_1.default.createElement("span", null, children)));
+};
+exports.default = Description;

package/ebay-field/enums.d.ts

@@ -0,0 +1,20 @@
+import { FieldDescriptionPosition, FieldDescriptionType, FieldLayoutType } from './types';
+/**
+ * @deprecated Use FieldLayoutType union type instead
+ */
+export declare const fieldLayoutType: {
+    [key: string]: FieldLayoutType;
+};
+/**
+ * @deprecated Use FieldDescriptionType union type instead
+ */
+export declare const fieldDescriptionType: {
+    [key: string]: FieldDescriptionType;
+};
+/**
+ * @deprecated Use FieldDescriptionPosition union type instead
+ */
+export declare const fieldDescriptionPosition: {
+    [key: string]: FieldDescriptionPosition;
+};
+//# sourceMappingURL=enums.d.ts.map

package/ebay-field/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/ebay-field/enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;CAG7D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAA;CAKvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,CAAA;CAI/E,CAAA"}

package/ebay-field/enums.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fieldDescriptionPosition = exports.fieldDescriptionType = exports.fieldLayoutType = void 0;
+/**
+ * @deprecated Use FieldLayoutType union type instead
+ */
+exports.fieldLayoutType = {
+    INLINE: "inline",
+    BLOCK: "block"
+};
+/**
+ * @deprecated Use FieldDescriptionType union type instead
+ */
+exports.fieldDescriptionType = {
+    DEFAULT: "default",
+    CONFIRMATION: "confirmation",
+    INFORMATION: "information",
+    ATTENTION: "attention"
+};
+/**
+ * @deprecated Use FieldDescriptionPosition union type instead
+ */
+exports.fieldDescriptionPosition = {
+    INLINE: "inline",
+    BELOW_FIELD: "below",
+    ABOVE_FIELD: "above"
+};

package/ebay-field/field.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { FieldLayoutType } from './types';
+declare type FieldProps = {
+    className?: string;
+    layout?: FieldLayoutType;
+    children?: ReactNode;
+};
+declare const Field: FC<FieldProps>;
+export default Field;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/ebay-field/field.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,aAAK,UAAU,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAWzB,CAAA;AAED,eAAe,KAAK,CAAA"}

package/ebay-field/field.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 classnames_1 = __importDefault(require("classnames"));
+var Field = function (_a) {
+    var className = _a.className, _b = _a.layout, layout = _b === void 0 ? 'inline' : _b, children = _a.children;
+    var WrapperElement = layout === 'block' ? 'div' : 'span';
+    return (react_1.default.createElement(WrapperElement, { className: classnames_1.default('field', className) }, children));
+};
+exports.default = Field;

package/ebay-field/index.d.ts

@@ -0,0 +1,6 @@
+export { default as EbayField } from './field';
+export { default as EbayLabel, Props as EbayLabelProps } from './label';
+export { default as EbayFieldDescription } from './description';
+export { FieldDescriptionType, FieldDescriptionPosition, FieldLayoutType, LabelPosition } from './types';
+export { fieldLayoutType, fieldDescriptionType, fieldDescriptionPosition } from './enums';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACxG,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA"}

package/ebay-field/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var field_1 = require("./field");
+Object.defineProperty(exports, "EbayField", { enumerable: true, get: function () { return field_1.default; } });
+var label_1 = require("./label");
+Object.defineProperty(exports, "EbayLabel", { enumerable: true, get: function () { return label_1.default; } });
+var description_1 = require("./description");
+Object.defineProperty(exports, "EbayFieldDescription", { enumerable: true, get: function () { return description_1.default; } });
+var enums_1 = require("./enums");
+Object.defineProperty(exports, "fieldLayoutType", { enumerable: true, get: function () { return enums_1.fieldLayoutType; } });
+Object.defineProperty(exports, "fieldDescriptionType", { enumerable: true, get: function () { return enums_1.fieldDescriptionType; } });
+Object.defineProperty(exports, "fieldDescriptionPosition", { enumerable: true, get: function () { return enums_1.fieldDescriptionPosition; } });

package/ebay-field/label.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, FC } from 'react';
+import { LabelPosition } from './types';
+export declare type Props = {
+    className?: string;
+    stacked?: boolean;
+    required?: boolean;
+    position?: LabelPosition;
+} & ComponentProps<'label'>;
+declare const Label: FC<Props>;
+export default Label;
+//# sourceMappingURL=label.d.ts.map

package/ebay-field/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ebay-field/label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,oBAAY,KAAK,GAAG;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC5B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;AAE3B,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CAiBpB,CAAA;AAED,eAAe,KAAK,CAAA"}