@ebay/ui-core-react 4.2.6 → 5.0.1

package/ebay-radio/radio.d.ts

@@ -1,10 +1,19 @@
-import { ChangeEvent, ComponentProps, FC } from 'react';
+import { ComponentProps, FC } from 'react';
+import { EbayChangeEventHandler, EbayFocusEventHandler, EbayKeyboardEventHandler } from '../common/event-utils/types';
 declare type Size = 'default' | 'large';
 declare type EbayRadioProps = {
     size?: Size;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string | number) => void;
+    onChange?: EbayChangeEventHandler<HTMLInputElement, {
+        value: string | number;
+    }>;
+    onFocus?: EbayFocusEventHandler<HTMLInputElement, {
+        value: string | number;
+    }>;
+    onKeyDown?: EbayKeyboardEventHandler<HTMLInputElement, {
+        value: string | number;
+    }>;
 };
-declare type InputProps = Omit<ComponentProps<'input'>, 'size'>;
+declare type InputProps = Omit<ComponentProps<'input'>, 'size' | 'onChange' | 'onFocus' | 'onKeyDown'>;
 declare const EbayRadio: FC<InputProps & EbayRadioProps>;
 export default EbayRadio;
 //# sourceMappingURL=radio.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ebay-radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAA0B,cAAc,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAA;AAKpG,aAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/B,aAAK,cAAc,GAAG;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACrF,CAAA;AACD,aAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,UAAU,GAAG,cAAc,CAoD9C,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ebay-radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAc,EAGV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAErH,aAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/B,aAAK,cAAc,GAAG;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9E,SAAS,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CACtF,CAAA;AACD,aAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;AAE9F,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,UAAU,GAAG,cAAc,CA8D9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/ebay-radio/radio.js

@@ -49,10 +49,12 @@ var classnames_1 = __importDefault(require("classnames"));
 var ebay_icon_1 = require("../ebay-icon");
 var ebay_field_1 = require("../ebay-field");
 var EbayRadio = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'default' : _b, checked = _a.checked, defaultChecked = _a.defaultChecked, className = _a.className, style = _a.style, id = _a.id, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, children = _a.children, rest = __rest(_a, ["size", "checked", "defaultChecked", "className", "style", "id", "onChange", "children"]);
