@atlaskit/editor-common 87.6.0 → 87.6.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-common
 
+## 87.6.2
+
+### Patch Changes
+
+- [#128785](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128785)
+  [`175fd06e412c2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/175fd06e412c2) -
+  [ux] Increase bodied macro padding to account for new editor resize controller future feature
+- [#128413](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128413)
+  [`2df8a92126a8d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2df8a92126a8d) -
+  [ux] We are testing input behavior change inside of an extension body. Now when attempting to
+  register inputs, like typing, from an element inside an extension body, it should not accidently
+  instead register in the editor body. If this fix is successful it will be available in a later
+  release.
+
+## 87.6.1
+
+### Patch Changes
+
+- [#128180](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128180)
+  [`51b4ef21250bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/51b4ef21250bf) -
+  [ux] [EDF-1228](https://product-fabric.atlassian.net/browse/EDF-1228) - add shortcut to the
+  `Continue in Chat` button in the Rovo Agent modal
+- [#128458](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128458)
+  [`26e17a7d801e4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/26e17a7d801e4) -
+  ED-24514 Added ignoreMutationDelegate to lazyNodeView
+- [#128180](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128180)
+  [`d6c81622b7636`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d6c81622b7636) -
+  [ED-24553] Fix Lazy NodeView race conditions when multiple Editors are running at the same time
+- [#127940](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127940)
+  [`7f340ec35b8a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7f340ec35b8a4) -
+  [ux] ED-24320 Hook up decorators for toggled on and toggled off wrapping states in floating
+  toolbar
+- Updated dependencies
+
 ## 87.6.0
 
 ### Minor Changes

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

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

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

@@ -74,6 +74,10 @@ var contentWrapper = exports.contentWrapper = (0, _react.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/cjs/extensibility/MultiBodiedExtension/styles.js

@@ -44,7 +44,7 @@ var mbeExtensionWrapperCSSStyles = exports.mbeExtensionWrapperCSSStyles = (0, _r
   },
   // 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/cjs/extensibility/extensionNodeView.js

@@ -12,6 +12,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactNodeView = _interopRequireDefault(require("../react-node-view"));
 var _Extension = require("./Extension");
 var _ExtensionNodeWrapper = require("./ExtensionNodeWrapper");
@@ -38,6 +39,18 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
       // 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 && (0, _platformFeatureFlags.fg)('cc_page_experiences_live_search_wysiwyg');
+    }
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {

package/dist/cjs/keymaps/index.js

@@ -82,12 +82,14 @@ exports.backspace = exports.altPaste = exports.alignRight = exports.alignLeft =
 exports.bindKeymapArrayWithCommand = bindKeymapArrayWithCommand;
 exports.bindKeymapWithCommand = bindKeymapWithCommand;
 exports.bindKeymapWithEditorCommand = bindKeymapWithEditorCommand;
-exports.find = exports.escape = exports.enter = exports.dragToMoveUp = exports.dragToMoveDown = exports.deleteRow = exports.deleteKey = exports.deleteColumn = exports.decreaseMediaSize = exports.cut = exports.ctrlBackSpace = exports.copy = exports.clearFormatting = void 0;
+exports.find = exports.escape = exports.enter = exports.dragToMoveUp = exports.dragToMoveDown = exports.deleteRow = exports.deleteKey = exports.deleteColumn = exports.decreaseMediaSize = exports.cut = exports.ctrlBackSpace = exports.copy = exports.continueInRovoChat = exports.clearFormatting = void 0;
 exports.findKeyMapForBrowser = findKeyMapForBrowser;
 exports.findKeymapByDescription = findKeymapByDescription;
 exports.findShortcutByDescription = findShortcutByDescription;
 exports.findShortcutByKeymap = findShortcutByKeymap;
-exports.forwardDelete = exports.focusToContextMenuTrigger = exports.focusTableResizer = void 0;
+exports.focusToContextMenuTrigger = exports.focusTableResizer = void 0;
+exports.formatShortcut = formatShortcut;
+exports.forwardDelete = void 0;
 exports.getAriaKeyshortcuts = getAriaKeyshortcuts;
 exports.insertRule = exports.insertNewLine = exports.indentList = exports.indent = exports.increaseMediaSize = void 0;
 exports.isCapsLockOnAndModifyKeyboardEvent = isCapsLockOnAndModifyKeyboardEvent;
@@ -100,8 +102,8 @@ Object.defineProperty(exports, "keymap", {
 exports.makeKeyMapArrayWithCommon = makeKeyMapArrayWithCommon;
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
-exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
-exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = exports.toggleBulletList = void 0;
+exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
+exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -214,6 +216,7 @@ var focusToContextMenuTrigger = exports.focusToContextMenuTrigger = makeKeyMapWi
 var dragToMoveUp = exports.dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Shift-ArrowUp');
 var dragToMoveDown = exports.dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Shift-ArrowDown');
 var showElementDragHandle = exports.showElementDragHandle = makeKeyMapWithCommon('Show drag handle for editor element', 'Ctrl-Shift-h');
+var continueInRovoChat = exports.continueInRovoChat = makeKeyMapWithCommon('Continue in Rovo chat', 'Alt-Enter');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",

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

@@ -76,7 +76,10 @@ var withLazyLoading = exports.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);
@@ -85,7 +88,9 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
     }
     var wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
-      return new _nodeView.LazyNodeView(node, view, getPos);
+      return new _nodeView.LazyNodeView(node, view, getPos, {
+        ignoreMutationDelegate: ignoreMutationDelegate
+      });
     }
     requestedNodes.add(nodeName);
     loader().then(function (nodeViewFuncModule) {
@@ -109,7 +114,9 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
       //   },
       // });
     }
-    return new _nodeView.LazyNodeView(node, view, getPos);
+    return new _nodeView.LazyNodeView(node, view, getPos, {
+      ignoreMutationDelegate: ignoreMutationDelegate
+    });
   };
   return createLazyNodeView;
 };

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

@@ -5,31 +5,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LazyNodeView = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 /**
  * 🧱 Internal: Editor FE Platform
  *
  * A NodeView that serves as a placeholder until the actual NodeView is loaded.
  */
-var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/(0, _createClass2.default)(function LazyNodeView(node, view, getPos) {
-  var _node$type;
-  (0, _classCallCheck2.default)(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 = _model.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');
+var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
+  function LazyNodeView(node, view, getPos) {
+    var _node$type;
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    (0, _classCallCheck2.default)(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 = _model.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');
+    }
   }
-});
+  (0, _createClass2.default)(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/cjs/lazy-node-view/replace-node-views.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.queueReplaceNodeViews = exports.debouncedReplaceNodeviews = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _memoize = _interopRequireDefault(require("lodash/memoize"));
 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) { (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; }
 /**
@@ -17,11 +18,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
@@ -45,9 +45,9 @@ var isFirefox = /gecko\/\d/i.test(navigator.userAgent);
  *   'tableCell': TableCellViewConstructor,
  * });
  *
- * debouncedReplaceNodeviews(cache, view);
+ * replaceNodeViews(cache, view);
  */
-var debouncedReplaceNodeviews = exports.debouncedReplaceNodeviews = (0, _debounce.default)(function (cache, view) {
+var replaceNodeViews = function replaceNodeViews(cache, view) {
   var loadedNodeviews = cache.get(view);
   if (!loadedNodeviews || Object.keys(loadedNodeviews).length === 0) {
     return;
@@ -57,40 +57,109 @@ var debouncedReplaceNodeviews = exports.debouncedReplaceNodeviews = (0, _debounc
   // 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 = (0, _memoize.default)(function () {
+    return (0, _debounce.default)(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.
+ */
+var debouncedReplaceNodeviews = exports.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/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.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/cjs/styles/shared/code-block.js

@@ -23,12 +23,11 @@ var CodeBlockSharedCssClassName = exports.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
 var codeBlockSharedStyles = exports.codeBlockSharedStyles = function codeBlockSharedStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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)", _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-border-radius, 3px)", (0, _editorSharedStyles.overflowShadow)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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)", _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-border-radius, 3px)", (0, _editorSharedStyles.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(_colors.N30, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, ".concat(_colors.N400, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER_FG_WRAP, "var(--ds-background-neutral, ".concat(_colors.N30, ")"), "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.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(_colors.N400, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()));
 };

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.6.0";
+var packageVersion = "87.6.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

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

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

@@ -67,6 +67,10 @@ export const 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)"} ${"var(--ds-space-250, 20px)"}` // account for upcoming editor elements drag & drop feature
   }
 });
 

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

@@ -38,7 +38,7 @@ export const 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)"} ${"var(--ds-space-250, 20px)"}`,
     background: 'transparent'
   }
 });

