@atlaskit/editor-plugin-show-diff 10.1.9 → 10.1.11

package/dist/esm/pm-plugins/decorations/createGranularBlockReferenceWidget.js

@@ -0,0 +1,120 @@
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { createLeftAnchorWidget } from './createAnchorDecorationWidgets';
+import { buildDiffDecorationSpec, buildAnchorDecorationKey } from './decorationKeys';
+import { wrapBlockNodeView, injectInnerWrapper } from './utils/wrapBlockNodeView';
+
+/**
+ * Creates a single block widget that renders a reference text block content
+ * beneath a granular diff set, for reference when deleted content is hidden.
+ *
+ * Since granular diffing only applies to singular isTextBlock=true nodes, this
+ * widget always renders exactly one block node and does not need the slice/fragment
+ * complexity of createNodeChangedDecorationWidget.
+ *
+ * Resolves which doc and positions to render based on isInverted:
+ * - !isInverted: renders originalDoc at A-side positions (what was there before)
+ * - isInverted: renders newDoc at B-side positions (the current/new content)
+ *
+ * The widget is always inserted at the B-side block boundary in newDoc since
+ * ProseMirror decorations are always anchored against the live (new) document.
+ */
+export var createGranularBlockReferenceWidget = function createGranularBlockReferenceWidget(_ref) {
+  var change = _ref.change,
+    originalDoc = _ref.originalDoc,
+    newDoc = _ref.newDoc,
+    isInverted = _ref.isInverted,
+    nodeViewSerializer = _ref.nodeViewSerializer,
+    colorScheme = _ref.colorScheme,
+    intl = _ref.intl,
+    activeIndexPos = _ref.activeIndexPos,
+    diffId = _ref.diffId,
+    _ref$showIndicators = _ref.showIndicators,
+    showIndicators = _ref$showIndicators === void 0 ? false : _ref$showIndicators;
+  // Determine which doc and positions to use for rendering the reference block.
+  var renderDoc = isInverted ? newDoc : originalDoc;
+  var renderTo = isInverted ? change.toB : change.toA;
+
+  // The insertion point is always in newDoc — ProseMirror decorates against the live document.
+  // Walk up from toB to find the enclosing text block boundary for widget placement.
+  var insertResolvedPos = newDoc.resolve(change.toB);
+  var blockEnd = change.toB;
+  for (var depth = insertResolvedPos.depth; depth >= 0; depth--) {
+    var node = insertResolvedPos.node(depth);
+    if (node.isTextblock) {
+      blockEnd = insertResolvedPos.start(depth) + node.nodeSize - 1;
+      break;
+    }
+  }
+
+  // Find the block node to render from the render doc at the render positions.
+  var renderResolvedPos = renderDoc.resolve(renderTo);
+  var renderBlockNode = null;
+  for (var _depth = renderResolvedPos.depth; _depth >= 0; _depth--) {
+    var _node = renderResolvedPos.node(_depth);
+    if (_node.isTextblock) {
+      renderBlockNode = _node;
+      break;
+    }
+  }
+  if (!renderBlockNode) {
+    return [];
+  }
+  var isActive = activeIndexPos && change.fromB === activeIndexPos.from && change.toB === activeIndexPos.to;
+
+  /**
+   * This will always be a block node as it's a textBlock-like node.
+   * We use div instead of span so we can add margins.
+   */
+  var dom = document.createElement('div');
+  dom.setAttribute('data-testid', 'show-diff-granular-block-reference');
+  dom.style.setProperty('margin-top', "var(--ds-space-200, 16px)");
+  var nodeView = nodeViewSerializer.tryCreateNodeView(renderBlockNode);
+  if (nodeView) {
+    wrapBlockNodeView({
+      dom: dom,
+      nodeView: nodeView,
+      targetNode: renderBlockNode,
+      colorScheme: colorScheme,
+      intl: intl,
+      isActive: !!isActive,
+      isInserted: false
+    });
+  } else {
+    var serialized = nodeViewSerializer.serializeNode(renderBlockNode);
+    if (serialized && serialized instanceof HTMLElement) {
+      injectInnerWrapper({
+        node: serialized,
+        colorScheme: colorScheme,
+        isActive: !!isActive,
+        isInserted: false
+      });
+      dom.append(serialized);
+    } else if (serialized) {
+      dom.append(serialized);
+    }
+  }
+  if (dom.childNodes.length === 0) {
+    return [];
+  }
+  var decorations = [];
+  if (showIndicators) {
+    var leftAnchor = createLeftAnchorWidget({
+      doc: newDoc,
+      from: blockEnd,
+      diffId: diffId
+    });
+    dom.style.setProperty('anchor-name', "--".concat(buildAnchorDecorationKey({
+      diffId: diffId
+    })));
+    if (leftAnchor) {
+      decorations.push(leftAnchor);
+    }
+  }
+  decorations.push(Decoration.widget(blockEnd, dom, buildDiffDecorationSpec({
+    decorationType: 'widget',
+    diffId: diffId,
+    // We want it to be as close to the granular diff as possible
+    side: -999
+  })));
+  return decorations;
+};

