@atlaskit/editor-plugin-media-insert 44.0.4 → 44.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 +6 -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 +20 -20
- package/dist/cjs/ui/MediaInsertPicker.js +32 -30
- 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 +2 -2
- package/dist/es2019/ui/MediaInsertPicker.js +7 -5
- 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 +2 -2
- package/dist/esm/ui/MediaInsertPicker.js +7 -5
- 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 +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -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"));
|
|
@@ -116,13 +116,13 @@ function MediaFromURL(_ref) {
|
|
|
116
116
|
customizedHelperMessage = _ref.customizedHelperMessage;
|
|
117
117
|
var intl = (0, _reactIntl.useIntl)();
|
|
118
118
|
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(
|
|
119
|
+
loadPreview: intl.formatMessage(_mediaInsert.mediaInsertMessages.loadPreview),
|
|
120
|
+
insert: intl.formatMessage(_mediaInsert.mediaInsertMessages.insert),
|
|
121
|
+
pasteLinkToUpload: intl.formatMessage(_mediaInsert.mediaInsertMessages.pasteLinkToUpload),
|
|
122
|
+
cancel: intl.formatMessage(_mediaInsert.mediaInsertMessages.cancel),
|
|
123
|
+
errorMessage: intl.formatMessage(_mediaInsert.mediaInsertMessages.fromUrlErrorMessage),
|
|
124
|
+
warning: intl.formatMessage(_mediaInsert.mediaInsertMessages.fromUrlWarning),
|
|
125
|
+
invalidUrl: intl.formatMessage(_mediaInsert.mediaInsertMessages.invalidUrlErrorMessage)
|
|
126
126
|
};
|
|
127
127
|
var _React$useReducer = _react.default.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE),
|
|
128
128
|
_React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
|
|
@@ -249,7 +249,7 @@ function MediaFromURL(_ref) {
|
|
|
249
249
|
if (previewState.previewInfo) {
|
|
250
250
|
insertMediaSingle({
|
|
251
251
|
mediaState: previewState.previewInfo,
|
|
252
|
-
inputMethod:
|
|
252
|
+
inputMethod: _enums.INPUT_METHOD.MEDIA_PICKER
|
|
253
253
|
});
|
|
254
254
|
}
|
|
255
255
|
closeMediaInsertPicker();
|
|
@@ -259,7 +259,7 @@ function MediaFromURL(_ref) {
|
|
|
259
259
|
insertExternalMediaSingle({
|
|
260
260
|
url: url,
|
|
261
261
|
alt: '',
|
|
262
|
-
inputMethod:
|
|
262
|
+
inputMethod: _enums.INPUT_METHOD.MEDIA_PICKER
|
|
263
263
|
});
|
|
264
264
|
}
|
|
265
265
|
closeMediaInsertPicker();
|
|
@@ -268,12 +268,12 @@ function MediaFromURL(_ref) {
|
|
|
268
268
|
if (event && event.key === 'Esc') {
|
|
269
269
|
if (dispatchAnalyticsEvent) {
|
|
270
270
|
var payload = {
|
|
271
|
-
action:
|
|
272
|
-
actionSubject:
|
|
273
|
-
actionSubjectId:
|
|
274
|
-
eventType:
|
|
271
|
+
action: _enums.ACTION.CLOSED,
|
|
272
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
273
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
274
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
275
275
|
attributes: {
|
|
276
|
-
exitMethod:
|
|
276
|
+
exitMethod: _enums.INPUT_METHOD.KEYBOARD
|
|
277
277
|
}
|
|
278
278
|
};
|
|
279
279
|
dispatchAnalyticsEvent(payload);
|
|
@@ -288,10 +288,10 @@ function MediaFromURL(_ref) {
|
|
|
288
288
|
var onCancel = _react.default.useCallback(function () {
|
|
289
289
|
if (dispatchAnalyticsEvent) {
|
|
290
290
|
var payload = {
|
|
291
|
-
action:
|
|
292
|
-
actionSubject:
|
|
293
|
-
actionSubjectId:
|
|
294
|
-
eventType:
|
|
291
|
+
action: _enums.ACTION.CANCELLED,
|
|
292
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
293
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
294
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
295
295
|
};
|
|
296
296
|
dispatchAnalyticsEvent(payload);
|
|
297
297
|
}
|
|
@@ -9,13 +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
|
|
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");
|
|
19
21
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
20
22
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
21
23
|
var _tabList = _interopRequireDefault(require("@atlaskit/tabs/tab-list"));
|
|
@@ -30,7 +32,7 @@ var _MediaFromURL = require("./MediaFromURL");
|
|
|
30
32
|
var _MediaInsertWrapper = require("./MediaInsertWrapper");
|
|
31
33
|
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
34
|
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,
|
|
35
|
+
var PopupWithListeners = (0, _withOuterListeners.default)(_Popup.default);
|
|
34
36
|
var MEDIA_INSERT_PICKER_ANALYTICS_SOURCE = 'MediaInsertPicker';
|
|
35
37
|
var EMPTY_REGISTERED_TABS = [];
|
|
36
38
|
var getMediaInsertPickerTabSource = function getMediaInsertPickerTabSource(selectedTab) {
|
|
@@ -132,7 +134,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
132
134
|
// Read once per render; the registry is mutated only at plugin setup time so this is stable
|
|
133
135
|
// for the lifetime of an editor instance.
|
|
134
136
|
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,
|
|
137
|
+
var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['media', 'mediaInsert'], function (states) {
|
|
136
138
|
var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
|
|
137
139
|
return {
|
|
138
140
|
mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
|
|
@@ -151,7 +153,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
151
153
|
} else {
|
|
152
154
|
var _api$analytics;
|
|
153
155
|
// If targetRef is undefined, target the selection in the editor
|
|
154
|
-
targetRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView,
|
|
156
|
+
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
157
|
mountPoint = popupsMountPoint;
|
|
156
158
|
}
|
|
157
159
|
var focusButton = (0, _useFocus.useFocus)({
|
|
@@ -182,15 +184,15 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
182
184
|
var tieBreaker = 0;
|
|
183
185
|
if (!isOnlyExternalLinks) {
|
|
184
186
|
tabs.push({
|
|
185
|
-
key:
|
|
186
|
-
rank: _rank.MEDIA_INSERT_TAB_RANK[
|
|
187
|
+
key: _enums.MEDIA_INSERT_TAB.UPLOAD,
|
|
188
|
+
rank: _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.UPLOAD],
|
|
187
189
|
tieBreaker: tieBreaker++,
|
|
188
190
|
type: 'upload'
|
|
189
191
|
});
|
|
190
192
|
}
|
|
191
193
|
tabs.push({
|
|
192
|
-
key:
|
|
193
|
-
rank: _rank.MEDIA_INSERT_TAB_RANK[
|
|
194
|
+
key: _enums.MEDIA_INSERT_TAB.LINK,
|
|
195
|
+
rank: _rank.MEDIA_INSERT_TAB_RANK[_enums.MEDIA_INSERT_TAB.LINK],
|
|
194
196
|
tieBreaker: tieBreaker++,
|
|
195
197
|
type: 'link'
|
|
196
198
|
});
|
|
@@ -248,10 +250,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
248
250
|
var selectedTabMetadata = getTabAnalyticsMetadata(0);
|
|
249
251
|
selectedTabAnalyticsMetadataRef.current = selectedTabMetadata;
|
|
250
252
|
var payload = {
|
|
251
|
-
action:
|
|
252
|
-
actionSubject:
|
|
253
|
-
actionSubjectId:
|
|
254
|
-
eventType:
|
|
253
|
+
action: _enums.ACTION.VIEWED,
|
|
254
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
255
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
256
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
255
257
|
attributes: {
|
|
256
258
|
selectedTab: selectedTabMetadata.selectedTab,
|
|
257
259
|
selectedTabIndex: selectedTabMetadata.selectedTabIndex
|
|
@@ -273,10 +275,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
273
275
|
}).fire();
|
|
274
276
|
if (dispatchAnalyticsEvent) {
|
|
275
277
|
var payload = {
|
|
276
|
-
action:
|
|
277
|
-
actionSubject:
|
|
278
|
-
actionSubjectId:
|
|
279
|
-
eventType:
|
|
278
|
+
action: _enums.ACTION.VIEWED,
|
|
279
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
280
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
281
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
280
282
|
attributes: {
|
|
281
283
|
selectedTab: selectedTabMetadata.selectedTab,
|
|
282
284
|
selectedTabIndex: selectedTabIndex
|
|
@@ -292,16 +294,16 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
292
294
|
return function (event) {
|
|
293
295
|
// Same as AIImageGenerationPopup: react-select can detach the option
|
|
294
296
|
// before `click` fires, so withOuterListeners treats it as outside.
|
|
295
|
-
if (exitMethod ===
|
|
297
|
+
if (exitMethod === _enums.INPUT_METHOD.MOUSE && event.target instanceof Node && !event.target.isConnected) {
|
|
296
298
|
return;
|
|
297
299
|
}
|
|
298
300
|
event.preventDefault();
|
|
299
301
|
if (dispatchAnalyticsEvent) {
|
|
300
302
|
var payload = {
|
|
301
|
-
action:
|
|
302
|
-
actionSubject:
|
|
303
|
-
actionSubjectId:
|
|
304
|
-
eventType:
|
|
303
|
+
action: _enums.ACTION.CLOSED,
|
|
304
|
+
actionSubject: _enums.ACTION_SUBJECT.PICKER,
|
|
305
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
|
|
306
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
305
307
|
attributes: {
|
|
306
308
|
exitMethod: exitMethod
|
|
307
309
|
}
|
|
@@ -324,14 +326,14 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
324
326
|
focusEditor();
|
|
325
327
|
}
|
|
326
328
|
};
|
|
327
|
-
var fileTabTitle = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc_page_experiences_editor_image_generation', 'isEnabled', true) ? intl.formatMessage(
|
|
329
|
+
var fileTabTitle = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc_page_experiences_editor_image_generation', 'isEnabled', true) ? intl.formatMessage(_mediaInsert.mediaInsertMessages.uploadTabTitle) : intl.formatMessage(_mediaInsert.mediaInsertMessages.fileTabTitle);
|
|
328
330
|
return /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
|
|
329
|
-
ariaLabel: intl.formatMessage(
|
|
331
|
+
ariaLabel: intl.formatMessage(_mediaInsert.mediaInsertMessages.mediaPickerPopupAriaLabel)
|
|
330
332
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
331
333
|
,
|
|
332
334
|
offset: [0, 12],
|
|
333
335
|
target: targetRef,
|
|
334
|
-
zIndex:
|
|
336
|
+
zIndex: _constants.akEditorFloatingDialogZIndex,
|
|
335
337
|
fitHeight: 390,
|
|
336
338
|
fitWidth: 340,
|
|
337
339
|
mountTo: mountPoint,
|
|
@@ -339,8 +341,8 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
339
341
|
return returnFocusRef.current();
|
|
340
342
|
} : undefined,
|
|
341
343
|
boundariesElement: popupsBoundariesElement,
|
|
342
|
-
handleClickOutside: handleClose(
|
|
343
|
-
handleEscapeKeydown: handleClose(
|
|
344
|
+
handleClickOutside: handleClose(_enums.INPUT_METHOD.MOUSE),
|
|
345
|
+
handleEscapeKeydown: handleClose(_enums.INPUT_METHOD.KEYBOARD),
|
|
344
346
|
scrollableElement: popupsScrollableElement,
|
|
345
347
|
preventOverflow: true,
|
|
346
348
|
onPositionCalculated: onPositionCalculated,
|
|
@@ -360,7 +362,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
360
362
|
onSelectTabForAnalytics: setSelectedTabAnalyticsMetadata,
|
|
361
363
|
selectedTabIndex: index,
|
|
362
364
|
tabCount: tabCount
|
|
363
|
-
}, tab.type === 'registered' ? tab.registeredTab.label : tab.type === 'upload' ? fileTabTitle : intl.formatMessage(
|
|
365
|
+
}, tab.type === 'registered' ? tab.registeredTab.label : tab.type === 'upload' ? fileTabTitle : intl.formatMessage(_mediaInsert.mediaInsertMessages.linkTabTitle));
|
|
364
366
|
}))), orderedTabs.map(function (tab) {
|
|
365
367
|
if (tab.type === 'registered') {
|
|
366
368
|
var TabComponent = tab.registeredTab.component;
|
|
@@ -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';
|
|
@@ -1,13 +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 {
|
|
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';
|
|
11
13
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
12
14
|
import { Box, Focusable, Text } from '@atlaskit/primitives/compiled';
|
|
13
15
|
import TabList from '@atlaskit/tabs/tab-list';
|
|
@@ -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';
|
|
@@ -4,13 +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 {
|
|
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';
|
|
14
16
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
15
17
|
import { Box, Focusable, Text } from '@atlaskit/primitives/compiled';
|
|
16
18
|
import TabList from '@atlaskit/tabs/tab-list';
|
|
@@ -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.5",
|
|
4
4
|
"description": "Media Insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -42,7 +42,7 @@
|
|
|
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": {
|