@atlaskit/media-card 77.11.2 → 77.11.3
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 +2803 -2809
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/cardView.js +3 -1
- package/dist/cjs/card/inlinePlayerWrapper.js +3 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +3 -1
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton.js +3 -1
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionIconButton.js +3 -1
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js +3 -1
- package/dist/cjs/card/ui/blanket/blanket.js +3 -1
- package/dist/cjs/card/ui/playButton/playButtonBackground.js +1 -0
- package/dist/cjs/card/ui/playButton/playButtonWrapper.js +7 -4
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +3 -1
- package/dist/cjs/card/ui/wrapper/wrapper.js +3 -1
- package/dist/cjs/card/v2/cardV2.js +1 -1
- package/dist/cjs/card/v2/cardViewV2.js +6 -3
- package/dist/cjs/card/v2/cardviews/cardViewWrapper.js +6 -3
- package/dist/cjs/card/v2/cardviews/index.js +4 -2
- package/dist/cjs/card/v2/fileCard.js +5 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +11 -7
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/cardView.js +3 -1
- package/dist/es2019/card/inlinePlayerWrapper.js +3 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/actionsBar/actionsBarWrapper.js +3 -1
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton.js +3 -1
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionIconButton.js +3 -1
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js +3 -1
- package/dist/es2019/card/ui/blanket/blanket.js +3 -1
- package/dist/es2019/card/ui/playButton/playButtonBackground.js +1 -0
- package/dist/es2019/card/ui/playButton/playButtonWrapper.js +7 -4
- package/dist/es2019/card/ui/tickBox/tickBoxWrapper.js +3 -1
- package/dist/es2019/card/ui/wrapper/wrapper.js +3 -1
- package/dist/es2019/card/v2/cardV2.js +1 -1
- package/dist/es2019/card/v2/cardViewV2.js +6 -3
- package/dist/es2019/card/v2/cardviews/cardViewWrapper.js +5 -2
- package/dist/es2019/card/v2/cardviews/index.js +4 -2
- package/dist/es2019/card/v2/fileCard.js +6 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +11 -7
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/cardView.js +3 -1
- package/dist/esm/card/inlinePlayerWrapper.js +3 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/actionsBar/actionsBarWrapper.js +3 -1
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton.js +3 -1
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionIconButton.js +3 -1
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js +3 -1
- package/dist/esm/card/ui/blanket/blanket.js +3 -1
- package/dist/esm/card/ui/playButton/playButtonBackground.js +1 -0
- package/dist/esm/card/ui/playButton/playButtonWrapper.js +7 -4
- package/dist/esm/card/ui/tickBox/tickBoxWrapper.js +3 -1
- package/dist/esm/card/ui/wrapper/wrapper.js +3 -1
- package/dist/esm/card/v2/cardV2.js +1 -1
- package/dist/esm/card/v2/cardViewV2.js +6 -3
- package/dist/esm/card/v2/cardviews/cardViewWrapper.js +6 -3
- package/dist/esm/card/v2/cardviews/index.js +4 -2
- package/dist/esm/card/v2/fileCard.js +6 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +11 -7
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/actions.d.ts +2 -2
- package/dist/types/card/card.d.ts +5 -5
- package/dist/types/card/cardAnalytics.d.ts +4 -4
- package/dist/types/card/cardState.d.ts +2 -2
- package/dist/types/card/cardSwitcher.d.ts +1 -1
- package/dist/types/card/cardView.d.ts +8 -8
- package/dist/types/card/getCardPreview/cache.d.ts +3 -3
- package/dist/types/card/getCardPreview/filePreviewStatus.d.ts +2 -2
- package/dist/types/card/getCardPreview/helpers.d.ts +3 -3
- package/dist/types/card/getCardPreview/index.d.ts +5 -5
- package/dist/types/card/getCardStatus.d.ts +2 -2
- package/dist/types/card/inlinePlayer.d.ts +4 -4
- package/dist/types/card/inlinePlayerWrapper.d.ts +1 -1
- package/dist/types/card/inlinePlayerWrapperStyles.d.ts +1 -1
- package/dist/types/card/media-card-analytics-error-boundary.d.ts +4 -4
- package/dist/types/card/types.d.ts +4 -3
- package/dist/types/card/ui/actionsBar/actionsBar.d.ts +1 -1
- package/dist/types/card/ui/actionsBar/actionsBarWrapper.d.ts +1 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionButton.d.ts +1 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts +2 -2
- package/dist/types/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts +2 -2
- package/dist/types/card/ui/actionsBar/cardActions/cardActionsView.d.ts +2 -2
- package/dist/types/card/ui/actionsBar/cardActions/styles.d.ts +3 -2
- package/dist/types/card/ui/actionsBar/types.d.ts +2 -2
- package/dist/types/card/ui/iconMessage/iconMessageWrapper.d.ts +1 -1
- package/dist/types/card/ui/iconMessage/index.d.ts +1 -1
- package/dist/types/card/ui/iconMessage/types.d.ts +2 -2
- package/dist/types/card/ui/iconWrapper/iconWrapper.d.ts +1 -1
- package/dist/types/card/ui/iconWrapper/styles.d.ts +2 -2
- package/dist/types/card/ui/iconWrapper/types.d.ts +1 -1
- package/dist/types/card/ui/imageRenderer/imageRenderer.d.ts +2 -2
- package/dist/types/card/ui/imageRenderer/resizeModeToMediaImageProps.d.ts +1 -1
- package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts +1 -1
- package/dist/types/card/ui/progressBar/styledBar.d.ts +1 -1
- package/dist/types/card/ui/progressBar/styles.d.ts +1 -1
- package/dist/types/card/ui/progressBar/types.d.ts +1 -1
- package/dist/types/card/ui/styles.d.ts +2 -2
- package/dist/types/card/ui/tickBox/tickBox.d.ts +1 -1
- package/dist/types/card/ui/tickBox/tickBoxWrapper.d.ts +1 -1
- package/dist/types/card/ui/titleBox/failedTitleBox.d.ts +1 -1
- package/dist/types/card/ui/titleBox/styles.d.ts +1 -1
- package/dist/types/card/ui/titleBox/titleBox.d.ts +1 -1
- package/dist/types/card/ui/titleBox/titleBoxComponents.d.ts +1 -1
- package/dist/types/card/ui/titleBox/types.d.ts +3 -3
- package/dist/types/card/ui/unhandledErrorCard/index.d.ts +1 -1
- package/dist/types/card/ui/unhandledErrorCard/types.d.ts +1 -1
- package/dist/types/card/ui/wrapper/styles.d.ts +1 -1
- package/dist/types/card/ui/wrapper/types.d.ts +6 -5
- package/dist/types/card/ui/wrapper/wrapper.d.ts +1 -1
- package/dist/types/card/useBreakpoint.d.ts +2 -2
- package/dist/types/card/v2/cardV2.d.ts +3 -3
- package/dist/types/card/v2/cardV2Loader.d.ts +1 -1
- package/dist/types/card/v2/cardViewV2.d.ts +10 -9
- package/dist/types/card/v2/cardWithMediaClientV2.d.ts +1 -1
- package/dist/types/card/v2/cardviews/cardViewWrapper.d.ts +8 -7
- package/dist/types/card/v2/cardviews/errorCardView.d.ts +4 -4
- package/dist/types/card/v2/cardviews/iconCardView.d.ts +3 -3
- package/dist/types/card/v2/cardviews/imageCardView.d.ts +4 -4
- package/dist/types/card/v2/cardviews/index.d.ts +9 -8
- package/dist/types/card/v2/cardviews/loadingCardView.d.ts +3 -3
- package/dist/types/card/v2/cardviews/processingCardView.d.ts +2 -2
- package/dist/types/card/v2/cardviews/videoCardView.d.ts +4 -4
- package/dist/types/card/v2/externalImageCard.d.ts +3 -3
- package/dist/types/card/v2/fileCard.d.ts +5 -5
- package/dist/types/card/v2/inlinePlayerV2.d.ts +4 -4
- package/dist/types/errors.d.ts +2 -2
- package/dist/types/inline/loader.d.ts +3 -3
- package/dist/types/inline/mediaInlineAnalyticsErrorBoundary.d.ts +3 -3
- package/dist/types/inline/mediaInlineCard.d.ts +4 -4
- package/dist/types/inline/mediaInlineCardAnalytics.d.ts +2 -2
- package/dist/types/types.d.ts +6 -6
- package/dist/types/utils/analytics/analytics.d.ts +5 -5
- package/dist/types/utils/cardDimensions.d.ts +1 -1
- package/dist/types/utils/dimensionComparer.d.ts +1 -1
- package/dist/types/utils/getDataURIDimension.d.ts +3 -3
- package/dist/types/utils/getMediaCardCursor.d.ts +1 -1
- package/dist/types/utils/globalScope/getSSRData.d.ts +1 -1
- package/dist/types/utils/globalScope/globalScope.d.ts +5 -5
- package/dist/types/utils/globalScope/types.d.ts +2 -2
- package/dist/types/utils/lightCards/cardError.d.ts +1 -1
- package/dist/types/utils/lightCards/cardLoading.d.ts +1 -1
- package/dist/types/utils/lightCards/getDimensionsWithDefault.d.ts +1 -1
- package/dist/types/utils/lightCards/lightCardWrappers.d.ts +1 -1
- package/dist/types/utils/lightCards/styles.d.ts +1 -1
- package/dist/types/utils/lightCards/types.d.ts +2 -2
- package/dist/types/utils/metadata.d.ts +1 -1
- package/dist/types/utils/objectURLCache.d.ts +1 -1
- package/dist/types/utils/preventClickThrough.d.ts +1 -1
- package/dist/types/utils/ufoExperiences.d.ts +4 -4
- package/dist/types/utils/useCurrentValueRef.d.ts +1 -1
- package/dist/types/utils/videoIsPlayable.d.ts +1 -1
- package/dist/types/utils/viewportDetector.d.ts +1 -1
- package/dist/types-ts4.5/card/actions.d.ts +2 -2
- package/dist/types-ts4.5/card/card.d.ts +5 -5
- package/dist/types-ts4.5/card/cardAnalytics.d.ts +4 -4
- package/dist/types-ts4.5/card/cardState.d.ts +2 -2
- package/dist/types-ts4.5/card/cardSwitcher.d.ts +1 -1
- package/dist/types-ts4.5/card/cardView.d.ts +8 -8
- package/dist/types-ts4.5/card/getCardPreview/cache.d.ts +3 -3
- package/dist/types-ts4.5/card/getCardPreview/filePreviewStatus.d.ts +2 -2
- package/dist/types-ts4.5/card/getCardPreview/helpers.d.ts +3 -3
- package/dist/types-ts4.5/card/getCardPreview/index.d.ts +5 -5
- package/dist/types-ts4.5/card/getCardStatus.d.ts +2 -2
- package/dist/types-ts4.5/card/inlinePlayer.d.ts +4 -4
- package/dist/types-ts4.5/card/inlinePlayerWrapper.d.ts +1 -1
- package/dist/types-ts4.5/card/inlinePlayerWrapperStyles.d.ts +1 -1
- package/dist/types-ts4.5/card/media-card-analytics-error-boundary.d.ts +4 -4
- package/dist/types-ts4.5/card/types.d.ts +4 -3
- package/dist/types-ts4.5/card/ui/actionsBar/actionsBar.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/actionsBar/actionsBarWrapper.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsView.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/styles.d.ts +3 -2
- package/dist/types-ts4.5/card/ui/actionsBar/types.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/iconMessage/iconMessageWrapper.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/iconMessage/index.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/iconMessage/types.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/iconWrapper/iconWrapper.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/iconWrapper/styles.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/iconWrapper/types.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/imageRenderer/imageRenderer.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/imageRenderer/resizeModeToMediaImageProps.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/progressBar/styledBar.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/progressBar/styles.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/progressBar/types.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/styles.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/tickBox/tickBox.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/tickBox/tickBoxWrapper.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/titleBox/failedTitleBox.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/titleBox/styles.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/titleBox/titleBox.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/titleBox/titleBoxComponents.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/titleBox/types.d.ts +3 -3
- package/dist/types-ts4.5/card/ui/unhandledErrorCard/index.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/unhandledErrorCard/types.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/wrapper/styles.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/wrapper/types.d.ts +6 -5
- package/dist/types-ts4.5/card/ui/wrapper/wrapper.d.ts +1 -1
- package/dist/types-ts4.5/card/useBreakpoint.d.ts +2 -2
- package/dist/types-ts4.5/card/v2/cardV2.d.ts +3 -3
- package/dist/types-ts4.5/card/v2/cardV2Loader.d.ts +1 -1
- package/dist/types-ts4.5/card/v2/cardViewV2.d.ts +10 -9
- package/dist/types-ts4.5/card/v2/cardWithMediaClientV2.d.ts +1 -1
- package/dist/types-ts4.5/card/v2/cardviews/cardViewWrapper.d.ts +8 -7
- package/dist/types-ts4.5/card/v2/cardviews/errorCardView.d.ts +4 -4
- package/dist/types-ts4.5/card/v2/cardviews/iconCardView.d.ts +3 -3
- package/dist/types-ts4.5/card/v2/cardviews/imageCardView.d.ts +4 -4
- package/dist/types-ts4.5/card/v2/cardviews/index.d.ts +9 -8
- package/dist/types-ts4.5/card/v2/cardviews/loadingCardView.d.ts +3 -3
- package/dist/types-ts4.5/card/v2/cardviews/processingCardView.d.ts +2 -2
- package/dist/types-ts4.5/card/v2/cardviews/videoCardView.d.ts +4 -4
- package/dist/types-ts4.5/card/v2/externalImageCard.d.ts +3 -3
- package/dist/types-ts4.5/card/v2/fileCard.d.ts +5 -5
- package/dist/types-ts4.5/card/v2/inlinePlayerV2.d.ts +4 -4
- package/dist/types-ts4.5/errors.d.ts +2 -2
- package/dist/types-ts4.5/inline/loader.d.ts +3 -3
- package/dist/types-ts4.5/inline/mediaInlineAnalyticsErrorBoundary.d.ts +3 -3
- package/dist/types-ts4.5/inline/mediaInlineCard.d.ts +4 -4
- package/dist/types-ts4.5/inline/mediaInlineCardAnalytics.d.ts +2 -2
- package/dist/types-ts4.5/types.d.ts +6 -6
- package/dist/types-ts4.5/utils/analytics/analytics.d.ts +5 -5
- package/dist/types-ts4.5/utils/cardDimensions.d.ts +1 -1
- package/dist/types-ts4.5/utils/dimensionComparer.d.ts +1 -1
- package/dist/types-ts4.5/utils/getDataURIDimension.d.ts +3 -3
- package/dist/types-ts4.5/utils/getMediaCardCursor.d.ts +1 -1
- package/dist/types-ts4.5/utils/globalScope/getSSRData.d.ts +1 -1
- package/dist/types-ts4.5/utils/globalScope/globalScope.d.ts +5 -5
- package/dist/types-ts4.5/utils/globalScope/types.d.ts +2 -2
- package/dist/types-ts4.5/utils/lightCards/cardError.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/cardLoading.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/getDimensionsWithDefault.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/lightCardWrappers.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/styles.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/types.d.ts +2 -2
- package/dist/types-ts4.5/utils/metadata.d.ts +1 -1
- package/dist/types-ts4.5/utils/objectURLCache.d.ts +1 -1
- package/dist/types-ts4.5/utils/preventClickThrough.d.ts +1 -1
- package/dist/types-ts4.5/utils/ufoExperiences.d.ts +4 -4
- package/dist/types-ts4.5/utils/useCurrentValueRef.d.ts +1 -1
- package/dist/types-ts4.5/utils/videoIsPlayable.d.ts +1 -1
- package/dist/types-ts4.5/utils/viewportDetector.d.ts +1 -1
- package/example-helpers/cards.tsx +3 -1
- package/example-helpers/developmentUseMessage.tsx +1 -0
- package/example-helpers/index.tsx +4 -4
- package/example-helpers/selectableCard.tsx +2 -2
- package/package.json +12 -14
|
@@ -47,13 +47,17 @@ const ErrorBoundaryComponent = ({
|
|
|
47
47
|
userSelect: 'text'
|
|
48
48
|
})
|
|
49
49
|
};
|
|
50
|
-
return
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
return (
|
|
51
|
+
/*#__PURE__*/
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
53
|
+
React.createElement("span", {
|
|
54
|
+
style: style
|
|
55
|
+
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
56
|
+
label: "error",
|
|
57
|
+
size: "small",
|
|
58
|
+
primaryColor: `var(--ds-icon-danger, ${R300})`
|
|
59
|
+
}), message)
|
|
60
|
+
);
|
|
57
61
|
};
|
|
58
62
|
class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
|
|
59
63
|
constructor(props) {
|
|
@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
4
4
|
import { MediaCardError } from '../errors';
|
|
5
5
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
6
6
|
const packageName = "@atlaskit/media-card";
|
|
7
|
-
const packageVersion = "77.11.
|
|
7
|
+
const packageVersion = "77.11.3";
|
|
8
8
|
let concurrentExperience;
|
|
9
9
|
const getExperience = id => {
|
|
10
10
|
if (!concurrentExperience) {
|
package/dist/esm/card/card.js
CHANGED
|
@@ -41,7 +41,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
|
|
|
41
41
|
import { generateUniqueId } from '../utils/generateUniqueId';
|
|
42
42
|
import { DateOverrideContext } from '../dateOverrideContext';
|
|
43
43
|
var packageName = "@atlaskit/media-card";
|
|
44
|
-
var packageVersion = "77.11.
|
|
44
|
+
var packageVersion = "77.11.3";
|
|
45
45
|
export var CardBase = /*#__PURE__*/function (_Component) {
|
|
46
46
|
_inherits(CardBase, _Component);
|
|
47
47
|
var _super = _createSuper(CardBase);
|
|
@@ -201,7 +201,9 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
|
|
|
201
201
|
name = _ref3.name;
|
|
202
202
|
var hasTitleBox = !!renderTitleBox || !!renderFailedTitleBox;
|
|
203
203
|
return jsx(React.Fragment, null, jsx("div", {
|
|
204
|
-
css: cardImageContainerStyles
|
|
204
|
+
css: cardImageContainerStyles
|
|
205
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
206
|
+
,
|
|
205
207
|
className: fileCardImageViewSelector,
|
|
206
208
|
"data-testid": fileCardImageViewSelector,
|
|
207
209
|
"data-test-media-name": name,
|
|
@@ -9,7 +9,9 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
9
9
|
innerRef = props.innerRef;
|
|
10
10
|
return jsx("div", {
|
|
11
11
|
id: "inlinePlayerWrapper",
|
|
12
|
-
"data-testid": testId
|
|
12
|
+
"data-testid": testId
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
14
|
+
,
|
|
13
15
|
className: inlinePlayerClassName,
|
|
14
16
|
css: inlinePlayerWrapperStyles({
|
|
15
17
|
selected: selected,
|
|
@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
83
83
|
}(React.Component);
|
|
84
84
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
85
85
|
var packageName = "@atlaskit/media-card";
|
|
86
|
-
var packageVersion = "77.11.
|
|
86
|
+
var packageVersion = "77.11.3";
|
|
87
87
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
88
88
|
packageVersion: packageVersion,
|
|
89
89
|
packageName: packageName,
|
|
@@ -4,7 +4,9 @@ import { wrapperStyles, actionsBarClassName } from './styles';
|
|
|
4
4
|
export var ActionsBarWrapper = function ActionsBarWrapper(props) {
|
|
5
5
|
return jsx("div", {
|
|
6
6
|
id: "actionsBarWrapper",
|
|
7
|
-
css: wrapperStyles(props.isFixed)
|
|
7
|
+
css: wrapperStyles(props.isFixed)
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
9
|
+
,
|
|
8
10
|
className: actionsBarClassName
|
|
9
11
|
}, props.children);
|
|
10
12
|
};
|
|
@@ -8,7 +8,9 @@ export var CardActionButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
8
8
|
id: "cardActionButton",
|
|
9
9
|
"data-testid": "media-card-primary-action",
|
|
10
10
|
"aria-label": props.label,
|
|
11
|
-
css: cardActionButtonStyles(props)
|
|
11
|
+
css: cardActionButtonStyles(props)
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
13
|
+
,
|
|
12
14
|
style: props.style,
|
|
13
15
|
onClick: props.onClick,
|
|
14
16
|
onMouseDown: props.onMouseDown,
|
|
@@ -38,7 +38,9 @@ export var CardActionIconButton = /*#__PURE__*/function (_Component) {
|
|
|
38
38
|
variant = _this$props.variant;
|
|
39
39
|
return /*#__PURE__*/React.createElement(CardActionButton, {
|
|
40
40
|
onClick: onClick,
|
|
41
|
-
onMouseDown: this.onMouseDown
|
|
41
|
+
onMouseDown: this.onMouseDown
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
43
|
+
,
|
|
42
44
|
style: {
|
|
43
45
|
color: triggerColor
|
|
44
46
|
},
|
|
@@ -72,7 +72,9 @@ export var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
|
|
|
72
72
|
var triggerRef = _ref.triggerRef,
|
|
73
73
|
providedProps = _objectWithoutProperties(_ref, _excluded);
|
|
74
74
|
return /*#__PURE__*/React.createElement(CardActionButtonWithAnalytics, _extends({
|
|
75
|
-
variant: triggerVariant
|
|
75
|
+
variant: triggerVariant
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
77
|
+
,
|
|
76
78
|
style: {
|
|
77
79
|
color: triggerColor
|
|
78
80
|
},
|
|
@@ -4,7 +4,9 @@ import { blanketStyles, blanketClassName } from './styles';
|
|
|
4
4
|
export var Blanket = function Blanket(props) {
|
|
5
5
|
var isFixed = props.isFixed;
|
|
6
6
|
return jsx("div", {
|
|
7
|
-
css: blanketStyles(isFixed)
|
|
7
|
+
css: blanketStyles(isFixed)
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
9
|
+
,
|
|
8
10
|
className: blanketClassName,
|
|
9
11
|
"data-testid": "media-card-blanket"
|
|
10
12
|
});
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
3
|
import { backgroundStyles, bkgClassName } from './styles';
|
|
4
4
|
export var PlayButtonBackground = function PlayButtonBackground() {
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
5
6
|
return jsx("div", {
|
|
6
7
|
css: backgroundStyles,
|
|
7
8
|
className: bkgClassName
|
|
@@ -2,8 +2,11 @@
|
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
3
|
import { playButtonClassName, playButtonWrapperStyles } from './styles';
|
|
4
4
|
export var PlayButtonWrapper = function PlayButtonWrapper(props) {
|
|
5
|
-
return
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
return (
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
7
|
+
jsx("div", {
|
|
8
|
+
css: playButtonWrapperStyles,
|
|
9
|
+
className: playButtonClassName
|
|
10
|
+
}, props.children)
|
|
11
|
+
);
|
|
9
12
|
};
|
|
@@ -29,7 +29,9 @@ wrapperStyles.displayName = 'TickBoxWrapper';
|
|
|
29
29
|
export var TickBoxWrapper = function TickBoxWrapper(props) {
|
|
30
30
|
return jsx("div", {
|
|
31
31
|
id: "tickBoxWrapper",
|
|
32
|
-
css: wrapperStyles(props.selected)
|
|
32
|
+
css: wrapperStyles(props.selected)
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
34
|
+
,
|
|
33
35
|
className: tickBoxClassName
|
|
34
36
|
}, props.children);
|
|
35
37
|
};
|
|
@@ -18,7 +18,9 @@ export var Wrapper = function Wrapper(props) {
|
|
|
18
18
|
isTickBoxSelectable = props.isTickBoxSelectable,
|
|
19
19
|
shouldDisplayTooltip = props.shouldDisplayTooltip;
|
|
20
20
|
return jsx("div", {
|
|
21
|
-
id: "newFileExperienceWrapper"
|
|
21
|
+
id: "newFileExperienceWrapper"
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
23
|
+
,
|
|
22
24
|
className: newFileExperienceClassName,
|
|
23
25
|
"data-testid": testId,
|
|
24
26
|
css: wrapperStyles({
|
|
@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
|
|
|
9
9
|
import { ExternalImageCard } from './externalImageCard';
|
|
10
10
|
import { FileCard } from './fileCard';
|
|
11
11
|
var packageName = "@atlaskit/media-card";
|
|
12
|
-
var packageVersion = "77.11.
|
|
12
|
+
var packageVersion = "77.11.3";
|
|
13
13
|
export var CardV2Base = function CardV2Base(_ref) {
|
|
14
14
|
var identifier = _ref.identifier,
|
|
15
15
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -57,7 +57,8 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
|
|
|
57
57
|
disableAnimation = _ref.disableAnimation,
|
|
58
58
|
_ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
|
|
59
59
|
openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
|
|
60
|
-
shouldOpenMediaViewer = _ref.shouldOpenMediaViewer
|
|
60
|
+
shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
|
|
61
|
+
overriddenCreationDate = _ref.overriddenCreationDate;
|
|
61
62
|
var _useState = useState(false),
|
|
62
63
|
_useState2 = _slicedToArray(_useState, 2),
|
|
63
64
|
didImageRender = _useState2[0],
|
|
@@ -201,7 +202,9 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
|
|
|
201
202
|
createdAt = _ref5.createdAt;
|
|
202
203
|
var actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
|
|
203
204
|
var contents = jsx(React.Fragment, null, jsx("div", {
|
|
204
|
-
css: cardImageContainerStyles
|
|
205
|
+
css: cardImageContainerStyles
|
|
206
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
207
|
+
,
|
|
205
208
|
className: fileCardImageViewSelector,
|
|
206
209
|
"data-testid": fileCardImageViewSelector,
|
|
207
210
|
"data-test-media-name": name,
|
|
@@ -240,7 +243,7 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
|
|
|
240
243
|
isFixed: isFixedBlanket
|
|
241
244
|
}), renderTitleBox && name && jsx(TitleBox, {
|
|
242
245
|
name: name,
|
|
243
|
-
createdAt: createdAt,
|
|
246
|
+
createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
|
|
244
247
|
breakpoint: breakpoint,
|
|
245
248
|
titleBoxIcon: titleBoxIcon,
|
|
246
249
|
titleBoxBgColor: titleBoxBgColor
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["cardPreview", "testId", "dimensions", "appearance", "metadata", "selected", "selectable", "actions", "breakpoint", "disableOverlay", "titleBoxBgColor", "titleBoxIcon", "shouldHideTooltip", "children", "onClick", "onMouseEnter", "mediaCardCursor", "customBlanket", "customTitleBox", "progressBar", "shouldOpenMediaViewer", "openMediaViewerButtonRef"];
|
|
3
|
+
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"];
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { jsx } from '@emotion/react';
|
|
6
6
|
import React from 'react';
|
|
@@ -39,6 +39,7 @@ export var CardViewWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
39
39
|
shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
|
|
40
40
|
_ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
|
|
41
41
|
openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
|
|
42
|
+
overriddenCreationDate = _ref.overriddenCreationDate,
|
|
42
43
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
44
|
var _ref2 = metadata || {},
|
|
44
45
|
name = _ref2.name,
|
|
@@ -48,13 +49,15 @@ export var CardViewWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
48
49
|
var defaultBlanket = !disableOverlay && jsx(Blanket, null);
|
|
49
50
|
var defaultTitleBox = !disableOverlay && !!name && jsx(TitleBox, {
|
|
50
51
|
name: name,
|
|
51
|
-
createdAt: createdAt,
|
|
52
|
+
createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
|
|
52
53
|
breakpoint: breakpoint,
|
|
53
54
|
titleBoxIcon: titleBoxIcon,
|
|
54
55
|
titleBoxBgColor: titleBoxBgColor
|
|
55
56
|
});
|
|
56
57
|
var contents = jsx(React.Fragment, null, jsx("div", _extends({
|
|
57
|
-
css: cardImageContainerStyles
|
|
58
|
+
css: cardImageContainerStyles
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
60
|
+
,
|
|
58
61
|
className: fileCardImageViewSelector,
|
|
59
62
|
"data-testid": fileCardImageViewSelector,
|
|
60
63
|
"data-test-media-name": name,
|
|
@@ -42,7 +42,8 @@ export var CardViewsBase = function CardViewsBase(_ref) {
|
|
|
42
42
|
error = _ref.error,
|
|
43
43
|
disableAnimation = _ref.disableAnimation,
|
|
44
44
|
shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
|
|
45
|
-
openMediaViewerButtonRef = _ref.openMediaViewerButtonRef
|
|
45
|
+
openMediaViewerButtonRef = _ref.openMediaViewerButtonRef,
|
|
46
|
+
overriddenCreationDate = _ref.overriddenCreationDate;
|
|
46
47
|
var _useState = useState(false),
|
|
47
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
48
49
|
didImageRender = _useState2[0],
|
|
@@ -101,7 +102,8 @@ export var CardViewsBase = function CardViewsBase(_ref) {
|
|
|
101
102
|
mediaCardCursor: mediaCardCursor,
|
|
102
103
|
innerRef: innerRef,
|
|
103
104
|
shouldOpenMediaViewer: shouldOpenMediaViewer,
|
|
104
|
-
openMediaViewerButtonRef: openMediaViewerButtonRef
|
|
105
|
+
openMediaViewerButtonRef: openMediaViewerButtonRef,
|
|
106
|
+
overriddenCreationDate: overriddenCreationDate
|
|
105
107
|
};
|
|
106
108
|
switch (status) {
|
|
107
109
|
case 'uploading':
|
|
@@ -29,6 +29,8 @@ import { CardViews } from './cardviews';
|
|
|
29
29
|
import { InlinePlayerLazyV2 } from './inlinePlayerLazyV2';
|
|
30
30
|
import { useFilePreview } from '@atlaskit/media-file-preview';
|
|
31
31
|
import { performanceNow } from './performance';
|
|
32
|
+
import { useContext } from 'react';
|
|
33
|
+
import { DateOverrideContext } from '../../dateOverrideContext';
|
|
32
34
|
var LoadedCardView = getBooleanFF('platform.media-experience.card-views-refactor_b91lr') ? CardViews : CardViewV2;
|
|
33
35
|
export var FileCard = function FileCard(_ref) {
|
|
34
36
|
var _ref$appearance = _ref.appearance,
|
|
@@ -103,6 +105,8 @@ export var FileCard = function FileCard(_ref) {
|
|
|
103
105
|
return prevFileState;
|
|
104
106
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
105
107
|
}, [fileState]);
|
|
108
|
+
var dateOverrides = useContext(DateOverrideContext);
|
|
109
|
+
var overridenDate = dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id];
|
|
106
110
|
|
|
107
111
|
//----------------------------------------------------------------//
|
|
108
112
|
//------------ State, Refs & Initial Values ----------------------//
|
|
@@ -554,7 +558,8 @@ export var FileCard = function FileCard(_ref) {
|
|
|
554
558
|
nativeLazyLoad: nativeLazyLoad,
|
|
555
559
|
forceSyncDisplay: forceSyncDisplay,
|
|
556
560
|
mediaCardCursor: mediaCardCursor,
|
|
557
|
-
shouldHideTooltip: shouldHideTooltip
|
|
561
|
+
shouldHideTooltip: shouldHideTooltip,
|
|
562
|
+
overriddenCreationDate: overridenDate
|
|
558
563
|
});
|
|
559
564
|
return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
|
|
560
565
|
cardEl: cardElement,
|
|
@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
103
103
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
104
104
|
var analyticsContext = {
|
|
105
105
|
packageVersion: "@atlaskit/media-card",
|
|
106
|
-
packageName: "77.11.
|
|
106
|
+
packageName: "77.11.3",
|
|
107
107
|
componentName: 'mediaInlineCard',
|
|
108
108
|
component: 'mediaInlineCard'
|
|
109
109
|
};
|
|
@@ -53,13 +53,17 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
|
53
53
|
}, isSelected ? _objectSpread({}, selectedStyle) : {
|
|
54
54
|
userSelect: 'text'
|
|
55
55
|
});
|
|
56
|
-
return
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
56
|
+
return (
|
|
57
|
+
/*#__PURE__*/
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
59
|
+
React.createElement("span", {
|
|
60
|
+
style: style
|
|
61
|
+
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
62
|
+
label: "error",
|
|
63
|
+
size: "small",
|
|
64
|
+
primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
|
|
65
|
+
}), message)
|
|
66
|
+
);
|
|
63
67
|
};
|
|
64
68
|
var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
65
69
|
_inherits(WrappedMediaInlineAnalyticsErrorBoundary, _React$Component);
|
|
@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
7
7
|
import { MediaCardError } from '../errors';
|
|
8
8
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
9
9
|
var packageName = "@atlaskit/media-card";
|
|
10
|
-
var packageVersion = "77.11.
|
|
10
|
+
var packageVersion = "77.11.3";
|
|
11
11
|
var concurrentExperience;
|
|
12
12
|
var getExperience = function getExperience(id) {
|
|
13
13
|
if (!concurrentExperience) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FileItem, FileDetails } from '@atlaskit/media-client';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { type FileItem, type FileDetails } from '@atlaskit/media-client';
|
|
2
|
+
import { type ReactNode } from 'react';
|
|
3
3
|
export interface CardAction {
|
|
4
4
|
label?: string;
|
|
5
5
|
handler: CardEventHandler;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
|
-
import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
|
-
import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
|
|
4
|
-
import { WrappedComponentProps } from 'react-intl-next';
|
|
5
|
-
import { CardAction } from './actions';
|
|
6
|
-
import { CardProps, CardState, CardStatus } from '../types';
|
|
2
|
+
import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
|
+
import { type FileIdentifier, type FileState, type MediaSubscription } from '@atlaskit/media-client';
|
|
4
|
+
import { type WrappedComponentProps } from 'react-intl-next';
|
|
5
|
+
import { type CardAction } from './actions';
|
|
6
|
+
import { type CardProps, type CardState, type CardStatus } from '../types';
|
|
7
7
|
export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps> & {
|
|
8
8
|
dateOverride?: number;
|
|
9
9
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { FileAttributes, MediaTraceContext, PerformanceAttributes } from '@atlaskit/media-common';
|
|
2
|
-
import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
-
import { SSRStatus } from '../utils/analytics';
|
|
4
|
-
import { CardStatus } from '../types';
|
|
1
|
+
import { type FileAttributes, type MediaTraceContext, type PerformanceAttributes } from '@atlaskit/media-common';
|
|
2
|
+
import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
+
import { type SSRStatus } from '../utils/analytics';
|
|
4
|
+
import { type CardStatus } from '../types';
|
|
5
5
|
import { MediaCardError } from '../errors';
|
|
6
6
|
export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;
|
|
7
7
|
export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, traceContext: MediaTraceContext) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FileState } from '@atlaskit/media-client';
|
|
2
|
-
import { CardState } from '../types';
|
|
1
|
+
import { type FileState } from '@atlaskit/media-client';
|
|
2
|
+
import { type CardState } from '../types';
|
|
3
3
|
import { MediaCardError } from '../errors';
|
|
4
4
|
/**
|
|
5
5
|
* From docs: "Both state and props received by the updater function are guaranteed to be up-to-date.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CardWithMediaClientConfigProps } from './types';
|
|
2
|
+
import { type CardWithMediaClientConfigProps } from './types';
|
|
3
3
|
declare function CardSwitcher(props: CardWithMediaClientConfigProps): JSX.Element;
|
|
4
4
|
export default CardSwitcher;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import React, { MouseEvent } from 'react';
|
|
4
|
-
import { MessageDescriptor } from 'react-intl-next';
|
|
5
|
-
import { MediaItemType, FileDetails } from '@atlaskit/media-client';
|
|
6
|
-
import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
7
|
-
import { SharedCardProps, CardStatus } from '../types';
|
|
8
|
-
import { MediaCardError } from '../errors';
|
|
9
|
-
import { CardPreview } from '../types';
|
|
10
|
-
import { MediaCardCursor } from '../types';
|
|
3
|
+
import React, { type MouseEvent } from 'react';
|
|
4
|
+
import { type MessageDescriptor } from 'react-intl-next';
|
|
5
|
+
import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
|
|
6
|
+
import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
7
|
+
import { type SharedCardProps, type CardStatus } from '../types';
|
|
8
|
+
import { type MediaCardError } from '../errors';
|
|
9
|
+
import { type CardPreview } from '../types';
|
|
10
|
+
import { type MediaCardCursor } from '../types';
|
|
11
11
|
export interface CardViewOwnProps extends SharedCardProps {
|
|
12
12
|
readonly status: CardStatus;
|
|
13
13
|
readonly mediaItemType: MediaItemType;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ImageResizeMode } from '@atlaskit/media-client';
|
|
2
|
-
import { ObjectURLCache } from '../../utils/objectURLCache';
|
|
3
|
-
import { CardPreview } from '../../types';
|
|
1
|
+
import { type ImageResizeMode } from '@atlaskit/media-client';
|
|
2
|
+
import { type ObjectURLCache } from '../../utils/objectURLCache';
|
|
3
|
+
import { type CardPreview } from '../../types';
|
|
4
4
|
type Mode = ImageResizeMode | undefined;
|
|
5
5
|
export declare const getCacheKey: (id: string, mode: Mode) => string;
|
|
6
6
|
export interface CardPreviewCache {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CardStatus, FilePreviewStatus } from '../../types';
|
|
2
|
-
import { FileState } from '@atlaskit/media-client';
|
|
1
|
+
import { type CardStatus, type FilePreviewStatus } from '../../types';
|
|
2
|
+
import { type FileState } from '@atlaskit/media-client';
|
|
3
3
|
export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean) => FilePreviewStatus;
|
|
4
4
|
export declare const isPreviewableStatus: (cardStatus: CardStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { MediaClient, FilePreview, MediaStoreGetFileImageParams, MediaType } from '@atlaskit/media-client';
|
|
2
|
-
import { MediaTraceContext } from '@atlaskit/media-common';
|
|
3
|
-
import { CardPreview } from '../../types';
|
|
1
|
+
import { type MediaClient, type FilePreview, type MediaStoreGetFileImageParams, type MediaType } from '@atlaskit/media-client';
|
|
2
|
+
import { type MediaTraceContext } from '@atlaskit/media-common';
|
|
3
|
+
import { type CardPreview } from '../../types';
|
|
4
4
|
/**
|
|
5
5
|
* This method tells the support for the media
|
|
6
6
|
* types covered in getCardPreviewFromFilePreview
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, MediaBlobUrlAttrs } from '@atlaskit/media-client';
|
|
2
|
-
import { SSR, MediaTraceContext } from '@atlaskit/media-common';
|
|
3
|
-
import { ImageResizeMode } from '@atlaskit/media-client';
|
|
4
|
-
import { CardDimensions } from '../../types';
|
|
1
|
+
import { type MediaClient, type FilePreview, type FileState, type MediaStoreGetFileImageParams, type MediaBlobUrlAttrs } from '@atlaskit/media-client';
|
|
2
|
+
import { type SSR, type MediaTraceContext } from '@atlaskit/media-common';
|
|
3
|
+
import { type ImageResizeMode } from '@atlaskit/media-client';
|
|
4
|
+
import { type CardDimensions } from '../../types';
|
|
5
5
|
import { MediaCardError } from '../../errors';
|
|
6
|
-
import { CardStatus, CardPreview } from '../../types';
|
|
6
|
+
import { type CardStatus, type CardPreview } from '../../types';
|
|
7
7
|
export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview, } from './helpers';
|
|
8
8
|
export { extractFilePreviewStatus } from './filePreviewStatus';
|
|
9
9
|
export declare const getCardPreviewFromCache: (id: string, mode: ImageResizeMode | undefined) => CardPreview | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FileStatus } from '@atlaskit/media-client';
|
|
2
|
-
import { CardStatus, FilePreviewStatus } from '../types';
|
|
1
|
+
import { type FileStatus } from '@atlaskit/media-client';
|
|
2
|
+
import { type CardStatus, type FilePreviewStatus } from '../types';
|
|
3
3
|
export declare const isFinalCardStatus: (status: CardStatus) => boolean;
|
|
4
4
|
export declare const getCardStatus: (fileStatus: FileStatus, { isPreviewable, hasPreview }: FilePreviewStatus) => CardStatus;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Component } from 'react';
|
|
3
|
-
import { MediaClient, FileIdentifier, FileState, MediaFileArtifacts, MediaSubscription } from '@atlaskit/media-client';
|
|
4
|
-
import { NumericalCardDimensions } from '@atlaskit/media-common';
|
|
5
|
-
import { CardDimensions } from '../types';
|
|
6
|
-
import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
+
import { type MediaClient, type FileIdentifier, type FileState, type MediaFileArtifacts, type MediaSubscription } from '@atlaskit/media-client';
|
|
4
|
+
import { type NumericalCardDimensions } from '@atlaskit/media-common';
|
|
5
|
+
import { type CardDimensions } from '../types';
|
|
6
|
+
import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
7
7
|
import type { CardPreview } from '../types';
|
|
8
8
|
export interface InlinePlayerOwnProps {
|
|
9
9
|
identifier: FileIdentifier;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InlinePlayerWrapperProps } from './types';
|
|
1
|
+
import { type InlinePlayerWrapperProps } from './types';
|
|
2
2
|
export declare const inlinePlayerClassName = "media-card-inline-player";
|
|
3
3
|
export declare const inlinePlayerWrapperStyles: {
|
|
4
4
|
({ dimensions, selected, }: InlinePlayerWrapperProps): import("@emotion/react").SerializedStyles;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
import { MediaFeatureFlags } from '@atlaskit/media-common';
|
|
3
|
-
import { CardDimensions, CardOnClickCallback } from '../types';
|
|
4
|
-
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import { type MediaFeatureFlags } from '@atlaskit/media-common';
|
|
3
|
+
import { type CardDimensions, type CardOnClickCallback } from '../types';
|
|
4
|
+
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
5
5
|
export type MediaCardAnalyticsErrorBoundaryProps = PropsWithChildren<{
|
|
6
6
|
dimensions?: CardDimensions;
|
|
7
7
|
data?: {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { type ReactElement, type RefObject } from 'react';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
4
|
import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
|
|
4
5
|
import type { CardBaseProps } from './card';
|
|
5
|
-
import { CardDimensions } from '../types';
|
|
6
|
+
import { type CardDimensions } from '../types';
|
|
6
7
|
export type InlinePlayerWrapperProps = {
|
|
7
8
|
testId?: string;
|
|
8
9
|
dimensions?: CardDimensions;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CardActionButtonOwnProps } from './styles';
|
|
2
|
+
import { type CardActionButtonOwnProps } from './styles';
|
|
3
3
|
export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, ReactNode, MouseEvent } from 'react';
|
|
2
|
-
import { CardActionIconButtonVariant } from './styles';
|
|
1
|
+
import { Component, type ReactNode, type MouseEvent } from 'react';
|
|
2
|
+
import { type CardActionIconButtonVariant } from './styles';
|
|
3
3
|
export type CardActionIconButtonProps = {
|
|
4
4
|
readonly icon: ReactNode;
|
|
5
5
|
readonly label?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
|
-
import { CardAction } from '../../../actions';
|
|
3
|
-
import { CardActionIconButtonVariant } from './styles';
|
|
2
|
+
import { type CardAction } from '../../../actions';
|
|
3
|
+
import { type CardActionIconButtonVariant } from './styles';
|
|
4
4
|
export type CardActionsDropdownMenuProps = {
|
|
5
5
|
readonly actions: CardAction[];
|
|
6
6
|
readonly triggerColor?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
|
-
import { CardAction } from '../../../actions';
|
|
3
|
-
import { CardActionIconButtonVariant } from './styles';
|
|
2
|
+
import { type CardAction } from '../../../actions';
|
|
3
|
+
import { type CardActionIconButtonVariant } from './styles';
|
|
4
4
|
export interface CardActionsViewProps {
|
|
5
5
|
readonly actions: CardAction[];
|
|
6
6
|
readonly filename?: string;
|