package/dist/esm/pm-plugins/decorations/createNodeChangedDecorationWidget.js

@@ -1,116 +1,31 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editingStyle, editingStyleExtended, editingStyleActive, editingStyleActiveExtended, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentStyleExtended } from './colorSchemes/standard';
-import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive } from './colorSchemes/traditional';
 import { createLeftAnchorWidget } from './createAnchorDecorationWidgets';
 import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
 import { buildDiffDecorationSpec, buildAnchorDecorationKey } from './decorationKeys';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
-import { wrapBlockNodeView } from './utils/wrapBlockNodeView';
-var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (colorScheme === 'traditional' && isActive) {
-    return deletedTraditionalContentStyleUnboundedActive;
-  }
-  return colorScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
-};
-var getInsertedContentStyle = function getInsertedContentStyle(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (colorScheme === 'traditional') {
-    if (isActive) {
-      return traditionalInsertStyleActive;
-    }
-    return traditionalInsertStyle;
-  }
-  if (isActive) {
-    return expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? editingStyleActiveExtended : editingStyleActive;
-  }
-  return expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? editingStyleExtended : editingStyle;
-};
-var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (colorScheme === 'traditional') {
-    return getDeletedTraditionalInlineStyle(isActive);
-  }
-  // Merge into existing styles when cleaning up
-  if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
-    if (isActive) {
-      return deletedContentStyleActive + deletedInlineContentStyleExtended;
-    }
-    return deletedContentStyleNew + deletedInlineContentStyleExtended;
-  }
-  if (isActive) {
-    return deletedContentStyleActive;
-  }
-  return expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? deletedContentStyleNew : deletedContentStyle;
-};
-
-/**
- * CSS backgrounds don't work when applied to a wrapper around a paragraph, so
- * the wrapper needs to be injected inside the node around the child content
- */
-var injectInnerWrapper = function injectInnerWrapper(_ref) {
-  var node = _ref.node,
-    colorScheme = _ref.colorScheme,
-    isActive = _ref.isActive,
-    isInserted = _ref.isInserted;
-  var wrapper = document.createElement('span');
-  wrapper.setAttribute('style', isInserted ? getInsertedContentStyle(colorScheme, isActive) : getDeletedContentStyle(colorScheme, isActive));
-  _toConsumableArray(node.childNodes).forEach(function (child) {
-    var removedChild = node.removeChild(child);
-    wrapper.append(removedChild);
-  });
-  node.appendChild(wrapper);
-  return node;
-};
-var createContentWrapper = function createContentWrapper(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var wrapper = document.createElement('span');
-  var baseStyle = convertToInlineCss({
-    position: 'relative',
-    width: 'fit-content'
-  });
-  if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
-    if (isInserted) {
-      wrapper.setAttribute('style', "".concat(baseStyle).concat(getInsertedContentStyle(colorScheme, isActive)));
-    } else {
-      wrapper.setAttribute('style', "".concat(baseStyle).concat(getDeletedContentStyle(colorScheme, isActive)));
-      var strikethrough = document.createElement('span');
-      strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
-      wrapper.append(strikethrough);
-    }
-  } else {
-    wrapper.setAttribute('style', "".concat(baseStyle).concat(getDeletedContentStyle(colorScheme, isActive)));
-    var _strikethrough = document.createElement('span');
-    _strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
-    wrapper.append(_strikethrough);
-  }
-  return wrapper;
-};
+import { wrapBlockNodeView, injectInnerWrapper, createContentWrapper } from './utils/wrapBlockNodeView';
 
 /**
  * This function is used to create a decoration widget to show content
  * that is not in the current document.
  */
