@atlaskit/editor-core 187.31.7 → 187.32.0

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 (200) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/create-editor/ReactEditorViewInternal.js +1 -1
  3. package/dist/cjs/plugins/analytics/plugin.js +14 -12
  4. package/dist/cjs/plugins/annotation/index.js +15 -13
  5. package/dist/cjs/plugins/avatar-group/index.js +16 -14
  6. package/dist/cjs/plugins/base/plugin.js +12 -10
  7. package/dist/cjs/plugins/before-primaryToolbar/index.js +3 -2
  8. package/dist/cjs/plugins/block-type/index.js +32 -30
  9. package/dist/cjs/plugins/breakout/index.js +10 -8
  10. package/dist/cjs/plugins/caption/index.js +7 -6
  11. package/dist/cjs/plugins/caption/pm-plugins/main.js +2 -2
  12. package/dist/cjs/plugins/code-bidi-warning/index.js +2 -4
  13. package/dist/cjs/plugins/code-block/index.js +14 -11
  14. package/dist/cjs/plugins/code-block/pm-plugins/ide-ux.js +2 -2
  15. package/dist/cjs/plugins/collab-edit/index.js +16 -14
  16. package/dist/cjs/plugins/collab-edit/plugin.js +5 -5
  17. package/dist/cjs/plugins/date/index.js +18 -17
  18. package/dist/cjs/plugins/emoji/index.js +35 -33
  19. package/dist/cjs/plugins/expand/index.js +14 -13
  20. package/dist/cjs/plugins/extension/index.js +16 -15
  21. package/dist/cjs/plugins/extension/pm-plugins/main.js +4 -4
  22. package/dist/cjs/plugins/feedback-dialog/index.js +5 -4
  23. package/dist/cjs/plugins/find-replace/index.js +17 -15
  24. package/dist/cjs/plugins/floating-toolbar/index.js +31 -30
  25. package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js +3 -3
  26. package/dist/cjs/plugins/help-dialog/index.js +18 -17
  27. package/dist/cjs/plugins/insert-block/index.js +52 -51
  28. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js +11 -11
  29. package/dist/cjs/plugins/layout/index.js +15 -14
  30. package/dist/cjs/plugins/max-content-size/index.js +4 -3
  31. package/dist/cjs/plugins/media/index.js +49 -47
  32. package/dist/cjs/plugins/media/nodeviews/mediaSingle.js +2 -2
  33. package/dist/cjs/plugins/media/pm-plugins/main.js +7 -7
  34. package/dist/cjs/plugins/media/toolbar/index.js +29 -24
  35. package/dist/cjs/plugins/media/toolbar/linking.js +4 -4
  36. package/dist/cjs/plugins/media/toolbar/utils.js +22 -2
  37. package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -4
  38. package/dist/cjs/plugins/media/ui/ResizableMediaSingle/index.js +2 -2
  39. package/dist/cjs/plugins/mentions/index.js +17 -15
  40. package/dist/cjs/plugins/panel/index.js +13 -12
  41. package/dist/cjs/plugins/paste/index.js +13 -10
  42. package/dist/cjs/plugins/paste/pm-plugins/analytics.js +8 -8
  43. package/dist/cjs/plugins/paste/pm-plugins/main.js +10 -10
  44. package/dist/cjs/plugins/placeholder/index.js +9 -7
  45. package/dist/cjs/plugins/placeholder-text/index.js +23 -16
  46. package/dist/cjs/plugins/quick-insert/index.js +13 -12
  47. package/dist/cjs/plugins/rule/index.js +8 -7
  48. package/dist/cjs/plugins/save-on-enter/index.js +4 -3
  49. package/dist/cjs/plugins/selection/index.js +5 -4
  50. package/dist/cjs/plugins/status/index.js +20 -14
  51. package/dist/cjs/plugins/submit-editor/index.js +4 -3
  52. package/dist/cjs/plugins/tasks-and-decisions/index.js +6 -5
  53. package/dist/cjs/plugins/text-color/index.js +17 -15
  54. package/dist/cjs/plugins/toolbar-lists-indentation/index.js +31 -26
  55. package/dist/cjs/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js +1 -1
  56. package/dist/cjs/plugins/toolbar-lists-indentation/ui/onItemActivated.js +4 -4
  57. package/dist/cjs/plugins/type-ahead/index.js +21 -20
  58. package/dist/cjs/ui/ElementBrowser/InsertMenu.js +11 -11
  59. package/dist/cjs/ui/ToolbarFeedback/index.js +1 -1
  60. package/dist/cjs/use-preset.js +2 -2
  61. package/dist/cjs/version-wrapper.js +1 -1
  62. package/dist/es2019/create-editor/ReactEditorViewInternal.js +1 -1
  63. package/dist/es2019/plugins/analytics/plugin.js +11 -8
  64. package/dist/es2019/plugins/annotation/index.js +4 -1
  65. package/dist/es2019/plugins/avatar-group/index.js +8 -5
  66. package/dist/es2019/plugins/base/plugin.js +6 -3
  67. package/dist/es2019/plugins/before-primaryToolbar/index.js +4 -2
  68. package/dist/es2019/plugins/block-type/index.js +14 -11
  69. package/dist/es2019/plugins/breakout/index.js +6 -3
  70. package/dist/es2019/plugins/caption/index.js +3 -1
  71. package/dist/es2019/plugins/caption/pm-plugins/main.js +2 -2
  72. package/dist/es2019/plugins/code-bidi-warning/index.js +2 -4
  73. package/dist/es2019/plugins/code-block/index.js +15 -9
  74. package/dist/es2019/plugins/code-block/pm-plugins/ide-ux.js +2 -2
  75. package/dist/es2019/plugins/collab-edit/index.js +9 -6
  76. package/dist/es2019/plugins/collab-edit/plugin.js +5 -5
  77. package/dist/es2019/plugins/date/index.js +6 -3
  78. package/dist/es2019/plugins/emoji/index.js +16 -13
  79. package/dist/es2019/plugins/expand/index.js +7 -4
  80. package/dist/es2019/plugins/extension/index.js +11 -8
  81. package/dist/es2019/plugins/extension/pm-plugins/main.js +4 -4
  82. package/dist/es2019/plugins/feedback-dialog/index.js +4 -2
  83. package/dist/es2019/plugins/find-replace/index.js +8 -5
  84. package/dist/es2019/plugins/floating-toolbar/index.js +6 -4
  85. package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js +3 -3
  86. package/dist/es2019/plugins/help-dialog/index.js +9 -6
  87. package/dist/es2019/plugins/insert-block/index.js +12 -9
  88. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js +11 -11
  89. package/dist/es2019/plugins/layout/index.js +8 -5
  90. package/dist/es2019/plugins/max-content-size/index.js +3 -1
  91. package/dist/es2019/plugins/media/index.js +14 -10
  92. package/dist/es2019/plugins/media/nodeviews/mediaSingle.js +2 -2
  93. package/dist/es2019/plugins/media/pm-plugins/main.js +7 -7
  94. package/dist/es2019/plugins/media/toolbar/index.js +29 -25
  95. package/dist/es2019/plugins/media/toolbar/linking.js +4 -4
  96. package/dist/es2019/plugins/media/toolbar/utils.js +18 -0
  97. package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -4
  98. package/dist/es2019/plugins/media/ui/ResizableMediaSingle/index.js +2 -2
  99. package/dist/es2019/plugins/mentions/index.js +9 -6
  100. package/dist/es2019/plugins/panel/index.js +5 -2
  101. package/dist/es2019/plugins/paste/index.js +9 -5
  102. package/dist/es2019/plugins/paste/pm-plugins/analytics.js +8 -8
  103. package/dist/es2019/plugins/paste/pm-plugins/main.js +10 -10
  104. package/dist/es2019/plugins/placeholder/index.js +10 -7
  105. package/dist/es2019/plugins/placeholder-text/index.js +12 -4
  106. package/dist/es2019/plugins/quick-insert/index.js +3 -1
  107. package/dist/es2019/plugins/rule/index.js +5 -3
  108. package/dist/es2019/plugins/save-on-enter/index.js +3 -1
  109. package/dist/es2019/plugins/selection/index.js +3 -1
  110. package/dist/es2019/plugins/status/index.js +11 -3
  111. package/dist/es2019/plugins/submit-editor/index.js +3 -1
  112. package/dist/es2019/plugins/tasks-and-decisions/index.js +6 -4
  113. package/dist/es2019/plugins/text-color/index.js +6 -3
  114. package/dist/es2019/plugins/toolbar-lists-indentation/index.js +9 -5
  115. package/dist/es2019/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js +1 -1
  116. package/dist/es2019/plugins/toolbar-lists-indentation/ui/onItemActivated.js +4 -4
  117. package/dist/es2019/plugins/type-ahead/index.js +3 -1
  118. package/dist/es2019/ui/ElementBrowser/InsertMenu.js +11 -11
  119. package/dist/es2019/ui/ToolbarFeedback/index.js +1 -1
  120. package/dist/es2019/use-preset.js +2 -2
  121. package/dist/es2019/version-wrapper.js +1 -1
  122. package/dist/esm/create-editor/ReactEditorViewInternal.js +1 -1
  123. package/dist/esm/plugins/analytics/plugin.js +14 -12
  124. package/dist/esm/plugins/annotation/index.js +15 -13
  125. package/dist/esm/plugins/avatar-group/index.js +16 -14
  126. package/dist/esm/plugins/base/plugin.js +12 -10
  127. package/dist/esm/plugins/before-primaryToolbar/index.js +3 -2
  128. package/dist/esm/plugins/block-type/index.js +32 -30
  129. package/dist/esm/plugins/breakout/index.js +10 -8
  130. package/dist/esm/plugins/caption/index.js +7 -6
  131. package/dist/esm/plugins/caption/pm-plugins/main.js +2 -2
  132. package/dist/esm/plugins/code-bidi-warning/index.js +2 -4
  133. package/dist/esm/plugins/code-block/index.js +14 -11
  134. package/dist/esm/plugins/code-block/pm-plugins/ide-ux.js +2 -2
  135. package/dist/esm/plugins/collab-edit/index.js +16 -14
  136. package/dist/esm/plugins/collab-edit/plugin.js +5 -5
  137. package/dist/esm/plugins/date/index.js +18 -17
  138. package/dist/esm/plugins/emoji/index.js +35 -33
  139. package/dist/esm/plugins/expand/index.js +14 -13
  140. package/dist/esm/plugins/extension/index.js +16 -15
  141. package/dist/esm/plugins/extension/pm-plugins/main.js +4 -4
  142. package/dist/esm/plugins/feedback-dialog/index.js +5 -4
  143. package/dist/esm/plugins/find-replace/index.js +17 -15
  144. package/dist/esm/plugins/floating-toolbar/index.js +31 -30
  145. package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js +3 -3
  146. package/dist/esm/plugins/help-dialog/index.js +18 -17
  147. package/dist/esm/plugins/insert-block/index.js +52 -51
  148. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js +11 -11
  149. package/dist/esm/plugins/layout/index.js +15 -14
  150. package/dist/esm/plugins/max-content-size/index.js +4 -3
  151. package/dist/esm/plugins/media/index.js +49 -47
  152. package/dist/esm/plugins/media/nodeviews/mediaSingle.js +2 -2
  153. package/dist/esm/plugins/media/pm-plugins/main.js +7 -7
  154. package/dist/esm/plugins/media/toolbar/index.js +30 -25
  155. package/dist/esm/plugins/media/toolbar/linking.js +4 -4
  156. package/dist/esm/plugins/media/toolbar/utils.js +19 -0
  157. package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -4
  158. package/dist/esm/plugins/media/ui/ResizableMediaSingle/index.js +2 -2
  159. package/dist/esm/plugins/mentions/index.js +17 -15
  160. package/dist/esm/plugins/panel/index.js +13 -12
  161. package/dist/esm/plugins/paste/index.js +13 -10
  162. package/dist/esm/plugins/paste/pm-plugins/analytics.js +8 -8
  163. package/dist/esm/plugins/paste/pm-plugins/main.js +10 -10
  164. package/dist/esm/plugins/placeholder/index.js +9 -7
  165. package/dist/esm/plugins/placeholder-text/index.js +23 -16
  166. package/dist/esm/plugins/quick-insert/index.js +13 -12
  167. package/dist/esm/plugins/rule/index.js +8 -7
  168. package/dist/esm/plugins/save-on-enter/index.js +4 -3
  169. package/dist/esm/plugins/selection/index.js +5 -4
  170. package/dist/esm/plugins/status/index.js +20 -14
  171. package/dist/esm/plugins/submit-editor/index.js +4 -3
  172. package/dist/esm/plugins/tasks-and-decisions/index.js +6 -5
  173. package/dist/esm/plugins/text-color/index.js +17 -15
  174. package/dist/esm/plugins/toolbar-lists-indentation/index.js +31 -26
  175. package/dist/esm/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js +1 -1
  176. package/dist/esm/plugins/toolbar-lists-indentation/ui/onItemActivated.js +4 -4
  177. package/dist/esm/plugins/type-ahead/index.js +21 -20
  178. package/dist/esm/ui/ElementBrowser/InsertMenu.js +11 -11
  179. package/dist/esm/ui/ToolbarFeedback/index.js +1 -1
  180. package/dist/esm/use-preset.js +2 -2
  181. package/dist/esm/version-wrapper.js +1 -1
  182. package/dist/types/labs/next/presets/default.d.ts +62 -618
  183. package/dist/types/plugins/avatar-group/index.d.ts +1 -1
  184. package/dist/types/plugins/before-primaryToolbar/index.d.ts +1 -1
  185. package/dist/types/plugins/caption/index.d.ts +1 -1
  186. package/dist/types/plugins/media/toolbar/utils.d.ts +2 -1
  187. package/dist/types/plugins/media/types.d.ts +1 -0
  188. package/dist/types/plugins/selection/index.d.ts +2 -2
  189. package/dist/types/plugins/text-color/index.d.ts +3 -2
  190. package/dist/types/use-preset.d.ts +2 -2
  191. package/dist/types-ts4.5/labs/next/presets/default.d.ts +96 -716
  192. package/dist/types-ts4.5/plugins/avatar-group/index.d.ts +1 -1
  193. package/dist/types-ts4.5/plugins/before-primaryToolbar/index.d.ts +1 -1
  194. package/dist/types-ts4.5/plugins/caption/index.d.ts +1 -1
  195. package/dist/types-ts4.5/plugins/media/toolbar/utils.d.ts +2 -1
  196. package/dist/types-ts4.5/plugins/media/types.d.ts +1 -0
  197. package/dist/types-ts4.5/plugins/selection/index.d.ts +2 -2
  198. package/dist/types-ts4.5/plugins/text-color/index.d.ts +3 -2
  199. package/dist/types-ts4.5/use-preset.d.ts +2 -2
  200. package/package.json +3 -3
