@ebay/ui-core-react 3.12.2 → 3.12.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/ebay-fake-menu/menu-item.js +2 -2
  2. package/ebay-fake-menu-button/menu-button.d.ts +1 -1
  3. package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
  4. package/ebay-fake-menu-button/menu-button.js +8 -5
  5. package/ebay-video/README.md +1 -0
  6. package/ebay-video/const.d.ts +0 -1
  7. package/ebay-video/const.d.ts.map +1 -1
  8. package/ebay-video/const.js +4 -6
  9. package/ebay-video/controls.d.ts +0 -1
  10. package/ebay-video/controls.d.ts.map +1 -1
  11. package/ebay-video/controls.js +2 -13
  12. package/ebay-video/video.d.ts +4 -4
  13. package/ebay-video/video.d.ts.map +1 -1
  14. package/ebay-video/video.js +18 -13
  15. package/package.json +1 -1
package/ebay-fake-menu/menu-item.js CHANGED
@@ -46,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
46
46
  Object.defineProperty(exports, "__esModule", { value: true });
47
47
  var react_1 = __importStar(require("react"));
48
48
  var classnames_1 = __importDefault(require("classnames"));
49
- var index_1 = require("../index");
49
+ var ebay_icon_1 = require("../ebay-icon");
50
50
  var EbayMenuItem = function (_a) {
51
51
  var className = _a.className, current = _a.current, disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children, rest = __rest(_a, ["className", "current", "disabled", "autoFocus", "children"]);
52
52
  var ref = react_1.useRef();
@@ -58,6 +58,6 @@ var EbayMenuItem = function (_a) {
58
58
  });
59
59
  return (react_1.default.createElement("a", __assign({}, rest, { ref: ref, className: classnames_1.default(className, 'fake-menu__item'), "aria-disabled": disabled ? 'true' : undefined }),
60
60
  react_1.default.createElement("span", null, children),
61
- react_1.default.createElement(index_1.EbayIcon, { name: "tickSmall" })));
61
+ react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "tickSmall" })));
62
62
  };
63
63
  exports.default = EbayMenuItem;
package/ebay-fake-menu-button/menu-button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ComponentProps, FC } from 'react';
2
- import { EbayButtonProps } from '..';
2
+ import { EbayButtonProps } from '../ebay-button';
3
3
  export declare type EbayFakeMenuButtonVariant = 'overflow' | 'form' | 'button';