-export var createNodeChangedDecorationWidget = function createNodeChangedDecorationWidget(_ref2) {
+export var createNodeChangedDecorationWidget = function createNodeChangedDecorationWidget(_ref) {
   var _slice$content, _slice$content2, _slice$content3, _slice$content$firstC;
-  var change = _ref2.change,
-    doc = _ref2.doc,
-    nodeViewSerializer = _ref2.nodeViewSerializer,
-    colorScheme = _ref2.colorScheme,
-    newDoc = _ref2.newDoc,
-    intl = _ref2.intl,
-    activeIndexPos = _ref2.activeIndexPos,
-    _ref2$isInserted = _ref2.isInserted,
-    isInserted = _ref2$isInserted === void 0 ? false : _ref2$isInserted,
-    _ref2$showIndicators = _ref2.showIndicators,
-    showIndicators = _ref2$showIndicators === void 0 ? false : _ref2$showIndicators;
+  var change = _ref.change,
+    doc = _ref.doc,
+    nodeViewSerializer = _ref.nodeViewSerializer,
+    colorScheme = _ref.colorScheme,
+    newDoc = _ref.newDoc,
+    intl = _ref.intl,
+    activeIndexPos = _ref.activeIndexPos,
+    _ref$isInserted = _ref.isInserted,
+    isInserted = _ref$isInserted === void 0 ? false : _ref$isInserted,
+    _ref$showIndicators = _ref.showIndicators,
+    showIndicators = _ref$showIndicators === void 0 ? false : _ref$showIndicators;
   var slice = doc.slice(change.fromA, change.toA);
   var shouldSkipDeletedEmptyParagraphDecoration = !isInserted && (slice === null || slice === void 0 || (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.childCount) === 1 && (slice === null || slice === void 0 || (_slice$content2 = slice.content) === null || _slice$content2 === void 0 || (_slice$content2 = _slice$content2.firstChild) === null || _slice$content2 === void 0 ? void 0 : _slice$content2.type.name) === 'paragraph' && (slice === null || slice === void 0 || (_slice$content3 = slice.content) === null || _slice$content3 === void 0 || (_slice$content3 = _slice$content3.firstChild) === null || _slice$content3 === void 0 ? void 0 : _slice$content3.content.size) === 0;
   // Widget decoration used for deletions as the content is not in the document

package/dist/esm/pm-plugins/decorations/utils/wrapBlockNodeView.js

@@ -1,9 +1,10 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { trackChangesMessages } from '@atlaskit/editor-common/messages';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingStyleExtended, editingStyleActiveExtended, editingStyleNode, addedCellOverlayStyle, deletedCellOverlayStyle } from '../colorSchemes/standard';
-import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle } from '../colorSchemes/traditional';
+import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingStyleExtended, editingStyleActiveExtended, editingStyleNode, addedCellOverlayStyle, deletedCellOverlayStyle } from '../colorSchemes/standard';
+import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle } from '../colorSchemes/traditional';
 var lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
   boxSizing: 'border-box',
@@ -545,4 +546,80 @@ export var wrapBlockNodeView = function wrapBlockNodeView(_ref0) {
       });
     }
   }