@@ -207,7 +207,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
207
207
  allowResizingInTables = options.allowResizingInTables,
208
208
  allowAltTextOnImages = options.allowAltTextOnImages;
209
209
  var toolbarButtons = [];
210
- var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
210
+ var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
211
211
  hoverDecoration = _ref.hoverDecoration;
212
212
  if ((0, _imageBorder.shouldShowImageBorder)(state)) {
213
213
  toolbarButtons.push({
@@ -222,12 +222,12 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
222
222
  var borderMark = (0, _currentMediaNode.currentMediaNodeBorderMark)(state);
223
223
  return /*#__PURE__*/_react.default.createElement(_ImageBorder.default, {
224
224
  toggleBorder: function toggleBorder() {
225
- var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
226
- (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.analytics) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions)(state, dispatch);
225
+ var _pluginInjectionApi$a;
226
+ (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch);
227
227
  },
228
228
  setBorder: function setBorder(attrs) {
229
- var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
230
- (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.analytics) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions)(attrs)(state, dispatch);
229
+ var _pluginInjectionApi$a2;
230
+ (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
231
231
  },
232
232
  showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
233
233
  borderMark: borderMark,
@@ -240,8 +240,8 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
240
240
  });
241
241
  }
242
242
  if (allowAdvancedToolBarOptions) {
243
- var _pluginInjectionApi$d6;
244
- var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width;
243
+ var _pluginInjectionApi$a3;
244
+ var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
245
245
  var isChangingLayoutDisabled = false;
246
246
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience')) {
247
247
  var _widthPlugin$sharedSt;
@@ -254,7 +254,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
254
254
  }
255
255
  }
