@ebay/ui-core-react 6.2.1 → 6.3.0

package/ebay-tabs/tab.js

@@ -1,15 +1,4 @@
 "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)
@@ -25,11 +14,11 @@ 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 Tab = function (_a) {
-    var children = _a.children, index = _a.index, parentId = _a.parentId, selected = _a.selected, focused = _a.focused, className = _a.className, refCallback = _a.refCallback, rest = __rest(_a, ["children", "index", "parentId", "selected", "focused", "className", "refCallback"]);
-    return (react_1.default.createElement("div", __assign({}, rest, { ref: refCallback, "aria-controls": "".concat(parentId || 'default', "-tabpanel-").concat(index), "aria-selected": selected, className: (0, classnames_1.default)(className, 'tabs__item'), id: "".concat(parentId || 'default', "-tab-").concat(index), role: "tab", tabIndex: focused ? 0 : -1 }),
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Tab = (_a) => {
+    var { children, index, parentId, selected, focused, className, refCallback } = _a, rest = __rest(_a, ["children", "index", "parentId", "selected", "focused", "className", "refCallback"]);
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: refCallback, "aria-controls": `${parentId || 'default'}-tabpanel-${index}`, "aria-selected": selected, className: (0, classnames_1.default)(className, 'tabs__item'), id: `${parentId || 'default'}-tab-${index}`, role: "tab", tabIndex: focused ? 0 : -1 }),
         react_1.default.createElement("span", null, children)));
 };
 exports.default = Tab;

package/ebay-tabs/tabs.js

@@ -1,15 +1,4 @@
 "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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,18 +26,17 @@ 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 event_utils_1 = require("../common/event-utils");
