@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.
Files changed (35) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/mediaInsertPlugin.js +16 -16
  3. package/dist/cjs/ui/LocalMedia.js +7 -7
  4. package/dist/cjs/ui/MediaCard.js +2 -2
  5. package/dist/cjs/ui/MediaFromURL.js +24 -33
  6. package/dist/cjs/ui/MediaInsertPicker.js +41 -51
  7. package/dist/cjs/ui/quick-insert/MediaInsertQuickInsertMenuItem.js +13 -13
  8. package/dist/cjs/ui/quick-insert/getMediaInsertQuickInsertComponents.js +3 -3
  9. package/dist/cjs/ui/useAnalyticsEvents.js +17 -17
  10. package/dist/es2019/mediaInsertPlugin.js +3 -3
  11. package/dist/es2019/ui/LocalMedia.js +2 -2
  12. package/dist/es2019/ui/MediaCard.js +1 -1
  13. package/dist/es2019/ui/MediaFromURL.js +6 -15
  14. package/dist/es2019/ui/MediaInsertPicker.js +16 -24
  15. package/dist/es2019/ui/quick-insert/MediaInsertQuickInsertMenuItem.js +2 -2
  16. package/dist/es2019/ui/quick-insert/getMediaInsertQuickInsertComponents.js +1 -1
  17. package/dist/es2019/ui/useAnalyticsEvents.js +1 -1
  18. package/dist/esm/mediaInsertPlugin.js +3 -3
  19. package/dist/esm/ui/LocalMedia.js +2 -2
  20. package/dist/esm/ui/MediaCard.js +1 -1
  21. package/dist/esm/ui/MediaFromURL.js +6 -15
  22. package/dist/esm/ui/MediaInsertPicker.js +16 -26
  23. package/dist/esm/ui/quick-insert/MediaInsertQuickInsertMenuItem.js +2 -2
  24. package/dist/esm/ui/quick-insert/getMediaInsertQuickInsertComponents.js +1 -1
  25. package/dist/esm/ui/useAnalyticsEvents.js +1 -1
  26. package/dist/types/mediaInsertPluginType.d.ts +7 -6
  27. package/dist/types/types/index.d.ts +4 -3
  28. package/dist/types/ui/LocalMedia.d.ts +2 -2
  29. package/dist/types/ui/MediaCard.d.ts +1 -1
  30. package/dist/types/ui/MediaFromURL.d.ts +2 -2
  31. package/dist/types/ui/hooks/use-unholy-autofocus.d.ts +1 -1
  32. package/dist/types/ui/quick-insert/MediaInsertQuickInsertMenuItem.d.ts +1 -1
  33. package/dist/types/ui/quick-insert/getMediaInsertQuickInsertComponents.d.ts +1 -1
  34. package/dist/types/ui/useAnalyticsEvents.d.ts +1 -1
  35. 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 _analytics = require("@atlaskit/editor-common/analytics");
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 _messages = require("@atlaskit/editor-common/messages");
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 ? _analytics.MEDIA_INSERT_TAB.LINK : _analytics.MEDIA_INSERT_TAB.UPLOAD;
22
- var initialBuiltInRank = isOnlyExternalLinks ? _rank.MEDIA_INSERT_TAB_RANK[_analytics.MEDIA_INSERT_TAB.LINK] : _rank.MEDIA_INSERT_TAB_RANK[_analytics.MEDIA_INSERT_TAB.UPLOAD];
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, _analytics.INSERT_MEDIA_VIA.EXTERNAL_UPLOAD)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
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, _analytics.INSERT_MEDIA_VIA.EXTERNAL_URL)) !== null && _api$media$actions$in2 !== void 0 ? _api$media$actions$in2 : false;
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, _analytics.INSERT_MEDIA_VIA.LOCAL_UPLOAD)) !== null && _api$media$sharedStat !== void 0 ? _api$media$sharedStat : false : false;
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(_messages.toolbarInsertBlockMessages.mediaFiles),
195
- description: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
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(_quickInsert.IconImages, null);
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: _analytics.ACTION.OPENED,
212
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
213
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
211
+ action: _enums.ACTION.OPENED,
212
+ actionSubject: _enums.ACTION_SUBJECT.PICKER,
213
+ actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
214
214
  attributes: {
215
- inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
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: _analytics.EVENT_TYPE.UI
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 _analytics = require("@atlaskit/editor-common/analytics");
16
- var _messages = require("@atlaskit/editor-common/messages");
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(_messages.mediaInsertMessages.upload),
62
- chooseFile: intl.formatMessage(_messages.mediaInsertMessages.chooseFile),
63
- networkError: intl.formatMessage(_messages.mediaInsertMessages.localFileNetworkErrorMessage),
64
- genericError: intl.formatMessage(_messages.mediaInsertMessages.localFileErrorMessage)
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: _analytics.INPUT_METHOD.MEDIA_PICKER,
113
+ inputMethod: _enums.INPUT_METHOD.MEDIA_PICKER,
114
114
  onMediaStateChanged: onStateChanged(file.id)
115
115
  });
