@atlaskit/media-card 74.5.0 → 74.5.2
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 +12 -0
- package/dist/cjs/card/actions.js +0 -5
- package/dist/cjs/card/card.js +126 -260
- package/dist/cjs/card/cardAnalytics.js +0 -18
- package/dist/cjs/card/cardImageView/cardImageViewWrapper.js +7 -16
- package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js +3 -15
- package/dist/cjs/card/cardImageView/cardOverlay/index.js +20 -52
- package/dist/cjs/card/cardImageView/cardOverlay/styles.js +1 -19
- package/dist/cjs/card/cardImageView/cardViewWrapper.js +7 -10
- package/dist/cjs/card/cardImageView/fileCardImageView.js +66 -111
- package/dist/cjs/card/cardImageView/index.js +0 -1
- package/dist/cjs/card/cardImageView/styles.js +0 -14
- package/dist/cjs/card/cardLoader.js +3 -20
- package/dist/cjs/card/cardState.js +0 -9
- package/dist/cjs/card/cardView.js +105 -198
- package/dist/cjs/card/getCardPreview/cache.js +0 -12
- package/dist/cjs/card/getCardPreview/filePreviewStatus.js +8 -16
- package/dist/cjs/card/getCardPreview/helpers.js +0 -39
- package/dist/cjs/card/getCardPreview/imageRefetchingAnalytics.js +0 -8
- package/dist/cjs/card/getCardPreview/index.js +16 -85
- package/dist/cjs/card/getCardStatus.js +5 -24
- package/dist/cjs/card/index.js +0 -2
- package/dist/cjs/card/inlinePlayer.js +19 -102
- package/dist/cjs/card/inlinePlayerLazy.js +0 -11
- package/dist/cjs/card/inlinePlayerWrapper.js +5 -8
- package/dist/cjs/card/media-card-analytics-error-boundary.js +6 -34
- package/dist/cjs/card/styles/animations.js +0 -5
- package/dist/cjs/card/styles/getSelectedBorderStyle.js +0 -4
- package/dist/cjs/card/styles/index.js +0 -14
- package/dist/cjs/card/styles/mixins.js +0 -11
- package/dist/cjs/card/styles/styles.js +4 -20
- package/dist/cjs/card/ui/actionsBar/actionsBar.js +2 -20
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -4
- package/dist/cjs/card/ui/actionsBar/styles.js +0 -8
- package/dist/cjs/card/ui/blanket/blanket.js +1 -4
- package/dist/cjs/card/ui/blanket/styles.js +0 -9
- package/dist/cjs/card/ui/common.js +0 -8
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +2 -5
- package/dist/cjs/card/ui/iconMessage/index.js +4 -22
- package/dist/cjs/card/ui/iconMessage/styles.js +1 -10
- package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +2 -5
- package/dist/cjs/card/ui/iconWrapper/styles.js +3 -11
- package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +8 -21
- package/dist/cjs/card/ui/loadingRateLimited/styles.js +1 -10
- package/dist/cjs/card/ui/newFileExperience/newFileExperienceWrapper.js +14 -19
- package/dist/cjs/card/ui/newFileExperience/styles.js +10 -26
- package/dist/cjs/card/ui/playButton/playButton.js +0 -7
- package/dist/cjs/card/ui/playButton/playButtonBackground.js +1 -4
- package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -4
- package/dist/cjs/card/ui/playButton/styles.js +0 -6
- package/dist/cjs/card/ui/progressBar/progressBar.js +6 -14
- package/dist/cjs/card/ui/progressBar/styledBar.js +4 -7
- package/dist/cjs/card/ui/progressBar/styles.js +4 -18
- package/dist/cjs/card/ui/styles.js +12 -46
- package/dist/cjs/card/ui/tickBox/styles.js +0 -11
- package/dist/cjs/card/ui/tickBox/tickBox.js +0 -6
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -4
- package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -11
- package/dist/cjs/card/ui/titleBox/styles.js +4 -19
- package/dist/cjs/card/ui/titleBox/titleBox.js +9 -21
- package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +2 -14
- package/dist/cjs/card/ui/unhandledErrorCard/index.js +6 -36
- package/dist/cjs/classnames.js +0 -1
- package/dist/cjs/errors.js +7 -66
- package/dist/cjs/index.js +0 -8
- package/dist/cjs/inline/index.js +0 -2
- package/dist/cjs/inline/loader.js +2 -43
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +4 -29
- package/dist/cjs/inline/mediaInlineCard.js +21 -57
- package/dist/cjs/types.js +0 -2
- package/dist/cjs/utils/analytics.js +0 -49
- package/dist/cjs/utils/breakpoint.js +0 -10
- package/dist/cjs/utils/cardActions/cardActionButton.js +1 -4
- package/dist/cjs/utils/cardActions/cardActionIconButton.js +7 -29
- package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +6 -35
- package/dist/cjs/utils/cardActions/cardActionsView.js +7 -34
- package/dist/cjs/utils/cardActions/index.js +0 -4
- package/dist/cjs/utils/cardActions/styles.js +0 -13
- package/dist/cjs/utils/cardDimensions.js +5 -22
- package/dist/cjs/utils/containsPixelUnit.js +0 -2
- package/dist/cjs/utils/dimensionComparer.js +0 -8
- package/dist/cjs/utils/document.js +0 -4
- package/dist/cjs/utils/errorIcon/index.js +0 -18
- package/dist/cjs/utils/errorIcon/styles.js +0 -5
- package/dist/cjs/utils/fileIcon/index.js +3 -21
- package/dist/cjs/utils/fileIcon/styles.js +0 -6
- package/dist/cjs/utils/generateUniqueId.js +0 -2
- package/dist/cjs/utils/getCSSUnitValue.js +0 -1
- package/dist/cjs/utils/getDataURIDimension.js +0 -13
- package/dist/cjs/utils/getElementDimension.js +0 -2
- package/dist/cjs/utils/getErrorMessage.js +0 -6
- package/dist/cjs/utils/getMediaCardCursor.js +1 -6
- package/dist/cjs/utils/globalScope/getSSRData.js +0 -5
- package/dist/cjs/utils/globalScope/globalScope.js +8 -25
- package/dist/cjs/utils/globalScope/index.js +0 -2
- package/dist/cjs/utils/index.js +0 -12
- package/dist/cjs/utils/isRetina.js +0 -1
- package/dist/cjs/utils/isValidPercentageUnit.js +0 -2
- package/dist/cjs/utils/lightCards/cardError.js +0 -21
- package/dist/cjs/utils/lightCards/cardLoading.js +3 -27
- package/dist/cjs/utils/lightCards/getDimensionsWithDefault.js +0 -2
- package/dist/cjs/utils/lightCards/lightCardWrappers.js +1 -9
- package/dist/cjs/utils/lightCards/styles.js +1 -13
- package/dist/cjs/utils/metadata.js +0 -7
- package/dist/cjs/utils/objectURLCache.js +0 -22
- package/dist/cjs/utils/preventClickThrough.js +0 -5
- package/dist/cjs/utils/printScript.js +0 -10
- package/dist/cjs/utils/progressBar/index.js +0 -17
- package/dist/cjs/utils/progressBar/styles.js +0 -6
- package/dist/cjs/utils/resizeModeToMediaImageProps.js +0 -1
- package/dist/cjs/utils/shouldDisplayImageThumbnail.js +0 -5
- package/dist/cjs/utils/ufoExperiences.js +1 -21
- package/dist/cjs/utils/videoSnapshot.js +2 -11
- package/dist/cjs/utils/viewportDetector.js +5 -24
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/card/actions.js +2 -1
- package/dist/es2019/card/card.js +26 -121
- package/dist/es2019/card/cardAnalytics.js +0 -5
- package/dist/es2019/card/cardImageView/cardOverlay/index.js +2 -16
- package/dist/es2019/card/cardImageView/cardOverlay/styles.js +1 -2
- package/dist/es2019/card/cardImageView/fileCardImageView.js +3 -36
- package/dist/es2019/card/cardImageView/styles.js +0 -3
- package/dist/es2019/card/cardLoader.js +3 -14
- package/dist/es2019/card/cardState.js +1 -2
- package/dist/es2019/card/cardView.js +24 -68
- package/dist/es2019/card/getCardPreview/cache.js +0 -4
- package/dist/es2019/card/getCardPreview/filePreviewStatus.js +8 -5
- package/dist/es2019/card/getCardPreview/helpers.js +0 -9
- package/dist/es2019/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
- package/dist/es2019/card/getCardPreview/index.js +16 -30
- package/dist/es2019/card/getCardStatus.js +2 -15
- package/dist/es2019/card/inlinePlayer.js +2 -35
- package/dist/es2019/card/inlinePlayerLazy.js +1 -2
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -15
- package/dist/es2019/card/styles/getSelectedBorderStyle.js +1 -1
- package/dist/es2019/card/styles/styles.js +0 -3
- package/dist/es2019/card/ui/actionsBar/actionsBar.js +0 -3
- package/dist/es2019/card/ui/common.js +0 -2
- package/dist/es2019/card/ui/iconMessage/styles.js +0 -2
- package/dist/es2019/card/ui/iconWrapper/styles.js +2 -2
- package/dist/es2019/card/ui/imageRenderer/imageRenderer.js +0 -3
- package/dist/es2019/card/ui/progressBar/styles.js +1 -3
- package/dist/es2019/card/ui/styles.js +3 -4
- package/dist/es2019/card/ui/titleBox/styles.js +2 -3
- package/dist/es2019/card/ui/unhandledErrorCard/index.js +0 -8
- package/dist/es2019/errors.js +8 -17
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/inline/loader.js +1 -18
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -12
- package/dist/es2019/inline/mediaInlineCard.js +0 -15
- package/dist/es2019/types.js +1 -1
- package/dist/es2019/utils/analytics.js +0 -3
- package/dist/es2019/utils/breakpoint.js +0 -4
- package/dist/es2019/utils/cardActions/cardActionIconButton.js +3 -5
- package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +0 -5
- package/dist/es2019/utils/cardActions/cardActionsView.js +0 -10
- package/dist/es2019/utils/cardActions/styles.js +0 -3
- package/dist/es2019/utils/cardDimensions.js +7 -14
- package/dist/es2019/utils/dimensionComparer.js +0 -3
- package/dist/es2019/utils/document.js +0 -2
- package/dist/es2019/utils/errorIcon/index.js +0 -3
- package/dist/es2019/utils/fileIcon/index.js +0 -1
- package/dist/es2019/utils/getDataURIDimension.js +0 -4
- package/dist/es2019/utils/getMediaCardCursor.js +1 -4
- package/dist/es2019/utils/globalScope/getSSRData.js +0 -2
- package/dist/es2019/utils/globalScope/globalScope.js +3 -10
- package/dist/es2019/utils/lightCards/cardError.js +0 -3
- package/dist/es2019/utils/lightCards/cardLoading.js +0 -3
- package/dist/es2019/utils/lightCards/lightCardWrappers.js +0 -1
- package/dist/es2019/utils/metadata.js +0 -5
- package/dist/es2019/utils/objectURLCache.js +0 -10
- package/dist/es2019/utils/printScript.js +0 -3
- package/dist/es2019/utils/progressBar/index.js +0 -2
- package/dist/es2019/utils/shouldDisplayImageThumbnail.js +0 -2
- package/dist/es2019/utils/ufoExperiences.js +5 -10
- package/dist/es2019/utils/videoSnapshot.js +2 -4
- package/dist/es2019/utils/viewportDetector.js +0 -5
- package/dist/es2019/version.json +1 -1
- package/dist/esm/card/actions.js +0 -3
- package/dist/esm/card/card.js +126 -254
- package/dist/esm/card/cardAnalytics.js +0 -6
- package/dist/esm/card/cardImageView/cardImageViewWrapper.js +6 -6
- package/dist/esm/card/cardImageView/cardOverlay/cardOverlayComponents.js +2 -2
- package/dist/esm/card/cardImageView/cardOverlay/index.js +22 -37
- package/dist/esm/card/cardImageView/cardOverlay/styles.js +2 -6
- package/dist/esm/card/cardImageView/cardViewWrapper.js +6 -6
- package/dist/esm/card/cardImageView/fileCardImageView.js +66 -104
- package/dist/esm/card/cardImageView/styles.js +0 -5
- package/dist/esm/card/cardLoader.js +6 -17
- package/dist/esm/card/cardState.js +1 -2
- package/dist/esm/card/cardView.js +105 -171
- package/dist/esm/card/getCardPreview/cache.js +0 -7
- package/dist/esm/card/getCardPreview/filePreviewStatus.js +11 -11
- package/dist/esm/card/getCardPreview/helpers.js +0 -28
- package/dist/esm/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
- package/dist/esm/card/getCardPreview/index.js +16 -53
- package/dist/esm/card/getCardStatus.js +5 -20
- package/dist/esm/card/inlinePlayer.js +19 -85
- package/dist/esm/card/inlinePlayerLazy.js +1 -5
- package/dist/esm/card/inlinePlayerWrapper.js +4 -4
- package/dist/esm/card/media-card-analytics-error-boundary.js +6 -28
- package/dist/esm/card/styles/animations.js +0 -2
- package/dist/esm/card/styles/getSelectedBorderStyle.js +1 -1
- package/dist/esm/card/styles/index.js +0 -2
- package/dist/esm/card/styles/styles.js +4 -9
- package/dist/esm/card/ui/actionsBar/actionsBar.js +2 -12
- package/dist/esm/card/ui/actionsBar/styles.js +0 -2
- package/dist/esm/card/ui/blanket/styles.js +0 -2
- package/dist/esm/card/ui/common.js +0 -4
- package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -1
- package/dist/esm/card/ui/iconMessage/index.js +4 -4
- package/dist/esm/card/ui/iconMessage/styles.js +1 -5
- package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -1
- package/dist/esm/card/ui/iconWrapper/styles.js +3 -5
- package/dist/esm/card/ui/imageRenderer/imageRenderer.js +8 -11
- package/dist/esm/card/ui/loadingRateLimited/styles.js +1 -3
- package/dist/esm/card/ui/newFileExperience/newFileExperienceWrapper.js +13 -13
- package/dist/esm/card/ui/newFileExperience/styles.js +10 -12
- package/dist/esm/card/ui/playButton/styles.js +0 -2
- package/dist/esm/card/ui/progressBar/progressBar.js +6 -6
- package/dist/esm/card/ui/progressBar/styledBar.js +3 -3
- package/dist/esm/card/ui/progressBar/styles.js +4 -8
- package/dist/esm/card/ui/styles.js +12 -20
- package/dist/esm/card/ui/tickBox/styles.js +0 -2
- package/dist/esm/card/ui/titleBox/failedTitleBox.js +2 -2
- package/dist/esm/card/ui/titleBox/styles.js +4 -7
- package/dist/esm/card/ui/titleBox/titleBox.js +9 -11
- package/dist/esm/card/ui/titleBox/titleBoxComponents.js +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/index.js +6 -24
- package/dist/esm/errors.js +8 -40
- package/dist/esm/index.js +1 -0
- package/dist/esm/inline/loader.js +3 -40
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +4 -23
- package/dist/esm/inline/mediaInlineCard.js +21 -40
- package/dist/esm/types.js +1 -1
- package/dist/esm/utils/analytics.js +0 -6
- package/dist/esm/utils/breakpoint.js +0 -5
- package/dist/esm/utils/cardActions/cardActionIconButton.js +7 -18
- package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +6 -19
- package/dist/esm/utils/cardActions/cardActionsView.js +7 -22
- package/dist/esm/utils/cardActions/styles.js +0 -5
- package/dist/esm/utils/cardDimensions.js +7 -14
- package/dist/esm/utils/dimensionComparer.js +0 -3
- package/dist/esm/utils/document.js +0 -2
- package/dist/esm/utils/errorIcon/index.js +0 -9
- package/dist/esm/utils/errorIcon/styles.js +0 -2
- package/dist/esm/utils/fileIcon/index.js +3 -11
- package/dist/esm/utils/fileIcon/styles.js +0 -2
- package/dist/esm/utils/getDataURIDimension.js +0 -4
- package/dist/esm/utils/getMediaCardCursor.js +1 -4
- package/dist/esm/utils/globalScope/getSSRData.js +0 -2
- package/dist/esm/utils/globalScope/globalScope.js +8 -15
- package/dist/esm/utils/lightCards/cardError.js +0 -9
- package/dist/esm/utils/lightCards/cardLoading.js +3 -13
- package/dist/esm/utils/lightCards/lightCardWrappers.js +0 -1
- package/dist/esm/utils/lightCards/styles.js +1 -3
- package/dist/esm/utils/metadata.js +0 -5
- package/dist/esm/utils/objectURLCache.js +0 -15
- package/dist/esm/utils/printScript.js +0 -5
- package/dist/esm/utils/progressBar/index.js +0 -9
- package/dist/esm/utils/progressBar/styles.js +0 -2
- package/dist/esm/utils/shouldDisplayImageThumbnail.js +0 -2
- package/dist/esm/utils/ufoExperiences.js +1 -12
- package/dist/esm/utils/videoSnapshot.js +2 -6
- package/dist/esm/utils/viewportDetector.js +5 -16
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
|
@@ -13,7 +13,6 @@ export class CardLoading extends Component {
|
|
|
13
13
|
featureFlags
|
|
14
14
|
} = this.props;
|
|
15
15
|
const dimensions = getDimensionsWithDefault(dimensionsProp);
|
|
16
|
-
|
|
17
16
|
if (getMediaFeatureFlag('newCardExperience', featureFlags)) {
|
|
18
17
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
19
18
|
"data-testid": testId || 'media-card-loading',
|
|
@@ -21,7 +20,6 @@ export class CardLoading extends Component {
|
|
|
21
20
|
dimensions: dimensions
|
|
22
21
|
}, /*#__PURE__*/React.createElement(SpinnerIcon, null));
|
|
23
22
|
}
|
|
24
|
-
|
|
25
23
|
return /*#__PURE__*/React.createElement(AnimatedWrapper, {
|
|
26
24
|
"data-testid": testId || 'media-card-loading',
|
|
27
25
|
"data-test-loading": true,
|
|
@@ -31,5 +29,4 @@ export class CardLoading extends Component {
|
|
|
31
29
|
size: "medium"
|
|
32
30
|
}));
|
|
33
31
|
}
|
|
34
|
-
|
|
35
32
|
}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import { isErrorFileState, isFileIdentifier } from '@atlaskit/media-client';
|
|
2
|
-
|
|
3
2
|
const getProcessingStatusFromFileState = status => {
|
|
4
3
|
switch (status) {
|
|
5
4
|
case 'processed':
|
|
6
5
|
return 'succeeded';
|
|
7
|
-
|
|
8
6
|
case 'processing':
|
|
9
7
|
return 'running';
|
|
10
|
-
|
|
11
8
|
case 'failed-processing':
|
|
12
9
|
return 'failed';
|
|
13
10
|
}
|
|
14
11
|
};
|
|
15
|
-
|
|
16
12
|
const getFileDetailsFromFileState = state => ({
|
|
17
13
|
id: state.id,
|
|
18
14
|
name: state.name,
|
|
@@ -22,7 +18,6 @@ const getFileDetailsFromFileState = state => ({
|
|
|
22
18
|
mediaType: state.mediaType,
|
|
23
19
|
processingStatus: getProcessingStatusFromFileState(state.status)
|
|
24
20
|
});
|
|
25
|
-
|
|
26
21
|
export const getFileDetails = (identifier, fileState) => {
|
|
27
22
|
return isFileIdentifier(identifier) ? fileState && !isErrorFileState(fileState) ? getFileDetailsFromFileState(fileState) : {
|
|
28
23
|
id: identifier.id
|
|
@@ -1,25 +1,20 @@
|
|
|
1
1
|
import { LRUMap } from 'lru_map';
|
|
2
2
|
import { EventEmitter2 } from 'eventemitter2';
|
|
3
3
|
export const PREVIEW_CACHE_LRU_SIZE = 50;
|
|
4
|
-
|
|
5
4
|
class ExtendedLRUCache extends LRUMap {
|
|
6
5
|
constructor(limit) {
|
|
7
6
|
super(limit);
|
|
8
7
|
this.eventEmitter = new EventEmitter2();
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
shift() {
|
|
12
10
|
const entry = super.shift();
|
|
13
11
|
this.eventEmitter.emit('shift', entry);
|
|
14
12
|
return entry;
|
|
15
13
|
}
|
|
16
|
-
|
|
17
14
|
on(event, callback) {
|
|
18
15
|
this.eventEmitter.on(event, callback);
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
}
|
|
22
|
-
|
|
23
18
|
export class ObjectURLCache {
|
|
24
19
|
constructor(size) {
|
|
25
20
|
this.cache = new ExtendedLRUCache(size);
|
|
@@ -29,23 +24,18 @@ export class ObjectURLCache {
|
|
|
29
24
|
}
|
|
30
25
|
});
|
|
31
26
|
}
|
|
32
|
-
|
|
33
27
|
has(key) {
|
|
34
28
|
return !!this.cache.find(key);
|
|
35
29
|
}
|
|
36
|
-
|
|
37
30
|
get(key) {
|
|
38
31
|
return this.cache.get(key);
|
|
39
32
|
}
|
|
40
|
-
|
|
41
33
|
set(key, value) {
|
|
42
34
|
this.cache.set(key, value);
|
|
43
35
|
}
|
|
44
|
-
|
|
45
36
|
remove(key) {
|
|
46
37
|
const removed = this.cache.delete(key);
|
|
47
38
|
removed && URL.revokeObjectURL(removed.dataURI);
|
|
48
39
|
}
|
|
49
|
-
|
|
50
40
|
}
|
|
51
41
|
export const createObjectURLCache = () => new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
|
|
@@ -6,12 +6,9 @@ const printParam = param => {
|
|
|
6
6
|
} else if (param === undefined) {
|
|
7
7
|
return 'undefined';
|
|
8
8
|
}
|
|
9
|
-
|
|
10
9
|
return param;
|
|
11
10
|
};
|
|
12
|
-
|
|
13
11
|
const printParams = args => args.map(arg => printParam(arg)).join(',');
|
|
14
|
-
|
|
15
12
|
export const printFunctionCall = (fn, ...args) => `(${fn.toString()})(${printParams(args)});`;
|
|
16
13
|
export const printScript = statements => `(function(){
|
|
17
14
|
${statements.join(';')}
|
|
@@ -7,7 +7,6 @@ export class ProgressBar extends Component {
|
|
|
7
7
|
if (typeof this.props.progress !== 'number') {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
10
|
const progress = Math.min(1, Math.max(0, this.props.progress));
|
|
12
11
|
const progressBarStyle = {
|
|
13
12
|
width: `${progress * 100}%`
|
|
@@ -19,5 +18,4 @@ export class ProgressBar extends Component {
|
|
|
19
18
|
style: progressBarStyle
|
|
20
19
|
}));
|
|
21
20
|
}
|
|
22
|
-
|
|
23
21
|
}
|
|
@@ -3,10 +3,8 @@ export const shouldDisplayImageThumbnail = (cardStatus, mediaItemType, dataURI,
|
|
|
3
3
|
if (mediaType === 'doc' || !mimeType && mediaItemType === 'file') {
|
|
4
4
|
return false;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
6
|
if (dataURI) {
|
|
8
7
|
return mediaItemType === 'external-image' || mimeType && isMimeTypeSupportedByBrowser(mimeType) || cardStatus === 'complete' || cardStatus === 'loading-preview';
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return false;
|
|
12
10
|
};
|
|
@@ -3,9 +3,8 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
|
|
|
3
3
|
import { MediaCardError } from '../errors';
|
|
4
4
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
5
5
|
const packageName = "@atlaskit/media-card";
|
|
6
|
-
const packageVersion = "74.5.
|
|
6
|
+
const packageVersion = "74.5.2";
|
|
7
7
|
let concurrentExperience;
|
|
8
|
-
|
|
9
8
|
const getExperience = id => {
|
|
10
9
|
if (!concurrentExperience) {
|
|
11
10
|
const inlineExperience = {
|
|
@@ -18,10 +17,8 @@ const getExperience = id => {
|
|
|
18
17
|
};
|
|
19
18
|
concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
|
|
20
19
|
}
|
|
21
|
-
|
|
22
20
|
return concurrentExperience.getInstance(id);
|
|
23
21
|
};
|
|
24
|
-
|
|
25
22
|
export const startUfoExperience = id => {
|
|
26
23
|
getExperience(id).start();
|
|
27
24
|
};
|
|
@@ -34,7 +31,6 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
|
|
|
34
31
|
fileStateFlags
|
|
35
32
|
});
|
|
36
33
|
break;
|
|
37
|
-
|
|
38
34
|
case 'failed-processing':
|
|
39
35
|
failUfoExperience(id, {
|
|
40
36
|
fileAttributes,
|
|
@@ -43,7 +39,6 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
|
|
|
43
39
|
fileStateFlags
|
|
44
40
|
});
|
|
45
41
|
break;
|
|
46
|
-
|
|
47
42
|
case 'error':
|
|
48
43
|
failUfoExperience(id, {
|
|
49
44
|
fileAttributes,
|
|
@@ -55,10 +50,10 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
|
|
|
55
50
|
break;
|
|
56
51
|
}
|
|
57
52
|
};
|
|
58
|
-
|
|
59
53
|
const succeedUfoExperience = (id, properties) => {
|
|
60
54
|
getExperience(id).success({
|
|
61
|
-
metadata: {
|
|
55
|
+
metadata: {
|
|
56
|
+
...properties,
|
|
62
57
|
packageName,
|
|
63
58
|
packageVersion,
|
|
64
59
|
mediaEnvironment: getMediaEnvironment(),
|
|
@@ -66,10 +61,10 @@ const succeedUfoExperience = (id, properties) => {
|
|
|
66
61
|
}
|
|
67
62
|
});
|
|
68
63
|
};
|
|
69
|
-
|
|
70
64
|
const failUfoExperience = (id, properties) => {
|
|
71
65
|
getExperience(id).failure({
|
|
72
|
-
metadata: {
|
|
66
|
+
metadata: {
|
|
67
|
+
...properties,
|
|
73
68
|
packageName,
|
|
74
69
|
packageVersion,
|
|
75
70
|
mediaEnvironment: getMediaEnvironment(),
|
|
@@ -11,21 +11,19 @@ export const takeSnapshot = async blob => {
|
|
|
11
11
|
video.addEventListener('timeupdate', function timeUpdateHandler() {
|
|
12
12
|
video.removeEventListener('timeupdate', timeUpdateHandler);
|
|
13
13
|
video.pause();
|
|
14
|
-
URL.revokeObjectURL(url);
|
|
14
|
+
URL.revokeObjectURL(url);
|
|
15
|
+
//create canvas to draw our first frame on.
|
|
15
16
|
|
|
16
17
|
if (!video.videoWidth && !video.videoHeight) {
|
|
17
18
|
return reject(new Error('error retrieving video dimensions'));
|
|
18
19
|
}
|
|
19
|
-
|
|
20
20
|
const canvas = document.createElement('canvas');
|
|
21
21
|
canvas.width = video.videoWidth;
|
|
22
22
|
canvas.height = video.videoHeight;
|
|
23
23
|
const context = canvas.getContext('2d');
|
|
24
|
-
|
|
25
24
|
if (!context) {
|
|
26
25
|
return reject(new Error('error creating canvas context'));
|
|
27
26
|
}
|
|
28
|
-
|
|
29
27
|
context.drawImage(video, 0, 0, canvas.width, canvas.height);
|
|
30
28
|
const dataURL = canvas.toDataURL('image/jpeg', 0.85);
|
|
31
29
|
resolve(dataURL);
|
|
@@ -11,7 +11,6 @@ const createIntersectionObserverCallback = onVisible => (entries, observer) => {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
|
|
15
14
|
const ViewportObserver = ({
|
|
16
15
|
onVisible,
|
|
17
16
|
cardEl,
|
|
@@ -19,7 +18,6 @@ const ViewportObserver = ({
|
|
|
19
18
|
}) => {
|
|
20
19
|
useEffect(() => {
|
|
21
20
|
let intersectionObserver;
|
|
22
|
-
|
|
23
21
|
try {
|
|
24
22
|
intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
|
|
25
23
|
root: getDocument(),
|
|
@@ -31,7 +29,6 @@ const ViewportObserver = ({
|
|
|
31
29
|
rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
|
|
32
30
|
});
|
|
33
31
|
}
|
|
34
|
-
|
|
35
32
|
cardEl && intersectionObserver.observe(cardEl);
|
|
36
33
|
return () => {
|
|
37
34
|
intersectionObserver.disconnect();
|
|
@@ -39,7 +36,6 @@ const ViewportObserver = ({
|
|
|
39
36
|
}, [cardEl, onVisible]);
|
|
40
37
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
41
38
|
};
|
|
42
|
-
|
|
43
39
|
export const ViewportDetector = ({
|
|
44
40
|
cardEl,
|
|
45
41
|
onVisible,
|
|
@@ -48,7 +44,6 @@ export const ViewportDetector = ({
|
|
|
48
44
|
if (typeof IntersectionObserver === 'undefined') {
|
|
49
45
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
50
46
|
}
|
|
51
|
-
|
|
52
47
|
return /*#__PURE__*/React.createElement(ViewportObserver, {
|
|
53
48
|
cardEl: cardEl,
|
|
54
49
|
onVisible: onVisible
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/card/actions.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
|
|
5
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
|
|
7
4
|
export function attachDetailsToActions(actions, details) {
|
|
8
5
|
return actions.map(function (action) {
|
|
9
6
|
return _objectSpread(_objectSpread({}, action), {}, {
|