@atlaskit/editor-plugin-media 1.42.6 → 1.42.7
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/nodeviews/mediaSingle.js +3 -1
- package/dist/cjs/nodeviews/mediaSingleNext.js +3 -1
- package/dist/cjs/ui/CaptionPlaceholder/index.js +1 -1
- package/dist/cjs/ui/MediaViewer/MediaViewerContainer.js +6 -2
- package/dist/es2019/nodeviews/mediaSingle.js +3 -1
- package/dist/es2019/nodeviews/mediaSingleNext.js +3 -1
- package/dist/es2019/ui/CaptionPlaceholder/index.js +1 -1
- package/dist/es2019/ui/MediaViewer/MediaViewerContainer.js +6 -2
- package/dist/esm/nodeviews/mediaSingle.js +3 -1
- package/dist/esm/nodeviews/mediaSingleNext.js +3 -1
- package/dist/esm/ui/CaptionPlaceholder/index.js +1 -1
- package/dist/esm/ui/MediaViewer/MediaViewerContainer.js +6 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -476,7 +476,9 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
476
476
|
}
|
|
477
477
|
return null;
|
|
478
478
|
};
|
|
479
|
-
var MediaChildren =
|
|
479
|
+
var MediaChildren =
|
|
480
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
481
|
+
(0, _react2.jsx)("figure", {
|
|
480
482
|
ref: this.mediaSingleWrapperRef,
|
|
481
483
|
css: figureWrapperStyles
|
|
482
484
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -482,7 +482,9 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
|
|
|
482
482
|
widthType: widthType
|
|
483
483
|
};
|
|
484
484
|
}, [widthType, mediaSingleWidthAttribute]);
|
|
485
|
-
var MediaChildren =
|
|
485
|
+
var MediaChildren =
|
|
486
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
487
|
+
(0, _react2.jsx)("figure", {
|
|
486
488
|
ref: mediaSingleWrapperRef,
|
|
487
489
|
css: figureWrapperStyles
|
|
488
490
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -39,7 +39,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
|
|
|
39
39
|
var onClick = _ref.onClick;
|
|
40
40
|
var message = (0, _platformFeatureFlags.fg)('platform_editor_media_interaction_improvements') ? _objectSpread({}, _media.captionMessages.placeholderWithDoubleClickPrompt) : _objectSpread({}, _media.captionMessages.placeholder);
|
|
41
41
|
return (
|
|
42
|
-
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
43
43
|
(0, _react2.jsx)("span", {
|
|
44
44
|
ref: ref,
|
|
45
45
|
css: placeholder,
|
|
@@ -53,11 +53,15 @@ var MediaViewerContainer = exports.MediaViewerContainer = function MediaViewerCo
|
|
|
53
53
|
};
|
|
54
54
|
var isVideoMedia = (0, _isType.isVideo)((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
|
|
55
55
|
var shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia;
|
|
56
|
-
return (0, _react2.jsx)(_react.Fragment, null, isEditorViewMode ? (0, _react2.jsx)(_react.Fragment, null, isInline ?
|
|
56
|
+
return (0, _react2.jsx)(_react.Fragment, null, isEditorViewMode ? (0, _react2.jsx)(_react.Fragment, null, isInline ?
|
|
57
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
58
|
+
(0, _react2.jsx)("span", {
|
|
57
59
|
onClick: showMediaViewer,
|
|
58
60
|
css: interactiveStyles,
|
|
59
61
|
"data-testid": mediaViewerContainerTestID
|
|
60
|
-
}, children) :
|
|
62
|
+
}, children) :
|
|
63
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
64
|
+
(0, _react2.jsx)("div", {
|
|
61
65
|
onClick: showMediaViewer,
|
|
62
66
|
css: interactiveStyles,
|
|
63
67
|
"data-testid": mediaViewerContainerTestID
|
|
@@ -394,7 +394,9 @@ export default class MediaSingleNode extends Component {
|
|
|
394
394
|
}
|
|
395
395
|
return null;
|
|
396
396
|
};
|
|
397
|
-
const MediaChildren =
|
|
397
|
+
const MediaChildren =
|
|
398
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
399
|
+
jsx("figure", {
|
|
398
400
|
ref: this.mediaSingleWrapperRef,
|
|
399
401
|
css: figureWrapperStyles
|
|
400
402
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -443,7 +443,9 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
|
|
|
443
443
|
widthType: widthType
|
|
444
444
|
};
|
|
445
445
|
}, [widthType, mediaSingleWidthAttribute]);
|
|
446
|
-
const MediaChildren =
|
|
446
|
+
const MediaChildren =
|
|
447
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
448
|
+
jsx("figure", {
|
|
447
449
|
ref: mediaSingleWrapperRef,
|
|
448
450
|
css: figureWrapperStyles
|
|
449
451
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -36,7 +36,7 @@ export const CaptionPlaceholder = /*#__PURE__*/React.forwardRef(({
|
|
|
36
36
|
...messages.placeholder
|
|
37
37
|
};
|
|
38
38
|
return (
|
|
39
|
-
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
39
|
+
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
40
40
|
jsx("span", {
|
|
41
41
|
ref: ref,
|
|
42
42
|
css: placeholder,
|
|
@@ -36,11 +36,15 @@ export const MediaViewerContainer = ({
|
|
|
36
36
|
};
|
|
37
37
|
const isVideoMedia = isVideo((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
|
|
38
38
|
const shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia;
|
|
39
|
-
return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
|
|
39
|
+
return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
|
|
40
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
41
|
+
jsx("span", {
|
|
40
42
|
onClick: showMediaViewer,
|
|
41
43
|
css: interactiveStyles,
|
|
42
44
|
"data-testid": mediaViewerContainerTestID
|
|
43
|
-
}, children) :
|
|
45
|
+
}, children) :
|
|
46
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
47
|
+
jsx("div", {
|
|
44
48
|
onClick: showMediaViewer,
|
|
45
49
|
css: interactiveStyles,
|
|
46
50
|
"data-testid": mediaViewerContainerTestID
|
|
@@ -470,7 +470,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
|
|
|
470
470
|
}
|
|
471
471
|
return null;
|
|
472
472
|
};
|
|
473
|
-
var MediaChildren =
|
|
473
|
+
var MediaChildren =
|
|
474
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
475
|
+
jsx("figure", {
|
|
474
476
|
ref: this.mediaSingleWrapperRef,
|
|
475
477
|
css: figureWrapperStyles
|
|
476
478
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -475,7 +475,9 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
|
|
|
475
475
|
widthType: widthType
|
|
476
476
|
};
|
|
477
477
|
}, [widthType, mediaSingleWidthAttribute]);
|
|
478
|
-
var MediaChildren =
|
|
478
|
+
var MediaChildren =
|
|
479
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
480
|
+
jsx("figure", {
|
|
479
481
|
ref: mediaSingleWrapperRef,
|
|
480
482
|
css: figureWrapperStyles
|
|
481
483
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -30,7 +30,7 @@ export var CaptionPlaceholder = /*#__PURE__*/React.forwardRef(function (_ref, re
|
|
|
30
30
|
var onClick = _ref.onClick;
|
|
31
31
|
var message = fg('platform_editor_media_interaction_improvements') ? _objectSpread({}, messages.placeholderWithDoubleClickPrompt) : _objectSpread({}, messages.placeholder);
|
|
32
32
|
return (
|
|
33
|
-
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
33
|
+
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
34
34
|
jsx("span", {
|
|
35
35
|
ref: ref,
|
|
36
36
|
css: placeholder,
|
|
@@ -42,11 +42,15 @@ export var MediaViewerContainer = function MediaViewerContainer(_ref) {
|
|
|
42
42
|
};
|
|
43
43
|
var isVideoMedia = isVideo((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
|
|
44
44
|
var shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia;
|
|
45
|
-
return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
|
|
45
|
+
return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
|
|
46
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
47
|
+
jsx("span", {
|
|
46
48
|
onClick: showMediaViewer,
|
|
47
49
|
css: interactiveStyles,
|
|
48
50
|
"data-testid": mediaViewerContainerTestID
|
|
49
|
-
}, children) :
|
|
51
|
+
}, children) :
|
|
52
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
53
|
+
jsx("div", {
|
|
50
54
|
onClick: showMediaViewer,
|
|
51
55
|
css: interactiveStyles,
|
|
52
56
|
"data-testid": mediaViewerContainerTestID
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "1.42.
|
|
3
|
+
"version": "1.42.7",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"@atlaskit/analytics-namespaced-context": "^6.12.0",
|
|
37
37
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
38
38
|
"@atlaskit/button": "^20.3.0",
|
|
39
|
-
"@atlaskit/editor-common": "^95.
|
|
39
|
+
"@atlaskit/editor-common": "^95.8.0",
|
|
40
40
|
"@atlaskit/editor-palette": "1.6.3",
|
|
41
41
|
"@atlaskit/editor-plugin-analytics": "^1.10.0",
|
|
42
|
-
"@atlaskit/editor-plugin-annotation": "1.25.
|
|
42
|
+
"@atlaskit/editor-plugin-annotation": "1.25.4",
|
|
43
43
|
"@atlaskit/editor-plugin-decorations": "^1.3.0",
|
|
44
44
|
"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
|
|
45
45
|
"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
|
|
@@ -58,12 +58,12 @@
|
|
|
58
58
|
"@atlaskit/media-client": "^28.3.0",
|
|
59
59
|
"@atlaskit/media-client-react": "^2.3.0",
|
|
60
60
|
"@atlaskit/media-common": "^11.7.0",
|
|
61
|
-
"@atlaskit/media-filmstrip": "^
|
|
61
|
+
"@atlaskit/media-filmstrip": "^48.0.0",
|
|
62
62
|
"@atlaskit/media-picker": "^67.0.0",
|
|
63
63
|
"@atlaskit/media-ui": "^26.2.0",
|
|
64
64
|
"@atlaskit/media-viewer": "^49.4.0",
|
|
65
65
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
66
|
-
"@atlaskit/primitives": "^13.
|
|
66
|
+
"@atlaskit/primitives": "^13.3.0",
|
|
67
67
|
"@atlaskit/textfield": "^6.6.0",
|
|
68
68
|
"@atlaskit/theme": "^14.0.0",
|
|
69
69
|
"@atlaskit/tmp-editor-statsig": "^2.21.0",
|