@atlaskit/editor-plugin-media-insert 4.0.3 → 4.0.5
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/ui/LocalMedia.js +8 -2
- package/dist/cjs/ui/MediaFromURL.js +7 -1
- package/dist/es2019/ui/LocalMedia.js +6 -2
- package/dist/es2019/ui/MediaFromURL.js +6 -2
- package/dist/esm/ui/LocalMedia.js +8 -2
- package/dist/esm/ui/MediaFromURL.js +8 -2
- package/dist/types/hooks/use-unholy-autofocus.d.ts +1 -1
- package/dist/types-ts4.5/hooks/use-unholy-autofocus.d.ts +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media-insert
|
|
2
2
|
|
|
3
|
+
## 4.0.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 4.0.4
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#161539](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161539)
|
|
14
|
+
[`2c4801586c99f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2c4801586c99f) -
|
|
15
|
+
migrate media picker icons
|
|
16
|
+
|
|
3
17
|
## 4.0.3
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -14,7 +14,8 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
14
14
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
15
15
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
16
16
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
17
|
-
var _upload = _interopRequireDefault(require("@atlaskit/icon/
|
|
17
|
+
var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
|
|
18
|
+
var _upload2 = _interopRequireDefault(require("@atlaskit/icon/glyph/upload"));
|
|
18
19
|
var _mediaPicker = require("@atlaskit/media-picker");
|
|
19
20
|
var _primitives = require("@atlaskit/primitives");
|
|
20
21
|
var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
|
|
@@ -161,7 +162,12 @@ var LocalMedia = exports.LocalMedia = /*#__PURE__*/_react.default.forwardRef(fun
|
|
|
161
162
|
}, uploadState.error && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
|
|
162
163
|
appearance: "error"
|
|
163
164
|
}, uploadState.error === 'upload_fail' ? strings.networkError : strings.genericError), /*#__PURE__*/_react.default.createElement(_new.default, {
|
|
164
|
-
iconBefore:
|
|
165
|
+
iconBefore: function iconBefore() {
|
|
166
|
+
return /*#__PURE__*/_react.default.createElement(_upload.default, {
|
|
167
|
+
label: "",
|
|
168
|
+
LEGACY_fallbackIcon: _upload2.default
|
|
169
|
+
});
|
|
170
|
+
},
|
|
165
171
|
ref: ref,
|
|
166
172
|
shouldFitContainer: true,
|
|
167
173
|
isDisabled: !uploadMediaClientConfig || !uploadParams,
|
|
@@ -21,6 +21,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
|
21
21
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
22
22
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
23
23
|
var _form = _interopRequireWildcard(require("@atlaskit/form"));
|
|
24
|
+
var _expand = _interopRequireDefault(require("@atlaskit/icon/core/expand"));
|
|
24
25
|
var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
|
|
25
26
|
var _mediaClientReact = require("@atlaskit/media-client-react");
|
|
26
27
|
var _primitives = require("@atlaskit/primitives");
|
|
@@ -330,7 +331,12 @@ function MediaFromURL(_ref) {
|
|
|
330
331
|
type: "submit",
|
|
331
332
|
isLoading: previewState.isLoading,
|
|
332
333
|
isDisabled: !!error || !meta.dirty,
|
|
333
|
-
iconBefore:
|
|
334
|
+
iconBefore: function iconBefore() {
|
|
335
|
+
return /*#__PURE__*/_react.default.createElement(_expand.default, {
|
|
336
|
+
label: "",
|
|
337
|
+
LEGACY_fallbackIcon: _filePreview.default
|
|
338
|
+
});
|
|
339
|
+
}
|
|
334
340
|
}, strings.loadPreview)));
|
|
335
341
|
}), previewState.previewInfo && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
|
|
336
342
|
alignInline: "center",
|
|
@@ -3,7 +3,8 @@ import { useIntl } from 'react-intl-next';
|
|
|
3
3
|
import Button from '@atlaskit/button/new';
|
|
4
4
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
6
|
-
import UploadIcon from '@atlaskit/icon/
|
|
6
|
+
import UploadIcon from '@atlaskit/icon/core/upload';
|
|
7
|
+
import { default as UploadIconLegacy } from '@atlaskit/icon/glyph/upload';
|
|
7
8
|
import { Browser } from '@atlaskit/media-picker';
|
|
8
9
|
import { Stack } from '@atlaskit/primitives';
|
|
9
10
|
import SectionMessage from '@atlaskit/section-message';
|
|
@@ -150,7 +151,10 @@ export const LocalMedia = /*#__PURE__*/React.forwardRef(({
|
|
|
150
151
|
}, uploadState.error && /*#__PURE__*/React.createElement(SectionMessage, {
|
|
151
152
|
appearance: "error"
|
|
152
153
|
}, uploadState.error === 'upload_fail' ? strings.networkError : strings.genericError), /*#__PURE__*/React.createElement(Button, {
|
|
153
|
-
iconBefore: UploadIcon,
|
|
154
|
+
iconBefore: () => /*#__PURE__*/React.createElement(UploadIcon, {
|
|
155
|
+
label: "",
|
|
156
|
+
LEGACY_fallbackIcon: UploadIconLegacy
|
|
157
|
+
}),
|
|
154
158
|
ref: ref,
|
|
155
159
|
shouldFitContainer: true,
|
|
156
160
|
isDisabled: !uploadMediaClientConfig || !uploadParams,
|
|
@@ -7,7 +7,8 @@ import Button from '@atlaskit/button/new';
|
|
|
7
7
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
8
8
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
9
9
|
import Form, { ErrorMessage, Field, FormFooter, MessageWrapper } from '@atlaskit/form';
|
|
10
|
-
import
|
|
10
|
+
import ExpandIcon from '@atlaskit/icon/core/expand';
|
|
11
|
+
import { default as EditorFilePreviewIconLegacy } from '@atlaskit/icon/glyph/editor/file-preview';
|
|
11
12
|
import { getMediaClient } from '@atlaskit/media-client-react';
|
|
12
13
|
import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
13
14
|
import SectionMessage from '@atlaskit/section-message';
|
|
@@ -293,7 +294,10 @@ export function MediaFromURL({
|
|
|
293
294
|
type: "submit",
|
|
294
295
|
isLoading: previewState.isLoading,
|
|
295
296
|
isDisabled: !!error || !meta.dirty,
|
|
296
|
-
iconBefore:
|
|
297
|
+
iconBefore: () => /*#__PURE__*/React.createElement(ExpandIcon, {
|
|
298
|
+
label: "",
|
|
299
|
+
LEGACY_fallbackIcon: EditorFilePreviewIconLegacy
|
|
300
|
+
})
|
|
297
301
|
}, strings.loadPreview)))), previewState.previewInfo && /*#__PURE__*/React.createElement(Inline, {
|
|
298
302
|
alignInline: "center",
|
|
299
303
|
alignBlock: "center",
|
|
@@ -8,7 +8,8 @@ import { useIntl } from 'react-intl-next';
|
|
|
8
8
|
import Button from '@atlaskit/button/new';
|
|
9
9
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
10
10
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
11
|
-
import UploadIcon from '@atlaskit/icon/
|
|
11
|
+
import UploadIcon from '@atlaskit/icon/core/upload';
|
|
12
|
+
import { default as UploadIconLegacy } from '@atlaskit/icon/glyph/upload';
|
|
12
13
|
import { Browser } from '@atlaskit/media-picker';
|
|
13
14
|
import { Stack } from '@atlaskit/primitives';
|
|
14
15
|
import SectionMessage from '@atlaskit/section-message';
|
|
@@ -151,7 +152,12 @@ export var LocalMedia = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
151
152
|
}, uploadState.error && /*#__PURE__*/React.createElement(SectionMessage, {
|
|
152
153
|
appearance: "error"
|
|
153
154
|
}, uploadState.error === 'upload_fail' ? strings.networkError : strings.genericError), /*#__PURE__*/React.createElement(Button, {
|
|
154
|
-
iconBefore:
|
|
155
|
+
iconBefore: function iconBefore() {
|
|
156
|
+
return /*#__PURE__*/React.createElement(UploadIcon, {
|
|
157
|
+
label: "",
|
|
158
|
+
LEGACY_fallbackIcon: UploadIconLegacy
|
|
159
|
+
});
|
|
160
|
+
},
|
|
155
161
|
ref: ref,
|
|
156
162
|
shouldFitContainer: true,
|
|
157
163
|
isDisabled: !uploadMediaClientConfig || !uploadParams,
|
|
@@ -15,7 +15,8 @@ import Button from '@atlaskit/button/new';
|
|
|
15
15
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
16
16
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
17
17
|
import Form, { ErrorMessage, Field, FormFooter, MessageWrapper } from '@atlaskit/form';
|
|
18
|
-
import
|
|
18
|
+
import ExpandIcon from '@atlaskit/icon/core/expand';
|
|
19
|
+
import { default as EditorFilePreviewIconLegacy } from '@atlaskit/icon/glyph/editor/file-preview';
|
|
19
20
|
import { getMediaClient } from '@atlaskit/media-client-react';
|
|
20
21
|
import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
21
22
|
import SectionMessage from '@atlaskit/section-message';
|
|
@@ -319,7 +320,12 @@ export function MediaFromURL(_ref) {
|
|
|
319
320
|
type: "submit",
|
|
320
321
|
isLoading: previewState.isLoading,
|
|
321
322
|
isDisabled: !!error || !meta.dirty,
|
|
322
|
-
iconBefore:
|
|
323
|
+
iconBefore: function iconBefore() {
|
|
324
|
+
return /*#__PURE__*/React.createElement(ExpandIcon, {
|
|
325
|
+
label: "",
|
|
326
|
+
LEGACY_fallbackIcon: EditorFilePreviewIconLegacy
|
|
327
|
+
});
|
|
328
|
+
}
|
|
323
329
|
}, strings.loadPreview)));
|
|
324
330
|
}), previewState.previewInfo && /*#__PURE__*/React.createElement(Inline, {
|
|
325
331
|
alignInline: "center",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { PopupPosition } from '@atlaskit/editor-common/ui';
|
|
3
3
|
/**
|
|
4
4
|
* Autofocuses the first interactive element in the first tab panel
|
|
5
5
|
* when the media picker is opened.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { PopupPosition } from '@atlaskit/editor-common/ui';
|
|
3
3
|
/**
|
|
4
4
|
* Autofocuses the first interactive element in the first tab panel
|
|
5
5
|
* when the media picker is opened.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media-insert",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.5",
|
|
4
4
|
"description": "Media Insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,29 +25,29 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@atlaskit/adf-schema": "^44.2.0",
|
|
27
27
|
"@atlaskit/button": "^20.3.0",
|
|
28
|
-
"@atlaskit/editor-common": "^
|
|
28
|
+
"@atlaskit/editor-common": "^95.0.0",
|
|
29
29
|
"@atlaskit/editor-plugin-analytics": "^1.10.0",
|
|
30
|
-
"@atlaskit/editor-plugin-media": "^1.
|
|
30
|
+
"@atlaskit/editor-plugin-media": "^1.42.0",
|
|
31
31
|
"@atlaskit/editor-prosemirror": "6.0.0",
|
|
32
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
32
|
+
"@atlaskit/editor-shared-styles": "^3.2.0",
|
|
33
33
|
"@atlaskit/form": "^10.5.3",
|
|
34
34
|
"@atlaskit/icon": "^22.24.0",
|
|
35
|
-
"@atlaskit/media-card": "^78.
|
|
36
|
-
"@atlaskit/media-client": "^28.
|
|
37
|
-
"@atlaskit/media-client-react": "^2.
|
|
35
|
+
"@atlaskit/media-card": "^78.14.0",
|
|
36
|
+
"@atlaskit/media-client": "^28.3.0",
|
|
37
|
+
"@atlaskit/media-client-react": "^2.3.0",
|
|
38
38
|
"@atlaskit/media-picker": "^67.0.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
40
|
-
"@atlaskit/primitives": "^13.
|
|
40
|
+
"@atlaskit/primitives": "^13.2.0",
|
|
41
41
|
"@atlaskit/section-message": "^6.6.0",
|
|
42
42
|
"@atlaskit/tabs": "^16.5.0",
|
|
43
43
|
"@atlaskit/textfield": "^6.5.0",
|
|
44
|
-
"@atlaskit/tmp-editor-statsig": "^2.
|
|
44
|
+
"@atlaskit/tmp-editor-statsig": "^2.19.0",
|
|
45
45
|
"@babel/runtime": "^7.0.0",
|
|
46
46
|
"react": "^16.8.0",
|
|
47
47
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
|
-
"@atlaskit/tokens": "^2.
|
|
50
|
+
"@atlaskit/tokens": "^2.2.0"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"typescript": "~5.4.2"
|