-var component_utils_1 = require("../common/component-utils");
-var tab_1 = __importDefault(require("./tab"));
-var tab_panel_1 = __importDefault(require("./tab-panel"));
-var Tabs = function (_a) {
-    var id = _a.id, className = _a.className, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.activation, activation = _d === void 0 ? 'auto' : _d, _e = _a.onSelect, onSelect = _e === void 0 ? function () { } : _e, _f = _a.onTabSelect, onTabSelect = _f === void 0 ? function () { } : _f, children = _a.children;
-    var headings = [];
-    var _g = (0, react_1.useState)(index), selectedIndex = _g[0], setSelectedIndex = _g[1];
-    var _h = (0, react_1.useState)(index), focusedIndex = _h[0], setFocusedIndex = _h[1];
-    var handleSelect = function (i) {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const event_utils_1 = require("../common/event-utils");
+const component_utils_1 = require("../common/component-utils");
+const tab_1 = __importDefault(require("./tab"));
+const tab_panel_1 = __importDefault(require("./tab-panel"));
+const Tabs = ({ id, className, index = 0, size = 'medium', activation = 'auto', onSelect = () => { }, onTabSelect = () => { }, children }) => {
+    const headings = [];
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(index);
+    const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(index);
+    const handleSelect = (i) => {
         onSelect({ selectedIndex: i });
         onTabSelect(i);
         setSelectedIndex(i);
@@ -57,20 +45,20 @@ var Tabs = function (_a) {
      * Handle a11y for heading
      * https://ebay.gitbooks.io/mindpatterns/content/disclosure/tabs.html
      */
-    var onKeyDown = function (ev, i) {
-        (0, event_utils_1.handleActionKeydown)(ev, function () {
+    const onKeyDown = (ev, i) => {
+        (0, event_utils_1.handleActionKeydown)(ev, () => {
             ev.preventDefault();
             if (activation === 'manual') {
                 handleSelect(i);
             }
         });
-        (0, event_utils_1.handleLeftRightArrowsKeydown)(ev, function () {
+        (0, event_utils_1.handleLeftRightArrowsKeydown)(ev, () => {
             var _a;
             ev.preventDefault();
-            var len = (0, component_utils_1.filterByType)(children, tab_1.default).length;
-            var direction = ['Left', 'ArrowLeft'].includes(ev.key) ? -1 : 1;
-            var currentIndex = focusedIndex === undefined ? selectedIndex : focusedIndex;
-            var nextIndex = (currentIndex + len + direction) % len;
+            const len = (0, component_utils_1.filterByType)(children, tab_1.default).length;
+            const direction = ['Left', 'ArrowLeft'].includes(ev.key) ? -1 : 1;
+            const currentIndex = focusedIndex === undefined ? selectedIndex : focusedIndex;
+            const nextIndex = (currentIndex + len + direction) % len;
             setFocusedIndex(nextIndex);
             (_a = headings[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
             if (activation !== 'manual') {
@@ -78,18 +66,16 @@ var Tabs = function (_a) {
             }
         });
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         handleSelect(index);
     }, [index]);
-    var isLarge = size === 'large';
-    var tabHeadings = (0, component_utils_1.filterByType)(children, tab_1.default).map(function (item, i) {
-        return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { refCallback: function (ref) { headings[i] = ref; }, index: i, parentId: id, selected: selectedIndex === i, focused: focusedIndex === i, onClick: function () {
-                handleSelect(i);
-                setFocusedIndex(i);
-            }, onKeyDown: function (e) { onKeyDown(e, i); } }));
-    });
-    var tabPanels = (0, component_utils_1.filterByType)(children, tab_panel_1.default).map(function (item, i) {
-        var itemProps = {
+    const isLarge = size === 'large';
+    const tabHeadings = (0, component_utils_1.filterByType)(children, tab_1.default).map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { refCallback: ref => { headings[i] = ref; }, index: i, parentId: id, selected: selectedIndex === i, focused: focusedIndex === i, onClick: () => {
+            handleSelect(i);
+            setFocusedIndex(i);
+        }, onKeyDown: e => { onKeyDown(e, i); } })));
+    const tabPanels = (0, component_utils_1.filterByType)(children, tab_panel_1.default).map((item, i) => {
+        const itemProps = {
             index: i,
             parentId: id,
             selected: selectedIndex === i,

package/ebay-textbox/postfix-icon.js

@@ -1,15 +1,4 @@
 "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)
@@ -25,13 +14,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ebay_icon_1 = require("../ebay-icon");
-var ebay_icon_button_1 = require("../ebay-icon-button");
-var EbayTextboxPostfixIcon = function (_a) {
-    var name = _a.name, buttonAriaLabel = _a.buttonAriaLabel, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, rest = __rest(_a, ["name", "buttonAriaLabel", "onClick"]);
+const react_1 = __importDefault(require("react"));
+const ebay_icon_1 = require("../ebay-icon");
+const ebay_icon_button_1 = require("../ebay-icon-button");
+const EbayTextboxPostfixIcon = (_a) => {
+    var { name, buttonAriaLabel, onClick = () => { } } = _a, rest = __rest(_a, ["name", "buttonAriaLabel", "onClick"]);
     return buttonAriaLabel ?
-        react_1.default.createElement(ebay_icon_button_1.EbayIconButton, __assign({ "aria-label": buttonAriaLabel, icon: name, transparent: true, onClick: onClick }, rest)) :
-        react_1.default.createElement(ebay_icon_1.EbayIcon, __assign({ name: name }, rest));
+        react_1.default.createElement(ebay_icon_button_1.EbayIconButton, Object.assign({ "aria-label": buttonAriaLabel, icon: name, transparent: true, onClick: onClick }, rest)) :
+        react_1.default.createElement(ebay_icon_1.EbayIcon, Object.assign({ name: name }, rest));
 };
 exports.default = EbayTextboxPostfixIcon;

package/ebay-textbox/prefix-icon.js

@@ -1,15 +1,4 @@
 "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)
@@ -25,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ebay_icon_1 = require("../ebay-icon");
-var EbayTextboxPrefixIcon = function (_a) {
-    var name = _a.name, rest = __rest(_a, ["name"]);
-    return (react_1.default.createElement(ebay_icon_1.EbayIcon, __assign({ name: name }, rest)));
+const react_1 = __importDefault(require("react"));
+const ebay_icon_1 = require("../ebay-icon");
+const EbayTextboxPrefixIcon = (_a) => {
+    var { name } = _a, rest = __rest(_a, ["name"]);
+    return (react_1.default.createElement(ebay_icon_1.EbayIcon, Object.assign({ name: name }, rest)));
 };
 exports.default = EbayTextboxPrefixIcon;

package/ebay-textbox/textbox.d.ts

@@ -26,6 +26,6 @@ export type EbayTextboxProps = {
     forwardedRef?: Ref<HTMLTextAreaElement | HTMLInputElement>;
     opaqueLabel?: boolean;
 } & Omit<TextInputProps, 'onFocus' | 'onBlur' | 'onChange' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'onInvalid'>;
-declare const _default: React.ForwardRefExoticComponent<Pick<EbayTextboxProps, "form" | "slot" | "style" | "title" | "pattern" | "forwardedRef" | "type" | "invalid" | "key" | "value" | "className" | "disabled" | "inputSize" | "placeholder" | "opaqueLabel" | "children" | "multiple" | "name" | "required" | "size" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "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" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "cols" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "rows" | "src" | "step" | "width" | "wrap" | "fluid" | "dirName" | "multiline" | "onInputChange" | "onFloatingLabelInit" | "onButtonClick" | "floatingLabel"> & React.RefAttributes<React.FC<EbayTextboxProps>>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<EbayTextboxProps, "ref"> & React.RefAttributes<React.FC<EbayTextboxProps>>>;
 export default _default;
 //# sourceMappingURL=textbox.d.ts.map

package/ebay-textbox/textbox.js

@@ -1,15 +1,4 @@
 "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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -49,39 +38,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isControlled = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var component_utils_1 = require("../common/component-utils");
-var index_1 = require("./index");
-var hooks_1 = require("../common/floating-label-utils/hooks");
-var isControlled = function (value) { return typeof value !== 'undefined'; };
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const component_utils_1 = require("../common/component-utils");
+const index_1 = require("./index");
+const hooks_1 = require("../common/floating-label-utils/hooks");
+const isControlled = (value) => typeof value !== 'undefined';
 exports.isControlled = isControlled;
-var EbayTextbox = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? 'text' : _b, invalid = _a.invalid, fluid = _a.fluid, multiline = _a.multiline, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, _d = _a.onInputChange, onInputChange = _d === void 0 ? function () { } : _d, _e = _a.onFocus, onFocus = _e === void 0 ? function () { } : _e, _f = _a.onBlur, onBlur = _f === void 0 ? function () { } : _f, _g = _a.onKeyPress, onKeyPress = _g === void 0 ? function () { } : _g, _h = _a.onKeyUp, onKeyUp = _h === void 0 ? function () { } : _h, _j = _a.onKeyDown, onKeyDown = _j === void 0 ? function () { } : _j, _k = _a.onInvalid, onInvalid = _k === void 0 ? function () { } : _k, _l = _a.onFloatingLabelInit, onFloatingLabelInit = _l === void 0 ? function () { } : _l, _m = _a.onButtonClick, onButtonClick = _m === void 0 ? function () { } : _m, autoFocus = _a.autoFocus, _o = _a.defaultValue, defaultValue = _o === void 0 ? '' : _o, controlledValue = _a.value, forwardedRef = _a.forwardedRef, _p = _a.inputSize, inputSize = _p === void 0 ? 'default' : _p, floatingLabel = _a.floatingLabel, children = _a.children, placeholder = _a.placeholder, opaqueLabel = _a.opaqueLabel, rest = __rest(_a, ["type", "invalid", "fluid", "multiline", "onChange", "onInputChange", "onFocus", "onBlur", "onKeyPress", "onKeyUp", "onKeyDown", "onInvalid", "onFloatingLabelInit", "onButtonClick", "autoFocus", "defaultValue", "value", "forwardedRef", "inputSize", "floatingLabel", "children", "placeholder", "opaqueLabel"]);
-    var _q = (0, react_1.useState)(defaultValue), value = _q[0], setValue = _q[1];
-    var _r = (0, react_1.useState)(defaultValue), inputValue = _r[0], setInputValue = _r[1];
-    var _s = (0, hooks_1.useFloatingLabel)({
+const EbayTextbox = (_a) => {
+    var { type = 'text', invalid, fluid, multiline, onChange = () => { }, onInputChange = () => { }, onFocus = () => { }, onBlur = () => { }, onKeyPress = () => { }, onKeyUp = () => { }, onKeyDown = () => { }, onInvalid = () => { }, onFloatingLabelInit = () => { }, onButtonClick = () => { }, autoFocus, defaultValue = '', value: controlledValue, forwardedRef, inputSize = 'default', floatingLabel, children, placeholder, opaqueLabel } = _a, rest = __rest(_a, ["type", "invalid", "fluid", "multiline", "onChange", "onInputChange", "onFocus", "onBlur", "onKeyPress", "onKeyUp", "onKeyDown", "onInvalid", "onFloatingLabelInit", "onButtonClick", "autoFocus", "defaultValue", "value", "forwardedRef", "inputSize", "floatingLabel", "children", "placeholder", "opaqueLabel"]);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const [inputValue, setInputValue] = (0, react_1.useState)(defaultValue);
+    const { label, Container, onBlur: onFloatingLabelBlur, onFocus: onFloatingLabelFocus, ref, placeholder: floatingLabelPlaceholder } = (0, hooks_1.useFloatingLabel)({
         ref: forwardedRef,
         inputId: rest.id,
         className: rest.className,
         disabled: rest.disabled,
         label: floatingLabel,
-        inputSize: inputSize,
+        inputSize,
         inputValue: controlledValue || inputValue,
-        placeholder: placeholder,
-        invalid: invalid,
-        type: type,
-        opaqueLabel: opaqueLabel,
+        placeholder,
+        invalid,
+        type,
+        opaqueLabel,
         onMount: onFloatingLabelInit
-    }), label = _s.label, Container = _s.Container, onFloatingLabelBlur = _s.onBlur, onFloatingLabelFocus = _s.onFocus, ref = _s.ref, floatingLabelPlaceholder = _s.placeholder;
-    var handleFocus = function (event) {
+    });
+    const handleFocus = (event) => {
         var _a;
         onFocus(event, { value: ((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) || defaultValue });
         onFloatingLabelFocus();
     };
-    var handleBlur = function (event) {
+    const handleBlur = (event) => {
         var _a;
-        var newValue = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
+        const newValue = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
         onBlur(event, { value: newValue });
         if (newValue !== value) {
             onChange(event, { value: newValue });
@@ -89,56 +78,56 @@ var EbayTextbox = function (_a) {
         }
         onFloatingLabelBlur();
     };
-    var handleKeyPress = function (event) {
-        var textbox = event.target;
+    const handleKeyPress = (event) => {
+        const textbox = event.target;
         onKeyPress(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
     };
-    var handleKeyUp = function (event) {
-        var textbox = event.target;
+    const handleKeyUp = (event) => {
+        const textbox = event.target;
         onKeyUp(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
     };
-    var handleKeyDown = function (event) {
-        var textbox = event.target;
+    const handleKeyDown = (event) => {
+        const textbox = event.target;
         onKeyDown(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
     };
-    var handleInvalid = function (event) {
-        var textbox = event.target;
+    const handleInvalid = (event) => {
+        const textbox = event.target;
         onInvalid(event, { value: textbox === null || textbox === void 0 ? void 0 : textbox.value });
     };
-    var handleButtonClick = function (event) {
-        onButtonClick(event, { value: value });
+    const handleButtonClick = (event) => {
+        onButtonClick(event, { value });
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (autoFocus) {
             handleFocus();
         }
     }, []);
-    var handleInputChange = function (e) {
+    const handleInputChange = (e) => {
         var _a;
-        var newValue = (_a = e.target) === null || _a === void 0 ? void 0 : _a.value;
+        const newValue = (_a = e.target) === null || _a === void 0 ? void 0 : _a.value;
         if (!(0, exports.isControlled)(controlledValue)) {
             setInputValue(newValue);
         }
         onInputChange(e, { value: newValue });
     };
-    var Input = multiline ? 'textarea' : 'input';
-    var Wrapper = fluid ? 'div' : 'span';
-    var prefixIcon = (0, component_utils_1.findComponent)(children, index_1.EbayTextboxPrefixIcon);
-    var postfixIcon = (0, component_utils_1.findComponent)(children, index_1.EbayTextboxPostfixIcon);
-    var inputClassName = (0, classnames_1.default)('textbox__control', {
+    const Input = multiline ? 'textarea' : 'input';
+    const Wrapper = fluid ? 'div' : 'span';
+    const prefixIcon = (0, component_utils_1.findComponent)(children, index_1.EbayTextboxPrefixIcon);
+    const postfixIcon = (0, component_utils_1.findComponent)(children, index_1.EbayTextboxPostfixIcon);
+    const inputClassName = (0, classnames_1.default)('textbox__control', {
         'textbox__control--fluid': fluid,
         'textbox__control--large': inputSize === 'large'
     });
-    var wrapperClassName = (0, classnames_1.default)('textbox', rest.className, {
+    const wrapperClassName = (0, classnames_1.default)('textbox', rest.className, {
         'textbox--icon-end': postfixIcon
     });
     return (react_1.default.createElement(Container, null,
         label,
         react_1.default.createElement(Wrapper, { className: wrapperClassName },
             prefixIcon,
-            react_1.default.createElement(Input, __assign({}, rest, { className: inputClassName, type: type, "aria-invalid": invalid, value: (0, exports.isControlled)(controlledValue) ? controlledValue : inputValue, onChange: handleInputChange, onBlur: handleBlur, onFocus: handleFocus, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onInvalid: handleInvalid, autoFocus: autoFocus, ref: ref, placeholder: floatingLabelPlaceholder })),
-            postfixIcon && (0, react_1.cloneElement)(postfixIcon, __assign(__assign({}, postfixIcon.props), { onClick: function (e) {
-                    var _a = postfixIcon.props.onClick, iconClick = _a === void 0 ? function () { } : _a;
+            react_1.default.createElement(Input, Object.assign({}, rest, { className: inputClassName, type: type, "aria-invalid": invalid, value: (0, exports.isControlled)(controlledValue) ? controlledValue : inputValue, onChange: handleInputChange, onBlur: handleBlur, onFocus: handleFocus, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onInvalid: handleInvalid, autoFocus: autoFocus, ref: ref, placeholder: floatingLabelPlaceholder })),
+            postfixIcon && (0, react_1.cloneElement)(postfixIcon, Object.assign(Object.assign({}, postfixIcon.props), { onClick: (e) => {
+                    const { onClick: iconClick = () => { } } = postfixIcon.props;
                     iconClick(e);
                     handleButtonClick(e);
                 } })))));

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

@@ -1,15 +1,4 @@
 "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)
@@ -26,12 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EbayToast = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_dialog_base_1 = require("../../ebay-dialog-base");
-var EbayToast = function (_a) {
-    var className = _a.className, _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, rest = __rest(_a, ["className", "onClose"]);
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { isModal: false, baseEl: "aside", classPrefix: "toast-dialog", buttonPosition: "right", transitionElement: "root", className: (0, classnames_1.default)(className, 'toast-dialog--transition'), onCloseBtnClick: onClose })));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_dialog_base_1 = require("../../ebay-dialog-base");
+const EbayToast = (_a) => {
+    var { className, onClose = () => { } } = _a, rest = __rest(_a, ["className", "onClose"]);
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { isModal: false, baseEl: "aside", classPrefix: "toast-dialog", buttonPosition: "right", transitionElement: "root", className: (0, classnames_1.default)(className, 'toast-dialog--transition'), onCloseBtnClick: onClose })));
 };
 exports.EbayToast = EbayToast;
 exports.default = exports.EbayToast;

package/ebay-tooltip/ebay-tooltip-content.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * This Component is used only for finding it as a child of EbayTooltip
  * and pass the properties to TooltipContent
 */
-var EbayTooltipContent = function () { return null; };
+const EbayTooltipContent = () => null;
 exports.default = EbayTooltipContent;

package/ebay-tooltip/ebay-tooltip-host.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * This Component is used only for finding it as a child of EbayTooltip
  * and pass the properties to TooltipHost
 */
-var EbayTooltipHost = function () { return null; };
+const EbayTooltipHost = () => null;
 exports.default = EbayTooltipHost;

package/ebay-tooltip/ebay-tooltip.js

@@ -1,15 +1,4 @@
 "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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,49 +37,49 @@ 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_tooltip_content_1 = __importDefault(require("./ebay-tooltip-content"));
-var ebay_tooltip_host_1 = __importDefault(require("./ebay-tooltip-host"));
-var EbayTooltip = function (_a) {
-    var className = _a.className, pointer = _a.pointer, overlayStyle = _a.overlayStyle, noHover = _a.noHover, _b = _a.onFocus, onFocus = _b === void 0 ? function () { } : _b, _c = _a.onBlur, onBlur = _c === void 0 ? function () { } : _c, _d = _a.onMouseEnter, onMouseEnter = _d === void 0 ? function () { } : _d, _e = _a.onMouseLeave, onMouseLeave = _e === void 0 ? function () { } : _e, onExpand = _a.onExpand, onCollapse = _a.onCollapse, children = _a.children, rest = __rest(_a, ["className", "pointer", "overlayStyle", "noHover", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onExpand", "onCollapse", "children"]);
-    var _f = (0, tooltip_utils_1.useTooltip)({ onCollapse: onCollapse, onExpand: onExpand }), isExpanded = _f.isExpanded, expandTooltip = _f.expandTooltip, collapseTooltip = _f.collapseTooltip;
-    var timeoutRef = (0, react_1.useRef)();
-    var handleOnMouseEnter = function (event) {
+const react_1 = __importStar(require("react"));
+const component_utils_1 = require("../common/component-utils");
+const tooltip_utils_1 = require("../common/tooltip-utils");
+const ebay_tooltip_content_1 = __importDefault(require("./ebay-tooltip-content"));
+const ebay_tooltip_host_1 = __importDefault(require("./ebay-tooltip-host"));
+const EbayTooltip = (_a) => {
+    var { className, pointer, overlayStyle, noHover, onFocus = () => { }, onBlur = () => { }, onMouseEnter = () => { }, onMouseLeave = () => { }, onExpand, onCollapse, children } = _a, rest = __rest(_a, ["className", "pointer", "overlayStyle", "noHover", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onExpand", "onCollapse", "children"]);
+    const { isExpanded, expandTooltip, collapseTooltip } = (0, tooltip_utils_1.useTooltip)({ onCollapse, onExpand });
+    const timeoutRef = (0, react_1.useRef)();
+    const handleOnMouseEnter = (event) => {
         onMouseEnter(event);
         if (!noHover) {
             clearTimeout(timeoutRef.current);
             expandTooltip();
         }
     };
-    var handleOnMouseLeave = function (event) {
+    const handleOnMouseLeave = (event) => {
         onMouseLeave(event);
         if (!noHover) {
             clearTimeout(timeoutRef.current);
-            timeoutRef.current = setTimeout(function () {
+            timeoutRef.current = setTimeout(() => {
                 collapseTooltip();
             }, 300);
         }
     };
-    var handleOnFocus = function (event) {
+    const handleOnFocus = (event) => {
         onFocus(event);
         expandTooltip();
     };
-    var handleOnBlur = function (event) {
+    const handleOnBlur = (event) => {
         onBlur(event);
         collapseTooltip();
     };
-    var content = (0, component_utils_1.findComponent)(children, ebay_tooltip_content_1.default);
-    var host = (0, component_utils_1.findComponent)(children, ebay_tooltip_host_1.default);
+    const content = (0, component_utils_1.findComponent)(children, ebay_tooltip_content_1.default);
+    const host = (0, component_utils_1.findComponent)(children, ebay_tooltip_host_1.default);
     if (!host) {
-        throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");
+        throw new Error(`EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip`);
     }
     if (!content) {
-        throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");
+        throw new Error(`EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip`);
     }
-    return (react_1.default.createElement(tooltip_utils_1.Tooltip, __assign({}, rest, { className: className, type: "tooltip", isExpanded: isExpanded, onFocus: handleOnFocus, onBlur: handleOnBlur, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave }),
-        react_1.default.createElement(tooltip_utils_1.TooltipHost, __assign({}, host.props)),
-        react_1.default.createElement(tooltip_utils_1.TooltipContent, __assign({}, content.props, { type: "tooltip", style: overlayStyle, pointer: pointer }))));
+    return (react_1.default.createElement(tooltip_utils_1.Tooltip, Object.assign({}, rest, { className: className, type: "tooltip", isExpanded: isExpanded, onFocus: handleOnFocus, onBlur: handleOnBlur, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave }),
+        react_1.default.createElement(tooltip_utils_1.TooltipHost, Object.assign({}, host.props)),
+        react_1.default.createElement(tooltip_utils_1.TooltipContent, Object.assign({}, content.props, { type: "tooltip", style: overlayStyle, pointer: pointer }))));
 };
 exports.default = EbayTooltip;

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

@@ -4,5 +4,5 @@ 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; };
+const EbayTourtipContent = () => null;
 exports.default = EbayTourtipContent;

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

@@ -3,11 +3,8 @@ 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));
-};
+const react_1 = __importDefault(require("react"));
+const EbayTourtipFooter = ({ index, children }) => (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.js

@@ -1,15 +1,4 @@
 "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)
@@ -25,11 +14,11 @@ 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: (0, classnames_1.default)("tourtip__heading", className) }), children));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayTourtipHeading = (_a) => {
+    var { as, children, className } = _a, props = __rest(_a, ["as", "children", "className"]);
+    const HeadingTag = as || 'h2';
+    return (react_1.default.createElement(HeadingTag, Object.assign({}, props, { className: (0, classnames_1.default)(`tourtip__heading`, className) }), children));
 };
 exports.default = EbayTourtipHeading;

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

@@ -4,5 +4,5 @@ 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; };
+const EbayTourtipHost = () => null;
 exports.default = EbayTourtipHost;