256
256
  }
257
- var layoutButtons = (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
257
+ var layoutButtons = (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
258
258
  toolbarButtons = [].concat((0, _toConsumableArray2.default)(toolbarButtons), (0, _toConsumableArray2.default)(layoutButtons));
259
259
  if (layoutButtons.length) {
260
260
  toolbarButtons.push({
@@ -280,7 +280,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
280
280
  if (!selectedMediaNode) {
281
281
  return null;
282
282
  }
283
- var widthType = selectedMediaSingleNode.node.attrs.widthType;
283
+ var _selectedMediaSingleN = selectedMediaSingleNode.node.attrs,
284
+ mediaSingleWidth = _selectedMediaSingleN.width,
285
+ widthType = _selectedMediaSingleN.widthType,
286
+ layout = _selectedMediaSingleN.layout;
284
287
  var _selectedMediaNode$at = selectedMediaNode.attrs,
285
288
  mediaWidth = _selectedMediaNode$at.width,
286
289
  mediaHeight = _selectedMediaNode$at.height;
@@ -289,9 +292,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
289
292
  var isVideoFile = (0, _mediaSingle.isVideo)(selectedMediaNode.attrs.__fileMimeType);
290
293
  var minWidth = (0, _mediaSingle2.calcMinWidth)(isVideoFile, maxWidthForNestedNode || contentWidth);
291
294
  var isLegacy = widthType !== 'pixel';
292
- var pixelWidth = (0, _utils2.getPixelWidthOfElement)(editorView, selectedMediaSingleNode.pos + 1,
295
+ var pixelWidthFromElement = (0, _utils2.getPixelWidthOfElement)(editorView, selectedMediaSingleNode.pos + 1,
293
296
  // get pos of media node
294
297
  mediaWidth || _mediaSingle2.DEFAULT_IMAGE_WIDTH);
298
+ var pixelWidth = isLegacy ? pixelWidthFromElement : mediaSingleWidth;
295
299
  return /*#__PURE__*/_react.default.createElement(_PixelEntry.PixelEntry, {
296
300
  intl: intl,
297
301
  width: pluginState.isResizing ? pluginState.resizingWidth : pixelWidth,
@@ -318,7 +322,8 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
318
322
  var width = _ref2.width;
319
323
  var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
320
324
  width: width,
321
- widthType: 'pixel'
325
+ widthType: 'pixel',
326
+ layout: (0, _utils2.calcNewLayout)(width, layout, contentWidth, options.fullWidthEnabled)
322
327
  }));
323
328
  tr.setMeta('scrollIntoView', false);
324
329
  tr.setSelection(_state2.NodeSelection.create(tr.doc, selectedMediaSingleNode.pos));
@@ -326,7 +331,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
326
331
  },
327
332
  onMigrate: function onMigrate() {
328
333
  var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
329
- width: pixelWidth,
334
+ width: pixelWidthFromElement,
330
335
  widthType: 'pixel'
331
336
  }));
332
337
  tr.setMeta('scrollIntoView', false);
@@ -377,10 +382,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
377
382
  };
378
383
  var openLink = function openLink() {
379
384
  if (editorView) {
380
- var _pluginInjectionApi$d7;
385
+ var _pluginInjectionApi$a4;
381
386
  var tr = editorView.state.tr,
382
387
  dispatch = editorView.dispatch;
383
- pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d7 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : _pluginInjectionApi$d7.actions.attachAnalyticsEvent({
388
+ pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions.attachAnalyticsEvent({
384
389
  eventType: _analytics.EVENT_TYPE.TRACK,
385
390
  action: _analytics.ACTION.VISITED,
386
391
  actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
@@ -406,8 +411,8 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
406
411
  }
407
412
  }
408
413
  if (allowAltTextOnImages) {
409
- var _pluginInjectionApi$d8;
410
- toolbarButtons.push((0, _altText2.altTextButton)(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d8 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d8 === void 0 ? void 0 : _pluginInjectionApi$d8.actions), {
414
+ var _pluginInjectionApi$a5;
415
+ toolbarButtons.push((0, _altText2.altTextButton)(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.actions), {
411
416
  type: 'separator'
412
417
  });
413
418
  }
@@ -438,7 +443,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
438
443
  return items;
439
444
  };
440
445
  var floatingToolbar = function floatingToolbar(state, intl) {
441
- var _pluginInjectionApi$d9;
446
+ var _pluginInjectionApi$d2;
442
447
  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
443
448
  var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
444
449
  var _state$schema$nodes = state.schema.nodes,
@@ -454,7 +459,7 @@ var floatingToolbar = function floatingToolbar(state, intl) {
454
459
  getEditorFeatureFlags = options.getEditorFeatureFlags;
455
460
  var mediaPluginState = _pluginKey.stateKey.getState(state);
456
461
  var mediaLinkingState = (0, _linking2.getMediaLinkingState)(state);
457
- var _ref3 = (_pluginInjectionApi$d9 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d9 !== void 0 ? _pluginInjectionApi$d9 : {},
462
+ var _ref3 = (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : {},
458
463
  hoverDecoration = _ref3.hoverDecoration;
459
464
  if (!mediaPluginState) {
460
465
  return;
@@ -476,10 +481,10 @@ var floatingToolbar = function floatingToolbar(state, intl) {
476
481
  if (allowAltTextOnImages) {
477
482
  var mediaAltTextPluginState = (0, _altText.getPluginState)(state);
478
483
  if (mediaAltTextPluginState.isAltTextEditorOpen) {
479
- var _pluginInjectionApi$d10;
484
+ var _pluginInjectionApi$f;
480
485
  return (0, _altText2.getAltTextToolbar)(baseToolbar, {
481
486
  altTextValidator: altTextValidator,
482
- forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d10 = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : _pluginInjectionApi$d10.forceFocusSelector
487
+ forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
483
488
  });
484
489
  }
485
490
  }
@@ -490,22 +495,22 @@ var floatingToolbar = function floatingToolbar(state, intl) {
490
495
  selectedNodeType = state.selection.node.type;
491
496
  }
492
497
  if (allowMediaInline && (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup) {
493
- var _pluginInjectionApi$d11, _pluginInjectionApi$d12;
498
+ var _pluginInjectionApi$a6;
494
499
  var mediaOffset = state.selection.$from.parentOffset + 1;
495
500
  baseToolbar.getDomRef = function () {
496
501
  var _mediaPluginState$ele;
497
502
  var selector = (0, _mediaFilmstrip.mediaFilmstripItemDOMSelector)(mediaOffset);
498
503
  return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
499
504
  };
500
- items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d11 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d11 === void 0 ? void 0 : (_pluginInjectionApi$d12 = _pluginInjectionApi$d11.analytics) === null || _pluginInjectionApi$d12 === void 0 ? void 0 : _pluginInjectionApi$d12.actions);
505
+ items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a6 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.actions);
501
506
  } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
502
- var _pluginInjectionApi$d13, _pluginInjectionApi$d14;
507
+ var _pluginInjectionApi$a7;
503
508
  baseToolbar.getDomRef = function () {
504
509
  var _mediaPluginState$ele2;
505
510
  var element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(".".concat(_styles.MediaInlineNodeSelector));
506
511
  return element || mediaPluginState.element;
507
512
  };
508
- items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d13 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d13 === void 0 ? void 0 : (_pluginInjectionApi$d14 = _pluginInjectionApi$d13.analytics) === null || _pluginInjectionApi$d14 === void 0 ? void 0 : _pluginInjectionApi$d14.actions);
513
+ items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a7 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a7 === void 0 ? void 0 : _pluginInjectionApi$a7.actions);
509
514
  } else {
510
515
  baseToolbar.getDomRef = function () {
511
516
  var _mediaPluginState$ele3;
@@ -58,8 +58,8 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
58
58
  intl: intl,
59
59
  editing: editing,
60
60
  onUnlink: function onUnlink() {
61
- var _pluginInjectionApi$d, _pluginInjectionApi$d2;
62
- return (0, _linking.unlink)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions)(view.state, view.dispatch, view);
61
+ var _pluginInjectionApi$a;
62
+ return (0, _linking.unlink)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
63
63
  },
64
64
  onBack: function onBack(href, meta) {
65
65
  if (href.trim() && meta.inputMethod) {
@@ -68,14 +68,14 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
68
68
  (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);
69
69
  },
70
70
  onCancel: function onCancel() {
71
- var _pluginInjectionApi$d3;
71
+ var _pluginInjectionApi$f;
72
72
  (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view, true);
73
73
  /** Focus should move to the 'Add link' button when the toolbar closes
74
74
  * and not close the floating toolbar.
75
75
  */
76
76
  var tr = view.state.tr,
77
77
  dispatch = view.dispatch;
78
- pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
78
+ pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
79
79
  dispatch(tr);
80
80
  },
81
81
  onSubmit: function onSubmit(href, meta) {
@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.removeMediaGroupNode = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getPixelWidthOfElement = exports.downloadMedia = void 0;
7
+ exports.removeMediaGroupNode = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getPixelWidthOfElement = exports.downloadMedia = exports.calcNewLayout = void 0;
8
8
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
9
9
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
10
10
  var _mediaClient = require("@atlaskit/media-client");
11
11
  var _utils = require("@atlaskit/editor-prosemirror/utils");
12
+ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
13
+ var _mediaSingle = require("@atlaskit/editor-common/media-single");
12
14
  var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
13
15
  var selectedNode = mediaPluginState.selectedMediaContainerNode();
14
16
  if (selectedNode && selectedNode.attrs) {
@@ -81,4 +83,22 @@ var getPixelWidthOfElement = function getPixelWidthOfElement(editorView, pos, me
81
83
  }
82
84
  return mediaWidth;
83
85
  };
84
- exports.getPixelWidthOfElement = getPixelWidthOfElement;
86
+ exports.getPixelWidthOfElement = getPixelWidthOfElement;
87
+ var calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
88
+ var fullWidthMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
89
+ var isWrappedLayout = _mediaSingle.wrappedLayouts.indexOf(layout) > -1;
90
+ if (width >= _editorSharedStyles.akEditorFullWidthLayoutWidth) {
91
+ // If width is greater than or equal to full editor width
92
+ return 'full-width';
93
+ }
94
+ if (fullWidthMode) {
95
+ // If under editor full width mode
96
+ return isWrappedLayout ? layout : 'center';
97
+ }
98
+ if (width > contentWidth) {
99
+ // If width is greater than content length and not nested
100
+ return 'wide';
101
+ }
102
+ return isWrappedLayout && width !== contentWidth ? layout : 'center';
103
+ };
104
+ exports.calcNewLayout = calcNewLayout;
@@ -132,8 +132,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
132
132
  return _this.wrapper = wrapper;
133
133
  });
134
134
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displayGuideline", function (guidelines) {
135
- var _this$props$pluginInj, _this$props$pluginInj2, _this$props$pluginInj3, _this$props$pluginInj4;
136
- return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.dependencies) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.guideline) === null || _this$props$pluginInj3 === void 0 ? void 0 : (_this$props$pluginInj4 = _this$props$pluginInj3.actions) === null || _this$props$pluginInj4 === void 0 ? void 0 : _this$props$pluginInj4.displayGuideline(_this.props.view)({
135
+ var _this$props$pluginInj, _this$props$pluginInj2, _this$props$pluginInj3;
136
+ return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.guideline) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.actions) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.displayGuideline(_this.props.view)({
137
137
  guidelines: guidelines
138
138
  });
139
139
  });
@@ -163,8 +163,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
163
163
  return Math.min(contentWidth || _editorSharedStyles.akEditorDefaultLayoutWidth, isVideoFile ? _mediaSingle.MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : _mediaSingle.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
164
164
  }));
165
165
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRelativeGuides", function () {
166
- var _this$props$pluginInj5, _this$props$pluginInj6, _this$props$pluginInj7, _this$props$pluginInj8;
167
- var guidelinePluginState = (_this$props$pluginInj5 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.dependencies) === null || _this$props$pluginInj6 === void 0 ? void 0 : (_this$props$pluginInj7 = _this$props$pluginInj6.guideline) === null || _this$props$pluginInj7 === void 0 ? void 0 : (_this$props$pluginInj8 = _this$props$pluginInj7.sharedState) === null || _this$props$pluginInj8 === void 0 ? void 0 : _this$props$pluginInj8.currentState();
166
+ var _this$props$pluginInj4, _this$props$pluginInj5, _this$props$pluginInj6;
167
+ var guidelinePluginState = (_this$props$pluginInj4 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj4 === void 0 ? void 0 : (_this$props$pluginInj5 = _this$props$pluginInj4.guideline) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.sharedState) === null || _this$props$pluginInj6 === void 0 ? void 0 : _this$props$pluginInj6.currentState();
168
168
  var _ref = (guidelinePluginState === null || guidelinePluginState === void 0 ? void 0 : guidelinePluginState.rect) || {
169
169
  top: 0,
170
170
  left: 0
@@ -42,11 +42,11 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
42
42
  isVideoFile: true
43
43
  });
44
44
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displayGrid", function (visible, gridType, highlight) {
45
- var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3;
45
+ var _pluginInjectionApi$g, _pluginInjectionApi$g2;
46
46
  var _this$props = _this.props,
47
47
  pluginInjectionApi = _this$props.pluginInjectionApi,
48
48
  view = _this$props.view;
49
- pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.grid) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.displayGrid(view)({
49
+ pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 ? void 0 : (_pluginInjectionApi$g2 = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGrid(view)({
50
50
  visible: visible,
51
51
  gridType: gridType,
52
52
  highlight: highlight
@@ -30,12 +30,14 @@ var getSharedState = function getSharedState(editorState) {
30
30
  }
31
31
  return _key.mentionPluginKey.getState(editorState);
32
32
  };
33
- var mentionsPlugin = function mentionsPlugin(options, api) {
33
+ var mentionsPlugin = function mentionsPlugin(_ref) {
34
+ var options = _ref.config,
35
+ api = _ref.api;
34
36
  var sessionId = (0, _uuid.default)();
35
37
  var fireEvent = function fireEvent(payload) {
36
- var _api$dependencies$ana, _api$dependencies$ana2;
37
- var _ref = (_api$dependencies$ana = api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.sharedState.currentState()) !== null && _api$dependencies$ana !== void 0 ? _api$dependencies$ana : {},
38
- createAnalyticsEvent = _ref.createAnalyticsEvent;
38
+ var _api$analytics$shared, _api$analytics;
39
+ var _ref2 = (_api$analytics$shared = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.sharedState.currentState()) !== null && _api$analytics$shared !== void 0 ? _api$analytics$shared : {},
40
+ createAnalyticsEvent = _ref2.createAnalyticsEvent;
39
41
  if (!createAnalyticsEvent) {
40
42
  return;
41
43
  }
@@ -66,17 +68,17 @@ var mentionsPlugin = function mentionsPlugin(options, api) {
66
68
  }
67
69
  }];
68
70
  },
69
- secondaryToolbarComponent: function secondaryToolbarComponent(_ref2) {
70
- var editorView = _ref2.editorView,
71
- disabled = _ref2.disabled;
71
+ secondaryToolbarComponent: function secondaryToolbarComponent(_ref3) {
72
+ var editorView = _ref3.editorView,
73
+ disabled = _ref3.disabled;
72
74
  return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
73
75
  editorView: editorView,
74
76
  plugins: {
75
77
  mentionState: _key.mentionPluginKey
76
78
  },
77
- render: function render(_ref3) {
78
- var _ref3$mentionState = _ref3.mentionState,
79
- mentionState = _ref3$mentionState === void 0 ? {} : _ref3$mentionState;
79
+ render: function render(_ref4) {
80
+ var _ref4$mentionState = _ref4.mentionState,
81
+ mentionState = _ref4$mentionState === void 0 ? {} : _ref4$mentionState;
80
82
  return !mentionState.mentionProvider ? null : /*#__PURE__*/_react.default.createElement(_ToolbarMention.default, {
81
83
  editorView: editorView,
82
84
  isDisabled: disabled || (0, _utils.isTypeAheadAllowed)(editorView.state)
@@ -86,8 +88,8 @@ var mentionsPlugin = function mentionsPlugin(options, api) {
86
88
  },
87
89
  getSharedState: getSharedState,
88
90
  pluginsOptions: {
89
- quickInsert: function quickInsert(_ref4) {
90
- var formatMessage = _ref4.formatMessage;
91
+ quickInsert: function quickInsert(_ref5) {
92
+ var formatMessage = _ref5.formatMessage;
91
93
  return [{
92
94
  id: 'mention',
93
95
  title: formatMessage(_messages.messages.mention),
@@ -99,19 +101,19 @@ var mentionsPlugin = function mentionsPlugin(options, api) {
99
101
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconMention, null);
100
102
  },
101
103
  action: function action(insert, state) {
102
- var _api$dependencies$ana3;
104
+ var _api$analytics2;
103
105
  var tr = insert(undefined);
104
106
  var pluginState = getSharedState(state);
105
107
  if (pluginState && pluginState.canInsertMention === false) {
106
108
  return false;
107
109
  }
108
- api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
110
+ api === null || api === void 0 ? void 0 : api.typeAhead.commands.openTypeAheadAtCursor({
109
111
  triggerHandler: typeAhead,
110
112
  inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
111
113
  })({
112
114
  tr: tr
113
115
  });
114
- api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions.attachAnalyticsEvent({
116
+ api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
115
117
  action: _analytics.ACTION.INVOKED,
116
118
  actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
117
119
  actionSubjectId: _analytics.ACTION_SUBJECT_ID.TYPEAHEAD_MENTION,
@@ -18,9 +18,10 @@ var _blockType = require("../block-type/commands/block-type");
18
18
  // Theres an existing interelationship between these files, where the imported function is being called for panel
19
19
  // Insertions via the drop down menu
20
20
  // tslint-ignore-next-line
21
- var panelPlugin = function panelPlugin() {
22
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
23
- var api = arguments.length > 1 ? arguments[1] : undefined;
21
+ var panelPlugin = function panelPlugin(_ref) {
22
+ var _ref$config = _ref.config,
23
+ options = _ref$config === void 0 ? {} : _ref$config,
24
+ api = _ref.api;
24
25
  return {
25
26
  name: 'panel',
26
27
  nodes: function nodes() {
@@ -33,9 +34,9 @@ var panelPlugin = function panelPlugin() {
33
34
  pmPlugins: function pmPlugins() {
34
35
  return [{
35
36
  name: 'panel',
36
- plugin: function plugin(_ref) {
37
- var providerFactory = _ref.providerFactory,
38
- dispatch = _ref.dispatch;
37
+ plugin: function plugin(_ref2) {
38
+ var providerFactory = _ref2.providerFactory,
39
+ dispatch = _ref2.dispatch;
39
40
  return (0, _main.createPlugin)(dispatch, providerFactory, options);
40
41
  }
41
42
  }, {
@@ -46,8 +47,8 @@ var panelPlugin = function panelPlugin() {
46
47
  }];
47
48
  },
48
49
  pluginsOptions: {
49
- quickInsert: function quickInsert(_ref2) {
50
- var formatMessage = _ref2.formatMessage;
50
+ quickInsert: function quickInsert(_ref3) {
51
+ var formatMessage = _ref3.formatMessage;
51
52
  var quickInsertOptions = [{
52
53
  id: 'infopanel',
53
54
  title: formatMessage(_messages.messages.infoPanel),
@@ -159,7 +160,7 @@ var panelPlugin = function panelPlugin() {
159
160
  return quickInsertOptions;
160
161
  },
161
162
  floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
162
- return (0, _toolbar.getToolbarConfig)(state, intl, options, providerFactory, api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration);
163
+ return (0, _toolbar.getToolbarConfig)(state, intl, options, providerFactory, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration);
163
164
  }
164
165
  }
165
166
  };
@@ -177,9 +178,9 @@ var panelPlugin = function panelPlugin() {
177
178
  * applyTransaction(tr);
178
179
  * }
179
180
  */
180
- function createPanelAction(_ref3) {
181
- var state = _ref3.state,
182
- attributes = _ref3.attributes;
181
+ function createPanelAction(_ref4) {
182
+ var state = _ref4.state,
183
+ attributes = _ref4.attributes;
183
184
  var tr = (0, _blockType.createWrapSelectionTransaction)({
184
185
  state: state,
185
186
  type: state.schema.nodes.panel,
@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _main = require("./pm-plugins/main");
8
- var pastePlugin = function pastePlugin(_ref, api) {
9
- var _api$dependencies, _api$dependencies$fea;
10
- var cardOptions = _ref.cardOptions,
11
- sanitizePrivateContent = _ref.sanitizePrivateContent;
12
- var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
8
+ var pastePlugin = function pastePlugin(_ref) {
9
+ var _api$featureFlags;
10
+ var config = _ref.config,
11
+ api = _ref.api;
12
+ var _ref2 = config !== null && config !== void 0 ? config : {},
13
+ cardOptions = _ref2.cardOptions,
14
+ sanitizePrivateContent = _ref2.sanitizePrivateContent;
15
+ var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
13
16
  return {
14
17
  name: 'paste',
15
18
  pmPlugins: function pmPlugins() {
16
19
  return [{
17
20
  name: 'paste',
18
- plugin: function plugin(_ref2) {
19
- var schema = _ref2.schema,
20
- providerFactory = _ref2.providerFactory,
21
- dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
22
- dispatch = _ref2.dispatch;
21
+ plugin: function plugin(_ref3) {
22
+ var schema = _ref3.schema,
23
+ providerFactory = _ref3.providerFactory,
24
+ dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
25
+ dispatch = _ref3.dispatch;
23
26
  return (0, _main.createPlugin)(schema, dispatchAnalyticsEvent, dispatch, featureFlags, api, cardOptions, sanitizePrivateContent, providerFactory);
24
27
  }
25
28
  }];
@@ -239,10 +239,10 @@ var handlePasteAsPlainTextWithAnalytics = function handlePasteAsPlainTextWithAna
239
239
  };
240
240
  exports.handlePasteAsPlainTextWithAnalytics = handlePasteAsPlainTextWithAnalytics;
241
241
  var handlePasteIntoTaskAndDecisionWithAnalytics = function handlePasteIntoTaskAndDecisionWithAnalytics(view, event, slice, type, pluginInjectionApi) {
242
- var _pluginInjectionApi$d, _pluginInjectionApi$d2;
242
+ var _pluginInjectionApi$c, _pluginInjectionApi$c2;
243
243
  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
244
244
  type: type
245
- }))((0, _handlers.handlePasteIntoTaskOrDecisionOrPanel)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.queueCardsFromChangedTr));
245
+ }))((0, _handlers.handlePasteIntoTaskOrDecisionOrPanel)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr));
246
246
  };
247
247
  exports.handlePasteIntoTaskAndDecisionWithAnalytics = handlePasteIntoTaskAndDecisionWithAnalytics;
248
248
  var handlePasteIntoCaptionWithAnalytics = function handlePasteIntoCaptionWithAnalytics(view, event, slice, type) {
@@ -264,24 +264,24 @@ var handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(vie
264
264
  };
265
265
  exports.handleMediaSingleWithAnalytics = handleMediaSingleWithAnalytics;
266
266
  var handlePastePreservingMarksWithAnalytics = function handlePastePreservingMarksWithAnalytics(view, event, slice, type, pluginInjectionApi) {
267
- var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
267
+ var _pluginInjectionApi$c3, _pluginInjectionApi$c4;
268
268
  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
269
269
  type: type
270
- }))((0, _handlers.handlePastePreservingMarks)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.actions) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.queueCardsFromChangedTr));
270
+ }))((0, _handlers.handlePastePreservingMarks)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : (_pluginInjectionApi$c4 = _pluginInjectionApi$c3.actions) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.queueCardsFromChangedTr));
271
271
  };
272
272
  exports.handlePastePreservingMarksWithAnalytics = handlePastePreservingMarksWithAnalytics;
273
273
  var handleMarkdownWithAnalytics = function handleMarkdownWithAnalytics(view, event, slice, pluginInjectionApi) {
274
- var _pluginInjectionApi$d5, _pluginInjectionApi$d6;
274
+ var _pluginInjectionApi$c5, _pluginInjectionApi$c6;
275
275
  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
276
276
  type: _analytics.PasteTypes.markdown
277
- }))((0, _handlers.handleMarkdown)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d5 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : (_pluginInjectionApi$d6 = _pluginInjectionApi$d5.actions) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.queueCardsFromChangedTr));
277
+ }))((0, _handlers.handleMarkdown)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c5 = pluginInjectionApi.card) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : (_pluginInjectionApi$c6 = _pluginInjectionApi$c5.actions) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.queueCardsFromChangedTr));
278
278
  };
279
279
  exports.handleMarkdownWithAnalytics = handleMarkdownWithAnalytics;
280
280
  var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(view, event, slice, pluginInjectionApi) {
281
- var _pluginInjectionApi$d7, _pluginInjectionApi$d8;
281
+ var _pluginInjectionApi$c7, _pluginInjectionApi$c8;
282
282
  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
283
283
  type: _analytics.PasteTypes.richText
284
- }))((0, _handlers.handleRichText)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d7 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : (_pluginInjectionApi$d8 = _pluginInjectionApi$d7.actions) === null || _pluginInjectionApi$d8 === void 0 ? void 0 : _pluginInjectionApi$d8.queueCardsFromChangedTr));
284
+ }))((0, _handlers.handleRichText)(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.card) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : (_pluginInjectionApi$c8 = _pluginInjectionApi$c7.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.queueCardsFromChangedTr));
285
285
  };
286
286
  exports.handleRichTextWithAnalytics = handleRichTextWithAnalytics;
287
287
  function injectAnalyticsPayloadBeforeCommand(createPayloadByTransaction) {
@@ -112,7 +112,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
112
112
  }
113
113
  },
114
114
  handlePaste: function handlePaste(view, rawEvent, slice) {
115
- var _text, _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$d4, _pluginInjectionApi$d5;
115
+ var _text, _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$a;
116
116
  var event = rawEvent;
117
117
  if (!event.clipboardData) {
118
118
  return false;
@@ -207,9 +207,9 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
207
207
  });
208
208
  return tableExists;
209
209
  });
