@atlaskit/media-card 70.9.0 → 72.0.0

package/dist/es2019/root/card/getCardPreview.js

@@ -1,86 +0,0 @@
-import VideoSnapshot from 'video-snapshot';
-import { getMediaTypeFromMimeType, isMimeTypeSupportedByBrowser, isPreviewableFileState, isImageRepresentationReady, isErrorFileState } from '@atlaskit/media-client';
-import { getOrientation } from '@atlaskit/media-ui';
-import { MediaCardError } from '../../errors';
-export const getCardPreviewFromFileState = async fileState => {
-  /**
-   * We don't await on local preview for these following use cases:
-   * - fileState is in error
-   * - fileState isn't previewable
-   * - media hasn't been processed and isn't natively supported by browser
-   * - media has failed processing
-   */
-  if (isErrorFileState(fileState) || !isPreviewableFileState(fileState) || !isMimeTypeSupportedByBrowser(fileState.mimeType) && fileState.status !== 'processed' || ['error', 'failed-processing'].includes(fileState.status)) {
-    return;
-  } // TODO: implement more specific error handling
-  // https://product-fabric.atlassian.net/browse/BMPT-1342
-
-
-  try {
-    const {
-      value
-    } = await fileState.preview;
-
-    if (value instanceof Blob) {
-      const {
-        type
-      } = value;
-      const mediaType = getMediaTypeFromMimeType(type);
-
-      if (mediaType === 'image') {
-        const orientation = await getOrientation(value);
-        const dataURI = URL.createObjectURL(value);
-        return {
-          dataURI,
-          orientation
-        };
-      }
-
-      if (mediaType === 'video') {
-        const snapshoter = new VideoSnapshot(value);
-        const dataURI = await snapshoter.takeSnapshot();
-        snapshoter.end();
-        return {
-          dataURI,
-          orientation: 1
-        };
-      }
-    } else {
-      return {
-        dataURI: value,
-        orientation: 1
-      };
-    }
-  } catch (e) {
-    throw new MediaCardError('local-preview-get', e);
-  }
-};
-export const getCardPreviewFromBackend = async (mediaClient, identifier, fileState, requestedDimensions, resizeMode) => {
-  const {
-    id,
-    collectionName
-  } = identifier;
-  const {
-    width,
-    height
-  } = requestedDimensions;
-  const mode = resizeMode === 'stretchy-fit' ? 'full-fit' : resizeMode;
-
-  if (isImageRepresentationReady(fileState)) {
-    try {
-      const blob = await mediaClient.getImage(id, {
-        collection: collectionName,
-        mode,
-        width,
-        height,
-        allowAnimated: true
-      });
-      return {
-        dataURI: URL.createObjectURL(blob),
-        orientation: 1
-      };
-    } catch (e) {
-      throw new MediaCardError('remote-preview-fetch', e);
-    }
-  }
-};

package/dist/es2019/root/inline/inlineMediaCard.js

