@ebay/ui-core-react 6.2.1 → 6.3.0

package/ebay-menu/menu-item.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,28 +37,28 @@ 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_badge_1 = require("../ebay-badge");
-var ebay_icon_1 = require("../ebay-icon");
-var EbayMenuItem = function (_a) {
-    var className = _a.className, checked = _a.checked, type = _a.type, _b = _a.focused, focused = _b === void 0 ? false : _b, tabIndex = _a.tabIndex, disabled = _a.disabled, badgeNumber = _a.badgeNumber, badgeAriaLabel = _a.badgeAriaLabel, children = _a.children, rest = __rest(_a, ["className", "checked", "type", "focused", "tabIndex", "disabled", "badgeNumber", "badgeAriaLabel", "children"]);
-    var ref = (0, react_1.useRef)(null);
-    var hasBadge = badgeNumber !== undefined;
-    (0, react_1.useEffect)(function () {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_badge_1 = require("../ebay-badge");
+const ebay_icon_1 = require("../ebay-icon");
+const EbayMenuItem = (_a) => {
+    var { className, checked, type, focused = false, tabIndex, disabled, badgeNumber, badgeAriaLabel, children } = _a, rest = __rest(_a, ["className", "checked", "type", "focused", "tabIndex", "disabled", "badgeNumber", "badgeAriaLabel", "children"]);
+    const ref = (0, react_1.useRef)(null);
+    const hasBadge = badgeNumber !== undefined;
+    (0, react_1.useEffect)(() => {
         if (ref.current && focused) {
             ref.current.focus();
         }
     }, [ref, focused]);
-    var checkable = ['radio', 'checkbox'];
-    return (react_1.default.createElement("div", __assign({ "aria-label": badgeAriaLabel }, rest, { ref: ref, className: (0, classnames_1.default)(className, 'menu__item', hasBadge && 'menu__item--badged'), role: roleFromType(type), "aria-checked": checkable.includes(type) ? checked : undefined, "aria-disabled": disabled, tabIndex: focused ? 0 : tabIndex }),
+    const checkable = ['radio', 'checkbox'];
+    return (react_1.default.createElement("div", Object.assign({ "aria-label": badgeAriaLabel }, rest, { ref: ref, className: (0, classnames_1.default)(className, 'menu__item', hasBadge && 'menu__item--badged'), role: roleFromType(type), "aria-checked": checkable.includes(type) ? checked : undefined, "aria-disabled": disabled, tabIndex: focused ? 0 : tabIndex }),
         react_1.default.createElement("span", { "aria-hidden": hasBadge },
             children,
             hasBadge && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "menu", number: badgeNumber })),
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "tick16" })));
 };
 function roleFromType(type) {
-    var roles = {
+    const roles = {
         radio: 'menuitemradio',
         checkbox: 'menuitemcheckbox'
     };

package/ebay-menu/menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { EbayMenuProps } from './index';
-declare const _default: React.ForwardRefExoticComponent<Pick<EbayMenuProps, "slot" | "style" | "title" | "forwardedRef" | "type" | "key" | "className" | "placeholder" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "checked" | "baseEl" | "priority" | "autofocus"> & React.RefAttributes<React.FC<EbayMenuProps>>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<EbayMenuProps, "ref"> & React.RefAttributes<React.FC<EbayMenuProps>>>;
 export default _default;
 //# sourceMappingURL=menu.d.ts.map

package/ebay-menu/menu.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);
@@ -44,48 +33,32 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var use_roving_index_1 = __importDefault(require("../common/event-utils/use-roving-index"));
-var event_utils_1 = require("../common/event-utils");
-var component_utils_1 = require("../common/component-utils");
-var index_1 = require("./index");
-var EbayMenu = function (_a) {
-    var _b = _a.baseEl, Container = _b === void 0 ? 'span' : _b, type = _a.type, _c = _a.priority, priority = _c === void 0 ? 'secondary' : _c, checked = _a.checked, className = _a.className, autofocus = _a.autofocus, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.onKeyDown, onKeyDown = _e === void 0 ? function () { } : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, _g = _a.onSelect, onSelect = _g === void 0 ? function () { } : _g, forwardedRef = _a.forwardedRef, children = _a.children, rest = __rest(_a, ["baseEl", "type", "priority", "checked", "className", "autofocus", "onClick", "onKeyDown", "onChange", "onSelect", "forwardedRef", "children"]);
-    var childrenArray = react_1.Children.toArray(children);
-    var _h = (0, use_roving_index_1.default)(children, index_1.EbayMenuItem, autofocus === true ? 0 : undefined), focusedIndex = _h[0], setFocusedIndex = _h[1];
-    var _j = (0, react_1.useState)(childrenArray.map(function () { return false; })), checkedIndexes = _j[0], setCheckedIndexes = _j[1];
-    var valuesFromChecked = function (indexes) {
-        return childrenArray.reduce(function (values, item, i) {
-            return indexes[i] ? __spreadArray(__spreadArray([], values, true), [item.props.value], false) : values;
-        }, []);
-    };
-    var indexesFromChecked = function (indexes) {
-        return indexes.reduce(function (all, value, i) { return value ? __spreadArray(__spreadArray([], all, true), [i], false) : all; }, []);
-    };
-    var eventProps = function (index, indexes) { return ({
-        index: index,
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const use_roving_index_1 = __importDefault(require("../common/event-utils/use-roving-index"));
+const event_utils_1 = require("../common/event-utils");
+const component_utils_1 = require("../common/component-utils");
+const index_1 = require("./index");
+const EbayMenu = (_a) => {
+    var { baseEl: Container = 'span', type, priority = 'secondary', checked, className, autofocus, onClick = () => { }, onKeyDown = () => { }, onChange = () => { }, onSelect = () => { }, forwardedRef, children } = _a, rest = __rest(_a, ["baseEl", "type", "priority", "checked", "className", "autofocus", "onClick", "onKeyDown", "onChange", "onSelect", "forwardedRef", "children"]);
+    const childrenArray = react_1.Children.toArray(children);
+    const [focusedIndex, setFocusedIndex] = (0, use_roving_index_1.default)(children, index_1.EbayMenuItem, autofocus === true ? 0 : undefined);
+    const [checkedIndexes, setCheckedIndexes] = (0, react_1.useState)(childrenArray.map(() => false));
+    const valuesFromChecked = (indexes) => childrenArray.reduce((values, item, i) => indexes[i] ? [...values, item.props.value] : values, []);
+    const indexesFromChecked = (indexes) => indexes.reduce((all, value, i) => value ? [...all, i] : all, []);
+    const eventProps = (index, indexes) => ({
+        index,
         checked: indexesFromChecked(indexes)
-    }); };
-    var checkboxEventProps = function (index, indexes) { return (__assign(__assign({}, eventProps(index, indexes)), { indexes: indexesFromChecked(indexes), checkedValues: valuesFromChecked(indexes) })); };
-    var updateIndex = function (index, value, resetOthers) {
-        if (resetOthers === void 0) { resetOthers = false; }
-        var anyChanges = false;
-        var newValues = checkedIndexes.map(function (indexChecked, i) {
-            var defaultValue = resetOthers ? false : indexChecked;
+    });
+    const checkboxEventProps = (index, indexes) => (Object.assign(Object.assign({}, eventProps(index, indexes)), { indexes: indexesFromChecked(indexes), checkedValues: valuesFromChecked(indexes) }));
+    const updateIndex = (index, value, resetOthers = false) => {
+        let anyChanges = false;
+        const newValues = checkedIndexes.map((indexChecked, i) => {
+            const defaultValue = resetOthers ? false : indexChecked;
             if (index === i) {
                 if (indexChecked !== value) {
                     anyChanges = true;
@@ -99,20 +72,20 @@ var EbayMenu = function (_a) {
             return newValues;
         }
     };
-    var selectIndex = function (index) {
+    const selectIndex = (index) => {
         switch (type) {
             case 'radio':
                 return updateIndex(index, true, true);
             case 'checkbox':
                 return updateIndex(index, !checkedIndexes[index], false);
             default:
-                return checkedIndexes.map(function (_, i) { return i === index; });
+                return checkedIndexes.map((_, i) => i === index);
         }
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (type === 'radio') {
             if (checked === undefined) {
-                var checkedIndex = childrenArray.findIndex(function (child) { return child.props.checked; });
+                const checkedIndex = childrenArray.findIndex(child => child.props.checked);
                 if (checkedIndex > -1) {
                     selectIndex(checkedIndex);
                 }
@@ -122,10 +95,10 @@ var EbayMenu = function (_a) {
             }
         }
         else if (type === 'checkbox') {
-            setCheckedIndexes(childrenArray.map(function (child) { return Boolean(child.props.checked); }));
+            setCheckedIndexes(childrenArray.map(child => Boolean(child.props.checked)));
         }
     }, []);
-    var handleChange = function (e, index, newValues) {
+    const handleChange = (e, index, newValues) => {
         switch (type) {
             case 'radio':
             case 'checkbox':
@@ -134,8 +107,8 @@ var EbayMenu = function (_a) {
                 return onSelect(e, eventProps(index, newValues));
         }
     };
-    var handleKeyDown = function (e, index) {
-        var newValues;
+    const handleKeyDown = (e, index) => {
+        let newValues;
         if ((0, event_utils_1.isActionKey)(e.key)) {
             newValues = selectIndex(index);
             if (newValues) {
@@ -150,24 +123,24 @@ var EbayMenu = function (_a) {
                 return onKeyDown(e, eventProps(index, newValues || checkedIndexes));
         }
     };
-    var handleClick = function (e, index) {
+    const handleClick = (e, index) => {
         setFocusedIndex(index);
-        var newValues = selectIndex(index);
+        const newValues = selectIndex(index);
         if (newValues) {
             handleChange(e, index, newValues);
         }
     };
-    return (react_1.default.createElement(Container, __assign({}, rest, { className: (0, classnames_1.default)(className, 'menu') }),
-        react_1.default.createElement("div", { className: "menu__items", role: "menu", ref: forwardedRef }, childrenArray.map(function (child, i) {
-            var _a = child.props, _b = _a.onClick, onItemClick = _b === void 0 ? function () { } : _b, _c = _a.onFocus, onItemFocus = _c === void 0 ? function () { } : _c, _d = _a.onKeyDown, onItemKeyDown = _d === void 0 ? function () { } : _d, itemRest = __rest(_a, ["onClick", "onFocus", "onKeyDown"]);
-            return (0, react_1.cloneElement)(child, __assign(__assign({}, itemRest), { type: type, focused: i === focusedIndex, tabIndex: focusedIndex === undefined ? 0 : -1, checked: checkedIndexes[i], onFocus: function (e) {
+    return (react_1.default.createElement(Container, Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'menu') }),
+        react_1.default.createElement("div", { className: "menu__items", role: "menu", ref: forwardedRef }, childrenArray.map((child, i) => {
+            const _a = child.props, { onClick: onItemClick = () => { }, onFocus: onItemFocus = () => { }, onKeyDown: onItemKeyDown = () => { } } = _a, itemRest = __rest(_a, ["onClick", "onFocus", "onKeyDown"]);
+            return (0, react_1.cloneElement)(child, Object.assign(Object.assign({}, itemRest), { type, focused: i === focusedIndex, tabIndex: focusedIndex === undefined ? 0 : -1, checked: checkedIndexes[i], onFocus: e => {
                     setFocusedIndex(i);
                     onItemFocus(e);
-                }, onClick: function (e) {
+                }, onClick: e => {
                     handleClick(e, i);
                     onItemClick(e);
                     onClick(e);
-                }, onKeyDown: function (e) {
+                }, onKeyDown: e => {
                     handleKeyDown(e, i);
                     onItemKeyDown(e);
                 } }));

package/ebay-menu-button/README.md

@@ -5,7 +5,7 @@
 
 ## Install
 ```
-yarn add ebayui-core-react
+yarn add @ebay/ui-core-react
 ```
 
 ## Usage

package/ebay-menu-button/menu-button-item.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ebay_menu_1 = require("../ebay-menu");
+const ebay_menu_1 = require("../ebay-menu");
 // We do this for useRovingIndex to work
 exports.default = ebay_menu_1.EbayMenuItem;

package/ebay-menu-button/menu-button-label.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
-declare const EbayMenuButtonLabel: FC;
+import { FC, ReactNode } from 'react';
+declare const EbayMenuButtonLabel: FC<{
+    children?: ReactNode;
+}>;
 export default EbayMenuButtonLabel;
 //# sourceMappingURL=menu-button-label.d.ts.map

package/ebay-menu-button/menu-button-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button-label.d.ts","sourceRoot":"","sources":["../../src/ebay-menu-button/menu-button-label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,QAAA,MAAM,mBAAmB,EAAE,EAAsC,CAAA;AAEjE,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"menu-button-label.d.ts","sourceRoot":"","sources":["../../src/ebay-menu-button/menu-button-label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAqC,CAAA;AAE3F,eAAe,mBAAmB,CAAA"}

package/ebay-menu-button/menu-button-label.js

@@ -3,9 +3,6 @@ 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 EbayMenuButtonLabel = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-};
+const react_1 = __importDefault(require("react"));
+const EbayMenuButtonLabel = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
 exports.default = EbayMenuButtonLabel;

package/ebay-menu-button/menu-button-separator.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 EbayMenuButtonSeparator = function (_a) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("hr", __assign({}, rest, { className: (0, classnames_1.default)(className, 'menu-button__separator'), role: "separator" })));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const EbayMenuButtonSeparator = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (react_1.default.createElement("hr", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'menu-button__separator'), role: "separator" })));
 };
 exports.default = EbayMenuButtonSeparator;

package/ebay-menu-button/menu-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,37 +37,37 @@ 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 component_utils_1 = require("../common/component-utils");
-var ebay_menu_1 = require("../ebay-menu");
-var ebay_button_1 = require("../ebay-button");
-var ebay_icon_button_1 = require("../ebay-icon-button");
-var ebay_icon_1 = require("../ebay-icon");
-var index_1 = require("./index");
-var random_id_1 = require("../common/random-id");
-var event_utils_1 = require("../common/event-utils");
-var EbayMenuButton = function (_a) {
-    var type = _a.type, _b = _a.variant, variant = _b === void 0 ? 'button' : _b, className = _a.className, _c = _a.text, text = _c === void 0 ? '' : _c, fixWidth = _a.fixWidth, reverse = _a.reverse, defaultExpanded = _a.expanded, noToggleIcon = _a.noToggleIcon, checked = _a.checked, collapseOnSelect = _a.collapseOnSelect, a11yText = _a.a11yText, prefixId = _a.prefixId, prefixLabel = _a.prefixLabel, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.onExpand, onExpand = _e === void 0 ? function () { } : _e, _f = _a.onCollapse, onCollapse = _f === void 0 ? function () { } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { } : _g, _h = _a.onSelect, onSelect = _h === void 0 ? function () { } : _h, children = _a.children, rest = __rest(_a, ["type", "variant", "className", "text", "fixWidth", "reverse", "expanded", "noToggleIcon", "checked", "collapseOnSelect", "a11yText", "prefixId", "prefixLabel", "onClick", "onExpand", "onCollapse", "onChange", "onSelect", "children"]);
-    var _j = (0, react_1.useState)(defaultExpanded), expanded = _j[0], setExpanded = _j[1];
-    var _k = (0, react_1.useState)(), menuId = _k[0], setMenuId = _k[1];
-    var buttonRef = (0, react_1.useRef)(null);
-    var menuRef = (0, react_1.useRef)();
-    var menuItems = (0, component_utils_1.filterByType)(children, [index_1.EbayMenuButtonItem, index_1.EbayMenuButtonSeparator]);
-    var defaultIndexes = menuItems.map(function (item) { return Boolean(item.props.checked); });
-    var _l = (0, react_1.useState)(defaultIndexes), checkedIndexes = _l[0], setCheckedIndexes = _l[1];
-    var menuButtonLabel = (0, component_utils_1.findComponent)(children, index_1.EbayMenuButtonLabel);
-    var icon = (0, component_utils_1.findComponent)(children, ebay_icon_1.EbayIcon);
-    var label = labelWithPrefixAndIcon({ text: text, prefixId: prefixId, prefixLabel: prefixLabel, menuButtonLabel: menuButtonLabel, icon: icon });
-    var wrapperClasses = (0, classnames_1.default)('menu-button', className);
-    var menuClasses = (0, classnames_1.default)('menu-button__menu', {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const component_utils_1 = require("../common/component-utils");
+const ebay_menu_1 = require("../ebay-menu");
+const ebay_button_1 = require("../ebay-button");
+const ebay_icon_button_1 = require("../ebay-icon-button");
+const ebay_icon_1 = require("../ebay-icon");
+const index_1 = require("./index");
+const random_id_1 = require("../common/random-id");
+const event_utils_1 = require("../common/event-utils");
+const EbayMenuButton = (_a) => {
+    var { type, variant = 'button', className, text = '', fixWidth, reverse, expanded: defaultExpanded, noToggleIcon, checked, collapseOnSelect, a11yText, prefixId, prefixLabel, onClick = () => { }, onExpand = () => { }, onCollapse = () => { }, onChange = () => { }, onSelect = () => { }, children } = _a, rest = __rest(_a, ["type", "variant", "className", "text", "fixWidth", "reverse", "expanded", "noToggleIcon", "checked", "collapseOnSelect", "a11yText", "prefixId", "prefixLabel", "onClick", "onExpand", "onCollapse", "onChange", "onSelect", "children"]);
+    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded);
+    const [menuId, setMenuId] = (0, react_1.useState)();
+    const buttonRef = (0, react_1.useRef)(null);
+    const menuRef = (0, react_1.useRef)();
+    const menuItems = (0, component_utils_1.filterByType)(children, [index_1.EbayMenuButtonItem, index_1.EbayMenuButtonSeparator]);
+    const defaultIndexes = menuItems.map((item) => Boolean(item.props.checked));
+    const [checkedIndexes, setCheckedIndexes] = (0, react_1.useState)(defaultIndexes);
+    const menuButtonLabel = (0, component_utils_1.findComponent)(children, index_1.EbayMenuButtonLabel);
+    const icon = (0, component_utils_1.findComponent)(children, ebay_icon_1.EbayIcon);
+    const label = labelWithPrefixAndIcon({ text, prefixId, prefixLabel, menuButtonLabel, icon });
+    const wrapperClasses = (0, classnames_1.default)('menu-button', className);
+    const menuClasses = (0, classnames_1.default)('menu-button__menu', {
         'menu-button__menu--fix-width': fixWidth,
         'menu-button__menu--reverse': reverse
     });
-    (0, react_1.useEffect)(function () {
-        var handleBackgroundClick = function (e) {
-            var menuEl = menuRef.current;
-            var menuClicked = menuEl && menuEl.contains(e.target);
+    (0, react_1.useEffect)(() => {
+        const handleBackgroundClick = (e) => {
+            const menuEl = menuRef.current;
+            const menuClicked = menuEl && menuEl.contains(e.target);
             if (collapseOnSelect || !menuClicked) {
                 setExpanded(false);
             }
@@ -89,58 +78,55 @@ var EbayMenuButton = function (_a) {
             // causing the event listener to be attached to the document at the same time that the dialog
             // opens. Adding a timeout so the event is attached after the click event that opened the modal
             // is finished.
-            setTimeout(function () {
+            setTimeout(() => {
                 document.addEventListener('click', handleBackgroundClick, false);
             });
         }
         else if (expanded === false) {
             onCollapse();
         }
-        return function () { return document.removeEventListener('click', handleBackgroundClick, false); };
+        return () => document.removeEventListener('click', handleBackgroundClick, false);
     }, [expanded]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setMenuId((0, random_id_1.randomId)());
     }, []);
-    var handleMenuKeydown = function (e) {
-        (0, event_utils_1.handleEscapeKeydown)(e, function () {
+    const handleMenuKeydown = (e) => {
+        (0, event_utils_1.handleEscapeKeydown)(e, () => {
             var _a;
             setExpanded(false);
             (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         });
     };
-    var buttonProps = __assign({ ref: buttonRef, className: 'menu-button__button', 'aria-expanded': !!expanded, 'aria-haspopup': true, 'aria-label': a11yText, 'aria-controls': menuId, 'aria-labelledby': prefixId, onClick: function (e) {
+    const buttonProps = Object.assign({ ref: buttonRef, className: 'menu-button__button', 'aria-expanded': !!expanded, 'aria-haspopup': true, 'aria-label': a11yText, 'aria-controls': menuId, 'aria-labelledby': prefixId, onClick: e => {
             setExpanded(!expanded);
             onClick(e);
         } }, rest);
-    var handleOnChange = function (e, eventProps) {
+    const handleOnChange = (e, eventProps) => {
         if (type === 'radio' || type === 'checkbox') {
-            var newCheckedIndexes = checkedIndexes.map(function (_, i) { return eventProps.indexes.includes(i); });
+            const newCheckedIndexes = checkedIndexes.map((_, i) => eventProps.indexes.includes(i));
             setCheckedIndexes(newCheckedIndexes);
         }
         onChange(e, eventProps);
     };
-    var checkedIndex = function () {
-        var index = checkedIndexes.findIndex(Boolean);
+    const checkedIndex = () => {
+        const index = checkedIndexes.findIndex(Boolean);
         return index > -1 ? index : checked;
     };
     return (react_1.default.createElement("span", { className: wrapperClasses },
         variant === 'overflow' ?
-            react_1.default.createElement(ebay_icon_button_1.EbayIconButton, __assign({ icon: "overflowVertical16" }, buttonProps)) :
-            react_1.default.createElement(ebay_button_1.EbayButton, __assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps), label),
+            react_1.default.createElement(ebay_icon_button_1.EbayIconButton, Object.assign({ icon: "overflowVertical16" }, buttonProps)) :
+            react_1.default.createElement(ebay_button_1.EbayButton, Object.assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps), label),
         expanded &&
-            react_1.default.createElement(ebay_menu_1.EbayMenu, { baseEl: "div", ref: menuRef, type: type, className: menuClasses, tabIndex: -1, id: menuId, autofocus: true, checked: checkedIndex(), onKeyDown: handleMenuKeydown, onChange: handleOnChange, onSelect: onSelect }, menuItems.map(function (item, i) {
-                return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { className: (0, classnames_1.default)(item.props.className, 'menu-button__item'), key: i, checked: checkedIndexes[i] }));
-            }))));
+            react_1.default.createElement(ebay_menu_1.EbayMenu, { baseEl: "div", ref: menuRef, type: type, className: menuClasses, tabIndex: -1, id: menuId, autofocus: true, checked: checkedIndex(), onKeyDown: handleMenuKeydown, onChange: handleOnChange, onSelect: onSelect }, menuItems.map((item, i) => (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { className: (0, classnames_1.default)(item.props.className, 'menu-button__item'), key: i, checked: checkedIndexes[i] }))))));
 };
-function labelWithPrefixAndIcon(_a) {
-    var text = _a.text, prefixId = _a.prefixId, prefixLabel = _a.prefixLabel, menuButtonLabel = _a.menuButtonLabel, icon = _a.icon;
-    var textLabelElement = text.length ? react_1.default.createElement("span", null, text) : null;
-    var prefixLabelElement = !prefixId && prefixLabel && [
+function labelWithPrefixAndIcon({ text, prefixId, prefixLabel, menuButtonLabel, icon }) {
+    const textLabelElement = text.length ? react_1.default.createElement("span", null, text) : null;
+    const prefixLabelElement = !prefixId && prefixLabel && [
         react_1.default.createElement("span", { className: "menu-button-prefix-label" }, prefixLabel),
         react_1.default.createElement(react_1.default.Fragment, null, "\u00A0")
     ];
-    var labelWithPrefix = [prefixLabelElement, menuButtonLabel || textLabelElement];
-    var labelArray = [icon, labelWithPrefix].flat().filter(Boolean);
+    const labelWithPrefix = [prefixLabelElement, menuButtonLabel || textLabelElement];
+    const labelArray = [icon, labelWithPrefix].flat().filter(Boolean);
     return labelArray.length ? labelArray : null;
 }
 exports.default = EbayMenuButton;

package/ebay-notice-base/components/ebay-notice-content/notice-content.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var EbayNoticeContent = function () { return null; };
+const EbayNoticeContent = () => null;
 exports.default = EbayNoticeContent;

package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts

@@ -1,4 +1,7 @@
-import { FC } from 'react';
-declare const EbayNoticeTitle: FC;
+import { ReactNode } from 'react';
+type EbayNoticeTitleProps = {
+    children?: ReactNode;
+};
+declare const EbayNoticeTitle: ({ children }: EbayNoticeTitleProps) => ReactNode;
 export default EbayNoticeTitle;
 //# sourceMappingURL=notice-title.d.ts.map

package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notice-title.d.ts","sourceRoot":"","sources":["../../../../src/ebay-notice-base/components/ebay-notice-title/notice-title.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAa,MAAM,OAAO,CAAA;AAM5C,QAAA,MAAM,eAAe,EAAE,EAItB,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"notice-title.d.ts","sourceRoot":"","sources":["../../../../src/ebay-notice-base/components/ebay-notice-title/notice-title.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,KAAK,oBAAoB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,eAAe,iBAAkB,oBAAoB,KAAG,SAI7D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/ebay-notice-base/components/ebay-notice-title/notice-title.js

@@ -3,9 +3,6 @@ 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 EbayNoticeTitle = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement("span", { className: "page-notice__title" }, children));
-};
+const react_1 = __importDefault(require("react"));
+const EbayNoticeTitle = ({ children }) => (react_1.default.createElement("span", { className: "page-notice__title" }, children));
 exports.default = EbayNoticeTitle;

package/ebay-page-notice/page-notice-cta.js

@@ -3,10 +3,7 @@ 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 notice_cta_1 = __importDefault(require("../common/notice-utils/notice-cta"));
-var EbayPageNoticeCTA = function (_a) {
-    var className = _a.className, children = _a.children;
-    return (react_1.default.createElement(notice_cta_1.default, { className: className, type: "page" }, children));
-};
+const react_1 = __importDefault(require("react"));
+const notice_cta_1 = __importDefault(require("../common/notice-utils/notice-cta"));
+const EbayPageNoticeCTA = ({ className, children }) => (react_1.default.createElement(notice_cta_1.default, { className: className, type: "page" }, children));
 exports.default = EbayPageNoticeCTA;

package/ebay-page-notice/page-notice-footer.js

@@ -3,10 +3,7 @@ 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 notice_footer_1 = __importDefault(require("../common/notice-utils/notice-footer"));
-var EbayPageNoticeFooter = function (_a) {
-    var className = _a.className, children = _a.children;
-    return (react_1.default.createElement(notice_footer_1.default, { className: className, type: "page" }, children));
-};
+const react_1 = __importDefault(require("react"));
+const notice_footer_1 = __importDefault(require("../common/notice-utils/notice-footer"));
+const EbayPageNoticeFooter = ({ className, children }) => (react_1.default.createElement(notice_footer_1.default, { className: className, type: "page" }, children));
 exports.default = EbayPageNoticeFooter;

package/ebay-page-notice/page-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,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 notice_title_1 = __importDefault(require("../common/notice-utils/notice-title"));
-var EbayPageNoticeTitle = function (_a) {
-    var className = _a.className, as = _a.as, children = _a.children, rest = __rest(_a, ["className", "as", "children"]);
-    return (react_1.default.createElement(notice_title_1.default, __assign({}, rest, { className: className, as: as, type: "page" }), children));
+const react_1 = __importDefault(require("react"));
+const notice_title_1 = __importDefault(require("../common/notice-utils/notice-title"));
+const EbayPageNoticeTitle = (_a) => {
+    var { className, as, children } = _a, rest = __rest(_a, ["className", "as", "children"]);
+    return (react_1.default.createElement(notice_title_1.default, Object.assign({}, rest, { className: className, as: as, type: "page" }), children));
 };
 exports.default = EbayPageNoticeTitle;