@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.
Files changed (168) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/card/actions.js +1 -1
  3. package/dist/cjs/card/card.js +1 -1
  4. package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
  5. package/dist/cjs/card/inlinePlayerWrapper-compiled.js +4 -4
  6. package/dist/cjs/card/inlinePlayerWrapper.js +1 -3
  7. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  8. package/dist/cjs/card/svgView/svgView.js +1 -2
  9. package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -3
  10. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton.js +1 -4
  11. package/dist/cjs/card/ui/blanket/blanket.js +1 -3
  12. package/dist/cjs/card/ui/iconMessage/iconMessageWrapper-compiled.js +1 -0
  13. package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +1 -3
  14. package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +1 -3
  15. package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -3
  16. package/dist/cjs/card/ui/progressBar/styledBar.js +1 -3
  17. package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -3
  18. package/dist/cjs/card/ui/titleBox/failedTitleBox.compiled.css +3 -0
  19. package/dist/cjs/card/ui/titleBox/failedTitleBox.js +7 -1
  20. package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.compiled.css +1 -4
  21. package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.js +1 -1
  22. package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +5 -7
  23. package/dist/cjs/card/ui/unhandledErrorCard/index.js +1 -3
  24. package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -0
  25. package/dist/cjs/card/ui/wrapper/imageContainer.js +1 -2
  26. package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +2 -2
  27. package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +5 -5
  28. package/dist/cjs/card/ui/wrapper/wrapper.js +1 -3
  29. package/dist/cjs/inline/loader.js +1 -1
  30. package/dist/cjs/utils/ufoExperiences.js +1 -1
  31. package/dist/es2019/card/actions.js +1 -1
  32. package/dist/es2019/card/card.js +1 -1
  33. package/dist/es2019/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
  34. package/dist/es2019/card/inlinePlayerWrapper-compiled.js +3 -3
  35. package/dist/es2019/card/inlinePlayerWrapper.js +1 -5
  36. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  37. package/dist/es2019/card/svgView/svgView.js +1 -2
  38. package/dist/es2019/card/ui/actionsBar/actionsBarWrapper.js +1 -3
  39. package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton.js +1 -5
  40. package/dist/es2019/card/ui/blanket/blanket.js +1 -3
  41. package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-compiled.js +1 -0
  42. package/dist/es2019/card/ui/iconMessage/iconMessageWrapper.js +1 -3
  43. package/dist/es2019/card/ui/iconWrapper/iconWrapper.js +1 -3
  44. package/dist/es2019/card/ui/playButton/playButtonWrapper.js +1 -3
  45. package/dist/es2019/card/ui/progressBar/styledBar.js +1 -3
  46. package/dist/es2019/card/ui/tickBox/tickBoxWrapper.js +1 -3
  47. package/dist/es2019/card/ui/titleBox/failedTitleBox.compiled.css +3 -0
  48. package/dist/es2019/card/ui/titleBox/failedTitleBox.js +7 -1
  49. package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.compiled.css +1 -4
  50. package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.js +1 -1
  51. package/dist/es2019/card/ui/titleBox/titleBoxComponents.js +5 -7
  52. package/dist/es2019/card/ui/unhandledErrorCard/index.js +1 -3
  53. package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +2 -0
  54. package/dist/es2019/card/ui/wrapper/imageContainer.js +1 -3
  55. package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css +2 -2
  56. package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +4 -4
  57. package/dist/es2019/card/ui/wrapper/wrapper.js +1 -3
  58. package/dist/es2019/inline/loader.js +1 -1
  59. package/dist/es2019/utils/ufoExperiences.js +1 -1
  60. package/dist/esm/card/actions.js +1 -1
  61. package/dist/esm/card/card.js +1 -1
  62. package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
  63. package/dist/esm/card/inlinePlayerWrapper-compiled.js +3 -3
  64. package/dist/esm/card/inlinePlayerWrapper.js +1 -3
  65. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  66. package/dist/esm/card/svgView/svgView.js +1 -2
  67. package/dist/esm/card/ui/actionsBar/actionsBarWrapper.js +1 -3
  68. package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton.js +1 -5
  69. package/dist/esm/card/ui/blanket/blanket.js +1 -3
  70. package/dist/esm/card/ui/iconMessage/iconMessageWrapper-compiled.js +1 -0
  71. package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -3
  72. package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -3
  73. package/dist/esm/card/ui/playButton/playButtonWrapper.js +1 -3
  74. package/dist/esm/card/ui/progressBar/styledBar.js +1 -3
  75. package/dist/esm/card/ui/tickBox/tickBoxWrapper.js +1 -3
  76. package/dist/esm/card/ui/titleBox/failedTitleBox.compiled.css +3 -0
  77. package/dist/esm/card/ui/titleBox/failedTitleBox.js +7 -1
  78. package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.compiled.css +1 -4
  79. package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.js +1 -1
  80. package/dist/esm/card/ui/titleBox/titleBoxComponents.js +5 -7
  81. package/dist/esm/card/ui/unhandledErrorCard/index.js +1 -3
  82. package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -0
  83. package/dist/esm/card/ui/wrapper/imageContainer.js +1 -3
  84. package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +2 -2
  85. package/dist/esm/card/ui/wrapper/wrapper-compiled.js +4 -4
  86. package/dist/esm/card/ui/wrapper/wrapper.js +1 -3
  87. package/dist/esm/inline/loader.js +1 -1
  88. package/dist/esm/utils/ufoExperiences.js +1 -1
  89. package/dist/types/card/inlinePlayerWrapper-compiled.d.ts +2 -0
  90. package/dist/types/card/ui/wrapper/wrapper-compiled.d.ts +2 -0
  91. package/dist/types-ts4.5/card/inlinePlayerWrapper-compiled.d.ts +2 -0
  92. package/dist/types-ts4.5/card/ui/wrapper/wrapper-compiled.d.ts +2 -0
  93. package/package.json +4 -7
  94. package/dist/cjs/card/inlinePlayerWrapper-emotion.js +0 -47
  95. package/dist/cjs/card/svgView/svgImage-emotion.js +0 -101
  96. package/dist/cjs/card/ui/actionsBar/actionsBarWrapper-emotion.js +0 -33
  97. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-emotion.js +0 -35
  98. package/dist/cjs/card/ui/blanket/blanket-emotion.js +0 -25
  99. package/dist/cjs/card/ui/iconMessage/iconMessageWrapper-emotion.js +0 -51
  100. package/dist/cjs/card/ui/iconWrapper/iconWrapper-emotion.js +0 -27
  101. package/dist/cjs/card/ui/playButton/playButtonBackground-emotion.js +0 -21
  102. package/dist/cjs/card/ui/playButton/playButtonWrapper-emotion.js +0 -23
  103. package/dist/cjs/card/ui/progressBar/styledBar-emotion.js +0 -35
  104. package/dist/cjs/card/ui/tickBox/tickBoxWrapper-emotion.js +0 -67
  105. package/dist/cjs/card/ui/titleBox/titleBoxComponents-emotion.js +0 -72
  106. package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +0 -106
  107. package/dist/cjs/card/ui/wrapper/imageContainer-emotion.js +0 -55
  108. package/dist/cjs/card/ui/wrapper/wrapper-emotion.js +0 -68
  109. package/dist/es2019/card/inlinePlayerWrapper-emotion.js +0 -41
  110. package/dist/es2019/card/svgView/svgImage-emotion.js +0 -90
  111. package/dist/es2019/card/ui/actionsBar/actionsBarWrapper-emotion.js +0 -26
  112. package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-emotion.js +0 -28
  113. package/dist/es2019/card/ui/blanket/blanket-emotion.js +0 -20
  114. package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-emotion.js +0 -46
  115. package/dist/es2019/card/ui/iconWrapper/iconWrapper-emotion.js +0 -22
  116. package/dist/es2019/card/ui/playButton/playButtonBackground-emotion.js +0 -14
  117. package/dist/es2019/card/ui/playButton/playButtonWrapper-emotion.js +0 -16
  118. package/dist/es2019/card/ui/progressBar/styledBar-emotion.js +0 -30
  119. package/dist/es2019/card/ui/tickBox/tickBoxWrapper-emotion.js +0 -57
  120. package/dist/es2019/card/ui/titleBox/titleBoxComponents-emotion.js +0 -71
  121. package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +0 -85
  122. package/dist/es2019/card/ui/wrapper/imageContainer-emotion.js +0 -47
  123. package/dist/es2019/card/ui/wrapper/wrapper-emotion.js +0 -62
  124. package/dist/esm/card/inlinePlayerWrapper-emotion.js +0 -39
  125. package/dist/esm/card/svgView/svgImage-emotion.js +0 -94
  126. package/dist/esm/card/ui/actionsBar/actionsBarWrapper-emotion.js +0 -26
  127. package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-emotion.js +0 -30
  128. package/dist/esm/card/ui/blanket/blanket-emotion.js +0 -18
  129. package/dist/esm/card/ui/iconMessage/iconMessageWrapper-emotion.js +0 -44
  130. package/dist/esm/card/ui/iconWrapper/iconWrapper-emotion.js +0 -20
  131. package/dist/esm/card/ui/playButton/playButtonBackground-emotion.js +0 -14
  132. package/dist/esm/card/ui/playButton/playButtonWrapper-emotion.js +0 -16
  133. package/dist/esm/card/ui/progressBar/styledBar-emotion.js +0 -28
  134. package/dist/esm/card/ui/tickBox/tickBoxWrapper-emotion.js +0 -60
  135. package/dist/esm/card/ui/titleBox/titleBoxComponents-emotion.js +0 -65
  136. package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +0 -101
  137. package/dist/esm/card/ui/wrapper/imageContainer-emotion.js +0 -48
  138. package/dist/esm/card/ui/wrapper/wrapper-emotion.js +0 -60
  139. package/dist/types/card/inlinePlayerWrapper-emotion.d.ts +0 -7
  140. package/dist/types/card/svgView/svgImage-emotion.d.ts +0 -7
  141. package/dist/types/card/ui/actionsBar/actionsBarWrapper-emotion.d.ts +0 -7
  142. package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts +0 -2
  143. package/dist/types/card/ui/blanket/blanket-emotion.d.ts +0 -9
  144. package/dist/types/card/ui/iconMessage/iconMessageWrapper-emotion.d.ts +0 -7
  145. package/dist/types/card/ui/iconWrapper/iconWrapper-emotion.d.ts +0 -7
  146. package/dist/types/card/ui/playButton/playButtonBackground-emotion.d.ts +0 -6
  147. package/dist/types/card/ui/playButton/playButtonWrapper-emotion.d.ts +0 -6
  148. package/dist/types/card/ui/progressBar/styledBar-emotion.d.ts +0 -7
  149. package/dist/types/card/ui/tickBox/tickBoxWrapper-emotion.d.ts +0 -7
  150. package/dist/types/card/ui/titleBox/titleBoxComponents-emotion.d.ts +0 -11
  151. package/dist/types/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.d.ts +0 -10
  152. package/dist/types/card/ui/wrapper/imageContainer-emotion.d.ts +0 -17
  153. package/dist/types/card/ui/wrapper/wrapper-emotion.d.ts +0 -7
  154. package/dist/types-ts4.5/card/inlinePlayerWrapper-emotion.d.ts +0 -7
  155. package/dist/types-ts4.5/card/svgView/svgImage-emotion.d.ts +0 -7
  156. package/dist/types-ts4.5/card/ui/actionsBar/actionsBarWrapper-emotion.d.ts +0 -7
  157. package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts +0 -2
  158. package/dist/types-ts4.5/card/ui/blanket/blanket-emotion.d.ts +0 -9
  159. package/dist/types-ts4.5/card/ui/iconMessage/iconMessageWrapper-emotion.d.ts +0 -7
  160. package/dist/types-ts4.5/card/ui/iconWrapper/iconWrapper-emotion.d.ts +0 -7
  161. package/dist/types-ts4.5/card/ui/playButton/playButtonBackground-emotion.d.ts +0 -6
  162. package/dist/types-ts4.5/card/ui/playButton/playButtonWrapper-emotion.d.ts +0 -6
  163. package/dist/types-ts4.5/card/ui/progressBar/styledBar-emotion.d.ts +0 -7
  164. package/dist/types-ts4.5/card/ui/tickBox/tickBoxWrapper-emotion.d.ts +0 -7
  165. package/dist/types-ts4.5/card/ui/titleBox/titleBoxComponents-emotion.d.ts +0 -11
  166. package/dist/types-ts4.5/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.d.ts +0 -10
  167. package/dist/types-ts4.5/card/ui/wrapper/imageContainer-emotion.d.ts +0 -17
  168. 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 InlinePlayerWrapperProps } from './types';
