@atlaskit/editor-common 87.6.0 → 87.6.2

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

@@ -1,4 +1,5 @@
 import debounce from 'lodash/debounce';
+import memoize from 'lodash/memoize';
 /**
  * 🧱 Internal: Editor FE Platform
  */
@@ -7,11 +8,10 @@ const isFirefox = /gecko\/\d/i.test(navigator.userAgent);
 /**
  * 🧱 Internal: Editor FE Platform
  *
- * Debounces and replaces the node views in a ProseMirror editor with lazy-loaded node views.
+ * Replaces the node views in a ProseMirror editor with lazy-loaded node views.
  *
  * This function is used to update the `nodeViews` property of the `EditorView` after lazy-loaded
- * node views have been loaded. It uses a debounced approach to ensure that the replacement does
- * not happen too frequently, which can be performance-intensive.
+ * node views have been loaded.
  *
  * The function checks if there are any loaded node views in the cache associated with the given
  * `EditorView`. If there are, it replaces the current `nodeViews` in the `EditorView` with the
@@ -35,9 +35,9 @@ const isFirefox = /gecko\/\d/i.test(navigator.userAgent);
  *   'tableCell': TableCellViewConstructor,
  * });
  *
- * debouncedReplaceNodeviews(cache, view);
+ * replaceNodeViews(cache, view);
  */
