@ebay/ui-core-react 5.4.2 → 5.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAA;AAIzE,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,oBAAY,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CA2R7C,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAA;AAIzE,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,oBAAY,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CA8R7C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/ebay-listbox-button/listbox-button.js

@@ -85,10 +85,16 @@ var ListboxButton = function (_a) {
     }, [value]);
     var childrenArray = react_1.Children.toArray(children);
     var getSelectedValueByIndex = function (index) { return childrenArray[index].props.value; };
+    var getIndexByValue = react_1.useCallback(function (selectedValue) {
+        return childrenArray.findIndex(function (_a) {
+            var props = _a.props;
+            return props.value === selectedValue;
+        });
+    }, [childrenArray]);
     var getSelectedOption = function (currentIndex) { return optionsByIndexRef.current.get(currentIndex); };
     var setActiveDescendant = function (index) {
         var optionsContainerEle = optionsContainerRef.current;
-        optionsContainerEle.setAttribute("aria-activedescendant", getSelectedOption(index).id);
+        optionsContainerEle === null || optionsContainerEle === void 0 ? void 0 : optionsContainerEle.setAttribute("aria-activedescendant", getSelectedOption(index).id);
     };
     var collapseListbox = function () {
         setExpanded(false);
@@ -106,7 +112,7 @@ var ListboxButton = function (_a) {
             expandListbox();
         }
     };
-    var onOptionsSelect = function (e, optionValue, index) {
+    var onOptionsSelect = function (e, index) {
         // OnSelect set the selectedValue to the state and expanded to false to close the list box
         setSelectedOption(childrenArray[index]);
         setSelectedIndex(index);
@@ -215,14 +221,14 @@ var ListboxButton = function (_a) {
                 break;
         }
     };
-    // We want to minic the select box behavior so we take the onSelect that passed
-    // at the parent level and use it for the OnClick on the list box since its a fake dropdown
-    var updatelistBoxButtonOptions = listBoxButtonOptions
+    // We want to mimic the select box behavior, so we take the onSelect that passed
+    // at the parent level and use it for the OnClick on the list box since it is a fake dropdown
+    var updateListBoxButtonOptions = listBoxButtonOptions
         .map(function (child, index) { return react_1.cloneElement(child, {
         index: index,
         key: index,
         selected: selectedOption && child.props.value === selectedOption.props.value,
-        onClick: function (e, optionValue) { return onOptionsSelect(e, optionValue, index); },
+        onClick: function (e) { return onOptionsSelect(e, index); },
         innerRef: function (optionNode) { return !optionNode
             ? optionsByIndexRef.current.delete(index)
             : optionsByIndexRef.current.set(index, optionNode); }
@@ -255,8 +261,8 @@ var ListboxButton = function (_a) {
                     }, onBlur: function () {
                         collapseListbox();
                         setTimeout(function () { return buttonRef.current.focus(); }, 0);
-                    } }, updatelistBoxButtonOptions)),
-        react_1.default.createElement("select", { hidden: true, className: "listbox-button__native", name: name, value: selectedOption ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.props.value : '' }, updatelistBoxButtonOptions.map(function (option, i) {
+                    } }, updateListBoxButtonOptions)),
+        react_1.default.createElement("select", { hidden: true, className: "listbox-button__native", name: name, onChange: function (e) { return onOptionsSelect(e, getIndexByValue(e.target.value)); }, value: selectedOption ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.props.value : '' }, updateListBoxButtonOptions.map(function (option, i) {
             return react_1.default.createElement("option", { value: option.props.value, key: i });
         }))));
 };

package/ebay-tourtip/ebay-tourtip.js

