@atlaskit/editor-plugin-show-diff 5.0.5 → 5.0.7

package/dist/esm/pm-plugins/{decorations.js → decorations/createNodeChangedDecorationWidget.js}

@@ -1,40 +1,15 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleNewActive, editingStyle, editingStyleActive, deletedContentStyleUnbounded, standardDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode } from './colorSchemes/standard';
-import { deletedTraditionalContentStyle, deletedTraditionalContentStyleUnbounded, traditionalInsertStyle, traditionalInsertStyleActive, traditionalDecorationMarkerVariable, traditionalStyleQuoteNode, traditionalStyleRuleNode, traditionalStyleCardBlockNode, traditionalStyleNode } from './colorSchemes/traditional';
-import { handleBlockNodeView } from './deletedBlocksHandler';
-import { handleDeletedRows } from './deletedRowsHandler';
-import { findSafeInsertPos } from './findSafeInsertPos';
-/**
- * Inline decoration used for insertions as the content already exists in the document
- *
- * @param change Changeset "change" containing information about the change content + range
- * @returns Prosemirror inline decoration
- */
-export var createInlineChangedDecoration = function createInlineChangedDecoration(_ref) {
-  var change = _ref.change,
-    colorScheme = _ref.colorScheme,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? false : _ref$isActive;
-  var style;
-  if (colorScheme === 'traditional') {
-    style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-  } else {
-    style = isActive ? editingStyleActive : editingStyle;
-  }
-  return Decoration.inline(change.fromB, change.toB, {
-    style: style,
-    'data-testid': 'show-diff-changed-decoration'
-  }, {
-    key: 'diff-inline'
-  });
-};
-export var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
+import { deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleNewActive, deletedContentStyleUnbounded } from './colorSchemes/standard';
+import { deletedTraditionalContentStyle, deletedTraditionalContentStyleUnbounded } from './colorSchemes/traditional';
+import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
+import { findSafeInsertPos } from './utils/findSafeInsertPos';
+import { wrapBlockNodeView } from './utils/wrapBlockNodeView';
+var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
   return colorScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
 };
-export var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
+var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (colorScheme === 'traditional') {
     return deletedTraditionalContentStyle;
@@ -44,38 +19,6 @@ export var getDeletedContentStyle = function getDeletedContentStyle(colorScheme)
   }
   return expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? deletedContentStyleNew : deletedContentStyle;
 };
