@atlaskit/media-card 78.14.0 → 78.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/inlinePlayerWrapper.js +18 -15
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/unhandledErrorCard/index.js +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper.js +27 -24
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/preventClickThrough.js +11 -7
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/inlinePlayerWrapper.js +18 -15
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/unhandledErrorCard/index.js +1 -1
- package/dist/es2019/card/ui/wrapper/wrapper.js +27 -24
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/preventClickThrough.js +11 -7
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/inlinePlayerWrapper.js +18 -15
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/index.js +1 -1
- package/dist/esm/card/ui/wrapper/wrapper.js +27 -24
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/preventClickThrough.js +11 -7
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
package/dist/cjs/card/card.js
CHANGED
|
@@ -22,7 +22,7 @@ var _excluded = ["identifier"];
|
|
|
22
22
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
24
|
var packageName = "@atlaskit/media-card";
|
|
25
|
-
var packageVersion = "78.14.
|
|
25
|
+
var packageVersion = "78.14.1";
|
|
26
26
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
27
27
|
var identifier = _ref.identifier,
|
|
28
28
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -21,19 +21,22 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
|
|
|
21
21
|
dimensions = props.dimensions,
|
|
22
22
|
onClick = props.onClick,
|
|
23
23
|
innerRef = props.innerRef;
|
|
24
|
-
return (
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
return (
|
|
25
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
26
|
+
(0, _react.jsx)("div", (0, _extends2.default)({
|
|
27
|
+
id: "inlinePlayerWrapper",
|
|
28
|
+
"data-testid": testId
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
30
|
+
,
|
|
31
|
+
className: _inlinePlayerWrapperStyles.inlinePlayerClassName
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
33
|
+
,
|
|
34
|
+
css: (0, _inlinePlayerWrapperStyles.inlinePlayerWrapperStyles)({
|
|
35
|
+
selected: selected,
|
|
36
|
+
dimensions: dimensions
|
|
37
|
+
}),
|
|
38
|
+
onClick: onClick,
|
|
39
|
+
ref: innerRef
|
|
40
|
+
}, _vcMedia.VcMediaWrapperProps), props.children)
|
|
41
|
+
);
|
|
39
42
|
};
|
|
@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
90
90
|
}(_react.default.Component);
|
|
91
91
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
92
92
|
var packageName = "@atlaskit/media-card";
|
|
93
|
-
var packageVersion = "78.14.
|
|
93
|
+
var packageVersion = "78.14.1";
|
|
94
94
|
|
|
95
95
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
96
96
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -89,7 +89,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
|
|
|
89
89
|
dimensions = _this$props.dimensions,
|
|
90
90
|
onClick = _this$props.onClick;
|
|
91
91
|
return (
|
|
92
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
92
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
|
|
93
93
|
(0, _react2.jsx)("div", {
|
|
94
94
|
css: wrapperStyles(dimensions),
|
|
95
95
|
onClick: onClick
|
|
@@ -31,28 +31,31 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
31
31
|
isPlayButtonClickable = props.isPlayButtonClickable,
|
|
32
32
|
isTickBoxSelectable = props.isTickBoxSelectable,
|
|
33
33
|
shouldDisplayTooltip = props.shouldDisplayTooltip;
|
|
34
|
-
return (
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
34
|
+
return (
|
|
35
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
36
|
+
(0, _react.jsx)("div", (0, _extends2.default)({
|
|
37
|
+
id: "newFileExperienceWrapper"
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
39
|
+
,
|
|
40
|
+
className: _cardConstants.newFileExperienceClassName,
|
|
41
|
+
"data-testid": testId
|
|
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: (0, _styles.wrapperStyles)({
|
|
45
|
+
breakpoint: breakpoint,
|
|
46
|
+
dimensions: dimensions,
|
|
47
|
+
appearance: appearance,
|
|
48
|
+
disableOverlay: disableOverlay,
|
|
49
|
+
displayBackground: displayBackground,
|
|
50
|
+
selected: selected,
|
|
51
|
+
isPlayButtonClickable: isPlayButtonClickable,
|
|
52
|
+
isTickBoxSelectable: isTickBoxSelectable,
|
|
53
|
+
shouldDisplayTooltip: shouldDisplayTooltip,
|
|
54
|
+
mediaCardCursor: mediaCardCursor
|
|
55
|
+
}),
|
|
56
|
+
ref: innerRef,
|
|
57
|
+
onClick: onClick,
|
|
58
|
+
onMouseEnter: onMouseEnter
|
|
59
|
+
}, _vcMedia.VcMediaWrapperProps), props.children)
|
|
60
|
+
);
|
|
58
61
|
};
|
|
@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
119
119
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
120
120
|
var analyticsContext = {
|
|
121
121
|
packageVersion: "@atlaskit/media-card",
|
|
122
|
-
packageName: "78.14.
|
|
122
|
+
packageName: "78.14.1",
|
|
123
123
|
componentName: 'mediaInlineCard',
|
|
124
124
|
component: 'mediaInlineCard'
|
|
125
125
|
};
|
|
@@ -9,13 +9,17 @@ exports.createPreventClickThrough = void 0;
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
function PreventClickThrough(_ref) {
|
|
11
11
|
var children = _ref.children;
|
|
12
|
-
return
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
return (
|
|
13
|
+
/*#__PURE__*/
|
|
14
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
15
|
+
_react.default.createElement("span", {
|
|
16
|
+
onClick: function onClick(event) {
|
|
17
|
+
event.stopPropagation();
|
|
18
|
+
event.preventDefault();
|
|
19
|
+
},
|
|
20
|
+
"data-testid": "prevent-click-through"
|
|
21
|
+
}, children)
|
|
22
|
+
);
|
|
19
23
|
}
|
|
20
24
|
var createPreventClickThrough = exports.createPreventClickThrough = function createPreventClickThrough(onClick) {
|
|
21
25
|
return function (event) {
|
|
@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
15
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var packageName = "@atlaskit/media-card";
|
|
18
|
-
var packageVersion = "78.14.
|
|
18
|
+
var packageVersion = "78.14.1";
|
|
19
19
|
var concurrentExperience;
|
|
20
20
|
var getExperience = function getExperience(id) {
|
|
21
21
|
if (!concurrentExperience) {
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -10,7 +10,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
11
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
12
12
|
const packageName = "@atlaskit/media-card";
|
|
13
|
-
const packageVersion = "78.14.
|
|
13
|
+
const packageVersion = "78.14.1";
|
|
14
14
|
export const CardBase = ({
|
|
15
15
|
identifier,
|
|
16
16
|
...otherProps
|
|
@@ -15,19 +15,22 @@ export const InlinePlayerWrapper = props => {
|
|
|
15
15
|
onClick,
|
|
16
16
|
innerRef
|
|
17
17
|
} = props;
|
|
18
|
-
return
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
return (
|
|
19
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
20
|
+
jsx("div", _extends({
|
|
21
|
+
id: "inlinePlayerWrapper",
|
|
22
|
+
"data-testid": testId
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
24
|
+
,
|
|
25
|
+
className: inlinePlayerClassName
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
27
|
+
,
|
|
28
|
+
css: inlinePlayerWrapperStyles({
|
|
29
|
+
selected,
|
|
30
|
+
dimensions
|
|
31
|
+
}),
|
|
32
|
+
onClick: onClick,
|
|
33
|
+
ref: innerRef
|
|
34
|
+
}, VcMediaWrapperProps), props.children)
|
|
35
|
+
);
|
|
33
36
|
};
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "78.14.
|
|
69
|
+
const packageVersion = "78.14.1";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -68,7 +68,7 @@ export class UnhandledErrorCard extends Component {
|
|
|
68
68
|
onClick
|
|
69
69
|
} = this.props;
|
|
70
70
|
return (
|
|
71
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
71
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
|
|
72
72
|
jsx("div", {
|
|
73
73
|
css: wrapperStyles(dimensions),
|
|
74
74
|
onClick: onClick
|
|
@@ -25,28 +25,31 @@ export const Wrapper = props => {
|
|
|
25
25
|
isTickBoxSelectable,
|
|
26
26
|
shouldDisplayTooltip
|
|
27
27
|
} = props;
|
|
28
|
-
return
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
28
|
+
return (
|
|
29
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
30
|
+
jsx("div", _extends({
|
|
31
|
+
id: "newFileExperienceWrapper"
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
33
|
+
,
|
|
34
|
+
className: newFileExperienceClassName,
|
|
35
|
+
"data-testid": testId
|
|
36
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
37
|
+
,
|
|
38
|
+
css: wrapperStyles({
|
|
39
|
+
breakpoint,
|
|
40
|
+
dimensions,
|
|
41
|
+
appearance,
|
|
42
|
+
disableOverlay,
|
|
43
|
+
displayBackground,
|
|
44
|
+
selected,
|
|
45
|
+
isPlayButtonClickable,
|
|
46
|
+
isTickBoxSelectable,
|
|
47
|
+
shouldDisplayTooltip,
|
|
48
|
+
mediaCardCursor
|
|
49
|
+
}),
|
|
50
|
+
ref: innerRef,
|
|
51
|
+
onClick: onClick,
|
|
52
|
+
onMouseEnter: onMouseEnter
|
|
53
|
+
}, VcMediaWrapperProps), props.children)
|
|
54
|
+
);
|
|
52
55
|
};
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "78.14.
|
|
40
|
+
packageName: "78.14.1",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -2,13 +2,17 @@ import React from 'react';
|
|
|
2
2
|
export function PreventClickThrough({
|
|
3
3
|
children
|
|
4
4
|
}) {
|
|
5
|
-
return
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
return (
|
|
6
|
+
/*#__PURE__*/
|
|
7
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
8
|
+
React.createElement("span", {
|
|
9
|
+
onClick: event => {
|
|
10
|
+
event.stopPropagation();
|
|
11
|
+
event.preventDefault();
|
|
12
|
+
},
|
|
13
|
+
"data-testid": "prevent-click-through"
|
|
14
|
+
}, children)
|
|
15
|
+
);
|
|
12
16
|
}
|
|
13
17
|
export const createPreventClickThrough = onClick => event => {
|
|
14
18
|
event.stopPropagation();
|
|
@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
5
5
|
import { MediaCardError } from '../errors';
|
|
6
6
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
7
7
|
const packageName = "@atlaskit/media-card";
|
|
8
|
-
const packageVersion = "78.14.
|
|
8
|
+
const packageVersion = "78.14.1";
|
|
9
9
|
let concurrentExperience;
|
|
10
10
|
const getExperience = id => {
|
|
11
11
|
if (!concurrentExperience) {
|
package/dist/esm/card/card.js
CHANGED
|
@@ -12,7 +12,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
14
14
|
var packageName = "@atlaskit/media-card";
|
|
15
|
-
var packageVersion = "78.14.
|
|
15
|
+
var packageVersion = "78.14.1";
|
|
16
16
|
export var CardBase = function CardBase(_ref) {
|
|
17
17
|
var identifier = _ref.identifier,
|
|
18
18
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -13,19 +13,22 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
13
13
|
dimensions = props.dimensions,
|
|
14
14
|
onClick = props.onClick,
|
|
15
15
|
innerRef = props.innerRef;
|
|
16
|
-
return
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
16
|
+
return (
|
|
17
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
18
|
+
jsx("div", _extends({
|
|
19
|
+
id: "inlinePlayerWrapper",
|
|
20
|
+
"data-testid": testId
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
22
|
+
,
|
|
23
|
+
className: inlinePlayerClassName
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
25
|
+
,
|
|
26
|
+
css: inlinePlayerWrapperStyles({
|
|
27
|
+
selected: selected,
|
|
28
|
+
dimensions: dimensions
|
|
29
|
+
}),
|
|
30
|
+
onClick: onClick,
|
|
31
|
+
ref: innerRef
|
|
32
|
+
}, VcMediaWrapperProps), props.children)
|
|
33
|
+
);
|
|
31
34
|
};
|
|
@@ -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 = "78.14.
|
|
86
|
+
var packageVersion = "78.14.1";
|
|
87
87
|
|
|
88
88
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
89
89
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -84,7 +84,7 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
|
84
84
|
dimensions = _this$props.dimensions,
|
|
85
85
|
onClick = _this$props.onClick;
|
|
86
86
|
return (
|
|
87
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
87
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
|
|
88
88
|
jsx("div", {
|
|
89
89
|
css: wrapperStyles(dimensions),
|
|
90
90
|
onClick: onClick
|
|
@@ -23,28 +23,31 @@ export var Wrapper = function Wrapper(props) {
|
|
|
23
23
|
isPlayButtonClickable = props.isPlayButtonClickable,
|
|
24
24
|
isTickBoxSelectable = props.isTickBoxSelectable,
|
|
25
25
|
shouldDisplayTooltip = props.shouldDisplayTooltip;
|
|
26
|
-
return
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
26
|
+
return (
|
|
27
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
28
|
+
jsx("div", _extends({
|
|
29
|
+
id: "newFileExperienceWrapper"
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
31
|
+
,
|
|
32
|
+
className: newFileExperienceClassName,
|
|
33
|
+
"data-testid": testId
|
|
34
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
35
|
+
,
|
|
36
|
+
css: wrapperStyles({
|
|
37
|
+
breakpoint: breakpoint,
|
|
38
|
+
dimensions: dimensions,
|
|
39
|
+
appearance: appearance,
|
|
40
|
+
disableOverlay: disableOverlay,
|
|
41
|
+
displayBackground: displayBackground,
|
|
42
|
+
selected: selected,
|
|
43
|
+
isPlayButtonClickable: isPlayButtonClickable,
|
|
44
|
+
isTickBoxSelectable: isTickBoxSelectable,
|
|
45
|
+
shouldDisplayTooltip: shouldDisplayTooltip,
|
|
46
|
+
mediaCardCursor: mediaCardCursor
|
|
47
|
+
}),
|
|
48
|
+
ref: innerRef,
|
|
49
|
+
onClick: onClick,
|
|
50
|
+
onMouseEnter: onMouseEnter
|
|
51
|
+
}, VcMediaWrapperProps), props.children)
|
|
52
|
+
);
|
|
50
53
|
};
|
|
@@ -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: "78.14.
|
|
106
|
+
packageName: "78.14.1",
|
|
107
107
|
componentName: 'mediaInlineCard',
|
|
108
108
|
component: 'mediaInlineCard'
|
|
109
109
|
};
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export function PreventClickThrough(_ref) {
|
|
3
3
|
var children = _ref.children;
|
|
4
|
-
return
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
return (
|
|
5
|
+
/*#__PURE__*/
|
|
6
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
7
|
+
React.createElement("span", {
|
|
8
|
+
onClick: function onClick(event) {
|
|
9
|
+
event.stopPropagation();
|
|
10
|
+
event.preventDefault();
|
|
11
|
+
},
|
|
12
|
+
"data-testid": "prevent-click-through"
|
|
13
|
+
}, children)
|
|
14
|
+
);
|
|
11
15
|
}
|
|
12
16
|
export var createPreventClickThrough = function createPreventClickThrough(onClick) {
|
|
13
17
|
return function (event) {
|
|
@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
8
8
|
import { MediaCardError } from '../errors';
|
|
9
9
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
10
10
|
var packageName = "@atlaskit/media-card";
|
|
11
|
-
var packageVersion = "78.14.
|
|
11
|
+
var packageVersion = "78.14.1";
|
|
12
12
|
var concurrentExperience;
|
|
13
13
|
var getExperience = function getExperience(id) {
|
|
14
14
|
if (!concurrentExperience) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "78.14.
|
|
3
|
+
"version": "78.14.1",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
39
|
-
"@atlaskit/dropdown-menu": "^12.
|
|
39
|
+
"@atlaskit/dropdown-menu": "^12.23.0",
|
|
40
40
|
"@atlaskit/editor-shared-styles": "^3.2.0",
|
|
41
|
-
"@atlaskit/icon": "^22.
|
|
41
|
+
"@atlaskit/icon": "^22.26.0",
|
|
42
42
|
"@atlaskit/media-client": "^28.3.0",
|
|
43
43
|
"@atlaskit/media-client-react": "^2.3.0",
|
|
44
44
|
"@atlaskit/media-common": "^11.7.0",
|
|
45
45
|
"@atlaskit/media-file-preview": "^0.9.0",
|
|
46
|
-
"@atlaskit/media-ui": "^
|
|
46
|
+
"@atlaskit/media-ui": "^27.0.0",
|
|
47
47
|
"@atlaskit/media-viewer": "^49.4.0",
|
|
48
48
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
49
|
-
"@atlaskit/primitives": "^13.
|
|
50
|
-
"@atlaskit/react-ufo": "^2.
|
|
49
|
+
"@atlaskit/primitives": "^13.3.0",
|
|
50
|
+
"@atlaskit/react-ufo": "^2.4.0",
|
|
51
51
|
"@atlaskit/spinner": "^16.3.0",
|
|
52
52
|
"@atlaskit/theme": "^14.0.0",
|
|
53
|
-
"@atlaskit/tokens": "^2.
|
|
53
|
+
"@atlaskit/tokens": "^2.3.0",
|
|
54
54
|
"@atlaskit/tooltip": "^18.9.0",
|
|
55
55
|
"@atlaskit/ufo": "^0.3.0",
|
|
56
56
|
"@atlaskit/visually-hidden": "^1.5.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@af/integration-testing": "*",
|
|
72
|
-
"@atlaskit/analytics-listeners": "^8.
|
|
72
|
+
"@atlaskit/analytics-listeners": "^8.13.0",
|
|
73
73
|
"@atlaskit/analytics-namespaced-context": "^6.12.0",
|
|
74
74
|
"@atlaskit/form": "^10.5.0",
|
|
75
75
|
"@atlaskit/inline-message": "^12.4.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"@atlaskit/media-state": "^1.1.0",
|
|
79
79
|
"@atlaskit/media-test-data": "^2.7.0",
|
|
80
80
|
"@atlaskit/media-test-helpers": "^34.6.0",
|
|
81
|
-
"@atlaskit/radio": "^6.
|
|
81
|
+
"@atlaskit/radio": "^6.6.0",
|
|
82
82
|
"@atlaskit/range": "^7.4.0",
|
|
83
83
|
"@atlaskit/ssr": "*",
|
|
84
84
|
"@atlaskit/toggle": "^13.4.0",
|