@atlaskit/media-card 78.1.2 → 78.2.1

package/dist/es2019/card/cardviews/processingCardView.js

@@ -1,64 +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 { useEffect, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { CreatingPreview } from '../ui/iconMessage';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-const ProcessingCardViewBase = props => {
-  const {
-    disableAnimation,
-    dimensions,
-    metadata,
-    disableOverlay,
-    innerRef
-  } = props;
-  const divRef = useRef(null);
-  const breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(() => {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  const {
-    name,
-    size,
-    mediaType,
-    mimeType
-  } = metadata || {};
-  const isZeroSize = size === 0;
-  const hasTitleBox = !disableOverlay && !!name;
-  return jsx(CardViewWrapper, _extends({}, props, {
-    metadata: metadata,
-    breakpoint: breakpoint,
-    "data-test-status": "processing",
-    ref: divRef
-  }), jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(MimeTypeIcon, {
-    testId: "media-card-file-type-icon",
-    mediaType: mediaType,
-    mimeType: mimeType,
-    name: name
-  }), !isZeroSize && jsx(CreatingPreview, {
-    disableAnimation: disableAnimation
-  })));
-};
-
-// TODO: check if analytics is correct
-
-export const ProcessingCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(ProcessingCardViewBase);

package/dist/es2019/card/cardviews/videoCardView.js

@@ -1,84 +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 { useEffect, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { PlayButton } from '../ui/playButton/playButton';
-import { ImageRenderer } from '../ui/imageRenderer/imageRenderer';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-import { ProgressBar } from '../ui/progressBar/progressBar';
-import { Blanket } from '../ui/blanket/blanket';
-const VideoCardViewBase = props => {
-  const {
-    status,
-    dimensions,
-    metadata,
-    disableOverlay,
-    innerRef,
-    progress,
-    cardPreview,
-    alt,
-    resizeMode,
-    onDisplayImage,
-    nativeLazyLoad,
-    forceSyncDisplay,
-    onImageLoad,
-    onImageError
-  } = props;
-  const divRef = useRef(null);
-  const breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(() => {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  const {
-    name,
-    mediaType = 'unknown'
-  } = metadata || {};
-  const hasTitleBox = !disableOverlay && !!name;
-  const isUploading = status === 'uploading';
-  return jsx(CardViewWrapper, _extends({}, props, {
-    breakpoint: breakpoint,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    ref: divRef,
-    customBlanket: () => disableOverlay ? null : jsx(Blanket, {
-      isFixed: isUploading
-    }),
-    progressBar: isUploading ? () => jsx(ProgressBar, {
-      progress: progress,
-      breakpoint: breakpoint,
-      positionBottom: !hasTitleBox
-    }) : undefined
-  }), jsx(ImageRenderer, {
-    cardPreview: cardPreview,
-    mediaType: mediaType,
-    alt: alt,
-    resizeMode: resizeMode,
-    onDisplayImage: onDisplayImage,
-    onImageLoad: () => onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview),
-    onImageError: () => onImageError === null || onImageError === void 0 ? void 0 : onImageError(cardPreview),
-    nativeLazyLoad: nativeLazyLoad,
-    forceSyncDisplay: forceSyncDisplay
-  }), cardPreview && jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(PlayButton, null)));
-};
-
-// TODO: check if analytics is correct
-
-export const VideoCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(VideoCardViewBase);

package/dist/esm/card/cardviews/cardViewWrapper.js

@@ -1,105 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["cardPreview", "testId", "dimensions", "appearance", "metadata", "selected", "selectable", "actions", "breakpoint", "disableOverlay", "titleBoxBgColor", "titleBoxIcon", "shouldHideTooltip", "children", "onClick", "onMouseEnter", "mediaCardCursor", "customBlanket", "customTitleBox", "progressBar", "shouldOpenMediaViewer", "openMediaViewerButtonRef", "overriddenCreationDate"];
-/**
- * @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 React from 'react';
-import Tooltip from '@atlaskit/tooltip';
-import { ImageContainer, Wrapper } from '../ui/wrapper';
-import { attachDetailsToActions } from '../actions';
-import { TitleBox } from '../ui/titleBox/titleBox';
-import { TickBox } from '../ui/tickBox/tickBox';
-import { Blanket } from '../ui/blanket/blanket';
-import { ActionsBar } from '../ui/actionsBar/actionsBar';
-import { fileCardImageViewSelector } from '../classnames';
-import OpenMediaViewerButton from '../ui/openMediaViewerButton/openMediaViewerButton';
-export var CardViewWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var cardPreview = _ref.cardPreview,
-    testId = _ref.testId,
-    dimensions = _ref.dimensions,
-    _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'auto' : _ref$appearance,
-    metadata = _ref.metadata,
-    selected = _ref.selected,
-    selectable = _ref.selectable,
-    actions = _ref.actions,
-    breakpoint = _ref.breakpoint,
-    disableOverlay = _ref.disableOverlay,
-    titleBoxBgColor = _ref.titleBoxBgColor,
-    titleBoxIcon = _ref.titleBoxIcon,
-    shouldHideTooltip = _ref.shouldHideTooltip,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    onMouseEnter = _ref.onMouseEnter,
-    mediaCardCursor = _ref.mediaCardCursor,
-    customBlanket = _ref.customBlanket,
-    customTitleBox = _ref.customTitleBox,
-    progressBar = _ref.progressBar,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
-    _ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
-    openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
-    overriddenCreationDate = _ref.overriddenCreationDate,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _ref2 = metadata || {},
-    name = _ref2.name,
-    createdAt = _ref2.createdAt,
-    mediaType = _ref2.mediaType;
-  var actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
-  var defaultBlanket = !disableOverlay && jsx(Blanket, null);
-  var defaultTitleBox = !disableOverlay && !!name && jsx(TitleBox, {
-    name: name,
-    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
-    breakpoint: breakpoint,
-    titleBoxIcon: titleBoxIcon,
-    titleBoxBgColor: titleBoxBgColor
-  });
-  var contents = jsx(React.Fragment, null, jsx(ImageContainer, _extends({
-    testId: fileCardImageViewSelector,
-    mediaName: name,
-    status: status,
-    selected: selected ? true : undefined
-  }, props), children, customBlanket ? customBlanket() : defaultBlanket, customTitleBox ? customTitleBox() : defaultTitleBox, !disableOverlay && !!selectable && jsx(TickBox, {
-    selected: selected
-  }), progressBar && progressBar()), !disableOverlay && actions && actions.length !== 0 && jsx(ActionsBar, {
-    filename: name,
-    actions: actionsWithDetails
-  }));
-  var shouldRenderPlayButton = function shouldRenderPlayButton() {
-    if (mediaType !== 'video' || !cardPreview) {
-      return false;
-    }
-    return true;
-  };
-  var isPlayButtonClickable = shouldRenderPlayButton() && disableOverlay;
-  var isTickBoxSelectable = !disableOverlay && !!selectable && !selected;
-  var shouldDisplayTooltip = !disableOverlay && !shouldHideTooltip;
-  var shouldDisplayBackground = !cardPreview || !disableOverlay;
-  return jsx(React.Fragment, null, shouldOpenMediaViewer && jsx(OpenMediaViewerButton, {
-    fileName: name !== null && name !== void 0 ? name : '',
-    innerRef: openMediaViewerButtonRef,
-    onClick: onClick
-  }), jsx(Wrapper, {
-    testId: testId || 'media-card-view',
-    dimensions: dimensions,
-    appearance: appearance,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    innerRef: ref,
-    breakpoint: breakpoint,
-    mediaCardCursor: mediaCardCursor,
-    disableOverlay: !!disableOverlay,
-    selected: !!selected,
-    displayBackground: shouldDisplayBackground,
-    isPlayButtonClickable: !!isPlayButtonClickable,
-    isTickBoxSelectable: isTickBoxSelectable,
-    shouldDisplayTooltip: shouldDisplayTooltip
-  }, shouldDisplayTooltip ? jsx(Tooltip, {
-    content: name,
-    position: "bottom",
-    tag: "div"
-  }, contents) : contents));
-});

package/dist/esm/card/cardviews/errorCardView.js

@@ -1,83 +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 { useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { FailedTitleBox } from '../ui/titleBox/failedTitleBox';
-import { PreviewUnavailable, FailedToUpload, PreviewCurrentlyUnavailable, FailedToLoad } from '../ui/iconMessage';
-import { isUploadError, isRateLimitedError, isPollingError } from '../../errors';
-import { messages } from '@atlaskit/media-ui';
-var IconMessage = function IconMessage(_ref) {
-  var error = _ref.error,
-    metadata = _ref.metadata;
-  var _ref2 = error || {},
-    secondaryError = _ref2.secondaryError;
-  if (isRateLimitedError(secondaryError) || isPollingError(secondaryError)) {
-    return jsx(PreviewCurrentlyUnavailable, null);
-  } else if (isUploadError(error)) {
-    return jsx(FailedToUpload, null);
-  } else if (!metadata) {
-    return jsx(FailedToLoad, null);
-  } else {
-    return jsx(PreviewUnavailable, null);
-  }
-};
-var ErrorCardViewBase = function ErrorCardViewBase(props) {
-  var error = props.error,
-    metadata = props.metadata,
-    dimensions = props.dimensions,
-    disableOverlay = props.disableOverlay;
-  var _ref3 = metadata || {},
-    name = _ref3.name,
-    mediaType = _ref3.mediaType,
-    mimeType = _ref3.mimeType;
-  var divRef = useRef(null);
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  var customMessage = isUploadError(props.error) ? messages.failed_to_upload : undefined;
-  var renderFailedTitleBox = !disableOverlay && (!name || !!customMessage);
-  var renderTitleBox = !disableOverlay && !!name && !customMessage;
-  var hasTitleBox = !!renderTitleBox || !!renderFailedTitleBox;
-  return jsx(CardViewWrapper, _extends({}, props, {
-    metadata: metadata,
-    breakpoint: breakpoint,
-    "data-test-status": "error",
-    ref: divRef,
-    customTitleBox: renderFailedTitleBox ? function () {
-      return jsx(FailedTitleBox, {
-        breakpoint: breakpoint,
-        customMessage: customMessage
-      });
-    } : undefined
-  }), jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(MimeTypeIcon, {
-    testId: "media-card-file-type-icon",
-    mediaType: mediaType,
-    mimeType: mimeType,
-    name: name
-  }), !renderFailedTitleBox && jsx(IconMessage, {
-    error: error,
-    metadata: metadata
-  })));
-};
-
-// TODO: check if analytics is correct
-
-export var ErrorCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(ErrorCardViewBase);

package/dist/esm/card/cardviews/iconCardView.js

@@ -1,75 +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 { useEffect, useRef } from 'react';
-import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-import { ProgressBar } from '../ui/progressBar/progressBar';
-import { Blanket } from '../ui/blanket/blanket';
-// NOTE: should we call this Icon or UploadingCardView since we now have ProgressBar?
-
-var IconCardViewBase = function IconCardViewBase(props) {
-  var dimensions = props.dimensions,
-    metadata = props.metadata,
-    disableOverlay = props.disableOverlay,
-    innerRef = props.innerRef,
-    progress = props.progress,
-    status = props.status;
-  var divRef = useRef(null);
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  var _ref = metadata || {},
-    name = _ref.name,
-    mediaType = _ref.mediaType,
-    mimeType = _ref.mimeType;
-  var hasTitleBox = !disableOverlay && !!name;
-  var isUploading = status === 'uploading';
-  return jsx(CardViewWrapper, _extends({}, props, {
-    metadata: metadata,
-    breakpoint: breakpoint,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    ref: divRef,
-    customBlanket: function customBlanket() {
-      return jsx(Blanket, {
-        isFixed: isUploading
-      });
-    },
-    progressBar: isUploading ? function () {
-      return jsx(ProgressBar, {
-        progress: progress,
-        breakpoint: breakpoint,
-        positionBottom: !hasTitleBox
-      });
-    } : undefined
-  }), jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(MimeTypeIcon, {
-    testId: "media-card-file-type-icon",
-    mediaType: mediaType,
-    mimeType: mimeType,
-    name: name
-  })));
-};
-
-// TODO: check if analytics is correct
-
-export var IconCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(IconCardViewBase);

package/dist/esm/card/cardviews/imageCardView.js

@@ -1,85 +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 { useEffect, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { ImageRenderer } from '../ui/imageRenderer/imageRenderer';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-import { ProgressBar } from '../ui/progressBar/progressBar';
-import { Blanket } from '../ui/blanket/blanket';
-var ImageCardViewBase = function ImageCardViewBase(props) {
-  var status = props.status,
-    dimensions = props.dimensions,
-    metadata = props.metadata,
-    disableOverlay = props.disableOverlay,
-    innerRef = props.innerRef,
-    progress = props.progress,
-    cardPreview = props.cardPreview,
-    alt = props.alt,
-    resizeMode = props.resizeMode,
-    onDisplayImage = props.onDisplayImage,
-    nativeLazyLoad = props.nativeLazyLoad,
-    forceSyncDisplay = props.forceSyncDisplay,
-    _onImageLoad = props.onImageLoad,
-    _onImageError = props.onImageError;
-  var divRef = useRef(null);
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  var _ref = metadata || {},
-    name = _ref.name,
-    _ref$mediaType = _ref.mediaType,
-    mediaType = _ref$mediaType === void 0 ? 'unknown' : _ref$mediaType;
-  var hasTitleBox = !disableOverlay && !!name;
-  var isUploading = status === 'uploading';
-  return jsx(CardViewWrapper, _extends({}, props, {
-    breakpoint: breakpoint,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    ref: divRef,
-    customBlanket: function customBlanket() {
-      return jsx(Blanket, {
-        isFixed: isUploading
-      });
-    },
-    progressBar: isUploading ? function () {
-      return jsx(ProgressBar, {
-        progress: progress,
-        breakpoint: breakpoint,
-        positionBottom: !hasTitleBox
-      });
-    } : undefined
-  }), jsx(ImageRenderer, {
-    cardPreview: cardPreview,
-    mediaType: mediaType,
-    alt: alt,
-    resizeMode: resizeMode,
-    onDisplayImage: onDisplayImage,
-    onImageLoad: function onImageLoad() {
-      return _onImageLoad === null || _onImageLoad === void 0 ? void 0 : _onImageLoad(cardPreview);
-    },
-    onImageError: function onImageError() {
-      return _onImageError === null || _onImageError === void 0 ? void 0 : _onImageError(cardPreview);
-    },
-    nativeLazyLoad: nativeLazyLoad,
-    forceSyncDisplay: forceSyncDisplay
-  }));
-};
-
-// TODO: check if analytics is correct
-
-export var ImageCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(ImageCardViewBase);