@atlaskit/media-card 79.5.12 → 79.5.13
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/compass.yml +1 -11
- package/dist/cjs/card/inlinePlayerWrapper-emotion.js +1 -1
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper-emotion.js +1 -1
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +3 -1
- package/dist/cjs/card/ui/wrapper/wrapper-emotion.js +4 -2
- package/dist/es2019/card/inlinePlayerWrapper-emotion.js +1 -1
- package/dist/es2019/card/ui/actionsBar/actionsBarWrapper-emotion.js +1 -1
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +1 -1
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +3 -1
- package/dist/es2019/card/ui/wrapper/wrapper-emotion.js +4 -2
- package/dist/esm/card/inlinePlayerWrapper-emotion.js +1 -1
- package/dist/esm/card/ui/actionsBar/actionsBarWrapper-emotion.js +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.js +3 -1
- package/dist/esm/card/ui/wrapper/wrapper-emotion.js +4 -2
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
package/compass.yml
CHANGED
|
@@ -13,16 +13,6 @@ fields:
|
|
|
13
13
|
tier: 2
|
|
14
14
|
labels:
|
|
15
15
|
- atlassian-platform
|
|
16
|
-
customFields:
|
|
17
|
-
- name: Dev Owner
|
|
18
|
-
type: user
|
|
19
|
-
value: null
|
|
20
|
-
- name: Product
|
|
21
|
-
type: text
|
|
22
|
-
value: null
|
|
23
|
-
- name: Test
|
|
24
|
-
type: text
|
|
25
|
-
value: null
|
|
26
16
|
links:
|
|
27
17
|
- name: ''
|
|
28
18
|
type: REPOSITORY
|
|
@@ -41,7 +31,7 @@ links:
|
|
|
41
31
|
url: 'https://atlassian.slack.com/archives/C05J5GNHPLN'
|
|
42
32
|
- name: ''
|
|
43
33
|
type: ON_CALL
|
|
44
|
-
url: 'https://
|
|
34
|
+
url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b62291ff-4029-4f26-b7fc-d75d46d7aebc'
|
|
45
35
|
- name: ''
|
|
46
36
|
type: PROJECT
|
|
47
37
|
url: 'https://product-fabric.atlassian.net/jira/software/c/projects/BMPT/boards/5090'
|
|
@@ -23,7 +23,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
|
|
|
23
23
|
onClick = props.onClick,
|
|
24
24
|
innerRef = props.innerRef;
|
|
25
25
|
return (
|
|
26
|
-
// eslint-disable-next-line
|
|
26
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
27
27
|
(0, _react.jsx)("div", (0, _extends2.default)({
|
|
28
28
|
id: "inlinePlayerWrapper",
|
|
29
29
|
"data-testid": testId
|
|
@@ -14,7 +14,7 @@ var _styles = require("./styles");
|
|
|
14
14
|
|
|
15
15
|
var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
|
|
16
16
|
return (
|
|
17
|
-
// eslint-disable-next-line
|
|
17
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
18
18
|
(0, _react.jsx)("div", {
|
|
19
19
|
id: "actionsBarWrapper",
|
|
20
20
|
"data-testId": "actionsBarWrapper"
|
|
@@ -88,7 +88,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
|
|
|
88
88
|
onClick = _this$props.onClick;
|
|
89
89
|
var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : _utils.defaultImageCardDimensions));
|
|
90
90
|
return (
|
|
91
|
-
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage,
|
|
91
|
+
// 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
|
|
92
92
|
(0, _react2.jsx)("div", {
|
|
93
93
|
css: wrapperStyles(dimensions),
|
|
94
94
|
onClick: onClick
|
|
@@ -82,7 +82,9 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
82
82
|
className: (0, _runtime.ax)([wrapperStyles.default, displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
|
|
83
83
|
"data-testid": testId,
|
|
84
84
|
ref: innerRef,
|
|
85
|
-
onClick: onClick
|
|
85
|
+
onClick: onClick
|
|
86
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
87
|
+
,
|
|
86
88
|
onMouseEnter: onMouseEnter
|
|
87
89
|
}, _vcMedia.VcMediaWrapperProps, {
|
|
88
90
|
style: _objectSpread(_objectSpread({}, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), getResponsiveStyles(breakpoint))), {}, {
|
|
@@ -33,7 +33,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
33
33
|
isTickBoxSelectable = props.isTickBoxSelectable,
|
|
34
34
|
shouldDisplayTooltip = props.shouldDisplayTooltip;
|
|
35
35
|
return (
|
|
36
|
-
// eslint-disable-next-line
|
|
36
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
37
37
|
(0, _react.jsx)("div", (0, _extends2.default)({
|
|
38
38
|
id: "newFileExperienceWrapper"
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -55,7 +55,9 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
55
55
|
mediaCardCursor: mediaCardCursor
|
|
56
56
|
}),
|
|
57
57
|
ref: innerRef,
|
|
58
|
-
onClick: onClick
|
|
58
|
+
onClick: onClick
|
|
59
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
60
|
+
,
|
|
59
61
|
onMouseEnter: onMouseEnter
|
|
60
62
|
}, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
|
|
61
63
|
data: {
|
|
@@ -17,7 +17,7 @@ export const InlinePlayerWrapper = props => {
|
|
|
17
17
|
innerRef
|
|
18
18
|
} = props;
|
|
19
19
|
return (
|
|
20
|
-
// eslint-disable-next-line
|
|
20
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
21
21
|
jsx("div", _extends({
|
|
22
22
|
id: "inlinePlayerWrapper",
|
|
23
23
|
"data-testid": testId
|
|
@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
|
|
|
7
7
|
import { wrapperStyles, actionsBarClassName } from './styles';
|
|
8
8
|
export const ActionsBarWrapper = props => {
|
|
9
9
|
return (
|
|
10
|
-
// eslint-disable-next-line
|
|
10
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
11
11
|
jsx("div", {
|
|
12
12
|
id: "actionsBarWrapper",
|
|
13
13
|
"data-testId": "actionsBarWrapper"
|
|
@@ -68,7 +68,7 @@ export class UnhandledErrorCard extends Component {
|
|
|
68
68
|
} = this.props;
|
|
69
69
|
const isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : defaultImageCardDimensions));
|
|
70
70
|
return (
|
|
71
|
-
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage,
|
|
71
|
+
// 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
|
|
72
72
|
jsx("div", {
|
|
73
73
|
css: wrapperStyles(dimensions),
|
|
74
74
|
onClick: onClick
|
|
@@ -84,7 +84,9 @@ export const Wrapper = props => {
|
|
|
84
84
|
...getResponsiveStyles(breakpoint)
|
|
85
85
|
},
|
|
86
86
|
ref: innerRef,
|
|
87
|
-
onClick: onClick
|
|
87
|
+
onClick: onClick
|
|
88
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
89
|
+
,
|
|
88
90
|
onMouseEnter: onMouseEnter
|
|
89
91
|
}, VcMediaWrapperProps), /*#__PURE__*/React.createElement(UFOCustomData, {
|
|
90
92
|
data: {
|
|
@@ -27,7 +27,7 @@ export const Wrapper = props => {
|
|
|
27
27
|
shouldDisplayTooltip
|
|
28
28
|
} = props;
|
|
29
29
|
return (
|
|
30
|
-
// eslint-disable-next-line
|
|
30
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
31
31
|
jsx("div", _extends({
|
|
32
32
|
id: "newFileExperienceWrapper"
|
|
33
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -49,7 +49,9 @@ export const Wrapper = props => {
|
|
|
49
49
|
mediaCardCursor
|
|
50
50
|
}),
|
|
51
51
|
ref: innerRef,
|
|
52
|
-
onClick: onClick
|
|
52
|
+
onClick: onClick
|
|
53
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
54
|
+
,
|
|
53
55
|
onMouseEnter: onMouseEnter
|
|
54
56
|
}, VcMediaWrapperProps), jsx(UFOCustomData, {
|
|
55
57
|
data: {
|
|
@@ -15,7 +15,7 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
15
15
|
onClick = props.onClick,
|
|
16
16
|
innerRef = props.innerRef;
|
|
17
17
|
return (
|
|
18
|
-
// eslint-disable-next-line
|
|
18
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
19
19
|
jsx("div", _extends({
|
|
20
20
|
id: "inlinePlayerWrapper",
|
|
21
21
|
"data-testid": testId
|
|
@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
|
|
|
7
7
|
import { wrapperStyles, actionsBarClassName } from './styles';
|
|
8
8
|
export var ActionsBarWrapper = function ActionsBarWrapper(props) {
|
|
9
9
|
return (
|
|
10
|
-
// eslint-disable-next-line
|
|
10
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
11
11
|
jsx("div", {
|
|
12
12
|
id: "actionsBarWrapper",
|
|
13
13
|
"data-testId": "actionsBarWrapper"
|
|
@@ -83,7 +83,7 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
|
83
83
|
onClick = _this$props.onClick;
|
|
84
84
|
var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : defaultImageCardDimensions));
|
|
85
85
|
return (
|
|
86
|
-
// eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage,
|
|
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
87
|
jsx("div", {
|
|
88
88
|
css: wrapperStyles(dimensions),
|
|
89
89
|
onClick: onClick
|
|
@@ -73,7 +73,9 @@ export var Wrapper = function Wrapper(props) {
|
|
|
73
73
|
className: ax([wrapperStyles.default, displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
|
|
74
74
|
"data-testid": testId,
|
|
75
75
|
ref: innerRef,
|
|
76
|
-
onClick: onClick
|
|
76
|
+
onClick: onClick
|
|
77
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
78
|
+
,
|
|
77
79
|
onMouseEnter: onMouseEnter
|
|
78
80
|
}, VcMediaWrapperProps, {
|
|
79
81
|
style: _objectSpread(_objectSpread({}, _objectSpread(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), getResponsiveStyles(breakpoint))), {}, {
|
|
@@ -25,7 +25,7 @@ export var Wrapper = function Wrapper(props) {
|
|
|
25
25
|
isTickBoxSelectable = props.isTickBoxSelectable,
|
|
26
26
|
shouldDisplayTooltip = props.shouldDisplayTooltip;
|
|
27
27
|
return (
|
|
28
|
-
// eslint-disable-next-line
|
|
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
29
|
jsx("div", _extends({
|
|
30
30
|
id: "newFileExperienceWrapper"
|
|
31
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -47,7 +47,9 @@ export var Wrapper = function Wrapper(props) {
|
|
|
47
47
|
mediaCardCursor: mediaCardCursor
|
|
48
48
|
}),
|
|
49
49
|
ref: innerRef,
|
|
50
|
-
onClick: onClick
|
|
50
|
+
onClick: onClick
|
|
51
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
52
|
+
,
|
|
51
53
|
onMouseEnter: onMouseEnter
|
|
52
54
|
}, VcMediaWrapperProps), jsx(UFOCustomData, {
|
|
53
55
|
data: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "79.5.
|
|
3
|
+
"version": "79.5.13",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -33,10 +33,10 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
35
35
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
36
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
37
|
-
"@atlaskit/icon": "^28.
|
|
36
|
+
"@atlaskit/editor-shared-styles": "^3.7.0",
|
|
37
|
+
"@atlaskit/icon": "^28.5.0",
|
|
38
38
|
"@atlaskit/link": "^3.2.0",
|
|
39
|
-
"@atlaskit/media-client": "^35.
|
|
39
|
+
"@atlaskit/media-client": "^35.5.0",
|
|
40
40
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
41
41
|
"@atlaskit/media-common": "^12.3.0",
|
|
42
42
|
"@atlaskit/media-file-preview": "^0.11.0",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"@atlaskit/media-ui": "^28.7.0",
|
|
45
45
|
"@atlaskit/media-viewer": "^52.4.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
|
-
"@atlaskit/primitives": "^
|
|
48
|
-
"@atlaskit/react-ufo": "^4.
|
|
47
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
48
|
+
"@atlaskit/react-ufo": "^4.11.0",
|
|
49
49
|
"@atlaskit/spinner": "^19.0.0",
|
|
50
50
|
"@atlaskit/theme": "^21.0.0",
|
|
51
|
-
"@atlaskit/tokens": "^6.
|
|
52
|
-
"@atlaskit/tooltip": "^20.
|
|
51
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
52
|
+
"@atlaskit/tooltip": "^20.5.0",
|
|
53
53
|
"@atlaskit/ufo": "^0.4.0",
|
|
54
54
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
55
55
|
"@babel/runtime": "^7.0.0",
|
|
@@ -69,9 +69,9 @@
|
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@af/integration-testing": "workspace:^",
|
|
72
|
-
"@atlaskit/analytics-listeners": "^9.
|
|
73
|
-
"@atlaskit/analytics-namespaced-context": "^7.
|
|
74
|
-
"@atlaskit/form": "^14.
|
|
72
|
+
"@atlaskit/analytics-listeners": "^9.1.0",
|
|
73
|
+
"@atlaskit/analytics-namespaced-context": "^7.1.0",
|
|
74
|
+
"@atlaskit/form": "^14.2.0",
|
|
75
75
|
"@atlaskit/inline-message": "^15.3.0",
|
|
76
76
|
"@atlaskit/media-core": "^37.0.0",
|
|
77
77
|
"@atlaskit/media-picker": "^70.0.0",
|