@atlaskit/media-card 74.5.0 → 74.5.2

package/dist/es2019/inline/loader.js

@@ -4,30 +4,19 @@ import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 export default class MediaInlineCardLoader extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "isMounted", false);
-
     _defineProperty(this, "state", {
       MediaInlineCard: MediaInlineCardLoader.MediaInlineCard,
       ErrorBoundary: MediaInlineCardLoader.ErrorBoundary
     });
   }
-
   async componentDidMount() {
     this.isMounted = true;
-
     if (!this.state.MediaInlineCard) {
       try {
-        const [mediaClient, cardModule, mediaInlineErrorBoundaryModule] = await Promise.all([import(
-        /* webpackChunkName: "@atlaskit-internal_media-client" */
-        '@atlaskit/media-client'), import(
-        /* webpackChunkName: "@atlaskit-internal_inline-media-card" */
-        './mediaInlineCard'), import(
-        /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */
-        './mediaInlineAnalyticsErrorBoundary')]);
+        const [mediaClient, cardModule, mediaInlineErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'), import( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary')]);
         MediaInlineCardLoader.MediaInlineCard = mediaClient.withMediaClient(cardModule.MediaInlineCard);
         MediaInlineCardLoader.ErrorBoundary = mediaInlineErrorBoundaryModule.default;
-
         if (this.isMounted) {
           this.setState({
             MediaInlineCard: MediaInlineCardLoader.MediaInlineCard,
@@ -37,26 +26,20 @@ export default class MediaInlineCardLoader extends React.PureComponent {
       } catch (error) {}
     }
   }
-
   async componentWillUnmount() {
     this.isMounted = false;
   }
-
   render() {
     const {
       MediaInlineCard,
       ErrorBoundary
     } = this.state;
-
     if (!MediaInlineCard || !ErrorBoundary) {
       return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
         message: ""
       });
     }
-
     return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(MediaInlineCard, this.props));
   }
-
 }
-
 _defineProperty(MediaInlineCardLoader, "displayName", 'MediaInlineCardLoader');

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -3,14 +3,11 @@ import React from 'react';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireMediaCardEvent } from '../utils/analytics';
-
 class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "fireOperationalEvent", (error, info) => {
       var _window, _window$navigator;
-
       const {
         data = {},
         createAnalyticsEvent
@@ -29,12 +26,10 @@ class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
       };
       fireMediaCardEvent(payload, createAnalyticsEvent);
     });
-
     this.state = {
       hasError: false
     };
   }
-
   componentDidCatch(error, info) {
     try {
       this.fireOperationalEvent(error, info);
@@ -43,7 +38,6 @@ class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
       });
     } catch (e) {}
   }
-
   render() {
     const {
       hasError
@@ -51,21 +45,16 @@ class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
     const {
       children
     } = this.props;
-
     if (hasError) {
       // TODO refactor error boundary for inline card https://product-fabric.atlassian.net/browse/MEX-2140
       return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
-
     return children;
   }
-
 }
-
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
-
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.5.0";
+const packageVersion = "74.5.2";
 const MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/inline/mediaInlineCard.js

@@ -19,19 +19,15 @@ export const MediaInlineCardInternal = ({
   const [fileState, setFileState] = useState();
   const [isErrored, setIsErrored] = useState(false);
   const [isMediaViewerVisible, setMediaViewerVisible] = useState(false);
-
   const onMediaInlineCardClick = event => {
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-
     if (onClick) {
       onClick(event);
     }
   };
-
   const onMediaViewerClose = () => setMediaViewerVisible(false);
-
   const renderMediaViewer = () => {
     if (isMediaViewerVisible) {
       const dataSource = mediaViewerDataSource || {
@@ -45,16 +41,13 @@ export const MediaInlineCardInternal = ({
         onClose: onMediaViewerClose
       }), document.body);
     }
-
     return null;
   };
-
   const renderContent = children => {
     return intl ? children : /*#__PURE__*/React.createElement(IntlProvider, {
       locale: "en"
     }, children);
   };
-
   const defaultIntl = createIntl({
     locale: 'en'
   });
@@ -74,42 +67,36 @@ export const MediaInlineCardInternal = ({
       subscription.unsubscribe();
     };
   }, [identifier.collectionName, identifier.id, mediaClient.file]);
-
   if (!fileState) {
     return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
       message: (intl || defaultIntl).formatMessage(messages.loading_file),
       isSelected: isSelected
     });
   }
-
   if (isErrored) {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
       message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
       isSelected: isSelected
     });
   }
-
   if (fileState.status === 'error') {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
       message: fileState.message || '',
       isSelected: isSelected
     });
   }
-
   if (fileState.status === 'failed-processing') {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
       message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
       isSelected: isSelected
     });
   }