-export const debouncedReplaceNodeviews = debounce((cache, view) => {
+const replaceNodeViews = (cache, view) => {
   const loadedNodeviews = cache.get(view);
   if (!loadedNodeviews || Object.keys(loadedNodeviews).length === 0) {
     return;
@@ -49,27 +49,7 @@ export const debouncedReplaceNodeviews = debounce((cache, view) => {
   // Make sure the cache is cleaned
   // From here, we will access the loaded node views by lexical scope
   cache.set(view, {});
-
-  /*
-   * 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 = 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 callback = () => {
     const currentNodeViews = view.props.nodeViews;
     const nextNodeViews = {
       ...currentNodeViews,
@@ -78,14 +58,100 @@ export const debouncedReplaceNodeviews = debounce((cache, view) => {
     view.setProps({
       nodeViews: nextNodeViews
     });
-  });
-});
+  };
+  // 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 are using the requestAnimationFrame for Firefox
+   */
+  if (isFirefox || typeof idle !== 'function') {
+    window.requestAnimationFrame(callback);
+  } else {
+    idle(callback, {
+      timeout: 2000
+    });
+  }
+};
 
 /**
  * 🧱 Internal: Editor FE Platform
  */
 const loadedPerEditorView = new WeakMap();
 
+/**
+ * 🧱 Internal: Editor FE Platform
+ * Based on https://github.com/lodash/lodash/issues/2403#issuecomment-1706130395
+ *
+ * Creates a debounced function that delays invoking the provided function until after a specified
+ * wait time has elapsed since the last time the debounced function was invoked. Additionally, the
+ * debounced function is memoized so that the same function instance is used for each unique set
+ * of arguments based on the resolver.
+ *
+ * This is particularly useful in scenarios where you want to debounce function calls while ensuring
+ * that each unique input combination receives its own debounced function instance. It's a combination
+ * of lodash's `debounce` and `memoize`.
+ *
+ * @template T
+ * @param {T} func - The function to debounce.
+ * @param {number} [wait=0] - The number of milliseconds to delay.
+ * @param {Object} [options] - The options object to pass to `debounce`.
+ * @param {Function} [resolver] - The function to resolve the cache key for memoization.
+ * @returns {Function} A new debounced and memoized function.
+ *
+ * @example
+ * const debouncedFunction = memoizeDebounce(myFunction, 300, { leading: true }, myResolver);
+ * debouncedFunction(arg1, arg2);
+ */
+function memoizeDebounce(func, wait = 0, options, resolver) {
+  const mem = memoize(function () {
+    return debounce(func, wait, options);
+  }, resolver);
+  return function (...args) {
+    return mem(...args)(...args);
+  };
+}
+
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Debounced and memoized version of `replaceNodeViews`.
+ *
+ * This function is designed to update the `nodeViews` property of an `EditorView` after a
+ * period of inactivity (debounce), ensuring that multiple rapid updates do not occur in quick
+ * succession. It uses lodash's `debounce` to handle the debouncing.
+ *
+ * Memoization is crucial here to ensure that each `EditorView` instance has its own opportunity
+ * to update the node views. Without memoization, if you have multiple `EditorView` instances on
+ * the same page, only one instance would potentially call `view.setProps`, which could lead to
+ * incorrect or missing updates in other `EditorView` instances. By memoizing the debounced function,
+ * we ensure that each `EditorView` maintains its own debounced update logic.
+ *
+ * @param {CacheLoadedReactNodeViews} cache - A WeakMap that stores the loaded node views for each
+ *        `EditorView`. The key is the `EditorView`, and the value is a record of node type names
+ *        to their corresponding `NodeViewConstructor`.
+ * @param {EditorView} view - The ProseMirror `EditorView` instance whose `nodeViews` property
+ *        needs to be updated.
+ *
+ * This function is typically not called directly. Instead, it is invoked through `queueReplaceNodeViews`,
+ * which handles adding node views to the cache and triggering this debounced update.
+ */
+export const debouncedReplaceNodeviews = memoizeDebounce(replaceNodeViews, 0,
+/**
+ * Use the default debounce options:
+ * {leading: false, trailing: true}
+ */
+undefined, (cache, view) => {
+  /**
+   * EditorView is a singleton.
+   * There is only one instance per Editor.
+   */
+  return view;
+});
+
 /**
  * 🧱 Internal: Editor FE Platform
  */

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.6.0";
+const packageVersion = "87.6.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/code-block.js

@@ -14,11 +14,18 @@ export const CodeBlockSharedCssClassName = {
   DS_CODEBLOCK: '[data-ds--code--code-block]',
   CODEBLOCK_LINE_NUMBER_GUTTER_FG_WRAP: 'line-number-gutter--fg-wrap',
   CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped',
-  CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED: 'code-content__line-number--wrapped'
+  CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED: 'code-content__line-number--wrapped',
+  CODEBLOCK_WRAPPED: 'code-block--wrapped'
 };
-
-// TODO: ED-24222 Remove flex styling and hardcoded word
 export const codeBlockSharedStyles = () => css`
+	.${CodeBlockSharedCssClassName.CODEBLOCK_WRAPPED}
+		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER}
+		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}
+		code {
+		word-break: break-word;
+		white-space: pre-wrap;
+	}
+
 	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
 		position: relative;
 		background-color: ${"var(--ds-surface-raised, transparent)"};
@@ -49,6 +56,11 @@ export const codeBlockSharedStyles = () => css`
 			right: 0px;
 		}
 
+		.${CodeBlockSharedCssClassName.CODEBLOCK_WRAPPED} {
+			word-break: break-word;
+			white-space: pre-wrap;
+		}
+
 		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
 			background-color: ${`var(--ds-background-neutral, ${N20})`};
 			display: flex;

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.6.0";
+const packageVersion = "87.6.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/extensibility/Extension/Extension/index.js

@@ -75,7 +75,8 @@ function ExtensionWithPluginState(props) {
     'without-frame': removeBorder
   });
   var newContentClassNames = classnames({
-    'with-padding-styles': showMacroInteractionDesignUpdates
+    'with-padding-styles': showMacroInteractionDesignUpdates,
+    'with-bodied-padding-styles': hasBody && showMacroInteractionDesignUpdates
   });
   var contentClassNames = classnames('extension-content', 'block', {
     'remove-border': showMacroInteractionDesignUpdates

package/dist/esm/extensibility/Extension/Extension/styles.js

@@ -67,6 +67,10 @@ export var contentWrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-styles': {
     padding: "var(--ds-space-100, 8px)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.with-bodied-padding-styles': {
+    padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") // account for upcoming editor elements drag & drop feature
   }
 });
 

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -38,7 +38,7 @@ export var mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-background-styles': {
-    padding: "var(--ds-space-100, 8px)",
+    padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)"),
     background: 'transparent'
   }
 });

