@atlaskit/editor-common 87.5.0 → 87.6.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/editor-common
 
+## 87.6.0
+
+### Minor Changes
+
+- [#128347](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128347)
+  [`e33566cebd5d1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e33566cebd5d1) -
+  [ED-24175] bump @atlaskit/adf-schema to 40.8.1 and @atlassian/adf-schema-json to 1.22.0 to
+  promotecodeblocks & media in quotes, and nested expands in expands to full schema, and allow
+  quotes in panels and decisions in lists in stage0 schema, and a validator spec change
+- [#128527](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128527)
+  [`e9e003a733b63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e9e003a733b63) -
+  Add media upload from URL and associated i18n, analytics and test packages
+- [#128333](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128333)
+  [`4ad86751ab1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4ad86751ab1d7) -
+  [ED-24505] Implement onClick handler for Turn into dropdown options and update relevant insertion
+  analytics with inputMethod: floatingToolbar when an element is inserted via the dropdown
+
+### Patch Changes
+
+- [#128105](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128105)
+  [`b55614e1ea801`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b55614e1ea801) -
+  added a timeout to the requestIdleCallback inside the LazyNode replacement debounce to ensure it
+  is called eventually, limiting potential issues with infinite re-rendering
+- Updated dependencies
+
+## 87.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 87.5.0
 
 ### Minor Changes

package/dist/cjs/analytics/types/enums.js

@@ -145,6 +145,9 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPDATE_PARAMETERS"] = "updateParameters";
   ACTION["GET_CHILDERN"] = "getChildern";
   ACTION["MOVED"] = "moved";
+  ACTION["UPLOAD_COMMENCED"] = "uploadCommenced";
+  ACTION["UPLOAD_SUCCEEDED"] = "uploadSucceeded";
+  ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
   return ACTION;
 }({});
@@ -377,6 +380,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_INLINE"] = "onUnsupportedInline";
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_BLOCK"] = "onUnsupportedBlock";
   ACTION_SUBJECT_ID["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
+  ACTION_SUBJECT_ID["UPLOAD_MEDIA_FROM_URL"] = "uploadMediaFromUrl";
   return ACTION_SUBJECT_ID;
 }({});
 var FLOATING_CONTROLS_TITLE = exports.FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/cjs/analytics/types/upload-media-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/i18n/en.js

@@ -44,6 +44,8 @@ var _default = exports.default = {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Drag to move',
   'fabric.editor.blockControlMoveDown': 'Move down',
   'fabric.editor.blockControlMoveUp': 'Move up',
+  'fabric.editor.blockControlMovedDown': 'Content has been moved down',
+  'fabric.editor.blockControlMovedUp': 'Content has been moved up',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
   'fabric.editor.blockquote': 'a quote',
@@ -272,6 +274,8 @@ var _default = exports.default = {
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
+  'fabric.editor.insertMediaFromUrl': 'Image from link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Add an image or video from a link',
   'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
@@ -343,6 +347,7 @@ var _default = exports.default = {
   'fabric.editor.other': 'Others...',
   'fabric.editor.outdent': 'Outdent',
   'fabric.editor.pageActionsLabel': 'Page actions',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Background color',
   'fabric.editor.panel.emoji': 'Add emoji',
   'fabric.editor.panel.panelsGroup': 'Panel Types',
@@ -452,6 +457,7 @@ var _default = exports.default = {
   'fabric.editor.tooltip.defaultBlockNode': 'a block node',
   'fabric.editor.tooltip.nestedExpand': 'a nested expand',
   'fabric.editor.tooltip.taskList': 'an action item',
+  'fabric.editor.turnInto': 'Turn into',
   'fabric.editor.twoColumns': 'Two columns layout',
   'fabric.editor.typeAhead.popupLabel': 'Typeahead results',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begin typing to search or filter shortcut options',

package/dist/cjs/i18n/en_GB.js

@@ -44,6 +44,8 @@ var _default = exports.default = {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Drag to move',
   'fabric.editor.blockControlMoveDown': 'Move down',
   'fabric.editor.blockControlMoveUp': 'Move up',
+  'fabric.editor.blockControlMovedDown': 'Content has been moved down',
+  'fabric.editor.blockControlMovedUp': 'Content has been moved up',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
   'fabric.editor.blockquote': 'a quote',
@@ -272,6 +274,8 @@ var _default = exports.default = {
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
+  'fabric.editor.insertMediaFromUrl': 'Image from link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Add an image or video from a link',
   'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
@@ -343,6 +347,7 @@ var _default = exports.default = {
   'fabric.editor.other': 'Others...',
   'fabric.editor.outdent': 'Outdent',
   'fabric.editor.pageActionsLabel': 'Page actions',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Background colour',
   'fabric.editor.panel.emoji': 'Add emoji',
   'fabric.editor.panel.panelsGroup': 'Panel Types',
@@ -452,6 +457,7 @@ var _default = exports.default = {
   'fabric.editor.tooltip.defaultBlockNode': 'a block node',
   'fabric.editor.tooltip.nestedExpand': 'a nested expand',
   'fabric.editor.tooltip.taskList': 'an action item',
+  'fabric.editor.turnInto': 'Turn into',
   'fabric.editor.twoColumns': 'Two columns layout',
   'fabric.editor.typeAhead.popupLabel': 'Typeahead results',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begin typing to search or filter shortcut options',

package/dist/cjs/i18n/en_ZZ.js

@@ -44,6 +44,8 @@ var _default = exports.default = {
   'fabric.editor.blockControlDragHandleUsageInfo': '⁣⁢Drag to move‌⁡⁡⁠‌⁡؜‌⁡‍؜⁣⁤',
   'fabric.editor.blockControlMoveDown': '⁣⁢Move down⁠⁡‌‍؜‌‍‌‍⁡⁠⁠⁣⁤',
   'fabric.editor.blockControlMoveUp': '⁣⁢Move up⁠‌‌⁡‍⁡‌‍‍⁣⁤',
+  'fabric.editor.blockControlMovedDown': '⁣⁢Content has been moved down⁡‍⁡‍‍⁠⁡؜⁠⁡⁠⁣⁤',
+  'fabric.editor.blockControlMovedUp': '⁣⁢Content has been moved up‌⁡‍؜‍‍‌⁡‌‍‌⁣⁤',
   'fabric.editor.blockDescription': '⁣⁢Display more information about a link, including a summary and actions‍⁠⁡⁣⁤',
   'fabric.editor.blockTitle': '⁣⁢Card‍‌‌؜‌؜⁡‍‍‌‌؜‍؜⁠⁡⁣⁤',
   'fabric.editor.blockquote': '⁣⁢a quote‍⁠؜‍‌‌⁠⁠‍⁠‍⁣⁤',
@@ -272,6 +274,8 @@ var _default = exports.default = {
   'fabric.editor.inputQueryAssistiveTxt': '⁣⁢When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.؜‍‍؜⁡⁡‌؜⁣⁤',
   'fabric.editor.insertColumn': '⁣⁢Insert column right⁡‍‌‌‍⁠؜‌‌‍⁡⁡؜⁠‍⁣⁤',
   'fabric.editor.insertColumnDrag': '⁣⁢Insert column؜‌‌⁠⁡⁡‍⁡؜‌⁡‌⁣⁤',
+  'fabric.editor.insertMediaFromUrl': '⁣⁢Image from link⁡‌‌‍‍⁠⁠⁠؜‍‌⁣⁤',
+  'fabric.editor.insertMediaFromUrlDescription': '⁣⁢Add an image or video from a link‍؜‍⁠⁠⁠‌⁣⁤',
   'fabric.editor.insertMenu': '⁣⁢Insert elements؜؜؜⁡‍‍⁠؜⁡⁣⁤',
   'fabric.editor.insertRow': '⁣⁢Insert row below‌؜⁡‌‌‍⁠⁣⁤',
   'fabric.editor.insertRowDrag': '⁣⁢Insert row⁡؜؜‌⁡؜‌⁡‌⁣⁤',
@@ -343,6 +347,7 @@ var _default = exports.default = {
   'fabric.editor.other': '⁣⁢Others...⁡‌⁠؜⁠‌‍‌‍؜⁠⁣⁤',
   'fabric.editor.outdent': '⁣⁢Outdent‌‍‌؜؜‍⁡‍‍‌⁣⁤',
   'fabric.editor.pageActionsLabel': '⁣⁢Page actions‌؜؜؜‍⁡‍؜‌‍⁣⁤',
+  'fabric.editor.panel': '⁣⁢Panel‌‍؜‌⁡‌‍⁠⁡⁣⁤',
   'fabric.editor.panel.backgroundColor': '⁣⁢Background color‍‌⁠⁠‌‌‍‍⁠⁠⁣⁤',
   'fabric.editor.panel.emoji': '⁣⁢Add emoji⁠؜‍‍‌⁠؜⁠؜؜‍⁣⁤',
   'fabric.editor.panel.panelsGroup': '⁣⁢Panel Types؜⁡‍؜؜‍‍‌‍⁣⁤',
@@ -451,6 +456,7 @@ var _default = exports.default = {
   'fabric.editor.tooltip.defaultBlockNode': '⁣⁢a block node⁠؜‌‌⁡⁡⁡‌⁡‍‌⁣⁤',
   'fabric.editor.tooltip.nestedExpand': '⁣⁢a nested expand‌‌؜؜؜⁡⁡⁠؜؜⁣⁤',
   'fabric.editor.tooltip.taskList': '⁣⁢an action item‍؜؜⁡⁠‌⁠‌؜‍⁣⁤',
+  'fabric.editor.turnInto': '⁣⁢Turn into؜؜‌؜⁠‍‌‍؜⁡⁣⁤',
   'fabric.editor.twoColumns': '⁣⁢Two columns layout‍‍‌؜⁡؜⁠⁡‍⁡‌⁣⁤',
   'fabric.editor.typeAhead.popupLabel': '⁣⁢Typeahead results⁠⁠⁠⁡⁠‍‍؜⁠‌⁣⁤',
   'fabric.editor.typeAhead.quickInsertInputLabel': '⁣⁢Begin typing to search or filter shortcut options⁡‌⁠⁡⁠‌⁡‌‍؜⁡‌‍⁡⁣⁤',

package/dist/cjs/lazy-node-view/replace-node-views.js

@@ -58,16 +58,25 @@ var debouncedReplaceNodeviews = exports.debouncedReplaceNodeviews = (0, _debounc
   // From here, we will access the loaded node views by lexical scope
   cache.set(view, {});
 
-  // eslint-disable-next-line compat/compat
-  var idle = window.requestIdleCallback;
-
   /*
    * For reasons that goes beyond my knowledge
    * some Firefox versions aren't calling the requestIdleCallback.
    *
    * So, we need this check to make sure we use the requestAnimationFrame instead
+   *
+   * setting timeout to 2s to ensure this function is called, but not before prosemirror render
+   * and other important tasks are done - adjust this timeout based on user feedback
    */
-  var later = isFirefox || typeof idle !== 'function' ? window.requestAnimationFrame : idle;
+  var later = function later(callback) {
+    // eslint-disable-next-line compat/compat
+    if (isFirefox || !window.requestIdleCallback) {
+      return window.requestAnimationFrame(callback);
+    }
+    // eslint-disable-next-line compat/compat
+    window.requestIdleCallback(callback, {
+      timeout: 2000
+    });
+  };
   later(function () {
     var currentNodeViews = view.props.nodeViews;
     var nextNodeViews = _objectSpread(_objectSpread({}, currentNodeViews), nodeViewsToReplace);

package/dist/cjs/messages/index.js

@@ -118,6 +118,12 @@ Object.defineProperty(exports, "mediaAndEmbedToolbarMessages", {
     return _mediaAndEmbedToolbar.toolbarMessages;
   }
 });
+Object.defineProperty(exports, "mediaInsertMessages", {
+  enumerable: true,
+  get: function get() {
+    return _mediaInsert.mediaInsertMessages;
+  }
+});
 Object.defineProperty(exports, "mentionMessages", {
   enumerable: true,
   get: function get() {
@@ -222,6 +228,7 @@ var _mentions = require("./mentions");
 var _helpDialog = require("./help-dialog");
 var _highlight = require("./highlight");
 var _blockControls = require("./block-controls");
+var _mediaInsert = require("./media-insert");
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/cjs/messages/media-insert.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mediaInsertMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var mediaInsertMessages = exports.mediaInsertMessages = (0, _reactIntlNext.defineMessages)({
+  loadPreview: {
+    id: 'fabric.editor.media.insert.loadPreview',
+    defaultMessage: 'Load preview',
+    description: 'Text on a button that loads a preview of a media file that has been linked to from a URL'
+  },
+  insert: {
+    id: 'fabric.editor.media.insert.insert',
+    defaultMessage: 'Insert',
+    description: 'Text on the modal action button that inserts the linked media file into the editor document'
+  },
+  pasteLinkToUpload: {
+    id: 'fabric.editor.media.insert.pasteLinkToUpload',
+    defaultMessage: 'Paste link to upload',
+    description: 'Placeholder text for the input field where a user can paste (as in copy-paste) a URL to upload a media file'
+  },
+  cancel: {
+    id: 'fabric.editor.media.insert.cancel',
+    defaultMessage: 'Cancel',
+    description: 'Text on the modal action button that cancels the media file insertion and closes the modal'
+  },
+  errorMessage: {
+    id: 'fabric.editor.media.insert.errorMessage',
+    defaultMessage: 'Unfortunately, we can’t add this image link. Download the image, then drag and drop onto the page.',
+    description: 'Error message displayed when a user tries to insert an image from a URL that cannot be loaded. This may be because the URL is invalid, there is a network error or any other reason the preview upload does not succeed. When this occurs the suggestion is to attempt downloading the linked file manually and using a local upload instead.'
+  },
+  warning: {
+    id: 'fabric.editor.media.insert.warning',
+    defaultMessage: 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
+    description: 'Warning message displayed when a user tries to insert an image from a URL that may not be visible to others due to source restrictions such as not having permissions/authentication to load the image. The suggestion is to upload the file instead.'
+  },
+  mediaAlt: {
+    id: 'fabric.editor.media.insert.mediaAlt',
+    defaultMessage: 'Preview for uploaded image or video file',
+    description: 'Alt text describing a preview of an image uploaded.'
+  }
+});

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "87.5.0";
+var packageVersion = "87.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "87.5.0";
+var packageVersion = "87.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/analytics/types/enums.js

@@ -139,6 +139,9 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPDATE_PARAMETERS"] = "updateParameters";
   ACTION["GET_CHILDERN"] = "getChildern";
   ACTION["MOVED"] = "moved";
+  ACTION["UPLOAD_COMMENCED"] = "uploadCommenced";
+  ACTION["UPLOAD_SUCCEEDED"] = "uploadSucceeded";
+  ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
   return ACTION;
 }({});
@@ -371,6 +374,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_INLINE"] = "onUnsupportedInline";
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_BLOCK"] = "onUnsupportedBlock";
   ACTION_SUBJECT_ID["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
+  ACTION_SUBJECT_ID["UPLOAD_MEDIA_FROM_URL"] = "uploadMediaFromUrl";
   return ACTION_SUBJECT_ID;
 }({});
 export let FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/es2019/analytics/types/upload-media-events.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/i18n/en.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Drag to move',
   'fabric.editor.blockControlMoveDown': 'Move down',
   'fabric.editor.blockControlMoveUp': 'Move up',
+  'fabric.editor.blockControlMovedDown': 'Content has been moved down',
+  'fabric.editor.blockControlMovedUp': 'Content has been moved up',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
   'fabric.editor.blockquote': 'a quote',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
+  'fabric.editor.insertMediaFromUrl': 'Image from link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Add an image or video from a link',
   'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Others...',
   'fabric.editor.outdent': 'Outdent',
   'fabric.editor.pageActionsLabel': 'Page actions',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Background color',
   'fabric.editor.panel.emoji': 'Add emoji',
   'fabric.editor.panel.panelsGroup': 'Panel Types',
@@ -446,6 +451,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'a block node',
   'fabric.editor.tooltip.nestedExpand': 'a nested expand',
   'fabric.editor.tooltip.taskList': 'an action item',
+  'fabric.editor.turnInto': 'Turn into',
   'fabric.editor.twoColumns': 'Two columns layout',
   'fabric.editor.typeAhead.popupLabel': 'Typeahead results',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begin typing to search or filter shortcut options',

package/dist/es2019/i18n/en_GB.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Drag to move',
   'fabric.editor.blockControlMoveDown': 'Move down',
   'fabric.editor.blockControlMoveUp': 'Move up',
+  'fabric.editor.blockControlMovedDown': 'Content has been moved down',
+  'fabric.editor.blockControlMovedUp': 'Content has been moved up',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
   'fabric.editor.blockquote': 'a quote',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
+  'fabric.editor.insertMediaFromUrl': 'Image from link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Add an image or video from a link',
   'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Others...',
   'fabric.editor.outdent': 'Outdent',
   'fabric.editor.pageActionsLabel': 'Page actions',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Background colour',
   'fabric.editor.panel.emoji': 'Add emoji',
   'fabric.editor.panel.panelsGroup': 'Panel Types',
@@ -446,6 +451,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'a block node',
   'fabric.editor.tooltip.nestedExpand': 'a nested expand',
   'fabric.editor.tooltip.taskList': 'an action item',
+  'fabric.editor.turnInto': 'Turn into',
   'fabric.editor.twoColumns': 'Two columns layout',
   'fabric.editor.typeAhead.popupLabel': 'Typeahead results',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begin typing to search or filter shortcut options',

package/dist/es2019/i18n/en_ZZ.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': '⁣⁢Drag to move‌⁡⁡⁠‌⁡؜‌⁡‍؜⁣⁤',
   'fabric.editor.blockControlMoveDown': '⁣⁢Move down⁠⁡‌‍؜‌‍‌‍⁡⁠⁠⁣⁤',
   'fabric.editor.blockControlMoveUp': '⁣⁢Move up⁠‌‌⁡‍⁡‌‍‍⁣⁤',
+  'fabric.editor.blockControlMovedDown': '⁣⁢Content has been moved down⁡‍⁡‍‍⁠⁡؜⁠⁡⁠⁣⁤',
+  'fabric.editor.blockControlMovedUp': '⁣⁢Content has been moved up‌⁡‍؜‍‍‌⁡‌‍‌⁣⁤',
   'fabric.editor.blockDescription': '⁣⁢Display more information about a link, including a summary and actions‍⁠⁡⁣⁤',
   'fabric.editor.blockTitle': '⁣⁢Card‍‌‌؜‌؜⁡‍‍‌‌؜‍؜⁠⁡⁣⁤',
   'fabric.editor.blockquote': '⁣⁢a quote‍⁠؜‍‌‌⁠⁠‍⁠‍⁣⁤',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': '⁣⁢When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.؜‍‍؜⁡⁡‌؜⁣⁤',
   'fabric.editor.insertColumn': '⁣⁢Insert column right⁡‍‌‌‍⁠؜‌‌‍⁡⁡؜⁠‍⁣⁤',
   'fabric.editor.insertColumnDrag': '⁣⁢Insert column؜‌‌⁠⁡⁡‍⁡؜‌⁡‌⁣⁤',
+  'fabric.editor.insertMediaFromUrl': '⁣⁢Image from link⁡‌‌‍‍⁠⁠⁠؜‍‌⁣⁤',
+  'fabric.editor.insertMediaFromUrlDescription': '⁣⁢Add an image or video from a link‍؜‍⁠⁠⁠‌⁣⁤',
   'fabric.editor.insertMenu': '⁣⁢Insert elements؜؜؜⁡‍‍⁠؜⁡⁣⁤',
   'fabric.editor.insertRow': '⁣⁢Insert row below‌؜⁡‌‌‍⁠⁣⁤',
   'fabric.editor.insertRowDrag': '⁣⁢Insert row⁡؜؜‌⁡؜‌⁡‌⁣⁤',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': '⁣⁢Others...⁡‌⁠؜⁠‌‍‌‍؜⁠⁣⁤',
   'fabric.editor.outdent': '⁣⁢Outdent‌‍‌؜؜‍⁡‍‍‌⁣⁤',
   'fabric.editor.pageActionsLabel': '⁣⁢Page actions‌؜؜؜‍⁡‍؜‌‍⁣⁤',
+  'fabric.editor.panel': '⁣⁢Panel‌‍؜‌⁡‌‍⁠⁡⁣⁤',
   'fabric.editor.panel.backgroundColor': '⁣⁢Background color‍‌⁠⁠‌‌‍‍⁠⁠⁣⁤',
   'fabric.editor.panel.emoji': '⁣⁢Add emoji⁠؜‍‍‌⁠؜⁠؜؜‍⁣⁤',
   'fabric.editor.panel.panelsGroup': '⁣⁢Panel Types؜⁡‍؜؜‍‍‌‍⁣⁤',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': '⁣⁢a block node⁠؜‌‌⁡⁡⁡‌⁡‍‌⁣⁤',
   'fabric.editor.tooltip.nestedExpand': '⁣⁢a nested expand‌‌؜؜؜⁡⁡⁠؜؜⁣⁤',
   'fabric.editor.tooltip.taskList': '⁣⁢an action item‍؜؜⁡⁠‌⁠‌؜‍⁣⁤',
+  'fabric.editor.turnInto': '⁣⁢Turn into؜؜‌؜⁠‍‌‍؜⁡⁣⁤',
   'fabric.editor.twoColumns': '⁣⁢Two columns layout‍‍‌؜⁡؜⁠⁡‍⁡‌⁣⁤',
   'fabric.editor.typeAhead.popupLabel': '⁣⁢Typeahead results⁠⁠⁠⁡⁠‍‍؜⁠‌⁣⁤',
   'fabric.editor.typeAhead.quickInsertInputLabel': '⁣⁢Begin typing to search or filter shortcut options⁡‌⁠⁡⁠‌⁡‌‍؜⁡‌‍⁡⁣⁤',

package/dist/es2019/lazy-node-view/replace-node-views.js

@@ -50,16 +50,25 @@ export const debouncedReplaceNodeviews = debounce((cache, view) => {
   // From here, we will access the loaded node views by lexical scope
   cache.set(view, {});
 
-  // eslint-disable-next-line compat/compat
-  const idle = window.requestIdleCallback;
-
   /*
    * For reasons that goes beyond my knowledge
    * some Firefox versions aren't calling the requestIdleCallback.
    *
    * So, we need this check to make sure we use the requestAnimationFrame instead
+   *
+   * setting timeout to 2s to ensure this function is called, but not before prosemirror render
+   * and other important tasks are done - adjust this timeout based on user feedback
    */
-  const later = isFirefox || typeof idle !== 'function' ? window.requestAnimationFrame : idle;
+  const later = callback => {
+    // eslint-disable-next-line compat/compat
+    if (isFirefox || !window.requestIdleCallback) {
+      return window.requestAnimationFrame(callback);
+    }
+    // eslint-disable-next-line compat/compat
+    window.requestIdleCallback(callback, {
+      timeout: 2000
+    });
+  };
   later(() => {
     const currentNodeViews = view.props.nodeViews;
     const nextNodeViews = {

package/dist/es2019/messages/index.js

@@ -30,6 +30,7 @@ export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
 export { highlightMessages } from './highlight';
 export { messages as blockControlsMessages } from './block-controls';
+export { mediaInsertMessages } from './media-insert';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/messages/media-insert.js

@@ -0,0 +1,38 @@
+import { defineMessages } from 'react-intl-next';
+export const mediaInsertMessages = defineMessages({
+  loadPreview: {
+    id: 'fabric.editor.media.insert.loadPreview',
+    defaultMessage: 'Load preview',
+    description: 'Text on a button that loads a preview of a media file that has been linked to from a URL'
+  },
+  insert: {
+    id: 'fabric.editor.media.insert.insert',
+    defaultMessage: 'Insert',
+    description: 'Text on the modal action button that inserts the linked media file into the editor document'
+  },
+  pasteLinkToUpload: {
+    id: 'fabric.editor.media.insert.pasteLinkToUpload',
+    defaultMessage: 'Paste link to upload',
+    description: 'Placeholder text for the input field where a user can paste (as in copy-paste) a URL to upload a media file'
+  },
+  cancel: {
+    id: 'fabric.editor.media.insert.cancel',
+    defaultMessage: 'Cancel',
+    description: 'Text on the modal action button that cancels the media file insertion and closes the modal'
+  },
+  errorMessage: {
+    id: 'fabric.editor.media.insert.errorMessage',
+    defaultMessage: 'Unfortunately, we can’t add this image link. Download the image, then drag and drop onto the page.',
+    description: 'Error message displayed when a user tries to insert an image from a URL that cannot be loaded. This may be because the URL is invalid, there is a network error or any other reason the preview upload does not succeed. When this occurs the suggestion is to attempt downloading the linked file manually and using a local upload instead.'
+  },
+  warning: {
+    id: 'fabric.editor.media.insert.warning',
+    defaultMessage: 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
+    description: 'Warning message displayed when a user tries to insert an image from a URL that may not be visible to others due to source restrictions such as not having permissions/authentication to load the image. The suggestion is to upload the file instead.'
+  },
+  mediaAlt: {
+    id: 'fabric.editor.media.insert.mediaAlt',
+    defaultMessage: 'Preview for uploaded image or video file',
+    description: 'Alt text describing a preview of an image uploaded.'
+  }
+});

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "87.5.0";
+const packageVersion = "87.6.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -12,7 +12,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "87.5.0";
+const packageVersion = "87.6.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/analytics/types/enums.js

@@ -139,6 +139,9 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPDATE_PARAMETERS"] = "updateParameters";
   ACTION["GET_CHILDERN"] = "getChildern";
   ACTION["MOVED"] = "moved";
+  ACTION["UPLOAD_COMMENCED"] = "uploadCommenced";
+  ACTION["UPLOAD_SUCCEEDED"] = "uploadSucceeded";
+  ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
   return ACTION;
 }({});
@@ -371,6 +374,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_INLINE"] = "onUnsupportedInline";
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_BLOCK"] = "onUnsupportedBlock";
   ACTION_SUBJECT_ID["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
+  ACTION_SUBJECT_ID["UPLOAD_MEDIA_FROM_URL"] = "uploadMediaFromUrl";
   return ACTION_SUBJECT_ID;
 }({});
 export var FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/esm/analytics/types/upload-media-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/i18n/en.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Drag to move',
   'fabric.editor.blockControlMoveDown': 'Move down',
   'fabric.editor.blockControlMoveUp': 'Move up',
+  'fabric.editor.blockControlMovedDown': 'Content has been moved down',
+  'fabric.editor.blockControlMovedUp': 'Content has been moved up',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
   'fabric.editor.blockquote': 'a quote',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
+  'fabric.editor.insertMediaFromUrl': 'Image from link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Add an image or video from a link',
   'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Others...',
   'fabric.editor.outdent': 'Outdent',
   'fabric.editor.pageActionsLabel': 'Page actions',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Background color',
   'fabric.editor.panel.emoji': 'Add emoji',
   'fabric.editor.panel.panelsGroup': 'Panel Types',
@@ -446,6 +451,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'a block node',
   'fabric.editor.tooltip.nestedExpand': 'a nested expand',
   'fabric.editor.tooltip.taskList': 'an action item',
+  'fabric.editor.turnInto': 'Turn into',
   'fabric.editor.twoColumns': 'Two columns layout',
   'fabric.editor.typeAhead.popupLabel': 'Typeahead results',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begin typing to search or filter shortcut options',

package/dist/esm/i18n/en_GB.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Drag to move',
   'fabric.editor.blockControlMoveDown': 'Move down',
   'fabric.editor.blockControlMoveUp': 'Move up',
+  'fabric.editor.blockControlMovedDown': 'Content has been moved down',
+  'fabric.editor.blockControlMovedUp': 'Content has been moved up',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
   'fabric.editor.blockquote': 'a quote',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
+  'fabric.editor.insertMediaFromUrl': 'Image from link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Add an image or video from a link',
   'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Others...',
   'fabric.editor.outdent': 'Outdent',
   'fabric.editor.pageActionsLabel': 'Page actions',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Background colour',
   'fabric.editor.panel.emoji': 'Add emoji',
   'fabric.editor.panel.panelsGroup': 'Panel Types',
@@ -446,6 +451,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'a block node',
   'fabric.editor.tooltip.nestedExpand': 'a nested expand',
   'fabric.editor.tooltip.taskList': 'an action item',
+  'fabric.editor.turnInto': 'Turn into',
   'fabric.editor.twoColumns': 'Two columns layout',
   'fabric.editor.typeAhead.popupLabel': 'Typeahead results',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begin typing to search or filter shortcut options',