package/dist/es2019/extensibility/extensionNodeView.js

@@ -1,4 +1,5 @@
 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';
@@ -15,6 +16,16 @@ export class ExtensionNode extends 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.
+  stopEvent(event) {
+    return event.target instanceof HTMLInputElement && fg('cc_page_experiences_live_search_wysiwyg');
+  }
   getContentDOM() {
     if (this.node.isInline) {
       return;

package/dist/es2019/keymaps/index.js

@@ -102,6 +102,7 @@ export const focusToContextMenuTrigger = makeKeyMapWithCommon('Focus table conte
 export const dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Shift-ArrowUp');
 export const dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Shift-ArrowDown');
 export const showElementDragHandle = makeKeyMapWithCommon('Show drag handle for editor element', 'Ctrl-Shift-h');
+export const continueInRovoChat = makeKeyMapWithCommon('Continue in Rovo chat', 'Alt-Enter');
 const arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: '\u2190',
@@ -116,7 +117,7 @@ const 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) {
   let shortcut;
   if (browser.mac) {
     // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys

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

@@ -65,7 +65,10 @@ export const withLazyLoading = ({
   nodeName,
   loader,
   getNodeViewOptions,
-  dispatchAnalyticsEvent
+  dispatchAnalyticsEvent,
+  lazyNodeViewOptions: {
+    ignoreMutationDelegate
+  } = {}
 }) => {
   const createLazyNodeView = (node, view, getPos, decorations) => {
     var _node$type, _node$type$spec;
@@ -75,7 +78,9 @@ export const withLazyLoading = ({
     }
     const wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
-      return new LazyNodeView(node, view, getPos);
+      return new LazyNodeView(node, view, getPos, {
+        ignoreMutationDelegate
+      });
     }
     requestedNodes.add(nodeName);
     loader().then(nodeViewFuncModule => {
@@ -99,7 +104,9 @@ export const withLazyLoading = ({
       //   },
       // });
     }
-    return new LazyNodeView(node, view, getPos);
+    return new LazyNodeView(node, view, getPos, {
+      ignoreMutationDelegate
+    });
   };
   return createLazyNodeView;
 };

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

@@ -5,8 +5,9 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
  * A NodeView that serves as a placeholder until the actual NodeView is loaded.
  */
 export class LazyNodeView {
-  constructor(node, view, getPos) {
+  constructor(node, view, getPos, options = {}) {
     var _node$type, _node$type$spec;
+    this.ignoreMutationDelegate = options === null || options === void 0 ? void 0 : options.ignoreMutationDelegate;
     if (typeof ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : (_node$type$spec = _node$type.spec) === null || _node$type$spec === void 0 ? void 0 : _node$type$spec.toDOM) !== 'function') {
       this.dom = document.createElement('div');
       return;
@@ -24,4 +25,8 @@ export class LazyNodeView {
       this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
     }
   }
+  ignoreMutation(mutation) {
+    var _this$ignoreMutationD;
+    return !!((_this$ignoreMutationD = this.ignoreMutationDelegate) !== null && _this$ignoreMutationD !== void 0 && _this$ignoreMutationD.call(this, mutation));
+  }
 }