-
   if (fileState.status === 'uploading') {
     return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
       message: fileState.name,
       isSelected: isSelected
     });
   }
-
   const {
     mediaType,
     name,
@@ -124,7 +111,6 @@ export const MediaInlineCardInternal = ({
   });
   const mediaViewer = renderMediaViewer();
   let formattedDate;
-
   if (fileState.createdAt) {
     const {
       locale = 'en'
@@ -133,7 +119,6 @@ export const MediaInlineCardInternal = ({
     };
     formattedDate = formatDate(fileState.createdAt, locale);
   }
-
   return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     position: "bottom",
     content: formattedDate,

package/dist/es2019/types.js

@@ -2,8 +2,8 @@
  * Entry Point: @atlaskit/media-card/types
  * tsconfig.entry-points.json
  */
-export let MediaCardCursor;
 
+export let MediaCardCursor;
 (function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
   MediaCardCursor["NotReady"] = "wait";

package/dist/es2019/utils/analytics.js

@@ -95,12 +95,10 @@ export const getRenderErrorFailReason = error => {
 export const getRenderErrorErrorReason = error => {
   if (isMediaCardError(error) && error.secondaryError) {
     const mediaClientReason = getMediaClientErrorReason(error.secondaryError);
-
     if (mediaClientReason !== 'unknown') {
       return mediaClientReason;
     }
   }
-
   return 'nativeError';
 };
 export const getRenderErrorErrorDetail = error => {
@@ -113,7 +111,6 @@ export const getRenderErrorErrorDetail = error => {
 export const getErrorTraceContext = error => {
   if (isMediaCardError(error) && !!error.secondaryError && isRequestError(error.secondaryError)) {
     var _error$secondaryError;
-
     return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
   }
 };

package/dist/es2019/utils/breakpoint.js

@@ -1,7 +1,6 @@
 import { size } from '@atlaskit/media-ui';
 export const breakpointSize = (width, sizes = cardBreakpointSizes) => {
   const value = parseInt(`${width}`, 10); // Normalize value
-
   const keys = Object.keys(sizes);
   const defaultValue = keys[0];
   let breakpoint;
@@ -32,7 +31,6 @@ export const breakpointStyles = ({
           ${size('14px !important')}
         }
       `;
-
     case 'medium':
       return `
         .title {
@@ -42,7 +40,6 @@ export const breakpointStyles = ({
           ${size('16px !important')}
         }
       `;
-
     case 'large':
       return `
         .overlay {
@@ -58,7 +55,6 @@ export const breakpointStyles = ({
           ${size('18px !important')}
         }
       `;
-
     case 'xlarge':
       return `
         border-radius: 2px;

package/dist/es2019/utils/cardActions/cardActionIconButton.js

@@ -5,12 +5,10 @@ import { CardActionButton } from './cardActionButton';
 export class CardActionIconButton extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onMouseDown", event => {
       event.preventDefault();
     });
   }
-
   render() {
     const {
       icon,
@@ -26,8 +24,8 @@ export class CardActionIconButton extends Component {
       },
       variant: variant
     }, icon);
-  } // this is to prevent currently focused text to loose cursor on clicking card action
-  // this does not prevent onclick behavior
-
+  }
 
+  // this is to prevent currently focused text to loose cursor on clicking card action
+  // this does not prevent onclick behavior
 }

package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js

@@ -15,12 +15,10 @@ const CardActionButtonWithAnalytics = withAnalyticsEvents({
     attributes: {}
   })
 })(CardActionButton);
-
 // Trick applied due to the lack of props type of DropdownItem
 const DropdownItemWithProps = props => /*#__PURE__*/React.createElement(DropdownItem, _extends({
   testId: "media-card-actions-menu-item"
 }, props));
-
 const createDropdownItemWithAnalytics = (action, index) => {
   const {
     label,
@@ -42,7 +40,6 @@ const createDropdownItemWithAnalytics = (action, index) => {
     onClick: handler
   }, label);
 };
-
 export class CardActionsDropdownMenu extends Component {
   render() {
     const {
@@ -51,7 +48,6 @@ export class CardActionsDropdownMenu extends Component {
       onOpenChange,
       triggerVariant
     } = this.props;
-
     if (actions.length > 0) {
       return /*#__PURE__*/React.createElement(DropdownMenu, {
         testId: "media-card-actions-menu",
@@ -73,5 +69,4 @@ export class CardActionsDropdownMenu extends Component {
       return null;
     }
   }
-
 }

package/dist/es2019/utils/cardActions/cardActionsView.js

@@ -7,26 +7,21 @@ import { CardActionsDropdownMenu } from './cardActionsDropdownMenu';
 import { PreventClickThrough } from '../preventClickThrough';
 import { createAndFireMediaCardEvent } from '../analytics';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-
 const CardActionIconButtonWithProps = props => jsx(CardActionIconButton, props);
-
 export class CardActionsView extends Component {
   render() {
     const {
       actions
     } = this.props;
-
     if (!actions.length) {
       return null;
     }
-
     const primaryAction = actions.find(actionWithIcon);
     const otherActions = actions.filter(actionNotEqualTo(primaryAction));
     return jsx(PreventClickThrough, null, jsx("div", {
       css: wrapperStyles
     }, primaryAction ? this.renderActionIconButton(primaryAction, true) : null, this.renderOtherActionButtons(otherActions)));
   }
-
   renderActionIconButton(action, isPrimary) {
     const {
       triggerColor,
@@ -56,7 +51,6 @@ export class CardActionsView extends Component {
       variant: variant
     });
   }
-
   renderOtherActionButtons(actions) {
     if (actions.length === 0) {
       return null;
@@ -68,7 +62,6 @@ export class CardActionsView extends Component {
       } = this.props;
       const firstActionWithIcon = actions.find(actionWithIcon);
       const otherActions = actions.filter(actionNotEqualTo(firstActionWithIcon));
-
       if (firstActionWithIcon && otherActions.length === 0) {
         return this.renderActionIconButton(firstActionWithIcon, false);
       } else {
@@ -81,13 +74,10 @@ export class CardActionsView extends Component {
       }
     }
   }
-
 }
-
 function actionWithIcon(action) {
   return !!action.icon;
 }
-
 function actionNotEqualTo(otherAction) {
   return action => action !== otherAction;
 }

package/dist/es2019/utils/cardActions/styles.js

@@ -10,12 +10,10 @@ export const wrapperStyles = css`
   line-height: 0;
 `;
 export let CardActionIconButtonVariant;
-
 (function (CardActionIconButtonVariant) {
   CardActionIconButtonVariant["default"] = "default";
   CardActionIconButtonVariant["filled"] = "filled";
 })(CardActionIconButtonVariant || (CardActionIconButtonVariant = {}));
-
 const getVariantStyles = variant => {
   return variant === 'filled' ? `
     background-color: ${`var(--ds-surface-overlay, ${rgba(N0, 0.8)})`};
@@ -34,7 +32,6 @@ const getVariantStyles = variant => {
     }
   `;
 };
-
 export const cardActionButtonStyles = ({
   variant
 }) => css`

package/dist/es2019/utils/cardDimensions.js

@@ -1,4 +1,5 @@
 // Default dimensions
+
 export const defaultSmallCardDimensions = {
   width: '100%',
   height: 42
@@ -14,7 +15,9 @@ export const defaultHorizontalCardDimensions = {
 export const defaultSquareCardDimensions = {
   width: 300,
   height: 300
-}; // Small dimensions
+};
+
+// Small dimensions
 
 export const minSmallCardDimensions = {
   width: 200,
@@ -31,7 +34,9 @@ export const minSquareCardDimensions = {
 export const minHorizontalCardDimensions = {
   width: 400,
   height: 125
-}; // Max dimensions
+};
+
+// Max dimensions
 
 export const maxImageCardDimensions = {
   width: 480,
@@ -49,59 +54,47 @@ export const getCardMaxHeight = appearance => {
   if (appearance === 'image') {
     return maxImageCardDimensions.height;
   }
-
   if (appearance === 'horizontal') {
     return maxHorizontalCardDimensions.height;
   }
-
   if (appearance === 'square') {
     return maxSquareCardDimensions.height;
   }
-
   return maxSquareCardDimensions.width;
 };
 export const getCardMinWidth = appearance => {
   if (appearance === 'image') {
     return minImageCardDimensions.width;
   }
-
   if (appearance === 'horizontal') {
     return minHorizontalCardDimensions.width;
   }
-
   if (appearance === 'square') {
     return minSquareCardDimensions.width;
   }
-
   return minSmallCardDimensions.width;
 };
 export const getCardMaxWidth = appearance => {
   if (appearance === 'image') {
     return maxImageCardDimensions.width;
   }
-
   if (appearance === 'horizontal') {
     return maxHorizontalCardDimensions.width;
   }
-
   if (appearance === 'square') {
     return maxSquareCardDimensions.width;
   }
-
   return maxSquareCardDimensions.width;
 };
 export const getDefaultCardDimensions = appearance => {
   if (appearance === 'image') {
     return defaultImageCardDimensions;
   }
-
   if (appearance === 'square') {
     return defaultSquareCardDimensions;
   }
-
   if (appearance === 'horizontal') {
     return defaultHorizontalCardDimensions;
   }
-
   return defaultImageCardDimensions;
 };

package/dist/es2019/utils/dimensionComparer.js

@@ -1,13 +1,10 @@
 import { isValidPercentageUnit } from './isValidPercentageUnit';
 import { containsPixelUnit } from './containsPixelUnit';
-
 const isPixelEquivalent = dimension => typeof dimension === 'number' || containsPixelUnit(`${dimension}`);
-
 export const canCompareDimension = (current, next) => {
   if (!current || !next) {
     return false;
   }
-
   const bothPixelEquivalent = isPixelEquivalent(current) && isPixelEquivalent(next);
   const bothPercentage = isValidPercentageUnit(current) && isValidPercentageUnit(next);
   return bothPixelEquivalent || bothPercentage;

package/dist/es2019/utils/document.js

@@ -2,10 +2,8 @@ export default (() => {
   if (typeof window === 'undefined') {
     return;
   }
-
   if (typeof window.document === 'undefined') {
     return;
   }
-
   return window.document;
 });

package/dist/es2019/utils/errorIcon/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
@@ -17,9 +16,7 @@ export class ErrorIcon extends Component {
       size: size
     }));
   }
-
 }
-
 _defineProperty(ErrorIcon, "defaultProps", {
   size: 'small'
 });

package/dist/es2019/utils/fileIcon/index.js

@@ -28,5 +28,4 @@ export class FileIcon extends Component {
       className: fileTypeIconClass
     }, icon);
   }
-
 }

package/dist/es2019/utils/getDataURIDimension.js

@@ -6,19 +6,15 @@ import { containsPixelUnit } from './containsPixelUnit';
 export const getDataURIDimension = (dimension, options) => {
   const retinaFactor = isRetina() ? 2 : 1;
   const dimensionValue = options.dimensions && options.dimensions[dimension] || '';
-
   if (isValidPercentageUnit(dimensionValue) && options.element) {
     return getElementDimension(options.element, dimension) * retinaFactor;
   }
-
   if (typeof dimensionValue === 'number') {
     return dimensionValue * retinaFactor;
   }
-
   if (containsPixelUnit(`${dimensionValue}`)) {
     return parseInt(`${dimensionValue}`, 10) * retinaFactor;
   }
-
   return defaultImageCardDimensions[dimension] * retinaFactor;
 };
 export const getRequestedDimensions = options => {

package/dist/es2019/utils/getMediaCardCursor.js

@@ -1,23 +1,20 @@
 import { MediaCardCursor } from '../types';
-
 /**
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
  */
+
 export const getMediaCardCursor = (useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) => {
   // If error status or no action is requested = NoAction
   if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
     return;
   }
-
   if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
     return MediaCardCursor.NotReady;
   } else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
     return MediaCardCursor.Action;
   }
-
   if (useMediaViewer) {
     return MediaCardCursor.Action;
   }
-
   return;
 };

package/dist/es2019/utils/globalScope/getSSRData.js

@@ -1,10 +1,8 @@
 import { getMediaCardSSR, getKey } from './globalScope';
 export const getSSRData = identifier => {
   const mediaCardSsr = getMediaCardSSR();
-
   if (!mediaCardSsr) {
     return;
   }
-
   return mediaCardSsr[getKey(identifier)];
 };

package/dist/es2019/utils/globalScope/globalScope.js

@@ -5,32 +5,27 @@ import { printFunctionCall, printScript } from '../printScript';
 // Any changes to this file must be tested directly in product before merging.
 // The scripts printed here might differ from what we observe in our internal tests
 // due to minimification, for example.
+
 export const GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
 export const GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
 export function getMediaGlobalScope(globalScope = window) {
   // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
   const namespace = '__MEDIA_INTERNAL';
-
   if (!globalScope[namespace]) {
     globalScope[namespace] = {};
   }
-
   return globalScope[namespace];
 }
 export function getMediaCardSSR(globalScope = window) {
-  const globalMedia = getMediaGlobalScope(globalScope); // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
-
+  const globalMedia = getMediaGlobalScope(globalScope);
+  // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
   const key = 'mediaCardSsr';
-
   if (!globalMedia[key]) {
     globalMedia[key] = {};
   }
-
   return globalMedia[key];
 }
-
 const dashed = param => param ? `-${param}` : '';
-
 export const getKey = ({
   id,
   collectionName,
@@ -44,12 +39,10 @@ export const storeDataURI = (key, dataURI, dimensions, error, globalScope = wind
     error
   };
 };
-
 const generateScript = (identifier, dataURI, dimensions, error) => {
   const functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
   return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-
 export const StoreSSRDataScript = ({
   dataURI,
   identifier,

package/dist/es2019/utils/lightCards/cardError.js

@@ -11,7 +11,6 @@ export class CardError extends Component {
       dimensions: dimensions
     }, this.icon);
   }
-
   get icon() {
     const {
       size
@@ -20,9 +19,7 @@ export class CardError extends Component {
       size: size
     });
   }
-
 }
-
 _defineProperty(CardError, "defaultProps", {
   size: 'medium'
 });