@ebay/ui-core-react 6.2.1 → 6.3.0

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

@@ -14,19 +14,17 @@ if (!Array.prototype.flat) {
         configurable: true,
         writable: true,
         value: function (d) {
-            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);
-                    }
-                });
-            };
+            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);
+                }
+            });
             flatDeep(this, depthArg);
             return result;
         }

package/common/component-utils/forwardRef.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);
@@ -35,15 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withForwardRef = void 0;
-var react_1 = __importStar(require("react"));
-var getDisplayName = function (Component) { return Component.displayName || Component.name || 'Component'; };
+const react_1 = __importStar(require("react"));
+const getDisplayName = (Component) => 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
-var withForwardRef = function (Component) {
-    var ForwardRef = (0, react_1.forwardRef)(function (props, ref) {
-        return react_1.default.createElement(Component, __assign({}, props, { forwardedRef: ref }));
-    });
+const withForwardRef = (Component) => {
+    const ForwardRef = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(Component, Object.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;
-var react_1 = require("react");
+const react_1 = require("react");
 function usePrevious(value) {
-    var ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         ref.current = value;
     }, [value]);
     return ref.current;

package/common/component-utils/utils.js

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

package/common/debounce.js

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

package/common/event-utils/index.js

@@ -10,15 +10,13 @@ exports.wrapEvent = exports.handleResize = exports.removeEventListener = exports
  * @param {KeyboardEvent} e
  * @param {Function} callback
  */
-function handleKeydown(keyList, e, callback) {
-    if (callback === void 0) { callback = function () { }; }
+function handleKeydown(keyList, e, callback = () => { }) {
     if (keyList.includes(e.key)) {
         callback();
     }
 }
 // inverse of found keys
-function handleNotKeydown(keyList, e, callback) {
-    if (callback === void 0) { callback = function () { }; }
+function handleNotKeydown(keyList, e, callback = () => { }) {
     if (!keyList.includes(e.key)) {
         callback();
     }
@@ -53,7 +51,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) {
-    var keyList = [
+    const keyList = [
         // Edge
         'Esc',
         'Left',
@@ -83,7 +81,7 @@ function preventDefaultIfHijax(e, hijax) {
     }
 }
 exports.preventDefaultIfHijax = preventDefaultIfHijax;
-var handlers = [];
+const handlers = [];
 function addEventListener(_, handler) {
     if (handlers.length === 0) {
         window.addEventListener('resize', handleResize);
@@ -100,9 +98,9 @@ function removeEventListener(_, handler) {
 exports.removeEventListener = removeEventListener;
 function handleResize(e) {
     window.removeEventListener('resize', handleResize);
-    var callback = function () {
+    const callback = () => {
         if (handlers.length) {
-            handlers.forEach(function (handler) { return handler(e); });
+            handlers.forEach(handler => handler(e));
             window.addEventListener('resize', handleResize);
         }
     };
@@ -114,9 +112,8 @@ function handleResize(e) {
     }
 }
 exports.handleResize = handleResize;
-function wrapEvent(parentEventHandler, localEventHandler) {
-    if (parentEventHandler === void 0) { parentEventHandler = function () { }; }
-    return function (e) {
+function wrapEvent(parentEventHandler = () => { }, localEventHandler) {
+    return (e) => {
         parentEventHandler(e);
         if (!e.defaultPrevented) {
             return localEventHandler(e);

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

@@ -1,31 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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 = {
+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 = {
             ArrowUp: setArrowUpPressed,
             ArrowDown: setArrowDownPressed
         }[key];
         if (fn)
             fn(false);
     };
-    var downHandler = function (_a) {
-        var key = _a.key;
-        var fn = {
+    const downHandler = ({ key }) => {
+        const fn = {
             ArrowUp: setArrowUpPressed,
             ArrowDown: setArrowDownPressed
         }[key];
         if (fn)
             fn(true);
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         window.addEventListener('keydown', downHandler);
         window.addEventListener('keyup', upHandler);
-        return function () {
+        return () => {
             window.removeEventListener('keydown', downHandler);
             window.removeEventListener('keyup', upHandler);
         };

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

@@ -1,41 +1,30 @@
 "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 });
-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
+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
         .toArray(children)
-        .reduce(function (focusables, child, i) {
-        return child.type === FocusableType ? __spreadArray(__spreadArray([], focusables, true), [i], false) : focusables;
-    }, []);
-    var currentIndex = rovingIndexArray.indexOf(rovingIndex);
-    var previousOrCurrent = function () {
+        .reduce((focusables, child, i) => child.type === FocusableType ? [...focusables, i] : focusables, []);
+    const currentIndex = rovingIndexArray.indexOf(rovingIndex);
+    const previousOrCurrent = () => {
         if (currentIndex === -1)
             return rovingIndex;
-        var previousRovingIndex = rovingIndexArray[currentIndex - 1];
+        const previousRovingIndex = rovingIndexArray[currentIndex - 1];
         return previousRovingIndex === undefined ? rovingIndex : previousRovingIndex;
     };
-    var nextOrCurrent = function () {
+    const nextOrCurrent = () => {
         if (currentIndex === -1)
             return rovingIndex;
-        var nextRovingIndex = rovingIndexArray[currentIndex + 1];
+        const nextRovingIndex = rovingIndexArray[currentIndex + 1];
         return nextRovingIndex === undefined ? rovingIndex : nextRovingIndex;
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (arrowUpPressed)
             setRovingIndex(previousOrCurrent());
         if (arrowDownPressed)

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

@@ -27,114 +27,104 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFloatingLabel = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var classPrefix = 'floating-label__label';
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const classPrefix = 'floating-label__label';
 // input background in Skin 12, used for autofill detection
-var textboxElementBackgroundRGB = [
+const 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
-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) {
+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) => {
     // 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'] = '';
-        var beforeWidth = element.offsetWidth;
-        element.querySelector("option").text = value;
+        const beforeWidth = element.offsetWidth;
+        element.querySelector(`option`).text = value;
         if (!value && beforeWidth > element.offsetWidth) {
-            element.style['min-width'] = "".concat(beforeWidth, "px");
+            element.style['min-width'] = `${beforeWidth}px`;
         }
     }
 };
-var getPlaceholder = function (element) {
+const getPlaceholder = (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(_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 () {
+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 = () => {
         var _a;
         setAnimate(true);
         setFloating(hasValue((_a = inputRef()) === null || _a === void 0 ? void 0 : _a.current));
         setFocused(false);
-        setPlaceholder(inputRef().current, "");
+        setPlaceholder(inputRef().current, ``);
     };
-    var onFocus = function () {
+    const onFocus = () => {
         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)(function () {
+    (0, react_1.useEffect)(() => {
         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)(function () {
+    (0, react_1.useEffect)(() => {
         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]);
-    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",
+    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`,
         'floating-label--opaque': opaqueLabel
     });
-    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]);
+    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]);
     if (!label) {
         return {
             label: null,
             Container: FragmentContainer,
-            onBlur: function () { },
-            onFocus: function () { },
+            onBlur: () => { },
+            onFocus: () => { },
             ref: inputRef(),
-            placeholder: placeholder
+            placeholder
         };
     }
-    var labelElement = react_1.default.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
+    const labelElement = react_1.default.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
     return {
         label: labelElement,
         Container: FloatingLabelContainer,
-        onBlur: onBlur,
-        onFocus: onFocus,
+        onBlur,
+        onFocus,
         ref: inputRef(),
         placeholder: !isFloating ? null : placeholder
     };

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

@@ -3,11 +3,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 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));
+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));
 };
 exports.default = NoticeContent;

package/common/notice-utils/notice-cta.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 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));
+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));
 };
 exports.default = NoticeCTA;

package/common/notice-utils/notice-footer.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 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));
+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));
 };
 exports.default = NoticeFooter;

package/common/notice-utils/notice-title.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 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));
+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));
 };
 exports.default = NoticeTitle;

package/common/random-id.js

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

package/common/range.js

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