4
4
  export declare type EbayFakeMenuButtonProps = {
5
5
  a11yText?: string;
package/ebay-fake-menu-button/menu-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAM5F,OAAO,EAAc,eAAe,EAAiE,MAAM,IAAI,CAAA;AAG/G,oBAAY,yBAAyB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtE,oBAAY,uBAAuB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC/B,CAAA;AAED,aAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GAC/C,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GACtC,cAAc,CAAC,GAAG,CAAC,CAAA;AACvB,aAAK,KAAK,GAAG,WAAW,GAAG,uBAAuB,CAAA;AAElD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsG7B,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAM5F,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAM5D,oBAAY,yBAAyB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtE,oBAAY,uBAAuB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC/B,CAAA;AAED,aAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GAC/C,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GACtC,cAAc,CAAC,GAAG,CAAC,CAAA;AACvB,aAAK,KAAK,GAAG,WAAW,GAAG,uBAAuB,CAAA;AAElD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsG7B,CAAA;AAED,eAAe,cAAc,CAAA"}
package/ebay-fake-menu-button/menu-button.js CHANGED
@@ -49,14 +49,17 @@ var classnames_1 = __importDefault(require("classnames"));
49
49
  var component_utils_1 = require("../common/component-utils");
50
50
  var event_utils_1 = require("../common/event-utils");
51
51
  var random_id_1 = require("../common/random-id");
52
- var __1 = require("..");
52
+ var ebay_button_1 = require("../ebay-button");
53
+ var ebay_icon_1 = require("../ebay-icon");
54
+ var ebay_icon_button_1 = require("../ebay-icon-button");
55
+ var ebay_fake_menu_1 = require("../ebay-fake-menu");
53
56
  var _1 = require(".");
54
57
  var EbayMenuButton = function (_a) {
55
58
  var a11yText = _a.a11yText, noToggleIcon = _a.noToggleIcon, fixWidth = _a.fixWidth, reverse = _a.reverse, variant = _a.variant, _b = _a.expanded, defaultExpanded = _b === void 0 ? false : _b, className = _a.className, _c = _a.onCollapse, onCollapse = _c === void 0 ? function () { } : _c, _d = _a.onExpand, onExpand = _d === void 0 ? function () { } : _d, _e = _a.text, text = _e === void 0 ? '' : _e, children = _a.children, rest = __rest(_a, ["a11yText", "noToggleIcon", "fixWidth", "reverse", "variant", "expanded", "className", "onCollapse", "onExpand", "text", "children"]);
56
59
  var _f = react_1.useState(defaultExpanded), expanded = _f[0], setExpanded = _f[1];
57
60
  var _g = react_1.useState(), menuId = _g[0], setMenuId = _g[1];
58
61
  var ref = react_1.useRef();
59
- var icon = component_utils_1.findComponent(children, __1.EbayIcon);
62
+ var icon = component_utils_1.findComponent(children, ebay_icon_1.EbayIcon);
60
63
  var label = component_utils_1.findComponent(children, _1.EbayFakeMenuButtonLabel) || (icon ? react_1.default.createElement("span", null, text) : text);
61
64
  var menuItems = component_utils_1.filterByType(children, [_1.EbayFakeMenuButtonItem, _1.EbayFakeMenuButtonSeparator]);
62
65
  react_1.useEffect(function () {
@@ -97,12 +100,12 @@ var EbayMenuButton = function (_a) {
97
100
  var buttonProps = __assign({ ref: ref, className: 'fake-menu-button__button', 'aria-expanded': !!expanded, 'aria-haspopup': true, 'aria-label': a11yText, 'aria-controls': menuId, onClick: function () { return setExpanded(!expanded); } }, rest);
98
101
  return (react_1.default.createElement("span", { className: classnames_1.default('fake-menu-button', className) },
99
102
  variant === 'overflow' ?
100
- react_1.default.createElement(__1.EbayIconButton, __assign({ icon: "overflow" }, buttonProps)) :
101
- react_1.default.createElement(__1.EbayButton, __assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps),
103
+ react_1.default.createElement(ebay_icon_button_1.EbayIconButton, __assign({ icon: "overflow" }, buttonProps)) :
104
+ react_1.default.createElement(ebay_button_1.EbayButton, __assign({ variant: variant === 'form' ? 'form' : undefined, bodyState: noToggleIcon ? undefined : 'expand' }, buttonProps),
102
105
  icon,
103
106
  label),
104
107
  expanded &&
105
- react_1.default.createElement(__1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown }, menuItems.map(function (item, i) {
108
+ react_1.default.createElement(ebay_fake_menu_1.EbayFakeMenu, { className: menuClasses, id: menuId, tabIndex: -1, onKeyDown: handleMenuKeydown }, menuItems.map(function (item, i) {
106
109
  return react_1.cloneElement(item, __assign(__assign({}, item.props), { className: classnames_1.default(item.props.className, 'fake-menu-button__item'), key: i, autoFocus: i === 0 }));
107
110
  }))));
108
111
  };
package/ebay-video/README.md CHANGED
@@ -9,6 +9,7 @@ yarn add @ebay/ui-core-react shaka-player
9
9
  ```jsx
10
10
  import { EbayVideo } from '@ebay/ui-core-react/ebay-video'
11
11
  import '@ebay/skin/video'
12
+ import 'shaka-player/dist/controls.css'
12
13
 
13
14
  <EbayVideo
14
15
  width="600"
package/ebay-video/const.d.ts CHANGED
@@ -4,6 +4,5 @@ export declare const defaultVideoConfig: {
4
4
  addBigPlayButton: boolean;
5
5
  addSeekBar: boolean;
6
6
  controlPanelElements: string[];
7
- overflowMenuButtons: string[];
8
7
  };
9
8
  //# sourceMappingURL=const.d.ts.map
package/ebay-video/const.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/ebay-video/const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,OAAO,CAAA;AACtC,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,eAAO,MAAM,kBAAkB;;;;;CAa9B,CAAA"}
1
+ {"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/ebay-video/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,OAAO,CAAA;AACtC,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,eAAO,MAAM,kBAAkB;;;;CAa9B,CAAA"}
package/ebay-video/const.js CHANGED
@@ -1,8 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultVideoConfig = exports.ERROR_NO_PLAYER = exports.ERROR_ANOTHER_LOAD = void 0;
4
- // const MAX_RETRIES = 3
5
- // const DEFAULT_SPINNER_TIMEOUT = 2000
6
4
  exports.ERROR_ANOTHER_LOAD = 7000;
7
5
  exports.ERROR_NO_PLAYER = 11;
8
6
  exports.defaultVideoConfig = {
@@ -14,8 +12,8 @@ exports.defaultVideoConfig = {
14
12
  'spacer',
15
13
  'mute',
16
14
  'report',
17
- 'fullscreen',
18
- 'overflow_menu'
19
- ],
20
- overflowMenuButtons: ['captions']
15
+ 'captions',
16
+ // 'quality', // uncomment this to show a gear icon for video quality control
17
+ 'fullscreen'
18
+ ]
21
19
  };
package/ebay-video/controls.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export declare function customControls(onReport?: () => void): {
2
2
  Report: any;
3
- TextSelection: any;
4
3
  };
5
4
  //# sourceMappingURL=controls.d.ts.map
package/ebay-video/controls.d.ts.map CHANGED
@@ -1 +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,MAAC;IAAC,aAAa,MAAA;CAAE,CAiC7E"}
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,CAuB9D"}
package/ebay-video/controls.js CHANGED
@@ -28,7 +28,7 @@ function customControls(onReport) {
28
28
  __extends(class_1, _super);
29
29
  function class_1(parent, controls, text) {
30
30
  var _this = _super.call(this, parent, controls) || this;
31
- appendChild(_this.parent, react_1.default.createElement(reportButton_1.ReportButton, { onReport: onReport }, text));
31
+ appendChild(parent, react_1.default.createElement(reportButton_1.ReportButton, { onReport: onReport }, text));
32
32
  return _this;
33
33
  }
34
34
  return class_1;
@@ -42,18 +42,7 @@ function customControls(onReport) {
42
42
  };
43
43
  return class_2;
44
44
  }());
45
- var TextSelection = shaka_player_ui_1.ui.TextSelection;
46
- TextSelection.Factory = /** @class */ (function () {
47
- function Factory() {
48
- }
49
- /** @override */
50
- // eslint-disable-next-line class-methods-use-this
51
- Factory.prototype.create = function (rootElement, controls) {
52
- return new shaka_player_ui_1.ui.TextSelection(rootElement, controls);
53
- };
54
- return Factory;
55
- }());
56
- return { Report: Report, TextSelection: TextSelection };
45
+ return { Report: Report };
57
46
  }
58
47
  exports.customControls = customControls;
59
48
  function appendChild(container, reactElement) {
package/ebay-video/video.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { ComponentProps, FC, SyntheticEvent } from 'react';
2
- import 'shaka-player/dist/controls.css';
3
2
  import { VideoAction, VideoPlayView } from './types';
4
3
  export declare type EbayVideoProps = ComponentProps<'video'> & {
5
4
  width?: number;
@@ -9,6 +8,7 @@ export declare type EbayVideoProps = ComponentProps<'video'> & {
9
8
  volume?: number;
10
9
  muted?: boolean;
11
10
  volumeSlider?: boolean;
11
+ hideReportButton?: boolean;
12
12
  playView?: VideoPlayView;
13
13
  cdnUrl?: string;
14
14
  cssUrl?: string;
@@ -16,9 +16,9 @@ export declare type EbayVideoProps = ComponentProps<'video'> & {
16
16
  a11yLoadText: string;
17
17
  a11yPlayText: string;
18
18
  errorText: string;
19
- reportText: string;
20
- onLoadError?: (err: any) => void;
21
- onPlay?: (e: SyntheticEvent, { player: any }: {
19
+ reportText?: string;
20
+ onLoadError?: (err: Error) => void;
21
+ onPlay?: (e: SyntheticEvent, { player: Player }: {
22
22
  player: any;
23
23
  }) => void;
24
24
  onVolumeChange?: (e: SyntheticEvent, { volume: number, muted: boolean }: {
package/ebay-video/video.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAG9F,OAAO,gCAAgC,CAAA;AAIvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAKpD,oBAAY,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IACnD,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,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;;KAAA,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2NjC,CAAA;AAgBD,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAO9F,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAKpD,oBAAY,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IACnD,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,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;;KAAA,KAAK,IAAI,CAAC;IACzD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAkOjC,CAAA;AAgBD,eAAe,SAAS,CAAA"}
package/ebay-video/video.js CHANGED
@@ -54,18 +54,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
54
54
  var react_1 = __importStar(require("react"));
55
55
  var classnames_1 = __importDefault(require("classnames"));
56
56
  var shaka_player_ui_1 = __importDefault(require("shaka-player/dist/shaka-player.ui"));
57
- require("shaka-player/dist/controls.css");
58
57
  var component_utils_1 = require("../common/component-utils");
59
- var index_1 = require("../index");
58
+ var ebay_icon_1 = require("../ebay-icon");
59
+ var ebay_progress_spinner_1 = require("../ebay-progress-spinner");
60
60
  var source_1 = __importDefault(require("./source"));
61
61
  var const_1 = require("./const");
62
62
  var controls_1 = require("./controls");
63
63
  var EbayVideo = function (_a) {
64
- var width = _a.width, height = _a.height, thumbnail = _a.thumbnail, action = _a.action, muted = _a.muted, _b = _a.playView, playView = _b === void 0 ? 'inline' : _b, a11yLoadText = _a.a11yLoadText, a11yPlayText = _a.a11yPlayText, reportText = _a.reportText, volumeSlider = _a.volumeSlider, _c = _a.volume, volume = _c === void 0 ? 1 : _c, errorText = _a.errorText, _d = _a.onVolumeChange, onVolumeChange = _d === void 0 ? function () {
64
+ var width = _a.width, height = _a.height, thumbnail = _a.thumbnail, action = _a.action, muted = _a.muted, _b = _a.playView, playView = _b === void 0 ? 'inline' : _b, a11yLoadText = _a.a11yLoadText, a11yPlayText = _a.a11yPlayText, reportText = _a.reportText, volumeSlider = _a.volumeSlider, _c = _a.volume, volume = _c === void 0 ? 1 : _c, hideReportButton = _a.hideReportButton, errorText = _a.errorText, _d = _a.onVolumeChange, onVolumeChange = _d === void 0 ? function () {
65
65
  } : _d, _e = _a.onLoadError, onLoadError = _e === void 0 ? function () {
66
66
  } : _e, _f = _a.onPlay, onPlay = _f === void 0 ? function () {
67
67
  } : _f, _g = _a.onReport, onReport = _g === void 0 ? function () {
68
- } : _g, children = _a.children, rest = __rest(_a, ["width", "height", "thumbnail", "action", "muted", "playView", "a11yLoadText", "a11yPlayText", "reportText", "volumeSlider", "volume", "errorText", "onVolumeChange", "onLoadError", "onPlay", "onReport", "children"]);
68
+ } : _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"]);
69
69
  var _h = react_1.useState(), loaded = _h[0], setLoaded = _h[1];
70
70
  var _j = react_1.useState(), buffering = _j[0], setBuffering = _j[1];
71
71
  var _k = react_1.useState(), playing = _k[0], setPlaying = _k[1];
@@ -137,9 +137,10 @@ var EbayVideo = function (_a) {
137
137
  controlPanelElements: [],
138
138
  addSeekBar: false
139
139
  });
140
- var _a = controls_1.customControls(onReport), Report = _a.Report, TextSelection = _a.TextSelection;
141
- shaka_player_ui_1.default.ui.Controls.registerElement('report', new Report.Factory(reportText));
142
- shaka_player_ui_1.default.ui.Controls.registerElement('captions', new TextSelection.Factory());
140
+ if (!hideReportButton) {
141
+ var Report = controls_1.customControls(onReport).Report;
142
+ shaka_player_ui_1.default.ui.Controls.registerElement('report', new Report.Factory(reportText));
143
+ }
143
144
  loadSource();
144
145
  hideSpinner(container);
145
146
  // return () => {
@@ -188,22 +189,26 @@ var EbayVideo = function (_a) {
188
189
  // This forces the controls to always hide
189
190
  videoRef.current.controls = false;
190
191
  };
191
- return (react_1.default.createElement("div", { style: { width: width + "px", height: height + "px" }, className: classnames_1.default('video-player', { 'video-player--poster': !playing }) },
192
+ var style = {
193
+ width: width ? width + "px" : undefined,
194
+ height: height ? height + "px" : undefined
195
+ };
196
+ return (react_1.default.createElement("div", { style: style, className: classnames_1.default('video-player', { 'video-player--poster': !playing }) },
192
197
  !playing && loaded && !failed && !buffering &&
193
198
  react_1.default.createElement("div", { className: "shaka-play-button-container" },
194
199
  react_1.default.createElement("button", { onClick: handleOnPlayClick, className: "shaka-play-button", style: { opacity: 1, zIndex: 999 }, "aria-label": a11yPlayText },
195
- react_1.default.createElement(index_1.EbayIcon, { name: "videoPlay" }))),
200
+ react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "videoPlay" }))),
196
201
  react_1.default.createElement("div", { className: "video-player__container", ref: containerRef },
197
- react_1.default.createElement("video", __assign({ ref: videoRef, style: { width: width + "px", height: height + "px" }, poster: thumbnail, muted: muted || false, onPlaying: handlePlaying, onPause: handleOnPause, onVolumeChange: handleVolumeChange }, rest), sources.map(function (source) {
198
- react_1.default.createElement("source", __assign({}, source));
202
+ 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) {
203
+ react_1.default.createElement("source", __assign({ key: i }, source));
199
204
  }))),
200
205
  react_1.default.createElement("div", { className: classnames_1.default('video-player__overlay', { 'video-player__overlay--hidden': !failed }) },
201
- react_1.default.createElement(index_1.EbayIcon, { name: "attention" }),
206
+ react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "attention" }),
202
207
  react_1.default.createElement("div", { className: "video-player__overlay-text" }, errorText)),
203
208
  react_1.default.createElement("div", { className: classnames_1.default('video-player__overlay', {
204
209
  'video-player__overlay--hidden': loaded && (failed || !buffering)
205
210
  }) },
206
- react_1.default.createElement(index_1.EbayProgressSpinner, { size: "large", "aria-label": a11yLoadText }))));
211
+ react_1.default.createElement(ebay_progress_spinner_1.EbayProgressSpinner, { size: "large", "aria-label": a11yLoadText }))));
207
212
  };
208
213
  function withVolumeControl(controls) {
209
214
  var insertAt = controls.length - 2 > 0 ? controls.length - 2 : controls.length;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/ui-core-react",
3
- "version": "3.12.2",
3
+ "version": "3.12.4",
4
4
  "description": "Skin components build off React",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",