+};
+var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (colorScheme === 'traditional' && isActive) {
+    return deletedTraditionalContentStyleUnboundedActive;
+  }
+  return colorScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
+};
+var getInsertedContentStyle = function getInsertedContentStyle(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (colorScheme === 'traditional') {
+    return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
+  }
+  if (isActive) {
+    return editingStyleActiveExtended;
+  }
+  return editingStyleExtended;
+};
+var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (colorScheme === 'traditional') {
+    return getDeletedTraditionalInlineStyle(isActive);
+  }
+  if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
+    return (isActive ? deletedContentStyleActive : deletedContentStyleNew) + deletedInlineContentStyleExtended;
+  }
+  return isActive ? deletedContentStyleActive : deletedContentStyleNew;
+};
+
+/**
+ * Injects a styled inner wrapper span around the children of a block node element.
+ * CSS backgrounds don't work when applied to a wrapper around a paragraph, so
+ * the wrapper needs to be injected inside the node around the child content.
+ */
+export var injectInnerWrapper = function injectInnerWrapper(_ref1) {
+  var node = _ref1.node,
+    colorScheme = _ref1.colorScheme,
+    isActive = _ref1.isActive,
+    isInserted = _ref1.isInserted;
+  var wrapper = document.createElement('span');
+  wrapper.setAttribute('style', isInserted ? getInsertedContentStyle(colorScheme, isActive) : getDeletedContentStyle(colorScheme, isActive));
+  _toConsumableArray(node.childNodes).forEach(function (child) {
+    var removedChild = node.removeChild(child);
+    wrapper.append(removedChild);
+  });
+  node.appendChild(wrapper);
+  return node;
+};
+
+/**
+ * Creates a styled span wrapper for inline content within a change decoration.
+ */
+export var createContentWrapper = function createContentWrapper(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var wrapper = document.createElement('span');
+  var baseStyle = convertToInlineCss({
+    position: 'relative',
+    width: 'fit-content'
+  });
+  if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
+    if (isInserted) {
+      wrapper.setAttribute('style', "".concat(baseStyle).concat(getInsertedContentStyle(colorScheme, isActive)));
+    } else {
+      wrapper.setAttribute('style', "".concat(baseStyle).concat(getDeletedContentStyle(colorScheme, isActive)));
+      var strikethrough = document.createElement('span');
+      strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
+      wrapper.append(strikethrough);
+    }
+  } else {
+    wrapper.setAttribute('style', "".concat(baseStyle).concat(getDeletedContentStyle(colorScheme, isActive)));
+    var _strikethrough = document.createElement('span');
+    _strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
+    wrapper.append(_strikethrough);
+  }
+  return wrapper;
 };

package/dist/types/pm-plugins/calculateDiff/diffBySteps.d.ts

@@ -1,4 +1,24 @@
 import { type Change } from 'prosemirror-changeset';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Step } from '@atlaskit/editor-prosemirror/transform';
+type StepChanges = {
+    changes: Change[];
+    isGranular: boolean;
+};
 export declare const diffBySteps: (originalDoc: PMNode, steps: Step[]) => Change[];
+/**
+ * A fork of `diffBySteps` that returns changes grouped per step, rather than as a flat list.
+ *
+ * Why forked rather than refactoring `diffBySteps`:
+ * - `diffBySteps` returns a flat `Change[]` and is consumed by the existing decoration path.
+ *   Changing its return shape would require threading per-step metadata through all callers,
+ *   adding complexity to a stable code path.
+ * - The per-step grouping is only needed for the `platform_editor_diff_granular_extended` gate,
+ *   where we need to know how many granular changes a single step produced in order to decide
+ *   whether to suppress deleted decorations (threshold: > 3 granular changes per step).
+ * - Keeping the two functions separate means each has a clear, focused contract and neither
+ *   accumulates the other's concerns. Shared logic (mapping helpers, `mergeOverlappingByNewDocRange`,
+ *   `shouldCheckGranularDiff`, etc.) is already extracted and reused by both.
+ */
+export declare const getStepChanges: (originalDoc: PMNode, steps: Step[]) => StepChanges[];
+export {};

package/dist/types/pm-plugins/decorations/createGranularBlockReferenceWidget.d.ts

