@atlaskit/media-card 79.6.1 → 79.6.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 +14 -0
- package/dist/cjs/card/actions.js +1 -1
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
- package/dist/cjs/card/inlinePlayerWrapper-compiled.js +4 -4
- package/dist/cjs/card/inlinePlayerWrapper.js +1 -3
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/svgView/svgView.js +1 -2
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -3
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton.js +1 -4
- package/dist/cjs/card/ui/blanket/blanket.js +1 -3
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper-compiled.js +1 -0
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +1 -3
- package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +1 -3
- package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -3
- package/dist/cjs/card/ui/progressBar/styledBar.js +1 -3
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -3
- package/dist/cjs/card/ui/titleBox/failedTitleBox.compiled.css +3 -0
- package/dist/cjs/card/ui/titleBox/failedTitleBox.js +7 -1
- package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.compiled.css +1 -4
- package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.js +1 -1
- package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +5 -7
- package/dist/cjs/card/ui/unhandledErrorCard/index.js +1 -3
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -0
- package/dist/cjs/card/ui/wrapper/imageContainer.js +1 -2
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +2 -2
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +5 -5
- package/dist/cjs/card/ui/wrapper/wrapper.js +1 -3
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/actions.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
- package/dist/es2019/card/inlinePlayerWrapper-compiled.js +3 -3
- package/dist/es2019/card/inlinePlayerWrapper.js +1 -5
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/svgView/svgView.js +1 -2
- package/dist/es2019/card/ui/actionsBar/actionsBarWrapper.js +1 -3
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton.js +1 -5
- package/dist/es2019/card/ui/blanket/blanket.js +1 -3
- package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-compiled.js +1 -0
- package/dist/es2019/card/ui/iconMessage/iconMessageWrapper.js +1 -3
- package/dist/es2019/card/ui/iconWrapper/iconWrapper.js +1 -3
- package/dist/es2019/card/ui/playButton/playButtonWrapper.js +1 -3
- package/dist/es2019/card/ui/progressBar/styledBar.js +1 -3
- package/dist/es2019/card/ui/tickBox/tickBoxWrapper.js +1 -3
- package/dist/es2019/card/ui/titleBox/failedTitleBox.compiled.css +3 -0
- package/dist/es2019/card/ui/titleBox/failedTitleBox.js +7 -1
- package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.compiled.css +1 -4
- package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.js +1 -1
- package/dist/es2019/card/ui/titleBox/titleBoxComponents.js +5 -7
- package/dist/es2019/card/ui/unhandledErrorCard/index.js +1 -3
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +2 -0
- package/dist/es2019/card/ui/wrapper/imageContainer.js +1 -3
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css +2 -2
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +4 -4
- package/dist/es2019/card/ui/wrapper/wrapper.js +1 -3
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/actions.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
- package/dist/esm/card/inlinePlayerWrapper-compiled.js +3 -3
- package/dist/esm/card/inlinePlayerWrapper.js +1 -3
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/svgView/svgView.js +1 -2
- package/dist/esm/card/ui/actionsBar/actionsBarWrapper.js +1 -3
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton.js +1 -5
- package/dist/esm/card/ui/blanket/blanket.js +1 -3
- package/dist/esm/card/ui/iconMessage/iconMessageWrapper-compiled.js +1 -0
- package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -3
- package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -3
- package/dist/esm/card/ui/playButton/playButtonWrapper.js +1 -3
- package/dist/esm/card/ui/progressBar/styledBar.js +1 -3
- package/dist/esm/card/ui/tickBox/tickBoxWrapper.js +1 -3
- package/dist/esm/card/ui/titleBox/failedTitleBox.compiled.css +3 -0
- package/dist/esm/card/ui/titleBox/failedTitleBox.js +7 -1
- package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.compiled.css +1 -4
- package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.js +1 -1
- package/dist/esm/card/ui/titleBox/titleBoxComponents.js +5 -7
- package/dist/esm/card/ui/unhandledErrorCard/index.js +1 -3
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -0
- package/dist/esm/card/ui/wrapper/imageContainer.js +1 -3
- package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +2 -2
- package/dist/esm/card/ui/wrapper/wrapper-compiled.js +4 -4
- package/dist/esm/card/ui/wrapper/wrapper.js +1 -3
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/inlinePlayerWrapper-compiled.d.ts +2 -0
- package/dist/types/card/ui/wrapper/wrapper-compiled.d.ts +2 -0
- package/dist/types-ts4.5/card/inlinePlayerWrapper-compiled.d.ts +2 -0
- package/dist/types-ts4.5/card/ui/wrapper/wrapper-compiled.d.ts +2 -0
- package/package.json +4 -7
- package/dist/cjs/card/inlinePlayerWrapper-emotion.js +0 -47
- package/dist/cjs/card/svgView/svgImage-emotion.js +0 -101
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper-emotion.js +0 -33
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-emotion.js +0 -35
- package/dist/cjs/card/ui/blanket/blanket-emotion.js +0 -25
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper-emotion.js +0 -51
- package/dist/cjs/card/ui/iconWrapper/iconWrapper-emotion.js +0 -27
- package/dist/cjs/card/ui/playButton/playButtonBackground-emotion.js +0 -21
- package/dist/cjs/card/ui/playButton/playButtonWrapper-emotion.js +0 -23
- package/dist/cjs/card/ui/progressBar/styledBar-emotion.js +0 -35
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper-emotion.js +0 -67
- package/dist/cjs/card/ui/titleBox/titleBoxComponents-emotion.js +0 -72
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +0 -106
- package/dist/cjs/card/ui/wrapper/imageContainer-emotion.js +0 -55
- package/dist/cjs/card/ui/wrapper/wrapper-emotion.js +0 -68
- package/dist/es2019/card/inlinePlayerWrapper-emotion.js +0 -41
- package/dist/es2019/card/svgView/svgImage-emotion.js +0 -90
- package/dist/es2019/card/ui/actionsBar/actionsBarWrapper-emotion.js +0 -26
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-emotion.js +0 -28
- package/dist/es2019/card/ui/blanket/blanket-emotion.js +0 -20
- package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-emotion.js +0 -46
- package/dist/es2019/card/ui/iconWrapper/iconWrapper-emotion.js +0 -22
- package/dist/es2019/card/ui/playButton/playButtonBackground-emotion.js +0 -14
- package/dist/es2019/card/ui/playButton/playButtonWrapper-emotion.js +0 -16
- package/dist/es2019/card/ui/progressBar/styledBar-emotion.js +0 -30
- package/dist/es2019/card/ui/tickBox/tickBoxWrapper-emotion.js +0 -57
- package/dist/es2019/card/ui/titleBox/titleBoxComponents-emotion.js +0 -71
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +0 -85
- package/dist/es2019/card/ui/wrapper/imageContainer-emotion.js +0 -47
- package/dist/es2019/card/ui/wrapper/wrapper-emotion.js +0 -62
- package/dist/esm/card/inlinePlayerWrapper-emotion.js +0 -39
- package/dist/esm/card/svgView/svgImage-emotion.js +0 -94
- package/dist/esm/card/ui/actionsBar/actionsBarWrapper-emotion.js +0 -26
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-emotion.js +0 -30
- package/dist/esm/card/ui/blanket/blanket-emotion.js +0 -18
- package/dist/esm/card/ui/iconMessage/iconMessageWrapper-emotion.js +0 -44
- package/dist/esm/card/ui/iconWrapper/iconWrapper-emotion.js +0 -20
- package/dist/esm/card/ui/playButton/playButtonBackground-emotion.js +0 -14
- package/dist/esm/card/ui/playButton/playButtonWrapper-emotion.js +0 -16
- package/dist/esm/card/ui/progressBar/styledBar-emotion.js +0 -28
- package/dist/esm/card/ui/tickBox/tickBoxWrapper-emotion.js +0 -60
- package/dist/esm/card/ui/titleBox/titleBoxComponents-emotion.js +0 -65
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +0 -101
- package/dist/esm/card/ui/wrapper/imageContainer-emotion.js +0 -48
- package/dist/esm/card/ui/wrapper/wrapper-emotion.js +0 -60
- package/dist/types/card/inlinePlayerWrapper-emotion.d.ts +0 -7
- package/dist/types/card/svgView/svgImage-emotion.d.ts +0 -7
- package/dist/types/card/ui/actionsBar/actionsBarWrapper-emotion.d.ts +0 -7
- package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts +0 -2
- package/dist/types/card/ui/blanket/blanket-emotion.d.ts +0 -9
- package/dist/types/card/ui/iconMessage/iconMessageWrapper-emotion.d.ts +0 -7
- package/dist/types/card/ui/iconWrapper/iconWrapper-emotion.d.ts +0 -7
- package/dist/types/card/ui/playButton/playButtonBackground-emotion.d.ts +0 -6
- package/dist/types/card/ui/playButton/playButtonWrapper-emotion.d.ts +0 -6
- package/dist/types/card/ui/progressBar/styledBar-emotion.d.ts +0 -7
- package/dist/types/card/ui/tickBox/tickBoxWrapper-emotion.d.ts +0 -7
- package/dist/types/card/ui/titleBox/titleBoxComponents-emotion.d.ts +0 -11
- package/dist/types/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.d.ts +0 -10
- package/dist/types/card/ui/wrapper/imageContainer-emotion.d.ts +0 -17
- package/dist/types/card/ui/wrapper/wrapper-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/inlinePlayerWrapper-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/svgView/svgImage-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/ui/actionsBar/actionsBarWrapper-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts +0 -2
- package/dist/types-ts4.5/card/ui/blanket/blanket-emotion.d.ts +0 -9
- package/dist/types-ts4.5/card/ui/iconMessage/iconMessageWrapper-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/ui/iconWrapper/iconWrapper-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/ui/playButton/playButtonBackground-emotion.d.ts +0 -6
- package/dist/types-ts4.5/card/ui/playButton/playButtonWrapper-emotion.d.ts +0 -6
- package/dist/types-ts4.5/card/ui/progressBar/styledBar-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/ui/tickBox/tickBoxWrapper-emotion.d.ts +0 -7
- package/dist/types-ts4.5/card/ui/titleBox/titleBoxComponents-emotion.d.ts +0 -11
- package/dist/types-ts4.5/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.d.ts +0 -10
- package/dist/types-ts4.5/card/ui/wrapper/imageContainer-emotion.d.ts +0 -17
- package/dist/types-ts4.5/card/ui/wrapper/wrapper-emotion.d.ts +0 -7
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import { errorMessageWrapperStyles, newTitleBoxIconStyles, titleBoxFooterStyles, titleBoxHeaderStyles, titleBoxIconStyles, titleBoxWrapperStyles } from './styles';
|
|
9
|
-
export var TitleBoxWrapper = function TitleBoxWrapper(props) {
|
|
10
|
-
var breakpoint = props.breakpoint,
|
|
11
|
-
titleBoxBgColor = props.titleBoxBgColor,
|
|
12
|
-
hidden = props.hidden;
|
|
13
|
-
return jsx("div", {
|
|
14
|
-
id: "titleBoxWrapper",
|
|
15
|
-
"data-testid": "media-title-box"
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
17
|
-
,
|
|
18
|
-
css: titleBoxWrapperStyles({
|
|
19
|
-
breakpoint: breakpoint,
|
|
20
|
-
display: hidden ? 'none' : 'flex',
|
|
21
|
-
titleBoxBgColor: titleBoxBgColor
|
|
22
|
-
})
|
|
23
|
-
}, props.children);
|
|
24
|
-
};
|
|
25
|
-
export var TitleBoxHeader = function TitleBoxHeader(props) {
|
|
26
|
-
var hasIconOverlap = props.hasIconOverlap;
|
|
27
|
-
return jsx("div", {
|
|
28
|
-
id: "titleBoxHeader",
|
|
29
|
-
"data-testid": "title-box-header"
|
|
30
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
31
|
-
,
|
|
32
|
-
css: titleBoxHeaderStyles({
|
|
33
|
-
hasIconOverlap: hasIconOverlap
|
|
34
|
-
})
|
|
35
|
-
}, props.children);
|
|
36
|
-
};
|
|
37
|
-
export var TitleBoxFooter = function TitleBoxFooter(props) {
|
|
38
|
-
var hasIconOverlap = props.hasIconOverlap;
|
|
39
|
-
return jsx("div", {
|
|
40
|
-
id: "titleBoxFooter",
|
|
41
|
-
"data-testid": "title-box-footer"
|
|
42
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
43
|
-
,
|
|
44
|
-
css: titleBoxFooterStyles({
|
|
45
|
-
hasIconOverlap: hasIconOverlap
|
|
46
|
-
})
|
|
47
|
-
}, props.children);
|
|
48
|
-
};
|
|
49
|
-
export var TitleBoxIcon = function TitleBoxIcon(props) {
|
|
50
|
-
return jsx("div", {
|
|
51
|
-
id: "titleBoxIcon",
|
|
52
|
-
"data-testid": "title-box-icon",
|
|
53
|
-
css: fg('platform-visual-refresh-icons') ?
|
|
54
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
55
|
-
newTitleBoxIconStyles :
|
|
56
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
57
|
-
titleBoxIconStyles
|
|
58
|
-
}, props.children);
|
|
59
|
-
};
|
|
60
|
-
export var ErrorMessageWrapper = function ErrorMessageWrapper(props) {
|
|
61
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
62
|
-
return jsx("div", {
|
|
63
|
-
css: errorMessageWrapperStyles
|
|
64
|
-
}, props.children);
|
|
65
|
-
};
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
4
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
7
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
|
-
/**
|
|
9
|
-
* @jsxRuntime classic
|
|
10
|
-
* @jsx jsx
|
|
11
|
-
*/
|
|
12
|
-
import { Component } from 'react';
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
|
-
import { css, jsx } from '@emotion/react';
|
|
15
|
-
import WarningIcon from '@atlaskit/icon/core/migration/status-warning--editor-warning';
|
|
16
|
-
import { N20, N800, Y500 } from '@atlaskit/theme/colors';
|
|
17
|
-
import { center, borderRadius } from '@atlaskit/media-ui';
|
|
18
|
-
import { defaultImageCardDimensions } from '../../../utils';
|
|
19
|
-
import { ContentLoadingErrorMessage } from './contentLoadingErrorMessage';
|
|
20
|
-
var isPercentage = function isPercentage(value) {
|
|
21
|
-
return /^\d+(\.\d+)?%$/.test(value);
|
|
22
|
-
};
|
|
23
|
-
var shouldShowText = function shouldShowText(_ref) {
|
|
24
|
-
var width = _ref.width,
|
|
25
|
-
height = _ref.height;
|
|
26
|
-
if (isPercentage(width) || isPercentage(height)) {
|
|
27
|
-
return false;
|
|
28
|
-
}
|
|
29
|
-
return parseInt(width, 10) >= 240 && parseInt(height, 10) >= 90;
|
|
30
|
-
};
|
|
31
|
-
var normalizeDimension = function normalizeDimension(value, defaultValue) {
|
|
32
|
-
var sValue = value.toString();
|
|
33
|
-
return isPercentage(sValue) ? sValue : isNaN(parseInt(sValue, 10)) ? defaultValue + 'px' : parseInt(sValue, 10) + 'px';
|
|
34
|
-
};
|
|
35
|
-
var getConvertedDimension = function getConvertedDimension(dimensions) {
|
|
36
|
-
var _dimensions$width = dimensions.width,
|
|
37
|
-
width = _dimensions$width === void 0 ? defaultImageCardDimensions.width : _dimensions$width,
|
|
38
|
-
_dimensions$height = dimensions.height,
|
|
39
|
-
height = _dimensions$height === void 0 ? defaultImageCardDimensions.height : _dimensions$height;
|
|
40
|
-
return {
|
|
41
|
-
width: normalizeDimension(width, defaultImageCardDimensions.width),
|
|
42
|
-
height: normalizeDimension(height, defaultImageCardDimensions.height)
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
var wrapperStyles = function wrapperStyles() {
|
|
46
|
-
var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultImageCardDimensions;
|
|
47
|
-
try {
|
|
48
|
-
return css(
|
|
49
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
|
-
center,
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
52
|
-
borderRadius, {
|
|
53
|
-
background: "var(--ds-background-neutral, ".concat(N20, ")"),
|
|
54
|
-
color: "var(--ds-text-subtle, ".concat(N800, ")"),
|
|
55
|
-
maxHeight: '100%',
|
|
56
|
-
maxWidth: '100%'
|
|
57
|
-
},
|
|
58
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
59
|
-
getConvertedDimension(dimensions), {
|
|
60
|
-
display: 'flex',
|
|
61
|
-
flexDirection: 'column',
|
|
62
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
63
|
-
p: {
|
|
64
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
65
|
-
textAlign: 'center'
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
} catch (e) {
|
|
69
|
-
return null;
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
73
|
-
function UnhandledErrorCard() {
|
|
74
|
-
_classCallCheck(this, UnhandledErrorCard);
|
|
75
|
-
return _callSuper(this, UnhandledErrorCard, arguments);
|
|
76
|
-
}
|
|
77
|
-
_inherits(UnhandledErrorCard, _Component);
|
|
78
|
-
return _createClass(UnhandledErrorCard, [{
|
|
79
|
-
key: "render",
|
|
80
|
-
value: function render() {
|
|
81
|
-
var _this$props = this.props,
|
|
82
|
-
dimensions = _this$props.dimensions,
|
|
83
|
-
onClick = _this$props.onClick;
|
|
84
|
-
var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : defaultImageCardDimensions));
|
|
85
|
-
return (
|
|
86
|
-
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
|
|
87
|
-
jsx("div", {
|
|
88
|
-
css: wrapperStyles(dimensions),
|
|
89
|
-
onClick: onClick
|
|
90
|
-
}, jsx(WarningIcon, {
|
|
91
|
-
label: "Error",
|
|
92
|
-
color: "var(--ds-icon-warning, ".concat(Y500, ")"),
|
|
93
|
-
LEGACY_size: "medium",
|
|
94
|
-
spacing: "spacious"
|
|
95
|
-
}), jsx(ContentLoadingErrorMessage, {
|
|
96
|
-
isHidden: isErrorHidden
|
|
97
|
-
}))
|
|
98
|
-
);
|
|
99
|
-
}
|
|
100
|
-
}]);
|
|
101
|
-
}(Component);
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
|
-
import { jsx, css } from '@emotion/react';
|
|
7
|
-
import { fileCardImageViewSelector } from '../../classnames';
|
|
8
|
-
var imageContainerStyles = css({
|
|
9
|
-
display: 'flex',
|
|
10
|
-
position: 'relative',
|
|
11
|
-
maxWidth: '100%',
|
|
12
|
-
width: '100%',
|
|
13
|
-
height: '100%',
|
|
14
|
-
maxHeight: '100%',
|
|
15
|
-
overflow: 'hidden',
|
|
16
|
-
borderRadius: "var(--ds-radius-small, 3px)"
|
|
17
|
-
});
|
|
18
|
-
var imageContainerCenterStyles = css({
|
|
19
|
-
flexDirection: 'column',
|
|
20
|
-
justifyContent: 'center',
|
|
21
|
-
alignItems: 'center'
|
|
22
|
-
});
|
|
23
|
-
export var ImageContainer = function ImageContainer(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
mediaName = _ref.mediaName,
|
|
26
|
-
status = _ref.status,
|
|
27
|
-
progress = _ref.progress,
|
|
28
|
-
selected = _ref.selected,
|
|
29
|
-
source = _ref.source,
|
|
30
|
-
centerElements = _ref.centerElements;
|
|
31
|
-
return jsx("div", {
|
|
32
|
-
css: [imageContainerStyles, centerElements && imageContainerCenterStyles],
|
|
33
|
-
"data-testid": fileCardImageViewSelector
|
|
34
|
-
/**
|
|
35
|
-
* This wrapper MUST add the classname in order to allow the editor to prevent bubbling up the click event.
|
|
36
|
-
* See the method isInteractiveElement in source platform/packages/editor/renderer/src/ui/Renderer/click-to-edit.ts
|
|
37
|
-
* Also, many other consumer tests rely on this selector.
|
|
38
|
-
*/
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
40
|
-
,
|
|
41
|
-
className: fileCardImageViewSelector,
|
|
42
|
-
"data-test-media-name": mediaName,
|
|
43
|
-
"data-test-status": status,
|
|
44
|
-
"data-test-progress": progress,
|
|
45
|
-
"data-test-selected": selected,
|
|
46
|
-
"data-test-source": source
|
|
47
|
-
}, children);
|
|
48
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/**
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
|
-
import { jsx } from '@emotion/react';
|
|
8
|
-
import { newFileExperienceClassName } from '../../cardConstants';
|
|
9
|
-
import { wrapperStyles } from './styles';
|
|
10
|
-
import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
|
|
11
|
-
import UFOCustomData from '@atlaskit/react-ufo/custom-data';
|
|
12
|
-
export var Wrapper = function Wrapper(props) {
|
|
13
|
-
var testId = props.testId,
|
|
14
|
-
dimensions = props.dimensions,
|
|
15
|
-
appearance = props.appearance,
|
|
16
|
-
onClick = props.onClick,
|
|
17
|
-
onMouseEnter = props.onMouseEnter,
|
|
18
|
-
innerRef = props.innerRef,
|
|
19
|
-
breakpoint = props.breakpoint,
|
|
20
|
-
mediaCardCursor = props.mediaCardCursor,
|
|
21
|
-
disableOverlay = props.disableOverlay,
|
|
22
|
-
selected = props.selected,
|
|
23
|
-
displayBackground = props.displayBackground,
|
|
24
|
-
isPlayButtonClickable = props.isPlayButtonClickable,
|
|
25
|
-
isTickBoxSelectable = props.isTickBoxSelectable,
|
|
26
|
-
shouldDisplayTooltip = props.shouldDisplayTooltip;
|
|
27
|
-
return (
|
|
28
|
-
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
29
|
-
jsx("div", _extends({
|
|
30
|
-
id: "newFileExperienceWrapper"
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
32
|
-
,
|
|
33
|
-
className: newFileExperienceClassName,
|
|
34
|
-
"data-testid": testId
|
|
35
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
36
|
-
,
|
|
37
|
-
css: wrapperStyles({
|
|
38
|
-
breakpoint: breakpoint,
|
|
39
|
-
dimensions: dimensions,
|
|
40
|
-
appearance: appearance,
|
|
41
|
-
disableOverlay: disableOverlay,
|
|
42
|
-
displayBackground: displayBackground,
|
|
43
|
-
selected: selected,
|
|
44
|
-
isPlayButtonClickable: isPlayButtonClickable,
|
|
45
|
-
isTickBoxSelectable: isTickBoxSelectable,
|
|
46
|
-
shouldDisplayTooltip: shouldDisplayTooltip,
|
|
47
|
-
mediaCardCursor: mediaCardCursor
|
|
48
|
-
}),
|
|
49
|
-
ref: innerRef,
|
|
50
|
-
onClick: onClick
|
|
51
|
-
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
52
|
-
,
|
|
53
|
-
onMouseEnter: onMouseEnter
|
|
54
|
-
}, VcMediaWrapperProps), jsx(UFOCustomData, {
|
|
55
|
-
data: {
|
|
56
|
-
hasMediaComponent: true
|
|
57
|
-
}
|
|
58
|
-
}), props.children)
|
|
59
|
-
);
|
|
60
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import type { SvgViewProps } from './types';
|
|
7
|
-
export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
|
|
7
|
-
export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => jsx.JSX.Element;
|
|
8
|
-
export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => jsx.JSX.Element;
|
|
9
|
-
export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => jsx.JSX.Element;
|
|
10
|
-
export declare const TitleBoxIcon: (props: any) => jsx.JSX.Element;
|
|
11
|
-
export declare const ErrorMessageWrapper: (props: any) => jsx.JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { Component } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type UnhandledErrorCardProps } from './types';
|
|
8
|
-
export declare class UnhandledErrorCard extends Component<UnhandledErrorCardProps, {}> {
|
|
9
|
-
render(): jsx.JSX.Element;
|
|
10
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
type ImageContainerProps = {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
centerElements?: boolean;
|
|
9
|
-
testId: string;
|
|
10
|
-
mediaName?: string;
|
|
11
|
-
status?: string;
|
|
12
|
-
progress?: number;
|
|
13
|
-
selected?: boolean;
|
|
14
|
-
source?: string;
|
|
15
|
-
};
|
|
16
|
-
export declare const ImageContainer: ({ children, mediaName, status, progress, selected, source, centerElements, }: ImageContainerProps) => jsx.JSX.Element;
|
|
17
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import type { SvgViewProps } from './types';
|
|
7
|
-
export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
|
|
7
|
-
export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => jsx.JSX.Element;
|
|
8
|
-
export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => jsx.JSX.Element;
|
|
9
|
-
export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => jsx.JSX.Element;
|
|
10
|
-
export declare const TitleBoxIcon: (props: any) => jsx.JSX.Element;
|
|
11
|
-
export declare const ErrorMessageWrapper: (props: any) => jsx.JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { Component } from 'react';
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
7
|
-
import { type UnhandledErrorCardProps } from './types';
|
|
8
|
-
export declare class UnhandledErrorCard extends Component<UnhandledErrorCardProps, {}> {
|
|
9
|
-
render(): jsx.JSX.Element;
|
|
10
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
6
|
-
type ImageContainerProps = {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
centerElements?: boolean;
|
|
9
|
-
testId: string;
|
|
10
|
-
mediaName?: string;
|
|
11
|
-
status?: string;
|
|
12
|
-
progress?: number;
|
|
13
|
-
selected?: boolean;
|
|
14
|
-
source?: string;
|
|
15
|
-
};
|
|
16
|
-
export declare const ImageContainer: ({ children, mediaName, status, progress, selected, source, centerElements, }: ImageContainerProps) => jsx.JSX.Element;
|
|
17
|
-
export {};
|