-var getNodeClass = function getNodeClass(name) {
-  switch (name) {
-    case 'extension':
-      return 'show-diff-changed-decoration-node';
-    default:
-      return undefined;
-  }
-};
-var getBlockNodeStyle = function getBlockNodeStyle(nodeName, colorScheme) {
-  var isTraditional = colorScheme === 'traditional';
-  if (['mediaSingle', 'mediaGroup', 'table',
-  // Handle table separately to avoid border issues
-  'tableRow', 'tableCell', 'tableHeader', 'paragraph',
-  // Paragraph and heading nodes do not need special styling
-  'heading', 'hardBreak', 'decisionList', 'taskList', 'taskItem', 'bulletList', 'orderedList', 'layoutSection'].includes(nodeName)) {
-    // Layout nodes do not need special styling
-    return undefined;
-  }
-  if (['extension', 'embedCard', 'listItem'].includes(nodeName)) {
-    return isTraditional ? traditionalDecorationMarkerVariable : standardDecorationMarkerVariable;
-  }
-  if (nodeName === 'blockquote') {
-    return isTraditional ? traditionalStyleQuoteNode : editingStyleQuoteNode;
-  }
-  if (nodeName === 'rule') {
-    return isTraditional ? traditionalStyleRuleNode : editingStyleRuleNode;
-  }
-  if (nodeName === 'blockCard') {
-    return isTraditional ? traditionalStyleCardBlockNode : editingStyleCardBlockNode;
-  }
-  return isTraditional ? traditionalStyleNode : editingStyleNode;
-};
 
 /**
  * Wraps content with deleted styling without opacity (for use when content is a direct child of dom)
@@ -85,39 +28,6 @@ var createDeletedStyleWrapperWithoutOpacity = function createDeletedStyleWrapper
   wrapper.setAttribute('style', getDeletedContentStyle(colorScheme, isActive));
   return wrapper;
 };
-
-/**
- * Inline decoration used for insertions as the content already exists in the document
- *
- * @param change Changeset "change" containing information about the change content + range
- * @returns Prosemirror inline decoration
- */
-export var createBlockChangedDecoration = function createBlockChangedDecoration(_ref2) {
-  var change = _ref2.change,
-    colorScheme = _ref2.colorScheme;
-  if (fg('platform_editor_show_diff_scroll_navigation')) {
-    var style = getBlockNodeStyle(change.name, colorScheme);
-    var className = getNodeClass(change.name);
-    if (style || className) {
-      return Decoration.node(change.from, change.to, {
-        style: style,
-        'data-testid': 'show-diff-changed-decoration-node',
-        class: className
-      }, {
-        key: 'diff-block'
-      });
-    }
-    return undefined;
-  } else {
-    return Decoration.node(change.from, change.to, {
-      style: getBlockNodeStyle(change.name, colorScheme),
-      'data-testid': 'show-diff-changed-decoration-node',
-      class: getNodeClass(change.name)
-    }, {
-      key: 'diff-block'
-    });
-  }
-};
 var createContentWrapper = function createContentWrapper(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var wrapper = document.createElement('span');
@@ -131,15 +41,15 @@ var createContentWrapper = function createContentWrapper(colorScheme) {
   wrapper.append(strikethrough);
   return wrapper;
 };
-export var createDeletedContentDecoration = function createDeletedContentDecoration(_ref3) {
-  var change = _ref3.change,
-    doc = _ref3.doc,
-    nodeViewSerializer = _ref3.nodeViewSerializer,
-    colorScheme = _ref3.colorScheme,
-    newDoc = _ref3.newDoc,
-    intl = _ref3.intl,
-    _ref3$isActive = _ref3.isActive,
-    isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
+export var createNodeChangedDecorationWidget = function createNodeChangedDecorationWidget(_ref) {
+  var change = _ref.change,
+    doc = _ref.doc,
+    nodeViewSerializer = _ref.nodeViewSerializer,
+    colorScheme = _ref.colorScheme,
+    newDoc = _ref.newDoc,
+    intl = _ref.intl,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive;
   var slice = doc.slice(change.fromA, change.toA);
   if (slice.content.content.length === 0) {
     return;
@@ -158,18 +68,13 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
     return;
   }
   if (isTableRowContent) {
-    if (!fg('platform_editor_ai_aifc_patch_ga')) {
-      return;
-    }
-    var _handleDeletedRows = handleDeletedRows({
-        changes: [change],
-        originalDoc: doc,
-        newDoc: newDoc,
-        nodeViewSerializer: nodeViewSerializer,
-        colorScheme: colorScheme
-      }),
-      decorations = _handleDeletedRows.decorations;
-    return decorations;
+    return createChangedRowDecorationWidgets({
+      changes: [change],
+      originalDoc: doc,
+      newDoc: newDoc,
+      nodeViewSerializer: nodeViewSerializer,
+      colorScheme: colorScheme
+    });
   }
   var serializer = nodeViewSerializer;
 
@@ -247,7 +152,13 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
         dom.append(wrapper);
       } else {
         // Handle all block nodes with unified function
-        handleBlockNodeView(dom, nodeView, node, colorScheme, intl);
+        wrapBlockNodeView({
+          dom: dom,
+          nodeView: nodeView,
+          targetNode: node,
+          colorScheme: colorScheme,
+          intl: intl
+        });
       }
     } else if (nodeViewSerializer.getFilteredNodeViewBlocklist(['paragraph', 'tableRow']).has(node.type.name)) {
       // Skip the case where the node is a paragraph or table row that way it can still be rendered and delete the entire table

package/dist/esm/pm-plugins/{attributeDecorations.js → decorations/utils/getAttrChangeRanges.js}

@@ -44,7 +44,7 @@ export var stepIsValidAttrChange = function stepIsValidAttrChange(step, beforeDo
       }
     }
     return false;
-  } catch (e) {
+  } catch (_unused) {
     return false;
   }
 };