116
116
  closeMediaInsertPicker();
@@ -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 _messages = require("@atlaskit/editor-common/messages");
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(_messages.mediaInsertMessages.mediaAlt);
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 _analytics = require("@atlaskit/editor-common/analytics");
22
- var _messages = require("@atlaskit/editor-common/messages");
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(_messages.mediaInsertMessages.loadPreview),
120
- insert: intl.formatMessage(_messages.mediaInsertMessages.insert),
121
- pasteLinkToUpload: intl.formatMessage(_messages.mediaInsertMessages.pasteLinkToUpload),
122
- cancel: intl.formatMessage(_messages.mediaInsertMessages.cancel),
123
- errorMessage: intl.formatMessage(_messages.mediaInsertMessages.fromUrlErrorMessage),
124
- warning: intl.formatMessage(_messages.mediaInsertMessages.fromUrlWarning),
125
- invalidUrl: intl.formatMessage(_messages.mediaInsertMessages.invalidUrlErrorMessage)
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: _analytics.INPUT_METHOD.MEDIA_PICKER
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: _analytics.INPUT_METHOD.MEDIA_PICKER
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: _analytics.ACTION.CLOSED,
272
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
273
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
274
- eventType: _analytics.EVENT_TYPE.UI,
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: _analytics.INPUT_METHOD.KEYBOARD
275
+ exitMethod: _enums.INPUT_METHOD.KEYBOARD
277
276
  }
278
277
  };
279
278
  dispatchAnalyticsEvent(payload);
280
279
  }
281
- if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_fix_focus_mediainsertpicker')) {
282
- cancelMediaInsertPicker();
283
- } else {
284
- closeMediaInsertPicker();
285
- }
280
+ cancelMediaInsertPicker();
286
281
  }
287
- }, [dispatchAnalyticsEvent, cancelMediaInsertPicker, closeMediaInsertPicker]);
282
+ }, [dispatchAnalyticsEvent, cancelMediaInsertPicker]);
288
283
  var onCancel = _react.default.useCallback(function () {
289
284
  if (dispatchAnalyticsEvent) {
290
285
  var payload = {
291
- action: _analytics.ACTION.CANCELLED,
292
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
293
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
294
- eventType: _analytics.EVENT_TYPE.UI
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
- if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_fix_focus_mediainsertpicker')) {
299
- cancelMediaInsertPicker();
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 _analytics = require("@atlaskit/editor-common/analytics");
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 _messages = require("@atlaskit/editor-common/messages");
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 _editorSharedStyles = require("@atlaskit/editor-shared-styles");
19
- var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
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, _ui.withOuterListeners)(_ui.Popup);
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, _hooks.useSharedPluginStateWithSelector)(api, ['media', 'mediaInsert'], function (states) {
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, _analytics.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
+ 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: _analytics.MEDIA_INSERT_TAB.UPLOAD,
186
- rank: _rank.MEDIA_INSERT_TAB_RANK[_analytics.MEDIA_INSERT_TAB.UPLOAD],
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: _analytics.MEDIA_INSERT_TAB.LINK,
193
- rank: _rank.MEDIA_INSERT_TAB_RANK[_analytics.MEDIA_INSERT_TAB.LINK],
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: _analytics.ACTION.VIEWED,
252
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
253
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
254
- eventType: _analytics.EVENT_TYPE.UI,
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: _analytics.ACTION.VIEWED,
277
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
278
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
279
- eventType: _analytics.EVENT_TYPE.UI,
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 === _analytics.INPUT_METHOD.MOUSE && event.target instanceof Node && !event.target.isConnected) {
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: _analytics.ACTION.CLOSED,
302
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
303
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
304
- eventType: _analytics.EVENT_TYPE.UI,
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
- if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_fix_focus_mediainsertpicker')) {
312
- closeAndReturnFocusToButton();
313
- } else {
314
- closeMediaInsertPicker(); // Focuses editor on unmount
315
- focusEditor();
316
- }
316
+ closeAndReturnFocusToButton();
317
317
  };
318
318
  };
319
- var closePickerAndFocusEditor = function closePickerAndFocusEditor() {
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(_messages.mediaInsertMessages.mediaPickerPopupAriaLabel)
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: _editorSharedStyles.akEditorFloatingDialogZIndex,
326
+ zIndex: _constants.akEditorFloatingDialogZIndex,
335
327
  fitHeight: 390,
336
328
  fitWidth: 340,
337
329
  mountTo: mountPoint,
338
- onUnmount: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_fix_focus_mediainsertpicker') ? function () {
339
- return returnFocusRef.current();
340
- } : undefined,
330
+ onUnmount: returnFocusOnUnmount,
341
331
  boundariesElement: popupsBoundariesElement,
342
- handleClickOutside: handleClose(_analytics.INPUT_METHOD.MOUSE),
343
- handleEscapeKeydown: handleClose(_analytics.INPUT_METHOD.KEYBOARD),
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(_messages.mediaInsertMessages.linkTabTitle));
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: closePickerAndFocusEditor,
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: closePickerAndFocusEditor,
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: closePickerAndFocusEditor,
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 _analytics = require("@atlaskit/editor-common/analytics");
11
+ var _enums = require("@atlaskit/editor-common/analytics/types/enums");
12
12
  var _rank = require("@atlaskit/editor-common/media-insert/rank");