package/dist/esm/extensibility/extensionNodeView.js

@@ -6,6 +6,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ReactNodeView from '../react-node-view';
 import { Extension } from './Extension';
 import { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
@@ -30,6 +31,18 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
       // children a chance to recalc
       return this.node.type.isAtom || mutation.type !== 'selection' && mutation.attributeName !== 'data-layout';
     }
+
+    // When interacting with input elements inside an extension's body, the events
+    // bubble up to the editor and get handled by it. This almost always gets in the way
+    // of being able to actually interact with said input in the extension, i.e.
+    // typing inside a text field (in an extension body) will print the text in the editor
+    // content area instead. This change prevents the editor view from trying to handle these events,
+    // when the target of the event is an input element, so the extension can.
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      return event.target instanceof HTMLInputElement && fg('cc_page_experiences_live_search_wysiwyg');
+    }
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {

package/dist/esm/keymaps/index.js

@@ -103,6 +103,7 @@ export var focusToContextMenuTrigger = makeKeyMapWithCommon('Focus table context
 export var dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Shift-ArrowUp');
 export var dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Shift-ArrowDown');
 export var showElementDragHandle = makeKeyMapWithCommon('Show drag handle for editor element', 'Ctrl-Shift-h');
+export var continueInRovoChat = makeKeyMapWithCommon('Continue in Rovo chat', 'Alt-Enter');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",
@@ -117,7 +118,7 @@ var tooltipShortcutStyle = css({
   // NOTE: This might not actually do anything: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E
   label: 'tooltip-shortcut'
 });
-function formatShortcut(keymap) {
+export function formatShortcut(keymap) {
   var shortcut;
   if (browser.mac) {
     // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys

package/dist/esm/lazy-node-view/index.js

@@ -65,7 +65,10 @@ export var withLazyLoading = function withLazyLoading(_ref) {
   var nodeName = _ref.nodeName,
     loader = _ref.loader,
     getNodeViewOptions = _ref.getNodeViewOptions,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+    _ref$lazyNodeViewOpti = _ref.lazyNodeViewOptions,
+    _ref$lazyNodeViewOpti2 = _ref$lazyNodeViewOpti === void 0 ? {} : _ref$lazyNodeViewOpti,
+    ignoreMutationDelegate = _ref$lazyNodeViewOpti2.ignoreMutationDelegate;
   var createLazyNodeView = function createLazyNodeView(node, view, getPos, decorations) {
     var _node$type;
     var requestedNodes = requestedNodesPerEditorView.get(view);
@@ -74,7 +77,9 @@ export var withLazyLoading = function withLazyLoading(_ref) {
     }
     var wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
-      return new LazyNodeView(node, view, getPos);
+      return new LazyNodeView(node, view, getPos, {
+        ignoreMutationDelegate: ignoreMutationDelegate
+      });
     }
     requestedNodes.add(nodeName);
     loader().then(function (nodeViewFuncModule) {
@@ -98,7 +103,9 @@ export var withLazyLoading = function withLazyLoading(_ref) {
       //   },
       // });
     }
-    return new LazyNodeView(node, view, getPos);
+    return new LazyNodeView(node, view, getPos, {
+      ignoreMutationDelegate: ignoreMutationDelegate
+    });
   };
   return createLazyNodeView;
 };

package/dist/esm/lazy-node-view/node-view.js

@@ -1,28 +1,40 @@
-import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 /**
  * 🧱 Internal: Editor FE Platform
  *
  * A NodeView that serves as a placeholder until the actual NodeView is loaded.
  */
-export var LazyNodeView = /*#__PURE__*/_createClass(function LazyNodeView(node, view, getPos) {
-  var _node$type;
-  _classCallCheck(this, LazyNodeView);
-  if (typeof ((_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
-    this.dom = document.createElement('div');
-    return;
-  }
-  var fallback = DOMSerializer.renderSpec(document, node.type.spec.toDOM(node));
-  this.dom = fallback.dom;
-  this.contentDOM = fallback.contentDOM;
-  if (this.dom instanceof HTMLElement) {
-    // This attribute is mostly used for debugging purposed
-    // It will help us to found out when the node was replaced
-    this.dom.setAttribute('data-lazy-node-view', node.type.name);
-    // This is used on Libra tests
-    // We are using this to make sure all lazy noded were replaced
-    // before the test started
-    this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
+export var LazyNodeView = /*#__PURE__*/function () {
+  function LazyNodeView(node, view, getPos) {
+    var _node$type;
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    _classCallCheck(this, LazyNodeView);
+    this.ignoreMutationDelegate = options === null || options === void 0 ? void 0 : options.ignoreMutationDelegate;
+    if (typeof ((_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
+      this.dom = document.createElement('div');
+      return;
+    }
+    var fallback = DOMSerializer.renderSpec(document, node.type.spec.toDOM(node));
+    this.dom = fallback.dom;
+    this.contentDOM = fallback.contentDOM;
+    if (this.dom instanceof HTMLElement) {
+      // This attribute is mostly used for debugging purposed
+      // It will help us to found out when the node was replaced
+      this.dom.setAttribute('data-lazy-node-view', node.type.name);
+      // This is used on Libra tests
+      // We are using this to make sure all lazy noded were replaced
+      // before the test started
+      this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
+    }
   }
-});
+  _createClass(LazyNodeView, [{
+    key: "ignoreMutation",
+    value: function ignoreMutation(mutation) {
+      var _this$ignoreMutationD;
+      return !!((_this$ignoreMutationD = this.ignoreMutationDelegate) !== null && _this$ignoreMutationD !== void 0 && _this$ignoreMutationD.call(this, mutation));
+    }
+  }]);
+  return LazyNodeView;
+}();

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

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import debounce from 'lodash/debounce';
+import memoize from 'lodash/memoize';
 /**
  * 🧱 Internal: Editor FE Platform
  */
@@ -10,11 +11,10 @@ var isFirefox = /gecko\/\d/i.test(navigator.userAgent);
 /**
  * 🧱 Internal: Editor FE Platform
  *
- * Debounces and replaces the node views in a ProseMirror editor with lazy-loaded node views.
+ * Replaces the node views in a ProseMirror editor with lazy-loaded node views.
  *
  * This function is used to update the `nodeViews` property of the `EditorView` after lazy-loaded
- * node views have been loaded. It uses a debounced approach to ensure that the replacement does
- * not happen too frequently, which can be performance-intensive.
+ * node views have been loaded.
  *
  * The function checks if there are any loaded node views in the cache associated with the given
  * `EditorView`. If there are, it replaces the current `nodeViews` in the `EditorView` with the
@@ -38,9 +38,9 @@ var isFirefox = /gecko\/\d/i.test(navigator.userAgent);
  *   'tableCell': TableCellViewConstructor,
  * });
  *
- * debouncedReplaceNodeviews(cache, view);
+ * replaceNodeViews(cache, view);
  */
-export var debouncedReplaceNodeviews = debounce(function (cache, view) {
+var replaceNodeViews = function replaceNodeViews(cache, view) {
   var loadedNodeviews = cache.get(view);
   if (!loadedNodeviews || Object.keys(loadedNodeviews).length === 0) {
     return;
@@ -50,40 +50,109 @@ export var debouncedReplaceNodeviews = debounce(function (cache, view) {
   // Make sure the cache is cleaned
   // From here, we will access the loaded node views by lexical scope
   cache.set(view, {});
+  var callback = function callback() {
+    var currentNodeViews = view.props.nodeViews;
+    var nextNodeViews = _objectSpread(_objectSpread({}, currentNodeViews), nodeViewsToReplace);
+    view.setProps({
+      nodeViews: nextNodeViews
+    });
+  };
+  // 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
+   * So, we need this check to make sure we are using the requestAnimationFrame for Firefox
    */
-  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, {
+  if (isFirefox || typeof idle !== 'function') {
+    window.requestAnimationFrame(callback);
+  } else {
+    idle(callback, {
       timeout: 2000
     });
-  };
-  later(function () {
-    var currentNodeViews = view.props.nodeViews;
-    var nextNodeViews = _objectSpread(_objectSpread({}, currentNodeViews), nodeViewsToReplace);
-    view.setProps({
-      nodeViews: nextNodeViews
-    });
-  });
-});
+  }
+};
 
 /**
  * 🧱 Internal: Editor FE Platform
  */
 var loadedPerEditorView = new WeakMap();
 
+/**
+ * 🧱 Internal: Editor FE Platform
+ * Based on https://github.com/lodash/lodash/issues/2403#issuecomment-1706130395
+ *
+ * Creates a debounced function that delays invoking the provided function until after a specified
+ * wait time has elapsed since the last time the debounced function was invoked. Additionally, the
+ * debounced function is memoized so that the same function instance is used for each unique set
+ * of arguments based on the resolver.
+ *
+ * This is particularly useful in scenarios where you want to debounce function calls while ensuring
+ * that each unique input combination receives its own debounced function instance. It's a combination
+ * of lodash's `debounce` and `memoize`.
+ *
+ * @template T
+ * @param {T} func - The function to debounce.
+ * @param {number} [wait=0] - The number of milliseconds to delay.
+ * @param {Object} [options] - The options object to pass to `debounce`.
+ * @param {Function} [resolver] - The function to resolve the cache key for memoization.
+ * @returns {Function} A new debounced and memoized function.
+ *
+ * @example
+ * const debouncedFunction = memoizeDebounce(myFunction, 300, { leading: true }, myResolver);
+ * debouncedFunction(arg1, arg2);
+ */
+function memoizeDebounce(func) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+  var resolver = arguments.length > 3 ? arguments[3] : undefined;
+  var mem = memoize(function () {
+    return debounce(func, wait, options);
+  }, resolver);
+  return function () {
+    return mem.apply(void 0, arguments).apply(void 0, arguments);
+  };
+}
+
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Debounced and memoized version of `replaceNodeViews`.
+ *
+ * This function is designed to update the `nodeViews` property of an `EditorView` after a
+ * period of inactivity (debounce), ensuring that multiple rapid updates do not occur in quick
+ * succession. It uses lodash's `debounce` to handle the debouncing.
+ *
+ * Memoization is crucial here to ensure that each `EditorView` instance has its own opportunity
+ * to update the node views. Without memoization, if you have multiple `EditorView` instances on
+ * the same page, only one instance would potentially call `view.setProps`, which could lead to
+ * incorrect or missing updates in other `EditorView` instances. By memoizing the debounced function,
+ * we ensure that each `EditorView` maintains its own debounced update logic.
+ *
+ * @param {CacheLoadedReactNodeViews} cache - A WeakMap that stores the loaded node views for each
+ *        `EditorView`. The key is the `EditorView`, and the value is a record of node type names
+ *        to their corresponding `NodeViewConstructor`.
+ * @param {EditorView} view - The ProseMirror `EditorView` instance whose `nodeViews` property
+ *        needs to be updated.
+ *
+ * This function is typically not called directly. Instead, it is invoked through `queueReplaceNodeViews`,
+ * which handles adding node views to the cache and triggering this debounced update.
+ */
+export var debouncedReplaceNodeviews = memoizeDebounce(replaceNodeViews, 0,
+/**
+ * Use the default debounce options:
+ * {leading: false, trailing: true}
+ */
+undefined, function (cache, view) {
+  /**
+   * EditorView is a singleton.
+   * There is only one instance per Editor.
+   */
+  return view;
+});
+
 /**
  * 🧱 Internal: Editor FE Platform
  */

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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.6.0";
+var packageVersion = "87.6.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/shared/code-block.js

@@ -16,12 +16,11 @@ export var CodeBlockSharedCssClassName = {
   DS_CODEBLOCK: '[data-ds--code--code-block]',
   CODEBLOCK_LINE_NUMBER_GUTTER_FG_WRAP: 'line-number-gutter--fg-wrap',
   CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped',
-  CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED: 'code-content__line-number--wrapped'
+  CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED: 'code-content__line-number--wrapped',
+  CODEBLOCK_WRAPPED: 'code-block--wrapped'
 };
-
-// TODO: ED-24222 Remove flex styling and hardcoded word
 export var codeBlockSharedStyles = function codeBlockSharedStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tposition: relative;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", ";\n\t\tmargin: ", " 0 0 0;\n\t\tfont-family: ", ";\n\t\tmin-width: ", "px;\n\t\tcursor: pointer;\n\n\t\t--ds--code--bg-color: transparent;\n\n\t\t/* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n\t\twhite-space: normal;\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\tbottom: 0px;\n\t\t\tright: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tdisplay: flex;\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 100%;\n\t\t\tcounter-reset: line;\n\t\t\toverflow-x: auto;\n\n\t\t\tbackground-image: ", ";\n\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\t\tbackground-size:\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%;\n\t\t\tbackground-position:\n\t\t\t\t0 0,\n\t\t\t\t0 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t0 0,\n\t\t\t\t0 0;\n\n\t\t\t/* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n\t\t\toverflow-y: hidden;\n\t\t}\n\n\t\t.", " {\n\t\t\tflex-shrink: 0;\n\t\t\ttext-align: right;\n\t\t\tbackground-color: ", ";\n\t\t\tpadding: ", ";\n\t\t\tposition: relative;\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tline-height: 0;\n\t\t\t\tfont-size: 0;\n\n\t\t\t\t::before {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tcontent: counter(line);\n\t\t\t\t\tcounter-increment: line;\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tfont-size: ", ";\n\t\t\t\t\tline-height: 1.5rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tpadding: ", ";\n\t\t\tposition: relative;\n\t\t\twidth: 1rem;\n\t\t}\n\n\t\t.", " {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1;\n\n\t\t\tcode {\n\t\t\t\tflex-grow: 1;\n\t\t\t\ttab-size: 4;\n\t\t\t\tcursor: text;\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\tmargin: ", ";\n\t\t\t\twhite-space: pre;\n\t\t\t\tfont-size: ", ";\n\t\t\t\tline-height: 1.5rem;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcode {\n\t\t\t\tcounter-reset: line var(--line-num, 0);\n\t\t\t\tword-break: break-word;\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcounter-increment: line;\n\t\t\tline-height: 1rem;\n\t\t\tpointer-events: none;\n\n\t\t\t::before {\n\t\t\t\ttext-align: right;\n\t\t\t\tmin-width: 1.5rem;\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 1rem;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding-right: ", ";\n\t\t\t\tpadding-left: ", ";\n\t\t\t\tmargin-top: ", ";\n\t\t\t\tmargin-right: ", ";\n\t\t\t\tleft: -0.5rem;\n\t\t\t\tcolor: ", ";\n\t\t\t\tfont-size: ", ";\n\t\t\t\tcontent: counter(line);\n\t\t\t}\n\t\t}\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, transparent)", "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, akEditorCodeFontFamily, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-border-radius, 3px)", overflowShadow({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", "\n\t\t> .", "\n\t\t> .", "\n\t\tcode {\n\t\tword-break: break-word;\n\t\twhite-space: pre-wrap;\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", ";\n\t\tmargin: ", " 0 0 0;\n\t\tfont-family: ", ";\n\t\tmin-width: ", "px;\n\t\tcursor: pointer;\n\n\t\t--ds--code--bg-color: transparent;\n\n\t\t/* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n\t\twhite-space: normal;\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\tbottom: 0px;\n\t\t\tright: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tword-break: break-word;\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tdisplay: flex;\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 100%;\n\t\t\tcounter-reset: line;\n\t\t\toverflow-x: auto;\n\n\t\t\tbackground-image: ", ";\n\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\t\tbackground-size:\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%;\n\t\t\tbackground-position:\n\t\t\t\t0 0,\n\t\t\t\t0 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t0 0,\n\t\t\t\t0 0;\n\n\t\t\t/* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n\t\t\toverflow-y: hidden;\n\t\t}\n\n\t\t.", " {\n\t\t\tflex-shrink: 0;\n\t\t\ttext-align: right;\n\t\t\tbackground-color: ", ";\n\t\t\tpadding: ", ";\n\t\t\tposition: relative;\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tline-height: 0;\n\t\t\t\tfont-size: 0;\n\n\t\t\t\t::before {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tcontent: counter(line);\n\t\t\t\t\tcounter-increment: line;\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tfont-size: ", ";\n\t\t\t\t\tline-height: 1.5rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tpadding: ", ";\n\t\t\tposition: relative;\n\t\t\twidth: 1rem;\n\t\t}\n\n\t\t.", " {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1;\n\n\t\t\tcode {\n\t\t\t\tflex-grow: 1;\n\t\t\t\ttab-size: 4;\n\t\t\t\tcursor: text;\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\tmargin: ", ";\n\t\t\t\twhite-space: pre;\n\t\t\t\tfont-size: ", ";\n\t\t\t\tline-height: 1.5rem;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcode {\n\t\t\t\tcounter-reset: line var(--line-num, 0);\n\t\t\t\tword-break: break-word;\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcounter-increment: line;\n\t\t\tline-height: 1rem;\n\t\t\tpointer-events: none;\n\n\t\t\t::before {\n\t\t\t\ttext-align: right;\n\t\t\t\tmin-width: 1.5rem;\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 1rem;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding-right: ", ";\n\t\t\t\tpadding-left: ", ";\n\t\t\t\tmargin-top: ", ";\n\t\t\t\tmargin-right: ", ";\n\t\t\t\tleft: -0.5rem;\n\t\t\t\tcolor: ", ";\n\t\t\t\tfont-size: ", ";\n\t\t\t\tcontent: counter(line);\n\t\t\t}\n\t\t}\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, transparent)", "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, akEditorCodeFontFamily, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-border-radius, 3px)", overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, ".concat(N30, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, ".concat(N400, ")"), relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER_FG_WRAP, "var(--ds-background-neutral, ".concat(N30, ")"), "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, ".concat(N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED, "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, ".concat(N400, ")"), relativeFontSizeToBase16(fontSize()));
 };

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

@@ -20,7 +20,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "87.6.0";
+var packageVersion = "87.6.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/extensibility/extensionNodeView.d.ts

@@ -17,6 +17,7 @@ export declare class ExtensionNode extends ReactNodeView {
         type: 'selection';
         target: Element;
     }): boolean;
+    stopEvent(event: Event): boolean;
     getContentDOM(): {
         dom: HTMLDivElement;
     } | undefined;

package/dist/types/keymaps/index.d.ts

@@ -97,6 +97,8 @@ export declare const focusToContextMenuTrigger: Keymap;
 export declare const dragToMoveUp: Keymap;
 export declare const dragToMoveDown: Keymap;
 export declare const showElementDragHandle: Keymap;
+export declare const continueInRovoChat: Keymap;
+export declare function formatShortcut(keymap: Keymap): string | undefined;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;