@@ -0,0 +1,36 @@
+import type { Change } from 'prosemirror-changeset';
+import type { IntlShape } from 'react-intl';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../../showDiffPluginType';
+import type { NodeViewSerializer } from '../NodeViewSerializer';
+/**
+ * Creates a single block widget that renders a reference text block content
+ * beneath a granular diff set, for reference when deleted content is hidden.
+ *
+ * Since granular diffing only applies to singular isTextBlock=true nodes, this
+ * widget always renders exactly one block node and does not need the slice/fragment
+ * complexity of createNodeChangedDecorationWidget.
+ *
+ * Resolves which doc and positions to render based on isInverted:
+ * - !isInverted: renders originalDoc at A-side positions (what was there before)
+ * - isInverted: renders newDoc at B-side positions (the current/new content)
+ *
+ * The widget is always inserted at the B-side block boundary in newDoc since
+ * ProseMirror decorations are always anchored against the live (new) document.
+ */
+export declare const createGranularBlockReferenceWidget: ({ change, originalDoc, newDoc, isInverted, nodeViewSerializer, colorScheme, intl, activeIndexPos, diffId, showIndicators, }: {
+    activeIndexPos?: {
+        from: number;
+        to: number;
+    };
+    change: Change;
+    colorScheme?: ColorScheme;
+    diffId: string;
+    intl: IntlShape;
+    isInverted: boolean;
+    newDoc: PMNode;
+    nodeViewSerializer: NodeViewSerializer;
+    originalDoc: PMNode;
+    showIndicators?: boolean;
+}) => Decoration[];

package/dist/types/pm-plugins/decorations/utils/wrapBlockNodeView.d.ts

@@ -15,3 +15,18 @@ export declare const wrapBlockNodeView: ({ dom, nodeView, targetNode, colorSchem
     nodeView: Node;
     targetNode: PMNode;
 }) => void;
+/**
+ * Injects a styled inner wrapper span around the children of a block node element.
+ * CSS backgrounds don't work when applied to a wrapper around a paragraph, so
+ * the wrapper needs to be injected inside the node around the child content.
+ */
+export declare const injectInnerWrapper: ({ node, colorScheme, isActive, isInserted, }: {
+    colorScheme?: ColorScheme;
+    isActive?: boolean;
+    isInserted?: boolean;
+    node: HTMLElement;
+}) => HTMLElement;
+/**
+ * Creates a styled span wrapper for inline content within a change decoration.
+ */
+export declare const createContentWrapper: (colorScheme?: ColorScheme, isActive?: boolean, isInserted?: boolean) => HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "10.1.9",
+	"version": "10.1.11",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,8 +28,8 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
-		"@atlaskit/tmp-editor-statsig": "^114.0.0",
-		"@atlaskit/tokens": "^15.0.0",
+		"@atlaskit/tmp-editor-statsig": "^114.5.0",
+		"@atlaskit/tokens": "^15.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"lodash": "^4.17.21",
@@ -38,14 +38,14 @@
 	},
 	"devDependencies": {
 		"@atlaskit/adf-utils": "^20.0.0",
-		"@atlaskit/button": "^24.1.0",
+		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/editor-core": "^221.4.0",
+		"@atlaskit/editor-core": "^221.5.0",
 		"@atlaskit/editor-json-transformer": "^9.0.0",
-		"@atlaskit/form": "^16.0.0",
-		"@atlaskit/primitives": "^20.0.0",
-		"@atlaskit/section-message": "^9.1.0",
-		"@atlaskit/textarea": "^9.0.0",
+		"@atlaskit/form": "^16.1.0",
+		"@atlaskit/primitives": "^20.2.0",
+		"@atlaskit/section-message": "^9.2.0",
+		"@atlaskit/textarea": "^9.1.0",
 		"@atlassian/confluence-presets": "workspace:^",
 		"@atlassian/content-reconciliation": "^0.1.3506",
 		"@atlassian/structured-docs-types": "workspace:^",
@@ -53,7 +53,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.14.0",
+		"@atlaskit/editor-common": "^116.17.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {