@atlaskit/media-ui 22.0.0 → 22.1.2

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/media-ui
 
+## 22.1.2
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 22.1.1
+
+### Patch Changes
+
+- [`e3d4c39b20c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3d4c39b20c) - Remove version.json file.
+  Use injected package name and version from environment variable instead.
+
+## 22.1.0
+
+### Minor Changes
+
+- [`ed6cdd2d397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed6cdd2d397) - added onfullscreenchange property to media to avoid triggering table resizing when media is in full screen mode
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.0.0
 
 ### Major Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -25,8 +25,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _version = require("../version.json");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _vidPlay = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-play"));
@@ -97,6 +95,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+var packageName = "@atlaskit/media-ui";
+var packageVersion = "22.1.2";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -144,6 +144,10 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       var isFullScreenEnabled = !!(0, _fullscreen.getFullscreenElement)();
 
       if (currentFullScreenMode !== isFullScreenEnabled) {
+        var _this$props$onFullscr, _this$props;
+
+        (_this$props$onFullscr = (_this$props = _this.props).onFullscreenChange) === null || _this$props$onFullscr === void 0 ? void 0 : _this$props$onFullscr.call(_this$props, isFullScreenEnabled);
+
         _this.setState({
           isFullScreenEnabled: isFullScreenEnabled
         });
@@ -170,11 +174,11 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }, (0, _formatDuration.formatDuration)(currentTime), " / ", (0, _formatDuration.formatDuration)(duration));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderHDButton", function () {
-      var _this$props = _this.props,
-          type = _this$props.type,
-          isHDAvailable = _this$props.isHDAvailable,
-          isHDActive = _this$props.isHDActive,
-          onHDToggleClick = _this$props.onHDToggleClick;
+      var _this$props2 = _this.props,
+          type = _this$props2.type,
+          isHDAvailable = _this$props2.isHDAvailable,
+          isHDActive = _this$props2.isHDActive,
+          onHDToggleClick = _this$props2.onHDToggleClick;
 
       if (type === 'audio' || !isHDAvailable) {
         return;
@@ -264,9 +268,9 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFullScreenButton", function () {
-      var _this$props2 = _this.props,
-          formatMessage = _this$props2.intl.formatMessage,
-          type = _this$props2.type;
+      var _this$props3 = _this.props,
+          formatMessage = _this$props3.intl.formatMessage,
+          type = _this$props3.type;
 
       if (type === 'audio') {
         return;
@@ -420,13 +424,13 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onViewed", function (videoState) {
-      var _this$props3 = _this.props,
-          createAnalyticsEvent = _this$props3.createAnalyticsEvent,
-          fileId = _this$props3.fileId,
-          isAutoPlay = _this$props3.isAutoPlay,
-          isHDAvailable = _this$props3.isHDAvailable,
-          isHDActive = _this$props3.isHDActive,
-          type = _this$props3.type;
+      var _this$props4 = _this.props,
+          createAnalyticsEvent = _this$props4.createAnalyticsEvent,
+          fileId = _this$props4.fileId,
+          isAutoPlay = _this$props4.isAutoPlay,
+          isHDAvailable = _this$props4.isHDAvailable,
+          isHDActive = _this$props4.isHDActive,
+          type = _this$props4.type;
       var _this$state = _this.state,
           isFullScreenEnabled = _this$state.isFullScreenEnabled,
           playerSize = _this$state.playerSize,
@@ -480,14 +484,14 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(CustomMediaPlayerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props4 = this.props,
-          type = _this$props4.type,
-          fileId = _this$props4.fileId,
-          isAutoPlay = _this$props4.isAutoPlay,
-          isHDAvailable = _this$props4.isHDAvailable,
-          isHDActive = _this$props4.isHDActive,
-          onFirstPlay = _this$props4.onFirstPlay,
-          createAnalyticsEvent = _this$props4.createAnalyticsEvent;
+      var _this$props5 = this.props,
+          type = _this$props5.type,
+          fileId = _this$props5.fileId,
+          isAutoPlay = _this$props5.isAutoPlay,
+          isHDAvailable = _this$props5.isHDAvailable,
+          isHDActive = _this$props5.isHDActive,
+          onFirstPlay = _this$props5.onFirstPlay,
+          createAnalyticsEvent = _this$props5.createAnalyticsEvent;
       var _this$state2 = this.state,
           isFullScreenEnabled = _this$state2.isFullScreenEnabled,
           playerSize = _this$state2.playerSize,
@@ -531,6 +535,12 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         this.videoWrapperRef.current.removeEventListener('fullscreenchange', this.onFullScreenChange);
       }
 
+      if (this.state.isFullScreenEnabled) {
+        var _this$props$onFullscr2, _this$props6;
+
+        (_this$props$onFullscr2 = (_this$props6 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 ? void 0 : _this$props$onFullscr2.call(_this$props6, false);
+      }
+
       _simultaneousPlayManager.default.unsubscribe(this);
     }
   }, {
@@ -545,13 +555,13 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "createAndFireUIEvent",
     value: function createAndFireUIEvent(eventType, actionSubjectId) {
-      var _this$props5 = this.props,
-          type = _this$props5.type,
-          fileId = _this$props5.fileId,
-          isHDActive = _this$props5.isHDActive,
-          isHDAvailable = _this$props5.isHDAvailable,
-          isAutoPlay = _this$props5.isAutoPlay,
-          createAnalyticsEvent = _this$props5.createAnalyticsEvent;
+      var _this$props7 = this.props,
+          type = _this$props7.type,
+          fileId = _this$props7.fileId,
+          isHDActive = _this$props7.isHDActive,
+          isHDAvailable = _this$props7.isHDAvailable,
+          isAutoPlay = _this$props7.isAutoPlay,
+          createAnalyticsEvent = _this$props7.createAnalyticsEvent;
       var _this$state3 = this.state,
           isFullScreenEnabled = _this$state3.isFullScreenEnabled,
           playerSize = _this$state3.playerSize,
@@ -608,13 +618,13 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props6 = this.props,
-          type = _this$props6.type,
-          src = _this$props6.src,
-          isAutoPlay = _this$props6.isAutoPlay,
-          onCanPlay = _this$props6.onCanPlay,
-          onError = _this$props6.onError,
-          poster = _this$props6.poster;
+      var _this$props8 = this.props,
+          type = _this$props8.type,
+          src = _this$props8.src,
+          isAutoPlay = _this$props8.isAutoPlay,
+          onCanPlay = _this$props8.onCanPlay,
+          onError = _this$props8.onError,
+          poster = _this$props8.poster;
       return /*#__PURE__*/_react.default.createElement(_styled.CustomVideoWrapper, {
         ref: this.videoWrapperRef,
         "data-testid": "custom-media-player"
@@ -685,8 +695,8 @@ var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
 
 exports.CustomMediaPlayerBase = CustomMediaPlayerBase;
 var CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
-  packageVersion: _version.version,
-  packageName: _version.name,
+  packageVersion: packageVersion,
+  packageName: packageName,
   componentName: 'customMediaPlayer',
   component: 'customMediaPlayer'
 }, {

package/dist/cjs/imageMetaData/parsePNG.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.parsePNGChunks = parsePNGChunks;
 exports.readPNGXMPMetaData = readPNGXMPMetaData;
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _util = require("../util");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.0.0",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/es2019/customMediaPlayer/index.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
-import { version as packageVersion, name as packageName } from '../version.json';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import PlayIcon from '@atlaskit/icon/glyph/vid-play';
 import PauseIcon from '@atlaskit/icon/glyph/vid-pause';
@@ -31,6 +30,8 @@ import { PlayPauseBlanket } from './playPauseBlanket';
 import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
+const packageName = "@atlaskit/media-ui";
+const packageVersion = "22.1.2";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -74,6 +75,9 @@ export class CustomMediaPlayerBase extends Component {
       const isFullScreenEnabled = !!getFullscreenElement();
 
       if (currentFullScreenMode !== isFullScreenEnabled) {
+        var _this$props$onFullscr, _this$props;
+
+        (_this$props$onFullscr = (_this$props = this.props).onFullscreenChange) === null || _this$props$onFullscr === void 0 ? void 0 : _this$props$onFullscr.call(_this$props, isFullScreenEnabled);
         this.setState({
           isFullScreenEnabled
         });
@@ -507,6 +511,12 @@ export class CustomMediaPlayerBase extends Component {
       this.videoWrapperRef.current.removeEventListener('fullscreenchange', this.onFullScreenChange);
     }
 
+    if (this.state.isFullScreenEnabled) {
+      var _this$props$onFullscr2, _this$props2;
+
+      (_this$props$onFullscr2 = (_this$props2 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 ? void 0 : _this$props$onFullscr2.call(_this$props2, false);
+    }
+
     simultaneousPlayManager.unsubscribe(this);
   }
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.0.0",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/esm/customMediaPlayer/index.js

@@ -16,7 +16,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { Component } from 'react';
-import { version as packageVersion, name as packageName } from '../version.json';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import PlayIcon from '@atlaskit/icon/glyph/vid-play';
 import PauseIcon from '@atlaskit/icon/glyph/vid-pause';
@@ -46,6 +45,8 @@ import { PlayPauseBlanket } from './playPauseBlanket';
 import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
+var packageName = "@atlaskit/media-ui";
+var packageVersion = "22.1.2";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -99,6 +100,10 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       var isFullScreenEnabled = !!getFullscreenElement();
 
       if (currentFullScreenMode !== isFullScreenEnabled) {
+        var _this$props$onFullscr, _this$props;
+
+        (_this$props$onFullscr = (_this$props = _this.props).onFullscreenChange) === null || _this$props$onFullscr === void 0 ? void 0 : _this$props$onFullscr.call(_this$props, isFullScreenEnabled);
+
         _this.setState({
           isFullScreenEnabled: isFullScreenEnabled
         });
@@ -130,11 +135,11 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderHDButton", function () {
-      var _this$props = _this.props,
-          type = _this$props.type,
-          isHDAvailable = _this$props.isHDAvailable,
-          isHDActive = _this$props.isHDActive,
-          onHDToggleClick = _this$props.onHDToggleClick;
+      var _this$props2 = _this.props,
+          type = _this$props2.type,
+          isHDAvailable = _this$props2.isHDAvailable,
+          isHDActive = _this$props2.isHDActive,
+          onHDToggleClick = _this$props2.onHDToggleClick;
 
       if (type === 'audio' || !isHDAvailable) {
         return;
@@ -231,9 +236,9 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderFullScreenButton", function () {
-      var _this$props2 = _this.props,
-          formatMessage = _this$props2.intl.formatMessage,
-          type = _this$props2.type;
+      var _this$props3 = _this.props,
+          formatMessage = _this$props3.intl.formatMessage,
+          type = _this$props3.type;
 
       if (type === 'audio') {
         return;
@@ -398,13 +403,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onViewed", function (videoState) {
-      var _this$props3 = _this.props,
-          createAnalyticsEvent = _this$props3.createAnalyticsEvent,
-          fileId = _this$props3.fileId,
-          isAutoPlay = _this$props3.isAutoPlay,
-          isHDAvailable = _this$props3.isHDAvailable,
-          isHDActive = _this$props3.isHDActive,
-          type = _this$props3.type;
+      var _this$props4 = _this.props,
+          createAnalyticsEvent = _this$props4.createAnalyticsEvent,
+          fileId = _this$props4.fileId,
+          isAutoPlay = _this$props4.isAutoPlay,
+          isHDAvailable = _this$props4.isHDAvailable,
+          isHDActive = _this$props4.isHDActive,
+          type = _this$props4.type;
       var _this$state = _this.state,
           isFullScreenEnabled = _this$state.isFullScreenEnabled,
           playerSize = _this$state.playerSize,
@@ -466,14 +471,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   _createClass(CustomMediaPlayerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props4 = this.props,
-          type = _this$props4.type,
-          fileId = _this$props4.fileId,
-          isAutoPlay = _this$props4.isAutoPlay,
-          isHDAvailable = _this$props4.isHDAvailable,
-          isHDActive = _this$props4.isHDActive,
-          onFirstPlay = _this$props4.onFirstPlay,
-          createAnalyticsEvent = _this$props4.createAnalyticsEvent;
+      var _this$props5 = this.props,
+          type = _this$props5.type,
+          fileId = _this$props5.fileId,
+          isAutoPlay = _this$props5.isAutoPlay,
+          isHDAvailable = _this$props5.isHDAvailable,
+          isHDActive = _this$props5.isHDActive,
+          onFirstPlay = _this$props5.onFirstPlay,
+          createAnalyticsEvent = _this$props5.createAnalyticsEvent;
       var _this$state2 = this.state,
           isFullScreenEnabled = _this$state2.isFullScreenEnabled,
           playerSize = _this$state2.playerSize,
@@ -517,6 +522,12 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         this.videoWrapperRef.current.removeEventListener('fullscreenchange', this.onFullScreenChange);
       }
 
+      if (this.state.isFullScreenEnabled) {
+        var _this$props$onFullscr2, _this$props6;
+
+        (_this$props$onFullscr2 = (_this$props6 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 ? void 0 : _this$props$onFullscr2.call(_this$props6, false);
+      }
+
       simultaneousPlayManager.unsubscribe(this);
     }
   }, {
@@ -531,13 +542,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "createAndFireUIEvent",
     value: function createAndFireUIEvent(eventType, actionSubjectId) {
-      var _this$props5 = this.props,
-          type = _this$props5.type,
-          fileId = _this$props5.fileId,
-          isHDActive = _this$props5.isHDActive,
-          isHDAvailable = _this$props5.isHDAvailable,
-          isAutoPlay = _this$props5.isAutoPlay,
-          createAnalyticsEvent = _this$props5.createAnalyticsEvent;
+      var _this$props7 = this.props,
+          type = _this$props7.type,
+          fileId = _this$props7.fileId,
+          isHDActive = _this$props7.isHDActive,
+          isHDAvailable = _this$props7.isHDAvailable,
+          isAutoPlay = _this$props7.isAutoPlay,
+          createAnalyticsEvent = _this$props7.createAnalyticsEvent;
       var _this$state3 = this.state,
           isFullScreenEnabled = _this$state3.isFullScreenEnabled,
           playerSize = _this$state3.playerSize,
@@ -594,13 +605,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props6 = this.props,
-          type = _this$props6.type,
-          src = _this$props6.src,
-          isAutoPlay = _this$props6.isAutoPlay,
-          onCanPlay = _this$props6.onCanPlay,
-          onError = _this$props6.onError,
-          poster = _this$props6.poster;
+      var _this$props8 = this.props,
+          type = _this$props8.type,
+          src = _this$props8.src,
+          isAutoPlay = _this$props8.isAutoPlay,
+          onCanPlay = _this$props8.onCanPlay,
+          onError = _this$props8.onError,
+          poster = _this$props8.poster;
       return /*#__PURE__*/React.createElement(CustomVideoWrapper, {
         ref: this.videoWrapperRef,
         "data-testid": "custom-media-player"

package/dist/esm/imageMetaData/index.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { SupportedImageMetaTag, ExifOrientation } from './types';
 import { readImageMetaTags } from './metatags';
 import { loadImage, readImageNaturalOrientationFromDOM } from '../util';

package/dist/esm/imageMetaData/metatags.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/imageMetaData/parseJPEG.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { SupportedImageMetaTag } from './types';
 var XResolution = SupportedImageMetaTag.XResolution,
     YResolution = SupportedImageMetaTag.YResolution;

package/dist/esm/imageMetaData/parsePNG.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { fileToArrayBuffer } from '../util';
 var pngChunksExtract;
 export function readPNGXMPMetaData(_x) {

package/dist/esm/util.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PdfDocumentIcon from '@atlaskit/icon-file-type/glyph/pdf-document/24';
 import GifIcon from '@atlaskit/icon-file-type/glyph/gif/24';
 import PowerpointPresentationIcon from '@atlaskit/icon-file-type/glyph/powerpoint-presentation/24';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.0.0",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/types/MediaInlineCard/Frame/styled.d.ts

@@ -2,4 +2,4 @@
 export interface WrapperProps {
     isSelected?: boolean;
 }
-export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, WrapperProps, any>;
+export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, WrapperProps, object>;

package/dist/types/MediaInlineCard/Icon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const AKIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
+export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ImgHTMLAttributes<HTMLImageElement>>, object>;
+export declare const AKIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;

package/dist/types/MediaInlineCard/IconAndTitleLayout/styled.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const EmojiWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const IconTitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const LozengeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const LozengeBlockWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const RightIconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const IconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const IconEmptyWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
-export declare const TitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
+export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const EmojiWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const IconTitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const LozengeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const LozengeBlockWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const RightIconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const IconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const IconEmptyWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const TitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;

package/dist/types/MediaInlineCard/LoadingView/styled.d.ts

@@ -1,6 +1,14 @@
 /// <reference types="react" />
-export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>> & {
-    theme?: any;
-} & import("react").Attributes, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>> & {
-    theme?: any;
-} & import("react").Attributes, keyof import("react").ClassAttributes<any>>, any>;
+export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    theme?: object | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    theme?: object | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;

package/dist/types/MediaInlineCard/styled.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const NoLinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, keyof import("react").ClassAttributes<any>>, any>;
+export declare const NoLinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
+    __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
+}>;

package/dist/types/customMediaPlayer/index.d.ts

@@ -19,6 +19,7 @@ export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowContr
     readonly onError?: () => void;
     readonly onDownloadClick?: () => void;
     readonly onFirstPlay?: () => void;
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
     readonly originalDimensions?: NumericalCardDimensions;
     readonly featureFlags?: MediaFeatureFlags;
     readonly poster?: string;

package/dist/types/customMediaPlayer/playPauseBlanket.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const PlayPauseBlanket: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
+export declare const PlayPauseBlanket: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;