@ebay/ui-core-react 5.6.3 → 5.8.0

package/ebay-video/controls.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/ebay-video/index.js

@@ -1,17 +1,25 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.EbayVideoSource = exports.EbayVideo = void 0;
 var video_1 = require("./video");
-Object.defineProperty(exports, "EbayVideo", { enumerable: true, get: function () { return video_1.default; } });
+Object.defineProperty(exports, "EbayVideo", { enumerable: true, get: function () { return __importDefault(video_1).default; } });
 var source_1 = require("./source");
-Object.defineProperty(exports, "EbayVideoSource", { enumerable: true, get: function () { return source_1.default; } });
+Object.defineProperty(exports, "EbayVideoSource", { enumerable: true, get: function () { return __importDefault(source_1).default; } });
 __exportStar(require("./types"), exports);

package/ebay-video/reportButton.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportButton = void 0;
 var react_1 = __importDefault(require("react"));
 var ebay_icon_1 = require("../ebay-icon");
-exports.ReportButton = function (_a) {
+var ReportButton = function (_a) {
     var children = _a.children;
     return (react_1.default.createElement("button", { className: "video-player__report-button" },
         react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "flag24" }),
         children));
 };
+exports.ReportButton = ReportButton;

package/ebay-video/source.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-export declare type EbayVideoSourceProps = ComponentProps<'source'>;
+export type EbayVideoSourceProps = ComponentProps<'source'>;
 declare const EbayVideoSource: FC<EbayVideoSourceProps>;
 export default EbayVideoSource;
 //# sourceMappingURL=source.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../../src/ebay-video/source.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjD,oBAAY,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAAyC,CAAA;AAEvF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../../src/ebay-video/source.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAAyC,CAAA;AAEvF,eAAe,eAAe,CAAA"}

package/ebay-video/types.d.ts

@@ -1,9 +1,9 @@
-export declare type VideoAction = 'play' | 'pause';
-export declare type VideoPlayView = 'inline' | 'fullscreen';
-export declare type VideoSourceType = 'dash' | 'hls';
-export declare type VideoSource = {
+export type VideoAction = 'play' | 'pause';
+export type VideoPlayView = 'inline' | 'fullscreen';
+export type VideoSourceType = 'dash' | 'hls';
+export type VideoSource = {
     src: string;
     type?: VideoSourceType;
 };
-export declare type Player = Record<string, any>;
+export 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;AAED,oBAAY,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-video/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AAC1C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,YAAY,CAAA;AAEnD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,CAAA;AAC5C,MAAM,MAAM,WAAW,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,eAAe,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}

package/ebay-video/video.d.ts

@@ -1,14 +1,14 @@
 import { ComponentProps, FC, MouseEvent } from 'react';
 import { Player, VideoAction, VideoPlayView } from './types';
 import { EbayEventHandler } from '../common/event-utils/types';
