@atlaskit/editor-plugin-media-insert 2.3.0 → 2.3.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 +9 -0
- package/dist/cjs/ui/LocalMedia.js +5 -3
- package/dist/cjs/ui/MediaInsertContent.js +3 -3
- package/dist/es2019/ui/LocalMedia.js +5 -3
- package/dist/es2019/ui/MediaInsertContent.js +3 -3
- package/dist/esm/ui/LocalMedia.js +5 -3
- package/dist/esm/ui/MediaInsertContent.js +3 -3
- package/dist/types/ui/LocalMedia.d.ts +3 -3
- package/dist/types-ts4.5/ui/LocalMedia.d.ts +3 -3
- package/package.json +3 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media-insert
|
|
2
2
|
|
|
3
|
+
## 2.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#136260](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136260)
|
|
8
|
+
[`852bc79a309bc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/852bc79a309bc) -
|
|
9
|
+
[ux] [ED-24567] Closes the media insert popup when local upload has started
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 2.3.0
|
|
4
13
|
|
|
5
14
|
### Minor Changes
|
|
@@ -49,8 +49,9 @@ var isImagePreview = function isImagePreview(preview) {
|
|
|
49
49
|
};
|
|
50
50
|
var LocalMedia = exports.LocalMedia = function LocalMedia(_ref) {
|
|
51
51
|
var mediaProvider = _ref.mediaProvider,
|
|
52
|
-
|
|
53
|
-
dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent
|
|
52
|
+
insertMediaSingle = _ref.insertMediaSingle,
|
|
53
|
+
dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
|
|
54
|
+
closeMediaInsertPicker = _ref.closeMediaInsertPicker;
|
|
54
55
|
var intl = (0, _reactIntlNext.useIntl)();
|
|
55
56
|
var strings = {
|
|
56
57
|
upload: intl.formatMessage(_messages.mediaInsertMessages.upload),
|
|
@@ -85,10 +86,11 @@ var LocalMedia = exports.LocalMedia = function LocalMedia(_ref) {
|
|
|
85
86
|
height: preview.dimensions.height
|
|
86
87
|
};
|
|
87
88
|
}
|
|
88
|
-
|
|
89
|
+
insertMediaSingle({
|
|
89
90
|
mediaState: mediaState,
|
|
90
91
|
inputMethod: _analytics.INPUT_METHOD.MEDIA_PICKER
|
|
91
92
|
});
|
|
93
|
+
closeMediaInsertPicker();
|
|
92
94
|
|
|
93
95
|
// Probably not needed but I guess it _could_ fail to close for some reason
|
|
94
96
|
dispatch({
|
|
@@ -28,9 +28,9 @@ var MediaInsertContent = exports.MediaInsertContent = function MediaInsertConten
|
|
|
28
28
|
paddingBlockEnd: "space.150"
|
|
29
29
|
}, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.fileTabTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, null, /*#__PURE__*/_react.default.createElement(_LocalMedia.LocalMedia, {
|
|
30
30
|
mediaProvider: mediaProvider,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
32
|
+
closeMediaInsertPicker: closeMediaInsertPicker,
|
|
33
|
+
insertMediaSingle: insertMediaSingle
|
|
34
34
|
})), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, null, /*#__PURE__*/_react.default.createElement(_MediaFromURL.MediaFromURL, {
|
|
35
35
|
mediaProvider: mediaProvider,
|
|
36
36
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
@@ -41,8 +41,9 @@ const isImagePreview = preview => {
|
|
|
41
41
|
};
|
|
42
42
|
export const LocalMedia = ({
|
|
43
43
|
mediaProvider,
|
|
44
|
-
|
|
45
|
-
dispatchAnalyticsEvent
|
|
44
|
+
insertMediaSingle,
|
|
45
|
+
dispatchAnalyticsEvent,
|
|
46
|
+
closeMediaInsertPicker
|
|
46
47
|
}) => {
|
|
47
48
|
const intl = useIntl();
|
|
48
49
|
const strings = {
|
|
@@ -77,10 +78,11 @@ export const LocalMedia = ({
|
|
|
77
78
|
height: preview.dimensions.height
|
|
78
79
|
};
|
|
79
80
|
}
|
|
80
|
-
|
|
81
|
+
insertMediaSingle({
|
|
81
82
|
mediaState,
|
|
82
83
|
inputMethod: INPUT_METHOD.MEDIA_PICKER
|
|
83
84
|
});
|
|
85
|
+
closeMediaInsertPicker();
|
|
84
86
|
|
|
85
87
|
// Probably not needed but I guess it _could_ fail to close for some reason
|
|
86
88
|
dispatch({
|
|
@@ -19,9 +19,9 @@ export const MediaInsertContent = ({
|
|
|
19
19
|
paddingBlockEnd: "space.150"
|
|
20
20
|
}, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/React.createElement(TabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
|
|
21
21
|
mediaProvider: mediaProvider,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
23
|
+
closeMediaInsertPicker: closeMediaInsertPicker,
|
|
24
|
+
insertMediaSingle: insertMediaSingle
|
|
25
25
|
})), /*#__PURE__*/React.createElement(TabPanel, null, /*#__PURE__*/React.createElement(MediaFromURL, {
|
|
26
26
|
mediaProvider: mediaProvider,
|
|
27
27
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
@@ -42,8 +42,9 @@ var isImagePreview = function isImagePreview(preview) {
|
|
|
42
42
|
};
|
|
43
43
|
export var LocalMedia = function LocalMedia(_ref) {
|
|
44
44
|
var mediaProvider = _ref.mediaProvider,
|
|
45
|
-
|
|
46
|
-
dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent
|
|
45
|
+
insertMediaSingle = _ref.insertMediaSingle,
|
|
46
|
+
dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
|
|
47
|
+
closeMediaInsertPicker = _ref.closeMediaInsertPicker;
|
|
47
48
|
var intl = useIntl();
|
|
48
49
|
var strings = {
|
|
49
50
|
upload: intl.formatMessage(mediaInsertMessages.upload),
|
|
@@ -78,10 +79,11 @@ export var LocalMedia = function LocalMedia(_ref) {
|
|
|
78
79
|
height: preview.dimensions.height
|
|
79
80
|
};
|
|
80
81
|
}
|
|
81
|
-
|
|
82
|
+
insertMediaSingle({
|
|
82
83
|
mediaState: mediaState,
|
|
83
84
|
inputMethod: INPUT_METHOD.MEDIA_PICKER
|
|
84
85
|
});
|
|
86
|
+
closeMediaInsertPicker();
|
|
85
87
|
|
|
86
88
|
// Probably not needed but I guess it _could_ fail to close for some reason
|
|
87
89
|
dispatch({
|
|
@@ -18,9 +18,9 @@ export var MediaInsertContent = function MediaInsertContent(_ref) {
|
|
|
18
18
|
paddingBlockEnd: "space.150"
|
|
19
19
|
}, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/React.createElement(TabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
|
|
20
20
|
mediaProvider: mediaProvider,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
22
|
+
closeMediaInsertPicker: closeMediaInsertPicker,
|
|
23
|
+
insertMediaSingle: insertMediaSingle
|
|
24
24
|
})), /*#__PURE__*/React.createElement(TabPanel, null, /*#__PURE__*/React.createElement(MediaFromURL, {
|
|
25
25
|
mediaProvider: mediaProvider,
|
|
26
26
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
@@ -4,9 +4,9 @@ import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
|
|
|
4
4
|
import { type InsertMediaSingle } from '../types';
|
|
5
5
|
type Props = {
|
|
6
6
|
mediaProvider: MediaProvider;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
insertMediaSingle: InsertMediaSingle;
|
|
8
|
+
closeMediaInsertPicker: () => void;
|
|
9
9
|
dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
|
|
10
10
|
};
|
|
11
|
-
export declare const LocalMedia: ({ mediaProvider,
|
|
11
|
+
export declare const LocalMedia: ({ mediaProvider, insertMediaSingle, dispatchAnalyticsEvent, closeMediaInsertPicker, }: Props) => JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -4,9 +4,9 @@ import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
|
|
|
4
4
|
import { type InsertMediaSingle } from '../types';
|
|
5
5
|
type Props = {
|
|
6
6
|
mediaProvider: MediaProvider;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
insertMediaSingle: InsertMediaSingle;
|
|
8
|
+
closeMediaInsertPicker: () => void;
|
|
9
9
|
dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
|
|
10
10
|
};
|
|
11
|
-
export declare const LocalMedia: ({ mediaProvider,
|
|
11
|
+
export declare const LocalMedia: ({ mediaProvider, insertMediaSingle, dispatchAnalyticsEvent, closeMediaInsertPicker, }: Props) => JSX.Element;
|
|
12
12
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media-insert",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.1",
|
|
4
4
|
"description": "Media Insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
"atlassian": {
|
|
11
11
|
"team": "Editor: Core Experiences",
|
|
12
12
|
"singleton": true,
|
|
13
|
-
"releaseModel": "continuous",
|
|
14
13
|
"runReact18": true
|
|
15
14
|
},
|
|
16
15
|
"repository": "https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo",
|
|
@@ -25,7 +24,7 @@
|
|
|
25
24
|
},
|
|
26
25
|
"dependencies": {
|
|
27
26
|
"@atlaskit/button": "^20.1.0",
|
|
28
|
-
"@atlaskit/editor-common": "^88.
|
|
27
|
+
"@atlaskit/editor-common": "^88.7.0",
|
|
29
28
|
"@atlaskit/editor-plugin-analytics": "^1.8.0",
|
|
30
29
|
"@atlaskit/editor-plugin-media": "^1.29.0",
|
|
31
30
|
"@atlaskit/editor-prosemirror": "5.0.1",
|
|
@@ -35,7 +34,7 @@
|
|
|
35
34
|
"@atlaskit/media-client": "^27.6.0",
|
|
36
35
|
"@atlaskit/media-client-react": "^2.2.0",
|
|
37
36
|
"@atlaskit/media-picker": "^66.4.0",
|
|
38
|
-
"@atlaskit/primitives": "^12.
|
|
37
|
+
"@atlaskit/primitives": "^12.1.0",
|
|
39
38
|
"@atlaskit/section-message": "^6.6.0",
|
|
40
39
|
"@atlaskit/tabs": "^16.4.0",
|
|
41
40
|
"@atlaskit/textfield": "^6.5.0",
|