@ebay/ui-core-react 4.2.6 → 5.0.1

package/ebay-menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,oBAAY,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAyCnC,CAAA;AAUD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,oBAAY,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAyCnC,CAAA;AAUD,eAAe,YAAY,CAAA"}

package/ebay-menu/menu.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { MenuProps } from './index';
-declare const EbayMenu: FC<MenuProps>;
-export default EbayMenu;
+import React from 'react';
+import { EbayMenuProps } from './index';
+declare const _default: React.ForwardRefExoticComponent<Pick<EbayMenuProps, "slot" | "style" | "title" | "type" | "key" | "className" | "placeholder" | "children" | "dir" | "checked" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "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" | "forwardedRef" | "baseEl" | "priority" | "autofocus"> & React.RefAttributes<React.FC<EbayMenuProps>>>;
+export default _default;
 //# sourceMappingURL=menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,EAAE,EACL,MAAM,OAAO,CAAA;AAOd,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKnC,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,SAAS,CAqG3B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAKd,OAAO,EAA+B,aAAa,EAAE,MAAM,SAAS,CAAA;;AA8JpE,wBAAuC"}

package/ebay-menu/menu.js

@@ -40,6 +40,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -47,81 +54,117 @@ 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 usePrevious_1 = require("../common/component-utils/usePrevious");
 var event_utils_1 = require("../common/event-utils");
+var component_utils_1 = require("../common/component-utils");
 var index_1 = require("./index");
-var changedIndex = function (arr1, arr2) { return arr1.findIndex(function (x, i) { return arr2[i] !== x; }); };
 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, _d = _a.onKeyDown, onKeyDown = _d === void 0 ? function () { } : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onSelect, onSelect = _f === void 0 ? function () { } : _f, children = _a.children, rest = __rest(_a, ["baseEl", "type", "priority", "checked", "className", "onKeyDown", "onChange", "onSelect", "children"]);