-export declare type PlayEventProps = {
+export type PlayEventProps = {
     player: Player;
 };
-export declare type VolumeChangeProps = {
+export type VolumeChangeProps = {
     volume: number;
     muted: boolean;
 };
-export declare type EbayVideoProps = Omit<ComponentProps<'video'>, 'onPlay' | 'onVolumeChange'> & {
+export type EbayVideoProps = Omit<ComponentProps<'video'>, 'onPlay' | 'onVolumeChange'> & {
     width?: number;
     height?: number;
     thumbnail?: string;

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;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"}
+{"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,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAA;AACD,MAAM,MAAM,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

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -40,12 +44,14 @@ 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -68,15 +74,15 @@ var EbayVideo = function (_a) {
     } : _e, _f = _a.onPlay, onPlay = _f === void 0 ? function () {
     } : _f, _g = _a.onReport, onReport = _g === void 0 ? function () {
     } : _g, children = _a.children, rest = __rest(_a, ["width", "height", "thumbnail", "action", "muted", "playView", "a11yLoadText", "a11yPlayText", "reportText", "volumeSlider", "volume", "hideReportButton", "errorText", "onVolumeChange", "onLoadError", "onPlay", "onReport", "children"]);
-    var _h = react_1.useState(), loaded = _h[0], setLoaded = _h[1];
-    var _j = react_1.useState(), buffering = _j[0], setBuffering = _j[1];
-    var _k = react_1.useState(), playing = _k[0], setPlaying = _k[1];
-    var _l = react_1.useState(), failed = _l[0], setFailed = _l[1];
-    var containerRef = react_1.useRef(null);
-    var videoRef = react_1.useRef(null);
-    var playerRef = react_1.useRef(null);
-    var uiRef = react_1.useRef(null);
-    var sources = component_utils_1.filterByType(children, source_1.default).map(function (_a) {
+    var _h = (0, react_1.useState)(), loaded = _h[0], setLoaded = _h[1];
+    var _j = (0, react_1.useState)(), buffering = _j[0], setBuffering = _j[1];
+    var _k = (0, react_1.useState)(), playing = _k[0], setPlaying = _k[1];
+    var _l = (0, react_1.useState)(), failed = _l[0], setFailed = _l[1];
+    var containerRef = (0, react_1.useRef)(null);
+    var videoRef = (0, react_1.useRef)(null);
+    var playerRef = (0, react_1.useRef)(null);
+    var uiRef = (0, react_1.useRef)(null);
+    var sources = (0, component_utils_1.filterByType)(children, source_1.default).map(function (_a) {
         var props = _a.props;
         return props;
     });
@@ -119,7 +125,7 @@ var EbayVideo = function (_a) {
             setLoaded(true);
         });
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var video = videoRef.current;
         var container = containerRef.current;
         if (!video || !container)
@@ -140,7 +146,7 @@ var EbayVideo = function (_a) {
             addSeekBar: false
         });
         if (!hideReportButton) {
-            var Report = controls_1.customControls(onReport).Report;
+            var Report = (0, controls_1.customControls)(onReport).Report;
             shaka_player_ui_1.default.ui.Controls.registerElement('report', new Report.Factory(reportText));
         }
         loadSource();
@@ -150,7 +156,7 @@ var EbayVideo = function (_a) {
         //     uiRef.current.destroy()
         // }
     }, []);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         switch (action) {
             case 'play':
                 videoRef.current.play();
@@ -195,10 +201,10 @@ var EbayVideo = function (_a) {
         videoRef.current.controls = false;
     };
     var style = {
-        width: width ? width + "px" : undefined,
-        height: height ? height + "px" : undefined
+        width: width ? "".concat(width, "px") : undefined,
+        height: height ? "".concat(height, "px") : undefined
     };
-    return (react_1.default.createElement("div", { style: style, className: classnames_1.default('video-player', { 'video-player--poster': !playing }) },
+    return (react_1.default.createElement("div", { style: style, className: (0, classnames_1.default)('video-player', { 'video-player--poster': !playing }) },
         !playing && loaded && !failed && !buffering &&
             react_1.default.createElement("div", { className: "shaka-play-button-container" },
                 react_1.default.createElement("button", { onClick: handleOnPlayClick, className: "shaka-play-button", style: { opacity: 1, zIndex: 999 }, "aria-label": a11yPlayText },
@@ -207,17 +213,17 @@ var EbayVideo = function (_a) {
             react_1.default.createElement("video", __assign({ ref: videoRef, style: style, poster: thumbnail, muted: muted || false, onPlaying: handlePlaying, onPause: handleOnPause, onVolumeChange: handleVolumeChange }, rest), sources.map(function (source, i) {
                 react_1.default.createElement("source", __assign({ key: i }, source));
             }))),
-        react_1.default.createElement("div", { className: classnames_1.default('video-player__overlay', { 'video-player__overlay--hidden': !failed }) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)('video-player__overlay', { 'video-player__overlay--hidden': !failed }) },
             react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "attention64" }),
             react_1.default.createElement("div", { className: "video-player__overlay-text" }, errorText)),
-        react_1.default.createElement("div", { className: classnames_1.default('video-player__overlay', {
+        react_1.default.createElement("div", { className: (0, classnames_1.default)('video-player__overlay', {
                 'video-player__overlay--hidden': loaded && (failed || !buffering)
             }) },
             react_1.default.createElement(ebay_progress_spinner_1.EbayProgressSpinner, { size: "large", "aria-label": a11yLoadText }))));
 };
 function withVolumeControl(controls) {
     var insertAt = controls.length - 2 > 0 ? controls.length - 2 : controls.length;
-    var controlsWithVolume = __spreadArrays(controls);
+    var controlsWithVolume = __spreadArray([], controls, true);
     controlsWithVolume.splice(insertAt, 0, 'volume');
     return controlsWithVolume;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "5.6.3",
+  "version": "5.8.0",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -100,7 +100,7 @@
     "svgson": "^4.0.0",
     "ts-jest": "^24",
     "ts-loader": "^8.0.7",
-    "typescript": "^3.9.5"
+    "typescript": "4"
   },
   "resolutions": {
     "@types/react": "^16.14.2"