-    var handleChange = function (e) {
-        var input = e.target;
-        onChange(e, input === null || input === void 0 ? void 0 : input.value);
+    var _b = _a.size, size = _b === void 0 ? 'default' : _b, checked = _a.checked, defaultChecked = _a.defaultChecked, className = _a.className, style = _a.style, id = _a.id, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, _d = _a.onFocus, onFocus = _d === void 0 ? function () { } : _d, _e = _a.onKeyDown, onKeyDown = _e === void 0 ? function () { } : _e, children = _a.children, rest = __rest(_a, ["size", "checked", "defaultChecked", "className", "style", "id", "onChange", "onFocus", "onKeyDown", "children"]);
+    var handleChange = function (e) { var _a; return onChange(e, { value: (_a = e.target) === null || _a === void 0 ? void 0 : _a.value }); };
+    var handleFocus = function (e) { var _a; return onFocus(e, { value: (_a = e.target) === null || _a === void 0 ? void 0 : _a.value }); };
+    var handleKeyDown = function (e) {
+        var radioButton = e.target;
+        return onKeyDown(e, { value: radioButton === null || radioButton === void 0 ? void 0 : radioButton.value });
     };
     var containerClass = classnames_1.default('radio', className, { 'radio--large': size === 'large' });
     var iconChecked = size === 'large' ?
@@ -65,7 +67,7 @@ var EbayRadio = function (_a) {
     var ebayLabel = childrenArray.find(function (child) { return child.type === ebay_field_1.EbayLabel; });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("span", { className: containerClass, style: __assign(__assign({}, style), { alignItems: 'center' }) },
-            react_1.default.createElement("input", __assign({}, rest, { id: id, className: "radio__control", type: "radio", defaultChecked: defaultChecked, checked: checked, onChange: handleChange })),
+            react_1.default.createElement("input", __assign({}, rest, { id: id, className: "radio__control", type: "radio", defaultChecked: defaultChecked, checked: checked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown })),
             react_1.default.createElement("span", { className: "radio__icon", hidden: true },
                 iconChecked,
                 iconUnChecked)),

package/ebay-section-notice/README.md

@@ -45,3 +45,8 @@ import "@ebay/skin/section-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. | -          |
 | `aria-roledescription` | String                                                               | No       | Adds role description attribute to the section notice                                                                                       | `"Notice"` |
 | `children`             | React Node                                                           | No       | The content to be displayed within the notice. **Must have the EbayNoticeContent within the children!**                                     | -          |
+
+## Callbacks
+| Name | Required             | Description       | Arguments |
+|------|----------------------|-------------------|-----------|
+| `onDismiss` | No | Triggered on notice dismiss | (Event)  |

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

@@ -1,4 +1,4 @@
-export { default as EbaySectionNotice } from './section-notice';
+export { default as EbaySectionNotice, SectionNoticeStatus, Props as EbaySectionNoticeProps } from './section-notice';
 export { default as EbaySectionNoticeTitle } from './section-notice-title';
 export { default as EbaySectionNoticeFooter } from './section-notice-footer';
 export { EbayNoticeContent } from '../ebay-notice-base/components/ebay-notice-content';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,mBAAmB,EAAE,KAAK,IAAI,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACrH,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"section-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/section-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAA;AAM/C,aAAK,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAiChC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"section-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/section-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,cAAc,EACd,EAAE,EAEF,oBAAoB,EAEpB,iBAAiB,EAEpB,MAAM,OAAO,CAAA;AAOd,oBAAY,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,CAAA;AACnG,oBAAY,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;CACxD,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAmDhC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/ebay-section-notice/section-notice.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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 +44,15 @@ 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 react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
 var notice_content_1 = __importDefault(require("../common/notice-utils/notice-content"));
 var ebay_icon_1 = require("../ebay-icon");
+var index_1 = require("./index");
 var EbaySectionNotice = function (_a) {
-    var _b = _a.status, status = _b === void 0 ? 'general' : _b, children = _a.children, className = _a.className, ariaLabel = _a["aria-label"], _c = _a["aria-roledescription"], ariaRoleDescription = _c === void 0 ? 'Notice' : _c, rest = __rest(_a, ["status", "children", "className", 'aria-label', 'aria-roledescription']);
+    var _b = _a.status, status = _b === void 0 ? 'general' : _b, children = _a.children, className = _a.className, ariaLabel = _a["aria-label"], _c = _a["aria-roledescription"], ariaRoleDescription = _c === void 0 ? 'Notice' : _c, a11yDismissText = _a.a11yDismissText, _d = _a.onDismiss, onDismiss = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["status", "children", "className", 'aria-label', 'aria-roledescription', "a11yDismissText", "onDismiss"]);
+    var _e = react_1.useState(false), dismissed = _e[0], setDismissed = _e[1];
     var childrenArray = react_1.default.Children.toArray(children);
     var content = childrenArray.find(function (_a) {
         var type = _a.type;
@@ -41,10 +62,17 @@ var EbaySectionNotice = function (_a) {
     if (!content) {
         throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");
     }
-    return (react_1.default.createElement("section", __assign({}, rest, { className: classnames_1.default(className, "section-notice", hasStatus && "section-notice--" + status), role: "region", "aria-label": !hasStatus ? ariaLabel : null, "aria-labelledby": hasStatus ? "section-notice-" + status : null, "aria-roledescription": ariaRoleDescription }),
+    var handleDismissed = function (event) {
+        setDismissed(true);
+        onDismiss(event);
+    };
+    return dismissed ? null : (react_1.default.createElement("section", __assign({}, rest, { className: classnames_1.default(className, "section-notice", hasStatus && "section-notice--" + status), role: "region", "aria-label": !hasStatus ? ariaLabel : null, "aria-labelledby": hasStatus ? "section-notice-" + status : null, "aria-roledescription": ariaRoleDescription }),
         hasStatus && (react_1.default.createElement("div", { className: "section-notice__header", id: "section-notice-" + status },
             react_1.default.createElement(ebay_icon_1.EbayIcon, { name: status + "Filled16", a11yText: ariaLabel, a11yVariant: "label" }))),
         react_1.default.createElement(notice_content_1.default, __assign({}, content.props, { type: "section" })),
-        children));
+        children,
+        a11yDismissText && (react_1.default.createElement(index_1.EbaySectionNoticeFooter, 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 = EbaySectionNotice;

package/ebay-select/README.md

@@ -48,11 +48,13 @@ https://reactjs.org/docs/forms.html#the-select-tag. Notice that the selected val
 | `disabled`      | String   | No       | passed to the `<select>` element, default is `false`         |
 | `className`     | String   | No       | passed to the wrapper-element of the `<select>` element      |
 | `borderless`    | String   | No       | whether button has borders, default is `false`               |
-| `onChange`      | Function | No       | { el, index, selected }                                      |
 | `floatingLabel` | String   | No       | Indicates that the select is a floating label type and renders it as a label |
 | `inputSize`     | String   | No       | `default` (default), `large`                                 |
 | `invalid`       | Boolean  | No       | Indicates a field-level error with red border if true        |
 
+## Callbacks
+| `onChange`      | Function | No       | Called on option change with arguments: `(ChangeEvent, { index: number, selected: string[] }`                                      |
+
 ## EbaySelectOption Attributes
 
 | Name    | Type   | Required | Description                      |

package/ebay-select/ebay-select.d.ts

@@ -1,9 +1,14 @@
-import { ChangeEvent, ComponentProps, FC } from 'react';
+import { ComponentProps, FC } from 'react';
+import { EbayChangeEventHandler } from '../common/event-utils/types';
 declare type SelectValue = string | ReadonlyArray<string> | number;
+export declare type ChangeEventProps = {
+    index: number;
+    selected: string[];
+};
 export declare type EbaySelectProps = Omit<ComponentProps<'select'>, 'onChange'> & {
     borderless?: boolean;
     defaultValue?: SelectValue;
-    onChange?: (e: ChangeEvent<HTMLSelectElement>, selectedIndex: number, newValue: SelectValue) => void;
+    onChange?: EbayChangeEventHandler<HTMLSelectElement, ChangeEventProps>;
     floatingLabel?: string;
     inputSize?: 'default' | 'large';
     invalid?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ebay-select.d.ts","sourceRoot":"","sources":["../../src/ebay-select/ebay-select.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAgB,cAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAS1G,aAAK,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAC3D,oBAAY,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IACrG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiFnC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"ebay-select.d.ts","sourceRoot":"","sources":["../../src/ebay-select/ebay-select.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,cAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAM1G,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAIpE,aAAK,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAC3D,oBAAY,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CAAA;AACpE,oBAAY,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiFnC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/ebay-select/ebay-select.js

@@ -71,7 +71,7 @@ var EbaySelect = function (_a) {
         if (!isControlled(controlledValue)) {
             setValue(newValue);
         }
-        onChange(e, selectedIndex, newValue);
+        onChange(e, { index: selectedIndex, selected: [newValue] });
     };
     var handleBlur = function (event) {
         onBlur(event);

package/ebay-select/index.d.ts

@@ -1,3 +1,3 @@
-export { default as EbaySelect, EbaySelectProps } from './ebay-select';
+export { default as EbaySelect, EbaySelectProps, ChangeEventProps } from './ebay-select';
 export { default as EbaySelectOption } from './ebay-select-option';
 //# sourceMappingURL=index.d.ts.map

package/ebay-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA"}

package/ebay-split-button/README.md

@@ -48,5 +48,5 @@ Name | Type    | Stateful | Required | Description | Data
 `onBlur` | Function | - | No | triggered on blur
 `onExpand` | Function | - | No | Called when content is expanded
 `onCollapse` | Function | - | No | Called when content is collapsed
-`onChange` | Function | - | No | Arguments: (index: number, checked: boolean) for type `radio`/`checkbox`
-`onSelect` | Function | - | No | Arguments: (index: number, checked: boolean), not for use with type `radio`/`checkbox`
+`onChange` | Function | - | No | Arguments: (e: event, { index: number, checked: number[], checkedValues: string[] }) for type `radio`/`checkbox`
+`onSelect` | Function | - | No | Arguments: (e: event, { index: number, checked: number[] }), not for use with type `radio`/`checkbox`

package/ebay-split-button/split-button.js

@@ -36,6 +36,6 @@ var EbaySplitButton = function (_a) {
     var menuItems = 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_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, onChange: onChange, onSelect: onSelect }, menuItems)));
+        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-split-button/types.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps } from 'react';
 import { EbayButtonProps } from '../ebay-button';
-import { MenuProps } from '../ebay-menu';
-import { EbayMenuButtonProps } from '../ebay-menu-button';
+import { EbayMenuProps } from '../ebay-menu';
 export declare type EbaySplitButtonProps = {
     a11yMenuText?: string;
     a11yButtonLoadingText?: string;
@@ -9,6 +8,6 @@ export declare type EbaySplitButtonProps = {
     onExpand?: () => void;
 };
 declare type MenuEvents = 'onSelect' | 'onChange';
-export declare type Props = EbaySplitButtonProps & Omit<EbayButtonProps, 'ref'> & Omit<ComponentProps<'button'>, 'type' | MenuEvents> & Omit<ComponentProps<'a'>, MenuEvents> & Omit<MenuProps, 'priority'> & EbayMenuButtonProps;
+export declare type Props = EbaySplitButtonProps & Omit<EbayButtonProps, 'ref'> & Omit<ComponentProps<'button'>, 'type' | MenuEvents> & Omit<ComponentProps<'a'>, MenuEvents> & Omit<EbayMenuProps, 'priority'>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/ebay-split-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-split-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,oBAAY,oBAAoB,GAAG;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,aAAK,UAAU,GAAG,UAAU,GAAG,UAAU,CAAA;AAEzC,oBAAY,KAAK,GACb,oBAAoB,GACpB,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,GAC5B,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACnD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GACrC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAC3B,mBAAmB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-split-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,oBAAY,oBAAoB,GAAG;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,aAAK,UAAU,GAAG,UAAU,GAAG,UAAU,CAAA;AAEzC,oBAAY,KAAK,GACb,oBAAoB,GACpB,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,GAC5B,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACnD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GACrC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/ebay-star-rating-select/README.md

@@ -35,3 +35,11 @@ Name | Type | Stateful | Description
 | `a11yText`       | String  | No       | Yes      | container aria-label               |
 | `value`           | String  | No       | Yes      | The amount of stars to be filled. Can be "2-5" for 2 and a half stars.|
 | `disabled` | Boolean | No | Rating stars are disabled or not
+
+## Callbacks
+
+| Name       | Type     | Required | Description               | Data                                 |
+|------------|----------|----------|---------------------------|--------------------------------------|
+| `onChange` | Function | No       | triggered on value change | `(ChangeEvent, { value: number })`   |
+| `onFocus` | Function | No       | triggered on focus        | `(FocusEvent, { value: number })`    |
+| `onKeydown` | Function | No       | triggered on keydown     | `(KeyboardEvent, { value: number })` |

package/ebay-star-rating-select/star-rating-select.d.ts

@@ -1,13 +1,17 @@
-import { ChangeEvent, ComponentProps, FC, MouseEvent } from 'react';
+import { ComponentProps, FC } from 'react';
+import { EbayChangeEventHandler, EbayFocusEventHandler, EbayKeyboardEventHandler } from '../common/event-utils/types';
+export declare type EventProps = {
+    value: number;
+};
 declare type Props = ComponentProps<'div'> & {
     a11yText?: string;
     value?: string;
     a11yStarText?: string[];
     disabled?: boolean;
     name?: string;
-    onKeyDown?: (e: MouseEvent, value: number) => void;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string | number) => void;
-    onFocus?: (event: ChangeEvent<HTMLInputElement>, value: string | number) => void;
+    onKeyDown?: EbayKeyboardEventHandler<HTMLInputElement, EventProps>;
+    onChange?: EbayChangeEventHandler<HTMLInputElement, EventProps>;
+    onFocus?: EbayFocusEventHandler<HTMLInputElement, EventProps>;
 };
 declare const EbayStarRatingSelect: FC<Props>;
 export default EbayStarRatingSelect;

package/ebay-star-rating-select/star-rating-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"star-rating-select.d.ts","sourceRoot":"","sources":["../../src/ebay-star-rating-select/star-rating-select.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAA;AAM/F,aAAK,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACpF,CAAA;AASD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAgEnC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"star-rating-select.d.ts","sourceRoot":"","sources":["../../src/ebay-star-rating-select/star-rating-select.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAErH,oBAAY,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,aAAK,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;CACjE,CAAA;AASD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAgEnC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/ebay-star-rating-select/star-rating-select.js

@@ -58,27 +58,27 @@ var getValue = function (val) {
     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, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, _d = _a.name, name = _d === void 0 ? "star-rating-" + random_id_1.randomId() : _d, rest = __rest(_a, ["value", "a11yText", "className", "a11yStarText", "disabled", "onChange", "onFocus", "onKeyDown", "name"]);
-    var _e = react_1.useState(getValue(value)), checkedValue = _e[0], setChecked = _e[1];
+    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-" + random_id_1.randomId() : _g, rest = __rest(_a, ["value", "a11yText", "className", "a11yStarText", "disabled", "onChange", "onFocus", "onKeyDown", "name"]);
+    var _h = react_1.useState(getValue(value)), checkedValue = _h[0], setChecked = _h[1];
     react_1.useEffect(function () {
         setChecked(getValue(value));
     }, [value]);
     var handleKeyDown = function (i) { return function (e) {
-        if (!disabled && onKeyDown) {
+        if (!disabled) {
             setChecked(getValue(i));
-            onKeyDown(e, i);
+            onKeyDown(e, { value: i });
         }
     }; };
     var handleClick = function (i) { return function (e) {
-        if (!disabled && onChange) {
+        if (!disabled) {
             setChecked(getValue(i));
-            onChange(e, i);
+            onChange(e, { value: i });
         }
     }; };
     var handleFocus = function (i) { return function (e) {
-        if (!disabled && onFocus) {
+        if (!disabled) {
             setChecked(getValue(i));
-            onFocus(e, i);
+            onFocus(e, { value: i });
         }
     }; };
     return (react_1.default.createElement("div", __assign({ role: a11yText && 'radiogroup', "aria-label": a11yText, className: 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 },

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

@@ -1 +1 @@
-{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/svg.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,QAAA,MAAM,OAAO,EAAE,EA2lBJ,CAAA;AAEX,eAAe,OAAO,CAAA"}
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/svg.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,QAAA,MAAM,OAAO,EAAE,EA8rBJ,CAAA;AAEX,eAAe,OAAO,CAAA"}