@atlaskit/media-ui 27.0.3 → 27.0.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-ui
 
+## 27.0.5
+
+### Patch Changes
+
+- [#177875](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177875)
+  [`d0c3d27216b7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0c3d27216b7c) -
+  Clean up props for select new improvement on theme and customized components
+- Updated dependencies
+
+## 27.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.0.3
 
 ### Patch Changes

package/dist/cjs/MediaInlineCard/ErroredView/index.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.MediaInlineCardErroredView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
@@ -19,26 +18,25 @@ var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _Icon = require("../Icon");
 var _styled = require("../styled");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MediaInlineCardErroredView, _React$Component);
-  var _super = _createSuper(MediaInlineCardErroredView);
   function MediaInlineCardErroredView() {
     var _this;
     (0, _classCallCheck2.default)(this, MediaInlineCardErroredView);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
+    _this = _callSuper(this, MediaInlineCardErroredView, [].concat(args));
+    (0, _defineProperty2.default)(_this, "renderMessage", function () {
       var message = _this.props.message;
       var errorMessage = /*#__PURE__*/_react.default.createElement(_styled.NoLinkAppearance, null, message);
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errorMessage);
     });
     return _this;
   }
-  (0, _createClass2.default)(MediaInlineCardErroredView, [{
+  (0, _inherits2.default)(MediaInlineCardErroredView, _React$Component);
+  return (0, _createClass2.default)(MediaInlineCardErroredView, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -61,5 +59,4 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
       }));
     }
   }]);
-  return MediaInlineCardErroredView;
 }(_react.default.Component);

package/dist/cjs/MediaInlineCard/Frame/index.js

@@ -7,26 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.Frame = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var Frame = exports.Frame = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Frame, _React$Component);
-  var _super = _createSuper(Frame);
   function Frame() {
     var _this;
     (0, _classCallCheck2.default)(this, Frame);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
+    _this = _callSuper(this, Frame, [].concat(args));
+    (0, _defineProperty2.default)(_this, "handleClick", function (event) {
       var onClick = _this.props.onClick;
       if (onClick) {
         event.preventDefault();
@@ -34,7 +31,7 @@ var Frame = exports.Frame = /*#__PURE__*/function (_React$Component) {
         onClick(event);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyPress", function (event) {
+    (0, _defineProperty2.default)(_this, "handleKeyPress", function (event) {
       if (event.key !== ' ' && event.key !== 'Enter') {
         return;
       }
@@ -47,7 +44,8 @@ var Frame = exports.Frame = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(Frame, [{
+  (0, _inherits2.default)(Frame, _React$Component);
+  return (0, _createClass2.default)(Frame, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -66,5 +64,4 @@ var Frame = exports.Frame = /*#__PURE__*/function (_React$Component) {
       }, children);
     }
   }]);
-  return Frame;
 }(_react.default.Component);

package/dist/cjs/MediaInlineCard/IconAndTitleLayout/index.js

@@ -7,24 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.IconAndTitleLayout = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _Icon = require("../Icon");
 var _styled = require("./styled");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(IconAndTitleLayout, _React$Component);
-  var _super = _createSuper(IconAndTitleLayout);
   function IconAndTitleLayout() {
     (0, _classCallCheck2.default)(this, IconAndTitleLayout);
-    return _super.apply(this, arguments);
+    return _callSuper(this, IconAndTitleLayout, arguments);
   }
-  (0, _createClass2.default)(IconAndTitleLayout, [{
+  (0, _inherits2.default)(IconAndTitleLayout, _React$Component);
+  return (0, _createClass2.default)(IconAndTitleLayout, [{
     key: "renderAtlaskitIcon",
     value: function renderAtlaskitIcon() {
       var _this$props = this.props,
@@ -106,5 +105,4 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_Re
       }, title)));
     }
   }]);
-  return IconAndTitleLayout;
 }(_react.default.Component);

package/dist/cjs/MediaInlineCard/LoadedView/index.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.MediaInlineCardLoadedView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var MediaInlineCardLoadedView = exports.MediaInlineCardLoadedView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MediaInlineCardLoadedView, _React$Component);
-  var _super = _createSuper(MediaInlineCardLoadedView);
   function MediaInlineCardLoadedView() {
     (0, _classCallCheck2.default)(this, MediaInlineCardLoadedView);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MediaInlineCardLoadedView, arguments);
   }
-  (0, _createClass2.default)(MediaInlineCardLoadedView, [{
+  (0, _inherits2.default)(MediaInlineCardLoadedView, _React$Component);
+  return (0, _createClass2.default)(MediaInlineCardLoadedView, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -45,5 +44,4 @@ var MediaInlineCardLoadedView = exports.MediaInlineCardLoadedView = /*#__PURE__*
       }));
     }
   }]);
-  return MediaInlineCardLoadedView;
 }(_react.default.Component);

package/dist/cjs/MediaInlineCard/LoadingView/index.js

@@ -7,25 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.MediaInlineCardLoadingView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _Frame = require("../Frame");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _styled = require("./styled");
 var _styled2 = require("../IconAndTitleLayout/styled");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var MediaInlineCardLoadingView = exports.MediaInlineCardLoadingView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MediaInlineCardLoadingView, _React$Component);
-  var _super = _createSuper(MediaInlineCardLoadingView);
   function MediaInlineCardLoadingView() {
     (0, _classCallCheck2.default)(this, MediaInlineCardLoadingView);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MediaInlineCardLoadingView, arguments);
   }
-  (0, _createClass2.default)(MediaInlineCardLoadingView, [{
+  (0, _inherits2.default)(MediaInlineCardLoadingView, _React$Component);
+  return (0, _createClass2.default)(MediaInlineCardLoadingView, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -60,5 +59,4 @@ var MediaInlineCardLoadingView = exports.MediaInlineCardLoadingView = /*#__PURE_
       }
     }
   }]);
-  return MediaInlineCardLoadingView;
 }(_react.default.Component);

package/dist/cjs/camera.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Vector2 = exports.Rectangle = exports.Camera = exports.Bounds = void 0;
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var Vector2 = exports.Vector2 = /*#__PURE__*/function () {
   function Vector2(x, y) {
@@ -18,7 +18,7 @@ var Vector2 = exports.Vector2 = /*#__PURE__*/function () {
     this.x = x;
     this.y = y;
   }
-  (0, _createClass2.default)(Vector2, [{
+  return (0, _createClass2.default)(Vector2, [{
     key: "add",
     value: function add(_ref) {
       var thatX = _ref.x,
@@ -64,7 +64,6 @@ var Vector2 = exports.Vector2 = /*#__PURE__*/function () {
       return "[".concat(this.x, ", ").concat(this.y, "]");
     }
   }]);
-  return Vector2;
 }();
 var Rectangle = exports.Rectangle = /*#__PURE__*/function () {
   function Rectangle(width, height) {
@@ -72,7 +71,7 @@ var Rectangle = exports.Rectangle = /*#__PURE__*/function () {
     this.width = width;
     this.height = height;
   }
-  (0, _createClass2.default)(Rectangle, [{
+  return (0, _createClass2.default)(Rectangle, [{
     key: "aspectRatio",
     get: function get() {
       return this.width / this.height;
@@ -142,22 +141,20 @@ var Rectangle = exports.Rectangle = /*#__PURE__*/function () {
       return new Rectangle(this.width, this.height);
     }
   }]);
-  return Rectangle;
 }();
 var Bounds = exports.Bounds = /*#__PURE__*/function (_Rectangle) {
-  (0, _inherits2.default)(Bounds, _Rectangle);
-  var _super = _createSuper(Bounds);
   function Bounds(x, y, width, height) {
     var _this;
     (0, _classCallCheck2.default)(this, Bounds);
-    _this = _super.call(this, width, height);
+    _this = _callSuper(this, Bounds, [width, height]);
     _this.x = x;
     _this.y = y;
     _this.width = width;
     _this.height = height;
     return _this;
   }
-  (0, _createClass2.default)(Bounds, [{
+  (0, _inherits2.default)(Bounds, _Rectangle);
+  return (0, _createClass2.default)(Bounds, [{
     key: "origin",
     get: function get() {
       return new Vector2(this.x, this.y);
@@ -253,7 +250,6 @@ var Bounds = exports.Bounds = /*#__PURE__*/function (_Rectangle) {
       return this.x === bounds.x && this.y === bounds.y && this.width === bounds.width && this.height === bounds.height;
     }
   }]);
-  return Bounds;
 }(Rectangle);
 var Camera = exports.Camera = /*#__PURE__*/function () {
   function Camera(viewport, originalImg) {
@@ -261,7 +257,7 @@ var Camera = exports.Camera = /*#__PURE__*/function () {
     this.viewport = viewport;
     this.originalImg = originalImg;
   }
-  (0, _createClass2.default)(Camera, [{
+  return (0, _createClass2.default)(Camera, [{
     key: "resizedViewport",
     value: function resizedViewport(newViewport) {
       return new Camera(newViewport, this.originalImg);
@@ -296,5 +292,4 @@ var Camera = exports.Camera = /*#__PURE__*/function () {
       return prevOffset.add(viewport.center).scaled(newScale / prevScale).sub(viewport.center);
     }
   }]);
-  return Camera;
 }();

package/dist/cjs/customMediaPlayer/index-compiled.js

@@ -11,10 +11,9 @@ require("./index-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _videoPlayVidPlay = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-play--vid-play"));
@@ -52,7 +51,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
@@ -78,17 +77,15 @@ var spinnerWrapperStyles = {
   root: "_kqswstnw _154ize3t _1ltvze3t _1bsb1osq _4t3i1osq"
 };
 var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(CustomMediaPlayerBase, _Component);
-  var _super = _createSuper(CustomMediaPlayerBase);
   function CustomMediaPlayerBase() {
     var _this;
     (0, _classCallCheck2.default)(this, CustomMediaPlayerBase);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "videoWrapperRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "videoState", {
+    _this = _callSuper(this, CustomMediaPlayerBase, [].concat(args));
+    (0, _defineProperty2.default)(_this, "videoWrapperRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "videoState", {
       isLoading: true,
       buffered: 0,
       currentTime: 0,
@@ -97,15 +94,15 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       duration: 0,
       isMuted: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "wasPlayedOnce", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lastCurrentTime", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "timeSaver", new _timeSaver.TimeSaver(_this.props.lastWatchTimeConfig));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    (0, _defineProperty2.default)(_this, "wasPlayedOnce", false);
+    (0, _defineProperty2.default)(_this, "lastCurrentTime", 0);
+    (0, _defineProperty2.default)(_this, "timeSaver", new _timeSaver.TimeSaver(_this.props.lastWatchTimeConfig));
+    (0, _defineProperty2.default)(_this, "state", {
       isFullScreenEnabled: false,
       playerSize: 'large',
       playbackSpeed: 1
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireFirstPlayedTrackEvent", function () {
+    (0, _defineProperty2.default)(_this, "fireFirstPlayedTrackEvent", function () {
       var _this$props = _this.props,
         type = _this$props.type,
         fileId = _this$props.fileId,
@@ -126,7 +123,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         playbackSpeed: playbackSpeed
       }, fileId), createAnalyticsEvent);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFullScreenChange", function (e) {
+    (0, _defineProperty2.default)(_this, "onFullScreenChange", function (e) {
       if (e.target !== _this.videoWrapperRef.current) {
         return;
       }
@@ -140,27 +137,27 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTimeChanged", function () {
+    (0, _defineProperty2.default)(_this, "onTimeChanged", function () {
       _this.createAndFireUIEvent('timeRangeNavigate', 'time');
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onVolumeChanged", function () {
+    (0, _defineProperty2.default)(_this, "onVolumeChanged", function () {
       _this.createAndFireUIEvent('volumeRangeNavigate', 'volume');
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCurrentTimeChange", function (currentTime, duration) {
+    (0, _defineProperty2.default)(_this, "onCurrentTimeChange", function (currentTime, duration) {
       if (duration - currentTime > MINIMUM_DURATION_BEFORE_SAVING_TIME) {
         _this.timeSaver.defaultTime = currentTime;
       } else {
         _this.timeSaver.defaultTime = 0;
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCurrentTime", function (_ref) {
+    (0, _defineProperty2.default)(_this, "renderCurrentTime", function (_ref) {
       var currentTime = _ref.currentTime,
         duration = _ref.duration;
       return /*#__PURE__*/_react.default.createElement(_styled.CurrentTime, {
         draggable: false
       }, (0, _formatDuration.formatDuration)(currentTime), " / ", (0, _formatDuration.formatDuration)(duration));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderHDButton", function () {
+    (0, _defineProperty2.default)(_this, "renderHDButton", function () {
       var _this$props3 = _this.props,
         type = _this$props3.type,
         isHDAvailable = _this$props3.isHDAvailable,
@@ -185,7 +182,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         })
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPlaybackSpeedChange", function (playbackSpeed) {
+    (0, _defineProperty2.default)(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
       if (!_this.actions) {
         return;
       }
@@ -195,7 +192,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       });
       _this.createAndFireUIEvent('playbackSpeedChange');
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSpeedControls", function () {
+    (0, _defineProperty2.default)(_this, "renderSpeedControls", function () {
       var playbackSpeed = _this.state.playbackSpeed;
       var originalDimensions = _this.props.originalDimensions;
       return /*#__PURE__*/_react.default.createElement(_playbackSpeedControls.default, {
@@ -207,7 +204,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         }
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderVolume", function (videoState, actions, showSlider) {
+    (0, _defineProperty2.default)(_this, "renderVolume", function (videoState, actions, showSlider) {
       return /*#__PURE__*/_react.default.createElement(_styled.VolumeWrapper, {
         showSlider: showSlider
       }, /*#__PURE__*/_react.default.createElement(_styled.VolumeToggleWrapper, {
@@ -230,14 +227,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         ariaLabel: _this.props.intl.formatMessage(_messages.messages.volumeLevelControlAria)
       })));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleFullscreen", function () {
+    (0, _defineProperty2.default)(_this, "toggleFullscreen", function () {
       return _this.videoWrapperRef.current && (0, _fullscreen.toggleFullscreen)(_this.videoWrapperRef.current);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFullScreenButtonClick", function () {
+    (0, _defineProperty2.default)(_this, "onFullScreenButtonClick", function () {
       _this.toggleFullscreen();
       _this.createAndFireUIEvent('mediaButtonClick', 'fullScreenButton');
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResize", function (width) {
+    (0, _defineProperty2.default)(_this, "onResize", function (width) {
       if (width > MEDIUM_VIDEO_MAX_WIDTH) {
         _this.setState({
           playerSize: 'large'
@@ -252,7 +249,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFullScreenButton", function () {
+    (0, _defineProperty2.default)(_this, "renderFullScreenButton", function () {
       var _this$props4 = _this.props,
         formatMessage = _this$props4.intl.formatMessage,
         type = _this$props4.type;
@@ -273,7 +270,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         iconBefore: icon
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderDownloadButton", function () {
+    (0, _defineProperty2.default)(_this, "renderDownloadButton", function () {
       var onDownloadClick = _this.props.onDownloadClick;
       if (!onDownloadClick) {
         return;
@@ -287,7 +284,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         })
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderShortcuts", function (_ref2) {
+    (0, _defineProperty2.default)(_this, "renderShortcuts", function (_ref2) {
       var togglePlayPauseAction = _ref2.togglePlayPauseAction,
         toggleMute = _ref2.toggleMute,
         skipBackward = _ref2.skipBackward,
@@ -318,7 +315,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
       return shortcuts;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPlayPauseButton", function (isPlaying) {
+    (0, _defineProperty2.default)(_this, "renderPlayPauseButton", function (isPlaying) {
       var formatMessage = _this.props.intl.formatMessage;
       var toggleButtonIcon = isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPauseVidPause.default, {
         spacing: "spacious",
@@ -339,7 +336,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         onClick: isPlaying ? _this.pausePlayByButtonClick : _this.startPlayByButtonClick
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSkipBackwardButton", function (skipBackward) {
+    (0, _defineProperty2.default)(_this, "renderSkipBackwardButton", function (skipBackward) {
       var formatMessage = _this.props.intl.formatMessage;
       return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         content: formatMessage(_messages.messages.skipBackward),
@@ -354,7 +351,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         onClick: _this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSkipForwardButton", function (skipForward) {
+    (0, _defineProperty2.default)(_this, "renderSkipForwardButton", function (skipForward) {
       var formatMessage = _this.props.intl.formatMessage;
       return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         content: formatMessage(_messages.messages.skipForward),
@@ -369,7 +366,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         onClick: _this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSpinner", function () {
+    (0, _defineProperty2.default)(_this, "renderSpinner", function () {
       return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
         direction: "column",
         alignItems: "center",
@@ -380,30 +377,30 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         size: "large"
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "pause", function () {
+    (0, _defineProperty2.default)(_this, "pause", function () {
       if (_this.actions) {
         _this.actions.pause();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "play", function () {
+    (0, _defineProperty2.default)(_this, "play", function () {
       var onFirstPlay = _this.props.onFirstPlay;
       if (_this.actions) {
         _this.actions.play();
       }
-      _simultaneousPlayManager.default.pauseOthers((0, _assertThisInitialized2.default)(_this));
+      _simultaneousPlayManager.default.pauseOthers(_this);
       if (!_this.wasPlayedOnce && onFirstPlay) {
         _this.fireFirstPlayedTrackEvent();
         _this.wasPlayedOnce = true;
         onFirstPlay();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getMediaButtonClickHandler", function (action, buttonType) {
+    (0, _defineProperty2.default)(_this, "getMediaButtonClickHandler", function (action, buttonType) {
       return function () {
         action();
         _this.createAndFireUIEvent('mediaButtonClick', buttonType);
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getKeyboardShortcutHandler", function (action, shortcutType) {
+    (0, _defineProperty2.default)(_this, "getKeyboardShortcutHandler", function (action, shortcutType) {
       return function () {
         var showControls = _this.props.showControls;
         action();
@@ -413,7 +410,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         _this.createAndFireUIEvent('shortcutPress', shortcutType);
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onViewed", function (videoState) {
+    (0, _defineProperty2.default)(_this, "onViewed", function (videoState) {
       var _this$props5 = _this.props,
         createAnalyticsEvent = _this$props5.createAnalyticsEvent,
         fileId = _this$props5.fileId,
@@ -439,34 +436,35 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         _this.lastCurrentTime = currentTime;
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resetPendingPlayPauseToggleTimer", function () {
+    (0, _defineProperty2.default)(_this, "resetPendingPlayPauseToggleTimer", function () {
       if (_this.clickToTogglePlayTimeoutId !== undefined) {
         clearTimeout(_this.clickToTogglePlayTimeoutId);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "doubleClickToFullscreen", function () {
+    (0, _defineProperty2.default)(_this, "doubleClickToFullscreen", function () {
       _this.resetPendingPlayPauseToggleTimer();
       _this.toggleFullscreen();
       // TODO Add an event similar to "playPauseBlanketClick" but for fullscreen trigger
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "togglePlayByBlanketClick", function (action) {
+    (0, _defineProperty2.default)(_this, "togglePlayByBlanketClick", function (action) {
       _this.resetPendingPlayPauseToggleTimer();
       _this.clickToTogglePlayTimeoutId = setTimeout(function () {
         action();
         _this.createAndFireUIEvent('playPauseBlanketClick');
       }, 200);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startPlayByBlanketClick", function () {
+    (0, _defineProperty2.default)(_this, "startPlayByBlanketClick", function () {
       _this.togglePlayByBlanketClick(_this.play);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "pausePlayByBlanketClick", function () {
+    (0, _defineProperty2.default)(_this, "pausePlayByBlanketClick", function () {
       _this.togglePlayByBlanketClick(_this.pause);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startPlayByButtonClick", _this.getMediaButtonClickHandler(_this.play, 'playButton'));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "pausePlayByButtonClick", _this.getMediaButtonClickHandler(_this.pause, 'pauseButton'));
+    (0, _defineProperty2.default)(_this, "startPlayByButtonClick", _this.getMediaButtonClickHandler(_this.play, 'playButton'));
+    (0, _defineProperty2.default)(_this, "pausePlayByButtonClick", _this.getMediaButtonClickHandler(_this.pause, 'pauseButton'));
     return _this;
   }
-  (0, _createClass2.default)(CustomMediaPlayerBase, [{
+  (0, _inherits2.default)(CustomMediaPlayerBase, _Component);
+  return (0, _createClass2.default)(CustomMediaPlayerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props6 = this.props,
@@ -663,5 +661,4 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }));
     }
   }]);
-  return CustomMediaPlayerBase;
 }(_react.Component);