package/dist/esm/pm-plugins/{deletedBlocksHandler.js → decorations/utils/wrapBlockNodeView.js}

@@ -4,9 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { trackChangesMessages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { deletedStyleQuoteNode, deletedStyleQuoteNodeWithLozenge, deletedBlockOutline, deletedBlockOutlineRounded } from './colorSchemes/standard';
-import { deletedTraditionalStyleQuoteNode, deletedTraditionalBlockOutline, deletedTraditionalBlockOutlineRounded } from './colorSchemes/traditional';
-import { getDeletedContentStyle } from './decorations';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { deletedStyleQuoteNode, deletedStyleQuoteNodeWithLozenge, deletedBlockOutline, deletedBlockOutlineRounded, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleNewActive } from '../colorSchemes/standard';
+import { deletedTraditionalStyleQuoteNode, deletedTraditionalBlockOutline, deletedTraditionalBlockOutlineRounded, deletedTraditionalContentStyle } from '../colorSchemes/traditional';
 var lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
   boxSizing: 'border-box',
@@ -23,7 +23,17 @@ var lozengeStyle = convertToInlineCss({
   whiteSpace: 'nowrap',
   color: "var(--ds-text-warning-inverse, #292A2E)"
 });
-export var getDeletedStyleNode = function getDeletedStyleNode(nodeName, colorScheme) {
+var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (colorScheme === 'traditional') {
+    return deletedTraditionalContentStyle;
+  }
+  if (isActive) {
+    return expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? deletedContentStyleNewActive : deletedContentStyleActive;
+  }
+  return expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? deletedContentStyleNew : deletedContentStyle;
+};
+var getDeletedStyleNode = function getDeletedStyleNode(nodeName, colorScheme) {
   var isTraditional = colorScheme === 'traditional';
   switch (nodeName) {
     case 'blockquote':
@@ -69,7 +79,7 @@ var shouldAddShowDiffDeletedNodeClass = function shouldAddShowDiffDeletedNodeCla
  * Checks if a node should apply deleted styles directly without wrapper
  * to preserve natural block-level margins
  */
-var shouldApplyDeletedStylesDirectly = function shouldApplyDeletedStylesDirectly(nodeName) {
+var shouldApplyStylesDirectly = function shouldApplyStylesDirectly(nodeName) {
   return nodeName === 'heading' || nodeName === 'blockquote' && !fg('platform_editor_ai_aifc_patch_ga_blockers');
 };
 
@@ -121,9 +131,12 @@ var createBlockNodeWrapper = function createBlockNodeWrapper() {
 };
 
 /**
- * Applies deleted styles directly to an HTML element by merging with existing styles
+ * Applies styles directly to an HTML element by merging with existing styles
  */
-var applyDeletedStylesToElement = function applyDeletedStylesToElement(element, targetNode, colorScheme) {
+var applyStylesToElement = function applyStylesToElement(_ref) {
+  var element = _ref.element,
+    targetNode = _ref.targetNode,
+    colorScheme = _ref.colorScheme;
   var currentStyle = element.getAttribute('style') || '';
   var deletedContentStyle = getDeletedContentStyle(colorScheme);
   var nodeSpecificStyle = getDeletedStyleNode(targetNode.type.name, colorScheme) || '';
@@ -133,7 +146,10 @@ var applyDeletedStylesToElement = function applyDeletedStylesToElement(element,
 /**
  * Creates a content wrapper with deleted styles for a block node
  */
-var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(nodeView, targetNode, colorScheme) {
+var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref2) {
+  var nodeView = _ref2.nodeView,
+    targetNode = _ref2.targetNode,
+    colorScheme = _ref2.colorScheme;
   var contentWrapper = document.createElement('div');
   var nodeStyle = getDeletedStyleNode(targetNode.type.name, colorScheme);
   contentWrapper.setAttribute('style', "".concat(getDeletedContentStyle(colorScheme)).concat(nodeStyle || ''));
@@ -147,7 +163,12 @@ var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(nodeV
  * to wait for the rich-media-item to appear before attaching the lozenge.
  * @returns true if embedCard was handled
  */
-var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(dom, nodeView, targetNode, lozenge, colorScheme) {
+var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref3) {
+  var dom = _ref3.dom,
+    nodeView = _ref3.nodeView,
+    targetNode = _ref3.targetNode,
+    lozenge = _ref3.lozenge,
+    colorScheme = _ref3.colorScheme;
   if (targetNode.type.name !== 'embedCard' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -179,7 +200,12 @@ var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(dom, nodeVi
  * Handles special mediaSingle node rendering with lozenge on child media element
  * @returns true if mediaSingle was handled, false otherwise
  */
-export var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(dom, nodeView, targetNode, lozenge, colorScheme) {
+var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref4) {
+  var dom = _ref4.dom,
+    nodeView = _ref4.nodeView,
+    targetNode = _ref4.targetNode,
+    lozenge = _ref4.lozenge,
+    colorScheme = _ref4.colorScheme;
   if (targetNode.type.name !== 'mediaSingle' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -208,19 +234,40 @@ export var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(
 /**
  * Appends a block node with wrapper, lozenge, and appropriate styling
  */
-var appendBlockNodeWithWrapper = function appendBlockNodeWithWrapper(dom, nodeView, targetNode, colorScheme, intl) {
+var wrapBlockNode = function wrapBlockNode(_ref5) {
+  var dom = _ref5.dom,
+    nodeView = _ref5.nodeView,
+    targetNode = _ref5.targetNode,
+    colorScheme = _ref5.colorScheme,
+    intl = _ref5.intl;
   var blockWrapper = createBlockNodeWrapper();
   if (shouldShowRemovedLozenge(targetNode.type.name)) {
     var lozenge = createRemovedLozenge(intl);
-    if (handleEmbedCardWithLozenge(dom, nodeView, targetNode, lozenge, colorScheme) && fg('platform_editor_ai_aifc_patch_ga_blockers')) {
+    if (handleEmbedCardWithLozenge({
+      dom: dom,
+      nodeView: nodeView,
+      targetNode: targetNode,
+      lozenge: lozenge,
+      colorScheme: colorScheme
+    }) && fg('platform_editor_ai_aifc_patch_ga_blockers')) {
       return;
     }
-    if (handleMediaSingleWithLozenge(dom, nodeView, targetNode, lozenge, colorScheme)) {
+    if (handleMediaSingleWithLozenge({
+      dom: dom,
+      nodeView: nodeView,
+      targetNode: targetNode,
+      lozenge: lozenge,
+      colorScheme: colorScheme
+    })) {
       return;
     }
     blockWrapper.append(lozenge);
   }
-  var contentWrapper = createBlockNodeContentWrapper(nodeView, targetNode, colorScheme);
+  var contentWrapper = createBlockNodeContentWrapper({
+    nodeView: nodeView,
+    targetNode: targetNode,
+    colorScheme: colorScheme
+  });
   blockWrapper.append(contentWrapper);
   if (nodeView instanceof HTMLElement && shouldAddShowDiffDeletedNodeClass(targetNode.type.name)) {
     var showDiffDeletedNodeClass = colorScheme === 'traditional' && fg('platform_editor_ai_aifc_patch_ga_blockers') ? 'show-diff-deleted-node-traditional' : 'show-diff-deleted-node';
@@ -234,13 +281,28 @@ var appendBlockNodeWithWrapper = function appendBlockNodeWithWrapper(dom, nodeVi
  * For heading nodes, applies styles directly to preserve natural margins.
  * For other block nodes, uses wrapper approach with optional lozenge.
  */
-export var handleBlockNodeView = function handleBlockNodeView(dom, nodeView, targetNode, colorScheme, intl) {
-  if (shouldApplyDeletedStylesDirectly(targetNode.type.name) && nodeView instanceof HTMLElement) {
+export var wrapBlockNodeView = function wrapBlockNodeView(_ref6) {
+  var dom = _ref6.dom,
+    nodeView = _ref6.nodeView,
+    targetNode = _ref6.targetNode,
+    colorScheme = _ref6.colorScheme,
+    intl = _ref6.intl;
+  if (shouldApplyStylesDirectly(targetNode.type.name) && nodeView instanceof HTMLElement) {
     // Apply deleted styles directly to preserve natural block-level margins
-    applyDeletedStylesToElement(nodeView, targetNode, colorScheme);
+    applyStylesToElement({
+      element: nodeView,
+      targetNode: targetNode,
+      colorScheme: colorScheme
+    });
     dom.append(nodeView);
   } else {
     // Use wrapper approach for other block nodes
-    appendBlockNodeWithWrapper(dom, nodeView, targetNode, colorScheme, intl);
+    wrapBlockNode({
+      dom: dom,
+      nodeView: nodeView,
+      targetNode: targetNode,
+      colorScheme: colorScheme,
+      intl: intl
+    });
   }
 };

package/dist/esm/pm-plugins/simplifyChanges.js

@@ -4,7 +4,6 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { areNodesEqualIgnoreAttrs } from '@atlaskit/editor-common/utils/document';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * Attempts to merge two consecutive ReplaceStep operations.
@@ -28,7 +27,7 @@ function mergeReplaceSteps(step1, step2) {
 
 // Simplifies the steps to improve performance and reduce fragmentation in diffs
 export function simplifySteps(steps, originalDoc) {
-  var stepsToFilter = fg('platform_editor_ai_aifc_patch_ga') ? removeUnusedSteps(steps, originalDoc) : steps;
+  var stepsToFilter = removeUnusedSteps(steps, originalDoc);
   return stepsToFilter
   // Remove steps that don't affect document structure or content
   .filter(function (step) {
@@ -36,9 +35,9 @@ export function simplifySteps(steps, originalDoc) {
   })
   // Merge consecutive steps where possible
   .reduce(function (acc, step) {
-    var _lastStep$merge, _lastStep$merge2, _lastStep$merge3;
+    var _lastStep$merge, _lastStep$merge2;
     var lastStep = acc[acc.length - 1];
-    var merged = fg('platform_editor_ai_aifc_patch_ga') ? (_lastStep$merge = lastStep === null || lastStep === void 0 || (_lastStep$merge2 = lastStep.merge) === null || _lastStep$merge2 === void 0 ? void 0 : _lastStep$merge2.call(lastStep, step)) !== null && _lastStep$merge !== void 0 ? _lastStep$merge : mergeReplaceSteps(lastStep, step) : lastStep === null || lastStep === void 0 || (_lastStep$merge3 = lastStep.merge) === null || _lastStep$merge3 === void 0 ? void 0 : _lastStep$merge3.call(lastStep, step);
+    var merged = (_lastStep$merge = lastStep === null || lastStep === void 0 || (_lastStep$merge2 = lastStep.merge) === null || _lastStep$merge2 === void 0 ? void 0 : _lastStep$merge2.call(lastStep, step)) !== null && _lastStep$merge !== void 0 ? _lastStep$merge : mergeReplaceSteps(lastStep, step);
     if (merged) {
       acc[acc.length - 1] = merged;
     } else {

package/dist/types/pm-plugins/NodeViewSerializer.d.ts

@@ -67,7 +67,7 @@ export declare class NodeViewSerializer {
     /**
      * Serializes a fragment to a `DocumentFragment` using the schema's `DOMSerializer`.
      */
-    serializeFragment(fragment: Fragment): HTMLElement | DocumentFragment | null;
+    serializeFragment(fragment: Fragment): DocumentFragment | HTMLElement | null;
     /**
      * Returns a copy of the current node view blocklist.
      */

package/dist/types/pm-plugins/calculateDiffDecorations.d.ts

@@ -1,6 +1,7 @@
 import type { IntlShape } from 'react-intl-next';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../showDiffPluginType';
 import type { ShowDiffPluginState } from './main';
 import type { NodeViewSerializer } from './NodeViewSerializer';
 export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, }: {
@@ -8,7 +9,7 @@ export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<
         from: number;
         to: number;
     };
-    colorScheme?: "standard" | "traditional";
+    colorScheme?: ColorScheme;
     intl: IntlShape;
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, "decorations">;

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

@@ -0,0 +1,16 @@
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../../showDiffPluginType';
+/**
+ * Inline decoration used for insertions as the content already exists in the document
+ *
+ * @param change Changeset "change" containing information about the change content + range
+ * @returns Prosemirror inline decoration
+ */
+export declare const createBlockChangedDecoration: ({ change, colorScheme, }: {
+    change: {
+        from: number;
+        name: string;
+        to: number;
+    };
+    colorScheme?: ColorScheme;
+}) => Decoration | undefined;

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

@@ -0,0 +1,17 @@
+import type { Change } from 'prosemirror-changeset';
+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';
+type SimpleChange = Pick<Change, 'fromA' | 'toA' | 'fromB' | 'deleted'>;
+/**
+ * Main function to handle deleted rows - computes diff and creates decorations
+ */
+export declare const createChangedRowDecorationWidgets: ({ changes, originalDoc, newDoc, nodeViewSerializer, colorScheme, }: {
+    changes: SimpleChange[];
+    colorScheme?: ColorScheme;
+    newDoc: PMNode;
+    nodeViewSerializer: NodeViewSerializer;
+    originalDoc: PMNode;
+}) => Decoration[];
+export {};

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

@@ -0,0 +1,16 @@
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../../showDiffPluginType';
+/**
+ * Inline decoration used for insertions as the content already exists in the document
+ *
+ * @param change Changeset "change" containing information about the change content + range
+ * @returns Prosemirror inline decoration
+ */
+export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, }: {
+    change: {
+        fromB: number;
+        toB: number;
+    };
+    colorScheme?: ColorScheme;
+    isActive?: boolean;
+}) => Decoration;

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

@@ -0,0 +1,15 @@
+import type { Change } from 'prosemirror-changeset';
+import type { IntlShape } from 'react-intl-next';
+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';
+export declare const createNodeChangedDecorationWidget: ({ change, doc, nodeViewSerializer, colorScheme, newDoc, intl, isActive, }: {
+    change: Pick<Change, "fromA" | "toA" | "fromB" | "deleted">;
+    colorScheme?: ColorScheme;
+    doc: PMNode;
+    intl: IntlShape;
+    isActive?: boolean;
+    newDoc: PMNode;
+    nodeViewSerializer: NodeViewSerializer;
+}) => Decoration[] | undefined;

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

@@ -0,0 +1,15 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { ColorScheme } from '../../../showDiffPluginType';
+/**
+ * Handles all block node rendering with appropriate deleted styling.
+ * For heading nodes, applies styles directly to preserve natural margins.
+ * For other block nodes, uses wrapper approach with optional lozenge.
+ */
+export declare const wrapBlockNodeView: ({ dom, nodeView, targetNode, colorScheme, intl, }: {
+    colorScheme?: ColorScheme;
+    dom: HTMLElement;
+    intl: IntlShape;
+    nodeView: Node;
+    targetNode: PMNode;
+}) => void;

package/dist/types-ts4.5/pm-plugins/NodeViewSerializer.d.ts

@@ -67,7 +67,7 @@ export declare class NodeViewSerializer {
     /**
      * Serializes a fragment to a `DocumentFragment` using the schema's `DOMSerializer`.
      */
-    serializeFragment(fragment: Fragment): HTMLElement | DocumentFragment | null;
+    serializeFragment(fragment: Fragment): DocumentFragment | HTMLElement | null;
     /**
      * Returns a copy of the current node view blocklist.
      */

package/dist/types-ts4.5/pm-plugins/calculateDiffDecorations.d.ts

@@ -1,6 +1,7 @@
 import type { IntlShape } from 'react-intl-next';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../showDiffPluginType';
 import type { ShowDiffPluginState } from './main';
 import type { NodeViewSerializer } from './NodeViewSerializer';
 export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, }: {
@@ -8,7 +9,7 @@ export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<
         from: number;
         to: number;
     };
-    colorScheme?: "standard" | "traditional";
+    colorScheme?: ColorScheme;
     intl: IntlShape;
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, "decorations">;

package/dist/types-ts4.5/pm-plugins/decorations/createBlockChangedDecoration.d.ts

@@ -0,0 +1,16 @@
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../../showDiffPluginType';
+/**
+ * Inline decoration used for insertions as the content already exists in the document
+ *
+ * @param change Changeset "change" containing information about the change content + range
+ * @returns Prosemirror inline decoration
+ */
+export declare const createBlockChangedDecoration: ({ change, colorScheme, }: {
+    change: {
+        from: number;
+        name: string;
+        to: number;
+    };
+    colorScheme?: ColorScheme;
+}) => Decoration | undefined;

package/dist/types-ts4.5/pm-plugins/decorations/createChangedRowDecorationWidgets.d.ts

@@ -0,0 +1,17 @@
+import type { Change } from 'prosemirror-changeset';
+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';
+type SimpleChange = Pick<Change, 'fromA' | 'toA' | 'fromB' | 'deleted'>;
+/**
+ * Main function to handle deleted rows - computes diff and creates decorations
+ */
+export declare const createChangedRowDecorationWidgets: ({ changes, originalDoc, newDoc, nodeViewSerializer, colorScheme, }: {
+    changes: SimpleChange[];
+    colorScheme?: ColorScheme;
+    newDoc: PMNode;
+    nodeViewSerializer: NodeViewSerializer;
+    originalDoc: PMNode;
+}) => Decoration[];
+export {};

package/dist/types-ts4.5/pm-plugins/decorations/createInlineChangedDecoration.d.ts

@@ -0,0 +1,16 @@
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import type { ColorScheme } from '../../showDiffPluginType';
+/**
+ * Inline decoration used for insertions as the content already exists in the document
+ *
+ * @param change Changeset "change" containing information about the change content + range
+ * @returns Prosemirror inline decoration
+ */
+export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, }: {
+    change: {
+        fromB: number;
+        toB: number;
+    };
+    colorScheme?: ColorScheme;
+    isActive?: boolean;
+}) => Decoration;

package/dist/types-ts4.5/pm-plugins/decorations/createNodeChangedDecorationWidget.d.ts

@@ -0,0 +1,15 @@
+import type { Change } from 'prosemirror-changeset';
+import type { IntlShape } from 'react-intl-next';
+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';
+export declare const createNodeChangedDecorationWidget: ({ change, doc, nodeViewSerializer, colorScheme, newDoc, intl, isActive, }: {
+    change: Pick<Change, "fromA" | "toA" | "fromB" | "deleted">;
+    colorScheme?: ColorScheme;
+    doc: PMNode;
+    intl: IntlShape;
+    isActive?: boolean;
+    newDoc: PMNode;
+    nodeViewSerializer: NodeViewSerializer;
+}) => Decoration[] | undefined;

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

@@ -0,0 +1,15 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { ColorScheme } from '../../../showDiffPluginType';
+/**
+ * Handles all block node rendering with appropriate deleted styling.
+ * For heading nodes, applies styles directly to preserve natural margins.
+ * For other block nodes, uses wrapper approach with optional lozenge.
+ */
+export declare const wrapBlockNodeView: ({ dom, nodeView, targetNode, colorScheme, intl, }: {
+    colorScheme?: ColorScheme;
+    dom: HTMLElement;
+    intl: IntlShape;
+    nodeView: Node;
+    targetNode: PMNode;
+}) => void;