@ebay/ui-core-react 6.2.2-rc.1 → 6.2.3

package/common/component-utils/array.polyfill.flat.js

@@ -14,17 +14,19 @@ if (!Array.prototype.flat) {
         configurable: true,
         writable: true,
         value: function (d) {
-            const depthArg = typeof d === 'undefined' ? 1 : Number(d) || 0;
-            const result = [];
-            const forEach = result.forEach;
-            const flatDeep = (arr, depth) => forEach.call(arr, val => {
-                if (depth > 0 && Array.isArray(val)) {
-                    flatDeep(val, depth - 1);
-                }
-                else {
-                    result.push(val);
-                }
-            });
+            var depthArg = typeof d === 'undefined' ? 1 : Number(d) || 0;
+            var result = [];
+            var forEach = result.forEach;
+            var flatDeep = function (arr, depth) {
+                return forEach.call(arr, function (val) {
+                    if (depth > 0 && Array.isArray(val)) {
+                        flatDeep(val, depth - 1);
+                    }
+                    else {
+                        result.push(val);
+                    }
+                });
+            };
             flatDeep(this, depthArg);
             return result;
         }

package/common/component-utils/forwardRef.js

@@ -1,4 +1,15 @@
 "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);
@@ -24,13 +35,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withForwardRef = void 0;
-const react_1 = __importStar(require("react"));
-const getDisplayName = (Component) => Component.displayName || Component.name || 'Component';
+var react_1 = __importStar(require("react"));
+var getDisplayName = function (Component) { return Component.displayName || Component.name || 'Component'; };
 // Typescript will automatically find the return type crom forwardRef() function
 // Disabling eslint for this use case
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-const withForwardRef = (Component) => {
-    const ForwardRef = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(Component, Object.assign({}, props, { forwardedRef: ref })));
+var withForwardRef = function (Component) {
+    var ForwardRef = (0, react_1.forwardRef)(function (props, ref) {
+        return react_1.default.createElement(Component, __assign({}, props, { forwardedRef: ref }));
+    });
     ForwardRef.displayName = getDisplayName(Component);
     return ForwardRef;
 };

package/common/component-utils/usePrevious.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePrevious = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 function usePrevious(value) {
-    const ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    var ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
         ref.current = value;
     }, [value]);
     return ref.current;

package/common/component-utils/utils.js