+    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 _g = use_roving_index_1.default(children, index_1.EbayMenuItem), focusedIndex = _g[0], setFocusedIndex = _g[1];
-    var _h = react_1.useState(childrenArray.map(function () { return false; })), checkedIndexes = _h[0], setCheckedIndexes = _h[1];
+    var _h = use_roving_index_1.default(children, index_1.EbayMenuItem, autofocus === true ? 0 : undefined), focusedIndex = _h[0], setFocusedIndex = _h[1];
+    var _j = 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] ? __spreadArrays(values, [item.props.value]) : values;
+        }, []);
+    };
+    var indexesFromChecked = function (indexes) {
+        return indexes.reduce(function (all, value, i) { return value ? __spreadArrays(all, [i]) : all; }, []);
+    };
+    var eventProps = function (index, indexes) { return ({
+        index: 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; }
-        setCheckedIndexes(function (prevCheckedIndexes) {
-            return prevCheckedIndexes.map(function (indexChecked, i) {
-                var defaultValue = resetOthers ? false : indexChecked;
-                return index === i ? value : defaultValue;
-            });
+        var anyChanges = false;
+        var newValues = checkedIndexes.map(function (indexChecked, i) {
+            var defaultValue = resetOthers ? false : indexChecked;
+            if (index === i) {
+                if (indexChecked !== value) {
+                    anyChanges = true;
+                }
+                return value;
+            }
+            return defaultValue;
         });
+        if (anyChanges) {
+            setCheckedIndexes(newValues);
+            return newValues;
+        }
     };
     var selectIndex = function (index) {
         switch (type) {
             case 'radio':
                 return updateIndex(index, true, true);
             case 'checkbox':
-                return updateIndex(index, !checkedIndexes[index]);
+                return updateIndex(index, !checkedIndexes[index], false);
             default:
-                return;
+                return checkedIndexes.map(function (_, i) { return i === index; });
         }
     };
     react_1.useEffect(function () {
         if (type === 'radio') {
-            if (checked !== undefined) {
-                selectIndex(checked);
+            if (checked === undefined) {
+                var checkedIndex = childrenArray.findIndex(function (child) { return child.props.checked; });
+                if (checkedIndex > -1) {
+                    selectIndex(checkedIndex);
+                }
             }
-            var checkedIndex = childrenArray.findIndex(function (child) { return child.props.checked; });
-            if (checkedIndex > -1) {
-                selectIndex(checkedIndex);
+            else {
+                selectIndex(checked);
             }
         }
         else if (type === 'checkbox') {
-            setCheckedIndexes(childrenArray.map(function (child) { return child.props.checked; }));
+            setCheckedIndexes(childrenArray.map(function (child) { return Boolean(child.props.checked); }));
         }
     }, []);
-    var prevCheckedIndexes = usePrevious_1.usePrevious(checkedIndexes);
-    react_1.useEffect(function () {
-        if (type === 'radio') {
-            var checkedIndex = checkedIndexes.findIndex(Boolean);
-            if (checkedIndex > -1) {
-                onChange(checkedIndex, true);
-                onSelect(checkedIndex, true);
-            }
+    var handleChange = function (e, index, newValues) {
+        switch (type) {
+            case 'radio':
+            case 'checkbox':
+                return onChange(e, checkboxEventProps(index, newValues));
+            default:
+                return onSelect(e, eventProps(index, newValues));
         }
-        else if (type === 'checkbox') {
-            if (prevCheckedIndexes) {
-                var index = changedIndex(prevCheckedIndexes, checkedIndexes);
-                onChange(index, checkedIndexes[index]);
-                onSelect(index, checkedIndexes[index]);
+    };
+    var handleKeyDown = function (e, index) {
+        var newValues;
+        if (event_utils_1.isActionKey(e.key)) {
+            newValues = selectIndex(index);
+            if (newValues) {
+                handleChange(e, index, newValues);
             }
         }
-    }, [checkedIndexes]);
+        switch (type) {
+            case 'radio':
+            case 'checkbox':
+                return onKeyDown(e, checkboxEventProps(index, newValues || checkedIndexes));
+            default:
+                return onKeyDown(e, eventProps(index, newValues || checkedIndexes));
+        }
+    };
+    var handleClick = function (e, index) {
+        setFocusedIndex(index);
+        var newValues = selectIndex(index);
+        if (newValues) {
+            handleChange(e, index, newValues);
+        }
+    };
     return (react_1.default.createElement(Container, __assign({}, rest, { className: classnames_1.default(className, 'menu') }),
-        react_1.default.createElement("div", { className: "menu__items", role: "menu" }, childrenArray.map(function (child, i) {
-            var _a = child.props, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.onFocus, onFocus = _c === void 0 ? function () { } : _c, itemRest = __rest(_a, ["onClick", "onFocus"]);
+        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 react_1.cloneElement(child, __assign(__assign({}, itemRest), { type: type, focused: i === focusedIndex, tabIndex: focusedIndex === undefined ? 0 : -1, checked: checkedIndexes[i], onFocus: function (e) {
                     setFocusedIndex(i);
-                    onFocus(e);
+                    onItemFocus(e);
                 }, onClick: function (e) {
-                    setFocusedIndex(i);
-                    selectIndex(i);
+                    handleClick(e, i);
+                    onItemClick(e);
                     onClick(e);
                 }, onKeyDown: function (e) {
-                    event_utils_1.handleActionKeydown(e, function () {
-                        selectIndex(i);
-                    });
-                    onKeyDown(i, checkedIndexes[i]);
+                    handleKeyDown(e, i);
+                    onItemKeyDown(e);
                 } }));
         }))));
 };
-exports.default = EbayMenu;
+exports.default = component_utils_1.withForwardRef(EbayMenu);

package/ebay-menu/types.d.ts

@@ -1,21 +1,30 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, Ref } from 'react';
+import { EbayEventHandler, EbayKeyboardEventHandler } from '../common/event-utils/types';
 export declare type EbayMenuType = 'radio' | 'checkbox';
 export declare type EbayMenuPriority = 'primary' | 'secondary' | 'none';
 declare type ContainerDivProps = Omit<ComponentProps<'div'>, 'onKeyDown' | 'onChange' | 'onSelect'>;
 declare type ContainerSpanProps = Omit<ComponentProps<'span'>, 'onKeyDown' | 'onChange' | 'onSelect'>;
-export declare type SelectCallback = (i: number, checked: boolean) => void;
-export declare type ChangeCallback = (i: number, checked: boolean) => void;
-export declare type KeyDownCallback = (i: number, checked: boolean) => void;
-export declare type MenuProps = ContainerDivProps & ContainerSpanProps & {
+declare type SelectProps = {
+    index: number;
+    checked: number[];
+};
+declare type ChangeProps = SelectProps & {
+    indexes: number[];
+    checkedValues: string[];
+};
+export declare type EbayMenuKeyDownEventHandler = EbayKeyboardEventHandler<HTMLElement, SelectProps | ChangeProps>;
+export declare type EbayMenuChangeEventHandler = EbayEventHandler<HTMLElement, ChangeProps>;
+export declare type EbayMenuSelectEventHandler = EbayEventHandler<HTMLElement, SelectProps>;
+export declare type EbayMenuProps = ContainerDivProps & ContainerSpanProps & {
+    type?: EbayMenuType;
+    priority?: EbayMenuPriority;
+    checked?: number;
     autofocus?: boolean;
     baseEl?: 'div' | 'span';
-    checked?: number;
-    className?: string;
-    priority?: EbayMenuPriority;
-    type?: EbayMenuType;
-    onKeyDown?: KeyDownCallback;
-    onSelect?: SelectCallback;
-    onChange?: ChangeCallback;
+    onKeyDown?: EbayMenuKeyDownEventHandler;
+    onChange?: EbayMenuChangeEventHandler;
+    onSelect?: EbayMenuSelectEventHandler;
+    forwardedRef?: Ref<HTMLDivElement>;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

package/ebay-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,oBAAY,YAAY,GAAG,OAAO,GAAG,UAAU,CAAA;AAC/C,oBAAY,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;AAE/D,aAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC3F,aAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAE7F,oBAAY,cAAc,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAClE,oBAAY,cAAc,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAClE,oBAAY,eAAe,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAEnE,oBAAY,SAAS,GAAG,iBAAiB,GAAG,kBAAkB,GAAG;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAExF,oBAAY,YAAY,GAAG,OAAO,GAAG,UAAU,CAAA;AAC/C,oBAAY,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;AAE/D,aAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC3F,aAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC7F,aAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACrB,CAAA;AACD,aAAK,WAAW,GAAG,WAAW,GAAG;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAA;AACD,oBAAY,2BAA2B,GAAG,wBAAwB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,CAAA;AAC1G,oBAAY,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnF,oBAAY,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnF,oBAAY,aAAa,GAAG,iBAAiB,GAAG,kBAAkB,GAAG;IACjE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACtC,CAAA"}

package/ebay-menu-button/README.md

@@ -54,8 +54,8 @@ Name | Type     | Required | Description
 `prefixLabel` | String   | No |The label to add before each selected item on the button. Cannot be used with `prefix-id` (NOT YET IMPLEMENTED)
 `onExpand` | Function | No | Called when content is expanded
 `onCollapse` | Function | No | Called when content is collapsed
-`onSelect` | Function | No | props: ( index: number ), triggered on item clicked (not for type `radio`/`checkbox`)
-`onChange` | Function | No | props: (index: number, checked: number[], checkedValues: string[]), triggered on item `checked` change, (for type `radio`/`checkbox` only)
+`onSelect` | Function | No | props: (e: event, { index: number }), triggered on item clicked (not for type `radio`/`checkbox`)
+`onChange` | Function | No | props: (e: event, { index: number, checked: number[], checkedValues: string[]), triggered on item `checked` change, (for type `radio`/`checkbox` only)
 
 ## EbayMenuButtonItem Attributes
 

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

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import { ChangeCallback, EbayMenuType, SelectCallback } from '../ebay-menu';
+import { EbayMenuChangeEventHandler, EbayMenuSelectEventHandler, EbayMenuType } from '../ebay-menu';
 import { EbayButtonProps } from '../ebay-button';
 import { EbayMenuButtonVariant } from './index';
 export declare type EbayMenuButtonProps = {
@@ -12,8 +12,8 @@ export declare type EbayMenuButtonProps = {
     variant?: EbayMenuButtonVariant;
     onCollapse?: () => void;
     onExpand?: () => void;
-    onChange?: ChangeCallback;
-    onSelect?: SelectCallback;
+    onChange?: EbayMenuChangeEventHandler;
+    onSelect?: EbayMenuSelectEventHandler;
     expanded?: boolean;
     noToggleIcon?: boolean;
     checked?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAM5F,OAAO,EAAE,cAAc,EAAY,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AACrF,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAG5D,OAAO,EAAoE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEjH,oBAAY,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAA;AAED,aAAK,UAAU,GAAG,UAAU,GAAG,UAAU,CAAA;AACzC,aAAK,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,GAChE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACnD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GACrC,mBAAmB,CAAA;AAEvB,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA4H7B,CAAA;AAaD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAM5F,OAAO,EAAY,0BAA0B,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC7G,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAG5D,OAAO,EAAoE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEjH,oBAAY,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAA;AAED,aAAK,UAAU,GAAG,UAAU,GAAG,UAAU,CAAA;AACzC,aAAK,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,GAChE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACnD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GACrC,mBAAmB,CAAA;AAEvB,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA6I7B,CAAA;AAaD,eAAe,cAAc,CAAA"}

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

@@ -61,11 +61,13 @@ var EbayMenuButton = function (_a) {
     var buttonRef = react_1.useRef(null);
     var menuRef = react_1.useRef();
     var menuItems = component_utils_1.filterByType(children, [index_1.EbayMenuButtonItem, index_1.EbayMenuButtonSeparator]);
+    var defaultIndexes = menuItems.map(function (item) { return Boolean(item.props.checked); });
+    var _l = react_1.useState(defaultIndexes), checkedIndexes = _l[0], setCheckedIndexes = _l[1];
     var menuButtonLabel = component_utils_1.findComponent(children, index_1.EbayMenuButtonLabel);
     var icon = component_utils_1.findComponent(children, ebay_icon_1.EbayIcon);
     var textLabel = text ? react_1.default.createElement("span", null, text) : null;
     var label = labelWithIcon(menuButtonLabel || textLabel, icon);
-    var wrapperClasses = classnames_1.default('menu-button', className, expanded && 'menu-button--expanded');
+    var wrapperClasses = classnames_1.default('menu-button', className);
     var menuClasses = classnames_1.default('menu-button__menu', {
         'menu-button__menu--fix-width': fixWidth,
         'menu-button__menu--reverse': reverse
@@ -107,13 +109,25 @@ var EbayMenuButton = function (_a) {
             setExpanded(!expanded);
             onClick(e);
         } }, rest);
+    var handleOnChange = function (e, eventProps) {
+        if (type === 'radio' || type === 'checkbox') {
+            var newCheckedIndexes = checkedIndexes.map(function (_, i) { return eventProps.indexes.includes(i); });
+            setCheckedIndexes(newCheckedIndexes);
+        }
+        onChange(e, eventProps);
+    };
+    var checkedIndex = function () {
+        var 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_menu_1.EbayMenu, { baseEl: "div", ref: menuRef, type: type, className: menuClasses, tabIndex: -1, id: menuId, autofocus: true, checked: checked, onKeyDown: handleMenuKeydown, onChange: onChange, onSelect: onSelect }, menuItems.map(function (item, i) {
-            return react_1.cloneElement(item, __assign(__assign({}, item.props), { className: classnames_1.default(item.props.className, 'menu-button__item'), key: i }));
-        }))));
+        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 react_1.cloneElement(item, __assign(__assign({}, item.props), { className: classnames_1.default(item.props.className, 'menu-button__item'), key: i, checked: checkedIndexes[i] }));
+            }))));
 };
 function labelWithIcon(label, icon) {
     if (!icon) {

package/ebay-page-notice/README.md

@@ -48,6 +48,10 @@ import "@ebay/skin/page-notice";
 | `aria-label` | String                                                                        | No       | The description of the notice itself for screen readers. Check out [this issue](https://github.com/eBay/skin/issues/1001) for more context. | -             |
 | `children`   | React Node                                                                    | No       | The content to be displayed within the notice                                                                                               | -             |
 | `a11yDismissText` | String                                                                   | No       | Determines if the notice will have a dismiss button.  Acts as the aria-label for the dismiss button. Should not be used with a footer.      | -             |
-| `onDismissed` | Dispatch<boolean>                                                            | No       | Handler for any extra functionality for after a notice is dismissed.                                                                        | -             |
+
+## Callbacks
+| Name | Required             | Description       | Arguments |
+|------|----------------------|-------------------|-----------|
+| `onDismiss` | No | Triggered on notice dismiss | (Event)  |
 
 Note: When using multiple PageNotice components with an aria-label, make sure to set a unique `id` attribute for each one or you'll run into accessibility issues.

package/ebay-page-notice/index.d.ts

@@ -1,4 +1,4 @@
-export { default as EbayPageNotice } from './page-notice';
+export { default as EbayPageNotice, PageNoticeStatus, Props as EbayPageNoticeProps } from './page-notice';
 export { default as EbayPageNoticeTitle } from './page-notice-title';
 export { default as EbayPageNoticeFooter } from './page-notice-footer';
 export { default as EbayPageNoticeCTA } from './page-notice-cta';

package/ebay-page-notice/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-page-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-page-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,gBAAgB,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA"}

package/ebay-page-notice/page-notice.d.ts

@@ -1,9 +1,10 @@
-import React, { Dispatch, FC, MouseEvent } from 'react';
-declare type Props = React.HTMLProps<HTMLElement> & {
-    status?: 'general' | 'attention' | 'confirmation' | 'information';
+import { ComponentProps, FC, KeyboardEventHandler, MouseEventHandler } from 'react';
+export declare type PageNoticeStatus = 'general' | 'attention' | 'confirmation' | 'information';
+export declare type Props = ComponentProps<'section'> & {
+    status?: PageNoticeStatus;
     'aria-label'?: string;
     a11yDismissText?: string;
-    onDismiss?: Dispatch<MouseEvent>;
+    onDismiss?: MouseEventHandler & KeyboardEventHandler;
 };
 declare const EbayPageNotice: FC<Props>;
 export default EbayPageNotice;

package/ebay-page-notice/page-notice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-page-notice/page-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAK/E,aAAK,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;CACnC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAqD7B,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"page-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-page-notice/page-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,cAAc,EACd,EAAE,EAEF,oBAAoB,EAEpB,iBAAiB,EAGpB,MAAM,OAAO,CAAA;AAMd,oBAAY,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,CAAA;AACvF,oBAAY,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmD7B,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -48,27 +48,26 @@ var react_1 = __importStar(require("react"));
 var notice_content_1 = __importDefault(require("../common/notice-utils/notice-content"));
 var ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
 var ebay_icon_1 = require("../ebay-icon");
+var index_1 = require("./index");
 var EbayPageNotice = function (_a) {
-    var id = _a.id, _b = _a.status, status = _b === void 0 ? 'general' : _b, children = _a.children, onDismiss = _a.onDismiss, a11yDismissText = _a.a11yDismissText, ariaLabel = _a["aria-label"], rest = __rest(_a, ["id", "status", "children", "onDismiss", "a11yDismissText", 'aria-label']);
-    var _c = react_1.useState(false), dismissed = _c[0], setDismissed = _c[1];
+    var id = _a.id, _b = _a.status, status = _b === void 0 ? 'general' : _b, children = _a.children, a11yDismissText = _a.a11yDismissText, ariaLabel = _a["aria-label"], _c = _a.onDismiss, onDismiss = _c === void 0 ? function () { } : _c, rest = __rest(_a, ["id", "status", "children", "a11yDismissText", 'aria-label', "onDismiss"]);
+    var _d = react_1.useState(false), dismissed = _d[0], setDismissed = _d[1];
     var childrenArray = react_1.default.Children.toArray(children);
     var content = childrenArray.find(function (child) { return child.type === ebay_notice_content_1.EbayNoticeContent; });
     if (!content) {
         throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");
     }
-    var handleDismissedClicked = function (event) {
+    var handleDismissed = function (event) {
         setDismissed(true);
-        if (onDismiss) {
-            onDismiss(event);
-        }
+        onDismiss(event);
     };
     return dismissed ? null : (react_1.default.createElement("section", __assign({}, rest, { "aria-labelledby": id || status + "-status", className: "page-notice " + (status !== "general" ? "page-notice--" + status : ""), role: "region" }),
         status !== "general" ? (react_1.default.createElement("div", { className: "page-notice__header", id: id || status + "-status" },
             react_1.default.createElement(ebay_icon_1.EbayIcon, { name: status + "Filled16", a11yText: ariaLabel, a11yVariant: "label" }))) : null,
         react_1.default.createElement(notice_content_1.default, __assign({}, content.props, { type: "page" })),
         children,
-        a11yDismissText && (react_1.default.createElement("div", { className: "page-notice__footer" },
-            react_1.default.createElement("button", { "aria-label": a11yDismissText, className: "fake-link page-notice__dismiss", onClick: handleDismissedClicked },
+        a11yDismissText && (react_1.default.createElement(index_1.EbayPageNoticeFooter, null,
+            react_1.default.createElement("button", { "aria-label": a11yDismissText, className: "fake-link page-notice__dismiss", onClick: handleDismissed },
                 react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" }))))));
 };
 exports.default = EbayPageNotice;

package/ebay-pagination/README.md

@@ -44,11 +44,11 @@ Name | Type | Stateful | Description
 
 ### EbayPagination Events
 
-Event | Data | Description
---- | --- | ---
-`onPrevious` | `{ originalEvent }`| clicked previous arrow button
-`onNext` | `{ originalEvent }` | clicked next arrow button
-`onSelect` | `{ originalEvent, value, index }` | page selected clicked
+| Event        | Data                        | Description                   |
+|--------------|-----------------------------|-------------------------------|
+| `onPrevious` | `(Event)`                   | clicked previous arrow button |
+| `onNext`     | `(Event)`                   | clicked next arrow button     |
+| `onSelect`   | `(Event, { value, index })` | page selected clicked         |
 
 ## EbayPaginationItem Tag
 

package/ebay-pagination/pagination-item.d.ts

@@ -1,4 +1,5 @@
-import React, { Key, ReactNode, RefObject, StyleHTMLAttributes, MouseEvent, ComponentProps } from 'react';
+import React, { Key, ReactNode, RefObject, StyleHTMLAttributes, ComponentProps } from 'react';
+import { EbayEventHandler } from '../common/event-utils/types';
 export declare type PaginationItemType = 'previous' | 'next' | 'page' | 'separator';
 declare type HtmlProps = Omit<ComponentProps<'button'>, 'type'> & ComponentProps<'a'> & ComponentProps<'li'>;
 export declare type PaginationItemProps = HtmlProps & {
@@ -11,9 +12,12 @@ export declare type PaginationItemProps = HtmlProps & {
     hide?: boolean;
     a11yPreviousText?: string;
     a11yNextText?: string;
-    onSelect?: (e: MouseEvent | KeyboardEvent, value: string, index: number) => void;
-    onNext?: (e: MouseEvent | KeyboardEvent) => void;
-    onPrevious?: (e: MouseEvent | KeyboardEvent) => void;
+    onPrevious?: EbayEventHandler;
+    onNext?: EbayEventHandler;
+    onSelect?: EbayEventHandler<{
+        value: string;
+        index: number;
+    }>;
     style?: StyleHTMLAttributes<HTMLButtonElement & HTMLAnchorElement>;
     forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
     children?: ReactNode;

package/ebay-pagination/pagination-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-item.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/pagination-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK7G,oBAAY,kBAAkB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAA;AAC3E,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AACpG,oBAAY,mBAAmB,GAAG,SAAS,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;;AAqGF,wBAAiD"}
+{"version":3,"file":"pagination-item.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/pagination-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAIjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,oBAAY,kBAAkB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAA;AAC3E,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AACpG,oBAAY,mBAAmB,GAAG,SAAS,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;;AAqGF,wBAAiD"}

package/ebay-pagination/pagination-item.js

@@ -32,7 +32,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var EbayPaginationItem = function (_a) {
     var _b = _a.pageIndex, pageIndex = _b === void 0 ? 0 : _b, key = _a.key, current = _a.current, disabled = _a.disabled, _c = _a.type, type = _c === void 0 ? 'page' : _c, href = _a.href, hide = _a.hide, children = _a.children, _d = _a.a11yPreviousText, a11yPreviousText = _d === void 0 ? 'Previous page' : _d, _e = _a.a11yNextText, a11yNextText = _e === void 0 ? 'Next page' : _e, onSelect = _a.onSelect, onNext = _a.onNext, onPrevious = _a.onPrevious, className = _a.className, style = _a.style, forwardedRef = _a.forwardedRef, rest = __rest(_a, ["pageIndex", "key", "current", "disabled", "type", "href", "hide", "children", "a11yPreviousText", "a11yNextText", "onSelect", "onNext", "onPrevious", "className", "style", "forwardedRef"]);
     var handlePageNumber = function (e) {
-        onSelect(e, e.currentTarget.innerText, pageIndex);
+        var _a;
+        onSelect(e, { value: ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.innerText) || '', index: pageIndex });
     };
     var handleNextPage = function (e) {
         if (!e.currentTarget.getAttribute('aria-disabled')) {

package/ebay-pagination/pagination.d.ts

@@ -1,14 +1,17 @@
 import { ComponentProps, FC } from 'react';
 import { PaginationVariant } from './types';
-declare type PaginationCallback = (e?: Event, value?: string) => void;
-declare type PaginationProps = Omit<ComponentProps<'nav'>, 'onSelect'> & {
+import { EbayEventHandler } from '../common/event-utils/types';
+export declare type PaginationProps = Omit<ComponentProps<'nav'>, 'onSelect'> & {
     id?: string;
     a11yPreviousText?: string;
     a11yNextText?: string;
     a11yCurrentText?: string;
-    onPrevious?: PaginationCallback;
-    onNext?: PaginationCallback;
-    onSelect?: (e?: Event, value?: string, index?: number) => void;
+    onPrevious?: EbayEventHandler;
+    onNext?: EbayEventHandler;
+    onSelect?: EbayEventHandler<{
+        value: string;
+        index: number;
+    }>;
     variant?: PaginationVariant;
     fluid?: boolean;
 };

package/ebay-pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACA,cAAc,EAAE,EAAE,EAE/B,MAAM,OAAO,CAAA;AAUd,OAAO,EAAa,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGtD,aAAK,kBAAkB,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9D,aAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAiKvC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ebay-pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACA,cAAc,EAAE,EAAE,EAG/B,MAAM,OAAO,CAAA;AAUd,OAAO,EAAa,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,oBAAY,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACpE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAiKvC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/ebay-pagination/pagination.js

@@ -127,7 +127,7 @@ var EbayPagination = function (_a) {
                             event.preventDefault();
                         }
                         var currentTarget = event.currentTarget;
-                        onSelect(event, currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.innerText, pageIndex);
+                        onSelect(event, { value: (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.innerText) || '', index: pageIndex });
                         updatePages(Number(currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.innerText));
                     } }, text));
                 if (firstDot === lastDot) {

package/ebay-panel-dialog/panel-dialog.d.ts

@@ -5,7 +5,6 @@ export interface Props<T = any> extends DialogBaseProps<T> {
     open?: boolean;
     animated?: boolean;
     position?: Position;
-    onOpen?: () => void;
     onClose?: () => void;
 }
 declare const EbayPanelDialog: FC<Props>;

package/ebay-panel-dialog/panel-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-panel-dialog/panel-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,aAAK,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;AAE/B,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAuB9B,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"panel-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-panel-dialog/panel-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,aAAK,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;AAE/B,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAsB9B,CAAA;AAED,eAAe,eAAe,CAAA"}

package/ebay-panel-dialog/panel-dialog.js

@@ -31,7 +31,7 @@ var ebay_dialog_base_1 = require("../ebay-dialog-base");
 var classPrefix = 'panel-dialog';
 var EbayPanelDialog = function (_a) {
     var _b, _c;
-    var open = _a.open, animated = _a.animated, _d = _a.position, position = _d === void 0 ? 'start' : _d, _e = _a.onClose, onClose = _e === void 0 ? function () { } : _e, _f = _a.onOpen, onOpen = _f === void 0 ? function () { } : _f, className = _a.className, rest = __rest(_a, ["open", "animated", "position", "onClose", "onOpen", "className"]);
+    var open = _a.open, animated = _a.animated, _d = _a.position, position = _d === void 0 ? 'start' : _d, _e = _a.onClose, onClose = _e === void 0 ? function () { } : _e, className = _a.className, rest = __rest(_a, ["open", "animated", "position", "onClose", "className"]);
     return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { "aria-label": "Infotip", classPrefix: classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, onBackgroundClick: onClose, animated: animated, className: classnames_1.default(className, (_b = {}, _b[classPrefix + "--mask-fade-slow"] = animated, _b)), windowClass: classnames_1.default(classPrefix + "__window--slide", (_c = {},
             _c[classPrefix + "__window--end"] = position === 'end',
             _c)), open: open })));

package/ebay-radio/README.md

@@ -46,7 +46,12 @@ Name | Type | Description
 `checked` | boolean | Set the radio button state to checked/unchecked. Use this for **controlled component**.
 `defaultChecked` | boolean | Set the radio button initial state to checked/unchecked. Use this for **uncontrolled component**.
 `size` | String | No | No | Either `large` or `regular` (default). Sets the radio icon size. For mweb this should be set to `large`. (Note: The dimensions of the radio will not change, but only the icon)
-`onChange` | Function | Callback fired when selected is changed, with param `{ originalEvent, value }`
-`onFocus` | Function | Callback fired when button is focused, with param `{ originalEvent, value }`
+
+## Callbacks
+Name | Data | Description
+--- | --- | --- | ---
+`onChange` | `(ChangeEvent, { value })` | Callback fired when selected radio button is changed
+`onFocus` | `(FocusEvent, { value })` | Callback fired when radio button is focused
+`onKeydown` | `(KeyboardEvent, { value })` | Callback fired when key is down
 
 Note: For this component, `className`/`style` are applied to the container, while all other HTML attributes are applied to the input.