13
- var _messages = require("@atlaskit/editor-common/messages");
13
+ var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
14
14
  var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
15
- var _messages2 = require("@atlaskit/editor-common/quick-insert/messages");
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(_messages2.messages.previewAttributionAtlassian)
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 ? _analytics.MEDIA_INSERT_TAB.LINK : _analytics.MEDIA_INSERT_TAB.UPLOAD;
46
- var initialBuiltInRank = config !== null && config !== void 0 && config.isOnlyExternalLinks ? _rank.MEDIA_INSERT_TAB_RANK[_analytics.MEDIA_INSERT_TAB.LINK] : _rank.MEDIA_INSERT_TAB_RANK[_analytics.MEDIA_INSERT_TAB.UPLOAD];
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: _analytics.ACTION.OPENED,
53
- actionSubject: _analytics.ACTION_SUBJECT.PICKER,
54
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
52
+ action: _enums.ACTION.OPENED,
53
+ actionSubject: _enums.ACTION_SUBJECT.PICKER,
54
+ actionSubjectId: _enums.ACTION_SUBJECT_ID.PICKER_MEDIA,
55
55
  attributes: {
56
- inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
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: _analytics.EVENT_TYPE.UI
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(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
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(_messages.toolbarInsertBlockMessages.mediaFiles)
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 _messages = require("@atlaskit/editor-common/messages");
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(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
28
+ description: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFilesDescription),
29
29
  keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video', 'file'],
30
- title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles)
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 _analytics = require("@atlaskit/editor-common/analytics");
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: _analytics.ACTION.CLICKED,
14
- actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
15
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
16
- eventType: _analytics.EVENT_TYPE.UI
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: _analytics.ACTION.UPLOAD_COMMENCED,
22
- actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
23
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
24
- eventType: _analytics.EVENT_TYPE.OPERATIONAL,
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: _analytics.ACTION.UPLOAD_SUCCEEDED,
33
- actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
34
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
35
- eventType: _analytics.EVENT_TYPE.OPERATIONAL,
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: _analytics.ACTION.UPLOAD_FAILED,
44
- actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
45
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.UPLOAD_MEDIA,
46
- eventType: _analytics.EVENT_TYPE.OPERATIONAL,
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
- if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
246
- cancelMediaInsertPicker();
247
- } else {
248
- closeMediaInsertPicker();
249
- }
244
+ cancelMediaInsertPicker();
250
245
  }
251
- }, [dispatchAnalyticsEvent, cancelMediaInsertPicker, closeMediaInsertPicker]);
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
- if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
263
- cancelMediaInsertPicker();
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 { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
10
- import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
11
- import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
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
- if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
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: isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker') ? () => returnFocusRef.current() : undefined,
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: closePickerAndFocusEditor,
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: closePickerAndFocusEditor,
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: closePickerAndFocusEditor,
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';
@@ -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
- if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
274
- cancelMediaInsertPicker();
275
- } else {
276
- closeMediaInsertPicker();
277
- }
272
+ cancelMediaInsertPicker();
278
273
  }
279
- }, [dispatchAnalyticsEvent, cancelMediaInsertPicker, closeMediaInsertPicker]);
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
- if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
291
- cancelMediaInsertPicker();
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 { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
13
- import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
14
- import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
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
- if (isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker')) {
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: isExperimentEnabled('platform_editor_fix_focus_mediainsertpicker') ? function () {
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: closePickerAndFocusEditor,
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: closePickerAndFocusEditor,
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: closePickerAndFocusEditor,
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, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
5
- import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
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 { UiComponentFactoryParams, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
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 { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
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 { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
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/ui';
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 { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
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.4",
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": "^231.0.0",
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.3.0",
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",