@atlaskit/media-ui 19.0.0 → 21.0.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @atlaskit/media-ui
 
+## 21.0.0
+
+### Major Changes
+
+- [`e579e144052`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e579e144052) - [ux] EDM-2821: Fix media inline wrap after icon
+
+### Minor Changes
+
+- [`0c27d2645ad`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c27d2645ad) - Removed unused dependencies
+
+### Patch Changes
+
+- [`fb1cf506701`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fb1cf506701) - [ux] ED-14487: polyfill ResizeObserver and IntersectionObserver for unit tests, but mock isIntersectionObserverSupported() for tests related to smart-cards
+- Updated dependencies
+
+## 20.1.0
+
+### Minor Changes
+
+- [`a05dcf1b9d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a05dcf1b9d6) - allow to pass size prop to MediaMimeTypeIcon
+
+## 20.0.0
+
+### Major Changes
+
+- [`d6a20cc81b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6a20cc81b8) - Remove smart-card views and utils from media-ui
+
+### Minor Changes
+
+- [`8742dbe70bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8742dbe70bd) - MEX-1102 Removed lodash dependencies from media component and converted all to local functions (lightweight helpers)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.0.0
 
 ### Major Changes

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

@@ -33,12 +33,12 @@ exports.IconWrapper = IconWrapper;
 
 var EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  margin-right: 2px;\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides); // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
-// NB: `hyphens` enables hyphenation on word break.
+// NB: `word-break` line breaks as soon as an overflow takes place.
 
 
 exports.EmojiWrapper = EmojiWrapper;
 
-var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  hyphens: auto;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  word-break: break-word;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
+var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  white-space: pre-wrap;\n  word-break: break-all;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
 
 
 exports.IconTitleWrapper = IconTitleWrapper;

package/dist/cjs/classNames.js

@@ -3,107 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "blockCardContentClassName", {
-  enumerable: true,
-  get: function get() {
-    return _Content.blockCardContentClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardContentHeaderClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ContentHeader.blockCardContentHeaderClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardContentHeaderNameClassName", {
-  enumerable: true,
-  get: function get() {
-    return _Name.blockCardContentHeaderNameClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardErroredViewClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ErroredView.blockCardErroredViewClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardForbiddenViewClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ForbiddenView.blockCardForbiddenViewClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardForbiddenViewLinkClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ForbiddenView.blockCardForbiddenViewLinkClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardIconImageClassName", {
-  enumerable: true,
-  get: function get() {
-    return _Icon.blockCardIconImageClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardNotFoundViewClassName", {
-  enumerable: true,
-  get: function get() {
-    return _NotFoundView.blockCardNotFoundViewClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardResolvedViewByClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ResolvedView.blockCardResolvedViewByClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardResolvedViewClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ResolvedView.blockCardResolvedViewClassName;
-  }
-});
-Object.defineProperty(exports, "blockCardResolvingViewClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ResolvingView.blockCardResolvingViewClassName;
-  }
-});
-Object.defineProperty(exports, "contentFooterClassName", {
-  enumerable: true,
-  get: function get() {
-    return _ContentFooter.contentFooterClassName;
-  }
-});
 exports.hideControlsClassName = void 0;
-Object.defineProperty(exports, "metadataListClassName", {
-  enumerable: true,
-  get: function get() {
-    return _MetadataList.metadataListClassName;
-  }
-});
-
-var _ContentFooter = require("./BlockCard/components/ContentFooter");
-
-var _MetadataList = require("./BlockCard/components/MetadataList");
-
-var _ResolvingView = require("./BlockCard/views/ResolvingView");
-
-var _ResolvedView = require("./BlockCard/views/ResolvedView");
-
-var _ForbiddenView = require("./BlockCard/views/ForbiddenView");
-
-var _Icon = require("./BlockCard/components/Icon");
-
-var _Content = require("./BlockCard/components/Content");
-
-var _ContentHeader = require("./BlockCard/components/ContentHeader");
-
-var _Name = require("./BlockCard/components/Name");
-
-var _NotFoundView = require("./BlockCard/views/NotFoundView");
-
-var _ErroredView = require("./BlockCard/views/ErroredView");
-
 var hideControlsClassName = 'mvng-hide-controls';
 exports.hideControlsClassName = hideControlsClassName;

package/dist/cjs/customMediaPlayer/analytics/utils/playbackAttributes.js

@@ -1,15 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPlaybackAttributes = createPlaybackAttributes;
 
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
-var _omitBy = _interopRequireDefault(require("lodash/omitBy"));
+var _mediaCommon = require("@atlaskit/media-common");
 
 function createPlaybackAttributes(playbackState) {
   var isAutoPlay = playbackState.isAutoPlay,
@@ -23,7 +19,7 @@ function createPlaybackAttributes(playbackState) {
       volume = playbackState.volume,
       duration = playbackState.duration,
       isMuted = playbackState.isMuted;
-  return (0, _omitBy.default)({
+  return (0, _mediaCommon.omitBy)({
     isAutoPlay: isAutoPlay,
     isHDAvailable: isHDAvailable,
     isHDActive: isHDActive,
@@ -36,5 +32,5 @@ function createPlaybackAttributes(playbackState) {
     status: status,
     volume: volume,
     isMuted: isMuted
-  }, _isUndefined.default);
+  }, _mediaCommon.isUndefined);
 }

package/dist/cjs/index.js

@@ -7,48 +7,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AuthorizeAction", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.AuthorizeAction;
-  }
-});
-Object.defineProperty(exports, "BlockCardErroredView", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.BlockCardErroredView;
-  }
-});
-Object.defineProperty(exports, "BlockCardForbiddenView", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.BlockCardForbiddenView;
-  }
-});
-Object.defineProperty(exports, "BlockCardNotFoundView", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.BlockCardNotFoundView;
-  }
-});
-Object.defineProperty(exports, "BlockCardResolvedView", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.BlockCardResolvedView;
-  }
-});
-Object.defineProperty(exports, "BlockCardResolvingView", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.BlockCardResolvingView;
-  }
-});
-Object.defineProperty(exports, "BlockCardUnauthorisedView", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.BlockCardUnauthorisedView;
-  }
-});
 Object.defineProperty(exports, "Bounds", {
   enumerable: true,
   get: function get() {
@@ -61,24 +19,12 @@ Object.defineProperty(exports, "Camera", {
     return _camera.Camera;
   }
 });
-Object.defineProperty(exports, "CardLinkView", {
-  enumerable: true,
-  get: function get() {
-    return _LinkView.CardLinkView;
-  }
-});
 Object.defineProperty(exports, "CustomMediaPlayer", {
   enumerable: true,
   get: function get() {
     return _index2.CustomMediaPlayer;
   }
 });
-Object.defineProperty(exports, "DownloadAction", {
-  enumerable: true,
-  get: function get() {
-    return _DownloadAction.DownloadAction;
-  }
-});
 Object.defineProperty(exports, "Ellipsify", {
   enumerable: true,
   get: function get() {
@@ -91,12 +37,6 @@ Object.defineProperty(exports, "ExifOrientation", {
     return _imageMetaData.ExifOrientation;
   }
 });
-Object.defineProperty(exports, "ForbiddenAction", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.ForbiddenAction;
-  }
-});
 Object.defineProperty(exports, "InactivityDetector", {
   enumerable: true,
   get: function get() {
@@ -109,36 +49,6 @@ Object.defineProperty(exports, "InfiniteScroll", {
     return _infiniteScroll.InfiniteScroll;
   }
 });
-Object.defineProperty(exports, "InlineCardErroredView", {
-  enumerable: true,
-  get: function get() {
-    return _InlineCard.InlineCardErroredView;
-  }
-});
-Object.defineProperty(exports, "InlineCardForbiddenView", {
-  enumerable: true,
-  get: function get() {
-    return _InlineCard.InlineCardForbiddenView;
-  }
-});
-Object.defineProperty(exports, "InlineCardResolvedView", {
-  enumerable: true,
-  get: function get() {
-    return _InlineCard.InlineCardResolvedView;
-  }
-});
-Object.defineProperty(exports, "InlineCardResolvingView", {
-  enumerable: true,
-  get: function get() {
-    return _InlineCard.InlineCardResolvingView;
-  }
-});
-Object.defineProperty(exports, "InlineCardUnauthorizedView", {
-  enumerable: true,
-  get: function get() {
-    return _InlineCard.InlineCardUnauthorizedView;
-  }
-});
 Object.defineProperty(exports, "MediaButton", {
   enumerable: true,
   get: function get() {
@@ -181,12 +91,6 @@ Object.defineProperty(exports, "ModalSpinner", {
     return _modalSpinner.default;
   }
 });
-Object.defineProperty(exports, "PreviewAction", {
-  enumerable: true,
-  get: function get() {
-    return _BlockCard.PreviewAction;
-  }
-});
 Object.defineProperty(exports, "Rectangle", {
   enumerable: true,
   get: function get() {
@@ -217,12 +121,6 @@ Object.defineProperty(exports, "Vector2", {
     return _camera.Vector2;
   }
 });
-Object.defineProperty(exports, "ViewAction", {
-  enumerable: true,
-  get: function get() {
-    return _ViewAction.ViewAction;
-  }
-});
 Object.defineProperty(exports, "absolute", {
   enumerable: true,
   get: function get() {
@@ -425,18 +323,8 @@ Object.defineProperty(exports, "toHumanReadableMediaSize", {
 
 var untypedLocales = _interopRequireWildcard(require("./i18n/index"));
 
-var _DownloadAction = require("./BlockCard/actions/DownloadAction");
-
-var _ViewAction = require("./BlockCard/actions/ViewAction");
-
-var _BlockCard = require("./BlockCard");
-
-var _InlineCard = require("./InlineCard");
-
 var _MediaInlineCard = require("./MediaInlineCard");
 
-var _LinkView = require("./LinkView");
-
 var _ellipsify = require("./ellipsify");
 
 var _humanReadableSize = require("./humanReadableSize");

package/dist/cjs/mime-type-icon.js

@@ -24,7 +24,9 @@ var MimeTypeIcon = function MimeTypeIcon(_ref) {
       mimeType = _ref$mimeType === void 0 ? 'unknown' : _ref$mimeType,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? 'unknown' : _ref$name,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'large' : _ref$size;
   // retrieve mimetype icon and label
   var iconInfo = (0, _util.getMimeIcon)(mimeType, name); // a corresponding mimetype icon and label was found.
 
@@ -33,7 +35,7 @@ var MimeTypeIcon = function MimeTypeIcon(_ref) {
     return /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.IconWrapper, {
       "data-testid": testId,
       "data-type": iconInfo.label,
-      size: 'large'
+      size: size
     }, /*#__PURE__*/_react.default.createElement(Icon, {
       label: iconInfo.label
     }));
@@ -44,7 +46,7 @@ var MimeTypeIcon = function MimeTypeIcon(_ref) {
   return /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.MediaTypeIcon, {
     testId: testId,
     type: mediaType,
-    size: 'large'
+    size: size
   });
 };
 

package/dist/cjs/util.js

@@ -11,7 +11,6 @@ exports.fileToDataURI = fileToDataURI;
 exports.findParentByClassname = void 0;
 exports.getFileInfo = getFileInfo;
 exports.getFileInfoFromSrc = getFileInfoFromSrc;
-exports.getIframeSandboxAttribute = void 0;
 exports.getMimeIcon = getMimeIcon;
 exports.loadImage = loadImage;
 exports.readImageNaturalOrientationFromDOM = readImageNaturalOrientationFromDOM;
@@ -361,10 +360,4 @@ function getMimeIcon(mimeType, fileName) {
 
 
   return undefined;
-}
-
-var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
-  return isTrusted ? undefined : 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
-};
-
-exports.getIframeSandboxAttribute = getIframeSandboxAttribute;
+}

package/dist/cjs/version.json

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

package/dist/es2019/MediaInlineCard/IconAndTitleLayout/styled.js

@@ -52,13 +52,11 @@ export const EmojiWrapper = styled.span`
   ${IconObjectOverrides}
 `; // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
-// NB: `hyphens` enables hyphenation on word break.
+// NB: `word-break` line breaks as soon as an overflow takes place.
 
 export const IconTitleWrapper = styled.span`
-  hyphens: auto;
   white-space: pre-wrap;
-  overflow-wrap: break-word;
-  word-break: break-word;
+  word-break: break-all;
 `; // TODO: Replace overrides with proper AtlasKit solution.
 
 export const LozengeWrapper = styled.span`

package/dist/es2019/classNames.js

@@ -1,12 +1 @@
-export const hideControlsClassName = 'mvng-hide-controls';
-export { contentFooterClassName } from './BlockCard/components/ContentFooter';
-export { metadataListClassName } from './BlockCard/components/MetadataList';
-export { blockCardResolvingViewClassName } from './BlockCard/views/ResolvingView';
-export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './BlockCard/views/ResolvedView';
-export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './BlockCard/views/ForbiddenView';
-export { blockCardIconImageClassName } from './BlockCard/components/Icon';
-export { blockCardContentClassName } from './BlockCard/components/Content';
-export { blockCardContentHeaderClassName } from './BlockCard/components/ContentHeader';
-export { blockCardContentHeaderNameClassName } from './BlockCard/components/Name';
-export { blockCardNotFoundViewClassName } from './BlockCard/views/NotFoundView';
-export { blockCardErroredViewClassName } from './BlockCard/views/ErroredView';
+export const hideControlsClassName = 'mvng-hide-controls';

package/dist/es2019/customMediaPlayer/analytics/utils/playbackAttributes.js

@@ -1,5 +1,4 @@
-import isUndefined from 'lodash/isUndefined';
-import omitBy from 'lodash/omitBy';
+import { isUndefined, omitBy } from '@atlaskit/media-common';
 export function createPlaybackAttributes(playbackState) {
   const {
     isAutoPlay,

package/dist/es2019/index.js

@@ -1,11 +1,6 @@
 import * as untypedLocales from './i18n/index';
 const locales = untypedLocales;
-export { DownloadAction } from './BlockCard/actions/DownloadAction';
-export { ViewAction } from './BlockCard/actions/ViewAction';
-export { AuthorizeAction, BlockCardErroredView, BlockCardNotFoundView, BlockCardForbiddenView, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, ForbiddenAction, PreviewAction } from './BlockCard';
-export { InlineCardErroredView, InlineCardForbiddenView, InlineCardResolvedView, InlineCardResolvingView, InlineCardUnauthorizedView } from './InlineCard';
 export { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView } from './MediaInlineCard';
-export { CardLinkView } from './LinkView';
 export { Ellipsify } from './ellipsify';
 export { toHumanReadableMediaSize } from './humanReadableSize';
 export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, fadeIn, size } from './mixins';

package/dist/es2019/mime-type-icon.js

@@ -11,7 +11,8 @@ export const MimeTypeIcon = ({
   mediaType = 'unknown',
   mimeType = 'unknown',
   name = 'unknown',
-  testId
+  testId,
+  size = 'large'
 }) => {
   // retrieve mimetype icon and label
   const iconInfo = getMimeIcon(mimeType, name); // a corresponding mimetype icon and label was found.
@@ -21,7 +22,7 @@ export const MimeTypeIcon = ({
     return /*#__PURE__*/React.createElement(IconWrapper, {
       "data-testid": testId,
       "data-type": iconInfo.label,
-      size: 'large'
+      size: size
     }, /*#__PURE__*/React.createElement(Icon, {
       label: iconInfo.label
     }));
@@ -32,6 +33,6 @@ export const MimeTypeIcon = ({
   return /*#__PURE__*/React.createElement(MediaTypeIcon, {
     testId: testId,
     type: mediaType,
-    size: 'large'
+    size: size
   });
 };

package/dist/es2019/util.js

@@ -239,5 +239,4 @@ export function getMimeIcon(mimeType, fileName) {
 
 
   return undefined;
-}
-export const getIframeSandboxAttribute = isTrusted => isTrusted ? undefined : 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
+}

package/dist/es2019/version.json

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

package/dist/esm/MediaInlineCard/IconAndTitleLayout/styled.js

@@ -17,9 +17,9 @@ export var IconWrapper = styled.span(_templateObject || (_templateObject = _tagg
 
 export var EmojiWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  margin-right: 2px;\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides); // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
-// NB: `hyphens` enables hyphenation on word break.
+// NB: `word-break` line breaks as soon as an overflow takes place.
 
-export var IconTitleWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  hyphens: auto;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  word-break: break-word;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
+export var IconTitleWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  white-space: pre-wrap;\n  word-break: break-all;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
 
 export var LozengeWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: 1px;\n  & > span {\n    margin-left: 4px;\n    padding: 2px 0 2px 0;\n  }\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
 

package/dist/esm/classNames.js

@@ -1,12 +1 @@
-export var hideControlsClassName = 'mvng-hide-controls';
-export { contentFooterClassName } from './BlockCard/components/ContentFooter';
-export { metadataListClassName } from './BlockCard/components/MetadataList';
-export { blockCardResolvingViewClassName } from './BlockCard/views/ResolvingView';
-export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './BlockCard/views/ResolvedView';
-export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './BlockCard/views/ForbiddenView';
-export { blockCardIconImageClassName } from './BlockCard/components/Icon';
-export { blockCardContentClassName } from './BlockCard/components/Content';
-export { blockCardContentHeaderClassName } from './BlockCard/components/ContentHeader';
-export { blockCardContentHeaderNameClassName } from './BlockCard/components/Name';
-export { blockCardNotFoundViewClassName } from './BlockCard/views/NotFoundView';
-export { blockCardErroredViewClassName } from './BlockCard/views/ErroredView';
+export var hideControlsClassName = 'mvng-hide-controls';

package/dist/esm/customMediaPlayer/analytics/utils/playbackAttributes.js

@@ -1,5 +1,4 @@
-import isUndefined from 'lodash/isUndefined';
-import omitBy from 'lodash/omitBy';
+import { isUndefined, omitBy } from '@atlaskit/media-common';
 export function createPlaybackAttributes(playbackState) {
   var isAutoPlay = playbackState.isAutoPlay,
       isHDAvailable = playbackState.isHDAvailable,

package/dist/esm/index.js

@@ -1,11 +1,6 @@
 import * as untypedLocales from './i18n/index';
 var locales = untypedLocales;
-export { DownloadAction } from './BlockCard/actions/DownloadAction';
-export { ViewAction } from './BlockCard/actions/ViewAction';
-export { AuthorizeAction, BlockCardErroredView, BlockCardNotFoundView, BlockCardForbiddenView, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, ForbiddenAction, PreviewAction } from './BlockCard';
-export { InlineCardErroredView, InlineCardForbiddenView, InlineCardResolvedView, InlineCardResolvingView, InlineCardUnauthorizedView } from './InlineCard';
 export { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView } from './MediaInlineCard';
-export { CardLinkView } from './LinkView';
 export { Ellipsify } from './ellipsify';
 export { toHumanReadableMediaSize } from './humanReadableSize';
 export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, fadeIn, size } from './mixins';

package/dist/esm/mime-type-icon.js

@@ -14,7 +14,9 @@ export var MimeTypeIcon = function MimeTypeIcon(_ref) {
       mimeType = _ref$mimeType === void 0 ? 'unknown' : _ref$mimeType,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? 'unknown' : _ref$name,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'large' : _ref$size;
   // retrieve mimetype icon and label
   var iconInfo = getMimeIcon(mimeType, name); // a corresponding mimetype icon and label was found.
 
@@ -23,7 +25,7 @@ export var MimeTypeIcon = function MimeTypeIcon(_ref) {
     return /*#__PURE__*/React.createElement(IconWrapper, {
       "data-testid": testId,
       "data-type": iconInfo.label,
-      size: 'large'
+      size: size
     }, /*#__PURE__*/React.createElement(Icon, {
       label: iconInfo.label
     }));
@@ -34,6 +36,6 @@ export var MimeTypeIcon = function MimeTypeIcon(_ref) {
   return /*#__PURE__*/React.createElement(MediaTypeIcon, {
     testId: testId,
     type: mediaType,
-    size: 'large'
+    size: size
   });
 };

package/dist/esm/util.js

@@ -318,7 +318,4 @@ export function getMimeIcon(mimeType, fileName) {
 
 
   return undefined;
-}
-export var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
-  return isTrusted ? undefined : 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
-};
+}

package/dist/esm/version.json

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