@@ -1,92 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import { injectIntl } from 'react-intl';
-import { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, messages } from '@atlaskit/media-ui';
-import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
-import { MediaViewer } from '@atlaskit/media-viewer';
-// UI component which renders an inline link in the appropiate state based on a media file
-export const InlineMediaCardInternal = ({
-  mediaClient,
-  identifier,
-  shouldOpenMediaViewer,
-  isSelected,
-  onClick,
-  mediaViewerDataSource,
-  intl
-}) => {
-  const [fileState, setFileState] = useState();
-  const [isMediaViewerVisible, setMediaViewerVisible] = useState(false);
-
-  const onInlineCardClick = event => {
-    if (shouldOpenMediaViewer) {
-      setMediaViewerVisible(true);
-    }
-
-    if (onClick) {
-      onClick(event);
-    }
-  };
-
-  const onMediaViewerClose = () => setMediaViewerVisible(false);
-
-  const renderMediaViewer = () => {
-    if (isMediaViewerVisible) {
-      const dataSource = mediaViewerDataSource || {
-        list: []
-      };
-      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
-        collectionName: identifier.collectionName || '',
-        dataSource: dataSource,
-        mediaClientConfig: mediaClient.mediaClientConfig,
-        selectedItem: identifier,
-        onClose: onMediaViewerClose
-      }), document.body);
-    }
-
-    return null;
-  };
-
-  useEffect(() => {
-    // [EDM-1948] TODO: use mediaClient.file.getFileState()
-    // [EDM-1948] TODO: handle error here
-    mediaClient.file.getCurrentState(identifier.id, {
-      collectionName: identifier.collectionName
-    }).then(fileState => {
-      setFileState(fileState);
-    });
-  }, [identifier.collectionName, identifier.id, mediaClient.file]);
-
-  if (!fileState) {
-    return /*#__PURE__*/React.createElement(InlineCardResolvingView, {
-      url: intl.formatMessage(messages.loading_file),
-      titleTextColor: "black",
-      withoutHover: true
-    });
-  }
-
-  if (fileState.status === 'error') {
-    return /*#__PURE__*/React.createElement(InlineCardErroredView, {
-      url: "",
-      message: fileState.message || ''
-    });
-  }
-
-  const {
-    mediaType,
-    name
-  } = fileState;
-  const linkIcon = /*#__PURE__*/React.createElement(MediaTypeIcon, {
-    testId: 'inline-media-card-file-type-icon',
-    size: "small",
-    type: mediaType
-  });
-  const mediaViewer = renderMediaViewer(); // [EDM-1948] TODO: add Tooltip
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InlineCardResolvedView, {
-    icon: linkIcon,
-    title: name,
-    onClick: onInlineCardClick,
-    isSelected: isSelected
-  }), mediaViewer);
-};
-export const InlineMediaCard = injectIntl(InlineMediaCardInternal);

package/dist/es2019/utils/fileAttributesContext.js

@@ -1,19 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useContext } from 'react';
-const FileAttributesContext = /*#__PURE__*/React.createContext(null);
-export const FileAttributesProvider = ({
-  children,
-  data
-}) => {
-  return data ? /*#__PURE__*/React.createElement(FileAttributesContext.Provider, {
-    value: data
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export function withFileAttributes(Component) {
-  return props => {
-    const fileAttributes = useContext(FileAttributesContext);
-    return fileAttributes ? /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      fileAttributes: fileAttributes
-    })) : /*#__PURE__*/React.createElement(Component, props);
-  };
-}

package/dist/esm/root/card/getCardPreview.js

@@ -1,153 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import VideoSnapshot from 'video-snapshot';
-import { getMediaTypeFromMimeType, isMimeTypeSupportedByBrowser, isPreviewableFileState, isImageRepresentationReady, isErrorFileState } from '@atlaskit/media-client';
-import { getOrientation } from '@atlaskit/media-ui';
-import { MediaCardError } from '../../errors';
-export var getCardPreviewFromFileState = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState) {
-    var _yield$fileState$prev, value, type, mediaType, orientation, dataURI, snapshoter, _dataURI;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!(isErrorFileState(fileState) || !isPreviewableFileState(fileState) || !isMimeTypeSupportedByBrowser(fileState.mimeType) && fileState.status !== 'processed' || ['error', 'failed-processing'].includes(fileState.status))) {
-              _context.next = 2;
-              break;
-            }
-
-            return _context.abrupt("return");
-
-          case 2:
-            _context.prev = 2;
-            _context.next = 5;
-            return fileState.preview;
-
-          case 5:
-            _yield$fileState$prev = _context.sent;
-            value = _yield$fileState$prev.value;
-
-            if (!(value instanceof Blob)) {
-              _context.next = 25;
-              break;
-            }
-
-            type = value.type;
-            mediaType = getMediaTypeFromMimeType(type);
-
-            if (!(mediaType === 'image')) {
-              _context.next = 16;
-              break;
-            }
-
-            _context.next = 13;
-            return getOrientation(value);
-
-          case 13:
-            orientation = _context.sent;
-            dataURI = URL.createObjectURL(value);
-            return _context.abrupt("return", {
-              dataURI: dataURI,
-              orientation: orientation
-            });
-
-          case 16:
-            if (!(mediaType === 'video')) {
-              _context.next = 23;
-              break;
-            }
-
-            snapshoter = new VideoSnapshot(value);
-            _context.next = 20;
-            return snapshoter.takeSnapshot();
-
-          case 20:
-            _dataURI = _context.sent;
-            snapshoter.end();
-            return _context.abrupt("return", {
-              dataURI: _dataURI,
-              orientation: 1
-            });
-
-          case 23:
-            _context.next = 26;
-            break;
-
-          case 25:
-            return _context.abrupt("return", {
-              dataURI: value,
-              orientation: 1
-            });
-
-          case 26:
-            _context.next = 31;
-            break;
-
-          case 28:
-            _context.prev = 28;
-            _context.t0 = _context["catch"](2);
-            throw new MediaCardError('local-preview-get', _context.t0);
-
-          case 31:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[2, 28]]);
-  }));
-
-  return function getCardPreviewFromFileState(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-export var getCardPreviewFromBackend = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(mediaClient, identifier, fileState, requestedDimensions, resizeMode) {
-    var id, collectionName, width, height, mode, blob;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            id = identifier.id, collectionName = identifier.collectionName;
-            width = requestedDimensions.width, height = requestedDimensions.height;
-            mode = resizeMode === 'stretchy-fit' ? 'full-fit' : resizeMode;
-
-            if (!isImageRepresentationReady(fileState)) {
-              _context2.next = 14;
-              break;
-            }
-
-            _context2.prev = 4;
-            _context2.next = 7;
-            return mediaClient.getImage(id, {
-              collection: collectionName,
-              mode: mode,
-              width: width,
-              height: height,
-              allowAnimated: true
-            });
-
-          case 7:
-            blob = _context2.sent;
-            return _context2.abrupt("return", {
-              dataURI: URL.createObjectURL(blob),
-              orientation: 1
-            });
-
-          case 11:
-            _context2.prev = 11;
-            _context2.t0 = _context2["catch"](4);
-            throw new MediaCardError('remote-preview-fetch', _context2.t0);
-
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2, null, [[4, 11]]);
-  }));
-
-  return function getCardPreviewFromBackend(_x2, _x3, _x4, _x5, _x6) {
-    return _ref2.apply(this, arguments);
-  };
-}();

package/dist/esm/utils/fileAttributesContext.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useContext } from 'react';
-var FileAttributesContext = /*#__PURE__*/React.createContext(null);
-export var FileAttributesProvider = function FileAttributesProvider(_ref) {
-  var children = _ref.children,
-      data = _ref.data;
-  return data ? /*#__PURE__*/React.createElement(FileAttributesContext.Provider, {
-    value: data
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export function withFileAttributes(Component) {
-  return function (props) {
-    var fileAttributes = useContext(FileAttributesContext);
-    return fileAttributes ? /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      fileAttributes: fileAttributes
-    })) : /*#__PURE__*/React.createElement(Component, props);
-  };
-}

package/dist/types/root/card/getCardPreview.d.ts

@@ -1,8 +0,0 @@
-import { MediaClient, FileIdentifier, FileState } from '@atlaskit/media-client';
-import { NumericalCardDimensions } from '../../';
-export interface CardPreview {
-    dataURI?: string;
-    orientation?: number;
-}
-export declare const getCardPreviewFromFileState: (fileState: FileState) => Promise<CardPreview | undefined>;
-export declare const getCardPreviewFromBackend: (mediaClient: MediaClient, identifier: FileIdentifier, fileState: FileState, requestedDimensions: NumericalCardDimensions, resizeMode?: "crop" | "fit" | "full-fit" | "stretchy-fit" | undefined) => Promise<CardPreview | undefined>;

package/dist/types/utils/fileAttributesContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { FileAttributes } from '@atlaskit/media-common';
-export declare type FileAttributesProviderProps = {
-    data: FileAttributes;
-};
-export declare const FileAttributesProvider: React.FC<FileAttributesProviderProps>;
-export declare type WithFileAttributesProps = {
-    fileAttributes?: FileAttributes;
-};
-export declare function withFileAttributes<Props>(Component: React.ComponentType<Props & WithFileAttributesProps>): React.FC<Props>;