@@ -68,7 +68,7 @@ var EbayTourtip = function (_a) {
     var heading = component_utils_1.findComponent(children, ebay_tourtip_heading_1.default);
     var footer = component_utils_1.findComponent(children, ebay_tourtip_footer_1.default);
     return (react_1.default.createElement(tooltip_utils_1.Tooltip, __assign({}, rest, { className: className, type: "tourtip", isExpanded: isExpanded, ref: containerRef }),
-        react_1.default.createElement(tooltip_utils_1.TooltipHost, __assign({}, host.props, { forwardedRef: hostRef, ariaLabel: ariaLabel, ariaExpanded: isExpanded })),
+        react_1.default.createElement(tooltip_utils_1.TooltipHost, __assign({}, host.props, { forwardedRef: hostRef, "aria-label": ariaLabel, "aria-expanded": isExpanded })),
         react_1.default.createElement(tooltip_utils_1.TooltipContent, __assign({}, contentProps, { a11yCloseText: a11yCloseText, onClose: collapseTooltip, pointer: pointer, showCloseButton: true, style: overlayStyle, type: "tourtip" }),
             heading,
             contentChildren,

package/ebay-video/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/ebay-video/controls.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,QAAQ,aAAW,GAAG;IAAE,MAAM,MAAA;CAAE,CA0B9D"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/ebay-video/controls.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,CAAC,QAAQ,aAAW,GAAG;IAAE,MAAM,MAAA;CAAE,CA2B9D"}

package/ebay-video/controls.js

@@ -19,11 +19,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.customControls = void 0;
 var react_1 = __importDefault(require("react"));
 var react_dom_1 = __importDefault(require("react-dom"));
+// need that for broken definitions workaround
+// @ts-ignore
 var shaka_player_ui_1 = require("shaka-player/dist/shaka-player.ui");
 var reportButton_1 = require("./reportButton");
 function customControls(onReport) {
     if (onReport === void 0) { onReport = function () { }; }
     // Have to contain in order to not execute until shaka is downloaded
+    // eslint-disable-next-line no-extra-parens
     var Report = /** @class */ (function (_super) {
         __extends(class_1, _super);
         function class_1(parent, controls, text) {

package/ebay-video/types.d.ts

@@ -5,4 +5,5 @@ export declare type VideoSource = {
     src: string;
     type?: VideoSourceType;
 };
+export declare type Player = Record<string, any>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-video/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AAC1C,oBAAY,aAAa,GAAG,QAAQ,GAAG,YAAY,CAAA;AAEnD,oBAAY,eAAe,GAAG,MAAM,GAAG,KAAK,CAAA;AAC5C,oBAAY,WAAW,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,eAAe,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-video/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AAC1C,oBAAY,aAAa,GAAG,QAAQ,GAAG,YAAY,CAAA;AAEnD,oBAAY,eAAe,GAAG,MAAM,GAAG,KAAK,CAAA;AAC5C,oBAAY,WAAW,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,eAAe,CAAA;CACzB,CAAA;AAED,oBAAY,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}

package/ebay-video/video.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, MouseEvent } from 'react';
-import { VideoAction, VideoPlayView } from './types';
+import { Player, VideoAction, VideoPlayView } from './types';
 import { EbayEventHandler } from '../common/event-utils/types';
 export declare type PlayEventProps = {
     player: Player;

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

@@ -1 +1 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAkB,UAAU,EAA+B,MAAM,OAAO,CAAA;AAO1G,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,oBAAY,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAA;AACD,oBAAY,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAA;AACD,oBAAY,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqOjC,CAAA;AAgBD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAkB,UAAU,EAA+B,MAAM,OAAO,CAAA;AAS1G,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,oBAAY,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAA;AACD,oBAAY,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAA;AACD,oBAAY,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqOjC,CAAA;AAgBD,eAAe,SAAS,CAAA"}

package/ebay-video/video.js

@@ -53,6 +53,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
+// need that for broken definitions workaround
+// @ts-ignore
 var shaka_player_ui_1 = __importDefault(require("shaka-player/dist/shaka-player.ui"));
 var component_utils_1 = require("../common/component-utils");
 var ebay_icon_1 = require("../ebay-icon");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "5.4.2",
+  "version": "5.4.4",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"