@atlaskit/editor-core 188.0.12 → 188.2.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 (128) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/labs/next/presets/universal.js +2 -1
  3. package/dist/cjs/plugins/annotation/toolbar.js +5 -23
  4. package/dist/cjs/plugins/code-block/index.js +3 -3
  5. package/dist/cjs/plugins/code-block/pm-plugins/codeBlockCopySelectionPlugin.js +2 -2
  6. package/dist/cjs/plugins/index.js +0 -7
  7. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js +4 -4
  8. package/dist/cjs/plugins/media/index.js +12 -6
  9. package/dist/cjs/plugins/media/utils/media-common.js +7 -109
  10. package/dist/cjs/plugins/media/utils/media-single.js +7 -68
  11. package/dist/cjs/plugins/panel/index.js +13 -13
  12. package/dist/cjs/plugins/paste/handlers.js +4 -4
  13. package/dist/cjs/plugins/paste/plugins/media.js +181 -0
  14. package/dist/cjs/plugins/paste/pm-plugins/analytics.js +2 -2
  15. package/dist/cjs/plugins/paste/pm-plugins/main.js +6 -7
  16. package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +3 -3
  17. package/dist/cjs/ui/Alignment/index.js +1 -1
  18. package/dist/cjs/ui/WithHelpTrigger/index.js +3 -7
  19. package/dist/cjs/version-wrapper.js +1 -1
  20. package/dist/es2019/labs/next/presets/universal.js +2 -1
  21. package/dist/es2019/plugins/annotation/toolbar.js +2 -18
  22. package/dist/es2019/plugins/code-block/index.js +3 -3
  23. package/dist/es2019/plugins/code-block/pm-plugins/codeBlockCopySelectionPlugin.js +1 -1
  24. package/dist/es2019/plugins/index.js +0 -1
  25. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js +1 -1
  26. package/dist/es2019/plugins/media/index.js +13 -6
  27. package/dist/es2019/plugins/media/utils/media-common.js +2 -107
  28. package/dist/es2019/plugins/media/utils/media-single.js +6 -72
  29. package/dist/es2019/plugins/panel/index.js +13 -13
  30. package/dist/es2019/plugins/paste/handlers.js +4 -4
  31. package/dist/es2019/plugins/paste/plugins/media.js +176 -0
  32. package/dist/es2019/plugins/paste/pm-plugins/analytics.js +2 -2
  33. package/dist/es2019/plugins/paste/pm-plugins/main.js +3 -4
  34. package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +3 -3
  35. package/dist/es2019/ui/Alignment/index.js +1 -1
  36. package/dist/es2019/ui/WithHelpTrigger/index.js +2 -7
  37. package/dist/es2019/version-wrapper.js +1 -1
  38. package/dist/esm/labs/next/presets/universal.js +2 -1
  39. package/dist/esm/plugins/annotation/toolbar.js +2 -18
  40. package/dist/esm/plugins/code-block/index.js +3 -3
  41. package/dist/esm/plugins/code-block/pm-plugins/codeBlockCopySelectionPlugin.js +1 -1
  42. package/dist/esm/plugins/index.js +0 -1
  43. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js +1 -1
  44. package/dist/esm/plugins/media/index.js +13 -6
  45. package/dist/esm/plugins/media/utils/media-common.js +2 -106
  46. package/dist/esm/plugins/media/utils/media-single.js +6 -66
  47. package/dist/esm/plugins/panel/index.js +13 -13
  48. package/dist/esm/plugins/paste/handlers.js +4 -4
  49. package/dist/esm/plugins/paste/plugins/media.js +172 -0
  50. package/dist/esm/plugins/paste/pm-plugins/analytics.js +2 -2
  51. package/dist/esm/plugins/paste/pm-plugins/main.js +3 -4
  52. package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +3 -3
  53. package/dist/esm/ui/Alignment/index.js +1 -1
  54. package/dist/esm/ui/WithHelpTrigger/index.js +2 -7
  55. package/dist/esm/version-wrapper.js +1 -1
  56. package/dist/types/labs/next/presets/default.d.ts +6 -0
  57. package/dist/types/plugins/annotation/toolbar.d.ts +0 -17
  58. package/dist/types/plugins/index.d.ts +0 -1
  59. package/dist/types/plugins/media/next-plugin-type.d.ts +4 -0
  60. package/dist/types/plugins/media/utils/media-common.d.ts +2 -10
  61. package/dist/types/plugins/media/utils/media-single.d.ts +2 -4
  62. package/dist/types/plugins/paste/handlers.d.ts +2 -2
  63. package/dist/types/plugins/paste/index.d.ts +5 -2
  64. package/dist/types/plugins/paste/plugins/media.d.ts +12 -0
  65. package/dist/types/plugins/paste/pm-plugins/analytics.d.ts +2 -2
  66. package/dist/types/plugins/paste/pm-plugins/main.d.ts +2 -2
  67. package/dist/types/ui/Alignment/index.d.ts +2 -2
  68. package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  69. package/dist/types/ui/ContentStyles/index.d.ts +2 -2
  70. package/dist/types/ui/WithHelpTrigger/index.d.ts +0 -4
  71. package/dist/types-ts4.5/labs/next/presets/default.d.ts +6 -0
  72. package/dist/types-ts4.5/plugins/annotation/toolbar.d.ts +0 -17
  73. package/dist/types-ts4.5/plugins/index.d.ts +0 -1
  74. package/dist/types-ts4.5/plugins/media/next-plugin-type.d.ts +4 -0
  75. package/dist/types-ts4.5/plugins/media/utils/media-common.d.ts +2 -10
  76. package/dist/types-ts4.5/plugins/media/utils/media-single.d.ts +2 -4
  77. package/dist/types-ts4.5/plugins/paste/handlers.d.ts +2 -2
  78. package/dist/types-ts4.5/plugins/paste/index.d.ts +5 -2
  79. package/dist/types-ts4.5/plugins/paste/plugins/media.d.ts +12 -0
  80. package/dist/types-ts4.5/plugins/paste/pm-plugins/analytics.d.ts +2 -2
  81. package/dist/types-ts4.5/plugins/paste/pm-plugins/main.d.ts +2 -2
  82. package/dist/types-ts4.5/ui/Alignment/index.d.ts +2 -2
  83. package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  84. package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
  85. package/dist/types-ts4.5/ui/WithHelpTrigger/index.d.ts +0 -4
  86. package/package.json +8 -7
  87. package/report.api.md +1 -1
  88. package/tmp/api-report-tmp.d.ts +1 -1
  89. package/dist/cjs/plugins/help-dialog/commands.js +0 -19
  90. package/dist/cjs/plugins/help-dialog/index.js +0 -138
  91. package/dist/cjs/plugins/help-dialog/plugin-key.js +0 -8
  92. package/dist/cjs/plugins/help-dialog/ui/HelpDialogLoader.js +0 -24
  93. package/dist/cjs/plugins/help-dialog/ui/index.js +0 -568
  94. package/dist/cjs/plugins/help-dialog/ui/styles.js +0 -50
  95. package/dist/cjs/plugins/undo-redo/messages.js +0 -19
  96. package/dist/cjs/ui/Alignment/messages.js +0 -24
  97. package/dist/es2019/plugins/help-dialog/commands.js +0 -13
  98. package/dist/es2019/plugins/help-dialog/index.js +0 -125
  99. package/dist/es2019/plugins/help-dialog/plugin-key.js +0 -2
  100. package/dist/es2019/plugins/help-dialog/ui/HelpDialogLoader.js +0 -6
  101. package/dist/es2019/plugins/help-dialog/ui/index.js +0 -446
  102. package/dist/es2019/plugins/help-dialog/ui/styles.js +0 -110
  103. package/dist/es2019/plugins/undo-redo/messages.js +0 -13
  104. package/dist/es2019/ui/Alignment/messages.js +0 -18
  105. package/dist/esm/plugins/help-dialog/commands.js +0 -13
  106. package/dist/esm/plugins/help-dialog/index.js +0 -130
  107. package/dist/esm/plugins/help-dialog/plugin-key.js +0 -2
  108. package/dist/esm/plugins/help-dialog/ui/HelpDialogLoader.js +0 -12
  109. package/dist/esm/plugins/help-dialog/ui/index.js +0 -557
  110. package/dist/esm/plugins/help-dialog/ui/styles.js +0 -40
  111. package/dist/esm/plugins/undo-redo/messages.js +0 -13
  112. package/dist/esm/ui/Alignment/messages.js +0 -18
  113. package/dist/types/plugins/help-dialog/commands.d.ts +0 -3
  114. package/dist/types/plugins/help-dialog/index.d.ts +0 -18
  115. package/dist/types/plugins/help-dialog/plugin-key.d.ts +0 -2
  116. package/dist/types/plugins/help-dialog/ui/HelpDialogLoader.d.ts +0 -4
  117. package/dist/types/plugins/help-dialog/ui/index.d.ts +0 -27
  118. package/dist/types/plugins/help-dialog/ui/styles.d.ts +0 -33
  119. package/dist/types/plugins/undo-redo/messages.d.ts +0 -12
  120. package/dist/types/ui/Alignment/messages.d.ts +0 -17
  121. package/dist/types-ts4.5/plugins/help-dialog/commands.d.ts +0 -3
  122. package/dist/types-ts4.5/plugins/help-dialog/index.d.ts +0 -18
  123. package/dist/types-ts4.5/plugins/help-dialog/plugin-key.d.ts +0 -2
  124. package/dist/types-ts4.5/plugins/help-dialog/ui/HelpDialogLoader.d.ts +0 -4
  125. package/dist/types-ts4.5/plugins/help-dialog/ui/index.d.ts +0 -27
  126. package/dist/types-ts4.5/plugins/help-dialog/ui/styles.d.ts +0 -33
  127. package/dist/types-ts4.5/plugins/undo-redo/messages.d.ts +0 -12
  128. package/dist/types-ts4.5/ui/Alignment/messages.d.ts +0 -17
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 188.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#41049](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41049) [`56e271b5da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56e271b5da6) - Extract help-dialog-plugin from editor-core
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 188.1.0
14
+
15
+ ### Minor Changes
16
+
17
+ - [#40850](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40850) [`e7cead0f099`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7cead0f099) - Move shared messages to editor-common
18
+ - [#40910](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40910) [`820e75ceeda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/820e75ceeda) - Decoupling the media plugin from the paste plugin.
19
+
20
+ ### Patch Changes
21
+
22
+ - [#41021](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41021) [`79abfef6196`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79abfef6196) - ED-20299 remove unnecessary entry points in editor-plugin-copy-button and refactor
23
+ - [#41020](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41020) [`ab49509530f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab49509530f) - Add editor-plugin-help-dialog
24
+ - Updated dependencies
25
+
3
26
  ## 188.0.12
4
27
 
5
28
  ### Patch Changes
@@ -9,6 +9,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
10
  var _api = require("../../../selection-api/api");
11
11
  var _plugins = require("../../../plugins");
12
+ var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
12
13
  var _editorPluginRule = require("@atlaskit/editor-plugin-rule");
13
14
  var _editorPluginEmoji = require("@atlaskit/editor-plugin-emoji");
14
15
  var _editorPluginList = require("@atlaskit/editor-plugin-list");
@@ -181,7 +182,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
181
182
  return builder.add([plugin, props.feedbackInfo]);
182
183
  }
183
184
  return builder;
184
- }).maybeAdd(_plugins.helpDialogPlugin, function (plugin, builder) {
185
+ }).maybeAdd(_editorPluginHelpDialog.helpDialogPlugin, function (plugin, builder) {
185
186
  if (props.allowHelpDialog) {
186
187
  return builder.add([plugin, !!props.legacyImageUploadProvider]);
187
188
  }
@@ -4,34 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.buildToolbar = exports.annotationMessages = void 0;
7
+ exports.buildToolbar = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _reactIntlNext = require("react-intl-next");
10
9
  var _comment = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
11
10
  var _keymaps = require("../../keymaps");
12
11
  var _commands = require("./commands");
13
12
  var _types = require("./types");
14
13
  var _utils = require("./utils");
14
+ var _messages = require("@atlaskit/editor-common/messages");
15
15
  // AFP-2532 TODO: Fix automatic suppressions below
16
16
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
17
-
18
- var annotationMessages = exports.annotationMessages = (0, _reactIntlNext.defineMessages)({
19
- createComment: {
20
- id: 'fabric.editor.createComment',
21
- defaultMessage: 'Comment',
22
- description: 'Create/add an inline comment based on the users selection'
23
- },
24
- createCommentInvalid: {
25
- id: 'fabric.editor.createCommentInvalid',
26
- defaultMessage: 'You can only comment on text and headings',
27
- description: 'Error message to communicate to the user they can only do the current action in certain contexts'
28
- },
29
- toolbar: {
30
- id: 'fabric.editor.annotationToolbar',
31
- defaultMessage: 'Annotation toolbar',
32
- description: 'A label for a toolbar (UI element) that creates annotations/comments in the document'
33
- }
34
- });
35
17
  /**
36
18
  * Returns the coordintes at the bottom the selection.
37
19
  */
@@ -192,8 +174,8 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl) {
192
174
  if (selectionValid === _types.AnnotationSelectionType.INVALID) {
193
175
  return undefined;
194
176
  }
195
- var createCommentMessage = intl.formatMessage(annotationMessages.createComment);
196
- var commentDisabledMessage = intl.formatMessage(annotationMessages.createCommentInvalid);
177
+ var createCommentMessage = intl.formatMessage(_messages.annotationMessages.createComment);
178
+ var commentDisabledMessage = intl.formatMessage(_messages.annotationMessages.createCommentInvalid);
197
179
  var createComment = {
198
180
  type: 'button',
199
181
  showTitle: true,
@@ -217,7 +199,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl) {
217
199
  }
218
200
  return acc;
219
201
  }, []);
220
- var toolbarTitle = intl.formatMessage(annotationMessages.toolbar);
202
+ var toolbarTitle = intl.formatMessage(_messages.annotationMessages.toolbar);
221
203
  var calcToolbarPosition = isToolbarAbove ? calculateToolbarPositionAboveSelection : calculateToolbarPositionTrackHead;
222
204
  var onPositionCalculated = calcToolbarPosition(toolbarTitle);
223
205
  return {
@@ -15,7 +15,7 @@ var _ideUx = _interopRequireDefault(require("./pm-plugins/ide-ux"));
15
15
  var _codeBlockCopySelectionPlugin = require("./pm-plugins/codeBlockCopySelectionPlugin");
16
16
  var _analytics = require("@atlaskit/editor-common/analytics");
17
17
  var _quickInsert = require("@atlaskit/editor-common/quick-insert");
18
- var _messages = require("@atlaskit/editor-plugin-block-type/messages");
18
+ var _messages = require("@atlaskit/editor-common/messages");
19
19
  var _refreshBrowserSelection = _interopRequireDefault(require("./refresh-browser-selection"));
20
20
  var _actions = require("./actions");
21
21
  var _inputRule = require("./pm-plugins/input-rule");
@@ -87,8 +87,8 @@ var codeBlockPlugin = function codeBlockPlugin(_ref) {
87
87
  var formatMessage = _ref5.formatMessage;
88
88
  return [{
89
89
  id: 'codeblock',
90
- title: formatMessage(_messages.messages.codeblock),
91
- description: formatMessage(_messages.messages.codeblockDescription),
90
+ title: formatMessage(_messages.blockTypeMessages.codeblock),
91
+ description: formatMessage(_messages.blockTypeMessages.codeblockDescription),
92
92
  keywords: ['code block'],
93
93
  priority: 700,
94
94
  keyshortcut: '```',
@@ -12,12 +12,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
12
12
  var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
13
13
  var _state = require("@atlaskit/editor-prosemirror/state");
14
14
  var _view = require("@atlaskit/editor-prosemirror/view");
15
- var _utils = require("@atlaskit/editor-plugin-copy-button/utils");
15
+ var _copyButton = require("@atlaskit/editor-common/copy-button");
16
16
  var copySelectionPluginKey = exports.copySelectionPluginKey = new _state.PluginKey('codeBlockCopySelectionPlugin');
17
17
  function getSelectionDecorationStartAndEnd(_ref) {
18
18
  var state = _ref.state,
19
19
  transaction = _ref.transaction;
20
- var codeBlockNode = (0, _utils.getSelectedNodeOrNodeParentByNodeType)({
20
+ var codeBlockNode = (0, _copyButton.getSelectedNodeOrNodeParentByNodeType)({
21
21
  nodeType: state.schema.nodes.codeBlock,
22
22
  selection: transaction.selection
23
23
  });
@@ -143,12 +143,6 @@ Object.defineProperty(exports, "fragmentMarkPlugin", {
143
143
  return _fragment.default;
144
144
  }
145
145
  });
146
- Object.defineProperty(exports, "helpDialogPlugin", {
147
- enumerable: true,
148
- get: function get() {
149
- return _helpDialog.default;
150
- }
151
- });
152
146
  Object.defineProperty(exports, "historyPlugin", {
153
147
  enumerable: true,
154
148
  get: function get() {
@@ -312,7 +306,6 @@ var _collabEdit = _interopRequireDefault(require("./collab-edit"));
312
306
  var _date = _interopRequireDefault(require("./date"));
313
307
  var _extension = _interopRequireDefault(require("./extension"));
314
308
  var _fakeTextCursor = _interopRequireDefault(require("./fake-text-cursor"));
315
- var _helpDialog = _interopRequireDefault(require("./help-dialog"));
316
309
  var _insertBlock = _interopRequireDefault(require("./insert-block"));
317
310
  var _jiraIssue = _interopRequireDefault(require("./jira-issue"));
318
311
  var _layout = _interopRequireDefault(require("./layout"));
@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _memoize = _interopRequireDefault(require("lodash/memoize"));
12
12
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
13
13
  var _messages = require("./messages");
14
- var _messages2 = require("@atlaskit/editor-plugin-block-type/messages");
14
+ var _messages2 = require("@atlaskit/editor-common/messages");
15
15
  var _keymaps = require("../../../../keymaps");
16
16
  var _sortItems = require("./sort-items");
17
17
  var _item = require("./item");
@@ -137,7 +137,7 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
137
137
  if (codeblockData) {
138
138
  items.push((0, _item.codeblock)({
139
139
  content: formatMessage(codeblockData.title),
140
- tooltipDescription: formatMessage(_messages2.messages.codeblockDescription),
140
+ tooltipDescription: formatMessage(_messages2.blockTypeMessages.codeblockDescription),
141
141
  disabled: false,
142
142
  shortcut: '```'
143
143
  }));
@@ -145,14 +145,14 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
145
145
  if (panelData) {
146
146
  items.push((0, _item.panel)({
147
147
  content: formatMessage(panelData.title),
148
- tooltipDescription: formatMessage(_messages2.messages.infoPanelDescription),
148
+ tooltipDescription: formatMessage(_messages2.blockTypeMessages.infoPanelDescription),
149
149
  disabled: false
150
150
  }));
151
151
  }
152
152
  if (blockquoteData) {
153
153
  items.push((0, _item.blockquote)({
154
154
  content: formatMessage(blockquoteData.title),
155
- tooltipDescription: formatMessage(_messages2.messages.blockquoteDescription),
155
+ tooltipDescription: formatMessage(_messages2.blockTypeMessages.blockquoteDescription),
156
156
  disabled: false,
157
157
  shortcut: '>'
158
158
  }));
@@ -67,6 +67,12 @@ var mediaPlugin = function mediaPlugin(_ref2) {
67
67
  }
68
68
  return _pluginKey.stateKey.getState(editorState) || null;
69
69
  },
70
+ actions: {
71
+ insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
72
+ var _api$analytics;
73
+ return (0, _mediaSingle2.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
74
+ }
75
+ },
70
76
  nodes: function nodes() {
71
77
  var _ref3 = options || {},
72
78
  _ref3$allowMediaGroup = _ref3.allowMediaGroup,
@@ -147,8 +153,8 @@ var mediaPlugin = function mediaPlugin(_ref2) {
147
153
  }, {
148
154
  name: 'mediaKeymap',
149
155
  plugin: function plugin() {
150
- var _api$analytics;
151
- return (0, _keymap3.default)(options, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
156
+ var _api$analytics2;
157
+ return (0, _keymap3.default)(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
152
158
  }
153
159
  }];
154
160
  if (options && options.allowMediaSingle) {
@@ -168,9 +174,9 @@ var mediaPlugin = function mediaPlugin(_ref2) {
168
174
  pmPlugins.push({
169
175
  name: 'mediaAltTextKeymap',
170
176
  plugin: function plugin(_ref6) {
171
- var _api$analytics2;
177
+ var _api$analytics3;
172
178
  var schema = _ref6.schema;
173
- return (0, _keymap.default)(schema, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
179
+ return (0, _keymap.default)(schema, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
174
180
  }
175
181
  });
176
182
  }
@@ -253,11 +259,11 @@ var mediaPlugin = function mediaPlugin(_ref2) {
253
259
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconImages, null);
254
260
  },
255
261
  action: function action(insert, state) {
256
- var _api$analytics3;
262
+ var _api$analytics4;
257
263
  var pluginState = _main.stateKey.getState(state);
258
264
  pluginState === null || pluginState === void 0 || pluginState.showMediaPicker();
259
265
  var tr = insert('');
260
- api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
266
+ api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || _api$analytics4.actions.attachAnalyticsEvent({
261
267
  action: _analytics.ACTION.OPENED,
262
268
  actionSubject: _analytics.ACTION_SUBJECT.PICKER,
263
269
  actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_CLOUD,
@@ -3,13 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = exports.copyOptionalAttrsFromMediaState = void 0;
6
+ exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = exports.copyOptionalAttrsFromMediaState = void 0;
7
+ var _selection = require("@atlaskit/editor-common/selection");
8
+ var _utils = require("@atlaskit/editor-common/utils");
7
9
  var _commands = require("@atlaskit/editor-prosemirror/commands");
8
10
  var _state = require("@atlaskit/editor-prosemirror/state");
9
- var _utils = require("@atlaskit/editor-prosemirror/utils");
10
- var _utils2 = require("@atlaskit/editor-common/utils");
11
- var _isImage = require("./is-image");
12
- var _selection = require("@atlaskit/editor-common/selection");
11
+ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
13
12
  var _mediaClient = require("@atlaskit/media-client");
14
13
  var isTemporary = function isTemporary(id) {
15
14
  return id.indexOf('temporary:') === 0;
@@ -132,7 +131,7 @@ var removeMediaNode = exports.removeMediaNode = function removeMediaNode(view, n
132
131
  // Prosemirror didn't gave us the behaviour of moving left if the media node is not the last one.
133
132
  // So we handle it ourselves.
134
133
  if (selection.from === currentMediaNodePos && !isLastMediaNode && !(0, _selection.atTheBeginningOfDoc)(state) && nodeBefore && nodeBefore.type.name === 'media') {
135
- var _nodeBefore = (0, _utils.findPositionOfNodeBefore)(tr.selection);
134
+ var _nodeBefore = (0, _utils2.findPositionOfNodeBefore)(tr.selection);
136
135
  if (_nodeBefore) {
137
136
  tr.setSelection(_state.NodeSelection.create(tr.doc, _nodeBefore));
138
137
  }
@@ -149,9 +148,9 @@ var splitMediaGroup = exports.splitMediaGroup = function splitMediaGroup(view) {
149
148
  (0, _commands.deleteSelection)(view.state, view.dispatch);
150
149
  if (selection.$to.nodeAfter) {
151
150
  (0, _commands.splitBlock)(view.state, view.dispatch);
152
- (0, _utils2.createParagraphNear)(false)(view.state, view.dispatch);
151
+ (0, _utils.createParagraphNear)(false)(view.state, view.dispatch);
153
152
  } else {
154
- (0, _utils2.createNewParagraphBelow)(view.state, view.dispatch);
153
+ (0, _utils.createNewParagraphBelow)(view.state, view.dispatch);
155
154
  }
156
155
  return true;
157
156
  };
@@ -168,107 +167,6 @@ var copyOptionalAttrsFromMediaState = exports.copyOptionalAttrsFromMediaState =
168
167
  }
169
168
  });
170
169
  };
171
- var transformSliceToCorrectMediaWrapper = exports.transformSliceToCorrectMediaWrapper = function transformSliceToCorrectMediaWrapper(slice, schema) {
172
- var _schema$nodes = schema.nodes,
173
- mediaGroup = _schema$nodes.mediaGroup,
174
- mediaSingle = _schema$nodes.mediaSingle,
175
- media = _schema$nodes.media;
176
- return (0, _utils2.mapSlice)(slice, function (node, parent) {
177
- if (!parent && node.type === media) {
178
- if (mediaSingle && ((0, _isImage.isImage)(node.attrs.__fileMimeType) || node.attrs.type === 'external')) {
179
- return mediaSingle.createChecked({}, node);
180
- } else {
181
- return mediaGroup.createChecked({}, [node]);
182
- }
183
- }
184
- return node;
185
- });
186
- };
187
-
188
- /**
189
- * Check base styles to see if an element will be invisible when rendered in a document.
190
- * @param element
191
- */
192
- var isElementInvisible = function isElementInvisible(element) {
193
- return element.style.opacity === '0' || element.style.display === 'none' || element.style.visibility === 'hidden';
194
- };
195
- var VALID_TAGS_CONTAINER = ['DIV', 'TD'];
196
- function canContainImage(element) {
197
- if (!element) {
198
- return false;
199
- }
200
- return VALID_TAGS_CONTAINER.indexOf(element.tagName) !== -1;
201
- }
202
-
203
- /**
204
- * Given a html string, we attempt to hoist any nested `<img>` tags,
205
- * not directly wrapped by a `<div>` as ProseMirror no-op's
206
- * on those scenarios.
207
- * @param html
208
- */
209
- var unwrapNestedMediaElements = exports.unwrapNestedMediaElements = function unwrapNestedMediaElements(html) {
210
- var parser = new DOMParser();
211
- var doc = parser.parseFromString(html, 'text/html');
212
- var wrapper = doc.body;
213
-
214
- // Remove Google Doc's wrapper <b> el
215
- var docsWrapper = wrapper.querySelector('b[id^="docs-internal-guid-"]');
216
- if (docsWrapper) {
217
- (0, _utils2.unwrap)(wrapper, docsWrapper);
218
- }
219
- var imageTags = wrapper.querySelectorAll('img');
220
- if (!imageTags.length) {
221
- return html;
222
- }
223
- imageTags.forEach(function (imageTag) {
224
- // Capture the immediate parent, we may remove the media from here later.
225
- var mediaParent = imageTag.parentElement;
226
- if (!mediaParent) {
227
- return;
228
- }
229
-
230
- // If either the parent or the image itself contains styles that would make
231
- // them invisible on copy, dont paste them.
232
- if (isElementInvisible(mediaParent) || isElementInvisible(imageTag)) {
233
- mediaParent.removeChild(imageTag);
234
- return;
235
- }
236
-
237
- // If its wrapped by a valid container we assume its safe to bypass.
238
- // ProseMirror should handle these cases properly.
239
- if (canContainImage(mediaParent) || mediaParent instanceof HTMLSpanElement && mediaParent.closest('[class*="emoji-common"]')) {
240
- return;
241
- }
242
-
243
- // Find the top most element that the parent has a valid container for the image.
244
- // Stop just before found the wrapper
245
- var insertBeforeElement = (0, _utils2.walkUpTreeUntil)(mediaParent, function (element) {
246
- // If is at the top just use this element as reference
247
- if (element.parentElement === wrapper) {
248
- return true;
249
- }
250
- return canContainImage(element.parentElement);
251
- });
252
-
253
- // Here we try to insert the media right after its top most valid parent element
254
- // Unless its the last element in our structure then we will insert above it.
255
- if (insertBeforeElement && insertBeforeElement.parentElement) {
256
- // Insert as close as possible to the most closest valid element index in the tree.
257
- insertBeforeElement.parentElement.insertBefore(imageTag, insertBeforeElement.nextElementSibling || insertBeforeElement);
258
-
259
- // Attempt to clean up lines left behind by the image
260
- mediaParent.innerText = mediaParent.innerText.trim();
261
- // Walk up and delete empty elements left over after removing the image tag
262
- (0, _utils2.removeNestedEmptyEls)(mediaParent);
263
- }
264
- });
265
-
266
- // If last child is a hardbreak we don't want it
267
- if (wrapper.lastElementChild && wrapper.lastElementChild.tagName === 'BR') {
268
- wrapper.removeChild(wrapper.lastElementChild);
269
- }
270
- return wrapper.innerHTML;
271
- };
272
170
  var getMediaNodeFromSelection = exports.getMediaNodeFromSelection = function getMediaNodeFromSelection(state) {
273
171
  if (!isSelectionMediaSingleNode(state)) {
274
172
  return null;
@@ -7,19 +7,17 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.insertMediaSingleNode = exports.insertMediaAsMediaSingle = exports.createMediaSingleNode = void 0;
8
8
  exports.isCaptionNode = isCaptionNode;
9
9
  exports.isVideo = exports.isMediaSingle = void 0;
10
- exports.transformSliceForMedia = transformSliceForMedia;
11
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
- var _model = require("@atlaskit/editor-prosemirror/model");
13
- var _utils = require("@atlaskit/editor-prosemirror/utils");
14
- var _utils2 = require("@atlaskit/editor-common/utils");
15
11
  var _mediaSingle = require("@atlaskit/editor-common/media-single");
16
- var _mediaCommon = require("../utils/media-common");
12
+ var _utils = require("@atlaskit/editor-common/utils");
13
+ var _model = require("@atlaskit/editor-prosemirror/model");
14
+ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
17
15
  var _analytics = require("@atlaskit/editor-common/analytics");
18
16
  var _insert = require("@atlaskit/editor-common/insert");
19
- var _isImage = require("./is-image");
17
+ var _mediaCommon = require("../utils/media-common");
20
18
  var _selection = require("@atlaskit/editor-common/selection");
21
- var _mediaCommon2 = require("@atlaskit/media-common");
22
19
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
+ var _isImage = require("./is-image");
23
21
  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; }
24
22
  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; }
25
23
  var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension) {
@@ -36,7 +34,7 @@ var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, file
36
34
  };
37
35
  };
38
36
  function shouldAddParagraph(state) {
39
- return (0, _selection.atTheBeginningOfBlock)(state) && !(0, _utils2.checkNodeDown)(state.selection, state.doc, _utils2.isEmptyParagraph);
37
+ return (0, _selection.atTheBeginningOfBlock)(state) && !(0, _utils.checkNodeDown)(state.selection, state.doc, _utils.isEmptyParagraph);
40
38
  }
41
39
  function insertNodesWithOptionalParagraph(nodes) {
42
40
  var analyticsAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -124,7 +122,7 @@ var insertMediaSingleNode = exports.insertMediaSingleNode = function insertMedia
124
122
  }
125
123
  if (!tr) {
126
124
  var content = shouldAddParagraph(view.state) ? _model.Fragment.fromArray([node, state.schema.nodes.paragraph.create()]) : node;
127
- tr = (0, _utils.safeInsert)(content, undefined, true)(state.tr);
125
+ tr = (0, _utils2.safeInsert)(content, undefined, true)(state.tr);
128
126
  }
129
127
  if (inputMethod) {
130
128
  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
@@ -170,65 +168,6 @@ var createMediaSingleNode = exports.createMediaSingleNode = function createMedia
170
168
  return mediaSingle.createChecked(extendedMediaSingleAttrs, mediaNode);
171
169
  };
172
170
  };
173
- function transformSliceForMedia(slice, schema) {
174
- var _schema$nodes2 = schema.nodes,
175
- mediaSingle = _schema$nodes2.mediaSingle,
176
- layoutSection = _schema$nodes2.layoutSection,
177
- table = _schema$nodes2.table,
178
- bulletList = _schema$nodes2.bulletList,
179
- orderedList = _schema$nodes2.orderedList,
180
- media = _schema$nodes2.media,
181
- mediaInline = _schema$nodes2.mediaInline,
182
- expand = _schema$nodes2.expand,
183
- nestedExpand = _schema$nodes2.nestedExpand;
184
- return function (selection) {
185
- var newSlice = slice;
186
- if ((0, _utils.hasParentNodeOfType)([layoutSection, table, bulletList, orderedList, expand, nestedExpand])(selection)) {
187
- newSlice = (0, _utils2.mapSlice)(newSlice, function (node) {
188
- var extendedOrLegacyAttrs = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? {
189
- layout: node.attrs.layout,
190
- widthType: node.attrs.widthType,
191
- width: node.attrs.width
192
- } : {
193
- layout: node.attrs.layout
194
- };
195
- var attrs = {};
196
- if ((0, _utils.hasParentNodeOfType)([layoutSection, table])(selection)) {
197
- // Supports layouts
198
- attrs = _objectSpread({}, extendedOrLegacyAttrs);
199
- } else if ((0, _utils.hasParentNodeOfType)([bulletList, orderedList, expand, nestedExpand])(selection)) {
200
- // does not support other layouts
201
- attrs = _objectSpread(_objectSpread({}, extendedOrLegacyAttrs), {}, {
202
- layout: 'center'
203
- });
204
- }
205
- return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
206
- });
207
- }
208
- var __mediaTraceId = (0, _mediaCommon2.getRandomHex)(8);
209
- newSlice = (0, _utils2.mapSlice)(newSlice, function (node) {
210
- // This logic is duplicated in editor-plugin-ai where external images can be inserted
211
- // from external sources through the use of AI. The editor-plugin-ai package is avoiding
212
- // sharing dependencies with editor-core to support products using it with various versions
213
- // of editor packages.
214
- // The duplication is in the following file:
215
- // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
216
- if (node.type.name === 'media') {
217
- return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
218
- __external: node.attrs.type === 'external',
219
- __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
220
- }), node.content, node.marks);
221
- }
222
- if (node.type.name === 'mediaInline') {
223
- return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
224
- __mediaTraceId: __mediaTraceId
225
- }), node.content, node.marks);
226
- }
227
- return node;
228
- });
229
- return newSlice;
230
- };
231
- }
232
171
  function isCaptionNode(editorView) {
233
172
  var $from = editorView.state.selection.$from;
234
173
  var immediateWrapperParentNode = editorView.state.doc.nodeAt($from.before(Math.max($from.depth, 1)));
@@ -13,7 +13,7 @@ var _keymaps = _interopRequireDefault(require("./pm-plugins/keymaps"));
13
13
  var _analytics = require("../analytics");
14
14
  var _quickInsert = require("@atlaskit/editor-common/quick-insert");
15
15
  var _utils = require("@atlaskit/editor-common/utils");
16
- var _messages = require("@atlaskit/editor-plugin-block-type/messages");
16
+ var _messages = require("@atlaskit/editor-common/messages");
17
17
  var _colors = require("@atlaskit/theme/colors");
18
18
  var _actions = require("./actions");
19
19
  var panelPlugin = function panelPlugin(_ref) {
@@ -55,9 +55,9 @@ var panelPlugin = function panelPlugin(_ref) {
55
55
  var formatMessage = _ref3.formatMessage;
56
56
  var quickInsertOptions = [{
57
57
  id: 'infopanel',
58
- title: formatMessage(_messages.messages.infoPanel),
58
+ title: formatMessage(_messages.blockTypeMessages.infoPanel),
59
59
  keywords: ['panel'],
60
- description: formatMessage(_messages.messages.infoPanelDescription),
60
+ description: formatMessage(_messages.blockTypeMessages.infoPanelDescription),
61
61
  priority: 800,
62
62
  icon: function icon() {
63
63
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanel, null);
@@ -72,8 +72,8 @@ var panelPlugin = function panelPlugin(_ref) {
72
72
  }
73
73
  }, {
74
74
  id: 'notepanel',
75
- title: formatMessage(_messages.messages.notePanel),
76
- description: formatMessage(_messages.messages.notePanelDescription),
75
+ title: formatMessage(_messages.blockTypeMessages.notePanel),
76
+ description: formatMessage(_messages.blockTypeMessages.notePanelDescription),
77
77
  priority: 1000,
78
78
  icon: function icon() {
79
79
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelNote, null);
@@ -88,8 +88,8 @@ var panelPlugin = function panelPlugin(_ref) {
88
88
  }
89
89
  }, {
90
90
  id: 'successpanel',
91
- title: formatMessage(_messages.messages.successPanel),
92
- description: formatMessage(_messages.messages.successPanelDescription),
91
+ title: formatMessage(_messages.blockTypeMessages.successPanel),
92
+ description: formatMessage(_messages.blockTypeMessages.successPanelDescription),
93
93
  keywords: ['tip'],
94
94
  priority: 1000,
95
95
  icon: function icon() {
@@ -105,8 +105,8 @@ var panelPlugin = function panelPlugin(_ref) {
105
105
  }
106
106
  }, {
107
107
  id: 'warningpanel',
108
- title: formatMessage(_messages.messages.warningPanel),
109
- description: formatMessage(_messages.messages.warningPanelDescription),
108
+ title: formatMessage(_messages.blockTypeMessages.warningPanel),
109
+ description: formatMessage(_messages.blockTypeMessages.warningPanelDescription),
110
110
  priority: 1000,
111
111
  icon: function icon() {
112
112
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelWarning, null);
@@ -121,8 +121,8 @@ var panelPlugin = function panelPlugin(_ref) {
121
121
  }
122
122
  }, {
123
123
  id: 'errorpanel',
124
- title: formatMessage(_messages.messages.errorPanel),
125
- description: formatMessage(_messages.messages.errorPanelDescription),
124
+ title: formatMessage(_messages.blockTypeMessages.errorPanel),
125
+ description: formatMessage(_messages.blockTypeMessages.errorPanelDescription),
126
126
  priority: 1000,
127
127
  icon: function icon() {
128
128
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelError, null);
@@ -139,8 +139,8 @@ var panelPlugin = function panelPlugin(_ref) {
139
139
  if (options.allowCustomPanel && options.allowCustomPanelEdit) {
140
140
  quickInsertOptions.push({
141
141
  id: 'custompanel',
142
- title: formatMessage(_messages.messages.customPanel),
143
- description: formatMessage(_messages.messages.customPanelDescription),
142
+ title: formatMessage(_messages.blockTypeMessages.customPanel),
143
+ description: formatMessage(_messages.blockTypeMessages.customPanelDescription),
144
144
  priority: 1000,
145
145
  icon: function icon() {
146
146
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconCustomPanel, null);
@@ -33,10 +33,9 @@ var _v = _interopRequireDefault(require("uuid/v4"));
33
33
  var _utils2 = require("@atlaskit/editor-tables/utils");
34
34
  var _utils3 = require("../../utils");
35
35
  var _slice = require("../../utils/slice");
36
- var _analytics = require("../analytics");
36
+ var _analytics = require("@atlaskit/editor-common/analytics");
37
37
  var _selection = require("@atlaskit/editor-common/selection");
38
38
  var _macro = require("../macro");
39
- var _mediaSingle = require("../media/utils/media-single");
40
39
  var _util = require("./util");
41
40
  var _utils4 = require("@atlaskit/editor-common/utils");
42
41
  var _edgeCases = require("./edge-cases");
@@ -567,12 +566,13 @@ function isOnlyMediaSingle(state, slice) {
567
566
  var mediaSingle = state.schema.nodes.mediaSingle;
568
567
  return mediaSingle && slice.content.childCount === 1 && slice.content.firstChild.type === mediaSingle;
569
568
  }
570
- function handleMediaSingle(inputMethod, editorAnalyticsAPI) {
569
+ function handleMediaSingle(inputMethod, insertMediaAsMediaSingle) {
571
570
  return function (slice) {
572
571
  return function (state, dispatch, view) {
573
572
  if (view) {
574
573
  if (isOnlyMedia(state, slice)) {
575
- return (0, _mediaSingle.insertMediaAsMediaSingle)(view, slice.content.firstChild, inputMethod, editorAnalyticsAPI);
574
+ var _insertMediaAsMediaSi;
575
+ return (_insertMediaAsMediaSi = insertMediaAsMediaSingle === null || insertMediaAsMediaSingle === void 0 ? void 0 : insertMediaAsMediaSingle(view, slice.content.firstChild, inputMethod)) !== null && _insertMediaAsMediaSi !== void 0 ? _insertMediaAsMediaSi : false;
576
576
  }
577
577
  if ((0, _utils3.insideTable)(state) && isOnlyMediaSingle(state, slice)) {
578
578
  var tr = state.tr.replaceSelection(slice);