@atlaskit/editor-common 87.0.2 → 87.0.4

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

@@ -0,0 +1,27 @@
+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 class LazyNodeView {
+  constructor(node, view, getPos) {
+    var _node$type, _node$type$spec;
+    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;
+    }
+    const 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');
+    }
+  }
+}

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

@@ -0,0 +1,91 @@
+import debounce from 'lodash/debounce';
+/**
+ * 🧱 Internal: Editor FE Platform
+ */
+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.
+ *
+ * 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.
+ *
+ * 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
+ * loaded node views. The replacement is scheduled using `requestIdleCallback` or
+ * `requestAnimationFrame` to avoid blocking the main thread, especially in Firefox where
+ * `requestIdleCallback` may not be supported.
+ *
+ * @param {WeakMap<EditorView, Record<string, NodeViewConstructor>>} 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.
+ *
+ * @example
+ * const cache = new WeakMap();
+ * const view = new EditorView(...);
+ *
+ * // Assume some node views have been loaded and stored in the cache
+ * cache.set(view, {
+ *   'table': TableViewConstructor,
+ *   'tableCell': TableCellViewConstructor,
+ * });
+ *
+ * debouncedReplaceNodeviews(cache, view);
+ */
+export const debouncedReplaceNodeviews = debounce((cache, view) => {
+  const loadedNodeviews = cache.get(view);
+  if (!loadedNodeviews || Object.keys(loadedNodeviews).length === 0) {
+    return;
+  }
+  const nodeViewsToReplace = {
+    ...loadedNodeviews
+  };
+
+  // Make sure the cache is cleaned
+  // 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
+   */
+  const later = isFirefox || typeof idle !== 'function' ? window.requestAnimationFrame : idle;
+  later(() => {
+    const currentNodeViews = view.props.nodeViews;
+    const nextNodeViews = {
+      ...currentNodeViews,
+      ...nodeViewsToReplace
+    };
+    view.setProps({
+      nodeViews: nextNodeViews
+    });
+  });
+});
+
+/**
+ * 🧱 Internal: Editor FE Platform
+ */
+const loadedPerEditorView = new WeakMap();
+
+/**
+ * 🧱 Internal: Editor FE Platform
+ */
+export const queueReplaceNodeViews = (view, {
+  nodeName,
+  nodeViewFunc
+}) => {
+  const nodeViews = loadedPerEditorView.get(view) || {};
+  nodeViews[nodeName] = nodeViewFunc;
+  loadedPerEditorView.set(view, nodeViews);
+  debouncedReplaceNodeviews(loadedPerEditorView, view);
+};

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

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

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.0.2";
+const packageVersion = "87.0.4";
 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

@@ -11,7 +11,8 @@ export const CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTENT_WRAPPER: 'code-block-content-wrapper',
   CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
   CODEBLOCK_CONTENT: 'code-content',
-  DS_CODEBLOCK: '[data-ds--code--code-block]'
+  DS_CODEBLOCK: '[data-ds--code--code-block]',
+  CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped'
 };
 export const codeBlockSharedStyles = () => css`
 	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
@@ -120,6 +121,13 @@ export const codeBlockSharedStyles = () => css`
 				line-height: 1.5rem;
 			}
 		}
