@atlaskit/media-card 79.6.2 → 79.6.4

package/dist/es2019/card/inlinePlayerWrapper-emotion.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './inlinePlayerWrapperStyles';
-import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-export const InlinePlayerWrapper = props => {
-  const {
-    testId,
-    selected,
-    dimensions,
-    onClick,
-    innerRef
-  } = props;
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    jsx("div", _extends({
-      id: "inlinePlayerWrapper",
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: inlinePlayerClassName
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: inlinePlayerWrapperStyles({
-        selected,
-        dimensions
-      }),
-      onClick: onClick,
-      ref: innerRef
-    }, VcMediaWrapperProps), jsx(UFOCustomData, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

package/dist/es2019/card/svgView/svgImage-emotion.js

@@ -1,90 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { MediaCardError } from '../../errors';
-import { calculateSvgDimensions } from './helpers';
-import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-const getErrorReason = svgReason => {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    case 'blob-to-datauri':
-      return 'svg-blob-to-datauri';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-const svgRendererStyles = css({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-const svgRendererMaxDimensionStyles = css({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-export const SvgView = ({
-  identifier,
-  resizeMode,
-  onLoad,
-  onError,
-  wrapperRef,
-  alt
-}) => {
-  const [didSvgRender, setDidSvgRender] = useState(false);
-  const [svgDimensions, setSvgDimensions] = useState({});
-  const imgRef = useRef(null);
-  const calculateDimensions = useCallback(targetImgElem => {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions(calculateSvgDimensions(targetImgElem, wrapperRef.current, resizeMode));
-  }, [resizeMode, wrapperRef]);
-  const onSvgLoad = evt => {
-    calculateDimensions(evt.currentTarget);
-    setDidSvgRender(true);
-    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  };
-  const onSvgError = err => {
-    const error = new MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 ? void 0 : onError(error);
-  };
-  useEffect(() => {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  const {
-    svgUrl,
-    source
-  } = useResolveSvg(identifier, onSvgError);
-  const {
-    width,
-    height
-  } = svgDimensions;
-  return svgUrl && source ? jsx("img", {
-    "data-testid": 'media-card-svg',
-    "data-fileid": identifier.id,
-    "data-filecollection": identifier.collectionName,
-    "data-source": source,
-    src: svgUrl,
-    alt: alt,
-    css: [svgRendererStyles, !width && !height && svgRendererMaxDimensionStyles],
-    style: {
-      visibility: didSvgRender ? 'visible' : 'hidden',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ...svgDimensions
-    },
-    onLoad: onSvgLoad,
-    onError: () => {
-      onSvgError(new MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
-};

package/dist/es2019/card/ui/actionsBar/actionsBarWrapper-emotion.js

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { wrapperStyles, actionsBarClassName } from './styles';
-export const ActionsBarWrapper = props => {
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    jsx("div", {
-      id: "actionsBarWrapper",
-      "data-testId": "actionsBarWrapper"
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: wrapperStyles(props.isFixed)
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: actionsBarClassName,
-      onClick: event => {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }, props.children)
-  );
-};

package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-emotion.js

@@ -1,28 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { forwardRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { cardActionButtonStyles } from './styles';
-export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => {
-  return jsx("button", _extends({}, props, {
-    id: "cardActionButton",
-    "data-testid": "media-card-primary-action",
-    "aria-label": props.label
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: cardActionButtonStyles(props)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      ...props.style,
-      cursor: props.disabled ? 'not-allowed' : 'default'
-    },
-    onClick: props.onClick,
-    onMouseDown: props.onMouseDown,
-    ref: ref
-  }), props.children);
-});

package/dist/es2019/card/ui/blanket/blanket-emotion.js

@@ -1,20 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { blanketStyles, blanketClassName } from './styles';
-export const Blanket = props => {
-  const {
-    isFixed
-  } = props;
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: blanketStyles(isFixed)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blanketClassName,
-    "data-testid": "media-card-blanket"
-  });
-};

package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-emotion.js

@@ -1,46 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { keyframes } from '@emotion/react';
-const breatheAnimation = keyframes({
-  '0%': {
-    opacity: 1
-  },
-  '50%': {
-    opacity: 0.3
-  },
-  '100%': {
-    opacity: 1
-  }
-});
-const animatedStyles = css({
-  animationName: breatheAnimation,
-  animationDuration: '3.5s',
-  animationTimingFunction: 'ease-in-out',
-  animationIterationCount: 'infinite'
-});
-const baseStyles = css({
-  overflow: 'hidden',
-  opacity: 1,
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  color: "var(--ds-text-subtlest, #7A869A)",
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginBottom: '-1em',
-  // Needs pixel precision to align the icon at the center of the box
-  paddingBlock: "var(--ds-space-050, 4px)",
-  paddingInline: "var(--ds-space-100, 8px)"
-});
-export const IconMessageWrapper = props => {
-  const {
-    animated
-  } = props;
-  return jsx("div", {
-    id: "iconMessageWrapper",
-    css: [baseStyles, animated && animatedStyles]
-  }, props.children);
-};

package/dist/es2019/card/ui/iconWrapper/iconWrapper-emotion.js

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { iconWrapperStyles } from './styles';
-export const IconWrapper = props => {
-  const {
-    breakpoint,
-    hasTitleBox
-  } = props;
-  return jsx("div", {
-    id: "iconWrapper"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: iconWrapperStyles({
-      breakpoint,
-      hasTitleBox
-    })
-  }, props.children);
-};

package/dist/es2019/card/ui/playButton/playButtonBackground-emotion.js

@@ -1,14 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { backgroundStyles, bkgClassName } from './styles';
-export const PlayButtonBackground = () => {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return jsx("div", {
-    css: backgroundStyles,
-    className: bkgClassName
-  });
-};

package/dist/es2019/card/ui/playButton/playButtonWrapper-emotion.js

@@ -1,16 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { playButtonClassName, playButtonWrapperStyles } from './styles';
-export const PlayButtonWrapper = props => {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: playButtonWrapperStyles,
-      className: playButtonClassName
-    }, props.children)
-  );
-};

package/dist/es2019/card/ui/progressBar/styledBar-emotion.js

@@ -1,30 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { styledBarStyles } from './styles';
-export const StyledBar = props => {
-  const {
-    progress,
-    breakpoint,
-    positionBottom,
-    showOnTop,
-    ariaLabel
-  } = props;
-  return jsx("div", {
-    id: "styledBar",
-    role: "progressbar",
-    "aria-valuenow": progress,
-    "aria-label": ariaLabel
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: styledBarStyles({
-      progress,
-      breakpoint,
-      positionBottom,
-      showOnTop
-    })
-  });
-};

package/dist/es2019/card/ui/tickBox/tickBoxWrapper-emotion.js

@@ -1,57 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { tickBoxClassName } from './styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { transition } from '../styles';
-import { B200 } from '@atlaskit/theme/colors';
-const getSelectedStyles = selected => selected ? `background-color: ${`var(--ds-icon-information, ${B200})`};
-      color: ${"var(--ds-icon-inverse, white)"};` : ``;
-const oldWrapperStyes = css({
-  width: '14px',
-  height: '14px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  span: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    svg: {
-      height: '14px'
-    }
-  }
-});
-const wrapperStyles = selected => css(
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-transition && transition(), {
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  width: "var(--ds-space-200, 16px)",
-  height: "var(--ds-space-200, 16px)",
-  position: 'absolute',
-  top: "var(--ds-space-075, 7px)",
-  left: "var(--ds-space-075, 7px)",
-  borderRadius: "var(--ds-space-250, 20px)",
-  color: 'transparent',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  span: {
-    display: 'block'
-  },
-  display: 'grid',
-  placeItems: 'center'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-getSelectedStyles(selected));
-wrapperStyles.displayName = 'TickBoxWrapper';
-export const TickBoxWrapper = props => {
-  return jsx("div", {
-    id: "tickBoxWrapper",
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    wrapperStyles(props.selected), !fg('platform-visual-refresh-icons') && oldWrapperStyes]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: tickBoxClassName
-  }, props.children);
-};

package/dist/es2019/card/ui/titleBox/titleBoxComponents-emotion.js

@@ -1,71 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { errorMessageWrapperStyles, newTitleBoxIconStyles, titleBoxFooterStyles, titleBoxHeaderStyles, titleBoxIconStyles, titleBoxWrapperStyles } from './styles';
-export const TitleBoxWrapper = props => {
-  const {
-    breakpoint,
-    titleBoxBgColor,
-    hidden
-  } = props;
-  return jsx("div", {
-    id: "titleBoxWrapper",
-    "data-testid": "media-title-box"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: titleBoxWrapperStyles({
-      breakpoint: breakpoint,
-      display: hidden ? 'none' : 'flex',
-      titleBoxBgColor: titleBoxBgColor
-    })
-  }, props.children);
-};
-export const TitleBoxHeader = props => {
-  const {
-    hasIconOverlap
-  } = props;
-  return jsx("div", {
-    id: "titleBoxHeader",
-    "data-testid": "title-box-header"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: titleBoxHeaderStyles({
-      hasIconOverlap
-    })
-  }, props.children);
-};
-export const TitleBoxFooter = props => {
-  const {
-    hasIconOverlap
-  } = props;
-  return jsx("div", {
-    id: "titleBoxFooter",
-    "data-testid": "title-box-footer"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: titleBoxFooterStyles({
-      hasIconOverlap
-    })
-  }, props.children);
-};
-export const TitleBoxIcon = props => {
-  return jsx("div", {
-    id: "titleBoxIcon",
-    "data-testid": "title-box-icon",
-    css: fg('platform-visual-refresh-icons') ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    newTitleBoxIconStyles :
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    titleBoxIconStyles
-  }, props.children);
-};
-export const ErrorMessageWrapper = props => {
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return jsx("div", {
-    css: errorMessageWrapperStyles
-  }, props.children);
-};

package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js

@@ -1,85 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Component } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import WarningIcon from '@atlaskit/icon/core/migration/status-warning--editor-warning';
-import { N20, N800, Y500 } from '@atlaskit/theme/colors';
-import { center, borderRadius } from '@atlaskit/media-ui';
-import { defaultImageCardDimensions } from '../../../utils';
-import { ContentLoadingErrorMessage } from './contentLoadingErrorMessage';
-const isPercentage = value => /^\d+(\.\d+)?%$/.test(value);
-const shouldShowText = ({
-  width,
-  height
-}) => {
-  if (isPercentage(width) || isPercentage(height)) {
-    return false;
-  }
-  return parseInt(width, 10) >= 240 && parseInt(height, 10) >= 90;
-};
-const normalizeDimension = (value, defaultValue) => {
-  const sValue = value.toString();
-  return isPercentage(sValue) ? sValue : isNaN(parseInt(sValue, 10)) ? defaultValue + 'px' : parseInt(sValue, 10) + 'px';
-};
-const getConvertedDimension = dimensions => {
-  const {
-    width = defaultImageCardDimensions.width,
-    height = defaultImageCardDimensions.height
-  } = dimensions;
-  return {
-    width: normalizeDimension(width, defaultImageCardDimensions.width),
-    height: normalizeDimension(height, defaultImageCardDimensions.height)
-  };
-};
-const wrapperStyles = (dimensions = defaultImageCardDimensions) => {
-  try {
-    return css(
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    center,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    borderRadius, {
-      background: `var(--ds-background-neutral, ${N20})`,
-      color: `var(--ds-text-subtle, ${N800})`,
-      maxHeight: '100%',
-      maxWidth: '100%'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    getConvertedDimension(dimensions), {
-      display: 'flex',
-      flexDirection: 'column',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      p: {
-        font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-        textAlign: 'center'
-      }
-    });
-  } catch (e) {
-    return null;
-  }
-};
-export class UnhandledErrorCard extends Component {
-  render() {
-    const {
-      dimensions,
-      onClick
-    } = this.props;
-    const isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : defaultImageCardDimensions));
-    return (
-      // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
-      jsx("div", {
-        css: wrapperStyles(dimensions),
-        onClick: onClick
-      }, jsx(WarningIcon, {
-        label: "Error",
-        color: `var(--ds-icon-warning, ${Y500})`,
-        LEGACY_size: "medium",
-        spacing: "spacious"
-      }), jsx(ContentLoadingErrorMessage, {
-        isHidden: isErrorHidden
-      }))
-    );
-  }
-}

package/dist/es2019/card/ui/wrapper/imageContainer-emotion.js

@@ -1,47 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import { fileCardImageViewSelector } from '../../classnames';
-const imageContainerStyles = css({
-  display: 'flex',
-  position: 'relative',
-  maxWidth: '100%',
-  width: '100%',
-  height: '100%',
-  maxHeight: '100%',
-  overflow: 'hidden',
-  borderRadius: "var(--ds-radius-small, 3px)"
-});
-const imageContainerCenterStyles = css({
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-export const ImageContainer = ({
-  children,
-  mediaName,
-  status,
-  progress,
-  selected,
-  source,
-  centerElements
-}) => jsx("div", {
-  css: [imageContainerStyles, centerElements && imageContainerCenterStyles],
-  "data-testid": fileCardImageViewSelector
-  /**
-   * This wrapper MUST add the classname in order to allow the editor to prevent bubbling up the click event.
-   * See the method isInteractiveElement in source platform/packages/editor/renderer/src/ui/Renderer/click-to-edit.ts
-   * Also, many other consumer tests rely on this selector.
-   */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: fileCardImageViewSelector,
-  "data-test-media-name": mediaName,
-  "data-test-status": status,
-  "data-test-progress": progress,
-  "data-test-selected": selected,
-  "data-test-source": source
-}, children);

package/dist/es2019/card/ui/wrapper/wrapper-emotion.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { newFileExperienceClassName } from '../../cardConstants';
-import { wrapperStyles } from './styles';
-import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-export const Wrapper = props => {
-  const {
-    testId,
-    dimensions,
-    appearance,
-    onClick,
-    onMouseEnter,
-    innerRef,
-    breakpoint,
-    mediaCardCursor,
-    disableOverlay,
-    selected,
-    displayBackground,
-    isPlayButtonClickable,
-    isTickBoxSelectable,
-    shouldDisplayTooltip
-  } = props;
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    jsx("div", _extends({
-      id: "newFileExperienceWrapper"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: newFileExperienceClassName,
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: wrapperStyles({
-        breakpoint,
-        dimensions,
-        appearance,
-        disableOverlay,
-        displayBackground,
-        selected,
-        isPlayButtonClickable,
-        isTickBoxSelectable,
-        shouldDisplayTooltip,
-        mediaCardCursor
-      }),
-      ref: innerRef,
-      onClick: onClick
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: onMouseEnter
-    }, VcMediaWrapperProps), jsx(UFOCustomData, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};