@ebay/ui-core-react 6.2.1 → 6.3.0

package/ebay-select/ebay-select.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,18 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_select_option_1 = __importDefault(require("./ebay-select-option"));
-var ebay_icon_1 = require("../ebay-icon");
-var component_utils_1 = require("../common/component-utils");
-var hooks_1 = require("../common/floating-label-utils/hooks");
-var isControlled = function (value) { return typeof value !== 'undefined'; };
-var EbaySelect = function (_a) {
-    var controlledValue = _a.value, defaultValue = _a.defaultValue, className = _a.className, borderless = _a.borderless, name = _a.name, disabled = _a.disabled, _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, _c = _a.onBlur, onBlur = _c === void 0 ? function () { } : _c, _d = _a.onFocus, onFocus = _d === void 0 ? function () { } : _d, floatingLabel = _a.floatingLabel, forwardedRef = _a.forwardedRef, children = _a.children, inputSize = _a.inputSize, invalid = _a.invalid, rest = __rest(_a, ["value", "defaultValue", "className", "borderless", "name", "disabled", "onChange", "onBlur", "onFocus", "floatingLabel", "forwardedRef", "children", "inputSize", "invalid"]);
-    var isFieldInvalid = invalid || rest['aria-invalid'] === 'true';
-    var _e = (0, react_1.useState)(defaultValue), value = _e[0], setValue = _e[1];
-    var _f = (0, hooks_1.useFloatingLabel)({
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_select_option_1 = __importDefault(require("./ebay-select-option"));
+const ebay_icon_1 = require("../ebay-icon");
+const component_utils_1 = require("../common/component-utils");
+const hooks_1 = require("../common/floating-label-utils/hooks");
+const isControlled = value => typeof value !== 'undefined';
+const EbaySelect = (_a) => {
+    var { value: controlledValue, defaultValue, className, borderless, name, disabled, onChange = () => { }, onBlur = () => { }, onFocus = () => { }, floatingLabel, forwardedRef, children, inputSize, invalid } = _a, rest = __rest(_a, ["value", "defaultValue", "className", "borderless", "name", "disabled", "onChange", "onBlur", "onFocus", "floatingLabel", "forwardedRef", "children", "inputSize", "invalid"]);
+    const isFieldInvalid = invalid || rest['aria-invalid'] === 'true';
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const { label, Container, onBlur: onFloatingLabelBlur, onFocus: onFloatingLabelFocus, ref } = (0, hooks_1.useFloatingLabel)({
         ref: forwardedRef,
         inputId: rest.id,
         className: className,
@@ -68,37 +57,37 @@ var EbaySelect = function (_a) {
         inputValue: controlledValue,
         inputSize: inputSize,
         invalid: isFieldInvalid
-    }), label = _f.label, Container = _f.Container, onFloatingLabelBlur = _f.onBlur, onFloatingLabelFocus = _f.onFocus, ref = _f.ref;
-    var handleSelectChange = function (e) {
-        var _a = e.target, newValue = _a.value, selectedIndex = _a.selectedIndex;
+    });
+    const handleSelectChange = (e) => {
+        const { value: newValue, selectedIndex } = e.target;
         if (!isControlled(controlledValue)) {
             setValue(newValue);
         }
         onChange(e, { index: selectedIndex, selected: [newValue] });
     };
-    var handleBlur = function (event) {
+    const handleBlur = (event) => {
         onBlur(event);
         onFloatingLabelBlur();
     };
-    var handleFocus = function (event) {
+    const handleFocus = (event) => {
         onFocus(event);
         onFloatingLabelFocus();
     };
-    var selectClassName = (0, classnames_1.default)('select', className, {
+    const selectClassName = (0, classnames_1.default)('select', className, {
         'select--borderless': borderless,
-        'select--large': inputSize === "large"
+        'select--large': inputSize === `large`
     });
     return (react_1.default.createElement(Container, null,
         label,
         react_1.default.createElement("span", { className: selectClassName },
-            react_1.default.createElement("select", __assign({}, rest, { name: name, value: isControlled(controlledValue) ? controlledValue : value, disabled: disabled, onChange: handleSelectChange, onBlur: handleBlur, onFocus: handleFocus, ref: ref }), options(children)),
+            react_1.default.createElement("select", Object.assign({}, rest, { name: name, value: isControlled(controlledValue) ? controlledValue : value, disabled: disabled, onChange: handleSelectChange, onBlur: handleBlur, onFocus: handleFocus, ref: ref }), options(children)),
             react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown12", height: "8", width: "8" }))));
 };
 exports.default = (0, component_utils_1.withForwardRef)(EbaySelect);
 function optionGroups(data) {
-    var optGroups = {};
-    data.forEach(function (opt) {
-        var option = opt.props;
+    const optGroups = {};
+    data.forEach(opt => {
+        const option = opt.props;
         if (option.optgroup) {
             if (!Object.prototype.hasOwnProperty.call(optGroups, option.optgroup)) {
                 optGroups[option.optgroup] = [];
@@ -109,21 +98,21 @@ function optionGroups(data) {
     return optGroups;
 }
 function options(children) {
-    var renderedGroups = [];
-    var allOptions = [];
-    var optGroups = {};
-    var withinGroup = false;
-    var childrenOpts = (0, component_utils_1.filterByType)(children, ebay_select_option_1.default).map(function (c) { return (0, react_1.cloneElement)(c, {}); });
+    const renderedGroups = [];
+    const allOptions = [];
+    let optGroups = {};
+    let withinGroup = false;
+    const childrenOpts = (0, component_utils_1.filterByType)(children, ebay_select_option_1.default).map(c => (0, react_1.cloneElement)(c, {}));
     if (childrenOpts) {
         optGroups = optionGroups(childrenOpts);
-        var currentGroupName_1;
-        childrenOpts.forEach(function (option, idx) {
-            var _a = option.props, value = _a.value, optionClassName = _a.optionClassName, optionChildren = _a.children, optgroup = _a.optgroup;
+        let currentGroupName;
+        childrenOpts.forEach((option, idx) => {
+            const { value, optionClassName, children: optionChildren, optgroup } = option.props;
             withinGroup = optgroup && renderedGroups.indexOf(optgroup) === -1;
             if (withinGroup) { // This will always be true when the very first group is encountered.
-                currentGroupName_1 = optgroup;
-                var currentGroupOptions = optGroups[currentGroupName_1];
-                var opts = currentGroupOptions.map(function (groupOption) { return (react_1.default.createElement(ebay_select_option_1.default, { key: "opt-".concat(groupOption.value), value: groupOption.value, className: groupOption.optionClassName }, groupOption.children)); });
+                currentGroupName = optgroup;
+                const currentGroupOptions = optGroups[currentGroupName];
+                const opts = currentGroupOptions.map((groupOption) => (react_1.default.createElement(ebay_select_option_1.default, { key: `opt-${groupOption.value}`, value: groupOption.value, className: groupOption.optionClassName }, groupOption.children)));
                 allOptions.push(react_1.default.createElement("optgroup", { key: idx, label: optgroup }, opts));
                 renderedGroups.push(optgroup);
             }

package/ebay-signal/signal.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 EbaySignal = function (_a) {
-    var _b = _a.status, status = _b === void 0 ? 'neutral' : _b, rest = __rest(_a, ["status"]);
-    var className = (0, classnames_1.default)("signal signal--".concat(status), rest.className);
-    return react_1.default.createElement("span", __assign({}, rest, { className: className }));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbaySignal = (_a) => {
+    var { status = 'neutral' } = _a, rest = __rest(_a, ["status"]);
+    const className = (0, classnames_1.default)(`signal signal--${status}`, rest.className);
+    return react_1.default.createElement("span", Object.assign({}, rest, { className: className }));
 };
 exports.default = EbaySignal;

package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.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,10 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EbaySnackbarDialogAction = void 0;
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
-var EbaySnackbarDialogAction = function (_a) {
-    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
-    return (react_1.default.createElement("button", __assign({ className: (0, classnames_1.default)(className, 'fake-link') }, rest), children));
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const EbaySnackbarDialogAction = (_a) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (react_1.default.createElement("button", Object.assign({ className: (0, classnames_1.default)(className, 'fake-link') }, rest), children));
 };
 exports.EbaySnackbarDialogAction = EbaySnackbarDialogAction;

package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.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,74 +38,74 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EbaySnackbarDialog = void 0;
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importStar(require("react"));
-var ebay_dialog_base_1 = require("../../ebay-dialog-base");
-var ebay_snackbar_dialog_action_1 = require("./ebay-snackbar-dialog-action");
-var DEFAULT_TIMEOUT_LENGTH = 6000; // 6 seconds
-var EbaySnackbarDialog = function (_a) {
-    var className = _a.className, _b = _a.onOpen, onOpen = _b === void 0 ? function () { } : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, layout = _a.layout, open = _a.open, children = _a.children, onAction = _a.onAction, rest = __rest(_a, ["className", "onOpen", "onClose", "layout", "open", "children", "onAction"]);
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const ebay_dialog_base_1 = require("../../ebay-dialog-base");
+const ebay_snackbar_dialog_action_1 = require("./ebay-snackbar-dialog-action");
+const DEFAULT_TIMEOUT_LENGTH = 6000; // 6 seconds
+const EbaySnackbarDialog = (_a) => {
+    var { className, onOpen = () => { }, onClose = () => { }, layout, open, children, onAction } = _a, rest = __rest(_a, ["className", "onOpen", "onClose", "layout", "open", "children", "onAction"]);
     // We use this eventSet to track which event opened the snackbar and we make sure that
     // we don't close the snackbar in an undesired moment.
     // For example, the snackbar should stay open on focus even if the mouseLeave event happened.
-    var eventSet = (0, react_1.useRef)(new Set());
-    var timeoutRef = (0, react_1.useRef)();
-    var _d = (0, react_1.useState)(open), isOpen = _d[0], setIsOpen = _d[1];
-    var childrenArray = react_1.default.Children.toArray(children);
-    var action = childrenArray.find(function (child) { return child.type === ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction; });
-    var content = childrenArray.filter(function (child) { return child.type !== ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction; });
-    var cancelCurrentCloseRequest = function () {
+    const eventSet = (0, react_1.useRef)(new Set());
+    const timeoutRef = (0, react_1.useRef)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(open);
+    const childrenArray = react_1.default.Children.toArray(children);
+    const action = childrenArray.find((child) => child.type === ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction);
+    const content = childrenArray.filter((child) => child.type !== ebay_snackbar_dialog_action_1.EbaySnackbarDialogAction);
+    const cancelCurrentCloseRequest = () => {
         clearTimeout(timeoutRef.current);
     };
-    var closeDialog = function () {
+    const closeDialog = () => {
         setIsOpen(false);
         onClose();
     };
-    var requestToCloseDialog = function () {
+    const requestToCloseDialog = () => {
         // We will make a request to close the snackbar only
         // when there is no pending opening event.
         if (eventSet.current.size === 0) {
             cancelCurrentCloseRequest();
-            timeoutRef.current = setTimeout(function () {
+            timeoutRef.current = setTimeout(() => {
                 closeDialog();
             }, DEFAULT_TIMEOUT_LENGTH);
         }
     };
-    var openDialog = function () {
+    const openDialog = () => {
         setIsOpen(true);
         onOpen();
         requestToCloseDialog();
     };
-    var handleFocus = function () {
+    const handleFocus = () => {
         cancelCurrentCloseRequest();
         eventSet.current.add('focus');
     };
-    var handleBlur = function () {
+    const handleBlur = () => {
         eventSet.current.delete('focus');
         requestToCloseDialog();
     };
-    var handleMouseEnter = function () {
+    const handleMouseEnter = () => {
         cancelCurrentCloseRequest();
         eventSet.current.add('mouseEnter');
     };
-    var handleMouseLeave = function () {
+    const handleMouseLeave = () => {
         eventSet.current.delete('mouseEnter');
         requestToCloseDialog();
     };
-    var handleAction = function (event) {
+    const handleAction = (event) => {
         var _a, _b;
         cancelCurrentCloseRequest();
         onAction === null || onAction === void 0 ? void 0 : onAction(event);
         (_b = (_a = action === null || action === void 0 ? void 0 : action.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
         closeDialog();
     };
-    (0, react_1.useEffect)(function () { return function () {
+    (0, react_1.useEffect)(() => () => {
         // On unmount of the component we
         // cancel the close request
         cancelCurrentCloseRequest();
-    }; }, []);
+    }, []);
     // This useEffect is to make sure that the internal state is in sync with the "open" property.
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (open) {
             openDialog();
         }
@@ -124,7 +113,7 @@ var EbaySnackbarDialog = function (_a) {
             closeDialog();
         }
     }, [open]);
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { open: isOpen, isModal: false, baseEl: "aside", classPrefix: "snackbar-dialog", transitionElement: "root", a11yCloseText: "", buttonPosition: "hidden", className: (0, classnames_1.default)(className, 'snackbar-dialog--transition'), windowClass: layout === 'column' && 'snackbar-dialog__window--column', onFocus: handleFocus, onBlur: handleBlur, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }),
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { open: isOpen, isModal: false, baseEl: "aside", classPrefix: "snackbar-dialog", transitionElement: "root", a11yCloseText: "", buttonPosition: "hidden", className: (0, classnames_1.default)(className, 'snackbar-dialog--transition'), windowClass: layout === 'column' && 'snackbar-dialog__window--column', onFocus: handleFocus, onBlur: handleBlur, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }),
         content,
         action ? (react_1.default.createElement(ebay_dialog_base_1.EbayDialogActions, null, react_1.default.cloneElement(action, {
             onClick: handleAction

package/ebay-split-button/split-button.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,17 +14,17 @@ 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 component_utils_1 = require("../common/component-utils");
-var ebay_button_1 = require("../ebay-button");
-var ebay_menu_button_1 = require("../ebay-menu-button");
-var EbaySplitButton = function (_a) {
-    var a11yMenuText = _a.a11yMenuText, children = _a.children, type = _a.type, bodyState = _a.bodyState, a11yButtonLoadingText = _a.a11yButtonLoadingText, onCollapse = _a.onCollapse, onExpand = _a.onExpand, _b = _a.onSelect, onSelect = _b === void 0 ? function () { } : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, ref = _a.ref, rest = __rest(_a, ["a11yMenuText", "children", "type", "bodyState", "a11yButtonLoadingText", "onCollapse", "onExpand", "onSelect", "onChange", "ref"]);
-    var menuItemComponents = [ebay_menu_button_1.EbayMenuButtonItem, ebay_menu_button_1.EbayMenuButtonSeparator];
-    var buttonLabel = (0, component_utils_1.filterBy)(children, function (el) { return !menuItemComponents.includes(el.type); });
-    var menuItems = (0, component_utils_1.filterByType)(children, menuItemComponents);
+const react_1 = __importDefault(require("react"));
+const component_utils_1 = require("../common/component-utils");
+const ebay_button_1 = require("../ebay-button");
+const ebay_menu_button_1 = require("../ebay-menu-button");
+const EbaySplitButton = (_a) => {
+    var { a11yMenuText, children, type, bodyState, a11yButtonLoadingText, onCollapse, onExpand, onSelect = () => { }, onChange = () => { }, ref } = _a, rest = __rest(_a, ["a11yMenuText", "children", "type", "bodyState", "a11yButtonLoadingText", "onCollapse", "onExpand", "onSelect", "onChange", "ref"]);
+    const menuItemComponents = [ebay_menu_button_1.EbayMenuButtonItem, ebay_menu_button_1.EbayMenuButtonSeparator];
+    const buttonLabel = (0, component_utils_1.filterBy)(children, el => !menuItemComponents.includes(el.type));
+    const menuItems = (0, component_utils_1.filterByType)(children, menuItemComponents);
     return (react_1.default.createElement("span", { className: "split-button" },
-        react_1.default.createElement(ebay_button_1.EbayButton, __assign({ "aria-label": bodyState === 'loading' ? a11yButtonLoadingText : undefined }, rest, { split: "start", bodyState: bodyState === 'expand' ? undefined : bodyState }), buttonLabel),
+        react_1.default.createElement(ebay_button_1.EbayButton, Object.assign({ "aria-label": bodyState === 'loading' ? a11yButtonLoadingText : undefined }, rest, { split: "start", bodyState: bodyState === 'expand' ? undefined : bodyState }), buttonLabel),
         react_1.default.createElement(ebay_menu_button_1.EbayMenuButton, { priority: rest.priority, disabled: rest.disabled, transparent: rest.transparent, size: rest.size, type: type, split: "end", reverse: true, a11yText: a11yMenuText, onCollapse: onCollapse, onExpand: onExpand, onSelect: onSelect, onChange: onChange }, menuItems)));
 };
 exports.default = EbaySplitButton;

package/ebay-star-rating/star-rating.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 classnames_1 = __importDefault(require("classnames"));
-var ebay_icon_1 = require("../ebay-icon");
-var range_1 = require("../common/range");
-var stars = (0, range_1.range)(1, 5);
-var EbayStarRating = function (_a) {
-    var value = _a.value, a11yText = _a.a11yText, className = _a.className, rest = __rest(_a, ["value", "a11yText", "className"]);
-    return (react_1.default.createElement("div", __assign({ role: "img", "aria-label": a11yText, className: (0, classnames_1.default)('star-rating', className), "data-stars": value }, rest), stars.map(function (i) { return (react_1.default.createElement(ebay_icon_1.EbayIcon, { key: i, className: "star-rating__icon", name: "starDynamic" })); })));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_icon_1 = require("../ebay-icon");
+const range_1 = require("../common/range");
+const stars = (0, range_1.range)(1, 5);
+const EbayStarRating = (_a) => {
+    var { value, a11yText, className } = _a, rest = __rest(_a, ["value", "a11yText", "className"]);
+    return (react_1.default.createElement("div", Object.assign({ role: "img", "aria-label": a11yText, className: (0, classnames_1.default)('star-rating', className), "data-stars": value }, rest), stars.map((i) => (react_1.default.createElement(ebay_icon_1.EbayIcon, { key: i, className: "star-rating__icon", name: "starDynamic" })))));
 };
 exports.default = EbayStarRating;

package/ebay-star-rating-select/star-rating-select.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,46 +37,46 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_icon_1 = require("../ebay-icon");
-var range_1 = require("../common/range");
-var random_id_1 = require("../common/random-id");
-var stars = (0, range_1.range)(1, 5);
-var getValue = function (val) {
-    var value = parseInt(val, 0) || 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_icon_1 = require("../ebay-icon");
+const range_1 = require("../common/range");
+const random_id_1 = require("../common/random-id");
+const stars = (0, range_1.range)(1, 5);
+const getValue = (val) => {
+    let value = parseInt(val, 0) || 0;
     if (value > 5) {
         value = 0;
     }
     return value;
 };
-var EbayStarRatingSelect = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? 0 : _b, a11yText = _a.a11yText, className = _a.className, _c = _a.a11yStarText, a11yStarText = _c === void 0 ? [] : _c, disabled = _a.disabled, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onFocus, onFocus = _e === void 0 ? function () { } : _e, _f = _a.onKeyDown, onKeyDown = _f === void 0 ? function () { } : _f, _g = _a.name, name = _g === void 0 ? "star-rating-".concat((0, random_id_1.randomId)()) : _g, rest = __rest(_a, ["value", "a11yText", "className", "a11yStarText", "disabled", "onChange", "onFocus", "onKeyDown", "name"]);
-    var _h = (0, react_1.useState)(getValue(value)), checkedValue = _h[0], setChecked = _h[1];
-    (0, react_1.useEffect)(function () {
+const EbayStarRatingSelect = (_a) => {
+    var { value = 0, a11yText, className, a11yStarText = [], disabled, onChange = () => { }, onFocus = () => { }, onKeyDown = () => { }, name = `star-rating-${(0, random_id_1.randomId)()}` } = _a, rest = __rest(_a, ["value", "a11yText", "className", "a11yStarText", "disabled", "onChange", "onFocus", "onKeyDown", "name"]);
+    const [checkedValue, setChecked] = (0, react_1.useState)(getValue(value));
+    (0, react_1.useEffect)(() => {
         setChecked(getValue(value));
     }, [value]);
-    var handleKeyDown = function (i) { return function (e) {
+    const handleKeyDown = (i) => (e) => {
         if (!disabled) {
             setChecked(getValue(i));
             onKeyDown(e, { value: i });
         }
-    }; };
-    var handleClick = function (i) { return function (e) {
+    };
+    const handleClick = (i) => (e) => {
         if (!disabled) {
             setChecked(getValue(i));
             onChange(e, { value: i });
         }
-    }; };
-    var handleFocus = function (i) { return function (e) {
+    };
+    const handleFocus = (i) => (e) => {
         if (!disabled) {
             setChecked(getValue(i));
             onFocus(e, { value: i });
         }
-    }; };
-    return (react_1.default.createElement("div", __assign({ role: a11yText && 'radiogroup', "aria-label": a11yText, className: (0, classnames_1.default)('star-rating-select', className) }, rest), stars.map(function (i) { return (react_1.default.createElement("span", { className: "star-rating-select__radio", key: i },
+    };
+    return (react_1.default.createElement("div", Object.assign({ role: a11yText && 'radiogroup', "aria-label": a11yText, className: (0, classnames_1.default)('star-rating-select', className) }, rest), stars.map((i) => (react_1.default.createElement("span", { className: "star-rating-select__radio", key: i },
         react_1.default.createElement("input", { "aria-label": a11yStarText === null || a11yStarText === void 0 ? void 0 : a11yStarText[i - 1], className: (0, classnames_1.default)('star-rating-select__control', { 'star-rating-select__control--filled': i <= checkedValue }), type: "radio", name: name, value: i, disabled: disabled, defaultChecked: checkedValue === i, onClick: handleClick(i), onFocus: handleFocus(i), onKeyDown: handleKeyDown(i) }),
         react_1.default.createElement("span", { className: "star-rating-select__radio-icon" },
-            react_1.default.createElement(ebay_icon_1.EbayIcon, { className: "star-rating__icon", name: "starDynamic" })))); })));
+            react_1.default.createElement(ebay_icon_1.EbayIcon, { className: "star-rating__icon", name: "starDynamic" })))))));
 };
 exports.default = EbayStarRatingSelect;

package/ebay-svg/svg.js

@@ -6,8 +6,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 EbaySvg = function () { return (react_1.default.createElement("svg", { style: { position: 'absolute', height: '0px', width: '0px' } },
+const react_1 = __importDefault(require("react"));
+const EbaySvg = () => (react_1.default.createElement("svg", { style: { position: 'absolute', height: '0px', width: '0px' } },
     react_1.default.createElement("defs", null,
         react_1.default.createElement("linearGradient", { id: "ref-ai-spectrum-16-colored", x1: "21.21", y1: "11.161", x2: "11.274", y2: "21.774", gradientUnits: "userSpaceOnUse" },
             react_1.default.createElement("stop", { offset: ".098", stopColor: "#FFD80E" }),
@@ -2504,5 +2504,5 @@ var EbaySvg = function () { return (react_1.default.createElement("svg", { style
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M80 1.495c.272 0 .512.175.596.433l1.359 4.207h4.415a.625.625 0 0 1 .346 1.145l-3.55 2.364 1.366 4.036a.625.625 0 0 1-.953.71l-3.578-2.528-3.58 2.528a.625.625 0 0 1-.953-.71l1.366-4.035-3.56-2.364a.625.625 0 0 1 .346-1.146h4.434l1.352-4.206A.625.625 0 0 1 80 1.495Zm.003 2.663-1.037 3.227H75.69l2.635 1.75-1.058 3.127L80 10.332l2.731 1.93-1.058-3.126 2.63-1.75h-3.259l-1.042-3.228Z", fill: "#707070" }),
         react_1.default.createElement("path", { d: "M79.406 1.929A.625.625 0 0 1 80 1.495v10.367l-3.58 2.528a.625.625 0 0 1-.952-.71l1.366-4.035-3.56-2.364a.625.625 0 0 1 .346-1.146h4.434l1.352-4.206Z", fill: "#191919" })),
     react_1.default.createElement("symbol", { viewBox: "0 0 88 16", fill: "none", id: "star-rating-small-5" },
-        react_1.default.createElement("path", { d: "M8.596 1.928a.625.625 0 0 0-1.19 0L6.055 6.136H1.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L8 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145H9.955l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.351 4.207H19.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L26 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.352 4.207H37.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L44 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.352 4.207H55.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L62 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.352 4.207H73.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L80 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Z", fill: "#191919" })))); };
+        react_1.default.createElement("path", { d: "M8.596 1.928a.625.625 0 0 0-1.19 0L6.055 6.136H1.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L8 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145H9.955l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.351 4.207H19.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L26 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.352 4.207H37.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L44 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.352 4.207H55.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L62 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Zm18 0a.625.625 0 0 0-1.19 0l-1.352 4.207H73.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L80 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145h-4.415l-1.36-4.207Z", fill: "#191919" }))));
 exports.default = EbaySvg;

package/ebay-switch/ebay-switch.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,17 +37,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 isControlled = function (checked) { return typeof checked !== 'undefined'; };
-var EbaySwitch = function (_a) {
-    var id = _a.id, value = _a.value, name = _a.name, className = _a.className, checked = _a.checked, _b = _a.defaultChecked, defaultChecked = _b === void 0 ? false : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, rest = __rest(_a, ["id", "value", "name", "className", "checked", "defaultChecked", "onChange"]);
-    var _d = (0, react_1.useState)(defaultChecked), isChecked = _d[0], setChecked = _d[1];
-    (0, react_1.useEffect)(function () {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const isControlled = checked => typeof checked !== 'undefined';
+const EbaySwitch = (_a) => {
+    var { id, value, name, className, checked, defaultChecked = false, onChange = () => { } } = _a, rest = __rest(_a, ["id", "value", "name", "className", "checked", "defaultChecked", "onChange"]);
+    const [isChecked, setChecked] = (0, react_1.useState)(defaultChecked);
+    (0, react_1.useEffect)(() => {
         setChecked(!!checked);
     }, [checked]);
-    var handleChange = function (e) {
-        var _a = e.target || {}, _b = _a.value, inputValue = _b === void 0 ? '' : _b, _c = _a.checked, inputChecked = _c === void 0 ? false : _c;
+    const handleChange = (e) => {
+        const { value: inputValue = '', checked: inputChecked = false } = e.target || {};
         onChange(e, {
             value: inputValue,
             checked: inputChecked
@@ -66,7 +55,7 @@ var EbaySwitch = function (_a) {
         setChecked(inputChecked);
     };
     return (react_1.default.createElement("span", { className: "switch" },
-        react_1.default.createElement("input", __assign({}, rest, { className: (0, classnames_1.default)('switch__control', className), id: id, role: "switch", type: "checkbox", value: value, "aria-checked": isControlled(checked) ? checked : isChecked, checked: isControlled(checked) ? checked : isChecked, name: name, onChange: handleChange })),
+        react_1.default.createElement("input", Object.assign({}, rest, { className: (0, classnames_1.default)('switch__control', className), id: id, role: "switch", type: "checkbox", value: value, "aria-checked": isControlled(checked) ? checked : isChecked, checked: isControlled(checked) ? checked : isChecked, name: name, onChange: handleChange })),
         react_1.default.createElement("span", { className: "switch__button" })));
 };
 exports.default = EbaySwitch;

package/ebay-tabs/tab-panel.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 TabPanel = function (_a) {
-    var children = _a.children, index = _a.index, parentId = _a.parentId, selected = _a.selected, className = _a.className, rest = __rest(_a, ["children", "index", "parentId", "selected", "className"]);
-    return (react_1.default.createElement("div", __assign({}, rest, { "aria-labelledby": "default-tab-".concat(index), className: (0, classnames_1.default)(className, 'tabs__panel'), id: "".concat(parentId || 'default', "-tabpanel-").concat(index), role: "tabpanel", hidden: !selected }),
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const TabPanel = (_a) => {
+    var { children, index, parentId, selected, className } = _a, rest = __rest(_a, ["children", "index", "parentId", "selected", "className"]);
+    return (react_1.default.createElement("div", Object.assign({}, rest, { "aria-labelledby": `default-tab-${index}`, className: (0, classnames_1.default)(className, 'tabs__panel'), id: `${parentId || 'default'}-tabpanel-${index}`, role: "tabpanel", hidden: !selected }),
         react_1.default.createElement("div", { className: "tabs__cell" }, children)));
 };
 exports.default = TabPanel;