@atlaskit/media-ui 28.7.4 → 28.7.6
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/customMediaPlayer/react-video-renderer/video.js +2 -2
- package/dist/cjs/mediaImage/index.js +2 -3
- package/dist/cjs/mediaImage/styled.js +1 -1
- package/dist/es2019/customMediaPlayer/react-video-renderer/video.js +2 -2
- package/dist/es2019/mediaImage/index.js +2 -3
- package/dist/es2019/mediaImage/styled.js +1 -1
- package/dist/esm/customMediaPlayer/react-video-renderer/video.js +2 -2
- package/dist/esm/mediaImage/index.js +2 -3
- package/dist/esm/mediaImage/styled.js +1 -1
- package/package.json +13 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/media-ui
|
|
2
2
|
|
|
3
|
+
## 28.7.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 28.7.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`2e35d308c4205`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e35d308c4205) -
|
|
14
|
+
FG cleanup - platform_media_add_ufo_custom_data
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 28.7.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -302,7 +302,7 @@ var Video = exports.Video = /*#__PURE__*/function (_Component) {
|
|
|
302
302
|
if (sourceType === 'video') {
|
|
303
303
|
return children(
|
|
304
304
|
/*#__PURE__*/
|
|
305
|
-
// eslint-disable-next-line
|
|
305
|
+
// eslint-disable-next-line @atlassian/a11y/media-has-caption
|
|
306
306
|
_react.default.createElement("video", (0, _extends2.default)({
|
|
307
307
|
"data-testid": "media-video-element",
|
|
308
308
|
ref: this.videoRef,
|
|
@@ -314,7 +314,7 @@ var Video = exports.Video = /*#__PURE__*/function (_Component) {
|
|
|
314
314
|
onError: onTextTrackError
|
|
315
315
|
})), videoState, actions, this.videoRef);
|
|
316
316
|
} else {
|
|
317
|
-
// eslint-disable-next-line
|
|
317
|
+
// eslint-disable-next-line @atlassian/a11y/media-has-caption
|
|
318
318
|
return children( /*#__PURE__*/_react.default.createElement("audio", (0, _extends2.default)({
|
|
319
319
|
ref: this.audioRef
|
|
320
320
|
}, props)), videoState, actions, this.audioRef);
|
|
@@ -9,7 +9,6 @@ exports.MediaImage = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _vcMedia = require("@atlaskit/react-ufo/vc-media");
|
|
14
13
|
var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
|
|
15
14
|
var _styled = require("./styled");
|
|
@@ -365,11 +364,11 @@ var MediaImage = exports.MediaImage = /*#__PURE__*/(0, _react.forwardRef)(functi
|
|
|
365
364
|
var transform = (0, _imageMetaData.getCssFromImageOrientation)(previewOrientation);
|
|
366
365
|
style.transform += " ".concat(transform);
|
|
367
366
|
}
|
|
368
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null,
|
|
367
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_customData.default, {
|
|
369
368
|
data: {
|
|
370
369
|
hasMediaComponent: true
|
|
371
370
|
}
|
|
372
|
-
})
|
|
371
|
+
}), /*#__PURE__*/_react.default.createElement(_styled.ImageComponent, (0, _extends2.default)({
|
|
373
372
|
loading: loading,
|
|
374
373
|
"data-testid": "media-image",
|
|
375
374
|
"data-vc": "media-image",
|
|
@@ -32,7 +32,7 @@ var ImageComponent = exports.ImageComponent = function ImageComponent(props) {
|
|
|
32
32
|
otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
33
33
|
return (
|
|
34
34
|
/*#__PURE__*/
|
|
35
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop,
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/a11y/alt-text -- Ignored via go/DSP-18766
|
|
36
36
|
_react.default.createElement("img", (0, _extends2.default)({}, otherProps, {
|
|
37
37
|
ref: imageRef,
|
|
38
38
|
style: _objectSpread(_objectSpread({}, imgStyle), style)
|
|
@@ -298,7 +298,7 @@ export class Video extends Component {
|
|
|
298
298
|
if (sourceType === 'video') {
|
|
299
299
|
return children(
|
|
300
300
|
/*#__PURE__*/
|
|
301
|
-
// eslint-disable-next-line
|
|
301
|
+
// eslint-disable-next-line @atlassian/a11y/media-has-caption
|
|
302
302
|
React.createElement("video", _extends({
|
|
303
303
|
"data-testid": "media-video-element",
|
|
304
304
|
ref: this.videoRef,
|
|
@@ -310,7 +310,7 @@ export class Video extends Component {
|
|
|
310
310
|
onError: onTextTrackError
|
|
311
311
|
})), videoState, actions, this.videoRef);
|
|
312
312
|
} else {
|
|
313
|
-
// eslint-disable-next-line
|
|
313
|
+
// eslint-disable-next-line @atlassian/a11y/media-has-caption
|
|
314
314
|
return children( /*#__PURE__*/React.createElement("audio", _extends({
|
|
315
315
|
ref: this.audioRef
|
|
316
316
|
}, props)), videoState, actions, this.audioRef);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { forwardRef, useCallback, useRef, useState } from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
|
|
5
4
|
import UFOCustomData from '@atlaskit/react-ufo/custom-data';
|
|
6
5
|
import { ImageComponent } from './styled';
|
|
@@ -345,11 +344,11 @@ export const MediaImage = /*#__PURE__*/forwardRef(({
|
|
|
345
344
|
const transform = getCssFromImageOrientation(previewOrientation);
|
|
346
345
|
style.transform += ` ${transform}`;
|
|
347
346
|
}
|
|
348
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
347
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOCustomData, {
|
|
349
348
|
data: {
|
|
350
349
|
hasMediaComponent: true
|
|
351
350
|
}
|
|
352
|
-
})
|
|
351
|
+
}), /*#__PURE__*/React.createElement(ImageComponent, _extends({
|
|
353
352
|
loading: loading,
|
|
354
353
|
"data-testid": "media-image",
|
|
355
354
|
"data-vc": "media-image",
|
|
@@ -23,7 +23,7 @@ export const ImageComponent = props => {
|
|
|
23
23
|
} = props;
|
|
24
24
|
return (
|
|
25
25
|
/*#__PURE__*/
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop,
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/a11y/alt-text -- Ignored via go/DSP-18766
|
|
27
27
|
React.createElement("img", _extends({}, otherProps, {
|
|
28
28
|
ref: imageRef,
|
|
29
29
|
style: {
|
|
@@ -294,7 +294,7 @@ export var Video = /*#__PURE__*/function (_Component) {
|
|
|
294
294
|
if (sourceType === 'video') {
|
|
295
295
|
return children(
|
|
296
296
|
/*#__PURE__*/
|
|
297
|
-
// eslint-disable-next-line
|
|
297
|
+
// eslint-disable-next-line @atlassian/a11y/media-has-caption
|
|
298
298
|
React.createElement("video", _extends({
|
|
299
299
|
"data-testid": "media-video-element",
|
|
300
300
|
ref: this.videoRef,
|
|
@@ -306,7 +306,7 @@ export var Video = /*#__PURE__*/function (_Component) {
|
|
|
306
306
|
onError: onTextTrackError
|
|
307
307
|
})), videoState, actions, this.videoRef);
|
|
308
308
|
} else {
|
|
309
|
-
// eslint-disable-next-line
|
|
309
|
+
// eslint-disable-next-line @atlassian/a11y/media-has-caption
|
|
310
310
|
return children( /*#__PURE__*/React.createElement("audio", _extends({
|
|
311
311
|
ref: this.audioRef
|
|
312
312
|
}, props)), videoState, actions, this.audioRef);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import React, { forwardRef, useCallback, useRef, useState } from 'react';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
|
|
6
5
|
import UFOCustomData from '@atlaskit/react-ufo/custom-data';
|
|
7
6
|
import { ImageComponent } from './styled';
|
|
@@ -356,11 +355,11 @@ export var MediaImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
356
355
|
var transform = getCssFromImageOrientation(previewOrientation);
|
|
357
356
|
style.transform += " ".concat(transform);
|
|
358
357
|
}
|
|
359
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
358
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOCustomData, {
|
|
360
359
|
data: {
|
|
361
360
|
hasMediaComponent: true
|
|
362
361
|
}
|
|
363
|
-
})
|
|
362
|
+
}), /*#__PURE__*/React.createElement(ImageComponent, _extends({
|
|
364
363
|
loading: loading,
|
|
365
364
|
"data-testid": "media-image",
|
|
366
365
|
"data-vc": "media-image",
|
|
@@ -26,7 +26,7 @@ export var ImageComponent = function ImageComponent(props) {
|
|
|
26
26
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
27
27
|
return (
|
|
28
28
|
/*#__PURE__*/
|
|
29
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop,
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/a11y/alt-text -- Ignored via go/DSP-18766
|
|
30
30
|
React.createElement("img", _extends({}, otherProps, {
|
|
31
31
|
ref: imageRef,
|
|
32
32
|
style: _objectSpread(_objectSpread({}, imgStyle), style)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "28.7.
|
|
3
|
+
"version": "28.7.6",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,31 +25,31 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@atlaskit/afm-i18n-platform-media-media-ui": "2.7.0",
|
|
27
27
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
28
|
-
"@atlaskit/button": "^23.
|
|
28
|
+
"@atlaskit/button": "^23.5.0",
|
|
29
29
|
"@atlaskit/code": "^17.2.0",
|
|
30
|
-
"@atlaskit/css": "^0.
|
|
30
|
+
"@atlaskit/css": "^0.15.0",
|
|
31
31
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
32
32
|
"@atlaskit/flag": "^17.4.0",
|
|
33
|
-
"@atlaskit/form": "^14.
|
|
34
|
-
"@atlaskit/icon": "^28.
|
|
33
|
+
"@atlaskit/form": "^14.2.0",
|
|
34
|
+
"@atlaskit/icon": "^28.5.0",
|
|
35
35
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
36
|
-
"@atlaskit/icon-lab": "^5.
|
|
36
|
+
"@atlaskit/icon-lab": "^5.10.0",
|
|
37
37
|
"@atlaskit/legacy-custom-icons": "^0.22.0",
|
|
38
38
|
"@atlaskit/locale": "^3.0.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-state": "^1.8.0",
|
|
43
|
-
"@atlaskit/modal-dialog": "^14.
|
|
43
|
+
"@atlaskit/modal-dialog": "^14.5.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
|
-
"@atlaskit/primitives": "^
|
|
45
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
46
46
|
"@atlaskit/range": "^9.2.0",
|
|
47
|
-
"@atlaskit/react-ufo": "^4.
|
|
47
|
+
"@atlaskit/react-ufo": "^4.11.0",
|
|
48
48
|
"@atlaskit/select": "^21.3.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/width-detector": "^5.0.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@compiled/react": "^0.18.3",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
},
|
|
69
69
|
"devDependencies": {
|
|
70
70
|
"@af/visual-regression": "workspace:^",
|
|
71
|
-
"@atlaskit/analytics-listeners": "^9.
|
|
71
|
+
"@atlaskit/analytics-listeners": "^9.1.0",
|
|
72
72
|
"@atlaskit/media-test-data": "^3.2.0",
|
|
73
73
|
"@atlaskit/ssr": "workspace:^",
|
|
74
74
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
@@ -94,9 +94,6 @@
|
|
|
94
94
|
"platform_media_compiled": {
|
|
95
95
|
"type": "boolean"
|
|
96
96
|
},
|
|
97
|
-
"platform_media_add_ufo_custom_data": {
|
|
98
|
-
"type": "boolean"
|
|
99
|
-
},
|
|
100
97
|
"platform_media_resume_video_on_token_expiry": {
|
|
101
98
|
"type": "boolean"
|
|
102
99
|
},
|