@@ -1,26 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterBy = exports.filterByType = exports.excludeComponent = exports.findComponent = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 require("./array.polyfill.flat"); // for Mobile Safari 11
-function findComponent(nodes = [], componentType) {
-    const elements = react_1.Children.toArray(nodes);
-    return elements.find(({ type }) => type === componentType) || null;
+function findComponent(nodes, componentType) {
+    if (nodes === void 0) { nodes = []; }
+    var elements = react_1.Children.toArray(nodes);
+    return elements.find(function (_a) {
+        var type = _a.type;
+        return type === componentType;
+    }) || null;
 }
 exports.findComponent = findComponent;
-function excludeComponent(nodes = [], componentType) {
-    const elements = react_1.Children.toArray(nodes);
-    return elements.filter(({ type }) => type !== componentType);
+function excludeComponent(nodes, componentType) {
+    if (nodes === void 0) { nodes = []; }
+    var elements = react_1.Children.toArray(nodes);
+    return elements.filter(function (_a) {
+        var type = _a.type;
+        return type !== componentType;
+    });
 }
 exports.excludeComponent = excludeComponent;
-function filterByType(nodes = [], componentType) {
-    const elements = react_1.Children.toArray(nodes);
-    const types = [componentType].flat();
-    return elements.filter(({ type }) => types.includes(type));
+function filterByType(nodes, componentType) {
+    if (nodes === void 0) { nodes = []; }
+    var elements = react_1.Children.toArray(nodes);
+    var types = [componentType].flat();
+    return elements.filter(function (_a) {
+        var type = _a.type;
+        return types.includes(type);
+    });
 }
 exports.filterByType = filterByType;
-function filterBy(nodes = [], predicate) {
-    const elements = react_1.Children.toArray(nodes);
+function filterBy(nodes, predicate) {
+    if (nodes === void 0) { nodes = []; }
+    var elements = react_1.Children.toArray(nodes);
     return elements.filter(predicate);
 }
 exports.filterBy = filterBy;

package/common/debounce.js

@@ -2,10 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.debounce = void 0;
 function debounce(fn, ms) {
-    let timer;
-    return (...args) => {
+    var timer;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
         clearTimeout(timer);
-        timer = setTimeout(() => fn(...args), ms);
+        timer = setTimeout(function () { return fn.apply(void 0, args); }, ms);
     };
 }
 exports.debounce = debounce;

package/common/event-utils/index.js

@@ -10,13 +10,15 @@ exports.wrapEvent = exports.handleResize = exports.removeEventListener = exports
  * @param {KeyboardEvent} e
  * @param {Function} callback
  */
-function handleKeydown(keyList, e, callback = () => { }) {
+function handleKeydown(keyList, e, callback) {
+    if (callback === void 0) { callback = function () { }; }
     if (keyList.includes(e.key)) {
         callback();
     }
 }
 // inverse of found keys
-function handleNotKeydown(keyList, e, callback = () => { }) {
+function handleNotKeydown(keyList, e, callback) {
+    if (callback === void 0) { callback = function () { }; }
     if (!keyList.includes(e.key)) {
         callback();
     }
@@ -51,7 +53,7 @@ function handleLeftRightArrowsKeydown(e, callback) {
 exports.handleLeftRightArrowsKeydown = handleLeftRightArrowsKeydown;
 // only fire for character input, not modifier/meta keys (enter, escape, backspace, tab, etc.)
 function handleTextInput(e, callback) {
-    const keyList = [
+    var keyList = [
         // Edge
         'Esc',
         'Left',
@@ -81,7 +83,7 @@ function preventDefaultIfHijax(e, hijax) {
     }
 }
 exports.preventDefaultIfHijax = preventDefaultIfHijax;
-const handlers = [];
+var handlers = [];
 function addEventListener(_, handler) {
     if (handlers.length === 0) {
         window.addEventListener('resize', handleResize);
@@ -98,9 +100,9 @@ function removeEventListener(_, handler) {
 exports.removeEventListener = removeEventListener;
 function handleResize(e) {
     window.removeEventListener('resize', handleResize);
-    const callback = () => {
+    var callback = function () {
         if (handlers.length) {
-            handlers.forEach(handler => handler(e));
+            handlers.forEach(function (handler) { return handler(e); });
             window.addEventListener('resize', handleResize);
         }
     };
@@ -112,8 +114,9 @@ function handleResize(e) {
     }
 }
 exports.handleResize = handleResize;
-function wrapEvent(parentEventHandler = () => { }, localEventHandler) {
-    return (e) => {
+function wrapEvent(parentEventHandler, localEventHandler) {
+    if (parentEventHandler === void 0) { parentEventHandler = function () { }; }
+    return function (e) {
         parentEventHandler(e);
         if (!e.defaultPrevented) {
             return localEventHandler(e);

package/common/event-utils/use-key-press.js

@@ -1,29 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const useKeyPress = () => {
-    const [arrowUpPressed, setArrowUpPressed] = (0, react_1.useState)(false);
-    const [arrowDownPressed, setArrowDownPressed] = (0, react_1.useState)(false);
-    const upHandler = ({ key }) => {
-        const fn = {
+var react_1 = require("react");
+var useKeyPress = function () {
+    var _a = (0, react_1.useState)(false), arrowUpPressed = _a[0], setArrowUpPressed = _a[1];
+    var _b = (0, react_1.useState)(false), arrowDownPressed = _b[0], setArrowDownPressed = _b[1];
+    var upHandler = function (_a) {
+        var key = _a.key;
+        var fn = {
             ArrowUp: setArrowUpPressed,
             ArrowDown: setArrowDownPressed
         }[key];
         if (fn)
             fn(false);
     };
-    const downHandler = ({ key }) => {
-        const fn = {
+    var downHandler = function (_a) {
+        var key = _a.key;
+        var fn = {
             ArrowUp: setArrowUpPressed,
             ArrowDown: setArrowDownPressed
         }[key];
         if (fn)
             fn(true);
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         window.addEventListener('keydown', downHandler);
         window.addEventListener('keyup', upHandler);
-        return () => {
+        return function () {
             window.removeEventListener('keydown', downHandler);
             window.removeEventListener('keyup', upHandler);
         };

package/common/event-utils/use-roving-index.js

@@ -1,30 +1,41 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const use_key_press_1 = __importDefault(require("./use-key-press"));
-const useRovingIndex = (children, FocusableType, defaultValue) => {
-    const [rovingIndex, setRovingIndex] = (0, react_1.useState)(defaultValue);
-    const [arrowUpPressed, arrowDownPressed] = (0, use_key_press_1.default)();
-    const rovingIndexArray = react_1.Children
+var react_1 = require("react");
+var use_key_press_1 = __importDefault(require("./use-key-press"));
+var useRovingIndex = function (children, FocusableType, defaultValue) {
+    var _a = (0, react_1.useState)(defaultValue), rovingIndex = _a[0], setRovingIndex = _a[1];
+    var _b = (0, use_key_press_1.default)(), arrowUpPressed = _b[0], arrowDownPressed = _b[1];
+    var rovingIndexArray = react_1.Children
         .toArray(children)
-        .reduce((focusables, child, i) => child.type === FocusableType ? [...focusables, i] : focusables, []);
-    const currentIndex = rovingIndexArray.indexOf(rovingIndex);
-    const previousOrCurrent = () => {
+        .reduce(function (focusables, child, i) {
+        return child.type === FocusableType ? __spreadArray(__spreadArray([], focusables, true), [i], false) : focusables;
+    }, []);
+    var currentIndex = rovingIndexArray.indexOf(rovingIndex);
+    var previousOrCurrent = function () {
         if (currentIndex === -1)
             return rovingIndex;
-        const previousRovingIndex = rovingIndexArray[currentIndex - 1];
+        var previousRovingIndex = rovingIndexArray[currentIndex - 1];
         return previousRovingIndex === undefined ? rovingIndex : previousRovingIndex;
     };
-    const nextOrCurrent = () => {
+    var nextOrCurrent = function () {
         if (currentIndex === -1)
             return rovingIndex;
-        const nextRovingIndex = rovingIndexArray[currentIndex + 1];
+        var nextRovingIndex = rovingIndexArray[currentIndex + 1];
         return nextRovingIndex === undefined ? rovingIndex : nextRovingIndex;
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         if (arrowUpPressed)
             setRovingIndex(previousOrCurrent());
         if (arrowDownPressed)

package/common/floating-label-utils/hooks.js

@@ -27,104 +27,114 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFloatingLabel = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const classPrefix = 'floating-label__label';
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var classPrefix = 'floating-label__label';
 // input background in Skin 12, used for autofill detection
-const textboxElementBackgroundRGB = [
+var textboxElementBackgroundRGB = [
     'rgb(245, 245, 245)',
     'rgb(247, 247, 247)' // From skin version 12.6.0
 ];
 // check for computed background color because of Chrome autofill bug
 // https://stackoverflow.com/questions/35049555/chrome-autofill-autocomplete-no-value-for-password/35783761#35783761
-const isAutofilled = (input) => input && !textboxElementBackgroundRGB.includes(getComputedStyle(input).backgroundColor);
-const hasValue = (input) => { var _a; return ((_a = input === null || input === void 0 ? void 0 : input.value) === null || _a === void 0 ? void 0 : _a.length) > 0; };
-const isSelect = (element) => (element === null || element === void 0 ? void 0 : element.tagName) === `SELECT`;
-const setPlaceholder = (element, value) => {
+var isAutofilled = function (input) {
+    return input && !textboxElementBackgroundRGB.includes(getComputedStyle(input).backgroundColor);
+};
+var hasValue = function (input) { var _a; return ((_a = input === null || input === void 0 ? void 0 : input.value) === null || _a === void 0 ? void 0 : _a.length) > 0; };
+var isSelect = function (element) { return (element === null || element === void 0 ? void 0 : element.tagName) === "SELECT"; };
+var setPlaceholder = function (element, value) {
     // For select elements we need to temporary remove the text of the first option
     // when the element is not focused, so only the label is shown. We still need to
     // maintain the width of the input so we manually change the "min-width"
     // Inspired by the marko implementation: https://github.com/makeup/makeup-js/blob/master/packages/makeup-floating-label/src/index.js
-    if (isSelect(element) && !hasValue(element.querySelector(`option`))) {
+    if (isSelect(element) && !hasValue(element.querySelector("option"))) {
         element.style['min-width'] = '';
-        const beforeWidth = element.offsetWidth;
-        element.querySelector(`option`).text = value;
+        var beforeWidth = element.offsetWidth;
+        element.querySelector("option").text = value;
         if (!value && beforeWidth > element.offsetWidth) {
-            element.style['min-width'] = `${beforeWidth}px`;
+            element.style['min-width'] = "".concat(beforeWidth, "px");
         }
     }
 };
-const getPlaceholder = (element) => {
+var getPlaceholder = function (element) {
     if (isSelect(element)) {
-        return element.querySelector(`option`).text;
+        return element.querySelector("option").text;
     }
     return element === null || element === void 0 ? void 0 : element.placeholder;
 };
-function useFloatingLabel({ ref, inputId, className, disabled, label, inputSize, inputValue, placeholder, invalid, opaqueLabel, type, onMount = () => { } }) {
-    const _internalInputRef = (0, react_1.useRef)(null);
-    const inputRef = () => ref || _internalInputRef;
-    const [isFloating, setFloating] = (0, react_1.useState)(Boolean(inputValue));
-    const [shouldAnimate, setAnimate] = (0, react_1.useState)(false);
-    const [isFocused, setFocused] = (0, react_1.useState)(false);
-    const selectFirstOptionText = (0, react_1.useRef)(``);
-    const onBlur = () => {
+function useFloatingLabel(_a) {
+    var _b;
+    var ref = _a.ref, inputId = _a.inputId, className = _a.className, disabled = _a.disabled, label = _a.label, inputSize = _a.inputSize, inputValue = _a.inputValue, placeholder = _a.placeholder, invalid = _a.invalid, opaqueLabel = _a.opaqueLabel, type = _a.type, _c = _a.onMount, onMount = _c === void 0 ? function () { } : _c;
+    var _internalInputRef = (0, react_1.useRef)(null);
+    var inputRef = function () { return ref || _internalInputRef; };
+    var _d = (0, react_1.useState)(Boolean(inputValue)), isFloating = _d[0], setFloating = _d[1];
+    var _e = (0, react_1.useState)(false), shouldAnimate = _e[0], setAnimate = _e[1];
+    var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocused = _f[1];
+    var selectFirstOptionText = (0, react_1.useRef)("");
+    var onBlur = function () {
         var _a;
         setAnimate(true);
         setFloating(hasValue((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current));
         setFocused(false);
-        setPlaceholder(inputRef().current, ``);
+        setPlaceholder(inputRef().current, "");
     };
-    const onFocus = () => {
+    var onFocus = function () {
         var _a;
         setAnimate(true);
         setFloating(true);
         setFocused(true);
         setPlaceholder((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current, selectFirstOptionText.current);
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         var _a, _b;
         if (!label) {
             return;
         }
         selectFirstOptionText.current = getPlaceholder((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current);
-        setPlaceholder((_b = inputRef()) === null || _b === void 0 ? void 0 : _b.current, ``);
+        setPlaceholder((_b = inputRef()) === null || _b === void 0 ? void 0 : _b.current, "");
         onMount();
     }, []);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         var _a, _b;
         if (!label) {
             return;
         }
         setFloating(isFocused || hasValue((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current) || isAutofilled((_b = inputRef()) === null || _b === void 0 ? void 0 : _b.current));
     }, [isFocused, inputValue]);
-    const labelClassName = (0, classnames_1.default)(className, classPrefix, {
-        [`${classPrefix}--disabled`]: disabled,
-        [`${classPrefix}--animate`]: shouldAnimate,
-        [`${classPrefix}--inline`]: !isFloating && type !== 'date',
-        [`${classPrefix}--invalid`]: invalid
-    });
-    const floatingLabelClassName = (0, classnames_1.default)(`floating-label`, {
-        'floating-label--large': inputSize === `large`,
+    var labelClassName = (0, classnames_1.default)(className, classPrefix, (_b = {},
+        _b["".concat(classPrefix, "--disabled")] = disabled,
+        _b["".concat(classPrefix, "--animate")] = shouldAnimate,
+        _b["".concat(classPrefix, "--inline")] = !isFloating && type !== 'date',
+        _b["".concat(classPrefix, "--invalid")] = invalid,
+        _b));
+    var floatingLabelClassName = (0, classnames_1.default)("floating-label", {
+        'floating-label--large': inputSize === "large",
         'floating-label--opaque': opaqueLabel
     });
-    const FragmentContainer = (0, react_1.useCallback)(({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), []);
-    const FloatingLabelContainer = (0, react_1.useCallback)(({ children }) => react_1.default.createElement("span", { className: floatingLabelClassName }, children), [floatingLabelClassName]);
+    var FragmentContainer = (0, react_1.useCallback)(function (_a) {
+        var children = _a.children;
+        return react_1.default.createElement(react_1.default.Fragment, null, children);
+    }, []);
+    var FloatingLabelContainer = (0, react_1.useCallback)(function (_a) {
+        var children = _a.children;
+        return react_1.default.createElement("span", { className: floatingLabelClassName }, children);
+    }, [floatingLabelClassName]);
     if (!label) {
         return {
             label: null,
             Container: FragmentContainer,
-            onBlur: () => { },
-            onFocus: () => { },
+            onBlur: function () { },
+            onFocus: function () { },
             ref: inputRef(),
-            placeholder
+            placeholder: placeholder
         };
     }
-    const labelElement = react_1.default.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
+    var labelElement = react_1.default.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
     return {
         label: labelElement,
         Container: FloatingLabelContainer,
-        onBlur,
-        onFocus,
+        onBlur: onBlur,
+        onFocus: onFocus,
         ref: inputRef(),
         placeholder: !isFloating ? null : placeholder
     };

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

@@ -3,10 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NoticeContent = ({ className, type, children }) => {
-    const ContentTag = type === 'inline' ? 'span' : 'div';
-    return (react_1.default.createElement(ContentTag, { className: (0, classnames_1.default)(className, `${type}-notice__main`) }, children));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var NoticeContent = function (_a) {
+    var className = _a.className, type = _a.type, children = _a.children;
+    var ContentTag = type === 'inline' ? 'span' : 'div';
+    return (react_1.default.createElement(ContentTag, { className: (0, classnames_1.default)(className, "".concat(type, "-notice__main")) }, children));
 };
 exports.default = NoticeContent;

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

@@ -1,4 +1,15 @@
 "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)
@@ -14,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NoticeCTA = (_a) => {
-    var { className, type, children } = _a, rest = __rest(_a, ["className", "type", "children"]);
-    return (react_1.default.createElement("p", Object.assign({ className: (0, classnames_1.default)(className, `${type}-notice__cta`) }, rest), children));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var NoticeCTA = function (_a) {
+    var className = _a.className, type = _a.type, children = _a.children, rest = __rest(_a, ["className", "type", "children"]);
+    return (react_1.default.createElement("p", __assign({ className: (0, classnames_1.default)(className, "".concat(type, "-notice__cta")) }, rest), children));
 };
 exports.default = NoticeCTA;

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

@@ -1,4 +1,15 @@
 "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)
@@ -14,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NoticeFooter = (_a) => {
-    var { className, type, children } = _a, rest = __rest(_a, ["className", "type", "children"]);
-    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(className, `${type}-notice__footer`) }, rest), children));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var NoticeFooter = function (_a) {
+    var className = _a.className, type = _a.type, children = _a.children, rest = __rest(_a, ["className", "type", "children"]);
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(className, "".concat(type, "-notice__footer")) }, rest), children));
 };
 exports.default = NoticeFooter;

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

@@ -1,4 +1,15 @@
 "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)
@@ -14,11 +25,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NoticeTitle = (_a) => {
-    var { className, type, as, children } = _a, rest = __rest(_a, ["className", "type", "as", "children"]);
-    const HeadingTag = as || `h2`;
-    return (react_1.default.createElement(HeadingTag, Object.assign({ className: (0, classnames_1.default)(className, `${type}-notice__title`) }, rest), children));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var NoticeTitle = function (_a) {
+    var className = _a.className, type = _a.type, as = _a.as, children = _a.children, rest = __rest(_a, ["className", "type", "as", "children"]);
+    var HeadingTag = as || "h2";
+    return (react_1.default.createElement(HeadingTag, __assign({ className: (0, classnames_1.default)(className, "".concat(type, "-notice__title")) }, rest), children));
 };
 exports.default = NoticeTitle;

package/common/random-id.js

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

package/common/range.js

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.range = void 0;
-const range = (start, stop, step = 1) => Array(Math.ceil(((stop + 1) - start) / step)).fill(start).map((x, y) => x + y * step);
+var range = function (start, stop, step) {
+    if (step === void 0) { step = 1; }
+    return Array(Math.ceil(((stop + 1) - start) / step)).fill(start).map(function (x, y) { return x + y * step; });
+};
 exports.range = range;

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

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * This is an empty component just to get extra property
  * for the button used in the EbayInfotipContent
  */
-const TooltipCloseButton = () => null;
+var TooltipCloseButton = function () { return null; };
 exports.default = TooltipCloseButton;