+
+		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED} {
+			code {
+				word-break: break-word;
+				white-space: pre-wrap;
+			}
+		}
 	}
 `;
 

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

package/dist/esm/code-block/index.js

@@ -0,0 +1,25 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+export var defaultWordWrapState = false;
+export var codeBlockWrappedStates = new WeakMap();
+export var isCodeBlockWordWrapEnabled = function isCodeBlockWordWrapEnabled(codeBlockNode) {
+  if (!fg('editor_support_code_block_wrapping')) {
+    return false;
+  }
+  var currentNodeWordWrapState = codeBlockWrappedStates.get(codeBlockNode);
+  return currentNodeWordWrapState !== undefined ? currentNodeWordWrapState : defaultWordWrapState;
+};
+
+/**
+ * As the code block node is used as the key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
+ * In these instances, we must get the value from that old node and set it to the value of the new node.
+ */
+export var transferCodeBlockWrappedValue = function transferCodeBlockWrappedValue(oldCodeBlockNode, newCodeBlockNode) {
+  if (!fg('editor_support_code_block_wrapping')) {
+    return;
+  }
+  var previousValue = codeBlockWrappedStates.get(oldCodeBlockNode);
+  if (previousValue !== undefined) {
+    codeBlockWrappedStates.set(newCodeBlockNode, previousValue);
+    codeBlockWrappedStates.delete(oldCodeBlockNode);
+  }
+};

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

@@ -1,10 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-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 { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { LazyNodeView } from './node-view';
+import { queueReplaceNodeViews } from './replace-node-views';
 
 /**
  * 📢 Public Type
@@ -18,118 +13,12 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
  * @see {withLazyLoading}
  */
 
-/**
- * 🧱 Internal: Editor FE Platform
- */
-
-/**
- * 🧱 Internal: Editor FE Platform
- */
-
-/**
- * 🧱 Internal: Editor FE Platform
- */
-
-/**
- * 🧱 Internal: Editor FE Platform
- *
- * A cache to store loaded React NodeViews for each EditorView.
- *
- * This cache will help us to avoid any race condition
- * when multiple Editors exist in the same page.
- *
- * @type {CacheType}
- */
-var cachePerEditorView = new WeakMap();
-
-/**
- * 🧱 Internal: Editor FE Platform
- */
-var isFirefox = /gecko\/\d/i.test(navigator.userAgent);
-
 /**
  * 🧱 Internal: Editor FE Platform
  *
- * A NodeView that serves as a placeholder until the actual NodeView is loaded.
+ * Controls which node was scheduled to load the original node view code
  */
-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');
-  }
-});
-/**
- * 🧱 Internal: Editor FE Platform
- *
- * Debounces and 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.
- *
- * 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
- * loaded node views. The replacement is scheduled using `requestIdleCallback` or
- * `requestAnimationFrame` to avoid blocking the main thread, especially in Firefox where
- * `requestIdleCallback` may not be supported.
- *
- * @param {WeakMap<EditorView, Record<string, NodeViewConstructor>>} 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.
- *
- * @example
- * const cache = new WeakMap();
- * const view = new EditorView(...);
- *
- * // Assume some node views have been loaded and stored in the cache
- * cache.set(view, {
- *   'table': TableViewConstructor,
- *   'tableCell': TableCellViewConstructor,
- * });
- *
- * debouncedReplaceNodeviews(cache, view);
- */
-export var debouncedReplaceNodeviews = debounce(function (cache, view) {
-  var loadedNodeviews = cache.get(view);
-  if (!loadedNodeviews) {
-    return;
-  }
-  cache.delete(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
-   */
-  var later = isFirefox || typeof idle !== 'function' ? window.requestAnimationFrame : idle;
-  later(function () {
-    var currentNodeViews = view.props.nodeViews;
-    var nextNodeViews = _objectSpread(_objectSpread({}, currentNodeViews), loadedNodeviews);
-    view.setProps({
-      nodeViews: nextNodeViews
-    });
-  });
-});
+var requestedNodesPerEditorView = new WeakMap();
 
 /**
  * 📢 Public: Any EditorPlugin can use this function
@@ -177,23 +66,26 @@ export var withLazyLoading = function withLazyLoading(_ref) {
     getNodeViewOptions = _ref.getNodeViewOptions,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
   var createLazyNodeView = function createLazyNodeView(node, view, getPos, decorations) {
-    var _node$type2;
-    var cachedMap = cachePerEditorView.get(view);
-    if (!cachedMap) {
-      cachedMap = {};
-      cachePerEditorView.set(view, cachedMap);
+    var _node$type;
+    var requestedNodes = requestedNodesPerEditorView.get(view);
+    if (!requestedNodes) {
+      requestedNodes = new Set(), requestedNodesPerEditorView.set(view, requestedNodes);
     }
-    var wasAlreadyRequested = cachedMap.hasOwnProperty(nodeName);
+    var wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
       return new LazyNodeView(node, view, getPos);
     }
+    requestedNodes.add(nodeName);
     loader().then(function (nodeViewFuncModule) {
-      cachedMap[nodeName] = function (node, view, getPos, decorations) {
+      var nodeViewFunc = function nodeViewFunc(node, view, getPos, decorations) {
         return nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
       };
-      debouncedReplaceNodeviews(cachePerEditorView, view);
+      queueReplaceNodeViews(view, {
+        nodeName: nodeName,
+        nodeViewFunc: nodeViewFunc
+      });
     });
-    if (typeof ((_node$type2 = node.type) === null || _node$type2 === void 0 || (_node$type2 = _node$type2.spec) === null || _node$type2 === void 0 ? void 0 : _node$type2.toDOM) !== 'function') {
+    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') {
       // TODO: Analytics ED-23982
       // dispatchAnalyticsEvent({
       //   action: ACTION.LAZY_NODE_VIEW_ERROR,

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

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+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');
+  }
+});

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

@@ -0,0 +1,88 @@
+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';
+/**
+ * 🧱 Internal: Editor FE Platform
+ */
+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.
+ *
+ * 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.
+ *
+ * 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
+ * loaded node views. The replacement is scheduled using `requestIdleCallback` or
+ * `requestAnimationFrame` to avoid blocking the main thread, especially in Firefox where
+ * `requestIdleCallback` may not be supported.
+ *
+ * @param {WeakMap<EditorView, Record<string, NodeViewConstructor>>} 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.
+ *
+ * @example
+ * const cache = new WeakMap();
+ * const view = new EditorView(...);
+ *
+ * // Assume some node views have been loaded and stored in the cache
+ * cache.set(view, {
+ *   'table': TableViewConstructor,
+ *   'tableCell': TableCellViewConstructor,
+ * });
+ *
+ * debouncedReplaceNodeviews(cache, view);
+ */
+export var debouncedReplaceNodeviews = debounce(function (cache, view) {
+  var loadedNodeviews = cache.get(view);
+  if (!loadedNodeviews || Object.keys(loadedNodeviews).length === 0) {
+    return;
+  }
+  var nodeViewsToReplace = _objectSpread({}, loadedNodeviews);
+
+  // Make sure the cache is cleaned
+  // 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
+   */
+  var later = isFirefox || typeof idle !== 'function' ? window.requestAnimationFrame : idle;
+  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
+ */
+export var queueReplaceNodeViews = function queueReplaceNodeViews(view, _ref) {
+  var nodeName = _ref.nodeName,
+    nodeViewFunc = _ref.nodeViewFunc;
+  var nodeViews = loadedPerEditorView.get(view) || {};
+  nodeViews[nodeName] = nodeViewFunc;
+  loadedPerEditorView.set(view, nodeViews);
+  debouncedReplaceNodeviews(loadedPerEditorView, view);
+};

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

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

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.0.2";
+var packageVersion = "87.0.4";
 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

@@ -13,12 +13,13 @@ export var CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTENT_WRAPPER: 'code-block-content-wrapper',
   CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
   CODEBLOCK_CONTENT: 'code-content',
-  DS_CODEBLOCK: '[data-ds--code--code-block]'
+  DS_CODEBLOCK: '[data-ds--code--code-block]',
+  CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped'
 };
 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\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\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\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\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\tword-break: break-word;\n\t\t\t\twhite-space: pre-wrap;\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({
     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_CONTENT, "var(--ds-text, ".concat(N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", relativeFontSizeToBase16(fontSize()));
+  }), "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_CONTENT, "var(--ds-text, ".concat(N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED);
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

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

package/dist/types/code-block/index.d.ts

@@ -0,0 +1,9 @@
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+export declare const defaultWordWrapState = false;
+export declare const codeBlockWrappedStates: WeakMap<PmNode, boolean | undefined>;
+export declare const isCodeBlockWordWrapEnabled: (codeBlockNode: PmNode) => boolean;
+/**
+ * As the code block node is used as the key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
+ * In these instances, we must get the value from that old node and set it to the value of the new node.
+ */
+export declare const transferCodeBlockWrappedValue: (oldCodeBlockNode: PmNode, newCodeBlockNode: PmNode) => void;

package/dist/types/lazy-node-view/index.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="lodash" />
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { DispatchAnalyticsEvent } from '../analytics';
+import type { NodeViewConstructor } from './types';
+export type { NodeViewConstructor };
 /**
  * 📢 Public Type
  *
@@ -19,52 +20,6 @@ export type LazyLoadingProps<NodeViewOptions> = {
     getNodeViewOptions: () => NodeViewOptions;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
 };
-/**
- * 🧱 Internal: Editor FE Platform
- */
-export type NodeViewConstructor = (node: PMNode, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView;
-/**
- * 🧱 Internal: Editor FE Platform
- */
-type LoadedReactNodeViews = Record<string, NodeViewConstructor>;
-/**
- * 🧱 Internal: Editor FE Platform
- */
-type CacheType = WeakMap<EditorView, LoadedReactNodeViews>;
-/**
- * 🧱 Internal: Editor FE Platform
- *
- * Debounces and 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.
- *
- * 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
- * loaded node views. The replacement is scheduled using `requestIdleCallback` or
- * `requestAnimationFrame` to avoid blocking the main thread, especially in Firefox where
- * `requestIdleCallback` may not be supported.
- *
- * @param {WeakMap<EditorView, Record<string, NodeViewConstructor>>} 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.
- *
- * @example
- * const cache = new WeakMap();
- * const view = new EditorView(...);
- *
- * // Assume some node views have been loaded and stored in the cache
- * cache.set(view, {
- *   'table': TableViewConstructor,
- *   'tableCell': TableCellViewConstructor,
- * });
- *
- * debouncedReplaceNodeviews(cache, view);
- */
-export declare const debouncedReplaceNodeviews: import("lodash").DebouncedFunc<(cache: CacheType, view: EditorView) => void>;
 /**
  * 📢 Public: Any EditorPlugin can use this function
  *
@@ -106,4 +61,3 @@ export declare const debouncedReplaceNodeviews: import("lodash").DebouncedFunc<(
  * // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
  */
 export declare const withLazyLoading: <Options>({ nodeName, loader, getNodeViewOptions, dispatchAnalyticsEvent, }: LazyLoadingProps<Options>) => NodeViewConstructor;
-export {};

package/dist/types/lazy-node-view/node-view.d.ts

@@ -0,0 +1,12 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * A NodeView that serves as a placeholder until the actual NodeView is loaded.
+ */
+export declare class LazyNodeView implements NodeView {
+    dom: Node;
+    contentDOM?: HTMLElement;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined);
+}