@atlaskit/editor-plugin-media-insert 44.0.4 → 44.0.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 +13 -0
- package/dist/cjs/mediaInsertPlugin.js +16 -16
- package/dist/cjs/ui/LocalMedia.js +7 -7
- package/dist/cjs/ui/MediaCard.js +2 -2
- package/dist/cjs/ui/MediaFromURL.js +24 -33
- package/dist/cjs/ui/MediaInsertPicker.js +41 -51
- package/dist/cjs/ui/quick-insert/MediaInsertQuickInsertMenuItem.js +13 -13
- package/dist/cjs/ui/quick-insert/getMediaInsertQuickInsertComponents.js +3 -3
- package/dist/cjs/ui/useAnalyticsEvents.js +17 -17
- package/dist/es2019/mediaInsertPlugin.js +3 -3
- package/dist/es2019/ui/LocalMedia.js +2 -2
- package/dist/es2019/ui/MediaCard.js +1 -1
- package/dist/es2019/ui/MediaFromURL.js +6 -15
- package/dist/es2019/ui/MediaInsertPicker.js +16 -24
- package/dist/es2019/ui/quick-insert/MediaInsertQuickInsertMenuItem.js +2 -2
- package/dist/es2019/ui/quick-insert/getMediaInsertQuickInsertComponents.js +1 -1
- package/dist/es2019/ui/useAnalyticsEvents.js +1 -1
- package/dist/esm/mediaInsertPlugin.js +3 -3
- package/dist/esm/ui/LocalMedia.js +2 -2
- package/dist/esm/ui/MediaCard.js +1 -1
- package/dist/esm/ui/MediaFromURL.js +6 -15
- package/dist/esm/ui/MediaInsertPicker.js +16 -26
- package/dist/esm/ui/quick-insert/MediaInsertQuickInsertMenuItem.js +2 -2
- package/dist/esm/ui/quick-insert/getMediaInsertQuickInsertComponents.js +1 -1
- package/dist/esm/ui/useAnalyticsEvents.js +1 -1
- package/dist/types/mediaInsertPluginType.d.ts +7 -6
- package/dist/types/types/index.d.ts +4 -3
- package/dist/types/ui/LocalMedia.d.ts +2 -2
- package/dist/types/ui/MediaCard.d.ts +1 -1
- package/dist/types/ui/MediaFromURL.d.ts +2 -2
- package/dist/types/ui/hooks/use-unholy-autofocus.d.ts +1 -1
- package/dist/types/ui/quick-insert/MediaInsertQuickInsertMenuItem.d.ts +1 -1
- package/dist/types/ui/quick-insert/getMediaInsertQuickInsertComponents.d.ts +1 -1
- package/dist/types/ui/useAnalyticsEvents.d.ts +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media-insert
|
|
2
2
|
|
|
3
|
+
## 44.0.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a6e997a7a24f7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a6e997a7a24f7) -
|
|
8
|
+
Clean up experiment `platform_editor_fix_focus_mediainsertpicker`
|
|
9
|
+
|
|
10
|
+
## 44.0.5
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 44.0.4
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.mediaInsertPlugin = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
10
|
+
var _assets = require("@atlaskit/editor-common/assets");
|
|
10
11
|
var _rank = require("@atlaskit/editor-common/media-insert/rank");
|
|
11
|
-
var
|
|
12
|
-
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
12
|
+
var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
|
|
13
13
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
14
|
var _actions = require("./pm-plugins/actions");
|
|
15
15
|
var _main = require("./pm-plugins/main");
|
|
@@ -18,8 +18,8 @@ var _MediaInsertPicker = require("./ui/MediaInsertPicker");
|
|
|
18
18
|
var _getMediaInsertQuickInsertComponents = require("./ui/quick-insert/getMediaInsertQuickInsertComponents");
|
|
19
19
|
var getInitialMediaInsertTab = function getInitialMediaInsertTab(registeredTabs, isOnlyExternalLinks) {
|
|
20
20
|
var _firstRegisteredTab$r;
|
|
21
|
-
var initialBuiltInTab = isOnlyExternalLinks ?
|
|
22
|
-
var initialBuiltInRank = isOnlyExternalLinks ? _rank.MEDIA_INSERT_TAB_RANK[
|
|
21
|
+
var initialBuiltInTab = isOnlyExternalLinks ? _enums.MEDIA_INSERT_TAB.LINK : _enums.MEDIA_INSERT_TAB.UPLOAD;
|
|
22
|
+
var initialBuiltInRank = isOnlyExternalLinks ? _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.LINK] : _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.UPLOAD];
|
|
23
23
|
var firstRegisteredTab = registeredTabs.reduce(function (firstTab, tab) {
|
|
24
24
|
var _tab$rank, _firstTab$rank;
|
|
25
25
|
return !firstTab || ((_tab$rank = tab.rank) !== null && _tab$rank !== void 0 ? _tab$rank : _rank.DEFAULT_MEDIA_INSERT_TAB_RANK) < ((_firstTab$rank = firstTab.rank) !== null && _firstTab$rank !== void 0 ? _firstTab$rank : _rank.DEFAULT_MEDIA_INSERT_TAB_RANK) ? tab : firstTab;
|
|
@@ -143,7 +143,7 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
|
|
|
143
143
|
alt: fileName,
|
|
144
144
|
__fileMimeType: mediaState.fileMimeType
|
|
145
145
|
});
|
|
146
|
-
return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod,
|
|
146
|
+
return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, _enums.INSERT_MEDIA_VIA.EXTERNAL_UPLOAD)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
|
|
147
147
|
};
|
|
148
148
|
var insertExternalMediaSingle = function insertExternalMediaSingle(_ref7) {
|
|
149
149
|
var _api$media$actions$in2;
|
|
@@ -156,7 +156,7 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
|
|
|
156
156
|
alt: alt,
|
|
157
157
|
__external: true
|
|
158
158
|
});
|
|
159
|
-
return (_api$media$actions$in2 = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod,
|
|
159
|
+
return (_api$media$actions$in2 = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, _enums.INSERT_MEDIA_VIA.EXTERNAL_URL)) !== null && _api$media$actions$in2 !== void 0 ? _api$media$actions$in2 : false;
|
|
160
160
|
};
|
|
161
161
|
var insertFile = function insertFile(_ref8) {
|
|
162
162
|
var _api$media$sharedStat, _api$media$sharedStat2;
|
|
@@ -164,7 +164,7 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
|
|
|
164
164
|
inputMethod = _ref8.inputMethod,
|
|
165
165
|
onMediaStateChanged = _ref8.onMediaStateChanged;
|
|
166
166
|
var collection = mediaState.collection;
|
|
167
|
-
return collection !== undefined ? (_api$media$sharedStat = api === null || api === void 0 || (_api$media$sharedStat2 = api.media.sharedState.currentState()) === null || _api$media$sharedStat2 === void 0 ? void 0 : _api$media$sharedStat2.insertFile(mediaState, onMediaStateChanged, inputMethod,
|
|
167
|
+
return collection !== undefined ? (_api$media$sharedStat = api === null || api === void 0 || (_api$media$sharedStat2 = api.media.sharedState.currentState()) === null || _api$media$sharedStat2 === void 0 ? void 0 : _api$media$sharedStat2.insertFile(mediaState, onMediaStateChanged, inputMethod, _enums.INSERT_MEDIA_VIA.LOCAL_UPLOAD)) !== null && _api$media$sharedStat !== void 0 ? _api$media$sharedStat : false : false;
|
|
168
168
|
};
|
|
169
169
|
return /*#__PURE__*/_react.default.createElement(_MediaInsertPicker.MediaInsertPicker, {
|
|
170
170
|
api: api,
|
|
@@ -191,12 +191,12 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
|
|
|
191
191
|
var formatMessage = _ref9.formatMessage;
|
|
192
192
|
return [{
|
|
193
193
|
id: 'media-insert',
|
|
194
|
-
title: formatMessage(
|
|
195
|
-
description: formatMessage(
|
|
194
|
+
title: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFiles),
|
|
195
|
+
description: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFilesDescription),
|
|
196
196
|
priority: 400,
|
|
197
197
|
keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video', 'file'],
|
|
198
198
|
icon: function icon() {
|
|
199
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
199
|
+
return /*#__PURE__*/_react.default.createElement(_assets.IconImages, null);
|
|
200
200
|
},
|
|
201
201
|
isDisabledOffline: true,
|
|
202
202
|
action: function action(insert) {
|
|
@@ -208,14 +208,14 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
|
|
|
208
208
|
tr: tr
|
|
209
209
|
});
|
|
210
210
|
api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
|
|
211
|
-
action:
|
|
212
|
-
actionSubject:
|
|
213
|
-
actionSubjectId:
|
|
211
|
+
action: _enums.ACTION.OPENED,
|
|
212
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
213
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
214
214
|
attributes: {
|
|
215
|
-
inputMethod:
|
|
215
|
+
inputMethod: _enums.INPUT_METHOD.QUICK_INSERT,
|
|
216
216
|
openedTab: getInitialMediaInsertTab(insertTabRegistry.getAll(), config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks)
|
|
217
217
|
},
|
|
218
|
-
eventType:
|
|
218
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
219
219
|
})(tr);
|
|
220
220
|
return tr;
|
|
221
221
|
}
|
|
@@ -12,8 +12,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _reactIntl = require("react-intl");
|
|
14
14
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
16
|
+
var _mediaInsert = require("@atlaskit/editor-common/messages/media-insert");
|
|
17
17
|
var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
|
|
18
18
|
var _browser = require("@atlaskit/media-picker/browser");
|
|
19
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
@@ -58,10 +58,10 @@ var LocalMedia = exports.LocalMedia = /*#__PURE__*/_react.default.forwardRef(fun
|
|
|
58
58
|
insertFile = _ref.insertFile;
|
|
59
59
|
var intl = (0, _reactIntl.useIntl)();
|
|
60
60
|
var strings = {
|
|
61
|
-
upload: intl.formatMessage(
|
|
62
|
-
chooseFile: intl.formatMessage(
|
|
63
|
-
networkError: intl.formatMessage(
|
|
64
|
-
genericError: intl.formatMessage(
|
|
61
|
+
upload: intl.formatMessage(_mediaInsert.mediaInsertMessages.upload),
|
|
62
|
+
chooseFile: intl.formatMessage(_mediaInsert.mediaInsertMessages.chooseFile),
|
|
63
|
+
networkError: intl.formatMessage(_mediaInsert.mediaInsertMessages.localFileNetworkErrorMessage),
|
|
64
|
+
genericError: intl.formatMessage(_mediaInsert.mediaInsertMessages.localFileErrorMessage)
|
|
65
65
|
};
|
|
66
66
|
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(dispatchAnalyticsEvent),
|
|
67
67
|
onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
|
|
@@ -110,7 +110,7 @@ var LocalMedia = exports.LocalMedia = /*#__PURE__*/_react.default.forwardRef(fun
|
|
|
110
110
|
};
|
|
111
111
|
insertFile({
|
|
112
112
|
mediaState: mediaState,
|
|
113
|
-
inputMethod:
|
|
113
|
+
inputMethod: _enums.INPUT_METHOD.MEDIA_PICKER,
|
|
114
114
|
onMediaStateChanged: onStateChanged(file.id)
|
|
115
115
|
});
|
|
116
116
|
closeMediaInsertPicker();
|
package/dist/cjs/ui/MediaCard.js
CHANGED
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.MediaCard = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
10
|
+
var _mediaInsert = require("@atlaskit/editor-common/messages/media-insert");
|
|
11
11
|
var _cardLoader = _interopRequireDefault(require("@atlaskit/media-card/cardLoader"));
|
|
12
12
|
var _cardLoading = require("@atlaskit/media-card/cardLoading");
|
|
13
13
|
var maxDimensions = {
|
|
@@ -18,7 +18,7 @@ var MediaCard = exports.MediaCard = function MediaCard(_ref) {
|
|
|
18
18
|
var attrs = _ref.attrs,
|
|
19
19
|
mediaProvider = _ref.mediaProvider;
|
|
20
20
|
var intl = (0, _reactIntl.useIntl)();
|
|
21
|
-
var mediaAlt = intl.formatMessage(
|
|
21
|
+
var mediaAlt = intl.formatMessage(_mediaInsert.mediaInsertMessages.mediaAlt);
|
|
22
22
|
var dimensions = _react.default.useMemo(function () {
|
|
23
23
|
return {
|
|
24
24
|
width: attrs.dimensions.width,
|
|
@@ -18,8 +18,8 @@ var _reactIntl = require("react-intl");
|
|
|
18
18
|
var _isSafeUrl = require("@atlaskit/adf-schema/is-safe-url");
|
|
19
19
|
var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
|
|
20
20
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
21
|
-
var
|
|
22
|
-
var
|
|
21
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
22
|
+
var _mediaInsert = require("@atlaskit/editor-common/messages/media-insert");
|
|
23
23
|
var _errorMessage = require("@atlaskit/form/error-message");
|
|
24
24
|
var _field = _interopRequireDefault(require("@atlaskit/form/field"));
|
|
25
25
|
var _form = _interopRequireDefault(require("@atlaskit/form/form"));
|
|
@@ -28,7 +28,6 @@ var _helperMessage = require("@atlaskit/form/helper-message");
|
|
|
28
28
|
var _messageWrapper = require("@atlaskit/form/message-wrapper");
|
|
29
29
|
var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
|
|
30
30
|
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
31
|
-
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
32
31
|
var _primitives = require("@atlaskit/primitives");
|
|
33
32
|
var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
|
|
34
33
|
var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
|
|
@@ -116,13 +115,13 @@ function MediaFromURL(_ref) {
|
|
|
116
115
|
customizedHelperMessage = _ref.customizedHelperMessage;
|
|
117
116
|
var intl = (0, _reactIntl.useIntl)();
|
|
118
117
|
var strings = {
|
|
119
|
-
loadPreview: intl.formatMessage(
|
|
120
|
-
insert: intl.formatMessage(
|
|
121
|
-
pasteLinkToUpload: intl.formatMessage(
|
|
122
|
-
cancel: intl.formatMessage(
|
|
123
|
-
errorMessage: intl.formatMessage(
|
|
124
|
-
warning: intl.formatMessage(
|
|
125
|
-
invalidUrl: intl.formatMessage(
|
|
118
|
+
loadPreview: intl.formatMessage(_mediaInsert.mediaInsertMessages.loadPreview),
|
|
119
|
+
insert: intl.formatMessage(_mediaInsert.mediaInsertMessages.insert),
|
|
120
|
+
pasteLinkToUpload: intl.formatMessage(_mediaInsert.mediaInsertMessages.pasteLinkToUpload),
|
|
121
|
+
cancel: intl.formatMessage(_mediaInsert.mediaInsertMessages.cancel),
|
|
122
|
+
errorMessage: intl.formatMessage(_mediaInsert.mediaInsertMessages.fromUrlErrorMessage),
|
|
123
|
+
warning: intl.formatMessage(_mediaInsert.mediaInsertMessages.fromUrlWarning),
|
|
124
|
+
invalidUrl: intl.formatMessage(_mediaInsert.mediaInsertMessages.invalidUrlErrorMessage)
|
|
126
125
|
};
|
|
127
126
|
var _React$useReducer = _react.default.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE),
|
|
128
127
|
_React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
|
|
@@ -249,7 +248,7 @@ function MediaFromURL(_ref) {
|
|
|
249
248
|
if (previewState.previewInfo) {
|
|
250
249
|
insertMediaSingle({
|
|
251
250
|
mediaState: previewState.previewInfo,
|
|
252
|
-
inputMethod:
|
|
251
|
+
inputMethod: _enums.INPUT_METHOD.MEDIA_PICKER
|
|
253
252
|
});
|
|
254
253
|
}
|
|
255
254
|
closeMediaInsertPicker();
|
|
@@ -259,7 +258,7 @@ function MediaFromURL(_ref) {
|
|
|
259
258
|
insertExternalMediaSingle({
|
|
260
259
|
url: url,
|
|
261
260
|
alt: '',
|
|
262
|
-
inputMethod:
|
|
261
|
+
inputMethod: _enums.INPUT_METHOD.MEDIA_PICKER
|
|
263
262
|
});
|
|
264
263
|
}
|
|
265
264
|
closeMediaInsertPicker();
|
|
@@ -268,39 +267,31 @@ function MediaFromURL(_ref) {
|
|
|
268
267
|
if (event && event.key === 'Esc') {
|
|
269
268
|
if (dispatchAnalyticsEvent) {
|
|
270
269
|
var payload = {
|
|
271
|
-
action:
|
|
272
|
-
actionSubject:
|
|
273
|
-
actionSubjectId:
|
|
274
|
-
eventType:
|
|
270
|
+
action: _enums.ACTION.CLOSED,
|
|
271
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
272
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
273
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
275
274
|
attributes: {
|
|
276
|
-
exitMethod:
|
|
275
|
+
exitMethod: _enums.INPUT_METHOD.KEYBOARD
|
|
277
276
|
}
|
|
278
277
|
};
|
|
279
278
|
dispatchAnalyticsEvent(payload);
|
|
280
279
|
}
|
|
281
|
-
|
|
282
|
-
cancelMediaInsertPicker();
|
|
283
|
-
} else {
|
|
284
|
-
closeMediaInsertPicker();
|
|
285
|
-
}
|
|
280
|
+
cancelMediaInsertPicker();
|
|
286
281
|
}
|
|
287
|
-
}, [dispatchAnalyticsEvent, cancelMediaInsertPicker
|
|
282
|
+
}, [dispatchAnalyticsEvent, cancelMediaInsertPicker]);
|
|
288
283
|
var onCancel = _react.default.useCallback(function () {
|
|
289
284
|
if (dispatchAnalyticsEvent) {
|
|
290
285
|
var payload = {
|
|
291
|
-
action:
|
|
292
|
-
actionSubject:
|
|
293
|
-
actionSubjectId:
|
|
294
|
-
eventType:
|
|
286
|
+
action: _enums.ACTION.CANCELLED,
|
|
287
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
288
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
289
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
295
290
|
};
|
|
296
291
|
dispatchAnalyticsEvent(payload);
|
|
297
292
|
}
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
} else {
|
|
301
|
-
closeMediaInsertPicker();
|
|
302
|
-
}
|
|
303
|
-
}, [cancelMediaInsertPicker, dispatchAnalyticsEvent, closeMediaInsertPicker]);
|
|
293
|
+
cancelMediaInsertPicker();
|
|
294
|
+
}, [cancelMediaInsertPicker, dispatchAnalyticsEvent]);
|
|
304
295
|
return /*#__PURE__*/_react.default.createElement(_form.default, {
|
|
305
296
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
306
297
|
onSubmit: function onSubmit(_ref3, form) {
|
|
@@ -9,14 +9,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _reactIntl = require("react-intl");
|
|
12
|
-
var
|
|
12
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
13
13
|
var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-selection");
|
|
14
|
-
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
15
14
|
var _rank = require("@atlaskit/editor-common/media-insert/rank");
|
|
16
|
-
var
|
|
15
|
+
var _mediaInsert = require("@atlaskit/editor-common/messages/media-insert");
|
|
16
|
+
var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
|
|
17
17
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
18
|
-
var
|
|
19
|
-
var
|
|
18
|
+
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
19
|
+
var _withOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/with-outer-listeners"));
|
|
20
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
20
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
21
22
|
var _tabList = _interopRequireDefault(require("@atlaskit/tabs/tab-list"));
|
|
22
23
|
var _tabs = _interopRequireDefault(require("@atlaskit/tabs/tabs"));
|
|
@@ -30,7 +31,7 @@ var _MediaFromURL = require("./MediaFromURL");
|
|
|
30
31
|
var _MediaInsertWrapper = require("./MediaInsertWrapper");
|
|
31
32
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
32
33
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
33
|
-
var PopupWithListeners = (0,
|
|
34
|
+
var PopupWithListeners = (0, _withOuterListeners.default)(_Popup.default);
|
|
34
35
|
var MEDIA_INSERT_PICKER_ANALYTICS_SOURCE = 'MediaInsertPicker';
|
|
35
36
|
var EMPTY_REGISTERED_TABS = [];
|
|
36
37
|
var getMediaInsertPickerTabSource = function getMediaInsertPickerTabSource(selectedTab) {
|
|
@@ -132,7 +133,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
132
133
|
// Read once per render; the registry is mutated only at plugin setup time so this is stable
|
|
133
134
|
// for the lifetime of an editor instance.
|
|
134
135
|
var registeredTabs = (_api$mediaInsert$acti = api === null || api === void 0 || (_api$mediaInsert = api.mediaInsert) === null || _api$mediaInsert === void 0 || (_api$mediaInsert = _api$mediaInsert.actions) === null || _api$mediaInsert === void 0 || (_api$mediaInsert$getI = _api$mediaInsert.getInsertTabs) === null || _api$mediaInsert$getI === void 0 ? void 0 : _api$mediaInsert$getI.call(_api$mediaInsert)) !== null && _api$mediaInsert$acti !== void 0 ? _api$mediaInsert$acti : EMPTY_REGISTERED_TABS;
|
|
135
|
-
var _useSharedPluginState = (0,
|
|
136
|
+
var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['media', 'mediaInsert'], function (states) {
|
|
136
137
|
var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
|
|
137
138
|
return {
|
|
138
139
|
mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
|
|
@@ -151,7 +152,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
151
152
|
} else {
|
|
152
153
|
var _api$analytics;
|
|
153
154
|
// If targetRef is undefined, target the selection in the editor
|
|
154
|
-
targetRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView,
|
|
155
|
+
targetRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _enums.ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
|
|
155
156
|
mountPoint = popupsMountPoint;
|
|
156
157
|
}
|
|
157
158
|
var focusButton = (0, _useFocus.useFocus)({
|
|
@@ -173,6 +174,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
173
174
|
returnFocusRef.current = focusButton;
|
|
174
175
|
closeMediaInsertPicker();
|
|
175
176
|
}, [closeMediaInsertPicker, focusButton]);
|
|
177
|
+
// Return focus on unmount to whichever element `returnFocusRef` currently points at.
|
|
178
|
+
var returnFocusOnUnmount = _react.default.useCallback(function () {
|
|
179
|
+
returnFocusRef.current();
|
|
180
|
+
}, []);
|
|
176
181
|
var intl = (0, _reactIntl.useIntl)();
|
|
177
182
|
var _useUnholyAutofocus = (0, _useUnholyAutofocus2.useUnholyAutofocus)(),
|
|
178
183
|
autofocusRef = _useUnholyAutofocus.autofocusRef,
|
|
@@ -182,15 +187,15 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
182
187
|
var tieBreaker = 0;
|
|
183
188
|
if (!isOnlyExternalLinks) {
|
|
184
189
|
tabs.push({
|
|
185
|
-
key:
|
|
186
|
-
rank: _rank.MEDIA_INSERT_TAB_RANK[
|
|
190
|
+
key: _enums.MEDIA_INSERT_TAB.UPLOAD,
|
|
191
|
+
rank: _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.UPLOAD],
|
|
187
192
|
tieBreaker: tieBreaker++,
|
|
188
193
|
type: 'upload'
|
|
189
194
|
});
|
|
190
195
|
}
|
|
191
196
|
tabs.push({
|
|
192
|
-
key:
|
|
193
|
-
rank: _rank.MEDIA_INSERT_TAB_RANK[
|
|
197
|
+
key: _enums.MEDIA_INSERT_TAB.LINK,
|
|
198
|
+
rank: _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.LINK],
|
|
194
199
|
tieBreaker: tieBreaker++,
|
|
195
200
|
type: 'link'
|
|
196
201
|
});
|
|
@@ -248,10 +253,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
248
253
|
var selectedTabMetadata = getTabAnalyticsMetadata(0);
|
|
249
254
|
selectedTabAnalyticsMetadataRef.current = selectedTabMetadata;
|
|
250
255
|
var payload = {
|
|
251
|
-
action:
|
|
252
|
-
actionSubject:
|
|
253
|
-
actionSubjectId:
|
|
254
|
-
eventType:
|
|
256
|
+
action: _enums.ACTION.VIEWED,
|
|
257
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
258
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
259
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
255
260
|
attributes: {
|
|
256
261
|
selectedTab: selectedTabMetadata.selectedTab,
|
|
257
262
|
selectedTabIndex: selectedTabMetadata.selectedTabIndex
|
|
@@ -273,10 +278,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
273
278
|
}).fire();
|
|
274
279
|
if (dispatchAnalyticsEvent) {
|
|
275
280
|
var payload = {
|
|
276
|
-
action:
|
|
277
|
-
actionSubject:
|
|
278
|
-
actionSubjectId:
|
|
279
|
-
eventType:
|
|
281
|
+
action: _enums.ACTION.VIEWED,
|
|
282
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
283
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
284
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
280
285
|
attributes: {
|
|
281
286
|
selectedTab: selectedTabMetadata.selectedTab,
|
|
282
287
|
selectedTabIndex: selectedTabIndex
|
|
@@ -292,55 +297,40 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
292
297
|
return function (event) {
|
|
293
298
|
// Same as AIImageGenerationPopup: react-select can detach the option
|
|
294
299
|
// before `click` fires, so withOuterListeners treats it as outside.
|
|
295
|
-
if (exitMethod ===
|
|
300
|
+
if (exitMethod === _enums.INPUT_METHOD.MOUSE && event.target instanceof Node && !event.target.isConnected) {
|
|
296
301
|
return;
|
|
297
302
|
}
|
|
298
303
|
event.preventDefault();
|
|
299
304
|
if (dispatchAnalyticsEvent) {
|
|
300
305
|
var payload = {
|
|
301
|
-
action:
|
|
302
|
-
actionSubject:
|
|
303
|
-
actionSubjectId:
|
|
304
|
-
eventType:
|
|
306
|
+
action: _enums.ACTION.CLOSED,
|
|
307
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
308
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
309
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
305
310
|
attributes: {
|
|
306
311
|
exitMethod: exitMethod
|
|
307
312
|
}
|
|
308
313
|
};
|
|
309
314
|
dispatchAnalyticsEvent(payload);
|
|
310
315
|
}
|
|
311
|
-
|
|
312
|
-
closeAndReturnFocusToButton();
|
|
313
|
-
} else {
|
|
314
|
-
closeMediaInsertPicker(); // Focuses editor on unmount
|
|
315
|
-
focusEditor();
|
|
316
|
-
}
|
|
316
|
+
closeAndReturnFocusToButton();
|
|
317
317
|
};
|
|
318
318
|
};
|
|
319
|
-
var
|
|
320
|
-
if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_fix_focus_mediainsertpicker')) {
|
|
321
|
-
closeAndFocusEditor();
|
|
322
|
-
} else {
|
|
323
|
-
closeMediaInsertPicker();
|
|
324
|
-
focusEditor();
|
|
325
|
-
}
|
|
326
|
-
};
|
|
327
|
-
var fileTabTitle = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc_page_experiences_editor_image_generation', 'isEnabled', true) ? intl.formatMessage(_messages.mediaInsertMessages.uploadTabTitle) : intl.formatMessage(_messages.mediaInsertMessages.fileTabTitle);
|
|
319
|
+
var fileTabTitle = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc_page_experiences_editor_image_generation', 'isEnabled', true) ? intl.formatMessage(_mediaInsert.mediaInsertMessages.uploadTabTitle) : intl.formatMessage(_mediaInsert.mediaInsertMessages.fileTabTitle);
|
|
328
320
|
return /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
|
|
329
|
-
ariaLabel: intl.formatMessage(
|
|
321
|
+
ariaLabel: intl.formatMessage(_mediaInsert.mediaInsertMessages.mediaPickerPopupAriaLabel)
|
|
330
322
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
331
323
|
,
|
|
332
324
|
offset: [0, 12],
|
|
333
325
|
target: targetRef,
|
|
334
|
-
zIndex:
|
|
326
|
+
zIndex: _constants.akEditorFloatingDialogZIndex,
|
|
335
327
|
fitHeight: 390,
|
|
336
328
|
fitWidth: 340,
|
|
337
329
|
mountTo: mountPoint,
|
|
338
|
-
onUnmount:
|
|
339
|
-
return returnFocusRef.current();
|
|
340
|
-
} : undefined,
|
|
330
|
+
onUnmount: returnFocusOnUnmount,
|
|
341
331
|
boundariesElement: popupsBoundariesElement,
|
|
342
|
-
handleClickOutside: handleClose(
|
|
343
|
-
handleEscapeKeydown: handleClose(
|
|
332
|
+
handleClickOutside: handleClose(_enums.INPUT_METHOD.MOUSE),
|
|
333
|
+
handleEscapeKeydown: handleClose(_enums.INPUT_METHOD.KEYBOARD),
|
|
344
334
|
scrollableElement: popupsScrollableElement,
|
|
345
335
|
preventOverflow: true,
|
|
346
336
|
onPositionCalculated: onPositionCalculated,
|
|
@@ -360,7 +350,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
360
350
|
onSelectTabForAnalytics: setSelectedTabAnalyticsMetadata,
|
|
361
351
|
selectedTabIndex: index,
|
|
362
352
|
tabCount: tabCount
|
|
363
|
-
}, tab.type === 'registered' ? tab.registeredTab.label : tab.type === 'upload' ? fileTabTitle : intl.formatMessage(
|
|
353
|
+
}, tab.type === 'registered' ? tab.registeredTab.label : tab.type === 'upload' ? fileTabTitle : intl.formatMessage(_mediaInsert.mediaInsertMessages.linkTabTitle));
|
|
364
354
|
}))), orderedTabs.map(function (tab) {
|
|
365
355
|
if (tab.type === 'registered') {
|
|
366
356
|
var TabComponent = tab.registeredTab.component;
|
|
@@ -368,7 +358,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
368
358
|
key: tab.key,
|
|
369
359
|
disablePaddingBlockEnd: true
|
|
370
360
|
}, /*#__PURE__*/_react.default.createElement(TabComponent, {
|
|
371
|
-
closeMediaInsertPicker:
|
|
361
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
372
362
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
373
363
|
insertMediaSingle: insertMediaSingle,
|
|
374
364
|
mediaProvider: mediaProvider
|
|
@@ -380,7 +370,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
380
370
|
}, /*#__PURE__*/_react.default.createElement(_LocalMedia.LocalMedia, {
|
|
381
371
|
ref: autofocusRef,
|
|
382
372
|
mediaProvider: mediaProvider,
|
|
383
|
-
closeMediaInsertPicker:
|
|
373
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
384
374
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
385
375
|
insertFile: insertFile
|
|
386
376
|
}));
|
|
@@ -390,7 +380,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
390
380
|
}, /*#__PURE__*/_react.default.createElement(_MediaFromURL.MediaFromURL, {
|
|
391
381
|
mediaProvider: mediaProvider,
|
|
392
382
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
393
|
-
closeMediaInsertPicker:
|
|
383
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
394
384
|
cancelMediaInsertPicker: closeAndReturnFocusToButton,
|
|
395
385
|
insertMediaSingle: insertMediaSingle,
|
|
396
386
|
insertExternalMediaSingle: insertExternalMediaSingle,
|
|
@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.MediaInsertQuickInsertMenuItem = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactIntl = require("react-intl");
|
|
11
|
-
var
|
|
11
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
12
12
|
var _rank = require("@atlaskit/editor-common/media-insert/rank");
|
|
13
|
-
var
|
|
13
|
+
var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
|
|
14
14
|
var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
|
|
15
|
-
var
|
|
15
|
+
var _messages = require("@atlaskit/editor-common/quick-insert/messages");
|
|
16
16
|
var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
|
|
17
17
|
var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -31,7 +31,7 @@ var MediaInsertQuickInsertMenuItem = exports.MediaInsertQuickInsertMenuItem = fu
|
|
|
31
31
|
return {
|
|
32
32
|
image: previewImageUrls,
|
|
33
33
|
attribution: {
|
|
34
|
-
name: formatMessage(
|
|
34
|
+
name: formatMessage(_messages.messages.previewAttributionAtlassian)
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
}, [formatMessage]);
|
|
@@ -42,32 +42,32 @@ var MediaInsertQuickInsertMenuItem = exports.MediaInsertQuickInsertMenuItem = fu
|
|
|
42
42
|
api === null || api === void 0 || (_api$mediaInsert = api.mediaInsert) === null || _api$mediaInsert === void 0 || _api$mediaInsert.commands.showMediaInsertPopup()({
|
|
43
43
|
tr: tr
|
|
44
44
|
});
|
|
45
|
-
var initialBuiltInTab = config !== null && config !== void 0 && config.isOnlyExternalLinks ?
|
|
46
|
-
var initialBuiltInRank = config !== null && config !== void 0 && config.isOnlyExternalLinks ? _rank.MEDIA_INSERT_TAB_RANK[
|
|
45
|
+
var initialBuiltInTab = config !== null && config !== void 0 && config.isOnlyExternalLinks ? _enums.MEDIA_INSERT_TAB.LINK : _enums.MEDIA_INSERT_TAB.UPLOAD;
|
|
46
|
+
var initialBuiltInRank = config !== null && config !== void 0 && config.isOnlyExternalLinks ? _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.LINK] : _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.UPLOAD];
|
|
47
47
|
var firstRegisteredTab = api === null || api === void 0 || (_api$mediaInsert2 = api.mediaInsert) === null || _api$mediaInsert2 === void 0 ? void 0 : _api$mediaInsert2.actions.getInsertTabs().reduce(function (firstTab, tab) {
|
|
48
48
|
var _tab$rank, _firstTab$rank;
|
|
49
49
|
return !firstTab || ((_tab$rank = tab.rank) !== null && _tab$rank !== void 0 ? _tab$rank : _rank.DEFAULT_MEDIA_INSERT_TAB_RANK) < ((_firstTab$rank = firstTab.rank) !== null && _firstTab$rank !== void 0 ? _firstTab$rank : _rank.DEFAULT_MEDIA_INSERT_TAB_RANK) ? tab : firstTab;
|
|
50
50
|
}, undefined);
|
|
51
51
|
api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
|
|
52
|
-
action:
|
|
53
|
-
actionSubject:
|
|
54
|
-
actionSubjectId:
|
|
52
|
+
action: _enums.ACTION.OPENED,
|
|
53
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
54
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
55
55
|
attributes: {
|
|
56
|
-
inputMethod:
|
|
56
|
+
inputMethod: _enums.INPUT_METHOD.QUICK_INSERT,
|
|
57
57
|
openedTab: firstRegisteredTab && ((_firstRegisteredTab$r = firstRegisteredTab.rank) !== null && _firstRegisteredTab$r !== void 0 ? _firstRegisteredTab$r : _rank.DEFAULT_MEDIA_INSERT_TAB_RANK) < initialBuiltInRank ? firstRegisteredTab.key : initialBuiltInTab
|
|
58
58
|
},
|
|
59
|
-
eventType:
|
|
59
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
60
60
|
})(tr);
|
|
61
61
|
return tr;
|
|
62
62
|
}, [api, config]);
|
|
63
63
|
return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
|
|
64
|
-
description: formatMessage(
|
|
64
|
+
description: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFilesDescription),
|
|
65
65
|
iconBefore: /*#__PURE__*/_react.default.createElement(_image.default, {
|
|
66
66
|
label: ""
|
|
67
67
|
}),
|
|
68
68
|
isDisabled: isOffline,
|
|
69
69
|
onSelect: onSelect,
|
|
70
70
|
preview: preview,
|
|
71
|
-
title: formatMessage(
|
|
71
|
+
title: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFiles)
|
|
72
72
|
});
|
|
73
73
|
};
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getMediaInsertQuickInsertComponents = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
|
|
10
10
|
var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
|
|
11
11
|
var _keys = require("@atlaskit/editor-common/quick-insert/keys");
|
|
12
12
|
var _rank = require("@atlaskit/editor-common/quick-insert/rank");
|
|
@@ -25,9 +25,9 @@ var getMediaInsertQuickInsertComponents = exports.getMediaInsertQuickInsertCompo
|
|
|
25
25
|
match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
|
|
26
26
|
var formatMessage = _ref2.formatMessage;
|
|
27
27
|
return {
|
|
28
|
-
description: formatMessage(
|
|
28
|
+
description: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFilesDescription),
|
|
29
29
|
keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video', 'file'],
|
|
30
|
-
title: formatMessage(
|
|
30
|
+
title: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFiles)
|
|
31
31
|
};
|
|
32
32
|
}),
|
|
33
33
|
component: function component() {
|
|
@@ -6,22 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.useAnalyticsEvents = useAnalyticsEvents;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
10
10
|
function useAnalyticsEvents(dispatchAnalyticsEvent) {
|
|
11
11
|
var onUploadButtonClickedAnalytics = _react.default.useCallback(function () {
|
|
12
12
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
13
|
-
action:
|
|
14
|
-
actionSubject:
|
|
15
|
-
actionSubjectId:
|
|
16
|
-
eventType:
|
|
13
|
+
action: _enums.ACTION.CLICKED,
|
|
14
|
+
actionSubject: _enums.ACTION_SUBJECT.BUTTON,
|
|
15
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
|
|
16
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
17
17
|
});
|
|
18
18
|
}, [dispatchAnalyticsEvent]);
|
|
19
19
|
var onUploadCommencedAnalytics = _react.default.useCallback(function (mediaUploadSource) {
|
|
20
20
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
21
|
-
action:
|
|
22
|
-
actionSubject:
|
|
23
|
-
actionSubjectId:
|
|
24
|
-
eventType:
|
|
21
|
+
action: _enums.ACTION.UPLOAD_COMMENCED,
|
|
22
|
+
actionSubject: _enums.ACTION_SUBJECT.MEDIA,
|
|
23
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
|
|
24
|
+
eventType: _enums.EVENT_TYPE.OPERATIONAL,
|
|
25
25
|
attributes: {
|
|
26
26
|
mediaUploadSource: mediaUploadSource
|
|
27
27
|
}
|
|
@@ -29,10 +29,10 @@ function useAnalyticsEvents(dispatchAnalyticsEvent) {
|
|
|
29
29
|
}, [dispatchAnalyticsEvent]);
|
|
30
30
|
var onUploadSuccessAnalytics = _react.default.useCallback(function (mediaUploadSource) {
|
|
31
31
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
32
|
-
action:
|
|
33
|
-
actionSubject:
|
|
34
|
-
actionSubjectId:
|
|
35
|
-
eventType:
|
|
32
|
+
action: _enums.ACTION.UPLOAD_SUCCEEDED,
|
|
33
|
+
actionSubject: _enums.ACTION_SUBJECT.MEDIA,
|
|
34
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
|
|
35
|
+
eventType: _enums.EVENT_TYPE.OPERATIONAL,
|
|
36
36
|
attributes: {
|
|
37
37
|
mediaUploadSource: mediaUploadSource
|
|
38
38
|
}
|
|
@@ -40,10 +40,10 @@ function useAnalyticsEvents(dispatchAnalyticsEvent) {
|
|
|
40
40
|
}, [dispatchAnalyticsEvent]);
|
|
41
41
|
var onUploadFailureAnalytics = _react.default.useCallback(function (reason, mediaUploadSource) {
|
|
42
42
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
43
|
-
action:
|
|
44
|
-
actionSubject:
|
|
45
|
-
actionSubjectId:
|
|
46
|
-
eventType:
|
|
43
|
+
action: _enums.ACTION.UPLOAD_FAILED,
|
|
44
|
+
actionSubject: _enums.ACTION_SUBJECT.MEDIA,
|
|
45
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
|
|
46
|
+
eventType: _enums.EVENT_TYPE.OPERATIONAL,
|
|
47
47
|
attributes: {
|
|
48
48
|
reason: reason,
|
|
49
49
|
mediaUploadSource: mediaUploadSource
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
|
+
import { IconImages } from '@atlaskit/editor-common/assets';
|
|
3
4
|
import { DEFAULT_MEDIA_INSERT_TAB_RANK, MEDIA_INSERT_TAB_RANK } from '@atlaskit/editor-common/media-insert/rank';
|
|
4
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
|
-
import { IconImages } from '@atlaskit/editor-common/quick-insert';
|
|
5
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
6
6
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
7
7
|
import { closeMediaInsertPicker, showMediaInsertPopup } from './pm-plugins/actions';
|
|
8
8
|
import { createPlugin } from './pm-plugins/main';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
3
|
import Button from '@atlaskit/button/default/button';
|
|
4
|
-
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
5
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
4
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
5
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
6
6
|
import UploadIcon from '@atlaskit/icon/core/upload';
|
|
7
7
|
import { BrowserLoader as Browser } from '@atlaskit/media-picker/browser';
|
|
8
8
|
import { Stack } from '@atlaskit/primitives/compiled';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
3
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
4
4
|
import Card from '@atlaskit/media-card/cardLoader';
|
|
5
5
|
import { CardLoading } from '@atlaskit/media-card/cardLoading';
|
|
6
6
|
const maxDimensions = {
|
|
@@ -4,8 +4,8 @@ import { useIntl } from 'react-intl';
|
|
|
4
4
|
import { isSafeUrl } from '@atlaskit/adf-schema/is-safe-url';
|
|
5
5
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
6
6
|
import Button from '@atlaskit/button/default/button';
|
|
7
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
8
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
7
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
8
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
9
9
|
import { ErrorMessage } from '@atlaskit/form/error-message';
|
|
10
10
|
import Field from '@atlaskit/form/field';
|
|
11
11
|
import Form from '@atlaskit/form/form';
|
|
@@ -14,7 +14,6 @@ import { HelperMessage } from '@atlaskit/form/helper-message';
|
|
|
14
14
|
import { MessageWrapper } from '@atlaskit/form/message-wrapper';
|
|
15
15
|
import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
16
16
|
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
17
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
18
17
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
19
18
|
import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
20
19
|
import SectionMessage from '@atlaskit/section-message/message';
|
|
@@ -242,13 +241,9 @@ export function MediaFromURL({
|
|
|
242
241
|
};
|
|
243
242
|
dispatchAnalyticsEvent(payload);
|
|
244
243
|
}
|
|
245
|
-
|
|
246
|
-
cancelMediaInsertPicker();
|
|
247
|
-
} else {
|
|
248
|
-
closeMediaInsertPicker();
|
|
249
|
-
}
|
|
244
|
+
cancelMediaInsertPicker();
|
|
250
245
|
}
|
|
251
|
-
}, [dispatchAnalyticsEvent, cancelMediaInsertPicker
|
|
246
|
+
}, [dispatchAnalyticsEvent, cancelMediaInsertPicker]);
|
|
252
247
|
const onCancel = React.useCallback(() => {
|
|
253
248
|
if (dispatchAnalyticsEvent) {
|
|
254
249
|
const payload = {
|
|
@@ -259,12 +254,8 @@ export function MediaFromURL({
|
|
|
259
254
|
};
|
|
260
255
|
dispatchAnalyticsEvent(payload);
|
|
261
256
|
}
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
} else {
|
|
265
|
-
closeMediaInsertPicker();
|
|
266
|
-
}
|
|
267
|
-
}, [cancelMediaInsertPicker, dispatchAnalyticsEvent, closeMediaInsertPicker]);
|
|
257
|
+
cancelMediaInsertPicker();
|
|
258
|
+
}, [cancelMediaInsertPicker, dispatchAnalyticsEvent]);
|
|
268
259
|
return /*#__PURE__*/React.createElement(Form, {
|
|
269
260
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
270
261
|
onSubmit: ({
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
|
|
4
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics/types/enums';
|
|
5
5
|
import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
|
|
6
|
-
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
7
6
|
import { DEFAULT_MEDIA_INSERT_TAB_RANK, MEDIA_INSERT_TAB_RANK } from '@atlaskit/editor-common/media-insert/rank';
|
|
8
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
7
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
8
|
+
import Popup from '@atlaskit/editor-common/Popup';
|
|
9
|
+
import { PlainOutsideClickTargetRefContext } from '@atlaskit/editor-common/ui';
|
|
10
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
11
|
+
import withOuterListeners from '@atlaskit/editor-common/with-outer-listeners';
|
|
12
|
+
import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
|
|
12
13
|
import { Box, Focusable, Text } from '@atlaskit/primitives/compiled';
|
|
13
14
|
import TabList from '@atlaskit/tabs/tab-list';
|
|
14
15
|
import Tabs from '@atlaskit/tabs/tabs';
|
|
@@ -164,6 +165,10 @@ export const MediaInsertPicker = ({
|
|
|
164
165
|
returnFocusRef.current = focusButton;
|
|
165
166
|
closeMediaInsertPicker();
|
|
166
167
|
}, [closeMediaInsertPicker, focusButton]);
|
|
168
|
+
// Return focus on unmount to whichever element `returnFocusRef` currently points at.
|
|
169
|
+
const returnFocusOnUnmount = React.useCallback(() => {
|
|
170
|
+
returnFocusRef.current();
|
|
171
|
+
}, []);
|
|
167
172
|
const intl = useIntl();
|
|
168
173
|
const {
|
|
169
174
|
autofocusRef,
|
|
@@ -295,20 +300,7 @@ export const MediaInsertPicker = ({
|
|
|
295
300
|
};
|
|
296
301
|
dispatchAnalyticsEvent(payload);
|
|
297
302
|
}
|
|
298
|
-
|
|
299
|
-
closeAndReturnFocusToButton();
|
|
300
|
-
} else {
|
|
301
|
-
closeMediaInsertPicker(); // Focuses editor on unmount
|
|
302
|
-
focusEditor();
|
|
303
|
-
}
|
|
304
|
-
};
|
|
305
|
-
const closePickerAndFocusEditor = () => {
|
|
306
|
-
if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
|
|
307
|
-
closeAndFocusEditor();
|
|
308
|
-
} else {
|
|
309
|
-
closeMediaInsertPicker();
|
|
310
|
-
focusEditor();
|
|
311
|
-
}
|
|
303
|
+
closeAndReturnFocusToButton();
|
|
312
304
|
};
|
|
313
305
|
const fileTabTitle = expValEqualsNoExposure('cc_page_experiences_editor_image_generation', 'isEnabled', true) ? intl.formatMessage(mediaInsertMessages.uploadTabTitle) : intl.formatMessage(mediaInsertMessages.fileTabTitle);
|
|
314
306
|
return /*#__PURE__*/React.createElement(PopupWithListeners, {
|
|
@@ -321,7 +313,7 @@ export const MediaInsertPicker = ({
|
|
|
321
313
|
fitHeight: 390,
|
|
322
314
|
fitWidth: 340,
|
|
323
315
|
mountTo: mountPoint,
|
|
324
|
-
onUnmount:
|
|
316
|
+
onUnmount: returnFocusOnUnmount,
|
|
325
317
|
boundariesElement: popupsBoundariesElement,
|
|
326
318
|
handleClickOutside: handleClose(INPUT_METHOD.MOUSE),
|
|
327
319
|
handleEscapeKeydown: handleClose(INPUT_METHOD.KEYBOARD),
|
|
@@ -349,7 +341,7 @@ export const MediaInsertPicker = ({
|
|
|
349
341
|
key: tab.key,
|
|
350
342
|
disablePaddingBlockEnd: true
|
|
351
343
|
}, /*#__PURE__*/React.createElement(TabComponent, {
|
|
352
|
-
closeMediaInsertPicker:
|
|
344
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
353
345
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
354
346
|
insertMediaSingle: insertMediaSingle,
|
|
355
347
|
mediaProvider: mediaProvider
|
|
@@ -361,7 +353,7 @@ export const MediaInsertPicker = ({
|
|
|
361
353
|
}, /*#__PURE__*/React.createElement(LocalMedia, {
|
|
362
354
|
ref: autofocusRef,
|
|
363
355
|
mediaProvider: mediaProvider,
|
|
364
|
-
closeMediaInsertPicker:
|
|
356
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
365
357
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
366
358
|
insertFile: insertFile
|
|
367
359
|
}));
|
|
@@ -371,7 +363,7 @@ export const MediaInsertPicker = ({
|
|
|
371
363
|
}, /*#__PURE__*/React.createElement(MediaFromURL, {
|
|
372
364
|
mediaProvider: mediaProvider,
|
|
373
365
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
374
|
-
closeMediaInsertPicker:
|
|
366
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
375
367
|
cancelMediaInsertPicker: closeAndReturnFocusToButton,
|
|
376
368
|
insertMediaSingle: insertMediaSingle,
|
|
377
369
|
insertExternalMediaSingle: insertExternalMediaSingle,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
|
|
3
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics/types/enums';
|
|
4
4
|
import { DEFAULT_MEDIA_INSERT_TAB_RANK, MEDIA_INSERT_TAB_RANK } from '@atlaskit/editor-common/media-insert/rank';
|
|
5
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
6
6
|
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
|
|
7
7
|
import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
|
|
8
8
|
import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
2
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
3
3
|
import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
|
|
4
4
|
import { MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
|
|
5
5
|
import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
3
|
export function useAnalyticsEvents(dispatchAnalyticsEvent) {
|
|
4
4
|
const onUploadButtonClickedAnalytics = React.useCallback(() => {
|
|
5
5
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 ? void 0 : dispatchAnalyticsEvent({
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
|
+
import { IconImages } from '@atlaskit/editor-common/assets';
|
|
3
4
|
import { DEFAULT_MEDIA_INSERT_TAB_RANK, MEDIA_INSERT_TAB_RANK } from '@atlaskit/editor-common/media-insert/rank';
|
|
4
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
|
-
import { IconImages } from '@atlaskit/editor-common/quick-insert';
|
|
5
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
6
6
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
7
7
|
import { closeMediaInsertPicker as _closeMediaInsertPicker, showMediaInsertPopup as _showMediaInsertPopup } from './pm-plugins/actions';
|
|
8
8
|
import { createPlugin } from './pm-plugins/main';
|
|
@@ -6,8 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
6
6
|
import React, { useCallback } from 'react';
|
|
7
7
|
import { useIntl } from 'react-intl';
|
|
8
8
|
import Button from '@atlaskit/button/default/button';
|
|
9
|
-
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
10
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
9
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
10
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
11
11
|
import UploadIcon from '@atlaskit/icon/core/upload';
|
|
12
12
|
import { BrowserLoader as Browser } from '@atlaskit/media-picker/browser';
|
|
13
13
|
import { Stack } from '@atlaskit/primitives/compiled';
|
package/dist/esm/ui/MediaCard.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
3
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
4
4
|
import Card from '@atlaskit/media-card/cardLoader';
|
|
5
5
|
import { CardLoading } from '@atlaskit/media-card/cardLoading';
|
|
6
6
|
var maxDimensions = {
|
|
@@ -12,8 +12,8 @@ import { useIntl } from 'react-intl';
|
|
|
12
12
|
import { isSafeUrl } from '@atlaskit/adf-schema/is-safe-url';
|
|
13
13
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
14
14
|
import Button from '@atlaskit/button/default/button';
|
|
15
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
16
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
15
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
16
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
17
17
|
import { ErrorMessage } from '@atlaskit/form/error-message';
|
|
18
18
|
import Field from '@atlaskit/form/field';
|
|
19
19
|
import Form from '@atlaskit/form/form';
|
|
@@ -22,7 +22,6 @@ import { HelperMessage } from '@atlaskit/form/helper-message';
|
|
|
22
22
|
import { MessageWrapper } from '@atlaskit/form/message-wrapper';
|
|
23
23
|
import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
24
24
|
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
25
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
26
25
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
27
26
|
import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
28
27
|
import SectionMessage from '@atlaskit/section-message/message';
|
|
@@ -270,13 +269,9 @@ export function MediaFromURL(_ref) {
|
|
|
270
269
|
};
|
|
271
270
|
dispatchAnalyticsEvent(payload);
|
|
272
271
|
}
|
|
273
|
-
|
|
274
|
-
cancelMediaInsertPicker();
|
|
275
|
-
} else {
|
|
276
|
-
closeMediaInsertPicker();
|
|
277
|
-
}
|
|
272
|
+
cancelMediaInsertPicker();
|
|
278
273
|
}
|
|
279
|
-
}, [dispatchAnalyticsEvent, cancelMediaInsertPicker
|
|
274
|
+
}, [dispatchAnalyticsEvent, cancelMediaInsertPicker]);
|
|
280
275
|
var onCancel = React.useCallback(function () {
|
|
281
276
|
if (dispatchAnalyticsEvent) {
|
|
282
277
|
var payload = {
|
|
@@ -287,12 +282,8 @@ export function MediaFromURL(_ref) {
|
|
|
287
282
|
};
|
|
288
283
|
dispatchAnalyticsEvent(payload);
|
|
289
284
|
}
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
} else {
|
|
293
|
-
closeMediaInsertPicker();
|
|
294
|
-
}
|
|
295
|
-
}, [cancelMediaInsertPicker, dispatchAnalyticsEvent, closeMediaInsertPicker]);
|
|
285
|
+
cancelMediaInsertPicker();
|
|
286
|
+
}, [cancelMediaInsertPicker, dispatchAnalyticsEvent]);
|
|
296
287
|
return /*#__PURE__*/React.createElement(Form, {
|
|
297
288
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
298
289
|
onSubmit: function onSubmit(_ref3, form) {
|
|
@@ -4,14 +4,15 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { useIntl } from 'react-intl';
|
|
7
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
|
|
7
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics/types/enums';
|
|
8
8
|
import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
|
|
9
|
-
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
10
9
|
import { DEFAULT_MEDIA_INSERT_TAB_RANK, MEDIA_INSERT_TAB_RANK } from '@atlaskit/editor-common/media-insert/rank';
|
|
11
|
-
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
12
|
-
import
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
10
|
+
import { mediaInsertMessages } from '@atlaskit/editor-common/messages/media-insert';
|
|
11
|
+
import Popup from '@atlaskit/editor-common/Popup';
|
|
12
|
+
import { PlainOutsideClickTargetRefContext } from '@atlaskit/editor-common/ui';
|
|
13
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
14
|
+
import withOuterListeners from '@atlaskit/editor-common/with-outer-listeners';
|
|
15
|
+
import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
|
|
15
16
|
import { Box, Focusable, Text } from '@atlaskit/primitives/compiled';
|
|
16
17
|
import TabList from '@atlaskit/tabs/tab-list';
|
|
17
18
|
import Tabs from '@atlaskit/tabs/tabs';
|
|
@@ -166,6 +167,10 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref3) {
|
|
|
166
167
|
returnFocusRef.current = focusButton;
|
|
167
168
|
closeMediaInsertPicker();
|
|
168
169
|
}, [closeMediaInsertPicker, focusButton]);
|
|
170
|
+
// Return focus on unmount to whichever element `returnFocusRef` currently points at.
|
|
171
|
+
var returnFocusOnUnmount = React.useCallback(function () {
|
|
172
|
+
returnFocusRef.current();
|
|
173
|
+
}, []);
|
|
169
174
|
var intl = useIntl();
|
|
170
175
|
var _useUnholyAutofocus = useUnholyAutofocus(),
|
|
171
176
|
autofocusRef = _useUnholyAutofocus.autofocusRef,
|
|
@@ -301,22 +306,9 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref3) {
|
|
|
301
306
|
};
|
|
302
307
|
dispatchAnalyticsEvent(payload);
|
|
303
308
|
}
|
|
304
|
-
|
|
305
|
-
closeAndReturnFocusToButton();
|
|
306
|
-
} else {
|
|
307
|
-
closeMediaInsertPicker(); // Focuses editor on unmount
|
|
308
|
-
focusEditor();
|
|
309
|
-
}
|
|
309
|
+
closeAndReturnFocusToButton();
|
|
310
310
|
};
|
|
311
311
|
};
|
|
312
|
-
var closePickerAndFocusEditor = function closePickerAndFocusEditor() {
|
|
313
|
-
if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
|
|
314
|
-
closeAndFocusEditor();
|
|
315
|
-
} else {
|
|
316
|
-
closeMediaInsertPicker();
|
|
317
|
-
focusEditor();
|
|
318
|
-
}
|
|
319
|
-
};
|
|
320
312
|
var fileTabTitle = expValEqualsNoExposure('cc_page_experiences_editor_image_generation', 'isEnabled', true) ? intl.formatMessage(mediaInsertMessages.uploadTabTitle) : intl.formatMessage(mediaInsertMessages.fileTabTitle);
|
|
321
313
|
return /*#__PURE__*/React.createElement(PopupWithListeners, {
|
|
322
314
|
ariaLabel: intl.formatMessage(mediaInsertMessages.mediaPickerPopupAriaLabel)
|
|
@@ -328,9 +320,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref3) {
|
|
|
328
320
|
fitHeight: 390,
|
|
329
321
|
fitWidth: 340,
|
|
330
322
|
mountTo: mountPoint,
|
|
331
|
-
onUnmount:
|
|
332
|
-
return returnFocusRef.current();
|
|
333
|
-
} : undefined,
|
|
323
|
+
onUnmount: returnFocusOnUnmount,
|
|
334
324
|
boundariesElement: popupsBoundariesElement,
|
|
335
325
|
handleClickOutside: handleClose(INPUT_METHOD.MOUSE),
|
|
336
326
|
handleEscapeKeydown: handleClose(INPUT_METHOD.KEYBOARD),
|
|
@@ -361,7 +351,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref3) {
|
|
|
361
351
|
key: tab.key,
|
|
362
352
|
disablePaddingBlockEnd: true
|
|
363
353
|
}, /*#__PURE__*/React.createElement(TabComponent, {
|
|
364
|
-
closeMediaInsertPicker:
|
|
354
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
365
355
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
366
356
|
insertMediaSingle: insertMediaSingle,
|
|
367
357
|
mediaProvider: mediaProvider
|
|
@@ -373,7 +363,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref3) {
|
|
|
373
363
|
}, /*#__PURE__*/React.createElement(LocalMedia, {
|
|
374
364
|
ref: autofocusRef,
|
|
375
365
|
mediaProvider: mediaProvider,
|
|
376
|
-
closeMediaInsertPicker:
|
|
366
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
377
367
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
378
368
|
insertFile: insertFile
|
|
379
369
|
}));
|
|
@@ -383,7 +373,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref3) {
|
|
|
383
373
|
}, /*#__PURE__*/React.createElement(MediaFromURL, {
|
|
384
374
|
mediaProvider: mediaProvider,
|
|
385
375
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
386
|
-
closeMediaInsertPicker:
|
|
376
|
+
closeMediaInsertPicker: closeAndFocusEditor,
|
|
387
377
|
cancelMediaInsertPicker: closeAndReturnFocusToButton,
|
|
388
378
|
insertMediaSingle: insertMediaSingle,
|
|
389
379
|
insertExternalMediaSingle: insertExternalMediaSingle,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
|
|
3
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics/types/enums';
|
|
4
4
|
import { DEFAULT_MEDIA_INSERT_TAB_RANK, MEDIA_INSERT_TAB_RANK } from '@atlaskit/editor-common/media-insert/rank';
|
|
5
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
6
6
|
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
|
|
7
7
|
import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
|
|
8
8
|
import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
2
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
3
3
|
import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
|
|
4
4
|
import { MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
|
|
5
5
|
import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
3
|
export function useAnalyticsEvents(dispatchAnalyticsEvent) {
|
|
4
4
|
var onUploadButtonClickedAnalytics = React.useCallback(function () {
|
|
5
5
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { ComponentType, ReactNode } from 'react';
|
|
2
|
-
import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
|
|
3
|
-
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
|
|
4
|
-
import type { EditorCommand
|
|
5
|
-
import type {
|
|
2
|
+
import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics/types/events';
|
|
3
|
+
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory/media-provider';
|
|
4
|
+
import type { EditorCommand } from '@atlaskit/editor-common/types/editor-command';
|
|
5
|
+
import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
6
|
+
import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics/analyticsPluginType';
|
|
6
7
|
import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
|
|
7
|
-
import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
|
|
8
|
-
import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
|
|
8
|
+
import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags/featureFlagsPluginType';
|
|
9
|
+
import type { MediaPlugin } from '@atlaskit/editor-plugin-media/media-plugin-type';
|
|
9
10
|
import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
|
|
10
11
|
import type { CustomizedHelperMessage, InsertMediaSingle } from './types';
|
|
11
12
|
/**
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import type { Providers } from '@atlaskit/editor-common/provider-factory';
|
|
3
|
-
import type {
|
|
1
|
+
import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics/types/insert-events';
|
|
2
|
+
import type { Providers } from '@atlaskit/editor-common/provider-factory/types';
|
|
3
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
4
|
+
import type { UiComponentFactoryParams } from '@atlaskit/editor-common/types/ui-components';
|
|
4
5
|
import type { MediaState, MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
|
|
5
6
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
6
7
|
import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../mediaInsertPluginType';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
|
|
2
|
+
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics/types/dispatch-analytics-event';
|
|
3
|
+
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory/media-provider';
|
|
4
4
|
import type { InsertFile } from '../types';
|
|
5
5
|
type Props = {
|
|
6
6
|
closeMediaInsertPicker: () => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
|
|
2
|
+
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory/media-provider';
|
|
3
3
|
import type { OnInsertAttrs } from './types';
|
|
4
4
|
type Props = {
|
|
5
5
|
attrs: Required<OnInsertAttrs>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
|
|
2
|
+
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics/types/dispatch-analytics-event';
|
|
3
|
+
import type { MediaProvider } from '@atlaskit/editor-common/provider-factory/media-provider';
|
|
4
4
|
import type { CustomizedHelperMessage, InsertExternalMediaSingle, InsertMediaSingle } from '../types';
|
|
5
5
|
export declare const isValidUrl: (value: string) => boolean;
|
|
6
6
|
type Props = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { PopupPosition } from '@atlaskit/editor-common/
|
|
2
|
+
import type { Position as PopupPosition } from '@atlaskit/editor-common/Popup/utils';
|
|
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 { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
2
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
3
3
|
import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../../mediaInsertPluginType';
|
|
4
4
|
type Props = {
|
|
5
5
|
api: ExtractInjectionAPI<MediaInsertPlugin> | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
1
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
2
2
|
import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
|
|
3
3
|
import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../../mediaInsertPluginType';
|
|
4
4
|
type Params = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics/types/dispatch-analytics-event';
|
|
2
2
|
type Source = 'local' | 'url';
|
|
3
3
|
export declare function useAnalyticsEvents(dispatchAnalyticsEvent?: DispatchAnalyticsEvent): {
|
|
4
4
|
onUploadButtonClickedAnalytics: () => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media-insert",
|
|
3
|
-
"version": "44.0.
|
|
3
|
+
"version": "44.0.6",
|
|
4
4
|
"description": "Media Insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -42,11 +42,11 @@
|
|
|
42
42
|
"@atlaskit/section-message": "^10.2.0",
|
|
43
43
|
"@atlaskit/tabs": "^21.3.0",
|
|
44
44
|
"@atlaskit/textfield": "^10.2.0",
|
|
45
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
45
|
+
"@atlaskit/tmp-editor-statsig": "^232.0.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@atlaskit/editor-common": "^130.
|
|
49
|
+
"@atlaskit/editor-common": "^130.4.0",
|
|
50
50
|
"@atlaskit/platform-feature-flags-react": "^1.2.0",
|
|
51
51
|
"@atlaskit/tokens": "^20.4.0",
|
|
52
52
|
"react": "^18.2.0 || ^19.2.0",
|