210
- if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.betterTypeHistory) {
211
- var _pluginInjectionApi$d;
212
- tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.betterTypeHistory) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.flagPasteEvent(tr);
210
+ if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.betterTypeHistory) {
211
+ var _pluginInjectionApi$b;
212
+ tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$b = pluginInjectionApi.betterTypeHistory) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.flagPasteEvent(tr);
213
213
  }
214
214
  (0, _card.addLinkMetadata)(view.state.selection, tr, {
215
215
  action: isPlainText ? _analytics2.ACTION.PASTED_AS_PLAIN : _analytics2.ACTION.PASTED,
@@ -237,14 +237,14 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
237
237
  // force a "paste as plain text" action by clearing the markdownSlice.
238
238
  markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
239
239
  if (markdownSlice) {
240
- var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
240
+ var _pluginInjectionApi$c, _pluginInjectionApi$c2;
241
241
  // linkify text prior to converting to macro
242
242
  if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, markdownSlice, _analytics2.PasteTypes.markdown)(state, dispatch)) {
243
243
  return true;
244
244
  }
245
245
 
246
246
  // run macro autoconvert prior to other conversions
247
- if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
247
+ if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
248
248
  // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
249
249
  (0, _analytics.sendPasteAnalyticsEvent)(view, event, markdownSlice, {
250
250
  type: _analytics2.PasteTypes.markdown
@@ -276,7 +276,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
276
276
  if ((0, _analytics.handleCodeBlockWithAnalytics)(view, event, slice, text)(state, dispatch)) {
277
277
  return true;
278
278
  }
279
- if ((0, _analytics.handleMediaSingleWithAnalytics)(view, event, slice, isPastedFile ? _analytics2.PasteTypes.binary : _analytics2.PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.analytics) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions)(state, dispatch, view)) {
279
+ if ((0, _analytics.handleMediaSingleWithAnalytics)(view, event, slice, isPastedFile ? _analytics2.PasteTypes.binary : _analytics2.PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch, view)) {
280
280
  return true;
281
281
  }
282
282
  if ((0, _analytics.handleSelectedTableWithAnalytics)(view, event, slice)(state, dispatch)) {
@@ -309,7 +309,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
309
309
 
310
310
  // finally, handle rich-text copy-paste
311
311
  if (isRichText) {
312
- var _pluginInjectionApi$d6, _pluginInjectionApi$d7, _pluginInjectionApi$d8;
312
+ var _pluginInjectionApi$c3, _pluginInjectionApi$c4, _pluginInjectionApi$l;
313
313
  // linkify the text where possible
314
314
  slice = (0, _utils.linkifyContent)(state.schema)(slice);
315
315
  if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
@@ -317,7 +317,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
317
317
  }
318
318
 
319
319
  // run macro autoconvert prior to other conversions
320
- if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : (_pluginInjectionApi$d7 = _pluginInjectionApi$d6.actions) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : _pluginInjectionApi$d7.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
320
+ if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : (_pluginInjectionApi$c4 = _pluginInjectionApi$c3.actions) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
321
321
  // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
322
322
  (0, _analytics.sendPasteAnalyticsEvent)(view, event, slice, {
323
323
  type: _analytics2.PasteTypes.richText
@@ -374,7 +374,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
374
374
  if ((0, _analytics.handlePasteIntoCaptionWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
375
375
  return true;
376
376
  }
377
- if ((0, _analytics.handlePastePanelOrDecisionIntoListWithAnalytics)(view, event, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d8 = pluginInjectionApi.dependencies.list) === null || _pluginInjectionApi$d8 === void 0 ? void 0 : _pluginInjectionApi$d8.actions.findRootParentListNode)(state, dispatch)) {
377
+ if ((0, _analytics.handlePastePanelOrDecisionIntoListWithAnalytics)(view, event, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$l = pluginInjectionApi.list) === null || _pluginInjectionApi$l === void 0 ? void 0 : _pluginInjectionApi$l.actions.findRootParentListNode)(state, dispatch)) {
378
378
  return true;
379
379
  }
380
380
  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists && (0, _analytics.handlePasteNonNestableBlockNodesIntoListWithAnalytics)(view, event, slice)(state, dispatch)) {