7
- export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;
@@ -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,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type ActionBarWrapperProps } from './types';
7
- export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;
@@ -1,2 +0,0 @@
1
- import { type CardActionButtonOwnProps } from './styles';
2
- export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,9 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export interface BlanketProps {
7
- isFixed?: boolean;
8
- }
9
- export declare const Blanket: (props: BlanketProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type IconMessageWrapperProps } from './types';
7
- export declare const IconMessageWrapper: (props: IconMessageWrapperProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type IconWrapperProps } from './types';
7
- export declare const IconWrapper: (props: IconWrapperProps) => jsx.JSX.Element;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const PlayButtonBackground: () => jsx.JSX.Element;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const PlayButtonWrapper: (props: any) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type StyledBarProps } from './types';
7
- export declare const StyledBar: (props: StyledBarProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type TickBoxProps } from './types';
7
- export declare const TickBoxWrapper: (props: TickBoxProps) => jsx.JSX.Element;
@@ -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 WrapperProps } from './types';
7
- export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type InlinePlayerWrapperProps } from './types';
7
- export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;
@@ -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,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type ActionBarWrapperProps } from './types';
7
- export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;
@@ -1,2 +0,0 @@
1
- import { type CardActionButtonOwnProps } from './styles';
2
- export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,9 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export interface BlanketProps {
7
- isFixed?: boolean;
8
- }
9
- export declare const Blanket: (props: BlanketProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type IconMessageWrapperProps } from './types';
7
- export declare const IconMessageWrapper: (props: IconMessageWrapperProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type IconWrapperProps } from './types';
7
- export declare const IconWrapper: (props: IconWrapperProps) => jsx.JSX.Element;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const PlayButtonBackground: () => jsx.JSX.Element;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const PlayButtonWrapper: (props: any) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type StyledBarProps } from './types';
7
- export declare const StyledBar: (props: StyledBarProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import { type TickBoxProps } from './types';
7
- export declare const TickBoxWrapper: (props: TickBoxProps) => jsx.JSX.Element;
@@ -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 WrapperProps } from './types';
7
- export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;