@atlaskit/media-card 77.6.4 → 77.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/v2/cardV2.js +1 -1
- package/dist/cjs/card/v2/fileCard.js +6 -2
- package/dist/cjs/card/v2/useFilePreview/getPreview/index.js +8 -14
- package/dist/cjs/card/v2/useFilePreview/helpers.js +0 -8
- package/dist/cjs/card/v2/useFilePreview/useFilePreview.js +45 -150
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/v2/cardV2.js +1 -1
- package/dist/es2019/card/v2/fileCard.js +6 -2
- package/dist/es2019/card/v2/useFilePreview/getPreview/index.js +2 -2
- package/dist/es2019/card/v2/useFilePreview/helpers.js +1 -8
- package/dist/es2019/card/v2/useFilePreview/useFilePreview.js +39 -96
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/v2/cardV2.js +1 -1
- package/dist/esm/card/v2/fileCard.js +6 -2
- package/dist/esm/card/v2/useFilePreview/getPreview/index.js +2 -2
- package/dist/esm/card/v2/useFilePreview/helpers.js +1 -8
- package/dist/esm/card/v2/useFilePreview/useFilePreview.js +48 -153
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/v2/useFilePreview/getPreview/index.d.ts +1 -1
- package/dist/types/card/v2/useFilePreview/helpers.d.ts +0 -1
- package/dist/types/card/v2/useFilePreview/types.d.ts +0 -6
- package/dist/types-ts4.5/card/v2/useFilePreview/getPreview/index.d.ts +1 -1
- package/dist/types-ts4.5/card/v2/useFilePreview/helpers.d.ts +0 -1
- package/dist/types-ts4.5/card/v2/useFilePreview/types.d.ts +0 -6
- package/package.json +1 -1
- package/dist/cjs/card/v2/useFilePreview/getPreview/filePreviewStatus.js +0 -45
- package/dist/es2019/card/v2/useFilePreview/getPreview/filePreviewStatus.js +0 -43
- package/dist/esm/card/v2/useFilePreview/getPreview/filePreviewStatus.js +0 -40
- package/dist/types/card/v2/useFilePreview/getPreview/filePreviewStatus.d.ts +0 -4
- package/dist/types-ts4.5/card/v2/useFilePreview/getPreview/filePreviewStatus.d.ts +0 -4
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isPreviewableStatus = exports.extractFilePreviewStatus = void 0;
|
|
7
|
-
var _mediaCommon = require("@atlaskit/media-common");
|
|
8
|
-
var _mediaClient = require("@atlaskit/media-client");
|
|
9
|
-
var _helpers = require("./helpers");
|
|
10
|
-
// TODO: align these checks with helpers from Media Client
|
|
11
|
-
// https://product-fabric.atlassian.net/browse/BMPT-1300
|
|
12
|
-
var extractFilePreviewStatus = exports.extractFilePreviewStatus = function extractFilePreviewStatus(fileState, isBannedLocalPreview) {
|
|
13
|
-
var hasFilesize = 'size' in fileState && !!fileState.size;
|
|
14
|
-
var _ref = 'mediaType' in fileState && fileState || {},
|
|
15
|
-
mediaType = _ref.mediaType;
|
|
16
|
-
var _ref2 = 'mimeType' in fileState && fileState || {},
|
|
17
|
-
mimeType = _ref2.mimeType;
|
|
18
|
-
var isPreviewable = !!mediaType && (0, _mediaClient.isPreviewableType)(mediaType);
|
|
19
|
-
|
|
20
|
-
// Local preview is available only if it's supported by browser and supported by Media Card (isSupportedLocalPreview)
|
|
21
|
-
// For example, SVGs are mime type NOT supported by browser but media type supported by Media Card (image)
|
|
22
|
-
// Then, local Preview NOT available
|
|
23
|
-
var hasLocalPreview = !isBannedLocalPreview && (0, _mediaClient.isPreviewableFileState)(fileState) && (0, _helpers.isSupportedLocalPreview)(mediaType) && !!mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(mimeType);
|
|
24
|
-
var hasRemotePreview = (0, _mediaClient.isImageRepresentationReady)(fileState);
|
|
25
|
-
var hasPreview = hasLocalPreview || hasRemotePreview;
|
|
26
|
-
var isSupportedByBrowser = !!mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(mimeType);
|
|
27
|
-
return {
|
|
28
|
-
hasFilesize: hasFilesize,
|
|
29
|
-
isPreviewable: isPreviewable,
|
|
30
|
-
hasPreview: hasPreview,
|
|
31
|
-
isSupportedByBrowser: isSupportedByBrowser
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
// CXP-2723 TODO: Review this in relation to removing status from the hook
|
|
36
|
-
var isPreviewableStatus = exports.isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
|
|
37
|
-
var isPreviewable = _ref3.isPreviewable,
|
|
38
|
-
hasPreview = _ref3.hasPreview,
|
|
39
|
-
isSupportedByBrowser = _ref3.isSupportedByBrowser;
|
|
40
|
-
return hasPreview && isPreviewable && (cardStatus === 'complete' || cardStatus === 'loading-preview' || cardStatus === 'uploading' ||
|
|
41
|
-
// For Video, we can have local or remote preview while processing.
|
|
42
|
-
// Then, we only want to show the thumbnail if the file is supported by the browser,
|
|
43
|
-
// this way we prevent playing unsupported videos that are not procesed
|
|
44
|
-
cardStatus === 'processing' && isSupportedByBrowser);
|
|
45
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
2
|
-
import { isPreviewableFileState, isPreviewableType, isImageRepresentationReady } from '@atlaskit/media-client';
|
|
3
|
-
import { isSupportedLocalPreview } from './helpers';
|
|
4
|
-
|
|
5
|
-
// TODO: align these checks with helpers from Media Client
|
|
6
|
-
// https://product-fabric.atlassian.net/browse/BMPT-1300
|
|
7
|
-
export const extractFilePreviewStatus = (fileState, isBannedLocalPreview) => {
|
|
8
|
-
const hasFilesize = 'size' in fileState && !!fileState.size;
|
|
9
|
-
const {
|
|
10
|
-
mediaType
|
|
11
|
-
} = 'mediaType' in fileState && fileState || {};
|
|
12
|
-
const {
|
|
13
|
-
mimeType
|
|
14
|
-
} = 'mimeType' in fileState && fileState || {};
|
|
15
|
-
const isPreviewable = !!mediaType && isPreviewableType(mediaType);
|
|
16
|
-
|
|
17
|
-
// Local preview is available only if it's supported by browser and supported by Media Card (isSupportedLocalPreview)
|
|
18
|
-
// For example, SVGs are mime type NOT supported by browser but media type supported by Media Card (image)
|
|
19
|
-
// Then, local Preview NOT available
|
|
20
|
-
const hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState(fileState) && isSupportedLocalPreview(mediaType) && !!mimeType && isMimeTypeSupportedByBrowser(mimeType);
|
|
21
|
-
const hasRemotePreview = isImageRepresentationReady(fileState);
|
|
22
|
-
const hasPreview = hasLocalPreview || hasRemotePreview;
|
|
23
|
-
const isSupportedByBrowser = !!mimeType && isMimeTypeSupportedByBrowser(mimeType);
|
|
24
|
-
return {
|
|
25
|
-
hasFilesize,
|
|
26
|
-
isPreviewable,
|
|
27
|
-
hasPreview,
|
|
28
|
-
isSupportedByBrowser
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
// CXP-2723 TODO: Review this in relation to removing status from the hook
|
|
33
|
-
export const isPreviewableStatus = (cardStatus, {
|
|
34
|
-
isPreviewable,
|
|
35
|
-
hasPreview,
|
|
36
|
-
isSupportedByBrowser
|
|
37
|
-
}) => {
|
|
38
|
-
return hasPreview && isPreviewable && (cardStatus === 'complete' || cardStatus === 'loading-preview' || cardStatus === 'uploading' ||
|
|
39
|
-
// For Video, we can have local or remote preview while processing.
|
|
40
|
-
// Then, we only want to show the thumbnail if the file is supported by the browser,
|
|
41
|
-
// this way we prevent playing unsupported videos that are not procesed
|
|
42
|
-
cardStatus === 'processing' && isSupportedByBrowser);
|
|
43
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
2
|
-
import { isPreviewableFileState, isPreviewableType, isImageRepresentationReady } from '@atlaskit/media-client';
|
|
3
|
-
import { isSupportedLocalPreview } from './helpers';
|
|
4
|
-
|
|
5
|
-
// TODO: align these checks with helpers from Media Client
|
|
6
|
-
// https://product-fabric.atlassian.net/browse/BMPT-1300
|
|
7
|
-
export var extractFilePreviewStatus = function extractFilePreviewStatus(fileState, isBannedLocalPreview) {
|
|
8
|
-
var hasFilesize = 'size' in fileState && !!fileState.size;
|
|
9
|
-
var _ref = 'mediaType' in fileState && fileState || {},
|
|
10
|
-
mediaType = _ref.mediaType;
|
|
11
|
-
var _ref2 = 'mimeType' in fileState && fileState || {},
|
|
12
|
-
mimeType = _ref2.mimeType;
|
|
13
|
-
var isPreviewable = !!mediaType && isPreviewableType(mediaType);
|
|
14
|
-
|
|
15
|
-
// Local preview is available only if it's supported by browser and supported by Media Card (isSupportedLocalPreview)
|
|
16
|
-
// For example, SVGs are mime type NOT supported by browser but media type supported by Media Card (image)
|
|
17
|
-
// Then, local Preview NOT available
|
|
18
|
-
var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState(fileState) && isSupportedLocalPreview(mediaType) && !!mimeType && isMimeTypeSupportedByBrowser(mimeType);
|
|
19
|
-
var hasRemotePreview = isImageRepresentationReady(fileState);
|
|
20
|
-
var hasPreview = hasLocalPreview || hasRemotePreview;
|
|
21
|
-
var isSupportedByBrowser = !!mimeType && isMimeTypeSupportedByBrowser(mimeType);
|
|
22
|
-
return {
|
|
23
|
-
hasFilesize: hasFilesize,
|
|
24
|
-
isPreviewable: isPreviewable,
|
|
25
|
-
hasPreview: hasPreview,
|
|
26
|
-
isSupportedByBrowser: isSupportedByBrowser
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
// CXP-2723 TODO: Review this in relation to removing status from the hook
|
|
31
|
-
export var isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
|
|
32
|
-
var isPreviewable = _ref3.isPreviewable,
|
|
33
|
-
hasPreview = _ref3.hasPreview,
|
|
34
|
-
isSupportedByBrowser = _ref3.isSupportedByBrowser;
|
|
35
|
-
return hasPreview && isPreviewable && (cardStatus === 'complete' || cardStatus === 'loading-preview' || cardStatus === 'uploading' ||
|
|
36
|
-
// For Video, we can have local or remote preview while processing.
|
|
37
|
-
// Then, we only want to show the thumbnail if the file is supported by the browser,
|
|
38
|
-
// this way we prevent playing unsupported videos that are not procesed
|
|
39
|
-
cardStatus === 'processing' && isSupportedByBrowser);
|
|
40
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { MediaFilePreviewStatus, FilePreviewStatus } from '../types';
|
|
2
|
-
import { FileState } from '@atlaskit/media-client';
|
|
3
|
-
export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean) => FilePreviewStatus;
|
|
4
|
-
export declare const isPreviewableStatus: (cardStatus: MediaFilePreviewStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { MediaFilePreviewStatus, FilePreviewStatus } from '../types';
|
|
2
|
-
import { FileState } from '@atlaskit/media-client';
|
|
3
|
-
export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean) => FilePreviewStatus;
|
|
4
|
-
export declare const isPreviewableStatus: (cardStatus: MediaFilePreviewStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;
|